.itopplus-background {

}
.itopplus-background {

}

body, html { overflow-x: hidden; }


/*เมนูหลักทั้งหมด*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    border-radius: 30px;
}
.itopplus-footer {
    background-color: #cd0a12;
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form,.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.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>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #fff!important;
    background-color: #ce1e23!important;
  	border-radius: 20px;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #fff!important;
    background-color: #ce1e23
}
.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover {
    background: #ce1e23
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-image: none;
    background-color: #ce1e23!important;
    color: #fff!important
}
.navbar-default .navbar-nav>li>a {
    font-family: 'Prompt', sans-serif;
}
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
	display: none;
}  
@media (max-width:768px) {
.navbar-default {
    background: #ce1e23;
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #ce1e23!important;
    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;
}
.itopplus-head {
    display: none;
}
.itopplus-bgmain {
    background-size: cover;
}
.itopplus-footer {
    background-size: cover;
}
.col-md-12.padding.zIndex-pos3 {
    z-index: 92;
}
}

@media only screen and (min-width: 769px){
.navbar-default.navbar-fixed .nav {
    display:none
}
.navbar-default {
    background: #ce1e23 !important;
}
.itopplus-sidebar-menu-single {
    border-bottom: transparent;
}
.itopplus-sidebar-menu-parent a:active {
    background-color: transparent;
    color: #fff!important;
}
.navbar-header {
    display: block !important;
}
.itopplus-head {
    display: none;
}
}

@media only screen and (min-width: 992px){
.navbar-default {
    background: transparent!important;
}
.navbar-default.navbar-fixed .nav {
    display:block
}
  #itopplus-sticky-nav-bar {
    background: #fff;
}
.navbar-header {
    display: none !important;
}
.itopplus-head {
    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: right;
    font-size: 11px !important;
}
.navbar-nav>li>a {
    padding-top: 2px!important;
    padding-bottom: 4px!important;
}
.navbar-default {
    background: transparent!important;
}
.navbar-default.navbar-fixed .nav {
    display:block
}
.itopplus-menu {
    margin-top: 4%;
}
.maebanbrand-text-main2 {
    display: contents !important;
}
.maebanbrand-text-main4 {
    font-size: 24px !important;
}
.maebanbrand-text-main5 {
    font-size: 20px; !important;
}
.maebanbrand-text-main1 {
    font-size: 19px  !important;
}
h2.maebanbrand-text8 {
    font-size: 26px !important;
}
.maebanbrand-text9 {
    font-size: 15px !important;
}
.maebanbrand-pd-main10 {
    padding: 12% 0 0% 0 !important;
}
.maebanbrand-text-main12 {
    font-size: 26px !important;
    margin-top: 24px !important;
}
.itopplus-footer {
    background-color: #fbfbfb !important;
}
.maebanbrand-text-title-con1 {
    font-size: 17px !important;
}  
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 16px !important;
    height: 18px !important;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    font-size: 13px !important;
}
.bigbellproducts-text-tap1 {
    font-size: 14px !important;
    margin-top: 13px !important;
}
.bigbellproducts-text-tap2 {
    font-size: 25px !important;
}
#ContentmanagerTemplate60e3be652f00ff001256e5d5 h3.title {
    height: 26px !important;
}
.maebanbrand-pd-1 {
    padding: 74px 5% !important;
}
.maebanbrand-pd-2 {
    padding: 65px 5% !important;
}
.maebanbrand-text9-1 {
    font-size: 18px !important;
}
span.maebanbrand-text9-2 {
    font-size: 24px !important;
}
.maebanbrand-text-edit1 {
    font-size: 24px !important;
}
.maebanbrand-text-edit4 {
    font-size: 26px !important;
}
.maebanbrand-pd-edit1 {
    padding: 6% 10% !important;
}
.maebanbrand-edit-bg1 {
    padding: 54% 99% 40% 101% !important;
    top: 82% !important;
}
.maebanbrand-pd-edit4 {
    padding: 5% 10% !important;
}
.maebanbrand-pd-edit2 {
    padding: 5% 10%  !important; 
}
.maebanbrand-pd-edit3 {
    margin-top: 0% !important; 
}
.btn-sty {
    width: 35% !important; 
}
.maebanbrand-text-detail-con1 {
    font-size: 16px !important;
}
.maebanbrand-edit-food1 {
    font-size: 30px !important;
    margin-top: 25% !important;
}
.btn-linkFB {
    width: 77%  !important;
}
.dropdown-menu>li>a {
    font-size: 13px;
}
}

/* 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;
    font-size: 16px !important;
}
.dropdown-menu>li>a {
    font-size: 16px !important;
}
.maebanbrand-text-main2 {
    display: block !important;
}
.maebanbrand-text-main4 {
    font-size: 28px !important;
}
.maebanbrand-text-main1 {
    font-size: 22px  !important;
}
h2.maebanbrand-text8 {
    font-size: 30px !important;
}
.maebanbrand-text9 {
    font-size: 16px !important;
}
.maebanbrand-text-main11 {
    font-size: 18px !important;
    height: 75px !important;
}
.maebanbrand-text-main111 {
    font-size: 18px !important;
    height: 72px !important;
}
.maebanbrand-pd-main10 {
    padding: 16% 0 0% 0 !important;
}
.maebanbrand-text-main12 {
    font-size: 28px !important;
    margin-top: 45px !important;
}
.maebanbrand-text-title-con1 {
    font-size: 22px !important;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 18px !important;
    height: 22px !important;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    font-size: 14px !important;
}
span.maebanbrand-text9-2 {
    font-size: 28px !important;
}
.bigbellproducts-bg-tap1 {
    background-size: 74% !important;
    padding: 4% 6% !important;
}
.bigbellproducts-pd-tap1 {
    padding: 0 12% !important;
}
.bigbellproducts-text-tap1 {
    font-size: 17px !important;
    margin-top: 13px !important;
}
.bigbellproducts-text-tap2 {
    font-size: 31px !important;
}
img.bigbellproducts-tap1 {
    width: 92% !important;
}
#ContentmanagerTemplate60e3be652f00ff001256e5d5 h3.title {
    height: 44px !important;
}
.maebanbrand-pd-1 {
    padding: 120px 5% !important;
}
.maebanbrand-pd-2 {
    padding: 132px 5% !important;
}
.maebanbrand-text9-1 {
    font-size: 20px !important;
}
.maebanbrand-text-edit1 {
    font-size: 28px !important;
}
.maebanbrand-text-edit4 {
    font-size: 28px !important;
}
.maebanbrand-pd-edit1 {
    padding: 10% !important;
}
.maebanbrand-edit-bg1 {
    padding: 54% 99% 8% 101% !important;
    top: 95% !important;
}
.maebanbrand-pd-edit4 {
    padding: 10% !important;
}
div#imagesControl610b4b1efddfde0012fbddf9 {
    margin-top: -28% !important;
}
div#imagesControl610b4e743b1ed50012cd5f96 {
    margin-top: -28% !important;
}
div#imagesControl610b52d73b1ed50012cd6058 {
    margin-top: -28% !important;
}
.maebanbrand-pd-edit2 {
    padding: 8% 10% 16% 10% !important;
}
.maebanbrand-pd-edit3 {
    margin-top: 8% !important; 
}
.btn-sty {
    width: 31% !important; 
}
.maebanbrand-text-detail-con1 {
    font-size: 18px !important;
}
.maebanbrand-edit-food1 {
    font-size: 30px !important;
    margin-top: 25% !important;
}
.btn-linkFB {
    width: 67% !important;
}
}



/*footer*/
img.maebanbrand-icon-footer1 {
    width: 66%;
    margin: 0 auto;
    display: block;
    margin-top: -15%;
}
.maebanbrand-pd-footer1 {
    margin-top: 7%;
    margin-bottom: 1%;
}
.maebanbrand-pd-footer2 {
    margin-top: 14%;
    margin-bottom: 1%;
}
.maebanbrand-text-footer1 {
    font-size: 15px;
    text-align: left;
    font-family: 'Prompt', sans-serif;
}
.maebanbrand-text-footer2 {
    font-size: 14px;
    text-align: left;
    font-family: 'Prompt', sans-serif;
    font-weight: 200;
}
.maebanbrand-text-copy {
    font-size: 14px;
    text-align: center;
    font-weight: 300;
    line-height: 2;
    font-family: 'Prompt', sans-serif;
}
.maebanbrand-text-copy2 {
    font-size: 14px;
    text-align: center;
    font-weight: 300;
    line-height: 2;
    font-family: 'Prompt', sans-serif;
}
.maebanbrand-text-footer4 {
    font-size: 14px;
    text-align: left;
    font-family: 'Prompt', sans-serif;
}
.maebanbrand-text-footer5 {
    font-size: 12px;
    font-weight: 200;
    font-family: 'Prompt', sans-serif;
    text-align: left;
}
img.maebanbrand-pic-main6 {
    width: 78%;
    margin: 0 auto;
    display: block;
    margin-bottom: -12%;
    margin-top: 1%;
}


