.itopplus-background {

}
body {
    color: #444;
}

::selection {
    color: #fff;
    background: #1ea2d9;
}

a{
    color: #444;
}

a:hover{
    color: #1ea2d9;
    transition: 0.32s;
}

a.mdi.mdi-launch {
      color: #1EA2D9;
}


.itopplus-footer a{
    color: #fff;
}

.itopplus-footer a:hover{
    color: #fef201;
    transition: 0.32s;
}

#formdisplay5ec3535235662600133dd0ba, #formdisplay5f0ed3f2bf13b80019563417 .form-group .label a {
    color: #fff;
}



/*------------------เมนู Fix------------------*/
#itopplus-sticky-nav-bar {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33);
    background-color: #fff;
    padding: 15px 0px 0px;
}

.itopplus-sticky-nav-bar-inside div {
    float: none!important;
    text-align: center;
}

#itopplus-nav-bar-sticky .itopplus-sidebar-menu-parent {
    border-bottom: 0px solid rgba(57,60,66,0.8) !important;
}



/*------------------เมนูหลัก------------------*/
.navbar-default .navbar-nav>li>a {
    color: #1ea2d9;
      font-size: 18px;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #1ea2d9;
    -webkit-box-shadow: inset 0 -3px 0 0 #1ea2d9;
    -moz-box-shadow: inset 0 -3px 0 0 #1ea2d9;
    box-shadow: inset 0 -3px 0 0 #1ea2d9;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #1ea2d9;
    -webkit-box-shadow: inset 0 -3px 0 0 #1ea2d9;
    -moz-box-shadow: inset 0 -3px 0 0 #1ea2d9;
    box-shadow: inset 0 -3px 0 0 #1ea2d9;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #1ea2d9;
    -webkit-box-shadow: inset 0 -3px 0 0 #1ea2d9;
    -moz-box-shadow: inset 0 -3px 0 0 #1ea2d9;
    box-shadow: inset 0 -3px 0 0 #1ea2d9;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover {
    color: #1ea2d9!important;
    -webkit-box-shadow: inset 0 -3px 0 0 #1ea2d9;
    -moz-box-shadow: inset 0 -3px 0 0 #1ea2d9;
    box-shadow: inset 0 -3px 0 0 #1ea2d9;
}
.navbar-default .navbar-nav>li:hover,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.dropdown-menu>li>a {
    font-size: 16px;
}

@media (max-width:768px) {
    .navbar-default {
        background: #dbf6ff;
    }
  
  .navbar-default .navbar-brand {
    padding: 10px;
    color: #000000;
}
  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #1ea2d9!important;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #1ea2d9 !important;
}
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    border-color: transparent;
}
/*hover ไอคอน ในโทรศัพท์  และ Menu*/
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #1ea2d9;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #1ea2d9;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #1ea2d9!important;
}
/*เมนูมือถือ slidebar*/
@media (max-width:768px) {
/*เมนูย่อยทั้งหมด*/
.itopplus-sidebar-menu-single a:link {
    color: #353436  !important;
}
/*เมนูย่อยแรก*/
.itopplus-sidebar-menu-single a:active {
    background-color: transparent;
  	color: #1ea2d9!important;
}
/*เมนูย่อยถัดไป*/
.itopplus-sidebar-menu-parent a {
    color: #231f20  !important;
}
.itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #1ea2d9!important;
}
}
/*เมนูมือถือ slidebar*/

