@charset 'UTF-8';
@charset "UTF-8";


body { margin: 0; padding: 0; color: #123; background: #ccc; transition: background 0s ease; font-family: 'Kanit', sans-serif; font-size: 1.1rem; letter-spacing: 0.3px; }
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: normal; }
ul,li,ol{ margin: 0; padding: 0; list-style: none;}
a{ text-decoration: none; }
.clr:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } .FeaturePost{ width: auto;}
.FeaturePost ul li{ text-align: center; position: relative; margin-top: 0px; height: 770px;}
.FeatureSliderBox{ width: 90%; margin: auto; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; color: #fff; }
.FeatureSliderBox h1{ width: 90%; max-width: 900px; margin: auto; margin-top: 60px; font-size: 35px; line-height: 55px; font-weight: 600; position: relative; letter-spacing: 2px; }
.FeatureSliderBox h2{ font-size: 18px; font-weight: 500; position: relative; letter-spacing: 2px; }
.FeatureSliderBox h2:after{ position: absolute; content: ''; width: 130px; height: 2px; left: 0; right: 0; background-color: #efc41b; margin: auto; bottom: -30px; }
.FeatureSliderBox .Link{ text-align:center; margin-top: 50px; }
.FeatureSliderBox .Link a{ padding: 15px 40px; background-color: #efc41b; color: #123; font-weight: 600; letter-spacing: 1px; font-size: 18px; border-radius: 100px; }
.FeatureSliderBox .Link a:hover{ background-color: #efc41b; }
.FeaturePost .slick-dots{ position: relative!important; margin-top: -90px; }
.FeaturePost .slick-dots li{ height: 20px!important; margin-left: 5px; margin-right: 5px; }
.FeaturePost .slick-dots li button::before { color: #fff!important; width: 16px!important; height: 16px!important; line-height: 16px!important; border-radius: 100px; background-color: #fff!important;  }
.FeaturePost ul li.slick-active{ opacity: 1!important; transition: all 0.2s; } .FeatureTopPage{ width: auto; height: 600px; text-align: center; position: relative; margin-top: 0px; }
.FeatureTopPageBox{ width: 50%; margin: auto; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; color: #fff; }
.FeatureTopPageBox h1{ font-size: 48px; font-weight: 600; position: relative; letter-spacing: 3px; }
.FeatureTopPageBox h1:after{ position: absolute; content: ''; width: 130px; height: 2px; left: 0; right: 0; background-color: #efc41b; margin: auto; bottom: -20px; }
.FeatureTopPageBox .Captions{ clear: both; margin-top: 50px; font-size: 18px; letter-spacing: 2px; } .BreadcrumbTop{ max-width: 1160px; height: auto; margin: auto; padding: 15px 0px; font-size: 11px; font-family: sans-serif; letter-spacing: 1px; color: #999; }
.BreadcrumbTop a{ color: #999; } .TitleHead{ text-align: center; position: relative; z-index: 3;}
.TitleHead h2{ text-align: center; color: #fff; font-size: 40px; letter-spacing: 3px; font-weight: 700; margin-bottom: 40px; position: relative; }
.TitleHead h2:after{ position: absolute; content: ''; width: 130px; height: 2px; left: 0; right: 0; background-color: #fff; margin: auto; bottom: -20px; }
.TitleHead p{ width: 80%; margin: auto; } .AboutToppageAll{ background-color: #fff; padding: 100px 0px; }
.AboutToppage{ width: auto; height: auto; max-width: 1160px; margin:auto; font-weight: 300; color: #003675; overflow: auto; }
.AboutToppage .AboutPicture{ width: 47%; float: left; min-height: 400px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.2s; }
.AboutToppage .AboutPicture img{ width: 100%; height: auto; }
.AboutToppage .AboutDescribtions{ width: 48%; float: right; font-size: 18px; padding-top: 0px; }
.AboutToppage .AboutDescribtions h2{ color: #003675; font-size: 30px; letter-spacing: 1px; font-weight: 600; }
.AboutToppage .AboutDescribtions ul li{ padding: 3px 0px; font-size: 16px; position: relative; padding-left: 25px; }
.AboutToppage .AboutDescribtions ul li:before{ position: absolute; content:"\f058"; color: #4173f3; font-size: 16px; font-weight: 700; font-family: "Font Awesome 5 Free"; border-radius: 100px; left: 0px; top: 8px; background-repeat: no-repeat; background-position: top left;}
.LinkMoreBox{ text-align:center; background-color:#fff; padding: 10px; }
.LinkMoreBox a{ padding: 10px 30px; background-color: #e2b810; color: #123; letter-spacing: 1px; font-size: 14px; border-radius: 100px; }
.LinkMoreBox a:hover{ background-color: #efc41b; } .ContactPageAll{ background-color: #fff; padding: 60px 0px; }
.ContactPage{ width: auto; height: auto; max-width: 800px; margin:auto; font-size: 20px; font-weight: 300; color: #123; overflow: auto; }
.ContactPage .TitleForm { margin: auto; display: flex; width: 300px; justify-content: center; align-items: center; text-align: center; font-size: 14px; margin-top: 80px; margin-bottom: 20px;}
.ContactPage .TitleForm:before, .TitleForm:after { content: ''; border-top: 2px solid; margin: 0 20px 0 0; flex: 1 0 20px; }
.ContactPage .TitleForm:after { margin: 0 0 0 20px;}
.ContactForm{ margin: auto; margin-top: 30px; max-width: 400px; border:0px solid #ccc; border-radius: 25px; margin-bottom: 40px; }
.ContactForm ul li{ clear: both; margin-bottom: 20px; text-align: left; font-size: 16px; }
.ContactForm ul li:last-child{ text-align: center; margin-bottom: 0px; }
.ContactForm ul li label span{ display: block; }
.ContactForm ul li input[type=text]{ background-color: #f2f2f2; margin-top: 5px; display: block; width: 92%; padding: 10px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 5px; border:1px solid #ccc; }
.ContactForm ul li input[type=email]{ background-color: #f2f2f2; margin-top: 5px; display: block; width: 92%; padding: 10px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 5px; border:1px solid #ccc; }
.ContactForm ul li input[type=tel]{ background-color: #f2f2f2; margin-top: 5px; display: block; width: 92%; padding: 10px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 5px; border:1px solid #ccc; }
.ContactForm ul li textarea{ background-color: #f2f2f2; margin-top: 5px; display: block; width: 92%; padding: 10px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 5px; border:1px solid #ccc; }
.ContactForm ul li button { font-family: 'Kanit', sans-serif; font-size: 18px; position: relative; cursor: pointer; background-color:#e2b810; border:0px; color: #123; letter-spacing: 1px; padding: 10px 30px 10px 30px; border-radius: 100px; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; } .OurServices{ width: auto; height: auto; overflow: auto; padding-top: 100px; padding-bottom: 100px; background-image: url(//millenniumadvisory.co.th/wp-content/themes/ma/assets/images/bg-services.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.2s;}
.OurServicesBox{ max-width: 1160px; margin:auto; }
.ServiceList{ margin-top: 50px; }
.ServiceList ul{ margin-top: 10px; }
.ServiceList ul li{ width: 30%; height: auto; display: block; min-height: 180px; margin: 0px 0px 0px 0px; padding: 20px 3% 30px 0%; float: left; text-align: left; position: relative; transition: .3s ease; }
.ServiceList ul li .Icon{ color: #c49d02; font-size: 50px; margin-bottom: 10px; }
.ServiceList ul li .Title{ font-size: 25px; height: 60px; color: #fff; font-weight: 700; margin-bottom: 10px;letter-spacing: 1px; line-height: 30px; }
.ServiceList ul li .Captions{ height: 80px; font-size: 13px; font-family: sans-serif; line-height: 18px; color: #ccc; margin-bottom: 20px; }
.ServiceList ul li p{ margin: 0px; padding: 0px; }
.ServiceList .LinkMore{ margin-top: 10px; clear: both; text-align: center; }
.ServiceList .LinkMore a{ padding: 10px 30px; background-color: #e2b810; color: #123; display: inline-block; letter-spacing: 1px; font-size: 14px; border-radius: 100px; }
.ServiceList .LinkMore a:hover{ background-color: #efc41b; } .ServicesPageAll{ background-color: #fff; padding: 0px 0px; }
.ServicesPageAll ul li{ background-color: #fff; padding: 70px 0px; }
.ServicesPageAll ul li:nth-child(odd){ background-color: #f7f9fb; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutPicture{ float: left; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions{ float: right; }
.ServicesPageAll ul li .ServicesPage{ width: auto; height: auto; max-width: 1160px; margin:auto; font-weight: 300; color: #003675; overflow: auto; }
.ServicesPageAll ul li .ServicesPage .AboutPicture{ width: 47%; float: right; min-height: 400px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.2s; }
.ServicesPageAll ul li .ServicesPage .AboutPicture img{ width: 100%; height: auto; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions{ width: 48%; float: left; font-size: 18px; padding-top: 20px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions h2{ color: #003675; font-size: 30px; letter-spacing: 1px; font-weight: 600; clear: both; overflow: hidden; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions h2 i{ color: #e2b810; font-size: 40px; display: block; float: left; margin-bottom: 20px; margin-right: 20px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions ul{ margin-top: 10px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions ul li{ background-color: #fff; padding: 3px 0px; font-size: 16px; position: relative; padding-left: 25px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions ul li:before{ position: absolute; content:"\f058"; color: #4173f3; font-size: 16px; font-weight: 700; font-family: "Font Awesome 5 Free"; border-radius: 100px; left: 0px; top: 8px; background-repeat: no-repeat; background-position: top left;}
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions ul li{ background-color: #f7f9fb; }
.ServicesPageAll ul li li:nth-child(odd){ background-color: #fff; }
.ServicesPageAll ul ul { margin-bottom: 30px; }
.ServicesPageAll ul li .IconHeight{ margin-bottom: 80px!important; }
.ServicesPageAll ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0; margin-top: 20px; }
.ServicesPageAll ol > li { display: table; counter-increment: item; margin: 0; padding: 0; }
.ServicesPageAll ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; }
.ServicesPageAll li ol > li { margin: 0; }
.ServicesPageAll li ol > li:before { content: counters(item, ".") " "; } .Interesting{ width: auto; position: relative; background-color: #fff; padding: 100px 0px; }
.Interesting .BGYellow{ width: 100%; height: 200px; position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: #e2b810; }
.Interesting .ContentBox{ max-width: 640px; position: relative; padding: 60px 80px 80px 80px; z-index: 4; height: auto; font-size: 20px; font-weight: 300; margin: auto; background-color: #2b2f40; color: #fff; text-align: center; }
.Interesting .ContentBox span{ display: block; }
.Interesting .ContentBox .Link{ margin-top: 50px; clear: both; }
.Interesting .ContentBox .Link a{ background-color: #efc41b; color: #123; padding: 15px 30px; font-size: 18px; letter-spacing: 1px; border-radius: 100px; font-weight: 600; }
.Interesting .ContentBox .LeftLine{ width: 60px; height: 60px; border-left: 2px solid #c49d02; border-top: 2px solid #c49d02; position: absolute; top: 60px; left: 60px; }
.Interesting .ContentBox .RightLine{ width: 60px; height: 60px; border-right: 2px solid #c49d02; border-bottom: 2px solid #c49d02; position: absolute; bottom: 60px; right: 60px; } .ContentPageAll{ background-color: #fff; }
.ContentPage{ max-width: 1160px; height: auto; margin: auto; } .AboutBox{} footer{ padding: 100px 0px 50px 0px; background-color: #f7f9fb; }
.FooterBox{ max-width: 1160px; height: auto; margin: auto; } .LeftContact{ width: 50%; float: left; height: 450px; background-color: #fff; text-align: left; font-size: 14px; color: #666; font-weight: normal; font-weight: normal; margin-bottom: 60px; overflow: hidden; }
.LeftContactBox{ padding: 50px; font-family: sans-serif; position: relative; }
.LeftContactBox h2{ font-size: 30px; font-weight: 600; color: #123; letter-spacing: 2px; position: relative; font-family: 'Kanit', sans-serif; }
.LeftContactBox h2:after{ position: absolute; content: ''; width: 65%; height: 2px; top: 25px; left: 150px; background-color: #e2b810; }
.LeftContactBox h3{ font-size: 18px; font-family: 'Kanit', sans-serif; font-weight: 400; color: #123; margin-top: 15px; margin-bottom: 5px; }
.LeftContactBox p{ margin: 0px; padding: 0px; margin-bottom: 5px; letter-spacing: 0px; }
.LeftContactBox .QRCode{ width: 180px; height: 180px; position: absolute; right: 10px; }
.LeftContactBox .QRCode img{ width: 100%; height: auto; } .RightMap{ width: 50%; float: right; height: 450px; font-size: 11px; position: relative; letter-spacing: 1px; text-align: right; margin-bottom: 60px; }
.FooterMap { overflow: hidden; position: relative; height: 450px;}
.FooterMap iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute;} .CopyRights{ width: 50%; float: left; text-align: left; font-size: 11px; color: #666; letter-spacing: 1px; font-weight: normal; border-top: 1px solid #eee; padding-top: 30px; } .FooterLink{ width: 50%; float: right; font-size: 14px; letter-spacing: 1px; text-align: right; border-top: 1px solid #eee; padding-top: 30px; }
.FooterLink ul{ display: inline-block; }
.FooterLink ul li{ display: inline; text-align: right; }
.FooterLink ul li a{ color: #666;  margin: 0px 10px 0px 10px; }
.FooterLink ul li a:hover{ color: #e2b810;} .BacktoTop{ position: fixed; right: 15px; bottom: 15px; width: 40px; height: 40px; line-height: 45px; text-align: center; border-radius: 100px; background: rgba(226,184,16,0.8); }
.BacktoTop i{ color: #fff; font-size: 25px; }
.BTT{ }@media(max-width:1500px)
{
} @media(max-width:1280px)
{ .FeatureTopPage{ width: auto; height: 500px; }
.FeatureTopPageBox h1{ font-size: 45px; } .AboutToppage{ max-width: auto; margin-left: 70px; margin-right: 70px; }
.AboutToppage .AboutDescribtions{ width: 48%; float: right; font-size: 18px; }
.AboutToppage .AboutDescribtions h2{ font-size: 26px; } .OurServicesBox{ max-width: auto; margin-left: 70px; margin-right: 70px; } .ServicesPageAll ul li .ServicesPage{ max-width: auto; margin-left: 70px; margin-right: 70px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions{ width: 48%; font-size: 18px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions h2{ font-size: 26px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions{ width: 48%; font-size: 18px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions h2{ font-size: 26px; } .FooterBox{ max-width: auto; margin-left: 70px; margin-right: 70px; }
} @media(max-width:1024px)
{ .BreadcrumbTop{ width: 90%; margin: auto;} .FeaturePost ul li{ height: 650px; }
.FeatureSliderBox h1{ font-size: 32px; line-height: 50px; }
.FeatureSliderBox .Link a{ font-size: 16px; } .FeatureTopPage{ width: auto; height: 450px; }
.FeatureTopPageBox h1{ font-size: 40px; } .AboutToppageAll{ background-color: #fff; padding: 50px 0px 100px 0px; }
.AboutToppage{ width: 90%; margin:auto; }
.AboutToppage .AboutDescribtions{ font-size: 15px; }
.AboutToppage .AboutDescribtions h2{ font-size: 20px; }
.AboutToppage .AboutDescribtions ul li{ font-size: 15px; } .ServicesPageAll{ background-color: #fff; padding: 0px 0px 100px 0px; }
.ServicesPageAll ul li .ServicesPage{  width: 90%; margin:auto; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions{ font-size: 15px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions h2{ font-size: 20px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions ul li{ font-size: 15px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions{ font-size: 15px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions h2{ font-size: 20px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions ul li{ font-size: 15px; } .OurServicesBox{ width: 90%; margin:auto; }
.ServiceList ul li .Title{ font-size: 20px; } .Interesting .ContentBox{ width: auto; max-width: 100%; margin: auto; margin-left: 50px; margin-right: 50px; } .FooterBox{  width: 90%; margin: auto; } .LeftContactBox{ padding: 40px; }
.LeftContactBox h2:after{  width: 50%; } .ContactPageAll{ padding: 30px 0px 50px 0px; }
.ContactPage{ width: 90%; margin: auto;  font-size: 18px; } .LeftContactBox .QRCode{ width: 120px; height: 120px; right: 10px; }
} @media(max-width:768px)
{ .FeatureTopPage{ width: auto; height: 400px; }
.FeatureTopPageBox{ width: 90%;}
.FeatureTopPageBox h1{ font-size: 40px; } .FeaturePost ul li{ height: 600px; }
.FeatureSliderBox h1{ font-size: 28px; line-height: 35px; }
.FeatureSliderBox .Link a{ font-size: 15px; padding: 10px 30px; } .AboutToppage{ width: 90%; margin:auto; }
.AboutToppage .AboutPicture{ width: auto; background-size: 100%; float: none; min-height: 400px; margin-bottom: 30px; }
.AboutToppage .AboutDescribtions{ width: auto; float: none; font-size: 20px; padding: 0px 30px; }
.AboutToppage .AboutDescribtions h2{ font-size: 30px; }
.AboutToppage .AboutDescribtions ul li{ font-size: 16px; } .ServicesPageAll ul li .ServicesPage{ width: 90%; margin:auto; }
.ServicesPageAll ul li .ServicesPage .AboutPicture{ width: auto; background-size: 100%; float: none; min-height: 400px; margin-bottom: 30px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions{ width: auto; float: none; font-size: 20px; padding: 0px 30px;}
.ServicesPageAll ul li .ServicesPage .AboutDescribtions h2{ font-size: 28px; line-height: 32px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions ul li{ font-size: 16px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutPicture{ width: auto; background-size: 100%; float: none; min-height: 400px; margin-bottom: 30px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions{ width: auto; float: none; font-size: 20px; padding: 0px 30px;}
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions h2{ font-size: 28px; line-height: 32px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions ul li{ font-size: 16px; } .TitleHead h2{ font-size: 35px; } .ServiceList ul{ overflow: auto; }
.ServiceList ul li{ width: 46%; padding: 20px 2% 20px 2%; min-height: 160px; }
.ServiceList ul li:nth-child(3){ clear: both; }
.ServiceList ul li:nth-child(5){ clear: both; }
.ServiceList ul li:last-child(){ clear: both; }
.ServiceList ul li .Icon{ font-size: 40px; }
.ServiceList ul li .Title{ font-size: 18px; height: auto; line-height: 22px; }
.ServiceList ul li .Captions{ font-size: 14px; height: 70px; }
.ServiceList .LinkMore{ margin-top: 40px;} .Interesting .ContentBox{ font-size: 18px; padding: 60px 100px 80px 100px;  }
.Interesting .ContentBox span{ display: none; }
.Interesting .ContentBox .Link a{ padding: 10px 20px; font-size: 16px; }
.Interesting .ContentBox .LeftLine{ top: 50px; left: 50px; }
.Interesting .ContentBox .RightLine{ bottom: 50px; right: 50px; } .LeftContact{ width: auto; float: none; height: auto; margin-bottom: 0px; }
.LeftContactBox{ padding: 50px; }
.LeftContactBox h2:after{  width: 50%; } .RightMap{ width: auto; float: none; height: auto; }
.FooterMap {  height: 300px; } .CopyRights{ width: auto; float: none; text-align: center; padding-top: 20px; } .FooterLink{ width: auto; float: none; text-align: center; border-top: 0px; padding-top: 0px; padding-bottom: 20px; } .LeftContactBox .QRCode{ width: 150px; height: 150px; right: 20px; }
} @media(max-width:480px)
{ .FeaturePost ul li{ height: 600px; }
.FeatureSliderBox h1{ width: auto; margin-top: 50px; font-size: 25px; line-height: 32px; font-weight: 500; }
.FeatureSliderBox .Link{ margin-top: 30px; }
.FeatureSliderBox .Link a{ font-size: 15px; padding: 10px 30px; } .AboutToppage .AboutPicture{ min-height: 300px; }
.AboutToppage .AboutDescribtions{ width: auto; float: none; font-size: 18px; padding: 0px 0px; }
.AboutToppage .AboutDescribtions p{ line-height: 23px; }
.AboutToppage .AboutDescribtions h2{ font-size: 20px; }
.AboutToppage .AboutDescribtions ul li{ font-size: 15px; } .ServicesPageAll ul li .ServicesPage .AboutPicture{ min-height: 300px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions{ width: auto; float: none; font-size: 18px; padding: 0px 0px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions p{ line-height: 23px; margin-top: 0px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions h2{ font-size: 20px; line-height: 28px; }
.ServicesPageAll ul li .ServicesPage .AboutDescribtions ul li{ font-size: 15px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutPicture{ min-height: 300px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions{ width: auto; float: none; font-size: 18px; padding: 0px 0px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions p{ line-height: 23px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions h2{ font-size: 20px; line-height: 28px; }
.ServicesPageAll ul li:nth-child(odd) .ServicesPage .AboutDescribtions ul li{ font-size: 15px; } .ContactPage{ font-size: 16px; } .ServiceList ul li{ width: auto; min-height: auto; float: none; padding: 20px 0px 20px 0px; text-align: center; clear: both; }
.ServiceList ul li .Icon{ font-size: 45px; }
.ServiceList ul li .Title{ height: auto; font-size: 25px; line-height: 30px; margin-bottom: 20px; margin-top: 10px; }
.ServiceList ul li .Captions{ height: auto; font-size: 14px; } .Interesting{ padding: 80px 0px; }
.Interesting .ContentBox{ font-size: 16px; width: auto; margin: auto; margin-left: 20px; margin-right: 20px; padding: 20px 40px 60px 40px;  }
.Interesting .ContentBox span{ display: none; }
.Interesting .ContentBox .Link{ margin-top: 30px; }
.Interesting .ContentBox .Link a{ padding: 10px 20px; font-size: 15px; }
.Interesting .ContentBox .LeftLine{ top: 20px; left: 20px; }
.Interesting .ContentBox .RightLine{ bottom: 20px; right: 20px; } .LeftContactBox{ padding: 30px; }
.LeftContactBox h2{ font-size: 25px; }
.LeftContactBox h2:after{ width: 55%; top: 20px; left: 130px; }
.LeftContactBox .QRCode{ width: 120px; height: 120px; right: 10px; } .FooterLink ul li { font-size: 13px; }
}.TopHeader { display: inline; color:#123; padding: 1em 1em 0.8em 1em; position: fixed; left:0; top:50px; width:100%; box-sizing:border-box; transition: top 0.6s; z-index: 999999999999; }
.TopHeaderBox{ max-width: 1160px; margin: auto; }
.TopHeader.off-canvas { top: -129px; }
.TopHeader.fixed { top:0; z-index: 999999999; background-color: #2b2f40; background-color: rgba(43,47,67,0.95); }
.TopHeader.fixed img{ width: auto; height: 30px; margin-top: 0px; }
.LogoFix{ margin-top: -10px; }
.TopLogo { max-width:auto; height :auto; }
.TopLogo a{ color:#fff; font-weight: 500; }
.pull-left { display: inline-block; text-align: left; float: left; width: 20%; }
.pull-right { display: inline-block; text-align: right; float: right; width: 80%; font-size: 13px; line-height: 25px; } .TopMenuCenter {  display: inline-block; width: auto; text-align: center; }
.TopMenuCenter ul{ display: inline-block; margin:0; padding: 0; }
.TopMenuCenter li { display: inline; text-align: center; margin-left: 1em; margin-right: 1em; position: relative; } .TopMenuCenter li a { color:#efc41b; text-decoration:none; font-size: 15px; font-weight: 600; letter-spacing: 2px; transition: all 0.2s; }
.TopMenuCenter li a:hover{ color: #fff; transition: all 0.2s; }
.TopMenuCenter li:last-child{ margin-right: 0; }
.TopMenuCenter li:last-child:after{ display: none; } .toggle-mnu{ display: none; } .LeftMenuMobile h2{ display: none; font-family: 'Mitr', sans-serif; } @media(max-width:1024px)
{ .TopHeader { top:0px; }
.TopHeader.fixed { top:0; }
} @media(max-width:1023px)
{ .TopHeader { top:0px; text-align: center; }
.LogoFix{ text-align: center; display: block; margin: auto; margin-top: 30px; }
.TopHeader.fixed img{ margin-top: -2px; } .toggle-mnu { display: inline-block; width: 20px; height: 20px; margin-top: 2px; float: left; margin-right: 15px; position: relative; z-index: 9999999999999; }
.toggle-mnu span:after, .toggle-mnu span:before { content: ""; position: absolute; left: 0; top: 7px; }
.toggle-mnu span:after { top: 14px; }
.toggle-mnu span { position: relative; display: block; }
.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before { width: 100%; height: 2px; background-color: #fff; transition: all 0.3s; backface-visibility: hidden; border-radius: 2px; }
.toggle-mnu.on span { background-color: transparent; }
.toggle-mnu.on span:before { transform: rotate(45deg) translate(-1px, 0px); }
.toggle-mnu.on span:after { transform: rotate(-45deg) translate(6px, -6px); } .pull-left { width: 100%; }
.pull-right { width: 0%; }
.TopLogoTXT{ margin:0px; padding: 0px; text-align: center; width: 100%; } .TopMenuCenter { position: fixed; width: 100%; max-width: 250px; height: 100vh; top: 0; left: -250px; padding-top: 50px; transition: all 0.3s; }
.TopMenuCenter ul{ margin-top: 30px; }
.TopMenuCenter li { display: block; text-align: center; clear: both; margin-left: 0; position: relative; margin-right: 0; }
.TopMenuCenter li a { display: block; padding:10px 5px; }
.TopMenuCenter li:after{ display: none; } .LeftMenuMobile { position: fixed;  width: 100%; max-width: 250px; padding-top: 50px;  height: 100vh; top: 0; display: block; left: -250px; z-index: 999999999999; transition: all 0.3s; }
.LeftMenuMobile h2{ display: block; font-size: 20px; font-weight: 600; position: relative;}
.LeftMenuMobile h2:after{ position: absolute; content: ''; width: 80px; height: 2px; left: 0; right: 0; background-color: #fff; margin: auto; bottom: -20px; }
.LeftMenuMobile h2 a { color:#fff; transition: all 0.2s; }
.LeftMenuMobile h2 a:hover{ color:#e2b810; transition: all 0.2s; }
.LeftMenuMobile h2 span{ position: relative; display:inline-block; font-size: 13px; vertical-align: top; font-weight: normal; font-family: sans-serif; letter-spacing: 2px; }
.LeftMenuMobile h2 span:before{ position: absolute; content: ''; left: -10px; top: 10px; background-color: #999; width: 5px; height: 1px; }
.LeftMenuMobile h2 span:after{ position: absolute; content: ''; right: -10px; top: 10px; background-color: #999; width: 5px; height: 1px; }
.OpenMenuMobile{ position: fixed; left: 0px; top: 0; padding-top: 50px; width: 100%; max-width: 300px; height: 100vh; transition: all 0.3s; background-color: #2b2f40; z-index: 999999999999; }
} @media(max-width:640px)
{
.TopHeader { padding: 0.5em 0.5em; }
.TopLogo { margin-top: 5px; }
.pull-left { width: 100%; }
.pull-right { width: 35%; }
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(http://millenniumadvisory.co.th/wp-content/themes/ma/assets/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal; } .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 25%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{ font-size: 20px;
line-height: 1;
opacity: 1;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: ' ';
}
[dir='rtl'] .slick-prev:before
{
content: ' ';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: ' ';
}
[dir='rtl'] .slick-next:before
{
content: ' ';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}