/*main*/
.maebanbrand-text-main1 {
    font-size: 22px;
    font-family: 'Prompt', sans-serif;
    font-weight: 600;
    color: #444444;
    line-height: 1.7;
    text-align: left;
}
.maebanbrand-text-main2 {
    font-size: 16px;
    font-family: 'Prompt', sans-serif;
    text-align: left;
    line-height: 1.5;
}
.maebanbrand-text-main4 {
    font-size: 28px;
    color: #cd1d24;
    font-family: Sriracha;
    text-align: left;
}
.maebanbrand-text-main5 {
    font-size: 20px;
    font-family: Sriracha;
    text-align: left;
    color: #000;
}
span.maebanbrand-text-main6 {
    font-size: 12px;
    border: 1px solid #e31921;
    background: #e31921;
    padding: 6px 3%;
    font-family: 'Prompt', sans-serif;
    color: #fff;
    font-weight: 300;
    line-height: 3;
}
span.maebanbrand-text-main7 {
    font-size: 12px;
    border: 1px solid #e31921;
    color: #e31921;
    padding: 6px 3%;
    font-family: 'Prompt', sans-serif;
    line-height: 3;
}
img.maebanbrand-pic-main1 {
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 8%;
}
.maebanbrand-pd-main1 {
    padding: 4% 4%;
}



/*ภาพขาวตัวหนีงสือซ้าย*/
.content-n {
    display: flex;
    background-color: #f3f3f3;
    margin-bottom: 4%;
}

.content-img-n{
    flex: 2;
}