/*เมนูชิดขวา*/
/* 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 ;
}
.itopplus-menu {
    margin-top: 4%;
}
.navbar-default .navbar-nav>li>a {
    padding: 6px 8px;
}
  
  
ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
   margin: 0;
}
  
#contentnewmode5ec3535235662600133dd0b7{
    margin-top: 4.5%;
      margin-left: 10%;
}  
  
#formdisplay5ec3535235662600133dd0ba #capcha5ec3535235662600133dd0ba {
    margin-top: 0%;
    margin-left: -2%;
    margin-right: -12.5%;
}  
  
.dropdown-submenu>.dropdown-menu{
    right :100% !important;
    left: inherit !important;
}
  
  
.text-gel1 {
    position: absolute;
    width: 95%;
    font-size: 13px;
    text-align: center;
    padding: 15px 5px;
    height: 55px;
    bottom: 7%;
    background-color: rgba(2, 57, 128, 0.79);
    color: #ffffff;
}  
  
.text-gel1-1 {
    position: absolute;
    width: 95%;
    font-size: 16px;
    text-align: center;
    padding: 15px 5px;
    height: 55px;
    bottom: 3%;
    background-color: rgba(2, 57, 128, 0.79);
    color: #ffffff;
}  

  
.Contentmanager .caption {
    height: 55px;
    overflow: hidden;
    background-color: rgba(2, 57, 128, 0.79);
    color: #fff;
    font-size: 16px;
    padding: 15px 5px;
    position: absolute;
    width: 97.5%;
    bottom: 2%;
}  
  
.managerHeader{
	font-size: 30px;
    color: #000;
      margin-bottom: -1%;
}  
  .navbar-default .navbar-nav>li>a {
    margin-left: -5px;
    margin-right: -5px;
}
}

/* 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 ;
}
.itopplus-menu {
    margin-top: 4%;
}
.navbar-default .navbar-nav>li>a {
    padding: 6px 8px;
}
}


@media only screen and (min-width : 1900px) {
  
.text-gel1{
    position: absolute;
    width: 96.3%;
    font-size: 16px;
    text-align: center;
    padding: 15px 5px;
    height: 65px;
    bottom: 5%;
    background-color: rgba(2, 57, 128, 0.79);
    color: #ffffff;
}
  
  
.text-gel1-1 {
    position: absolute;
    width: 96.3%;
    font-size: 16px;
    text-align: center;
    padding: 15px 5px;
    height: 65px;
    bottom: 2%;
    background-color: rgba(2, 57, 128, 0.79);
    color: #ffffff;
}  
  
  
.Contentmanager .template1 .caption {
    height: 65px;
    overflow: hidden;
    background-color: rgba(2, 57, 128, 0.79);
    color: #fff;
    font-size: 16px;
    padding: 15px 5px;
    position: absolute;
    width: 98.1%;
    bottom: 1%;
}  
  
  
.list-numbered {
    padding-left: 0% !important;
    font-size: 16px;
    color: #444444;
      text-align: left;
}  
  
.list-marked {
    text-align: left;
    padding-left: 50%  !important;
    list-style: none;
      text-align: left;
      margin-left: -50% !important;
}
  
 .post-content {
    margin-top: 0;
    padding: 7% 20px 5%;

}  
  
.post-body {
    height: 162px;
    overflow: auto;
    font-size: 18px;
}
  
#contentnewmode5ec3535235662600133dd0b7 {
    margin-top: 3%;
      margin-left: 10%;
}
  
  
#formdisplay5ec3535235662600133dd0ba, #formdisplay5f0ed3f2bf13b80019563417 #capcha5ec3535235662600133dd0ba {
    margin-top: 0%;
    margin-left: -1.5%;
    margin-right: -8.5%;
}  
  .navbar-default .navbar-nav>li>a {
    margin-left: 10px;
    margin-right: 10px;
}
#tableA td {
    font-size: 18px !important;
}
#tableA th {
    font-size: 18px !important;
}
}

.contenemanager-gallery .img-thumbnail, .thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}
.contenemanager-gallery .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}





/*-------------------ฟอร์ม Footer-------------------*/
#formdisplay5ec3535235662600133dd0ba,#formdisplay5f0ed3f2bf13b80019563417{
    background-color: transparent !important;
}
.text-form1{
	font-size: 1.857em;
    margin-bottom: -7%;
    padding-left: 1%;
}
#formdisplay5ec3535235662600133dd0ba, #formdisplay5f0ed3f2bf13b80019563417 .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #f3f3f3 !important;
    background-color: #0c0c0c;
    background-image: none;
    border: 0px solid #0c0c0c;
    border-radius: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#formdisplay5ec3535235662600133dd0ba, #formdisplay5f0ed3f2bf13b80019563417 #capcha0 span {
    color: transparent !important;
}

