.itopplus-background {

}
.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 18px;
    padding: 10px 20px;
}
.navbar-default {
    background: transparent;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: #7cb854;
}
.navbar-default .navbar-toggle {
    border-color: #7cb854;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #7cb854;
}
.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 {
    background-color: #7cb854!important;
    color: #fff!important;
}
.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover {
    background: #7cb854;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff!important;
    background-color: #7cb854!important;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #7cb854!important;
    background-image: none;
    color: #fff!important;
}
@media (max-width:768px) {
  	.navbar-default  {
    background: #f5f5f5
}
    .navbar-default .navbar-nav .open>.dropdown-menu {
        background: 0 0
    }
}
.itopplus-menu {
    margin-top: 0
}

/*เมนูชิดขวา*/
/* 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 ;
}
.navbar-default .navbar-nav>li>a {
    padding-top: 40px;
    padding-bottom: 40px;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 9px;
    padding-right: 9px;
}  
}

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

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
	.navbar-default .navbar-nav>li>a {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}


.paddingg {
	padding: 20px 5px;
}
.itopplus-bgmain2 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.spanone {
	padding:10px;
}
.spantwo {
	padding:20px;
}

.link-color span {
    transition: 0.3s;
}
.link-color:hover span {
    color: #7cb854!important;
}


/*---ขยายรูปหน้าแรก (สินค้าของเรา)---*/
.effect-pic {
    transition: 0.32s;
}
.effect-pic:hover {
    transform: scale(1.02);
    box-shadow: 1px 1px 10px 0px #00000082;
}
/*---ขยายรูปหน้าแรก (สินค้าของเรา)---*/


/*---Bottom รายละเอียด---*/
.bttmdetail {
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 8px 10px 8px 10px;
    font-size: 16px;
    color: #000;
    transition: 0.3s;
}
.bttmdetail span {
    color: #000;
}
.bttmdetail:hover {
    transform: translateX(4px);
}
/*---Bottom รายละเอียด---*/


/*---Bottom อ่านต่อ---*/
.bttm {
    cursor: pointer;
    background-color: #f7931e;
    border-radius: 10px;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    transition: 0.3s;
}
.bttm:hover {
    transform: translateX(4px);
}
/*---Bottom อ่านต่อ---*/


