.itopplus-background {

}
.navbar-inline .text-bar {
    display: none;
}
.navbar-inline {
    padding: 7px 0;
}
::selection {
    color: #fff;
    background: #00adc3;
}
body {
    overflow-x: hidden;
}
.itopplus-footer a, .itopplus-bgmain3 a{
    color: #fff;
}
.itopplus-bgmain3 {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_270820218oe4/1140/0/bgmain3jelloboomz-z1258986961952.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #fff;
}
#itopplus-sticky-nav-bar {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 33%);
    padding: 15px 0 0;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgb(255 255 255 / 71%);

}
.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;
}
/* width */
::-webkit-scrollbar{
	 width: 10px;
}
/* Track */
::-webkit-scrollbar-track{
 	background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb{
	 background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover{
	 background: #2bc3d7;
}





/*เมนูหลักทั้งหมด*/
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-nav>li>a {
    padding: 5px 8px;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: transparent;
}
.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: #282828;
    background-color: transparent;
    -webkit-box-shadow: inset 0 -3px 0 0 #45cfe1;
    -moz-box-shadow: inset 0 -3px 0 0 #45cfe1;
    box-shadow: inset 0 -3px 0 0 #45cfe1;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #282828!important;
    background-color: transparent;
    -webkit-box-shadow: inset 0 -3px 0 0 #45cfe1;
    -moz-box-shadow: inset 0 -3px 0 0 #45cfe1;
    box-shadow: inset 0 -3px 0 0 #45cfe1;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #282828 -webkit-box-shadow: inset 0 -3px 0 0 #45cfe1;
    -moz-box-shadow: inset 0 -3px 0 0 #45cfe1;
    box-shadow: inset 0 -3px 0 0 #45cfe1;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover {
    color: #282828!important;
    background-color: transparent;
    -webkit-box-shadow: inset 0 -3px 0 0 #45cfe1;
    -moz-box-shadow: inset 0 -3px 0 0 #45cfe1;
    box-shadow: inset 0 -3px 0 0 #45cfe1;
}

@media (max-width:768px) {
.navbar-default {
    background: #45cfe1;
}
.text-bar {
    color: #fff!important
}
.itopplus-sidebar-menu-single a:link {
    color: #fff !important;
}
.itopplus-sidebar-menu-single a:active {
    background-color: transparent;
    color: #fff!important;
}
.itopplus-sidebar-menu-single {
    border-bottom: transparent;
}
.itopplus-sidebar-menu-parent a {
    color: #fff !important;
}
.itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #fff!important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.itopplus-slide {
    padding-top: 48px;
}
.itopplus-bgmain {
    background-size: cover;
    background-position: center;
}
.itopplus-bgmain3 {
    background-size: cover;
    background-position: left;
}
}

@media only screen and (min-width: 769px){
.navbar-default.navbar-fixed .nav {
    display:none
}
.picture-containers {
    width: 25%;
}
.navbar-default {
    background: #45cfe1 !important;
}
.itopplus-sidebar-menu-single a:link {
    color: #fff !important;
}
.itopplus-sidebar-menu-single a:active {
    background-color: transparent;
    color: #fff!important;
}
.itopplus-sidebar-menu-single {
    border-bottom: transparent;
}
.itopplus-sidebar-menu-parent a {
    color: #fff !important;
}
.itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #fff!important;
}
.text-bar {
    color: #fff!important;
}
.itopplus-slide {
    padding-top: 48px;
}
.top1.Pad-BoxSocail {
    margin-top: 45%;
}

  
}

@media only screen and (min-width: 992px){
.navbar-default {
    background: transparent!important;
}
.navbar-default.navbar-fixed .nav {
    display:block
}
}

/*เมนูกึ่งกลาง*/
/* 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: 5px 8px;
}
#main-navbar-collapse {
    margin-top: 10px;
}
.itopplus-slide {
    padding-top: 0px;
}
.navbar-default {
    background: transparent!important;
}
.navbar-default.navbar-fixed .nav {
    display:block
}
.itopplus-slide {
    padding-top: 0px;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
   margin: 0;
}
.Textimg-HomeIcon01 {
    font-size: 24px;
} 
.img-icFooter01 img {
    width: 40px !important;
}    
.Bt-Footer01 {
    font-size: 14px;
}   
.Pad-Text-Footer01 {
    white-space: nowrap;
}  
.Bt-Footer01 span {
    font-size: 18px;
}
.Text-More01 {
    font-size: 24px;
}   
.BoxQa01 {
    margin: 5% 0 0 24%;
}  
.Text-BoxSocail01 {
    text-align: left;
    margin: 44% 0 0 11%;
    font-family: 'Sriracha';
    font-size: 42px!important;
}
.Text-BoxSocail02 {
    font-family: 'Sriracha';
    text-align: right;
    font-size: 33px!important;
    margin-right: 15%;
}
.Text-BoxSocail03 {
    text-align: center;
    font-size: 21px!important;
    margin: 5% 0 2%;
}
.Text-img-Iconbt01 {
    color: #fff;
    font-size: 18px!important;
    font-weight: 500;
}
}

/* 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 ;
}
#itopplus-sticky-nav-bar {
    width: auto !important;
} 
.Textimg-HomeIcon01 {
    font-size: 34px;
}  
.Textimg-HomeIcon02 {
   font-size: 16px;
  } 
.img-icFooter01 img {
    width: 50px !important;
}  
.navbar-default .navbar-nav>li>a {
    padding: 5px 8px;
    font-size: 18px;
}  
.Bt-Footer01 {
    font-size: 16px;
}  
.Bt-Footer01 span {
    font-size: 22px;
}  
.Text-More01 {
    font-size: 34px;
}  
.Text-More02 span {
    font-size: 20px;
    font-weight: 500;
} 
.BoxQa01 {
    margin: 0;
}  
}



@media only screen and (min-width : 1900px) {
#itopplus-sticky-nav-bar {
    width: auto !important;
}  
.navbar-default .navbar-nav>li>a {
    font-size: 20px !important;
}  
.BG-Textimg-HomeIcon01, .BG-Textimg-HomeIcon02, .BG-Textimg-HomeIcon03, .BG-Textimg-HomeIcon04 {
    height: 615px  !important;
}  
.Textimg-HomeIcon01 {
	 font-size: 42px !important;
}  
 .Textimg-HomeIcon02 {
   font-size: 20px !IMPORTANT;
  } 
.img-HomeIcon01 {
    width: 69% !important;
}  
.ef3 {
    width: 80% !important;
    display: block;
    margin: 0 auto;
}  
.Template-T-Name {
    font-size: 20px !important;
    height: 55px !important;
}  
.Text-BoxSocail01 {
    font-size: 50px !important;
    margin: 37% 0 0 11% !important;
}
.Text-BoxSocail02 {
    font-size: 34px!important;
    margin-right: 15%;
}
.img-BGCartoon1 {
    width: 100% !important;
    margin: 19% 0 0 !important;
} 
 .img-BGCartoon2 {
    width: 66% !important;
    display: block;
    margin: 15% 0 20% !important;
} 
.Text-BoxSocail03 {
    font-size: 26px !important;
}  
.Text-img-Iconbt01 span {
    font-size: 22px !important;
}  
.Text-img-Iconbt01 {
    font-size: 26px !important;
}  
.img-QRF01 {
    width: 75% !important;
    margin: 0 auto !important;
}  
.img-BgFooter01 {
    width: 78% !important;
}  
.Bt-Footer01 {
    padding: 12px 0 15px 25% !important;
}  
.bg-Bt-Footer01 {
    width: 70% !important;
    margin: 3% 0 4% 18% !important;
}  
.Template-T-buttonDetail img {
    width: 11% !important;
}  
.Template-T-smallpic {
    height: 120px !important;
}  
.BgText-Step01, .BG-bank01 {
    height: 690px !important;
}  
.img-iconBank1 {
    width: 58% !important;
}
.BoxText-LineContact01 {
    margin: 8% 0 0 !important;
}  
#background6152ee29183d750014b07f48 {
    width: 60% !important;
    margin: -62% auto 8% !important;
}
.BoxText-More01 {
    margin: 6% 0 0 !important;
}  
.Text-More01 {
    font-size: 44px !important;
}  
.Text-More02 span {
    font-size: 28px !important;
}  
.Text-More02 {
    font-size: 22px !important;
}  
.Text-bank02 {
    font-size: 20px !important;
}  
}





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

.img-BGCartoon1, .img-BGCartoon2 {
  -webkit-animation: hithere 2s ease infinite;
  animation: hithere 2s ease infinite;
}
@keyframes hithere {
  30% { transform: scale(1.1); }
  50% { transform: rotate(5deg) scale(1); }
  100% { transform: scale(1); }
}




/*--------------Home--------------*/