.content-img-n img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-text-n{
    flex: 1;
    padding: 4rem;
}
h2.maebanbrand-text8 {
    font-size: 30px;
    padding: 0 2% 0 0;
    font-family: 'Prompt', sans-serif;
    text-align: left;
}
.maebanbrand-text9 {
    font-size: 16px;
    text-align: left;
    font-family: 'Prompt', sans-serif;
}
.maebanbrand-text-main10 {
    font-size: 26px;
    color: #cd1d24;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-weight: 600;
    margin-bottom: 2%;
}
img.maebanbrand-pic-main2 {
    width: 100%;
    margin: 0 auto;
    display: block;
    -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;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 40%);
}
img.maebanbrand-pic-main2:hover {
      -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.maebanbrand-text-main11 {
    font-size: 18px;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    line-height: 3;
    font-weight: 500;
    height: 75px;
}
.maebanbrand-text-main11:hover {
    color: #c5161d;
}
.maebanbrand-text-main111 {
    font-size: 18px;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    line-height: 3;
    font-weight: 500;
    height: 72px;
}
.maebanbrand-pd-main10 {
    padding: 16% 0 0% 0;
}
.maebanbrand-pd1 {
    padding: 0 0 18% 0;
}
img.maebanbrand-pic-main3 {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.maebanbrand-text-main12 {
    font-size: 28px;
    color: #cd1d24;
    font-family: Sriracha;
    text-align: left;
    margin-top: 45px;
}
.maebanbrand-text-main13 {
    font-size: 12px;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 25px;
    color: #000;
    padding: 4px;
    width: 30%;
    margin: 0 auto;
}



/*Side*/
figure.effect-sadie figcaption::before {
    z-index: 1;
    position: absolute;
    top: 0;
    opacity: 1;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top,rgb(0 0 0 / 75%) 0,rgb(0 0 0 / 60%) 60%);
    background: linear-gradient(to bottom,rgb(0 0 0 / 75%) 0,rgb(0 0 0 / 60%) 60%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}
figure.effect-sadie figcaption::before, figure.effect-sadie p {
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    z-index: 1;
}
figure.effect-sadie p {
    position: absolute;
    bottom: 30%;
    left: 0;
    padding: 2em!important;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}


.maebanbrand-text-main14 {
    text-align: center;
    margin-bottom: 2%;
}
img.maebanbrand-pic-main4 {
    width: 10%;
      -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;
}
img.maebanbrand-pic-main4:hover {
      -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
img.maebanbrand-pic-main5 {
    width: 50%;
    margin: 0 auto;
    display: block;
    margin-bottom: 6%;
      -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;
}
img.maebanbrand-pic-main5:hover {
      -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.maebanbrand-text-15 {
    font-size: 14px;
    text-align: center;
    color: #000;
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
}


.maebanbrand-text9-1 {
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    font-family: 'Prompt', sans-serif;
}

/*text*/
.maebanbrand-head {
    font-size: 32px;
    color: #cd1d24;
    font-family: Sriracha;
    text-align: center;
    line-height: 2;
    margin-top: 2%;
}
.maebanbrand-text-about1 {
    font-size: 17px;
    font-family: 'Prompt', sans-serif;
    text-align: left;
    line-height: 1.7;
}
.maebanbrand-pd-about1 {
    padding: 8% 5%;
    border: 1px solid transparent;
    background: rgb(255 255 255 / 77%);
}
.maebanbrand-bg-about1 {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_0106202138b2/0/0/maebanbrand-pic1z-z936738145207.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding: 5%;
}
span.maebanbrand-text-about2 {
    font-size: 22px;
    color: #cd1d24;
    font-family: Sriracha;
}
img.maebanbrand-pic-about1 {
    width: 40%;
    margin: 0 auto;
    display: block;
    margin-bottom: 2%;
    margin-top: 2%;
}
img.maebanbrand-icon-about1 {
    margin: 0 auto;
    display: block;
    margin-top: 4%;
      -webkit-animation: pulse 2s infinite 2s;
    animation: pulse 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}




/*เนื้อหาระบบ8*/

article.col-md-6.item.-micro {
    width: 25%;
}
.Contentmanager .site .col-section .item.-micro a .image {
    width: 100%;
}
.Contentmanager .site .col-section .item.-micro a .caption {
    width: 100%;
}
.Contentmanager .site .col-section .item.-micro a .post {
    display: none;
}

.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #c5161d;
}
.Contentmanager .site .col-section .item.-micro {
    padding: 20px 10px 10px;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    margin-bottom: 10px;
    margin-top: 4%;
    font-size: 20px;
    height: 26px;
    overflow: hidden;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
    padding: 0 2%;
    line-height: 1.2em;
    color: #13141e;
    margin-bottom: 8%;
    margin-top: 6%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 200;
    font-family: 'Prompt', sans-serif;
    border: 1px solid #cd0a12;
    text-align: center;
    background: #cd0a12;
    padding: 4px;
    width: 45%;
    margin: 0 auto;
    display: block;
}
.Contentmanager .site .col-section .item.-micro a .caption .time:hover {
    background: #fff;
    color: #cd0a12;
    font-weight: 400;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: solid 0px #e8e6e8;
    border-bottom: solid 0px 
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
    border-bottom: solid 0px #e8e6e8;
}
.maebanbrand-text-title-con1 {
    font-size: 22px;
    color: #353232;
    text-align: left;
    font-family: Sriracha;
    line-height: 1.5;
}
.maebanbrand-text-detail-con1 {
    font-size: 18px;
    font-family: 'Prompt', sans-serif;
    text-align: left;
    line-height: 1.7;
}
ul.a {
    list-style-image: url(http://itp1.itopfile.com/ImageServer/z_itp_0106202138b2/25/0/Check667092892895z-z496189868994.webp);
    list-style-position: inherit;
}
span.maebanbrand-text-detail-con1 {
    font-size: 28px;
    font-family: 'Sriracha';
    text-align: left;
    color: #ce1d22;
    font-weight: 500;
}

#Contentmanager .post-time {
    display: none;
}
.fbcomments, .fbcomments iframe[style], .fbcomments span[style] {
    display: none;
}
.landingpagemanager {
    display: none;
}
.page-header {
    color: #cd1e25;
    font-family: 'Prompt', sans-serif;
}

.maebanbrand-text-title-con2 {
    font-size: 26px;
    font-family: 'Prompt', sans-serif;
    line-height: 1;
    font-weight: 600;
    text-align: left;
    margin-bottom: 3%;
    border-left: 3px solid #cd0a12;
    padding-left: 8px;
}

#ContentmanagerTemplate60e3be652f00ff001256e5d5 .time {
    color: transparent !important;
    display: none;
}
#ContentmanagerTemplate60e3be652f00ff001256e5d5 h3.title {
    text-align: center;
    margin-bottom: 0%;
    line-height: 2;
    height: 44px;
}
.maebanbrand-text-15 a:hover {
    color: #e31921;
}
.maebanbrand-text-contact1 {
    font-size: 22px;
    text-align: center;
    line-height: 1.7;
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
}
.maebanbrand-text-contact2 {
    font-size: 20px;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    margin-bottom: 1%;
}
.maebanbrand-text-contact3 {
    font-size: 16px;
    text-align: center;
    color: #000;
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
}
.maebanbrand-text-contact3:hover {
    color: #cd0a12;
}

/*from Contact*/
.no-js #Component60e3c927a6928b0012665e4d label{
	display: none!important;
}
.no-js #Component60e3c927a6928b0012665e4d .col-md-6{
    width: 100%;
  	margin-left: 0;
}
.no-js #Component60e3c927a6928b0012665e4d .form-control{
     border: 1px solid #dddddd;
    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: 12px;
    background: whitesmoke;
    color: #000000;
    font-family: 'Prompt', sans-serif;
}
.no-js #Component60e3c927a6928b0012665e4d .form-control:focus {
    border-color: #cd0a12;
    -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;
    font-family: 'Prompt', sans-serif;
}
.no-js #Component60e3c927a6928b0012665e4d .btn{
	background-image: linear-gradient(to bottom, #cd0a12 0%,#cd0a12 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #0000;
    border-radius: 0px;
    padding: 10px 30px;
    font-size: 12px;
    border: 0px solid transparent;
    color: #fff;
    font-family: 'Prompt', sans-serif;
}
.no-js #Component60e3c927a6928b0012665e4d .btn-default:active{
	background-color: #cd0a12;
}
.no-js #Component60e3c927a6928b0012665e4d .btn-default:hover, 
.no-js #Component60e3c927a6928b0012665e4d .btn-default:focus{
    background-position: 0 40px;
    background-color: #cd0a12;
}