/*---Time Line About Us---*/
.main-timeline{
    position: relative;
}
.main-timeline:before{
    content: '';
    height: 100%;
    width: 2px;
    border: 3px dashed #999;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0;
}
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{
    width: 50.05%;
    display:inline-block;
    float: left;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: '';
    background-color: #E53E35;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -12px;
}
.main-timeline .timeline:after{
    height: 17px;
    width: 150px;
    border-radius: 0;
    right: 0;
}
.main-timeline .timeline-content{
    text-align: center;
    min-height: 155px;
    padding: 20px 230px 15px 23px;
    display: block;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-year{
    color: #E53E35;
    background-color: #fff;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    line-height: 100px;
    height: 120px;
    width: 120px;
    border: 10px solid #E53E35;
    transform: translateY(-50%);
    position: absolute;
    right: 100px;
    top: 50%;
    z-index: 1;
}
.main-timeline .title{
    color: #E53E35;
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px;
}
.main-timeline .description{
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4pt;
    margin: 0;
}
.main-timeline .timeline:nth-child(even){ float: right; }
.main-timeline .timeline:nth-child(even):before{
    right: auto;
    left: -12px;
}
.main-timeline .timeline:nth-child(even):after{
    right: auto;
    left: 0;
}
.main-timeline .timeline:nth-child(even) .timeline-content{
    padding: 20px 21px 15px 230px;
    text-align: center;
}
.main-timeline .timeline:nth-child(even) .timeline-year{
    right: auto;
    left: 100px;
}
.main-timeline .timeline:nth-child(5n+2):before,
.main-timeline .timeline:nth-child(5n+2):after{
    background-color: #934666;
}
.main-timeline .timeline:nth-child(5n+2) .timeline-year{
    color: #934666;
    border-color: #934666;
}
.main-timeline .timeline:nth-child(5n+2) .title{ color: #934666; }
.main-timeline .timeline:nth-child(5n+3):before,
.main-timeline .timeline:nth-child(5n+3):after{
    background-color: #1CA685;
}
.main-timeline .timeline:nth-child(5n+3) .timeline-year{
    color: #1CA685;
    border-color: #1CA685;
}
.main-timeline .timeline:nth-child(5n+3) .title{ color: #1CA685; }
.main-timeline .timeline:nth-child(5n+4):before,
.main-timeline .timeline:nth-child(5n+4):after{
    background-color: #F05386;
}
.main-timeline .timeline:nth-child(5n+4) .timeline-year{
    color: #F05386;
    border-color: #F05386;
}
.main-timeline .timeline:nth-child(5n+4) .title{ color: #F05386; }
@media screen and (max-width:990px){
    .main-timeline .timeline-year{ right: 30px; }
    .main-timeline .timeline-content{ padding: 15px 160px 15px 15px; }
    .main-timeline .timeline:nth-child(even) .timeline-year{ left: 30px; }
    .main-timeline .timeline:nth-child(even) .timeline-content{ padding: 15px 15px 15px 160px; }
}
@media screen and (max-width:767px){
    .main-timeline:before{
        transform: translateX(0);
        left: -3px;
    }
    .main-timeline .timeline{
        width: 100%;
        margin-bottom: 20px;
    }
    .main-timeline .timeline:before,
    .main-timeline .timeline:after,
    .main-timeline .timeline:nth-child(even):before,
    .main-timeline .timeline:nth-child(even):after{
        transform: translateY(0);
        top: 14px;
    }
 
    .main-timeline .timeline:before,
    .main-timeline .timeline:after{
        right: auto;
        left: -12px;
    }
    .main-timeline .timeline:after{ left: 0; }
    .main-timeline .timeline:after,
    .main-timeline .timeline:nth-child(even):after{
        width: 50px;
        top: 17px;
    }
    .main-timeline .timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content{
        text-align: left;
        padding: 70px 10px 10px 20px;
    }
    .main-timeline .timeline .timeline-year,
    .main-timeline .timeline:nth-child(even) .timeline-year{
        line-height: 40px;
        height: 50px;
        width: 120px;
        border-width: 5px;
        transform: translateY(0);
        top: 0;
        left: 45px;
    }
}
/*---Time Line About Us---*/


/*----Border สีเขียว หน้าติดต่อเรา---*/
#background5cda62f66b8e89001b667657 input,
#background5cda62f66b8e89001b667657 textarea{
    border-color: #7cb854!important;
}
/*----Border สีเขียว หน้าติดต่อเรา---*/


/*---เนื้อหาระบบ หน้าบทความ---*/
.Contentmanager .site .col-section .item.-micro a .img-zoom img {
    border: 1px solid #7cb854;
}
.Contentmanager .site .col-section .item.-micro a .post, 
.landingpagemanager,
#Contentmanager .post-time {
	display:none;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-weight: 400;
    color: #000;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: solid 1px #7cb854!important;
    border-bottom: solid 0px #7cb854!important;
}
.page-header {
    margin: 43px 20px 20px 20px;
    border-bottom: 1px solid #7cb854;
}
/*---เนื้อหาระบบ หน้าบทความ---*/



/*---เนื้อหาระบบ(รูปแบบที่ 5) หน้าสินค้า---*/
.nav-template li:hover {
	background-color: #fff;
    text-decoration: underline !important;
    box-shadow: 0 0 1px 1px rgb(46, 222, 34);
    padding-top: 10px;
}
.nav-template li{
    padding-top: 10px;
  border: solid 1px #d5d9db;
}
li.col-md-6.col-sm-6.col-xs-12 {
    margin: 5px 8px!important;
	width: 31.4%;
}
.col-md-4.col-sm-4.col-xs-12.padding-col {
    width: 100%;
}
.col-md-8.col-sm-8.col-xs-12.padding-col {
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.col-md-8.col-sm-8.col-xs-12.padding-col strong {
    font-weight: 400;
    color: #000;
    font-size: 16px;
}
.img-container {
    width: 100%;
    height: 0;
    padding-bottom: 90%;
    position: relative;
}
.col-md-8.col-sm-8.col-xs-12.padding-col p{
	display:block;
} 
.col-md-8.col-sm-8.col-xs-12.padding-col p:after {
    display: block;
    content: 'Detail';
    color: #ffffff;
    background: #112860ed;
    width: 50%;
    margin-top: 10%!important;
    margin-bottom: 5%!important;
    padding: 8px;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.8pt;
    border: solid 1px #b7bfc1;
    margin: 0 auto;
    font-weight: 400;
}
.img-container .img {
    background-position: center!important;
}
@media (max-width: 414px){
li.col-md-6.col-sm-6.col-xs-12  {
	width: 100%!important;
}
}
@media only screen and (max-width: 320px) {
 li.col-md-6.col-sm-6.col-xs-12 {
	width: 100%!important;
}
}
@media only screen and (max-width: 375px) {
 li.col-md-6.col-sm-6.col-xs-12 {
	width: 100%!important;
}
}
@media only screen and (max-width : 768px) {
li.col-xs-12 {
	width: 100%!important;
}
#imagesControl5bf660b0b82f55001bbe8e0a {
	padding:0px!important;
}
}
@media only screen and (max-width : 922px) {
li.col-sm-6 {
	width: 46.1%!important;
}
}

.page-header {
    margin: 46px 0 20px;
}
/*---เนื้อหาระบบ(รูปแบบที่ 5) หน้าสินค้า---*/


/*--Side Menu--*/
.menuVertical .nav-pills>li>a {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.5pt;
    padding-top: 13px;
 	border-radius: 0px;
}

/*--Background-Color--*/
#menu5cf0a698d71250001b14b359 a {
	background-color:#ea150b;
	border: 2px solid #33333300;
}
#menu5cf0a6a0cb28b1001b783aa6 a {
	background-color:#fe3b18;
  	border: 2px solid #33333300;
}
#menu5cf0a6a80989b2001a27bb6f a {
	background-color:#f45906;
  	border: 2px solid #33333300;
}
#menu5cf0a6b10c4f5b001a507d33 a {
	background-color:#f58c2a;
  	border: 2px solid #33333300;
}
#menu5cf0a6d487b871001a61536e a {
	background-color:#e5c907;
  	border: 2px solid #33333300;
}
#menu5cf0a6db7850d5001b8d5fb8 a {
	background-color:#77b386;
  	border: 2px solid #33333300;
}
#menu5cf0a6e37850d5001b8d5fc6 a {
	background-color:#2e8eac;
  	border: 2px solid #33333300;
}
#menu5cf0a6ec0c4f5b001a507d41 a {
	background-color:#3445d3;
  	border: 2px solid #33333300;
}
#menu5cf0a6f37850d5001b8d5fe1 a {
	background-color:#7d388a;
  	border: 2px solid #33333300;
}
#menu5cf0a698d71250001b14b359:hover a,
#menu5cf0a6a0cb28b1001b783aa6:hover a,
#menu5cf0a6a80989b2001a27bb6f:hover a,
#menu5cf0a6b10c4f5b001a507d33:hover a,
#menu5cf0a6d487b871001a61536e:hover a,
#menu5cf0a6db7850d5001b8d5fb8:hover a,
#menu5cf0a6e37850d5001b8d5fc6:hover a,
#menu5cf0a6ec0c4f5b001a507d41:hover a,
#menu5cf0a6f37850d5001b8d5fe1:hover a {
    background-color: #00000080;
    border: 2px solid #3333339e;
}
/*--Background-Color--*/

