body, p, a,ol,li,strong,span,ul{ font-family : 'Roboto' , 'csprajad' , san-serif !important; } 
h1, h2, h3, h4, h5, h6 { font-family : 'Roboto', 'csprajad', 'Helvetica', sans-serif !important; } 
.thai-link a { font-family: 'Roboto', 'csprajad', 'Helvetica', sans-serif !important; } .container-width, .full-width .ubermenu-nav, .container, .row {
max-width: 1170px;
}
.section {
padding-top: 0 !important;
}
#main {
background-color: #f6f6f6;
} 
.page-title {
padding-top: 0 !important;
} #menu-sidemenu,
#menu-sidemenu-th{
background: #fff;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
border-radius: 5px;
}
#menu-sidemenu.menu>li,
#menu-sidemenu-th.menu>li {
padding:0 20px;
}
#menu-sidemenu.menu>li:hover,
#menu-sidemenu-th.menu>li:hover {
background: #0066b4;
}
#menu-sidemenu.menu>li:hover a,
#menu-sidemenu.menu>li:hover button,
#menu-sidemenu-th.menu>li:hover a,
#menu-sidemenu-th.menu>li:hover button{
color: #fff;
}
#menu-sidemenu.menu>li>a,
#menu-sidemenu-th.menu>li>a{ 
height: 50px;
display:flex;
align-items: center;
cursor: pointer;
color: #0066b3;
font-weight: 700;
}
#menu-sidemenu.menu .sub-menu>li>a:hover,
#menu-sidemenu-th.menu .sub-menu>li>a:hover{
color: #e4e4e4;
}
#menu-sidemenu .sub-menu,
#menu-sidemenu-th .sub-menu{
border-left: none; 
padding-left: 0px;
}
#menu-sidemenu .sub-menu li a:before,
#menu-sidemenu-th .sub-menu li a:before{
font-family: FontAwesome;
content: "\f0da";
display: inline-block;
padding-right: 5px;
vertical-align: middle;
font-weight: 900;
}
#menu-sidemenu .sub-menu li a,
#menu-sidemenu-th .sub-menu li a{
transition: 0.2s linear;
}
#menu-sidemenu .sub-menu li a:hover,
#menu-sidemenu-th .sub-menu li a:hover{
padding-left: 10px;
}
.irmain-menu-section {
z-index: 9;
}
.blog-single .row {
max-width: 100%;
}
h1 {
font-size: 34px;
color: #1d2432;
}
.p-0 {
padding: 0 !important;
}
.pb-0 { 
padding-bottom: 0 !important;
}
.pt-3 {
padding-top: 30px;
}
.text-shadow {
text-shadow: 0 1px 2px rgba(0,0,0,0.7);
}
p.paragraph,
p.content{
text-indent: 30px;
text-align: justify;
} .stuck .header-main .nav > li > a {
color: #0066b6;
} .btn-orange {
background: #fabe56 !important;
color: white !important;
display: block;
text-align: center;
padding: 13px 10px;
font-size: 14px;
text-decoration: none !important;
}
.float-right { 
float: right;
} .home-setannouncement {
list-style-type: none;
margin-top: 30px;
} 
.home-setannouncement li{
margin-left: 0 !important;
border-bottom: 1px solid #ececec;
color: #3e78a7;
font-size: 15px;;
display: flex;
align-items: center;
} 
.header-text {
font-size: 4.5em !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.header-subtext {
margin-bottom: 0 !important;
}
.home-setannouncement div{
text-align: center;
min-width: 10%;
} 
.home-setannouncement li .date{
font-size: 40px;
font-weight: bold;
color: #00b9dd;
margin-bottom: 0;
line-height: 1;
} 
.home-setannouncement li .month{
color: #4e4e4e;
margin-bottom: 0;
} 
.home-setannouncement li h4  {
padding-left: 1em;
}
.home-setannouncement li h4 , .home-setannouncement li a {
color: #4e4e4e;
font-size: 1.125em;
}
.home-setannouncement li h4:hover , .home-setannouncement li a:hover {
color: #0066b6;
} .header-inner ,
.header .flex-row {
width: 100%;
max-width: none;
padding-left: 60px; 
padding-right: 60px;
}
.absolute-footer {
border-top: 1px solid rgba(255,255,255,0.2);	
}
.stuck a.mega-menu-link {
color: #0066b4 !important;
}
.dl-custom {
margin-right: 100px;
background: #00579a;
border-radius: 5px;	
z-index: 9;
}
.dl-custom button{
background: #0067b6;
margin: 0;
margin-right: 10px;
border-radius: 5px 0 0 5px;
}
.dl-custom button.dl-active,
.dl-custom button:hover,
.dl-custom .dl-menuopen,
.dl-custom ul{
background: #02528e;
}
.dl-custom li a {
display: block;
position: relative;
padding: 13px 20px;
font-size: 16px;
line-height: 20px;
font-weight: 300;
color: #fff;
outline: none;
border-bottom: 1px #ffffff1a solid;
}
.dl-custom li.dl-back:after, 
.dl-custom  li > a:not(:only-child):after {
position: absolute;
top: 0;
line-height: 50px;
font-family: 'dashicons';
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f345";
font-size: 13px;
}
.dl-custom li > a:after {
right: 13px;
color: rgba(255, 255, 255, 0.25);
}
.stock-price-wrap {
width: 100%;
min-height: 100px;
border-radius: 8px;
border: 1px solid transparent;
overflow: hidden;
}
.stock-data {
overflow: hidden;
display: inline-block;
}
.stock-data:first-child {
margin-right: 20px !important;
}
.stock-frame {
padding: 20px 5px;
border-radius: 2px 2px 0 0;
margin: 0 10px 0;
display: inline-block;
}
.sticky {
color: #deebfe;
font-weight: normal;
font-size: 14px;
letter-spacing: 0.02em;
background: #0066b2;
padding: 10px !important;
margin: 0 !important;
border-radius: 0 0 5px 5px;
border-top: 3px #4d8ec5 solid;
}
.tab-news .nav-tabs>li>a {
border-top: none;
}
.tab-news .nav-tabs > li.active > a {
box-shadow: inset 0 5px 0 #0066b2;
}
.tab-news .nav-tabs+.tab-panels {
background: #ffffff;
padding-left: 0;
border-radius: 0 5px 5px 5px;
}
.tab-news .nav-tabs > li:nth-child(1) > a:before {
font-family: "FontAwesome";
content: "\f044";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 300;
color: #F05451;
margin-right: 10px;
}
.tab-news .nav-tabs > li:nth-child(2) > a:before {
font-family: "FontAwesome";
content: "\f01c";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 300;
color: #F05451;
margin-right: 10px;
}
.tab-news .nav:hover>li:not(:hover)>a:before {
opacity: 1
} .ir-highlight {
text-align: center;
}
.ir-highlight * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.ir-highlight .box {
overflow: hidden;
border-radius: 5px;
}
.ir-highlight .box:hover {
border: 2px #0092ff solid;
transition: all 0.2s linear;
}
.ir-highlight .box-text {
position: absolute;
top: calc(71%);
width: 100%;
background-color: rgba(0, 102, 178, 0.7);
padding: 15px 15px 100px;
}
.ir-highlight .box-text:before {
position: absolute;
content: '';
z-index: 2;
bottom: 100%;
left: 0;
width: 100%;
height: 80px;
background-image: -webkit-linear-gradient(to bottom, transparent 0%, rgba(0, 102, 178, 0.7) 100%);
background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 102, 178, 0.7) 100%);
}
.ir-highlight p, .ir-highlight h3  {
margin: 0 0 86px;
}
.ir-highlight p {
font-size: 16px;
letter-spacing: 0.02em;
line-height: 18px;
opacity: 0.9;
color: #fff;
}
.ir-highlight-btn {
color: #fff;
background: #0066b2;
position: relative;
top: -60px;
font-size: 14px;
z-index: 9999;
}
.ir-highlight:hover .box-text,
.ir-highlight.hover .box-text {
top: 5px;
} .annual-latest-wrap {
margin: 25px 0;
overflow: hidden;
border-bottom: 1px rgba(17, 54, 85, 0.2) dashed;
padding-bottom: 13px;
}
.annual-icon {
float: left;
width: 70px;
background: #fff;
text-align: center;
padding: 15px;
border-radius: 9px;
margin-right: 15px;
border: 1px #ebebeb solid;
}
.annual-detail {
overflow:hidden;
}
.annual-detail-year {
float: left;
}
a.annual-detail-topic {
color: #0066b2;
transition: all 0.3s ease-in-out;
cursor: pointer;
font-size: 18px;
font-weight: 600;
}
p.annual-detail-subtopic {
color: #000;
font-size: 14px;
margin-bottom: 0;
}
.annual-download {
overflow: hidden;
padding: 13px 0;
float: right;
}
.annual-download a.btn-open-file {
padding: 8px 10px;
border-radius: 35px;
border: 2px #0066b2 solid;
display: inline-block;
color: #0066b2 !important;
font-weight: 400;
text-align: center;
width: 120px;
font-size: 14px;
margin-bottom: 5px;
margin-right: 5px;
}
.annual-download a.btn-download-file {
padding: 8px 10px;
border-radius: 35px;
border: 2px #0066b2 solid;
background: #0066b2;
display: inline-block;
color: #ffffff !important;
font-weight: 400;
text-align: center;
width: 120px;
font-size: 14px;
margin-bottom: 5px;
}
.accordian-wrap .accordion-title,
.general-meeting-accordion .accordion-title.active {
font-weight: 700;
} .general-meeting {
background: white;
padding: 0;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.general-meeting ul li{
list-style-type: none;
padding-left: 8px;
border-bottom: 1px solid #e0dede;
display:flex;
align-items: center;
}
.general-meeting ul {
margin-bottom: 0;
}
.general-meeting a {
margin: 0;
}
.general-meeting ul li,
.general-meeting p {
margin-bottom: 0;
padding:0 9px;
}
.general-meeting .gm-header {
padding: 10px;
color: white;
background: #0066b5;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.general-meeting .gm-header h3 {
color: white;
margin-bottom: 0;
} .annual-wrap {
min-height: 200px;
background: #f8f9f9;
margin-bottom: 25px;
overflow: hidden;
text-align: center;
box-shadow: 2px 2px 5px rgba(0,0,0,0.07);
border-radius: 3px;
}
.annual-wrap .cover {
width: 100%;
text-align: center;
}
.annual_title {
font-size: 20px !important;
font-weight: 700 !important;
color: #333;
padding: 20px 0px;
margin-bottom: 0;
}
.annual_detail {
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
padding: 0 20px;
}
.annual_btn {
padding: 5px 10px 10px 21px;
position: relative;
float: left;
text-align: center;
width: 100%;
display: block;
overflow: hidden;
background: #0066b6;
color: white;
font-weight: bold;
}
.annual_att_btn {
padding: 5px 20px 10px 12px;
position: relative;
float: left;
text-align: center;
width: 100%;
display: block;
overflow: hidden;
background: #008891;
color: white;
font-weight: bold;
}
.annual_att_btn:hover {
background: #16a596;
color: #f4f4f4;
}
.annual_btn:hover {
background: #036fc3;
color: #f4f4f4;
}
.annual_btn_text {
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 12px !important;
text-align:center;
}
.annual_btn i{
font-size: 18px;
color: #fff;
line-height: 20px;
letter-spacing: 1px;
text-shadow: none;
text-decoration: none;
padding-left: 10px;
} .medium-header h1 { 
font-size: 30px;
} .easyPaginateNav {
text-align: center;
}
.easyPaginateNav a {
margin-right: 8px;
} .calendar-reminder-wrap {
margin: 25px 0;
overflow: hidden;
border-bottom: 1px rgba(255, 255, 255, 0.2) dashed;
padding-bottom: 15px;
display: flex;
align-items: center;
}
.reminder-date {
float: left;
width: 70px;
background: #fff;
text-align: center;
padding: 5px 5px 5px;
border-radius: 9px;
margin-right: 15px;
border-top: 15px #1386e1 solid;
}
.reminder-date p.day {
font-size: 35px;
line-height: 30px;
font-weight: 600;
color: #113655;
}
.reminder-date p {
margin-bottom: 0 !important;
font-size: 10px;
font-weight: 600;
}
.reminder-list {
float: left;
width: 83%;
}
.reminder-list a.calendar-topic {
color: #d3ecff;
transition: all 0.3s ease-in-out; overflow: hidden;
text-overflow: ellipsis;
display: block;
cursor: pointer;
text-align: left;
} #mega-menu-item-245.solutions-nav > ul.mega-sub-menu{
height: 560px !important;
max-height: calc(100vh - 115px) !important;
overflow: auto !important;
background: white !important;
overflow-x: hidden !important;
box-shadow: 3px 4px 4px rgba(0,0,0,.3) !important;
border: .5px solid #ccc !important;
border-radius: 3px !important;
}
#mega-menu-item-244.aboutus-nav > ul.mega-sub-menu{
box-shadow: 3px 4px 4px rgba(0,0,0,.3) !important;
border: .5px solid #ccc !important;
border-radius: 3px !important;
}
.disable-btn {
pointer-events: none !important;
visibility: hidden !important;
} ul.mega-sub-menu li .mega-menu-link{
transition: 0.2s linear !important;
}
ul.mega-sub-menu li .mega-menu-link:hover{
padding-left: 15px !important;
}
ul.mega-sub-menu .data-analytics-nav { border-top: 0.5px solid #ccc !important;
}
ul.mega-sub-menu .cyber-security-nav { border-top: 0.5px solid #ccc !important;
}
ul.mega-sub-menu .design-engineering-nav { margin-top: -160px !important;
border-top: 0.5px solid #ccc !important;
}
ul.mega-sub-menu .digital-collaboration-nav { margin-top: -160px !important;
border-top: .5px solid #ccc !important;
}
ul.mega-sub-menu .digital-transformation-nav { margin-top: -160px !important;
border-top: .5px solid #ccc !important;
}
ul.mega-sub-menu .iot-platform-nav { border-top: .5px solid #ccc !important;
}
ul.mega-sub-menu .service-training-nav { border-top: .5px solid #ccc !important;
}
@media only screen and (max-width: 1280px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
margin: 0px 20px 0 0;
}
ul.mega-sub-menu .service-training-nav {
margin-top: 0 !important;
}
}
@media only screen and (max-width: 1280px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
margin: 0px 8px 0 0;
}
}
@media only screen and (max-width: 1100px) {
.header-inner, .header .flex-row {
padding-left:15px;
padding-right: 15px;
}
} @media only screen and (max-width: 1031px) {
ul.mega-sub-menu .digital-transformation-nav ,
ul.mega-sub-menu .digital-collaboration-nav{
margin-top: -190px !important;
}   
}
@media only screen and (max-width: 48em) { .stock-data:first-child {
margin-right: auto !important;
}
}
.video-button-wrapper a{
margin-bottom: 0;
color: #0066b5;
} ::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: rgba(0,0,0,0);
-webkit-border-radius: 100px;
}
::-webkit-scrollbar:hover {
background-color: rgba(0, 0, 0, 0.09);
}
::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.3);
-webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:active {
background: rgba(0,0,0,0.61); 
-webkit-border-radius: 100px;
} ::-webkit-scrollbar-thumb:vertical {
min-height: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
min-width: 10px;
}
.vat_btn { position: relative;
float: left;
text-align: center;
width: 70%;
height:40px;
display: block;
overflow: hidden;
background-color: white;
color: #036fc3;
font-weight: bold;
border-radius: 30px;
border-color:#4B7BE5;
border-style:outset;
border-width:3px;
text-transform: uppercase; font-size: 14px !important;
text-align:center;
color:#4B7BE5;
padding-top:10px;
}
.vat_btn:hover {
background: #4B7BE5;
color: white;
text-transform: uppercase; font-size: 14px !important;
text-align:center;
color:white;
padding-top:10px;
}
.vat_btn_text {
text-transform: uppercase; font-size: 16px !important;
text-align:center;
color:#036fc3;
padding-top:10px;
}
.vat_btn_text:hover {
text-transform: uppercase; font-size: 16px !important;
text-align:center;
color:white;
padding-top:10px;
}