/*from Contact*/ 


/*
.no-js #contentnewmode60e2a561a6928b00126650e2  {
    transition: all .2s ease-in;
    animation: hithere 2s ease infinite;
}
.hithere {
    animation: hithere 0.32 s ease infinite;
}
@keyframes hithere {
    30% { transform: scale(1.05); }
    50% { transform: rotate(1deg) scale(1); }
    100% { transform: scale(1); }
}
.hvr-grow {
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    transform: scale(1.03);
}
*/ 


/*edit tap*/
.bigbellproducts-bg-tap1 {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_0106202138b2/0/0/maebanbrand-tapz-z1226899081498.webp);
    background-repeat: no-repeat;
    background-size: 74%;
    background-position: center;
    padding: 4% 6%;
}
.bigbellproducts-text-tap1 {
    font-size: 17px;
    text-align: center;
    line-height: 2;
    font-family: 'Prompt', sans-serif;
    color: #000;
    margin-top: 13px;
}
.bigbellproducts-text-tap2 {
    font-size: 31px;
    font-weight: 500;
    text-align: center;
    font-family: 'Prompt', sans-serif;
    color: #ea171f;
}
img.bigbellproducts-tap1 {
    width: 92%;
    margin: 0 auto;
    display: block;
}
.bigbellproducts-pd-tap1 {
    padding: 0 12%;
}
.bigbellproducts-tap2 {
    position: absolute;
    left: 0;
    right: 0;
}
.bigbellproducts-pd-tap2 {
    margin-bottom: 3%;
}


