a:hover
{
    text-decoration: none;
}

/*-----carousel------*/
.carousel_img
{
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px)
{
    .carousel_img
    {
        height: 158px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px)
{
    .carousel_img
    {
        height: 198px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px)
{
    .carousel_img
    {
        height: 248px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px)
{
    .carousel_img
    {
        height: 328px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
    .carousel_img
    {
        height: 388px;
    }
}

/*-----carousel indicators----*/
.bg_eiapoint
{
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 60%, rgba(239,247,248,1) 100%);
    min-height: 53px;
}
.eiapoint
{
    /*position: absolute;   right: 0;   bottom: 10px;   left: 0;   z-index: 15;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: center;   -ms-flex-pack: center;   justify-content: center;   padding-left: 0;   margin-right: 15%;   margin-left: 15%;   list-style: none;*/
    bottom: -12px;
}

.eiapoint li
{
    /*position: relative;   -webkit-box-flex: 0;   -ms-flex: 0 1 auto;   flex: 0 1 auto;   margin-right: 3px;   margin-left: 3px;   text-indent: -999px;*/ /*border: 1px solid rgba(0, 0, 0, 0.5);*/
    background-color: #8ACBCA;
    opacity: 1;
    width: 24px;
    height: 24px;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.eiapoint li:hover
{
    background-color: #01A7C4;
}

.eiapoint li::before
{
    /*position: absolute;   top: -10px;   left: 0;   display: inline-block;   width: 100%;   height: 10px;   content: "";*/
}

.eiapoint li::after
{
    /*position: absolute;   bottom: -10px;   left: 0;   display: inline-block;   width: 100%;   height: 10px;   content: "";*/
}

.eiapoint .active
{
    background-color: #01A7C4;
}


.eiasubpoint
{
    /*position: absolute;   right: 0;   bottom: 10px;   left: 0;   z-index: 15;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: center;   -ms-flex-pack: center;   justify-content: center;   padding-left: 0;   margin-right: 15%;   margin-left: 15%;   list-style: none;*/
    bottom: -14px;
    -ms-flex-pack: end;
    justify-content: end;
    justify-content: end;
    right: 80px;
}

.eiasubpoint li
{
    /*position: relative;   -webkit-box-flex: 0;   -ms-flex: 0 1 auto;   flex: 0 1 auto;   margin-right: 3px;   margin-left: 3px;   text-indent: -999px;*/ /*border: 1px solid rgba(0, 0, 0, 0.5);*/
    background-color: #0098CB;
    opacity: 1;
    width: 12px;
    height: 12px;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.eiasubpoint li:hover
{
    background-color: #006698;
}

.eiasubpoint li::before
{
    /*position: absolute;   top: -10px;   left: 0;   display: inline-block;   width: 100%;   height: 10px;   content: "";*/
}

.eiasubpoint li::after
{
    /*position: absolute;   bottom: -10px;   left: 0;   display: inline-block;   width: 100%;   height: 10px;   content: "";*/
}

.eiasubpoint .active
{
    background-color: #006698;
}

.eialawspoint
{
    /*position: absolute;   right: 0;   bottom: 10px;   left: 0;   z-index: 15;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: center;   -ms-flex-pack: center;   justify-content: center;   padding-left: 0;   margin-right: 15%;   margin-left: 15%;   list-style: none;*/
    bottom: -34px;
}

.eialawspoint li
{
    /*position: relative;   -webkit-box-flex: 0;   -ms-flex: 0 1 auto;   flex: 0 1 auto;   margin-right: 3px;   margin-left: 3px;   text-indent: -999px;*/ /*border: 1px solid rgba(0, 0, 0, 0.5);*/
    background-color: #0098CB;
    opacity: 1;
    width: 12px;
    height: 12px;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.eialawspoint li:hover
{
    background-color: #70EEE7;
}

.eialawspoint li::before
{
    /*position: absolute;   top: -10px;   left: 0;   display: inline-block;   width: 100%;   height: 10px;   content: "";*/
}

.eialawspoint li::after
{
    /*position: absolute;   bottom: -10px;   left: 0;   display: inline-block;   width: 100%;   height: 10px;   content: "";*/
}

.eialawspoint .active
{
    background-color: #70EEE7;
}


.servicepoint
{
    /*position: absolute;   right: 0;   bottom: 10px;   left: 0;   z-index: 15;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: center;   -ms-flex-pack: center;   justify-content: center;   padding-left: 0;   margin-right: 15%;   margin-left: 15%;   list-style: none;*/
    bottom: -54px;
}

.servicepoint li
{
    /*position: relative;   -webkit-box-flex: 0;   -ms-flex: 0 1 auto;   flex: 0 1 auto;   margin-right: 3px;   margin-left: 3px;   text-indent: -999px;*/ /*border: 1px solid rgba(0, 0, 0, 0.5);*/
    background-color: #009898;
    opacity: 1;
    width: 12px;
    height: 12px;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.servicepoint li:hover
{
    background-color: #006698;
}

.servicepoint li::before
{
    /*position: absolute;   top: -10px;   left: 0;   display: inline-block;   width: 100%;   height: 10px;   content: "";*/
}

.servicepoint li::after
{
    /*position: absolute;   bottom: -10px;   left: 0;   display: inline-block;   width: 100%;   height: 10px;   content: "";*/
}

.servicepoint .active
{
    background-color: #006698;
}


.boardpoint
{
    /*position: absolute;   right: 0;   bottom: 10px;   left: 0;   z-index: 15;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: center;   -ms-flex-pack: center;   justify-content: center;   padding-left: 0;   margin-right: 15%;   margin-left: 15%;   list-style: none;*/
    bottom: -54px;
}

.boardpoint li
{
    /*position: relative;   -webkit-box-flex: 0;   -ms-flex: 0 1 auto;   flex: 0 1 auto;   margin-right: 3px;   margin-left: 3px;   text-indent: -999px;*/ /*border: 1px solid rgba(0, 0, 0, 0.5);*/
    background-color: #9BCEA5;
    opacity: 1;
    width: 12px;
    height: 12px;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.boardpoint li:hover
{
    background-color: #96BA7C;
}

.boardpoint li::before
{
    /*position: absolute;   top: -10px;   left: 0;   display: inline-block;   width: 100%;   height: 10px;   content: "";*/
}

.boardpoint li::after
{
    /*position: absolute;   bottom: -10px;   left: 0;   display: inline-block;   width: 100%;   height: 10px;   content: "";*/
}

.boardpoint .active
{
    background-color: #96BA7C;
}

/*-------page bar-------*/
.bgpagebar
{
    background: #1D8691; /* Old browsers */
    background: -moz-linear-gradient(left,  #1D8691 0%, #1D8691 30%, #CCFAFF 30%, #CCFAFF 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #1D8691 0%,#1D8691 30%,#CCFAFF 30%,#CCFAFF 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #1D8691 0%,#1D8691 30%,#CCFAFF 30%,#CCFAFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D8691', endColorstr='#CCFAFF',GradientType=1 ); /* IE6-9 */
}
.bgpagebar .mainpage
{
    background-color: #1D8691;
}
.bgpagebar .subpage
{
    background-color: #CCFAFF;
}

/*--------font circle button-------*/
.btn_circle
{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.if_cfont
{
    color: #1B4C71;
    font-weight: 400;
    width: 32px;
    height: 32px;
    border: none;
    background: none;
}
.if_cfont:hover, .cfactive
{
    background-color: #0192BE;
    color: #FFF;
}

.if_page
{
    color: #FFF;
    font-weight: bold;
    width: 40px;
    height: 40px;
    border: none;
    background-color: #33B9D4;
}
.if_page:hover
{
    color: #228BA2;
    background-color: #63C9DE;
}


/*-----btn up-----*/
.if_up
{
    border: 3px solid #7B838C;
    background-color: #FFF;
    color: #7B838C;
    width: 45px;
    height: 45px;
    font-size: 28px;
}
.if_up:hover
{
    background-color: #8AD2DD;
    color: #FFF;
}

.lnk_white
{
    color: #FFF;
}
.lnk_white:hover
{
    color: #C5EFF3;
}

.lnk_dgreen
{
    color: #2E776C;
}
.lnk_dgreen:hover
{
    color: #41A999;
}

/*----อำนาจหน้าที่----*/
.if_role
{
    color: #FFF;
    font-weight: 400;
    width: 50px;
    height: 50px;
    border: none;
    background-color: #33B9D4;
    font-size: 40px;
}
.boxttrole
{
    padding: 22px 53px;
    background-image: url(../../images/bgcontent/tt_rolebox.png);
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 140px;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

/*-------btn vote--------*/
.cb_vote
{
    color: #FFF !important;
    background-color: #01A7C4 !important;
    border-color: #01A7C4 !important;
}
.cb_vote:hover
{
    color: #FFF !important;
    background-color: #01BDDE !important;
    border-color: #01BDDE !important;
}
.cb_vote.focus, .cb_vote:focus
{
    color: #FFF !important;
    background-color: #01BDDE !important;
    border-color: #01BDDE !important;
    box-shadow: 0 0 0 .2rem rgba(102,175,233,.3);
}

.cb_voteview
{
    color: #FFF !important;
    background-color: #006698 !important;
    border-color: #006698 !important;
}
.cb_voteview:hover
{
    color: #FFF !important;
    background-color: #0074AC !important;
    border-color: #0074AC !important;
}
.cb_voteview.focus, .cb_voteview:focus
{
    color: #FFF !important;
    background-color: #0074AC !important;
    border-color: #0074AC !important;
    box-shadow: 0 0 0 .2rem rgba(102,175,233,.3);
}

/*-------btn user manual--------*/
.cb_manual
{
    color: #FFF !important;
    background-color: #33B994 !important;
    border-color: #FFF !important;
    font-weight: 300 !important;
}
.cb_manual:hover
{
    color: #FFF !important;
    background-color: #26AA75 !important;
    border-color: #FFF !important;
}
.cb_manual.focus, .cb_manual:focus
{
    color: #FFF !important;
    background-color: #26AA75 !important;
    border-color: #FFF !important;
    box-shadow: 0 0 0 .2rem rgba(102,175,233,.3);
}

/*-----background----*/
.bgcontenthome
{
    background-image: url(../../Images/bgcontent/bghome.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}
.bgmaintop
{
    background-image: url(../../Images/bgcontent/bgmaintopic.png);
    background-repeat: repeat-x;
}
.bgknowledge
{
    background-position: right top;
    background-image: url(../../images/bgcontent/bgknowledge.png);
    background-repeat: no-repeat; /*background-size: auto 100%;*/
    background-color: #ABE2E0;
}
.bgvote
{
    background-position: right bottom;
    background-image: url(../../images/bgcontent/bgvote.png);
    background-repeat: no-repeat;
    background-color: #D4EAED;
}
.bgsubvote
{
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background: rgb(50,183,210,.2);
}
.bgboardtop
{
    background-position: left top;
    background-image: url(../../images/board/bgboardtop.png);
    background-repeat: no-repeat;
}
.bgboardbottom
{
    background-position: right bottom;
    background-image: url(../../images/board/bgboardbottom.png);
    background-repeat: no-repeat;
}


/*------sub title content-------*/
.bgsub_ctitle
{
    background-image: url(../../Images/bgcontent/bgsub_htopic.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 78px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #EEE;
}
.bgsub_dtitle
{
    min-height: 78px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #EEE;
}

/*------page news detail------*/
.newsdate
{
    padding: 2px 5px 7px 5px;
    color: #9DC879;
    text-align: center !important;
    background-color: #C7EF98;
    width: 85px;
}
.newsdate .textnewsdate
{
    font-size: 14px;
    color: #5E8A39;
}


/*-----------nav dropdown menu -----------*/
/*background*/
.bgmainnav
{
    background: rgb(50,183,210);
    background: radial-gradient(circle, rgba(50,183,210,1) 60%, rgba(196,227,228,1) 100%);
}

nav.eianavddl .eianav-link
{
    /*border-style: solid;     border-width: 0px 1px 0px 0px;     border-color: #EEE;*/
    padding: 7px 20px !important;
    color: #FFF;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #FFF;
}

nav.eianavddl .eianav-link:hover
{
    color: #FFFF99; /*background: #4EC4DC;*/
}

nav.eianavddl .noborder
{
    border: none; /* !important*/
}

nav.eianavddl .dropdown-menu
{
    /*background: rgba(0, 49, 172, 0.7);*/
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
    background-color: #B8E4F0;
}

nav.eianavddl .dropdown-menu a
{
    color: #208499;
    background-color: #B8E4F0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #99DCEA;
}

nav.eianavddl .dropdown-menu a:hover
{
    background-color: #81CEE4;
    color: #FFFFD5 !important;
}

.dropdown-menu a
{
    font-size: 16px;
    white-space: normal;
}

.dropdown .dropdown-menu
{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown:hover .dropdown-menu
{
    max-height: 600px;
    opacity: 1;
}

/* icon nav short screen */
.nav_ifmenu_black
{
    display: block;
    color: #000;
    outline: none !important;
}

.nav_ifmenu_white
{
    display: block;
    color: #FFF;
    outline: none !important;
}

nav.eianavfooter .eianav-link
{
    margin: 8px 0px;
    padding: 0px 20px !important;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #FFF;
    color: #FFF;
    font-weight: normal !important;
    font-size: 14px;
    text-align: center;
}

nav.eianavfooter .eianav-link:hover
{
    color: #FFF572;
}

nav.eianavfooter .noborder
{
    border: none; /* !important*/
}

/*-----button all view------*/
.btn_ifsquare
{
    width: 40px;
    height: 36px;
    outline: none !important;
    font-size: 20px;
}
.btn_ifblue
{
    border: none;
    background-color: #6BCAE9;
    color: #FFF;
}
.btn_ifblue:hover
{
    border: none;
    background-color: #80D1EC;
}
.btn_iforange
{
    border: none;
    background-color: #FF9673;
    color: #FFF;
}
.btn_iforange:hover
{
    border: none;
    background-color: #FF8055;
}
.btn_ifgreen
{
    border: none;
    background-color: #7CC761;
    color: #FFF;
}
.btn_ifgreen:hover
{
    border: none;
    background-color: #92CF7A;
}

/*-----button home------*/
.cb_lblue_main
{
    border: 1px solid #006698;
    background-color: #006698;
}
.cb_lblue_main:hover
{
    border: 1px solid #006698 !important;
    background-color: #0073AA !important;
    color: #FFF !important;
}


/*---------img news content---------*/
.imgbox
{
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

/*----news content----*/
.newsbox
{
    cursor: pointer;
    line-height: normal;
    padding-bottom: 20px;
}
.newsbox a
{
    color: #5B5B5B;
}
.newsbox:hover a
{
    color: #60C7DD;
}
.newsbox .imglinebox
{
    /*width: 232px;*/
    height: 180px;
    padding: 7px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #DDD !important;
}
.newsbox .textlinebox
{
    padding: 5px 3px 10px 3px;
    font-family: 'rsu_bold' !important;
}
.newsbox .textlink
{
    height: 57px;
    overflow: hidden;
    font-size: 16px;
}
.newsbox .textdate
{
    color: #29A8C2;
    font-size: 13px;
}
.newsbox .publicbox
{
    /*padding: 0px 3px;*/
    width: 182px;
}
.newsbox .imgpublicbox
{
    /*width: 177px;*/
    height: 257px;
    padding: 7px;
    border: 1px solid #DDD !important;
}

/*------image news content-------*/
.co_imgnews
{
    position: relative;
    width: 100%;
}
.co_imgoverlay
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(228, 242, 236, 0.9);
    overflow: hidden;
    width: 100%;
    height: 90px;
    transition: .5s ease;
}
.co_imgnews:hover .co_imgoverlay
{
    height: 100%;
}
.co_txtoverlay
{
    color: #000;
    line-height: 16px;
    font-size: 16px;
}
.co_txtoverlay a
{
    color: #006698;
}
.co_txtoverlay .txt_newsdate
{
    color: #797979;
    font-size: 13px;
    font-weight: bold;
}
.co_txtoverlay .txt_intdate
{
    color: #E53331;
    font-size: 13px;
    font-weight: bold;
}

/*------sub menu button content-------*/
/*.menubox
{
    font-size: 16px;
    line-height: 18px;
}
.bgmb_blue
{
    background-color: #F8F8F8;
    background-image: url(../../Images/bgcontent/bgcmenu_blue.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}*/

.submenubox, .submenubox a
{
    /*height: 77px;*/
    display: block;
    width: 100%; /*display: inline-block;*/
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    margin: 2px;
    border: 1px solid #CCC;
    padding: 0px 20px;
    color: #FFF;
    background-color: #006B86;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .5rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.submenubox:hover, .submenubox:hover a, .sm_bactive a, .sm_gactive a
{
    color: #FFF; /*color: #212529;*/
}

.sm_blue:hover, .sm_bactive
{
    background-color: #7BC1D9;
}

.sm_green:hover, .sm_gactive
{
    background-color: #9DDA4B;
}

/*.sm_blue
{
    color: #FFF !important;
    background-color: #006B86 !important;
    border-color: #CCC !important;
    display: block;
    width: 100%;
}
.sm_blue:hover
{
    color: #FFF !important;
    background-color: #008AAC !important;
    border-color: #CCC !important;
}
.sm_blue.focus, .sm_blue:focus
{
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);
}
.sm_blue.disabled, .sm_blue:disabled
{
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.sm_blue:not(:disabled):not(.disabled).active, .sm_blue:not(:disabled):not(.disabled):active, .show > .sm_blue.dropdown-toggle
{
    color: #FFF;
    background-color: #7BC1D9;
    border-color: #CCC;
}
.sm_blue:not(:disabled):not(.disabled).active:focus, .sm_blue:not(:disabled):not(.disabled):active:focus, .show > .sm_blue.dropdown-toggle:focus
{
    box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);
}*/

/*-----ceo-----*/
.ceobg
{
    background-image: url(../../images/bgcontent/bgeia_ceo.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 475px;
    background-color: #E2FFF4;
    min-height: 525px;
    border-top-style: solid;
    border-top-width: 7px;
    border-top-color: #ADD8D0;
    border-bottom-style: dotted;
    border-bottom-width: 5px;
    border-bottom-color: #B6D8D4;
}
.ceobox
{
    min-height: 395px;
}
.ceoimg .imgsize
{
    border: 10px solid #D2E1E9;
    height: 344px;
    width: 250px;
}
.ceoprofile
{
    min-height: 50px;
}
.ceoprofile .cname
{
    color: #00425B;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
}
.ceoprofile .cposition
{
    color: #009FD3;
    font-size: 20px;
    line-height: 22px;
    padding-top: 10px;
    min-height: 80px;
}
.profbox
{
    display: -ms-flexbox !important;
    margin: 2px 0px;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    min-height: 30px;
}
.prof_ifbox
{
    /*margin: 0px 5px;*/
    position: absolute;
    font-size: 22px;
    height: 38px;
    width: 38px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    color: #FFF;
}
.prof_txtbox
{
    font-size: 16px;
    padding: 2px 2px 2px 30px;
    width: 100%;
    min-height: 38px;
    border-radius: 50px 0 0 50px;
    -moz-border-radius: 50px 0 0 50px;
    -webkit-border-radius: 50px 0 0 50px;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    color: #00425B;
    font-weight: 400;
    margin-bottom: 1px;
}
.ceotel .if
{
    background-color: #84BF40;
}
.ceotel .txt
{
    background-color: #BCF09C;
}
.ceomail .if
{
    background-color: #D36447;
}
.ceomail .txt
{
    background-color: #FFB6A3;
}

/*-----menu ceo link------*/
.ceolink a
{
    padding: 0px 7px 0px 7px;
    border-left-style: solid;
    border-left-width: 4px;
    border-left-color: #A4EF76;
    color: #00425B;
    display: block;
    font-size: 19px;
    font-weight: 400;
    line-height: 21px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ceolink:hover a
{
    color: #4A9D91;
}

/*----sitemap----*/
.sitemapbox
{
    color: #666;
}
.sitemapbox h6
{
    color: #2FB44B;
    text-align: center;
    font-weight: 400;
}
ul.sitemapbox
{
    /*font-weight: 500;*/
    font-size: 15px;
    width: 191px;
}
ul.sitemapbox li
{
    list-style-type: square;
    padding-bottom: 5px;
}
ul.sitemapbox li:hover
{
    color: #8CE19D;
}
ul.sitemapbox a
{
    color: #1D8691;
}
ul.sitemapbox a:hover
{
    color: #8CE19D;
}

/*--------eia thailand--------*/
.eiath_box
{
    color: #555658;
    min-height: 621px;
    border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
}

.tteiath_box
{
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFF;
}
.tteiath_gbox
{
    background-image: url(../../images/process/tt_gprocess.png);
    background-size: cover;
    width: 288px;
    min-height: 61px;
}
.tteiath_bbox
{
    background-image: url(../../images/process/tt_bprocess.png);
    background-size: cover;
    width: 288px;
    min-height: 61px;
}
.tteiath_obox
{
    background-image: url(../../images/process/tt_oprocess.png);
    background-size: cover;
    width: 288px;
    min-height: 61px;
}
.ttact_dgbox
{
    background-image: url(../../images/process/tt_act2518.png);
    background-size: 100% auto;
    min-height: 82px;
}
.ttact_lbbox
{
    background-image: url(../../images/process/tt_act2535.png);
    background-size: 100% auto;
    min-height: 82px;
}
.ttact_lgbox
{
    background-image: url(../../images/process/tt_act2561.png);
    background-size: 100% auto;
    min-height: 82px;
}

/*----------รับฟังความคิดเห็น----------*/
.feedback_box
{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #92C362;
    color: #333; /*min-height: 46px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
.feedback_box a
{
    color: #333;
    text-decoration: none;
}
.feedback_box:hover a
{
    color: #5E8345;
    text-decoration: none;
}

/*----------ทำเนียบคชก.----------*/
.eianumbox
{
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 156px;
    min-height: 156px;
}
.eiano1
{
    background-image: url(../../images/icon/if_1_01.png);
}
.eiano2
{
    background-image: url(../../images/icon/if_2_01.png);
}
.eiano3
{
    background-image: url(../../images/icon/if_3_01.png);
}
.eiano4
{
    background-image: url(../../images/icon/if_4_01.png);
}
.eiano5
{
    background-image: url(../../images/icon/if_5_01.png);
}
.eiano6
{
    background-image: url(../../images/icon/if_6_01.png);
}
.eiano7
{
    background-image: url(../../images/icon/if_7_01.png);
}
.eiano8
{
    background-image: url(../../images/icon/if_8_01.png);
}
.eiano9
{
    background-image: url(../../images/icon/if_9_01.png);
}
.eiano10
{
    background-image: url(../../images/icon/if_10_01.png);
}
.eiano11
{
    background-image: url(../../images/icon/if_11_01.png);
}
.eiano12
{
    background-image: url(../../images/icon/if_12_01.png);
}


/*---------Smart EIA Plus----------*/
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px)
{
    .ae_sobox_eia
    {
        min-height: 185px;
    }
    .ae_sobox_eia .titlebox
    {
        min-height: 68px;
    }
    .ae_sobox_eia .ae_sobox_img, .ae_sobox_eia .ae_sobox
    {
        height: 186px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px)
{
    .ae_sobox_eia
    {
        min-height: 165px;
    }
    .ae_sobox_eia .titlebox
    {
        min-height: 68px;
    }
    .ae_sobox_eia .ae_sobox_img, .ae_sobox_eia .ae_sobox
    {
        height: 136px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px)
{
    .ae_sobox_eia
    {
        min-height: 185px;
    }
    .ae_sobox_eia .titlebox
    {
        min-height: 68px;
    }
    .ae_sobox_eia .ae_sobox_img, .ae_sobox_eia .ae_sobox
    {
        height: 186px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px)
{
    .ae_sobox_eia
    {
        min-height: 175px;
    }
    .ae_sobox_eia .titlebox
    {
        min-height: 43px;
    }
    .ae_sobox_eia .ae_sobox_img
    {
        height: 102px;
    }
    .ae_sobox_eia .ae_sobox
    {
        height: 115px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
    .ae_sobox_eia
    {
        min-height: 175px;
    }
    .ae_sobox_eia .titlebox
    {
        min-height: 43px;
    }
    .ae_sobox_eia .ae_sobox_img, .ae_sobox_eia .ae_sobox
    {
        height: 102px;
    }
}

.ae_sobox_eia
{
}
.ae_sobox_eia .titlebox
{
}
.ae_sobox_eia .ae_sobox
{
}
.ae_sobox_eia .ae_sobox_img
{
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 3px;
    background-size: 100% auto;
}
.step_req_license
{
    background-color: #49B1BC;
    color: #FFF;
}
.step_req_license .imgbg
{
    background-image: url(../../images/bgcontent/img_step_req_license.png);
}
.consider_process
{
    background-color: #61C299;
    color: #FFF;
}
.consider_process .imgbg
{
    background-image: url(../../images/bgcontent/img_consider_process.png);
}
.eia_monitoring
{
    background-color: #CBBBA1;
    color: #634F41;
}
.eia_monitoring .imgbg
{
    background-image: url(../../images/bgcontent/img_eia_monitoring.png);
}