#carousel6152ba42183d750014b06dc8 .hidden {
	display: block!important;
	visibility: inherit!important;
	pointer-events: none;
}
.carousel-indicators .active {
	background-color: #fff;
	border-color:#fff;
}
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
	display: none;
}  
.img-QRF01 {
    width: 90%;
    display: block;
    margin: 0 0;
    box-shadow: 3px 3px 7px rgb(68 68 68 / 72%);
}
.Text-Footer00 {
    white-space: nowrap;
    font-size: 13px;
    margin: 4% 0 2% 1%;
}
.img-icFooter01 {
    margin: 9% 0 0;
}
.img-BgFooter01 {
    width: 100%;
    display: block;
    margin: 0 0;
    position: absolute;
    z-index: 999;
}
.Bt-Footer01 span {
    font-weight: 500;
}

.Bt-Footer01 {
    color: #fff;
    padding: 8px 0 11px 32%;
  	white-space: nowrap;
}
.bg-Bt-Footer01 {
    background-color: #34dbf1;
    border-radius: 15px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 22%);
    width: 88%;
    margin: 5% 0 4% 15%;
}
.Text-Footer01 span {
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
}
.Text-Footer01 {
    font-size: 14px;
    line-height: 1.5;
}
.Text-Footer02 {
    font-size: 14px;
    margin-top: 7%;
}
.Mg-FooterBt01 {
    transition-duration: 0.3s;
    transition-property: transform;
}
.Mg-FooterBt01:hover{
      transform: scale(1.1);
}
.img-HomeIcon01 {
    width: 90%;
    display: block;
    margin: 0 auto 0;
}
.BG-Textimg-HomeIcon01 {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_270820218oe4/0/0/jelloboom-HomeBg01z-z1620180228471.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    padding: 39% 5% 20%;
    height: 410px;
    margin: -38% auto 5%;
    width: 100%;
}
.BG-Textimg-HomeIcon02 {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_270820218oe4/0/0/jelloboom-HomeBg02z-z1253877798420.webp);
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    padding: 39% 5% 20%;
    height: 410px;
    margin: -38% auto 5%;
    width: 100%;
}
.BG-Textimg-HomeIcon03 {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_270820218oe4/0/0/jelloboom-HomeBg03z-z234235743137.webp);
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    padding: 39% 5% 20%;
    height: 410px;
    margin: -38% auto 5%;
    width: 100%;
}
.BG-Textimg-HomeIcon04 {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_270820218oe4/0/0/jelloboom-HomeBg04z-z1343651856232.webp);
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    padding: 39% 5% 20%;
    height: 410px;
    margin: -38% auto 5%;
    width: 100%;
}
.Textimg-HomeIcon01 {
    font-family: sriracha;
    margin: 0 0 2%;
}
.Textimg-HomeIcon02 {
    padding: 0 2%;
    line-height: 1.5;
}
.img-HProduct01 {
    width: 90%;
    display: block;
    margin: 5% auto;
    -webkit-animation: bounce 2s infinite 2s;
    animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.Home-Product01 {
    text-align: center;
    font-family: 'Sriracha';
    font-size: 20px;
    color: #000;
    line-height: 1.3;
}
.Home-Product01 span {
    color: #45cfe1;
    font-size: 40px;
}
.Home-Product01 span.s01{
    color: #45cfe1;
    font-size: 20px;
}
#background6152c1d4183d750014b07060 .col-md-3.col-sm-4.col-xs-4 {
    width: 16.6%;
}
.Home-Product02 {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 3%;
    color: #15110d;
}
.Home-Product02 span {
    color: #45cfe1;
    font-size: 32px;
}
.Text-GelHome01 {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 10% 0;
    color: #15110d;
}
#background6152c1d4183d750014b07060 img.imageWidth.imageGallery,
#background6153ead16ec43800141d914d img.imageWidth.imageGallery {
    width: 80% !important;
    display: block;
    margin: 0 auto;
}
.thumbs img.imageGallery {
    transform: scale(1.0);
    transition: 0.32s;
}
.thumbs:hover img.imageGallery {
    transform: scale(1.1);
    transition: 0.32s;
}

.Bt-shop1 .Template-T-button {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 8px 3%;
    background-color: #ffdb16;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    font-family: 'Prompt';
}
.Template-K-button {
    width: 70%;
    margin: 0 auto;
    padding: 10px 0 8px 3%;
    background-color: #ffdb16;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 15px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    font-family: 'Prompt';
  margin-top: -10%;
}
.Template-K-frame:hover{
  -webkit-box-shadow: 0 0 0px #585858;
    box-shadow: 0 0 0px #585858; 
    cursor: pointer;
}
.shopbottom:hover{
    background-color: #45cfe1;
    box-shadow: 0 0 5px #2bc3d7;
    transition: 0.32s;
}