/*edit P'ya*/
.maebanbrand-pd-1 {
    background-color: #f3f3f312;
    padding: 120px 5%;
}
.maebanbrand-pd-2 {
    background-color: #f3f3f312;
    margin-bottom: 4%;
    padding: 132px 5%;
    margin-top: 11px;
}
.maebanbrand-pd-3 {
    background-color: #f3f3f312;
    margin-bottom: 4%;
    padding: 4% 2%;
}
img.pic-edit1 {
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: -11%;
    margin-bottom: 10%;
    -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;
}
img.pic-edit1:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
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 ;
}
.dropdown-menu>li>a {
    font-size: 17px !important;
}
.itopplus-menu {
    margin-top: 5%;
}
.navbar-default .navbar-nav>li>a {
    font-size: 20px !important;
}
.maebanbrand-text-main1 {
    font-size: 27px !important;
}
.maebanbrand-text-main2 {
    font-size: 20px !important;
}
.maebanbrand-text-main4 {
    font-size: 36px !important;
}
span.maebanbrand-text9-2 {
    font-size: 36px !important;
}
.maebanbrand-text-main5 {
    font-size: 26px !important;
}
span.maebanbrand-text-main6 {
    font-size: 16px !important;
}
span.maebanbrand-text-main7 {
    font-size: 16px !important;
}
.maebanbrand-pd-main1 {
    padding: 6% 4% !important;
}
img.maebanbrand-pic-main1 {
    width: 92% !important;
}
h2.maebanbrand-text8 {
    font-size: 40px  !important;
    padding: 0 15% 0 0  !important;
}
.maebanbrand-text9 {
    font-size: 22px !important;
}
.content-text-n {
    padding: 8rem !important;
}
.maebanbrand-text-main10 {
    font-size: 34px !important;
}
.maebanbrand-text-main11 {
    font-size: 22px !important;
}
.maebanbrand-text-main12 {
    font-size: 32px !important;
    margin-top: 100px !important;
}
.maebanbrand-text-15 {
    font-size: 18px !important;
}
.maebanbrand-text-footer1 {
    font-size: 19px !important;
}
.maebanbrand-text-footer2 {
    font-size: 18px !important;
}
.maebanbrand-text-footer4 {
    font-size: 18px !important;
}
.maebanbrand-text-footer5 {
    font-size: 15px !important;
}
img.maebanbrand-icon-footer1 {
    width: 62% !important;
}
.maebanbrand-head {
    font-size: 44px !important;
}
.maebanbrand-text-about1 {
    font-size: 20px !important;
}
span.maebanbrand-text-about2 {
    font-size: 26px !important;
}
.maebanbrand-text-title-con2 {
    font-size: 28px !important;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    font-size: 16px !important;
    padding: 8px !important;
}
.maebanbrand-text-title-con1 {
    font-size: 32px !important;
}
.maebanbrand-text-detail-con1 {
    font-size: 22px  !important;
}
span.maebanbrand-text-detail-con1 {
    font-size: 30px !important;
}
#mainmenu60e3c774a6928b0012665d2b img.maebanbrand-pic-main5 {
    width: 42% !important; 
}
.maebanbrand-text-contact3 {
    font-size: 18px !important; 
}
#mainmenu60e2bef12f00ff001256dbba img.maebanbrand-pic-main5 {
    width: 44% !important;
}
.bigbellproducts-bg-tap1 {
    background-size: 74% !important;
    padding: 4% 6% !important;
}
.bigbellproducts-text-tap1 {
    font-size: 23px !important;
    margin-top: 20px !important;
}
.bigbellproducts-text-tap2 {
    font-size: 41px !important;
}
img.bigbellproducts-tap1 {
    width: 92% !important;
}
#ContentmanagerTemplate60e3be652f00ff001256e5d5 h3.title {
    height: 44px !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 19px !important;
    height: 22px !important;
    padding: 0 0% !important;
}
.maebanbrand-pd-1 {
    padding: 25% 5% !important;
}
.maebanbrand-pd-2 {
    padding: 225px 5% !important;
}
.maebanbrand-text9-1 {
    font-size: 30px !important;
}
.maebanbrand-text-edit1 {
    font-size: 34px !important;
}
.maebanbrand-text-edit2 {
    font-size: 23px !important;
}
.btn-sty {
    font-size: 16px !important;
    padding: 10px 5px !important;
}
.btn-sty2 {
    font-size: 18px !important;
    padding: 11px 5px !important;
}
.maebanbrand-text-edit4 {
    font-size: 34px !important;
}
.maebanbrand-text-edit5 {
    font-size: 23px !important;
}
div#imagesControl610b4b1efddfde0012fbddf9 {
    margin-top: -27% !important;
}
.maebanbrand-pd-title-con1 {
    margin-top: 3%  !important;
}
div#imagesControl610b4e743b1ed50012cd5f96 {
    margin-top: -27% !important;
}
div#imagesControl610b52d73b1ed50012cd6058 {
    margin-top: -27% !important;
}
.maebanbrand-edit-food1 {
    font-size: 38px !important;
    margin-top: 25% !important;
}
.maebanbrand-text-main111 {
    font-size: 22px !important;
}  
}