/*--Side Menu--*/


/*--State--*/
.histatborder {
    height: inherit!important;
    margin: inherit!important;
    border-radius: 5px!important;
    padding: 5px 10px 0px 10px!important;
    width: 100%!important;
    font-family: Circular!important;
    border: none!important;
    background-color: #005fb6!important;
    box-shadow: 1px 1px 3px 2px #a3a3a3!important;
}
.histatborder .table>thead>tr>td {
	border: none!important;
	font-weight: 300!important;
    font-size: 20px!important;
    color: #fff!important;
}
.histatborder .table>thead>tr>td>label {
	font-weight: 300!important;
    font-size: 20px!important;
    color: #fff!important;
}
/*--State--*/





/*Hide Menu Phone*/
@media (max-width:768px) {
p.search_urlSearch, .search_text {
	word-wrap: break-word;
}
.text-justify {
	text-align: inherit;
}
.col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 5px;
	padding-left: 5px;
}
.navbar-brand i {
    font-size: 20px!important;
    margin-top: 0px;
	padding: 0px 5px 0px 5px;
}
#imagesControl5cd914128e67c2001a99524e, 
#imagesControl5cda34fbf1d297001a07a0a1,
#imagesControl5d073edacf908e001a8a37fe {
	padding:0px!important;  	
}
#InmyDiv1557734906365 img {
    width: 50%!important;
    padding-bottom: 20px!important;
}
#InmyDiv1557734912565 img {
    width: 50%!important;
    padding-bottom: 20px!important;
}
#InmyDiv1557734919110 img {
    width: 50%!important;
    margin-top: 0px!important;
}
#text-phone span {
    font-size: 20px!important;
}
#width-phone {
    width: 45%!important;
}
.table-responsive {
    white-space: nowrap;
}
#myImage1557807236729 {
    width: 40%!important;
}
.managerHeader {
    font-size: 24px;
    font-weight: 400;
}
.caption {
    padding-left: 5px!important;
    padding-top: 10px!important;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: solid 0px #7cb854!important;
    border-bottom: solid 0px #7cb854!important;
}
#background5cd9274ff09b2c001be755e6 .col-xs-12,
#background5d073f5d1246d9001a76d14d .col-xs-12  {
    width: 50%;
    margin: 0 auto;
    display: block;
}
#background5cd9279df09b2c001be755ef, 
#background5cd927b0d46ef6001a442a41,
#background5cd928c2a8c168001a4d1fb3,
#background5cd928ada8c168001a4d1fae,
#background5d073f5d1246d9001a76d14e,
#background5d073f5d1246d9001a76d150,
#background5d073f5d1246d9001a76d152,
#background5d073f5d1246d9001a76d154
  {
    width: 60%!important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
  
  
  .col-xs-offset-2 {
    margin-left: 0.666667%;
}
}
/*Hide Menu Phone*/


@media (max-width:768px) {
label.col-xs-12.col-sm-3.col-md-3.control-label {
   width: 33%;
}
}