.Text-BG-HomeBlue01 {
    text-align: center;
    margin: 2% 0;
    font-size: 34px;
    line-height: 1.1;
}
.Text-BG-HomeBlue01 span {
    font-size: 54px;
    font-weight: 500;
}
.ef3 {
    margin-top: 10%;
      transition-duration: 0.3s;
    transition-property: transform;
}
.ef3:hover {
      transform: scale(1.1);
}
.TitleHome01 {
    margin: 3% auto 2%;
    text-align: center;
    color: #000;
    font-size: 36px;
    font-weight: 500;
}
.TitleHome01 span {
    font-size: 64px;
    font-weight: 600;
}
.img-BGCartoon1 {
    width: 125%;
    margin: 8% 0 0;
}
.img-BGCartoon2 {
    width: 75%;
    display: block;
    margin: 10% 0 20%;
}
.bt-Facebook {
    background: linear-gradient(to bottom, rgba(26,126,227,1) 0%, rgba(10,46,178,1) 100%);
    color: #fff;
    border-radius: 15px;
    box-shadow: 1px 3px 7px rgb(0 0 0 / 65%);
    padding: 8px 0 10px;
    width: 80%;
    display: block;
    margin: 0 0 0 auto !important;
}
.bt-Facebook:hover {
    background: linear-gradient(to bottom, rgb(11 55 183) 0%, rgb(11 51 181) 100%);
	box-shadow: 1px 3px 7px rgb(12 54 183);
    transition: 0.32s;
}
.bt-line {
    background: linear-gradient(to bottom, #70e31a 0%, #1bb20a 100%);
    color: #fff;
    border-radius: 15px;
    box-shadow: 1px 3px 7px rgb(0 0 0 / 65%);
    padding: 8px 0 10px;
    width: 80%;
    display: block;
    margin: 0 0 !important;
}
.bt-line:hover {
    background: linear-gradient(to bottom, #1db40a 0%, #1cb30a 100%);
	box-shadow: 1px 3px 7px rgb(29 180 10);
    transition: 0.32s;
}
.img-Iconbt01 {
    width: 60%;
    display: block;
    margin: 7% auto 5% 25%;
}
.Text-img-Iconbt01 a{
    color: #fff;
}
.Text-img-Iconbt01 span {
    font-size: 16px;
    font-weight: 300;
}
.TitlePage01 {
    text-align: center;
    font-size: 44px;
    font-weight: 500;
    margin: 1% 0;
    color: #ffffff;
    font-family: 'Sriracha';
    padding: 24px 0;
    background-color: #00adc3;
    outline: 2px dashed rgb(255 255 255 / 52%);
    outline-offset: -10px;
    border-radius: 15px;
}
#background6152f0ba9ff06c0013f2e828 .col-md-3.col-sm-4.col-xs-4,
#background6152f9d5183d750014b082b8 .col-md-3.col-sm-4.col-xs-4 {
    width: 12.5%;
}
.BT-FAQ01 {
    font-size: 20px;
    width: 80%;
    display: block;
    background-color: #f5f5f5;
    margin: 0 auto 15px;
    padding: 20px 25px;
    color: #222;
    font-weight: 500;
    border-radius: 10px;
}
.BT-FAQ01:hover {
    background-color: #dafbff;
    box-shadow: 3px 3px 3px #9cf4ff;
    transition: 0.32s;
    color: #000;
}
.BT-FAQ01::before {
    content: "Q : ";
    font-weight: 600;
    font-size: 27px;
    font-family: 'Sriracha';
    color: #000;
    display: none;
}
.Detail-FAQ01 {
    font-size: 18px;
    margin: 1% auto 30px;
    width: 80%;
    display: block;
    padding: 2% 2% 3% 2%;
    color: #000;
    line-height: 1.7;
}
#background6152ee29183d750014b07f48 {
    width: 65%;
    display: block;
    margin: 0 0 0 18%;
}
.Text-More01 {
    font-family: 'Sriracha';
}
.Text-More02 span {
    font-weight: 500;
}
.Text-More02 {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin: 1% 0 ;
}
.bt-information01 {
    font-size: 18px;
    white-space: normal;
}
.BoxText-More01 {
    margin-top: 36%;
}
.BgText-Step01 {
	background-color: #f5f5f5;
    text-align: center;
    color: #010101;
    border-radius: 20px;
    padding: 10% 3%;
    height: 550px;
}
.Text-Step01 {
    font-size: 34px;
    font-weight: 600;
    line-height: 1.1;
    margin: 0 0 3%;
}
.Text-Step01 span {
    font-size: 40px;
    font-weight: 700;
}
.img-StepHome01 {
    width: 50%;
    display: block;
    margin: 3% auto;
}
p.Step-Text1 {
    color: #010101;
    font-size: 15px;
}
.BG-bank01 {
	background-color: #f5f5f5;
    color: #010101;
    border-radius: 20px;
    padding: 12% 8% 10% 8%;
    height: 550px;
}
.Text-bank01 {
    font-size: 36px;
    font-weight: 600;
    margin: 0 0 0 3%;
}
.Text-bank02 {
    font-size: 16px;
    margin: 2% 0 10% 3%;
    line-height: 1.5;
}
.img-iconBank1 {
    width: 80%;
    display: block;
    margin: 5% auto;
}
.Bgimg-iconBank1 {
    color: #fff;
    background-color: #0e8f33;
    width: 100%;
    display: block;
    margin: 2% 3% 5%;
    padding: 3% 0 5% 0;
    border-radius: 15px;
}
.Bgimg-iconBank2 {
    color: #30973c;
    background-color: #d0f9d5;
    width: 100%;
    display: block;
    margin: 2% 3% 5%;
    padding: 5% 0 5% 3%;
    border-radius: 15px;
    font-weight: 500;
}
.Textimg-iconBank1{
    font-size: 20px;
    margin: 2% 0 2% 0;
}
.Textimg-iconBank1 span{
    font-size: 26px;
}


.picture-containers {
    width: 12.4444%;
    display: inline-block;
    padding: 10px;
}
.img-jelloboom {
    width: 100%;
}







/*----------ตระกร้า--------*/
.shopcart {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_270820218oe4/40/0/jelloboom-Shop2z-z1531878290734.webp);
    background-color: #ffdb16;
    background-repeat: no-repeat;
    background-position: 60% 50%;
    -webkit-border-radius: 800px;
    border-radius: 20px 0 0 20px;
    top: 40%;
    width: 80px !important;
    height: 60px !important;
    right: 0;
}
.Template-T-frame {
    margin-bottom: 10%;
    padding: 0px 0px 20px 0px;
    border: solid 0px #e9e9e9;
    cursor: pointer;
    background-color: transparent;
    border-radius: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.Template-T-frame:hover {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
}
.Template-T-pic {
    width: 100%;
    overflow: hidden;
    height: inherit !important;
    border: 0px solid #939393;
    background: transparent;
    padding: 0;
    border-radius: 0;
}
.Template-T-Name {
    text-align: center;
    font-size: 18px;
    height: 40px;
    overflow: hidden;
    font-weight: 500;
    margin-top: 4%;
    color: #15110d;
    font-family: Prompt,sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
}
.Template-T-Price {
	height: 60px;
    color: #45cfe1;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    font-family: Prompt,sans-serif;
    margin-top: -4%;
    padding: 0;
}
.Template-T-Icon {
    width: 16%;
    padding: 0 5px 5px 0;
}
.Template-T-button {
    width: 70%;
    margin: 0 auto;
    padding: 8px 0 6px 0%;
    border-radius: 15px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    font-family: Prompt,sans-serif;
    background-color: #ffdb16;
    color: #000000;
}
label {
    font-weight: 400;
    font-family: Prompt,sans-serif;
}

.shopcart-Cate {
    width: 95%;
    margin: 4% auto 2%;
    font-size: 24px;
}
.Template-T-ProName {
    color: #9e9c9c;
}
.shopcartID-Head-Default {
	font-size: 22px;
    color: #000;
    border-bottom: solid 0px #d8d8d8;
    padding: 10px 0 10px 0 !important;
    font-family: Prompt,sans-serif;
    font-weight: 500;
}
.shopcartName-Head-Default {
	font-size: 22px;
    color: #000;
    border-bottom: solid 0px #d8d8d8;
    padding: 10px 0 10px 0 !important;
    font-family: Prompt,sans-serif;
    font-weight: 500;
}

.shopcartID-Default {
    font-size: 18px;
    border-bottom: solid 0px #d8d8d8;
    padding: 10px 0 10px 0 !important;
    font-family: Prompt,sans-serif;
    color: #898989;
    font-weight: 400;
}

.shopcartName-Default{
    font-size: 18px;
    border-bottom: solid 0px #d8d8d8;
    padding: 10px 0 10px 0 !important;
    font-family: Prompt,sans-serif;
    color: #898989;
    font-weight: 400;
}
.shopcartlinePrice-Default {
    border-bottom: solid 0px;
    color: #d8d8d8;
    padding: 10px 0 10px 0;
}
.Template-T-PriceNormal {
    color: #45cfe1;
    font-size: 28px !important;
    font-weight: 600;
}
.Template-T-PricePromotion {
    color: #45cfe1;
    font-size: 32px !important;
    font-weight: 500;
}
.ITPquantityDetail .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    font-family: Prompt,sans-serif;
}
.shopcartlinePrice-Default select.input-sm {
    font-family: Prompt,sans-serif;
    font-size: 16px;
    height: 40px;
    font-weight: 400;
    color: #9b9b9b;
    width: 150%;
}
.Template-T-Big {
    border: solid 0px #ddd;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
}
.Template-T-buttonDetail img {
    width: 13%;
}
.Template-T-buttonDetail {
    cursor: pointer;
    width: 40%;
    margin: 16px 0 15px 0 !important;
    padding: 12px 0 10px 0;
    border-radius: 15px;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    font-family: Prompt,sans-serif;
    background-color: #ffdb16;
    color: #000000;
}
.Template-T-buttonDetail:hover{
    transition: 0.32s;
    color: #000;
    background-color: #45cfe1;
}
.PictureOverflow {
    width: 100%;
}