.text-form1 {
    color: #fff;
}
#formdisplay5ec3535235662600133dd0ba {
    background-color: transparent !important;
}
.text-form1{
	font-size: 1.857em;
    margin-bottom: -7%;
    padding-left: 1%;
}
#formdisplay5ec3535235662600133dd0ba .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #f3f3f3 !important;
    background-color: #0c0c0c;
    background-image: none;
    border: 1px solid #0c0c0c;
    border-radius: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#formdisplay5ec3535235662600133dd0ba #capcha0 span {
    color: transparent !important;
}
#formdisplay5ec3535235662600133dd0ba .form-group .label a {
    color: #fff;
}




/*-------------------effect-------------------*/

.ef1{
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  text-align: center;
}

.ef1:hover{
	-webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}



/*-------------------home-------------------*/
.text-title2{
	text-align: center;
    font-size: 28px;
    color: #01387f;
    font-weight: 600;
}

.l1 {
    width: 60%;
    border: 0;
    height: 4px;
    background: linear-gradient(to right, #f4e439 0%, #f4e439 10%, #f6c41e 50%, #f7aa08 90%, #f7aa08 100%);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10%;
}

.text-titile2{
    font-size: 42px;
    font-weight: 500;
    text-align: center;

}

.text-cir1 {
    font-size: 20px;
    padding: 3% 0%;
    font-weight: 500;
  	color: #000;
}

.text-cir2{
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 5%;
    color: #000;
}

.text-cir3 {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 5%;
    height: 55px;
    color: #000;
}

.text-title3{
    text-align: center;
    font-size: 44px;
    color: #444;
}


.text-detail1{
    text-align: center;
    font-size: 22px;
    color: #444444;
      margin-bottom: 2%;
}

.l2 {
    width: 40%;
    border: 0;
    height: 3px;
    background: linear-gradient(to right, #65bedd 0%, #5ebcde 10%, #28b1e3 50%, #01a9e6 90%, #01a9e6 100%);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10%;
}


/*-------------------อัลบั้ม-------------------*/
.jssora03l {
    background-position: -3px -33px;
    display: none;
}

.jssora03r {
    background-position: -63px -33px;
    display: none;
}

.jssorb03 div {
    background-position: -5px -4px;
    display: none;
}


#mainmenu5ec3b04e35662600133ddb37 .imageGallery {
    border: 1px solid #eee;

}

#mainmenu5ec4e0f60b520e00126212a3 .imageGallery {
    border: 1px solid #eee;

}

.text-gel1-1:hover {
    background-color: rgb(2, 57, 128);
    transition: 0.32s;
}

.text-gel1:hover {
    background-color: rgb(2, 57, 128);
    transition: 0.32s;
}

/*------------------เนื้อหาระบบ------------------*/
.Textmanager.font-inherit {
    display: flow-root;
}

.fbcomments, .fb-comments{
	display: none;
}

.product-title {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 28px;
      text-align: left;
}

.product-title a {
    color: #1ea2d9;
    margin-left: -2%;
    text-align: left;
}

.Product-Title1{
    font-size: 18px;
    text-align: left;
}


.list-numbered {
    padding-left: 0%;
    font-size: 16px;
    color: #444444;
}


.list-numbered li {
    padding-left: 10px;
}

.list > li + li {
    margin-top: 10px;
}

.list-marked {
    text-align: left;
    padding-left: 0%;
    list-style: none;
}


.list-marked li {
    padding-left: 15px;
    padding-top: 0px;
    position: relative;
}

.list-marked li:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 14px;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #14B0E9;
}

.list {
    font-size: 18px;
    color: #444444;
}

.Contentmanager .template1 .template-panel {
    padding-bottom: 80%;
    border: 1px solid #eee;
}

.Contentmanager .template1 .caption:hover {
    background-color: rgb(2, 57, 128);
    transition: 0.32s;
}

.landingpagemanager {
    padding: 10px;
    margin-top: 30px;
    border-radius: 5px;
    border: solid 1px #eee;
    display: none;
}