@media (max-width:768px) {
.maebanbrand-text-main1 {
    font-size: 18px;
}  
.maebanbrand-text-main2 {
    font-size: 14px;
    display: contents;
}  
.maebanbrand-text-main4 {
    font-size: 18px;
}
.maebanbrand-text-main5 {
    font-size: 14px;
}
img.maebanbrand-pic-main1 {
    margin-top: 16%;
}
h2.maebanbrand-text8 {
    font-size: 21px;
    padding: 0 0% 0 0;
}
.maebanbrand-text9 {
    font-size: 14px;
    display: contents;
}
.maebanbrand-text-main10 {
    font-size: 24px;
}
.maebanbrand-text-main11 {
    font-size: 16px;
}
.maebanbrand-text-main111 {
    font-size: 16px;
}
.maebanbrand-pd-main10 {
    padding: 20% 0 0% 0;
}
.maebanbrand-text-main12 {
    font-size: 18px;
    margin-top: 22px;
}
.row-fluid [class*=col-sm-5fix] {
  width: 25%!important;
  float:left!important;
}
.maebanbrand-text-copy2 {
    font-size: 14px;
    padding: 10% 0 0 0;
}  
.maebanbrand-head {
    font-size: 28px;
}
.maebanbrand-text-about1 {
    font-size: 16px;
}
span.maebanbrand-text-about2 {
    font-size: 20px;
}
img.maebanbrand-pic-about1 {
    margin-top: -2%;
}
.maebanbrand-text-copy {
    padding: 4% 0 0% 0;
}
.itopplus-footer {
    background-color: #ffffff;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 14px;
    height: 14px;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    font-size: 13px;
}
.maebanbrand-text-title-con2 {
    font-size: 22px;
}
.maebanbrand-text-contact3 {
    font-size: 15px;
}
.itopplus-sidebar-container {
    font-family: 'Prompt', sans-serif;
}
figure.effect-sadie p {
    bottom: 20%;
}
.maebanbrand-text-main13 {
    width: 48%;
}
article.col-md-6.item.-micro {
    width: 33%;
}
.bigbellproducts-text-tap1 {
    font-size: 11px;
    margin-top: 8px;
}
.bigbellproducts-text-tap2 {
    font-size: 20px;
}
#ContentmanagerTemplate60e3be652f00ff001256e5d5 h3.title {
    margin-bottom: 0%
    height: 30px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    max-width: 100%;
}
.maebanbrand-pd-1 {
    padding: 30px 5%;
}
.maebanbrand-pd-2 {
    padding: 18px 5%;
}
div#contentnewmode60e43ceea6928b001266784e {
    display: none !important;
}
div#Component60e43d09a6928b0012667870 {
    display: none !important;
}
.maebanbrand-text9-1 {
    font-size: 14px !important;
    font-weight: 600 !important;
}
span.maebanbrand-text9-2 {
    font-size: 17px !important;
}
img.maebanbrand-pic-main5 {
    margin-top: 12%;
}
.maebanbrand-text-contact2 {
    margin-bottom: -2%;
}
.maebanbrand-br-main10 {
    margin-bottom: -2%;
}
.maebanbrand-text-edit1 {
    font-size: 18px !important;
}
.maebanbrand-text-edit2 {
    font-size: 16px !important;
}
.btn-sty {
    width: 47% !important;
    margin-top: 5% !important;
}
.maebanbrand-text-edit4 {
    font-size: 21px !important;
    margin-top: 28% !important;
    margin-right: -7%!important;
}
.maebanbrand-text-edit5 {
    font-size: 18px !important;
}
.btn-sty2 {
    width: 47% !important;
    margin-top: 5% !important;
}
div#ContentmanagerTemplate610a3b3bfddfde0012fbc825 {
    display: none;
}
.maebanbrand-text-title-con1 {
    font-size: 20px;
}
span.maebanbrand-text-detail-con1 {
    font-size: 24px;
}
.maebanbrand-text-detail-con1 {
    font-size: 16px;
}
.maebanbrand-pd-edit1 {
    padding: 3% 6% !important;
}
.maebanbrand-pd-edit2 {
    padding: 4% 8% !important;
}
.maebanbrand-pd-edit3 {
    padding: 4% 6% !important;
}
.maebanbrand-pd-edit4 {
    padding: 4% 6% !important;
    margin-top: 8% !important;
}
div#Component610b83d03b1ed50012cd6ed4 {
    display: none !important;
}
div#contentnewmode610b83e95de2f6001361ca1c {
    display: none !important;
}
div#Component610b842b3b1ed50012cd6efc {
    display: none !important;
}
div#contentnewmode610b8413fddfde0012fbea69 {
    display: none !important;
}
div#Component610b85be3b1ed50012cd6f87 {
    display: none !important;
}
div#contentnewmode610b85d73b1ed50012cd6fd0 {
    display: none !important;
}
div#Component610b85f2fddfde0012fbebd6 {
    display: none !important;
}
div#contentnewmode610b860c5de2f6001361cad3 {
    display: none !important;
}
div#Component610b87283b1ed50012cd7022 {
    display: none !important;
}
div#contentnewmode610b8753fddfde0012fbecb6 {
    display: none !important;
}
div#Component610b87785de2f6001361cb6d {
    display: none !important;
}
div#contentnewmode610b87a43b1ed50012cd7062 {
    display: none !important;
}
div#Component610b87cb3b1ed50012cd7081 {
    display: none !important;
}
div#contentnewmode610b87effddfde0012fbed5e {
    display: none !important;
}
img.maebanbrand-pic-edit1 {
    top: 2% !important;
}
.maebanbrand-edit-food1 {
    font-size: 24px !important;
    margin-top: 32% !important;
}
div#imagesControl610b9f84fddfde0012fbf63b {
    display: none !important;
}

div#imagesControl610b9e483b1ed50012cd74d2 {
    display: none !important;
}

div#imagesControl610b9e6e3b1ed50012cd7527 {
    display: none !important;
}

div#imagesControl610b9e6e3b1ed50012cd7527 {
    display: none !important;
}
div#imagesControl610b9ebc5de2f6001361d2af {
    display: none !important;
}

div#imagesControl610b9eddfddfde0012fbf52e {
    display: none !important;
}

div#imagesControl610b9efcfddfde0012fbf56e {
    display: none !important;
}
div#imagesControl610b9f1ffddfde0012fbf59a {
    display: none !important;
}
div#imagesControl610b9e915de2f6001361d289 {
    display: none !important;
} 
.btn-linkFB {
    width: 100% !important;
}
}