.ui.steps .step .title {
    font-family: Prompt,sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
    line-height: 1.3;
}

.ui.steps .step.active .title {
    color: #000000;
}

.step1checkout {
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    background-color: #343434;
    border: 5px solid #cbcbcb;
    text-align: center;
    width: 65px;
    height: 65px;
    margin-top: 13%;
    margin-left: auto;
    margin-right: auto;
}

.iconstep1checkout {
    font-size: 20px;
    color: white;
    margin-top: 23%;
}
.Headcheckout {
    font-size: 22px;
    color: #000;
    font-weight: 400;
}
.Bodycheckout {
    font-size: 18px;
    color: black;
    font-weight: normal;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  font-size: 16px;
  font-weight: 400;
}
.btnCheckoutprevious {
	cursor: pointer;
    width: 50%;
    background-color: #262626;
    color: white;
    margin: 5px 0 0 110px;
    border-radius: 20px;
    padding: 12px 0 10px 0;
    font-weight: 400;
    text-align: center;
    font-size: 16px;
}

.btnCheckoutprevious:hover {
  background-color: #45cfe1;
  transition: 0.32s;

}
.step5checkout {
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    background-color: #343434;
    border: 5px solid #cbcbcb;
    text-align: center;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.shopcart-paymentpage {
    font-size: 15px;
    color: white;
    background-color: #262626;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 25%;
    cursor: pointer;
    padding: 10px 5px;
    margin: 0 auto;
}
.Shopcart-Related-Main .Template-T-Price{
    display: none;
}
.shopcartDetail-Default.shopcartDetail {
    font-size: 24px;
    font-family: Prompt,sans-serif;
    margin-left: -10px;
    color: #090909;
    font-weight: 600;
}

.shopcartRelated-Default, .shopcartRelated{
    font-size: 24px;
    font-family: Prompt,sans-serif;
    margin-left: -10px;
    color: #090909;
    font-weight: 600;
  border-bottom: 1px solid #d8d8d8;
}

.Template-T-smallpic {
    width: 15%;
    border: solid 0px #9e9e9e;
    margin: 5% 3% 3% 0;
    padding: 0;
    height: 80px;
    overflow: hidden;
}
.Template-T-Title {
    height: 45px;
    text-align: center;
    overflow: hidden;
    color: #898989;
    font-size: 14px;
    font-weight: 300;
    padding-top: 5%;
}
.ITPquantityDetail .input-sm {
    height: 35px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px;
    font-family: Prompt,sans-serif;
}
.priceNoPromotion {
	color: #45cfe1;
    font-weight: 500;
    text-align: center;
    padding: 0;
    font-size: 20px;
    margin-top: -4%;
}
strike.promotionPrice {
    color: #898989;
    font-weight: 300;
    font-size: 14px;
    padding: 0;
}
span.promotionPrice {
    color: #ed1c24!important;
    font-weight: 500 !important;
    padding: 0;
    font-size: 18px;
    letter-spacing: 1px;
}
.shopcartSize-Default.shopcartSize label {
    font-weight: 500;
    font-size: 22px !important;
}
.shopcartAllDetail {
    text-align: left;
}
.Template-T-Quantity {
	color: #000;
    font-size: 22px !important;
    font-weight: 600;
}
.Template-T-Item{
	color: #000;
    font-size: 22px !important;
    font-weight: 600;
}
.fbcomments, .fb-comments{
	display: none;
}


/*----------ฟอร์มแจ้งชำระเงิน----------*/
.boarder-confirm-payment {
    border: 0px solid #9ef4ff !important;
    border-radius: 15px !important;
    background-color: #f5f5f5 !important;
    padding: 25px 15px 30px !important;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}
.boarder-confirm-payment .btn-block {
    display: block;
    width: 148%;
}

.boarder-confirm-payment .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 0 !important;
    padding: 8px !important;
}
.boarder-confirm-payment .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #00adc3;
    border: 0px solid #ccc;
    border-radius: 0;
}

.boarder-confirm-payment  .form-control:hover {
    border-color: #00adc3;
}
.no-js .confirm-payment .btn-default {
    background: linear-gradient(to right,#00adc3 0,#00adc3 25%,#00adc3 50%,#00adc3 75%,#00adc3 100%);
    color: #fff;
    text-shadow: 0 0px 0 #000;
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 15px;
    border: 0px solid transparent;
    width: auto;
}

/*from Contact*/
 
.no-js #Component6153ed1c1bdbbb0014874f82 label {
    display: none!important;
}
.no-js #Component6153ed1c1bdbbb0014874f82 .col-md-6 {
    width: 90%;
    margin-left: auto;
    display: block;
    margin-right: auto;
    float: initial;
}
.no-js #Component6153ed1c1bdbbb0014874f82 .form-control {
    border: 1px solid #f1f1f1;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    font-size: 14px!important;
    padding: 20px;
    background: #fff;
    color: #000;
}
.no-js #Component6153ed1c1bdbbb0014874f82 ::placeholder {
    color: #000!important;
  font-weight:300;
}
.no-js #Component6153ed1c1bdbbb0014874f82 .form-control:focus {
    border-color: #d2af46 ;
    -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 #Component6153ed1c1bdbbb0014874f82 .btn {
    background-image:linear-gradient(to right, #ffdb16 0%,#ffdb16 50%,#ffdb16 100%);
    background-repeat: repeat-x;
    border-color: #baf1f3;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 14px;
    border: 0px solid transparent;
    color: #fff;
}
.no-js #Component6153ed1c1bdbbb0014874f82 .btn-default {
    text-shadow: 0 0 0 #fff;
}
.no-js #Component6153ed1c1bdbbb0014874f82 .btn-default:active {
	background-color: #ffdb16;
}
.no-js #Component6153ed1c1bdbbb0014874f82 .btn-default:hover,
.no-js #Component6153ed1c1bdbbb0014874f82 .btn-default:focus {
    background-position: 0 0px;
  background-color: #ffdb16;
}



/*------------------เลขหน้า------------------*/
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #ffdb16;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #fff;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #ffdb16;
    border-color: #ffdb16;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #ffffff;
    background-color: #ffdb16;
    border-color: #ffdb16;
}

/*----------ค้นหา----------*/
#itp-shopcart-detail {
    padding-left: 0 !important;
}
.itopplus-search-image-flex-item {
    background-color: #f9f9f9!important;
    width: 30%!important;
    padding: 10px;
    text-align: left;
    display: inline-block;
    min-height: 200px!important;
    max-height: 305px!important;
    padding-top: 10px!important;
}

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

.itopplus-search-image-flex-container img {
    width: 100% !important;
}
.shopcart-Detail-Detail .image-inline.inmgicP01 {
    width: 30px !important;
}
 strong {
    font-weight: 500;
}

.shopcart-Detail-Detail strong {
    font-weight: 500;
    color: #00adc3;
}
.shopcart-Detail-Detail .image-inline.imglist01 {
    width: 65px !important;
    margin: 5px 0;
}
.Text-imglist01 {
    font-size: 18px;
    font-weight: 500;
}
.Box-Shoppee1 {
    background-color: #f5f5f5;
    color: #000;
    font-size: 16px;
    padding: 4% 7%;
    border-radius: 20px;
}
.TExt-Shoppee1 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 3%;
    color: #000;
}