#Contentmanager .post-time {
    font-size: 14px;
    color: #666;
    display: none;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 40px;
    border-bottom: 1px solid #cecece;
}


.Contentmanager .template1 .col-md-4.col-sm-4.col-xs-12.padding-md.text-center{
    margin-bottom: 20px;
}


.Contentmanager .thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}

.Contentmanager .img-thumbnail {
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    padding: 0;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}



/*-------------------News-------------------*/
.post-content {
    margin-top: 0;
    padding: 7% 20px 5%;
}

.post-body {
    height: 162px;
    overflow: auto;
    font-size: 18px;
}


/*----------from Contact----------*/
.no-js #Component5ec4ea2335662600133de8fa label {
    display: none!important;
}
.no-js #Component5ec4ea2335662600133de8fa .col-md-6 {
    width: 60%;
    margin-left: auto;
    display: block;
    margin-right: auto;
    float: initial;
}
.no-js #Component5ec4ea2335662600133de8fa .form-control {
    border: 1px solid #bfbfbf;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    font-size: 14px!important;
    padding: 10px;
    background: #ffffff;
    color: #000;
}

.no-js #Component5ec4ea2335662600133de8fa .form-control:focus {
    border-color: #000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0);
  color: #000!important;
}


.no-js #Component5ec4ea2335662600133de8fa .btn-default:active {
background-color: #404040;
}

.no-js #Component5ec4ea2335662600133de8fa .btn-default:hover,
.no-js #Component5ec4ea2335662600133de8fa .btn-default:focus {
    background-position: 0 0px;
  background-color: #404040;
}

.form-group .label a {
    color: #000;
}



/*----------ค้นหา----------*/

.itopplus-search-image-flex-item {
    background-color: #f9f9f9!important;
    width: 23%!important;
    padding: 10px;
    text-align: left;
    display: inline-block;
    min-height: 200px!important;
    max-height: 197px!important;
    padding-top: 10px!important;
}

.itopplus-search-image-flex-container {
  display:block!important;
  }

.itopplus-search-image-flex-container img {
    width: 100% !important;
}



/*----------เลขหน้า----------*/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #02387f;
    border-color: #02387f;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #02387f;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #02387f;
    background-color: #dff0ff;
    border-color: #dff0ff;
}


/*----------ตาราง----------*/
.table tr td:first-child {
    font-weight: 500;
}
.style86{
	font-size: 20px;
}
.style82{
	font-size: 16px;
}
.style83{
	font-size: 16px;
}
.style82 a {
    color: #1EA2D9;
}

/*----------วิดีโอ----------*/
.videoWrapper1 {
	padding: 1.5% 15%;
}


/*---------------------------------------------------------หน้าจอไอแพด---------------------------------------------------------*/
@media only screen and (max-width: 768px){
  .text-gel1{
  text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #073d82;
    padding: 15px;
  }
  
  .text-gel1-1{
  text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #073d82;
    padding: 15px;
  }  
  
.text-gel1:hover {
    background-color: #052752;
    transition: 0.32s;
}  
  
  
.text-gel1-1:hover {
    background-color: #052752;
    transition: 0.32s;
}    
  
.Contentmanager .template1 .caption{
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #073d82;
    padding: 15px;
  height: 55px;
  }  
  
.Contentmanager .template1 .caption:hover {
    background-color: rgb(2, 57, 128);
    transition: 0.32s;
}
  
.list-numbered {
    padding-left: 0;
    font-size: 16px;
    color: #444444;
  text-align: left;
}  
  
.list-marked {
    text-align: left;
    padding-left: 0%;
    list-style: none;
}
  
.post-content {
    margin-top: 0;
    padding: 0% 0px 5%;
}    
  
  
.Contentmanager .col-md-6.pull-left {
    width: 100%;
}  
  
.Textmanager.font-inherit {
    display: block;
}   
  
  
/*---------ติดต่อเรา--------*/  
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #02387f;
    border-color: #02387f;
}
  
  .btn-primary:hover, .btn-primary:focus {
    background-color: #02387f;
    background-position: 0 -15px;
}
  
  .btn-primary {
    color: #fff;
    background-color: #02387f;
    border-color: #02387f;
}
  .btn-primary:active, .btn-primary.active {
    background-color: #02387f;
    border-color: #02387f;
}  
  