/*Mobile*/
@media (max-width:480px) {
div#imagesControl60e2c7d585ea2f00125d1e1d {
    padding: 0 !important;
}
div#imagesControl60e51cc785ea2f00125d4a34 {
    padding: 0 !important;
}
.maebanbrand-text-main4 {
    font-size: 18px !important;
    margin-top: 1% !important;
}  
.maebanbrand-text-main5 {
    font-size: 14px !important;
    margin-top: 1% !important;
}
.content-n {
    display: block !important;
}
h2.maebanbrand-text8 {
    font-size: 24px !important;
    padding: 0 6% 0 0 !important;
}
.maebanbrand-text9 {
    font-size: 15px !important;
    display: contents !important;
}
.maebanbrand-text-main10 {
    font-size: 22px !important;
}
.maebanbrand-pd-main10 {
    padding: 30% 0 0% 0 !important;
}
article.col-md-6.item.-micro {
    width: 50% !important;
}
.maebanbrand-text-title-con1 {
    font-size: 19px !important;
}
.maebanbrand-text-detail-con1 {
    font-size: 16px !important;
}
ul.a {
    list-style-image: url(http://itp1.itopfile.com/ImageServer/z_itp_0106202138b2/20/0/Check667092892895z-z496189868994.webp) !important;
    list-style-position: outside !important;
}
span.maebanbrand-text-detail-con1 {
    font-size: 24px !important;
}

.maebanbrand-head {
    font-size: 26px !important;
}
.maebanbrand-text-contact1 {
    font-size: 18px !important;
}
.maebanbrand-text-contact2 {
    font-size: 16px !important;
}
.row-fluid [class*=col-sm-5fix] {
  width: 50%!important;
  float:left!important;
}
img.maebanbrand-pic-main6 {
    width: 100% !important;
    margin-bottom: -14% !important;
}
.maebanbrand-bg-about1 {
    background-size: cover !important;
}
img.maebanbrand-pic-about1 {
    margin-top: 0%  !important;
    width: 100%  !important;
}
span.maebanbrand-text-about2 {
    font-size: 18px  !important;
}
figure.effect-sadie p {
    bottom: 20% !important;
}
.maebanbrand-text-main13 {
    width: 30% !important;
    margin-top: -42% !important;
    left: 0 !important;
    right: 0 !important;
    position: absolute !important;
    opacity: 0 !important;
}
.maebanbrand-text-main13:hover{
    opacity: 1 !important;
}
.box1 {
    margin-bottom: 5%  !important;
}
img.maebanbrand-pic-main4 {
    width: 27%  !important;
}
.bigbellproducts-bg-tap1 {
    background-size: 90% !important;
    padding: 4% 9% !important;
}
.bigbellproducts-pd-tap1 {
    padding: 0 0% !important;
}
.bigbellproducts-text-tap1 {
    font-size: 7px !important;
    margin-top: 2px !important;
    height: 13px !important;
    overflow: hidden !important;
}
.bigbellproducts-text-tap2 {
    font-size: 12px !important;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    font-size: 12px !important; 
    width: 55% !important;
}
#ContentmanagerTemplate60e3be652f00ff001256e5d5 h3.title {
    text-align: center !important;
    line-height: 2 !important;
    height: 24px !important;
    margin-bottom: -1px !important;
}
.maebanbrand-pd-1 {
    padding: 10px 5% !important;
}
.maebanbrand-pd-2 {
    padding: 16px 5% !important;
}
.maebanbrand-pd-3 {
    padding: 10% 2% !important;
}
img.pic-edit1 {
    margin-bottom: 15% !important;
}
div#contentnewmode60e43ceea6928b001266784e {
    display: block !important;
}
div#Component60e43d09a6928b0012667870 {
    display: block !important;
}
span.maebanbrand-text9-2 {
    font-size: 18px !important;
}
.maebanbrand-text9-1 {
    font-size: 16px !important;
    font-weight: 500 !important;
}
div#ContentmanagerTemplate610a3b3bfddfde0012fbc825 {
    display: block;
}
.maebanbrand-edit-bg1 {
    display: none !important;
}
.maebanbrand-pd-edit1 {
    padding: 0% 10% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}
img.maebanbrand-pic-edit2 {
    width: 46% !important;
    top: 79% !important;
    left: 50% !important;
}
.maebanbrand-pd-edit3 {
    padding: 0 10%  !important;
    margin-left: 0  !important;
    margin-top: 0  !important;
}
div#Component610b83d03b1ed50012cd6ed4 {
    display: block !important;
}
div#contentnewmode610b83e95de2f6001361ca1c {
    display: block !important;
}
div#Component610b842b3b1ed50012cd6efc {
    display: block !important;
}
div#contentnewmode610b8413fddfde0012fbea69 {
    display: block !important;
}
div#Component610b85be3b1ed50012cd6f87 {
    display: block !important;
}
div#contentnewmode610b85d73b1ed50012cd6fd0 {
    display: block !important;
}
div#Component610b85f2fddfde0012fbebd6 {
    display: block !important;
}
div#contentnewmode610b860c5de2f6001361cad3 {
    display: block !important;
}
div#Component610b87283b1ed50012cd7022 {
    display: block !important;
}
div#contentnewmode610b8753fddfde0012fbecb6 {
    display: block !important;
}
div#Component610b87785de2f6001361cb6d {
    display: block !important;
}
div#contentnewmode610b87a43b1ed50012cd7062 {
    display: block !important;
}
div#Component610b87cb3b1ed50012cd7081 {
    display: block !important;
}
div#contentnewmode610b87effddfde0012fbed5e {
    display: block !important;
}
img.maebanbrand-pic-edit1 {
    width: 7% !important;
    position: inherit !important;
    margin-top: -3% !important;
}
div#imagesControl610b9f84fddfde0012fbf63b {
    display: block !important;
}

div#imagesControl610b9e483b1ed50012cd74d2 {
    display: block !important;
}

div#imagesControl610b9e6e3b1ed50012cd7527 {
    display: block !important;
}

div#imagesControl610b9e6e3b1ed50012cd7527 {
    display: block !important;
}
div#imagesControl610b9ebc5de2f6001361d2af {
    display: block !important;
}

div#imagesControl610b9eddfddfde0012fbf52e {
    display: block !important;
}