.TExt-Shoppee2 {
    font-size: 20px;
    font-weight: 500;
}
.TExt-Shoppee2 ul {
    font-size: 16px;
    font-weight: 400;
    margin-left: -20px;
}
.TitlePay {
    text-align: center;
    font-size: 32px;
    font-family: 'Sriracha';
    color: #00a2b7;
    background-color: #dafaff;
    width: max-content;
    padding: 15px 35px;
    display: block;
    margin: 3% auto 1%;
    border-radius: 35px;
}

#background6153ead16ec43800141d914d .col-md-3.col-sm-4.col-xs-4 {
    width: 16.6%;
}
.Contentmanager .template1 .template-panel {
    padding-bottom: 70%;
}
.Contentmanager .template1 .caption {
    height: 65px;
    overflow: hidden;
    padding: 5% 5px;
    font-size: 18px;
    text-align: center;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Contentmanager .template1 .caption:hover{
    color: #009db1;
}
.bt-download1 {
    font-size: 18px;
    text-align: center;
    background-color: #ffdb16;
    color: #333;
    padding: 15px 5px;
    border-radius: 15px;
    width: 70%;
    font-weight: 500;
    display: block;
    margin: 5% auto;
}
.bt-download1:hover {
    background-color: #00adc3;
    color: #fff;
    box-shadow: 3px 3px 5px #000;
	transition: 0.32s;
}
.landingpagemanager {
    display: none;
}
.Textmanager.font-inherit {
    text-align: center;
}
h3.managerHeader {
    font-size: 28px;
    font-weight: 600;
    color: #242022;
}
#Contentmanager .post-time {
    font-size: 14px;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 40px;
    border-bottom: 2px dashed #eee;
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 0;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 0;
}
.Mg-contact01 {
    text-align: center;
}
.Text-contact01 {
    font-size: 26px;
    font-weight: 600;
    color: #009baf;
    line-height: 1.2;
    margin-bottom: 1%;
}
.Text-contact01 span {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #2b373b;
}
.Text-contact02 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
.img-ct01 {
    width: 20%;
    display: block;
    margin: 5% auto;
    border: 3px solid #eaeaea;
    border-radius: 100%;
}
.Box-ct01 {
    text-align: center;
    background-color: #f5f5f5;
    padding: 5% 0 10%;
    border-radius: 15px;
}
.Box-ct01:hover {
    background-color: #e6fcff;
    box-shadow: 3px 3px #45cfe1;
    transition: 0.32s;
}
.TExt-ct01 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #242124;
}
.TExt-ct02 {
    font-size: 16px;
    margin: 1% 0;
}
#background6153ed1c1bdbbb0014874f82 {
    background: rgb(0 173 195 / 73%) !important;
    padding: 8% 0;
    margin: 0 0 5%;
    border-radius: 20px;
}
.img-LineContact01 {
    width: 25%;
    display: block;
    margin: 5% auto 2%;
}
.BoxText-LineContact01 {
    text-align: center;
    font-size: 18px;
    background-color: #2bbf4dde;
    padding: 10% 5%;
    border-radius: 25px;
    margin: 17% 0 0;
}
.Text-LineContact01 {
    font-size: 26px;
    font-family: 'Sriracha';
    line-height: 1.2;
}
.Text-LineContact01 span {
    font-family: 'Prompt';
    font-size: 18px;
    letter-spacing: 2px;
}
.Text-LineContact02 {
    font-size: 22px;
    font-family: 'Sriracha';
}
.panel {
    box-shadow: 0 1px 2px rgb(0 0 0 / 0%);
}
.no-js #background6153ec8a6ec43800141d925f .form-control {
    border: 1px solid #f1f1f1;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    font-size: 14px!important;
    padding: 20px;
    background:#fff !important;
    color: #000;
}
.no-js #background6153ec8a6ec43800141d925f .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    text-align: center;
    background-color: #ffdb17;
    border: 1px solid #ffdb17;
    border-radius: 0;
}
form#uploadimage6153ec8a6ec43800141d925f {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}
form#uploadimage6153ec8a6ec43800141d925f .input-sm+.form-control-feedback {
    margin-top: 2%;
    color: #010101;
}
.no-js #background6153ec8a6ec43800141d925f .btn-default {
    background-image: linear-gradient(to right, #ffdb16 0%,#ffdb16 50%,#ffdb16 100%);
    background-repeat: repeat-x;
    border-color: #baf1f3;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 14px;
    border: 0px solid transparent;
    color: #000;
    text-shadow: 0 1px 0 #fff0;
}
.no-js #background6153ec8a6ec43800141d925f .btn-default.active,
.no-js #background6153ec8a6ec43800141d925f .btn-default:active,
.no-js #background6153ec8a6ec43800141d925f .btn-default:focus,
.no-js #background6153ec8a6ec43800141d925f .btn-default:hover, .no-js #background6153ec8a6ec43800141d925f .open>.dropdown-toggle.btn-default {
    color: #000;
    background-color: #ffdb17;
    border-color: #ffdb17;
}
.no-js #background6153ec8a6ec43800141d925f  .pull-right{
    float: left!important;
}
#background6153ec8a6ec43800141d925f {
    border-radius: 20px;
    background-color: #f5f5f5;
    padding: 4% 0 2%;
}
address-ui .col-xs-12.col-sm-12.col-md-6 {
    width: 109%;
}

.no-js #background6153ecbf6ec43800141d9295 .form-control {
    border: 1px solid #f1f1f1;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
    font-size: 14px!important;
    padding: 20px;
    background:#fff !important;
    color: #000;
}
#background6153ecb01bdbbb0014874f6d {
    background-color: #f5f5f5;
    padding: 2% 0;
    border-radius: 20px;
    font-size: 18px;
    margin: 0 0 3%;
    color: #000;
}
#background6153ecbf6ec43800141d9295 .btn-default {
    text-shadow: 0 1px 0 #fff0;
    background-image: linear-gradient(to bottom,#ffdb16 0,#ffdb16 100%);
    background-repeat: repeat-x;
    border-color: #ffdb16;
}
#background6153ecbf6ec43800141d9295 .btn-default {
    text-shadow: 0 1px 0 #fff0;
    background-image: linear-gradient(to bottom,#ffdb16 0,#ffdb16 100%);
    background-repeat: repeat-x;
    border-color: #ffdb16;
    width: 150px !important;
    font-size: 16px;
    color: #000;
}
.no-js #background6153ecbf6ec43800141d9295 .btn-default {
    text-shadow: 0 0 0 #fff;
}
.no-js #background6153ecbf6ec43800141d9295 .btn-default:active {
	background-color: #ffdb16;
}
.no-js #background6153ecbf6ec43800141d9295 .btn-default:hover,
.no-js #background6153ecbf6ec43800141d9295 .btn-default:focus {
    background-position: 0 0px;
  background-color: #ffdb16;
}


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

.itopplus-search-image-flex-item {
    background-color: #f9f9f9!important;
    width: 21%!important;
    padding: 10px;
    text-align: left;
    display: inline-block;
    min-height: 200px!important;
    max-height: 800px!important;
    padding-top: 10px!important;
    box-shadow: rgb(0 0 0 / 0%) 0px 10px 20px, rgb(0 0 0 / 0%) 0px 6px 6px !important;
}
.itopplus-search-image-flex-container {
  display:block!important;
  }
.itopplus-search-image-flex-container img {
    width: 100% !important;
}