.btn-primary {
    background-image: -webkit-linear-gradient(top,#02387f 0,#02387f 100%);
    background-image: -o-linear-gradient(top,#428bca 0,#2d6ca2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#02387f),to(#02387f));
    background-image: linear-gradient(to bottom,#02387f 0,#02387f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff2d6ca2',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #02387f;
}
  
  
   /*----------ค้นหา----------*/
 .itopplus-search-image-flex-item {
    background-color: #f9f9f9 !important;
    width: 31%!important;
    padding: 10px;
    text-align: left;
    display: inline-block;
    min-height: 222px!important;
    max-height: 210px!important;
    padding-top: 10px!important;
}       
  
      
.no-js #Component5ec4ea2335662600133de8fa .col-md-6 {
    width: 100%;
    margin-left: auto;
    display: block;
    margin-right: auto;
    float: initial;
}   
  
  
  
.contenemanager-gallery .col-xs-12.col-md-3 {
    width: 20%;
}   
  
  
.videoWrapper1 {
    padding: 1.5% 0%;
}  
}






#tableA {
  width: 100%;
}
#tableA th {
  background-color: #01387f;
  padding: 10px;
  color: #ffffff;
  font-size: 16px;
  border: 1px solid #fff;
  font-weight: 500;
}
#tableA td {
  border: 1px solid #fff;
  padding: 10px;
  font-size: 16px;
  width:17%;
}

#tableA tr:nth-child(even){background-color: #f2f2f2;}
#tableA tr:hover {background-color: #dddddd;}





/*---------------------------------------------------------หน้าจอมือถือ---------------------------------------------------------*/
@media only screen and (max-width: 414px){
.text-title2 {
    font-size: 22px;
}  
  
.product-title a {
    margin-left: 0%;
      font-size: 22px;
}  
  
.contenemanager-gallery .col-xs-12.col-md-3 {
    width: 50%;
} 
  
 /*----------ค้นหา----------*/
  .itopplus-search-image-flex-item {
    background-color: #f9f9f9!important;
    width: 100%!important;
    padding: 10px;
    text-align: left;
    display: inline-block;
    min-height: 200px!important;
    max-height: 315px!important;
    padding-top: 10px!important;
}
  
.itopplus-search-image-flex-container {
  display:block!important;
  }   
 
  
.videoWrapper1 {
    padding: 0;
}  
  
.videoWrapper1 iframe {
    height: 300px !important;
}
}






/*เฉพาะรูปแบบมีขอบ*/
.thumbnail img.imageGallery:hover{
   -webkit-transform: scale(1.1);
   transform: scale(0.98);
 -moz-transition: all 0.5s;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}
.thumbnail .imageWidth.imageGallery {
   transform: scale(1.0);
   transition: 0.32s;
}
.thumbnail .imageWidth.imageGallery:hover {
   transform: scale(1.05);
   transition: 0.32s;
}

/**ห้ามเกินกรอบ**/
 .thumbnail .imgLightbox {
    position: relative!important;
    overflow: hidden!important;
    width: 100.1%!important;
}
#background6462ea08c951c8001316a701 .thumbnail {
    border: solid 0px #dadada;
    background: transparent;
    color: #000;
    border-radius: 0px;
    padding: 0%!important;
    transition: 0.5s;
   box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);
}
#background6462ea08c951c8001316a701 .thumbnail:hover {
    box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);
	background: transparent;
    border-radius: 0px;
    color: #000;
}
#background6489225669b50a001a6dcbef .thumbnail {
    border: solid 0px #dadada;
    background: transparent;
    color: #000;
    border-radius: 0px;
    padding: 0%!important;
    transition: 0.5s;
   box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);
}
#background6489225669b50a001a6dcbef .thumbnail:hover {
    box-shadow: 3px 3px 15px 1px rgba(225,149,145,0);
	background: transparent;
    border-radius: 0px;
    color: #000;
}