div#imagesControl610b9efcfddfde0012fbf56e {
    display: block !important;
}
div#imagesControl610b9f1ffddfde0012fbf59a {
    display: block !important;
}
div#imagesControl610b9e915de2f6001361d289 {
    display: block !important;
}
.maebanbrand-edit-food1 {
    font-size: 22px !important;
    margin-top: 8% !important;
    margin-bottom: 5% !important;
    text-align: center !important;
}
.btn-sty {
    width: 52% !important;
    margin-top: 5% !important;
}
.btn-linkFB {
    font-size: 14px !important;
    padding: 2% 2% !important;
}
}

@media (max-width:375px) {
.maebanbrand-text-main4 {
    font-size: 16px !important;
}  
h2.maebanbrand-text8 {
    font-size: 22px !important;
} 
.maebanbrand-text-main11 {
    font-size: 14px  !important;
}
.maebanbrand-text-main111 {
    font-size: 14px !important;
}
.maebanbrand-text-contact3 {
    font-size: 14px !important;
}
.maebanbrand-text-contact2 {
    font-size: 15px !important;
}
.bigbellproducts-text-tap2 {
    font-size: 10px !important;
}
.bigbellproducts-text-tap1 {
    font-size: 6px !important;
    margin-top: 2px !important;
    height: 13px !important;
    overflow: hidden !important;
}
.maebanbrand-text-copy2 {
    font-size: 12px !important;
    padding: 4% 0 0 0 !important;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    font-size: 12px !important;
    width: 60% !important;
}
span.maebanbrand-text-detail-con1 {
    font-size: 20px !important;
} 
.btn-linkFB {
    font-size: 14px !important;
}
}

.box1{
    -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;  
  
}
.box1:hover{
      -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  
}
span.maebanbrand-text-main6:hover {
    background: #fff;
    color: #e31921;
}
span.maebanbrand-text-main7:hover {
    border: 1px solid #e31921;
    color: #fff;
    background: #e31921;
}
.thumbnail {
    border: 0px solid #ddd;
}
.img-thumbnail, .thumbnail {
    -webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 8%);
    box-shadow: 0 0px 0px rgb(0 0 0 / 8%);
}
img.bigbellproducts-com {
    width: 80%;
    margin: 0 auto;
    display: block;
}


span.maebanbrand-text9-2 {
    font-size: 28px;
    color: #cd1d24;
    font-family: Sriracha;
    text-align: left;
}


.itopplus-banner {
border-top: 18px solid red;
}



/*edit*/
.maebanbrand-text-edit1 {
    font-size: 28px;
    color: #cd1d24;
    font-family: Sriracha;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 2%;
}
.maebanbrand-text-edit2 {
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    line-height: 1.5;
}
.maebanbrand-pd-edit1 {
    background: transparent;
    padding: 10%;
    margin-left: -2px;
    margin-top: 8%;
}
.btn-sty {
    border-radius: 0px;
    background-color: transparent;
    border: 1px solid #cd1e25;
    color: #000000;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 5px;
    width: 31%;
    transition: all 0.5s;
    cursor: pointer;
    display: block;
    margin-top: 8%;
}
button.btn-sty:hover {
    background: #cd1e25;
    color: #fff;
}
.btn-sty span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}
.btn-sty span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
    color: #fff;
}
.btn-sty:hover span {
  padding-right: 15px;
}

.btn-sty:hover span:after {
  opacity: 1;
  right: 0;
}
.maebanbrand-pd-edit2 {
    padding: 8% 10% 16% 10%;
    margin-right: -2px;
    margin-top: 9%;
    z-index: 999;
    position: relative;
}
img.maebanbrand-pic-edit1 {
    width: 10%;
    position: absolute;
    top: 11%;
}
img.maebanbrand-pic-edit2 {
    width: 55%;
    position: absolute;
    top: 67%;
    left: 45%;
    z-index: 999;
}
.maebanbrand-pd-back1 {
    background: #fffbfb;
    padding: 10%;
    margin-right: -2%;
    margin-top: 9%;
    z-index: 999;
    position: relative;
    color: #e6e6e6;
}
.maebanbrand-pd-edit3 {
    background: transparent;
    padding: 10%;
    margin-left: -2px;
    margin-top: 8%;
}
.maebanbrand-edit-bg1 {
    background: #fffbfb;
    padding: 54% 99% 8% 101%;
    color: #e6e6e6;
    z-index: 999;
    position: absolute;
    top: 97%;
}
.maebanbrand-pd-edit4 {
    padding: 10%;
    margin-right: -2px;
    margin-top: 9%;
    z-index: 999;
    position: relative;
}
body{
 overflow-x: hidden; 
}

.maebanbrand-pd-title-con1 {
    padding: 2% 3%;
    margin-top: 1%;
}
img.maebanbrand-pro-edit1 {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.test1 {
    margin-top: 0%;
}
.maebanbrand-i-pro1 {
    font-size: 30px;
    color: #cd1d24;
    font-family: Sriracha;
    text-align: center;
    line-height: 2;
    margin-top: 2%;
}
div#Component610a80c23b1ed50012cd5d61 {
    margin-bottom: 8%;
}

/*กลับมากินข้าวที่บ้าน*/
.maebanbrand-edit-food1 {
    font-size: 30px;
    color: #cd1d24;
    font-family: Sriracha;
    text-align: left;
    line-height: 2;
    margin-top: 25%;
    text-indent: 4%;
    margin-bottom: 3%;
}
img.BFB {
    width: 8%;
    margin: -7px 0 0 0;
}


.btn-linkFB {
    border: 1px solid #1a78f1;
    background: #1a78f1;
    color: #fff;
    padding: 1% 2%;
    border-radius: 31px;
    font-size: 16px;
    font-weight: 300;
    width: 67%;
    margin: 0 auto;
    margin-top: 3%;
}