.ef1, .ef2{
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.ef1:hover, .ef2:hover{
    transform: translateY(-8px);
}
.social-icon {
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 14px;
    margin: 5px;
    border-radius: 0;
}
.social-icon, .social-icon:hover {
    font-size: 20px;
}
.social-icon img {
    margin-top: -4%;
}
.BT-FAQ01 span {
    font-family: 'Sriracha';
    font-size: 28px;
    font-weight: 600;
    color: #000;
}
.Detail-FAQ01 span {
    font-family: 'Sriracha';
    font-size: 26px;
    font-weight: 600;
    color: #000;
}
.dropdown-menu>li>a {
    font-size: 18px;
}

/**************************/

@media (max-width: 991px){
.Text-Footer01 span {
    font-size: 14px;
}
.bg-Bt-Footer01 {
    width: 100%;
    margin: 5% 0 4% 10%;
}
.Bt-Footer01 {
    font-size: 12px;
}
.Template-T-button {
    width: 100%;
}
.Textimg-HomeIcon01 {
    font-size: 30px;
}
.Textimg-HomeIcon02 {
    font-size: 18px;
}
.BG-Textimg-HomeIcon01, .BG-Textimg-HomeIcon02, .BG-Textimg-HomeIcon03, .BG-Textimg-HomeIcon04 {
    height: 550px;
}  
  
}

@media (max-width: 900px){
.Text-Footer01 span {
    font-size: 14px;
}
.bg-Bt-Footer01 {
    width: 100%;
    margin: 5% 0 4% 10%;
}
.Bt-Footer01 {
    font-size: 12px;
}
.Template-T-button {
    width: 100%;
}
.Textimg-HomeIcon01 {
    font-size: 30px;
}
.Textimg-HomeIcon02 {
    font-size: 18px;
}
.BG-Textimg-HomeIcon01, .BG-Textimg-HomeIcon02, .BG-Textimg-HomeIcon03, .BG-Textimg-HomeIcon04 {
    height: 550px;
}  
  
}


@media (max-width: 834px){
#background6152bd9c9ff06c0013f2da37 .col-sm-6 {
    width: 50%;
}
.Textimg-HomeIcon02 {
    font-size: 18px;
}    
.Template-T-button {
    width: 100%;
    font-size: 15px;
}
.Text-BoxSocail01 {
    font-size: 28px;
}  
.Text-BoxSocail02 {
    font-size: 18px;
    margin-right: 5%;
}
.img-icFooter01 img {
    width: 25px !important;
}  
.Text-img-Iconbt01 span {
    font-size: 14px;
}  
.Text-img-Iconbt01 {
    font-size: 14px;
}      
.Text-Footer00 {
    white-space: nowrap;
    font-size: 10px;
}  
.img-BgFooter01 {
    width: 70%;
    margin-top: 20%;
}
.Bt-Footer01 span {
    font-size: 16px;
    font-weight: 500;
}
.Bt-Footer01 {
    color: #fff;
    font-size: 12px;
    padding: 8px 0 11px 18%;
}
.Text-Footer01 span {
    font-size: 12px;
}    
.Text-bank01 {
    font-size: 28px;
}  
 .Textimg-iconBank1 span{
    font-size: 20px;
} 
.BgText-Step01, .BG-bank01 {
    height: 515px;
}    
.Text-More01 {
    font-size: 18px;
}
.Text-More02 {
    font-size: 15px;
}  
.Text-More02 span {
    font-size: 15px;
    font-weight: 500;
}  
.BoxQa01 {
    margin: 1% 0 -15% 25%;
}
}



@media only screen and (min-width: 834px){
    .Text-BoxSocail01 {
    text-align: left;
    margin: 44% 0 0 11%;
    font-family: 'Sriracha';
    font-size: 27px;
}
.Text-BoxSocail02 {
    font-family: 'Sriracha';
    text-align: right;
    font-size: 20px;
    margin-right: 15%;
}
.Text-BoxSocail03 {
    text-align: center;
    font-size: 17px;
    margin: 5% 0 2%;
}
.Text-img-Iconbt01 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
}

/*------------------Mode Ipad------------------*/
@media only screen and (max-width: 768px){
 .picture-containers {
    width: 25%;
} 
  /*----------ค้นหา----------*/
 .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: 426px!important;
    padding-top: 10px!important;
    box-shadow: rgb(0 0 0 / 0%) 0px 10px 20px, rgb(0 0 0 / 0%) 0px 6px 6px !important;
}
.btn-primary.active, .btn-primary:active {
    background-color: #ffdb16;
    border-color: #ffdb16;
}
  .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #af604f;
    background-color: #ffdb16;
    border-color: #ffdb16;
}
.btn-primary:focus, .btn-primary:hover {
    background-color: #ffdb16;
    background-position: 0 -15px;
  }
  
/*ปิดสินค้าที่เกี่ยวข้อง*/
.Shopcart-Related-Main{
   display: none;
}
.row-fluid [class*=col-sm-5fix] {
     width: 33.3%;
     float:left;
  }  
.shopcart {
    top: 0;
    width: 79px !important;
    height: 51px !important;
}  
#imagesControl6152ba42183d750014b06dc8 {
    padding: 0 !important;
}  
h3.managerHeader {
    font-size: 24px;
}  
.Text-Step01 {
    font-size: 24px;
}  
.Text-Step01 span {
    font-size: 30px;
}    
.Text-bank01 {
    font-size: 30px;
}  
.Text-bank02 {
    font-size: 16px;
}  
#background6153ecbf6ec43800141d9295 .btn-default {
    width: 120px !important;
    display: block;
    margin: 0 auto 5px;
    font-size: 16px;
}   
.TitlePage01 {
    font-size: 30px;
  }  
#background6152bd9c9ff06c0013f2da37 .col-md-3.col-sm-6.col-xs-12.padding {
    width: 25%;
}  
.Textimg-HomeIcon01 {
    font-size: 20px;
}  
.Textimg-HomeIcon02 {
    font-size: 12px;
}  
.BG-Textimg-HomeIcon01, .BG-Textimg-HomeIcon02, .BG-Textimg-HomeIcon03, .BG-Textimg-HomeIcon04 {
    padding: 17% 5% 20%;
    height: 265px;
    margin: -26% auto 5%;
}    
.Template-T-button {
    width: 90%;
  font-size: 14px;
  }  
  .Template-K-button {
    width: 90%;
  font-size: 14px;
  }
.Text-BoxSocail01 {
    font-size: 28px;
    text-align: center;
}  
.Text-BoxSocail02 {
    font-size: 18px;
    margin-right: 5%;
    text-align: center;
}  
.Text-img-Iconbt01 span {
    font-size: 14px;
}  
.Text-img-Iconbt01 {
    font-size: 16px;
}    
.bt-Facebook, .bt-line{
      width: 100%;
  }  
.Text-BoxSocail03 {
    text-align: center;
    margin-bottom: 5%;
}
#scrolltoshop6152cb9e2458a700130332c1 .col-xs-12.col-md-6 {
    width: 50%;
}  
.Template-T-buttonDetail {
    width: 55%;
  }  
.Text-More01 {
    font-size: 20px;
}  
.Textimg-iconBank1 {
    font-size: 16px;
}  
.Textimg-iconBank1 span {
    font-size: 18px;
}  

.Text-LineContact01 {
    font-size: 22px;
}  
.Text-LineContact01 span {
    font-size: 16px;
}  
.img-LineContact01 {
    width: 40%;
}  
.img-icFooter01 {
    margin: 9% 0 0;
}  
.img-icFooter01 img {
    width: 30px !important;
}
.Text-Footer00 {
    white-space: nowrap;
    font-size: 10px;
}  
.Text-More02 {
    font-size: 18px;
}
.Text-More02 span {
    font-size: 20px;
    font-weight: 500;
} 
.BoxQa01 {
    margin:0;
}  
.Pad-BoxSocail {
    margin: 35% 0 0;
}  
}




