.itopplus-background {
บริษัท ซี เมดา พลัส จำกัด
C-MEDA PLUS COMPANY LIMITED

ที่ตั้ง : 40/398 ซอยนวมินทร์ 111 แยก 2 ถนนนวมินทร์ แขวงนวมินทร์ เขตบึงกุ่ม กรุงเทพมหานคร 10240
}
body {
    color: #000!important;
}
span{
     -webkit-text-stroke-width: 0.1px!important;
}
span strong{
     -webkit-text-stroke-width: unset!important;
     letter-spacing: 0.5px;
}

.navbar-default .navbar-nav>li>a {
    font-size: 18px;
   /*font-family: THSarabunNew;*/
}
.dropdown-menu>li>a {
    font-size: 18px;
   /*font-family: THSarabunNew;*/
}
.dropdown.dropdown-sub:focus .dropdown-menu,
.dropdown.dropdown-sub:hover .dropdown-menu {
    display: inline-block!important;
}
.navbar-default {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49a1e9+0,1d6aae+50,023672+100 */
    background: #49a1e9; /* Old browsers */
    background: -moz-linear-gradient(top, #49a1e9 0%, #1d6aae 50%, #023672 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #49a1e9 0%,#1d6aae 50%,#023672 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #49a1e9 0%,#1d6aae 50%,#023672 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a1e9', endColorstr='#023672',GradientType=0 ); /* IE6-9 */
  	border-radius: 0;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,d8d8d8+51,adacac+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #d8d8d8 51%, #adacac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%,#d8d8d8 51%,#adacac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%,#d8d8d8 51%,#adacac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adacac',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,d8d8d8+51,adacac+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #d8d8d8 51%, #adacac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%,#d8d8d8 51%,#adacac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%,#d8d8d8 51%,#adacac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adacac',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,d8d8d8+51,adacac+100 */
    background: #ffffff!important; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #d8d8d8 51%, #adacac 100%)!important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%,#d8d8d8 51%,#adacac 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%,#d8d8d8 51%,#adacac 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff'!important, endColorstr='#adacac',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,d8d8d8+51,adacac+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #d8d8d8 51%, #adacac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%,#d8d8d8 51%,#adacac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%,#d8d8d8 51%,#adacac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adacac',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,d8d8d8+51,adacac+100 */
    background: #ffffff!important; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #d8d8d8 51%, #adacac 100%)!important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%,#d8d8d8 51%,#adacac 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%,#d8d8d8 51%,#adacac 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff'!important, endColorstr='#adacac',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,d8d8d8+51,adacac+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #d8d8d8 51%, #adacac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%,#d8d8d8 51%,#adacac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%,#d8d8d8 51%,#adacac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adacac',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,d8d8d8+51,adacac+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #d8d8d8 51%, #adacac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%,#d8d8d8 51%,#adacac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%,#d8d8d8 51%,#adacac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adacac',GradientType=0 ); /* IE6-9 */
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:focus {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,d8d8d8+51,adacac+100 */
    background: #ffffff!important; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #d8d8d8 51%, #adacac 100%)!important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 1%,#d8d8d8 51%,#adacac 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%,#d8d8d8 51%,#adacac 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff'!important, endColorstr='#adacac',GradientType=0 ); /* IE6-9 */
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background: #49a1e9!important;
    background: -moz-linear-gradient(top,#49a1e9 0,#1d6aae 50%,#023672 100%)!important;
    background: -webkit-linear-gradient(top,#49a1e9 0,#1d6aae 50%,#023672 100%)!important;
    background: linear-gradient(to bottom,#49a1e9 0,#1d6aae 50%,#023672 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a1e9',endColorstr='#023672',GradientType=0 )!important;
   color:#fff!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:center ;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 6px;
    padding-right: 6px;
}
}

/* 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:center ;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
}
}

.menuVertical .nav>li>a {
    padding: 0px;
    font-size: 1.429em;
    font-family: THSarabunNew;
    color:#6bb2ff;
}
.menuVertical .nav>li>a:hover, .menuVertical .nav>li>a:focus {
    color:#ffffff;
    background-color: transparent;
}


/*--------------------Content------------------------*/
.Contentmanager .site .col-section .item.-micro a .caption .title {
   font-size: 22px!important;  
   font-family: THSarabunNew!important;
   color: #02386a!important;
   font-weight:700;
   letter-spacing: 0.3px!important;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
   font-size: 20px!important;  
   font-family: THSarabunNew!important;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
   font-family: THSarabunNew!important;
   color: #000!important;
}
.Contentmanager .site .col-section .item.-micro a .post {
   font-family: THSarabunNew!important;
   font-size: 16px!important;
   color: #000!important;
}
h3.managerHeader{
   font-size: 30px!important; 
   font-family: THSarabunNew!important;
   color: #02386a!important;
   font-weight:700;
   letter-spacing: 0.3px!important;
}
#Contentmanager .post-time {
    display: none;
}
#Contentmanager .page-header h4{
   font-size: 24px!important;
   font-family: THSarabunNew!important;
   color: #02386a!important;
}
#Contentmanager .nav-template li strong{
   font-size: 22px!important;  
   color: #02386a!important;
   font-family: THSarabunNew!important;
   text-align: left;
}
#Contentmanager .nav-template li strong::after{
   content: ">>";
   margin-left: 5px;
}
#Contentmanager .nav-template li p{
   font-size: 20px!important;  
   font-family: THSarabunNew!important;
   text-align: left;
}
.nav-template li:hover {
    background-color: #1a4a7e!important;
}
#Contentmanager .nav-template li:hover strong {
       color:#fff!important;
}
#Contentmanager .nav-template li:hover p {
       color:#fff!important;
}
/*------------------ค้นหา------------------*/
#searchResultLanding .ui.action.input input{
    font-family: THSarabunNew!important;
}
#searchResultLanding .ui.segment .search_urlSearch{
    word-wrap: break-word;
}
.input-sm, .form-horizontal .form-group-sm .form-control {
    font-family: THSarabunNew!important;
    font-size: 15px!important;
    color:#000!important;
}
.btn-sm, .btn-group-sm>.btn {
    padding: 2px 10px;
    font-family: THSarabunNew!important;
    font-size: 14.5px!important;
    color:#000!important;
}
.form-control {
    font-size: 17px!important;
    color:#444!important;
}
/*------------slide ชิดขอบ---------------*/
#imagesControl5a28f4f4b8aac000018d113f{
  padding: 0px!important;
}
#imagesControl5a325114871486000129db51{
  padding: 0px!important;
}
span{
 line-height: 1.7; 
}

/*----------------------ปรับขนาดหน้าจอ-------------------*/
/*.Contentmanager .col-md-12.text-justify.ng-scope{
  padding: 0 15%;
}*/
.zIndex-pos2 {
    padding: 0 12%!important;
}
@media only screen and (max-width : 768px) {
  	.container {
      margin-right: -5px;
      margin-left: -5px;
      padding-right: 0px;
      padding-left: 0px;
     }
  	/*.Contentmanager .col-md-12.text-justify.ng-scope{
    	 padding: 0;
	}*/
  	.zIndex-pos2 {
    	padding: 10px!important;
	}
    body, .text-justify {
        text-align: left!important;
    }
}