/*------------------Mode Ipad mini------------------*/

  
@media only screen and (max-width: 744px){
	.img-BgFooter01 {
    	width: 100%;
        margin-top: 0;
	}
.img-icFooter01 {
    margin: 0% 0 0;
}
.bg-Bt-Footer01 {
    width: 100%;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 15%;
}
.Mg-FooterBt01 {
    margin-left: -10%!important;
}
.Bt-Footer01 {
    padding: 10px 0 11px 25%;
}
.img-QRF01 {
    width: 70%;
    margin: 0 auto;
}
.Pad-Text-Footer01 {
    text-align: center;
}
.Text-Footer01 span {
    font-size: 11px;
}
.Text-Footer01 {
    font-size: 11px;
}
  .Text-Footer02 {
    font-size: 11px;
}
.Text-Footer00 {
    font-size: 10px;
}
.bt-Facebook, .bt-line {
    margin-bottom: 10%!important;
}
.Pad-BoxSocail {
    margin: 60% 0 0;
}
.Template-T-Name {
    height: 80px;
}
.Template-T-button {
    width: 100%;
}
  .Template-K-button {
    width: 100%;
}
.TitleHome01 {
    font-size: 28px;
}
.TitleHome01 span {
    font-size: 48px;
}
.Text-BG-HomeBlue01 span {
    font-size: 42px;
}
.Text-BG-HomeBlue01 {
    font-size: 26px;
}
#background6152c1d4183d750014b07060 .col-md-3.col-sm-4.col-xs-4 {
    width: 33.33%;
}
#background6152bd9c9ff06c0013f2da37 .col-md-3.col-sm-6.col-xs-12.padding {
    width: 50%;
}  
.BG-Textimg-HomeIcon01, .BG-Textimg-HomeIcon02, .BG-Textimg-HomeIcon03, .BG-Textimg-HomeIcon04 {
    height: 520px;
}
#background6153ead16ec43800141d914d .col-md-3.col-sm-4.col-xs-4 {
    width: 33.333%;
} 
.Textimg-HomeIcon01 {
    font-size: 34px;
    margin-top: 10%;
}
.Textimg-HomeIcon02 {
    font-size: 18px;
}  
  
}


@media only screen and (max-width: 743px){
	.img-BgFooter01 {
    	width: 60%;
        margin-top: 0;
	}
  .bg-Bt-Footer01 {
    width: 59%;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 15%;
}
.Mg-FooterBt01 {
    margin-left: 15%!important;
}
.Bt-Footer01 {
    padding: 10px 0 11px 25%;
}
.img-QRF01 {
    width: 70%;
    margin: 0 auto;
}
.Pad-Text-Footer01 {
    text-align: center;
}
.Text-Footer01 span {
    font-size: 14px;
}
.Text-Footer01 {
    font-size: 14px;
}
.Text-Footer00 {
    font-size: 14px;
}
.bt-Facebook, .bt-line {
    margin-bottom: 10%!important;
}
.Pad-BoxSocail {
    margin: 60% 0 0;
}
.Template-T-Name {
    height: 80px;
}
.Template-T-button {
    width: 40%;
}
  .Template-K-button {
    width: 40%;
}
.TitleHome01 {
    font-size: 28px;
}
.TitleHome01 span {
    font-size: 48px;
}
.Text-BG-HomeBlue01 span {
    font-size: 42px;
}
.Text-BG-HomeBlue01 {
    font-size: 26px;
}
#background6152c1d4183d750014b07060 .col-md-3.col-sm-4.col-xs-4 {
    width: 33.33%;
}
#background6152bd9c9ff06c0013f2da37 .col-md-3.col-sm-6.col-xs-12.padding {
    width: 50%;
}  
.BG-Textimg-HomeIcon01, .BG-Textimg-HomeIcon02, .BG-Textimg-HomeIcon03, .BG-Textimg-HomeIcon04 {
    height: 410px;
}
#background6153ead16ec43800141d914d .col-md-3.col-sm-4.col-xs-4 {
    width: 33.333%;
}  
    
}

@media only screen and (max-width: 600px){
	.img-BgFooter01 {
    	width: 60%;
        margin-top: 5%;
	}
.bg-Bt-Footer01 {
    width: 59%;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 15%;
}
.Mg-FooterBt01 {
    margin-left: 15%!important;
}
.Bt-Footer01 {
    padding: 10px 0 11px 25%;
}
.img-QRF01 {
    width: 70%;
    margin: 0 auto;
}
.Pad-Text-Footer01 {
    text-align: center;
}
.Text-Footer01 span {
    font-size: 14px;
}
.Text-Footer01 {
    font-size: 14px;
}
.Text-Footer00 {
    font-size: 14px;
}
.bt-Facebook, .bt-line {
    margin-bottom: 10%!important;
}
.Pad-BoxSocail {
    margin: 60% 0 0;
}
.Template-T-Name {
    height: 80px;
}
.Template-T-button {
    width: 40%;
}
  .Template-K-button {
    width: 40%;
}
.TitleHome01 {
    font-size: 28px;
}
.TitleHome01 span {
    font-size: 48px;
}
.Text-BG-HomeBlue01 span {
    font-size: 42px;
}
.Text-BG-HomeBlue01 {
    font-size: 26px;
}
#background6152c1d4183d750014b07060 .col-md-3.col-sm-4.col-xs-4 {
    width: 33.33%;
}
#background6152bd9c9ff06c0013f2da37 .col-md-3.col-sm-6.col-xs-12.padding {
    width: 50%;
}  
.BG-Textimg-HomeIcon01, .BG-Textimg-HomeIcon02, .BG-Textimg-HomeIcon03, .BG-Textimg-HomeIcon04 {
    height: 340px;
}
#background6153ead16ec43800141d914d .col-md-3.col-sm-4.col-xs-4 {
    width: 33.333%;
}  
  
  
}



/*------------------Mode Mobile------------------*/

@media only screen and (max-width: 500px){ 
.img-Iconbt01 {
    margin: 7% auto 5% 25%;
}  
.picture-containers {
    width: 25%;
}
  
#scrolltoshop6152cb9e2458a700130332c1 .col-xs-12.col-md-6 {
    width: 100%;
}   
 /*----------ค้นหา----------*/
  .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: 715px!important;
    padding-top: 10px!important;
    box-shadow: rgb(0 0 0 / 0%) 0px 10px 20px, rgb(0 0 0 / 0%) 0px 6px 6px !important;
}
.itopplus-search-image-flex-container {
  display:block!important;
}  
.row-fluid [class*=col-sm-5fix] {
     width: 100%;
     float:left;
  }  
.BG-Textimg-HomeIcon01, .BG-Textimg-HomeIcon02, .BG-Textimg-HomeIcon03, .BG-Textimg-HomeIcon04 {
    padding: 29% 5% 10%;
    height: 306px;
    margin: -38% auto 5%;
}  
.img-HomeIcon01 {
	width: 70% !important;
    margin: 0 auto 9%;
}  
.Textimg-HomeIcon02 {
    font-size: 12px;
}
.Home-Product01 span {
    font-size: 24px;
} 
.Home-Product01 {
    font-size: 15px;
    padding: 0 2%;
}  
.Home-Product02 {
    font-size: 22px;
}  
.img-StepHome01 {
    width: 80%;
    margin: 5% auto;
}  
p.Step-Text1 {
    font-size: 13px;
}
.BgText-Step01, .BG-bank01 {
    height: auto;
}
.Textimg-iconBank1 span {
    font-size: 20px;
}  
.Textimg-iconBank1 {
    font-size: 16px;
}  
.TitlePage01 {
    font-size: 24px;
}  
.TExt-Shoppee1 {
    font-size: 20px;
}  
.TExt-Shoppee2 ul {
    font-size: 14px;
}  
.TitlePay {
    font-size: 26px;
    width: 100%;
}  
.main-timeline .description {
    font-size: 14px;
}  
.img-BGCartoon1 {
    width: 80%;
    margin: 13% 0 -80%;
    display: block;
}
.Text-BoxSocail01 {
    font-size: 22px;
    margin: 21% 0 0 -16%;
    text-align: center;
}
.Text-BoxSocail02 {
    font-size: 16px;
    margin-right: 0;
    margin-top: 5%;
    text-align: center;
}
.bt-Facebook {
    margin: 5% auto !important;
    width: 100%;
}  
.bt-line {
    margin: 5% auto !important;
    width: 100%;
}    
.img-BGCartoon2 {
    width: 80%;
    display: block;
    margin: 5% 0 0 auto;
}
#background6152c1d4183d750014b07060 .col-md-3.col-sm-4.col-xs-12,
#background6153ead16ec43800141d914d .col-md-3.col-sm-4.col-xs-12{
    width: 33.3%;
    margin: 5% 0 0;
}  
.Text-BG-HomeBlue01 span {
    font-size: 32px;
}
.Text-BG-HomeBlue01 {
    font-size: 20px;
}  
.TitleHome01 {
    font-size: 20px;
}  
.TitleHome01 span {
    font-size: 36px;
}  
#background6152f9d5183d750014b082b8 .col-md-3.col-sm-4.col-xs-12,
 #background6152f0ba9ff06c0013f2e828 .col-md-3.col-sm-4.col-xs-12 {
    width: 25%;
}  
.BT-FAQ01 {
    font-size: 18px;
    width: 100%;
}  
.Detail-FAQ01 {
    font-size: 16px;
    width: 100%;
} 
#background6152ee29183d750014b07f48 {
    width: 50%;
    display: block;
    margin: 0 auto;
}  
.Text-More01 {
    font-size: 20px;
}  
.Text-More02 span {
    font-size: 16px;
}  
.Text-More02 {
    font-size: 14px;
}  
.BoxText-More01 {
    margin-top: 0;
}  
.Text-contact01 {
    font-size: 18px;
}  
.Text-contact01 span {
  font-size: 12px;
  }  
.Text-LineContact01 {
    font-size: 20px;
}  
.Text-LineContact01 span {
    font-size: 15px;
}  
.img-LineContact01 {
    width: 45%;
}  
address-ui .col-xs-12.col-sm-12.col-md-6 {
    width: 100%;
}  
#background6153ecbf6ec43800141d9295 .btn-default {
    width: 120px !important;
    display: block;
    margin: 0 auto 5px;
    font-size: 16px;
}  
.Textimg-HomeIcon01 {
    font-size: 16px;
}  
.Text-img-Iconbt01 span {
    font-size: 12px;
}  
.Text-img-Iconbt01 {
    font-size: 14px;
}
#background6152bd9c9ff06c0013f2da37 .col-md-3.col-sm-6.col-xs-12.padding {
    width: 50%;
}    
.img-icFooter01 img {
    width: 40px !important;
}  
.Template-T-Icon {
    width: 12%;
}  
.Pad-Text-Footer01 {
    text-align: center;
}  
  
  
.itopplus-bgmain3 {
    background-size: 100% auto;
    background-position: bottom;
}
.Pad-BoxSocail {
    color: #000;
    white-space: nowrap;
}  
.Text-BoxSocail03 {
   font-size: 16px;
    margin: 15% 0 2%;
}  
.BoxQa01 {
    color: #000;
}  
.bt-information01 a {
      font-size: 16px;
      color: #000;
}  
.Template-T-Name {
    height: 50px;
}  
.Text-Footer00 {
    white-space: nowrap;
    font-size: 13px;
    margin: 4% 0 2% 1%;
}  
.img-BgFooter01 {
    width: 75%;
    display: block;
    margin: 11px 0;
    position: absolute;
    z-index: 999;
} 
.Bt-Footer01 span {
    font-size: 20px;
    font-weight: 500;
}
.bg-Bt-Footer01 {
    background-color: #34dbf1;
    border-radius: 15px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 22%);
    width: 88%;
    margin: 5% 0 4% 15%;
} 
.Template-T-button {
    width: 70%;
    font-size: 18px;
}  
  .Template-K-button {
    width: 70%;
    font-size: 18px;
} 
.Text-Footer01 span {
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
}
.Text-Footer01 {
    font-size: 14px;
    line-height: 1.5;
}
.Bt-Footer01 {
    color: #fff;
    font-size: 12px;
    padding: 8px 0 11px 25%;
}  
.BoxQa01-01 {
    margin: 5% 0 30%;
}  
.Pad-BoxSocail {
    margin: 0 ;
}  
.col-xs-12.col-sm-3 {
    width: 100%;
}
 
  
  
}


@media only screen and (max-width: 375px){ 
.BG-Textimg-HomeIcon01, .BG-Textimg-HomeIcon02, .BG-Textimg-HomeIcon03, .BG-Textimg-HomeIcon04 {
    padding: 29% 5% 10%;
    height: 240px;
    margin: -38% auto 5%;
}  
.Textimg-HomeIcon02 {
      font-size: 10px;
}    
}


#shopitem6221ae8601a7de001318d4ae0, #shopitem6221b26ba6202300134e3d690{
      display: none;
}






@media screen and (max-width: 1200px) {
    #language_member_bar {
        display: none
    }

    #controlBanner img {
        position: fixed;
        top: 5px;
        left: 10px;
        width: 50px!important;
        z-index: 10000;
        filter: brightness(0) invert(1)
    }


    #nav-menu {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
    }

    .navbar-header {
        display: flex !important;
        align-items: center;
        height: 50px;
        width: 100%;
    }

    .navbar-default,
    .navbar-header,
    #ItopplusMainSidebar {
        background: #45cfe1 !important;
    }

    #ItopplusMainSidebar a {
        color: #fff !important;
        text-align: left !important;
    }


    #itpMenuSideBar span.icon-bar {
        background: #fff !important;
    }

    .itopplus-sidebar-menu-single {
        border: none;
    }

    #itpMenuSideBar,
    .menu-mobile-custom {
        display: grid !important;
        place-content: center;
        height: 50px;
        border: none;
        aspect-ratio: 1;
        padding: 0 !important;
        margin: 0 !important;
        background-color: transparent !important;
    }

    .old-image-icon-facebook,
    .old-image-icon-line,
    .old-image-icon-instragram,
    .old-image-icon-youtube {
        display: grid !important;
    }

    #itpMenuSideBar .navbar-inline:nth-child(2),
    #main-navbar-collapse,
    .new-image-icon-facebook,
    .new-image-icon-line,
    .new-image-icon-instragram,
    .new-image-icon-youtube {
        display: none !important;
    }

    .navbar-header i::before {
        display: none !important;
    }

    .navbar-header i {
        display: grid;
        height: 50px;
        aspect-ratio: 1;
        filter: brightness(0) invert(1);
        padding: 15px;
    }

    #itpphonemobile i {
        content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/phonez-z921908240939.png);
    }

    #itpsearchmobile i {
        content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/searchz-z802258593714.png);
    }

    .old-image-icon-facebook i {
        content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/fbz-z870717797999.png);
    }

    .old-image-icon-line i {
        content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/linez-z21670262898.webp);
    }

    .old-image-icon-instragram i {
        content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/igz-z1587384208209.webp);
    }

    .old-image-icon-youtube i {
        content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/ytz-z962652931262.webp);
        width: 55px !important;
    }

    #languagemobile {
        order: 10;
    }

}