.itopplus-background {

}
.shopcart {
    border-radius: 20px 0px 0px 20px;
    width: 85px!important;
    height: 70px!important;
    background: url(https://itp1.itopfile.com/ImageServer/itp_3106202074kx/35/0/shopz-z832506720000.webp) no-repeat, linear-gradient(to bottom, #ed1c25 0%, #ed1c25 100%);
    background-color: #ed1c24;
    background-position: 50% 45%;
    right: 0%;
    top: 30%;
}



.itopplus-banner {
	z-index:99!important;
}

.dropdown-menu>li>a {
    font-size: 16px;
}
.itopplus-bgmain3 {
    background-attachment: inherit;
    background-position: center;
}
.navbar-default .navbar-nav>li>a {
    font-size: 18px;
}


ul.itpMegamenuTemplate3 > li > a:hover {
    background-color: transparent!important;
    color: #ed1c24!important;
}
ul.itpMegamenuTemplate3 > li.open > a {
    background-color: white!important;
}

#controlMenu {
    color: #fff;
} 

/*เมนูหลักทั้งหมด*/
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #fff!important;
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #fff;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    background-color: transparent!important;
    color: #ed1c24;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #ed1c24;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #ed1c24!important;
}

@media (max-width:768px) {
.navbar-default {
    background: #ed1c24
}
.text-bar {
    color: #fff!important
}
}
.megaMenuType2itopplus {
	display:block!important;
}

@media only screen and (min-width: 769px){
.navbar-default.navbar-fixed .nav {
    display:none
}
.navbar-default {
    background: #ed1c24 !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;
}

.text-bar {
    color: #fff!important;
}
.container.itopplus-search {
    display: none !important;
}

  
}

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


@media only screen and (min-width : 1024px) {
.navbar-default {
    background: transparent!important;
}
.navbar-default.navbar-fixed .nav {
    display:block
}
.container.itopplus-search {
    display: inherit !important;
}
.itopplus-bgmain3 {
    background-attachment: inherit!important;
}
.open > a + .grid-container, .open > a + .grid-container {
    top: 70px!important;
}  
  
.mainProductFilterContainer:before,
.mainProductFilterContainer:after {
  display: none;
}

.mainProductFilterContainer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.mainProductFilterContainer > div {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
  

 
}

/*เมนูมือถือ slidebar*/
@media (max-width:768px) {
/*เมนูหลักทั้งหมด*/
.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;
}
/*เมนูย่อยถัดไป*/
 
}
/*เมนูมือถือ slidebar*/

/*เมนูชิดขวา*/
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
.navbar .nav,
.navbar .nav > li {
    float: none;
    display: inline-block;
    *display: inline;
/* ie7 fix */
    *zoom: 1;
/* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse {
    text-align: right;
}
.itopplus-menu {
    margin-top: 1%;
}
.col-md-12.padding.zIndex-pos2 {
    z-index: 98;
}
  
/****************************************************************** หนูนา 1024 */ 
.motorace-text-main2 {
    font-size: 16px !important;
}
.nav-template .col-md-8.col-sm-8.col-xs-12.padding-col strong {
    font-size: 16px !important;
}
.motorace-text-main3 {
    font-size: 14px !important;
}
.motorace-text-main1 {
    font-size: 36px !important;
}
.motorace-piclinkto-about {
    margin-top: 0% !important;
    width: 20% !important;
}
.motorace-linkto-about {
    font-size: 13px !important;
    margin: -6% 0 0 2% !important;
}
.motorace-text-main4 {
    font-size: 34px !important;
}
.motorace-text-main5 {
    font-size: 27px !important;
}
.motorace-head-text-btn1 {
    font-size: 22px !important;
}
.motorace-pd-top {
    margin: 12% 0 0 6%  !important;
}
.motorace-icon-top {
    width: 23%  !important;
    margin: 0 0 0 7%  !important;
}
.motorace-pic-about {
    margin-top: 1% !important;
}
#Component60486f7d3dcb85001301acf9 .Contentmanager .caption {
    font-size: 16px !important;
}
#Component60486fee8ef9fd001394dd07 .Contentmanager .caption {
    font-size: 16px !important;
}
#Component6048701c3dcb85001301ad13 .Contentmanager .caption {
    font-size: 16px !important;
}
#Component6048704a3dcb85001301ad20 .Contentmanager .caption {
    font-size: 16px !important;
}
#Component6048708c9d07dc0012dd4b9f .Contentmanager .caption {
    font-size: 16px !important;
}
.motorace-head-content-mana {
    padding: 2% 0 0% 0  !important;
}
.motorace-Genuine-btn1 {
    white-space: nowrap !important;
    font-size: 10px !important;
    padding: 6% 6% 7% 4% !important;
}
.motorace-Genuine-btn2 {
    white-space: nowrap !important;
    font-size: 10px !important;
    padding: 3% 3% 2% 2% !important;
}
.motorace-Genuine-btn3 {
    white-space: nowrap !important;
    font-size: 10px !important;
    padding: 3% 3% 2% 2% !important;
}
.line-down {
    width: 13% !important;
    margin-left: 97% !important;
    margin-top: -52% !important;
}
.line-down2 {
    width: 13px !important;
    margin-left: 69% !important;
    margin-top: -21% !important;
}
.down2 {
    width: 10% !important;
    margin: 0 6px 0 0 !important;
}
.line-down3 {
    width: 7% !important;
    margin-left: 99% !important;
    margin-top: -29% !important;
}

.motorace-contact3 {
    font-size: 14px !important;
}
.motorace-title-detail {
    font-size: 24px !important;
}
#tableA th {
    font-size: 17px !important;
}
#tableA td {
    font-size: 15px !important;
}
.motorace-icon-btn-main {
    width: 234% !important;
    margin-top: 96% !important;
}
.motorace-icon-btn-main2 {
    width: 226% !important;
    margin-top: 46% !important;
}
.motorace-icon-btn-main3 {
    width: 264% !important;
    margin-top: 83% !important;
}
.icon-color {
    width: 90% !important;
    margin-bottom: 6px !important;
}
.color-body {
    font-size: 17px !important;
    margin-bottom: 9% !important;
}
.color-body-name {
    font-size: 16px !important;
}
.motorace-text-all-pro {
    font-size: 12px !important;
}
/****************************************************************** หนูนา 1024 */ 
  
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
.navbar .nav,
.navbar .nav > li {
    float: none;
    display: inline-block;
    *display: inline;
    font-size: 16px !important;
/* ie7 fix */
    *zoom: 1;
/* hasLayout ie7 trigger */
    vertical-align: top;
}
.navbar .nav, .navbar .nav > li {
    font-size: 18px !important;
}
#main-navbar-collapse {
    text-align: right;
}

/****************************************************************** หนูนา 1366 */ 
  
.motorace-head1 {
    font-size: 32px !important;
}
.motorace-text-main2 {
    font-size: 16px !important;
}
.motorace-text-main3 {
    font-size: 15px !important;
}
.motorace-text-main1 {
    font-size: 40px !important;
}
.motorace-linkto-about {
    font-size: 15px !important;
    margin: -6% 0 0 3% !important;
}
.motorace-piclinkto-about {
    margin-top: 1% !important;
    width: 20% !important;
}
.motorace-text-main4 {
    font-size: 50px !important;
}
.motorace-text-main5 {
    font-size: 43px !important;
}
.motorace-head-text-btn1 {
    font-size: 26px !important;
}
.motorace-pd-top {
    margin: 8% 0 0 33%  !important;
}
.motorace-icon-top {
    width: 35%  !important;
    margin: 0 0 0 10%  !important;
}
.motorace-pic-about {
    margin-top: 7% !important;
}
#Component60486f7d3dcb85001301acf9 .Contentmanager .caption {
    font-size: 17px !important;
}
#Component60486fee8ef9fd001394dd07 .Contentmanager .caption {
    font-size: 17px !important;
}
#Component6048701c3dcb85001301ad13 .Contentmanager .caption {
    font-size: 17px !important;
}
#Component6048704a3dcb85001301ad20 .Contentmanager .caption {
    font-size: 17px !important;
}
#Component6048708c9d07dc0012dd4b9f .Contentmanager .caption {
    font-size: 17px !important;
}
.motorace-head-content-mana {
    font-size: 36px !important;
    padding: 2% 0 0% 0  !important;
}
.motorace-Genuine-btn1 {
    font-size: 12px !important;
    padding: 6% 3% 6% 6% !important;
}
.down {
    width: 18% !important;
    padding: 0 5% 0 0 !important;
}
.down2 {
    width: 13% !important;
    padding: 0px 5% 0 0 !important;
}
.motorace-Genuine-btn2 {
    font-size: 12px !important;
    padding: 3% 6% 3% 5% !important;
}
.motorace-Genuine-btn3 {
    font-size: 12px !important;
    padding: 3% 6% 3% 5% !important;
}

.motorace-contact3 {
    font-size: 16px !important;
}
.motorace-title-detail {
    font-size: 28px !important;
}
#tableA th {
    font-size: 20px !important;
}
#tableA td {
    font-size: 16px !important;
}
.motorace-icon-btn-main {
    width: 140% !important;
    margin-top: 58% !important;
}
.motorace-icon-btn-main2 {
    width: 140% !important;
    margin-top: 30% !important;
}
.motorace-icon-btn-main3 {
    width: 173% !important;
    margin-top: 44% !important;
}
.icon-color {
    width: 100% !important;
}
.color-body {
    font-size: 17px !important;
    margin-bottom: 6% !important;
}
.color-body-name {
    font-size: 18px !important;
}
.line-down {
    width: 11% !important;
    margin-left: 97% !important;
    margin-top: -46% !important;
}
.line-down2 {
    width: 16px !important;
    margin-left: 72% !important;
    margin-top: -20% !important;
}
.line-down3 {
    width: 14px !important;
    margin-left: 99% !important;
    margin-top: -25% !important;
}
.motorace-text-all-pro {
    font-size: 16px !important;
}
/****************************************************************** หนูนา 1366 */ 
  
}


/****************************************************************** หนูนา รวม1 */ 

#tableA td {
    text-align: initial;
}
/*หน้าต้นแบบ*/
.motorace-icon-top {
    width: 25%;
    margin: 0 0 0 10%;
}
.motorace-pd-top {
    margin: 9% 0 0 33%;
    position: absolute;
}
.motorace-logo-footer {
    width: 35%;
}
.motorace-text-footer1 {
    font-size: 17px;
    font-weight: 200;
    color: #b7b7b7;
    text-align: right;
}
.motorace-text-foote2 {
    font-size: 20px;
    text-align: right;
    color: #ed1c24;
    font-weight: 500;
}
.motorace-head-phone-footer {
    width: 40%;
    margin-top: 12%;
}
.motorace-text-footer3 {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 5%;
}
.motorace-text-footer5 {
    font-size: 13px;
    font-weight: 300;
    margin-top: 5%;
}
.motorace-icon-footer {
    width: 6%;
    margin: 0 2% 0 0;
}
.motorace-text-footer4 {
    font-size: 14px;
    line-height: 2;
    font-weight: 300;
}
.motorace-text-footer6 {
    font-size: 13px;
    line-height: 2;
    color: #b7b7b7;
}
.motorace-qr-footer {
    width: 35%;
    margin-top: 20%;
}

/*ปิดลูกศรbanner*/
.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
display: none;
}  

/*ปุ่มตรงbanner*/
.motorace-border-head-main {
    border: 1px solid #ed1c24;
    clip-path: polygon(0 1%, 96% 0, 100% 100%, 4% 100%);
    background: #ed1c24;
    width: auto;
    padding: 2% 2% 3% 6%;
    margin-top: -15%;
    -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;
    margin-bottom: 4%;
}
.motorace-border-head-main:hover {
      -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.motorace-icon-btn-main {
    width: 140%;
    margin: 0 auto;
    display: block;
    margin-top: 58%;
}
.motorace-icon-btn-main2 {
    width: 140%;
    margin: 0 auto;
    display: block;
    margin-top: 30%;
}
.motorace-icon-btn-main3 {
    width: 173%;
    margin: 0 auto;
    display: block;
    margin-top: 44%;
}
.motorace-head-text-btn1 {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
}
.motorace-head-text-btn2 {
    font-size: 16px;
    font-weight: 200;
    color: #fff;
}
/*หน้าแรก*/
.motorace-text-main1 {
    font-size: 40px;
    font-weight: 600;
    color: #000;
    border-bottom: 2px solid #b7b7b7;
}
.motorace-icon-main1 {
    width: 30%;
    padding: 3% 0 3% 0;
}
.motorace-text-main2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
}
.motorace-text-main3 {
    font-size: 16px;
    line-height: 2;
}
.motorace-piclinkto-about {
    margin-top: 3%;
    width: 20%;
}
.motorace-linkto-about {
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    border: 0px solid white;
    width: fit-content;
    margin: -6% 0 0 5%;
}
.motorace-text-main4 {
    font-size: 38px;
    font-weight: 600;
}
.motorace-text-main5 {
    font-size: 32px;
    font-weight: 600;
}
.motorace-pd-main4 {
    padding: 0 0 30% 0;
}
.motorace-head1 {
    font-size: 24px;
    text-align: center;
    color: #ed1c24;
    font-weight: 600;
}
.motorace-head2 {
    font-size: 32px;
    text-align: center;
    color: #ed1c24;
    font-weight: 600;
}

/*About us*/
.motorace-about-text1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 2;
    color: #ed1c24;
}
.motorace-about-text2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 1%;
}
.motorace-about-text3 {
    font-size: 16px;
    font-weight: 300;
    text-indent: 30px;
    line-height: 1.8;
    margin-bottom: 2%;
}
.motorace-pd-about {
    padding: 0 2% 0 2%;
}
.motorace-pic-about {
    width: 100%;
    margin-top: 7%;
}


/*เมนูหน้าแรก*/

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    border-bottom: 3px solid #ed1c24;
    padding: 15px 15px;
    background-color: #252525;
}
.nav-pills>li>a {
    border-radius: 0px;
}
.nav-pills>li>:focus, .nav-pills>li>:hover {
    text-decoration: none;
    border-bottom: 0px solid #ed1c24;
    background-color: #464040;
}
.motorace-main-pro1 {
    border: 1px solid #fff;
    padding: 5% 2% 5% 2%;
    background: #fff;
    border-radius: 27px;
    margin-bottom: 0%;
    margin-top: 7%
}
.motorace-main-pro1:hover {
    -webkit-box-shadow: 0 30px 50px rgb(0 0 0 / 20%);
    box-shadow: 0 30px 50px rgb(0 0 0 / 20%);
}
img.imageWidth.imageGallery:hover {
    -webkit-box-shadow: 0 0px 7px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px -4px 0px rgb(0 0 0 / 20%);
}
.motorace-mainpic-pro1 {
    width: 75%;
    margin: 0 auto;
    display: block;
}
.motorace-maintext-pro1 {
    font-size: 16px;
    text-align: center;
    color: #252525  ;
    padding: 4% 2%;
}
.motorace-maintext-pro1:hover {
    color: #ed1c24;
}
.motorace-pd-pro {
    padding: 3% 0 3% 0;
}

/*Content Manager*/
.vertical-tab {
    display: table;
    width: 100%;
}
.vertical-tab .nav-tabs {
    display: table-cell;
    width: 28%;
    min-width: 28%;
    vertical-align: top;
    border: none;
    background: #A50303;
}
.vertical-tab .nav-tabs li {
    float: none;
    vertical-align: top;
}
.motorace-pic-con {
    width: 80%;
    margin: 0 auto;
}
.motorace-head-content-mana {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    padding: 2% 0 4% 0;
}
.motorace-detail-pic {
    width: 60%;
    margin: 0 auto;
    display: block;
    margin-bottom: 8%;
      -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.motorace-detail-pic:hover {
  -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg);
}
.motorace-title-detail {
    font-size: 28px;
    font-weight: 600;
    line-height: 2;
    text-align: center;
}
.motorace-detail-detail2 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    text-align: center;
}


}
ul.motorace-icon {
    list-style-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/32/0/check-markz-z875129107960.webp);
    font-size: 18px;
    font-weight: 300;
    margin: 3% 0 0 0;
}
li.motorace-text span {
    font-size: 18px;
    vertical-align: text-bottom;
    line-height: 2;
}


.motorace-spa-main1 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
.motorace-spa-main2 {
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    line-height: 2;
}
.motorace-spa-main3 {
    font-size: 13px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    border: 1px solid #ed1c24;
    background: #ed1c24;
    width: fit-content;
    padding: 3% 5%;
    margin: 0 auto;
      -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.motorace-spa-main3:hover {
      -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
h2.margin {
    background: #fff;
    /*padding: 0 0 6% 0;*/
}

/*เนื้อหาระบบ*/
#Component6048956f8ef9fd001394e582 .thumbs {
    border-radius: 8px;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
}
#Component6048954e3dcb85001301b499 .img-container .img {
    width: 95%;
    margin: 0 auto;
}
#Component6048954e3dcb85001301b499 .Contentmanager .template1 .template-panel {
    padding-bottom: 72%;
}
#Component6048954e3dcb85001301b499 .img-container {
    width: 100%;
    height: 0;
    padding-bottom: 64%;
    position: relative;
}
#Component6048954e3dcb85001301b499.Contentmanager .caption {
    height: 35px;
    overflow: hidden;
    color: #252525;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-top: 5%;
    overflow: inherit;
}
#Component6048954e3dcb85001301b499 .Contentmanager .caption {
    font-size: 16px;
    margin-top: 5%;
    color: #252525;
    overflow: inherit;
}

/**/
#Component60486f7d3dcb85001301acf9 .Contentmanager .template1 .template-panel {
    padding-bottom: 32%;
    border: 1px solid #9a9a9a4d;
}
#Component60486f7d3dcb85001301acf9 .img-container {
    width: 100%;
    height: 0;
    padding-bottom: 64%;
    position: relative;
}
#Component60486f7d3dcb85001301acf9 .Contentmanager .caption {
    font-size: 17px;
    margin-top: 6px;
    margin-bottom: 2%;
}
#Component60486f7d3dcb85001301acf9 .col-md-4 {
    width: 50%;
}
#Component60486f7d3dcb85001301acf9 {
    padding: 2% 0 2% 0;
}
/**/

#Component60486fee8ef9fd001394dd07 .Contentmanager .template1 .template-panel {
    padding-bottom: 32%;
    border: 1px solid #9a9a9a4d;
}
#Component60486fee8ef9fd001394dd07.img-container {
    width: 100%;
    height: 0;
    padding-bottom: 64%;
    position: relative;
}
#Component60486fee8ef9fd001394dd07 .Contentmanager .caption {
    font-size: 17px;
    margin-top: 6px;
    margin-bottom: 2%;
}
#Component60486fee8ef9fd001394dd07 .col-md-4 {
    width: 50%;
}
#Component60486fee8ef9fd001394dd07 {
    padding: 2% 0 2% 0;
}

/**/

#Component6048701c3dcb85001301ad13 .Contentmanager .template1 .template-panel {
    padding-bottom: 32%;
    border: 1px solid #9a9a9a4d;
}
#Component6048701c3dcb85001301ad13.img-container {
    width: 100%;
    height: 0;
    padding-bottom: 64%;
    position: relative;
}
#Component6048701c3dcb85001301ad13 .Contentmanager .caption {
    font-size: 17px;
    margin-top: 6px;
    margin-bottom: 2%;
}
#Component6048701c3dcb85001301ad13 .col-md-4 {
    width: 50%;
}
#Component6048701c3dcb85001301ad13 {
    padding: 2% 0 2% 0;
}

/**/

#Component6048704a3dcb85001301ad20 .Contentmanager .template1 .template-panel {
    padding-bottom: 32%;
    border: 1px solid #9a9a9a4d;
}
#Component6048704a3dcb85001301ad20.img-container {
    width: 100%;
    height: 0;
    padding-bottom: 64%;
    position: relative;
}
#Component6048704a3dcb85001301ad20 .Contentmanager .caption {
    font-size: 17px;
    margin-top: 6px;
    margin-bottom: 2%;
}
#Component6048704a3dcb85001301ad20 .col-md-4 {
    width: 50%;
}
#Component6048704a3dcb85001301ad20 {
    padding: 2% 0 2% 0;
}

/**/

#Component6048708c9d07dc0012dd4b9f .Contentmanager .template1 .template-panel {
    padding-bottom: 32%;
    border: 1px solid #9a9a9a4d;
}
#Component6048708c9d07dc0012dd4b9f.img-container {
    width: 100%;
    height: 0;
    padding-bottom: 64%;
    position: relative;
}
#Component6048708c9d07dc0012dd4b9f .Contentmanager .caption {
    font-size: 17px;
    margin-top: 6px;
    margin-bottom: 2%;
}
#Component6048708c9d07dc0012dd4b9f .col-md-4 {
    width: 50%;
}
#Component6048708c9d07dc0012dd4b9f {
    padding: 2% 0 2% 0;
}


/*-------------------------*/
.motorace-pic-Genuine-Parts1 {
    width: 100%;
}
.motorace-title-Genuine {
    font-size: 24px;
    font-weight: 600;
    line-height: 2;
}
.motorace-head-Genuine.Parts {
    font-size: 24px;
    font-weight: 300;
    padding: 2% 0 0% 0;
}
.motorace-detail-Genuine {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.8;
}
.motorace-Genuine-btn1 {
    font-size: 14px;
    color: #fff;
    margin-top: 30%;
    border: 1px solid #ed1c24;
    width: auto;
    clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);
    background: #ed1c24;
    padding: 3% 7% 3% 5%;
    -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;
}
.motorace-Genuine-btn1:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.motorace-Genuine-btn2:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.motorace-Genuine-btn2 {
    font-size: 14px;
    color: #fff;
    margin-top: 13%;
    border: 1px solid #ed1c24;
    width: fit-content;
    clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%);
    background: #ed1c24;
    padding: 3% 6% 3% 5%;
    -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;
}
.motorace-Genuine-btn3:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.motorace-Genuine-btn3 {
    font-size: 14px;
    color: #fff;
    border: 1px solid #ed1c24;
    width: fit-content;
    clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%);
    background: #ed1c24;
    padding: 3% 6% 3% 5%;
    -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;
}
.motorace-title-Genuine2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
}
.motorace-detail-Genuin2 {
    font-size: 16px;
    font-weight: 300;
}
.motorace-contact1 {
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    line-height: 2;
}
.motorace-contact2 {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
}
.motorace-contact3 {
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    margin-top: 4%;
}
.motorace-icon-contact {
    width: 5%;
}



.motorace-part1 {
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
    text-align: center;
}
.motorace-part2 {
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
    text-align: center;
}
.motorace-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
}
.motorace-tel {
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
}
.motorace-part3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 2;
    margin-top: 1%;
}
.motorace-icon-contact2 {
    width: 5%;
}
.motorace-title-Genuine3 {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    margin-top: 4%;
}
#Component6048b3519d07dc0012dd687b .thumbs a>img, thumbs>img {
    border: 1px solid #d4cece;
}

#Component6048b3519d07dc0012dd687b .thumbs {
    border-radius: 8px;
    box-shadow: 1px 2px 9px rgb(0 0 0 / 20%);
}
#Component6048b3519d07dc0012dd687b .img-container .img {
    width: 95%;
    margin: 0 auto;
}
#Component6048b3519d07dc0012dd687b .Contentmanager .template1 .template-panel {
    padding-bottom: 72%;
}
#Component6048b3519d07dc0012dd687b .img-container {
    width: 100%;
    height: 0;
    padding-bottom: 64%;
    position: relative;
}
#Component6048b3519d07dc0012dd687b .Contentmanager .caption {
    height: 35px;
    overflow: inherit;
    color: #252525;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    margin-top: 2%;
}


/*สินค้าเนื้อหาระบบ*/
#Contentmanager .post-time {
    display: none;
}
.social-share {
    display: none;
}

.landingpagemanager {
    display: none;
}
.line-head-con1 {
    color: #ed1c24;
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -8px;
    margin: 0 2% 0 0;
}
.line-head-con2 {
    color: #ed1c24;
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -8px;
    margin: 0 0 0 2%;
}
.img-container:hover{
      -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.img-container{
    -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;
}
.motorace-head2 {
    margin: 2% 0 1% 0;
}
.imageWidth.imageGallery {
    box-shadow: 0px 0px 5px 0 rgb(39 41 43 / 15%);
}
.motorace-new-head {
    font-size: 21px;
    font-weight: 600;
    color: #ee3239;
}
.motorace-new-detail1 {
    font-size: 19px;
    line-height: 2;
    font-weight: 600;
}
.motorace-new-detail2 {
    font-size: 17px;
    line-height: 2;
}
.motorace-new-detail3 {
    font-size: 17px;
    font-weight: 600;
}
.motorace-new-detail4 {
    font-size: 15px;
    line-height: 2;
}
.motorace-new-detail5 {
    font-size: 20px;
    color: #ed1c24;
    font-weight: 600;
}
.motorace-new-detail6 {
    font-size: 18px;
}
.motorace-more-detail1 {
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
}
.motorace-more-detail2 {
    font-size: 16px;
    line-height: 2;
}
.motorace-more-detail3 {
    font-size: 16px;
    line-height: 2;
}
.motorace-card1 {
    font-size: 17px;
    line-height: 2;
}
.motorace-card2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 2;
}
.motorace-card3 {
    font-size: 16px;
    line-height: 2;
}
.motorace-card3-mark {
    font-size: 15px;
    line-height: 2;
    color: red;
}
.motorace-check {
    font-size: 20px;
    font-weight: 600;
    line-height: 2;
}
.motorace-spa {
    font-size: 18px;
    color: red;
    font-weight: 600;
}
.pluginSkinLight.pluginFontHelvetica {
    display: none;
}


/****************************************************************** หนูนา รวม1 */ 





/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) {
.navbar .nav,
.navbar .nav > li {
    float: none;
    display: inline-block;
    *display: inline;
/* ie7 fix */
    *zoom: 1;
/* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse {
    text-align: right;
}
.itopplus-menu {
    margin-top: 1.5%;
}
  

  
  
/* ME 1900px */
  
  
.open > a + .grid-container, .open > a + .grid-container {
    top: 100px!important;
} 
.contact-img {
    width: 70%!important;
}
 .footer-img2 {
    width: 30%!important;
}
.footer-img1 {
    width: 42%!important;
}  
 .motorace_footer3 {
    margin-left: -9%!important;
}
.block-button {
    width: 20% !important;
}
.button-text {
    font-size: 24px !important;
}
  
.motorace_text4 {
    font-size: 20px!important;
}  
.motorace_topic {
    font-size: 3em!important;
}  
.motorace_topic1 {
    font-size: 5.5em!important;
}  
.motorace_topic2 {
    font-size: 28px!important;
}  
#width {
    width: 50%!important;
}
.motorace_bnt1 {
    padding: 1% 10%!important;
}  
.motorace_topic3 {
    font-size: 3.5em!important;
}  
#width1 {
    width: 33%!important;
}  
#width4 {
    width: 35%!important;
}
#width3 {
    width: 23%!important;
}  
 #width5 {
     width: 23%!important;
}
    
#width2 {
    width: 13%!important;
}
.motorace_text12 {
    font-size: 18px!important;
    margin-top: 30%!important;
}  
.motorace_text14 {
    margin-top: 5%;
}  
#headd .nav-pills>li.active>a, 
#headd .nav-pills>li.active>a:focus, 
#headd .nav-pills>li.active>a:hover {
    line-height: 1.5!important;
}  
#headdwidth {
    width: 18%!important;
}
#headdwidth1 {
    width: 13%!important;
}  
#headdwidth2 {
    width: 8%!important;
}  
#headdwidth3 {
    width: 18%!important;
}  
  
#background62d8ef6c0140420013033e64 {
    padding: 17.5% 3%!important;
}

  
/* ME 1900px */
  
  
  
  
  
  
  
  
  
/****************************************************************** หนูนา 1900 */
 
.navbar .nav, .navbar .nav > li {
    font-size: 21px !important;
}
.motorace-pd-top {
    margin: 9% 0 0 50% !important;
} 
.motorace-icon-top {
    width: 40% !important;
}
.motorace-text-main1 {
    font-size: 45px !important;
}
.motorace-border-head-main {
    margin-bottom: 7%  !important;
}
.motorace-icon-main1 {
    width: 33% !important;
}
.motorace-text-main2 {
    font-size: 18px !important;
}
.motorace-text-main3 {
    font-size: 22px !important;
}
.motorace-linkto-about {
    font-size: 20px !important;
    margin: -41px 0 0 3% !important;
}
.motorace-piclinkto-about {
    margin-top: 2% !important;
    width: 19% !important;
}
.motorace-text-main4 {
    font-size: 52px !important;
}
.motorace-text-main5 {
    font-size: 40px !important;
}
.nav-justified {
    width: 100% !important;
}
.motorace-maintext-pro1 {
    font-size: 20px !important;
}
.motorace-head1 {
    font-size: 34px !important;
}
.motorace-line1 {
    font-size: 34px !important;
}
.motorace-line2 {
    font-size: 34px !important;
}
.motorace-spa-main1 {
    font-size: 22px !important;
}
.motorace-spa-main2 {
    font-size: 18px !important;
}
.motorace-spa-main3 {
    font-size: 16px !important;
}
#Component6048954e3dcb85001301b499 .Contentmanager .caption {
    font-size: 20px !important;
    margin-top: 2% !important;
}
.motorace-text-footer3 {
    font-size: 18px !important;
}
.motorace-text-footer5 {
    font-size: 16px !important;
}
.motorace-text-footer4 {
    font-size: 17px !important;
}
.motorace-text-footer6 {
    font-size: 16px !important;
}
.motorace-qr-footer {
    margin-top: 15% !important; 
}
.nav-justified>li {
    font-size: 18px !important; 
}
.motorace-head-text-btn1 {
    font-size: 30px !important; 
}
.motorace-head-text-btn2 {
    font-size: 19px !important; 
}
.motorace-head2 {
    font-size: 38px !important; 
}
.motorace-about-text1 {
    font-size: 28px !important; 
}
.motorace-about-text2 {
    font-size: 22px !important; 
}
.motorace-about-text3 {
    font-size: 18px !important; 
}
.motorace-pic-about {
    margin-top: -8% !important; 
}
.motorace-head-content-mana {
    font-size: 38px !important; 
    padding: 2% 0 2% 0 !important; 
}
.line-head-page1 {
    font-size: 40px !important; 
}
.line-head-page2 {
    font-size: 40px !important; 
}
#Component60486f7d3dcb85001301acf9 .Contentmanager .caption {
    font-size: 21px  !important;
}
#Component60486fee8ef9fd001394dd07 .Contentmanager .caption {
    font-size: 21px !important;
}
#Component6048701c3dcb85001301ad13 .Contentmanager .caption {
    font-size: 21px !important;
}
#Component6048704a3dcb85001301ad20 .Contentmanager .caption {
    font-size: 21px !important;
}
#Component6048708c9d07dc0012dd4b9f .Contentmanager .caption {
    font-size: 21px !important;
}
.motorace-title-Genuine3 {
    font-size: 21px !important;
}
#Component6048b3519d07dc0012dd687b .Contentmanager .caption {
    font-size: 18px !important;
    margin-top: 2% !important;
    margin-bottom: 2% !important;
}
.motorace-contact1 {
    font-size: 24px !important;
}
.motorace-contact2 {
    font-size: 19px !important;
}
.motorace-contact3 {
    font-size: 18px !important;
}
.no-js #Component604885c43dcb85001301b241 .btn {
    font-size: 15px !important;
}
.motorace-part1 {
    font-size: 26px !important;
}
.motorace-part2 {
    font-size: 21px !important;
}
.motorace-part3 {
    font-size: 23px !important;
}
.motorace-name {
    font-size: 19px !important;
}
.motorace-tel {
    font-size: 18px !important;
}
.motorace-icon-contact2 {
    width: 4% !important;
}
.motorace-new-head {
    font-size: 24px !important;
}
.motorace-new-detail1 {
    font-size: 20px !important;
}
.motorace-new-detail2 {
    font-size: 19px !important;
}
.motorace-new-detail3 {
    font-size: 19px !important;
}
.motorace-new-detail4 {
    font-size: 18px !important;
}
.motorace-more-detail1 {
    font-size: 20px !important;
}
.motorace-more-detail2 {
    font-size: 18px !important;
}
.motorace-more-detail3 {
    font-size: 18px !important;
}
.motorace-card1 {
    font-size: 19px !important;
}
.motorace-card3 {
    font-size: 18px !important;
}
.motorace-card2 {
    font-size: 22px !important;
}
.motorace-card3-mark {
    font-size: 17px !important;
}
.motorace-head-Genuine.Parts {
    font-size: 23px !important;
}  
.motorace-title-Genuine {
    font-size: 28px !important;
}
.motorace-detail-Genuine {
    font-size: 20px !important;
}
.motorace-Genuine-btn1 {
    font-size: 16px !important;
}
.motorace-Genuine-btn2 {
    font-size: 16px !important;
    white-space: nowrap;
}
.motorace-Genuine-btn3 {
    font-size: 16px !important;
    white-space: nowrap;
}
.line-down {
    margin-left: 97% !important;
    margin-top: -35% !important;
    width: 10% !important;
}
.line-down2 {
    width: 22px !important;
    margin-top: -16% !important;
    margin-left: 64% !important;
}
.line-down3 {
    width: 19px !important;
    margin-left: 83% !important;
    margin-top: -20% !important;
}
.down {
    width: 16% !important;
}
.motorace-title-Genuine2 {
    font-size: 26px !important;
}
.motorace-detail-Genuin2 {
    font-size: 20px !important;
}
.motorace-detail-detail2 {
    font-size: 20px !important;
    text-align: initial !important;
  padding: 3%;
}
.motorace-pic-con {
    width: 61% !important;
    margin-top: 5% !important;
}
.motorace-icon-btn-main {
    width: 91% !important;
    margin-top: 22% !important;
}
.motorace-icon-btn-main2 {
    width: 85% !important;
    margin-top: 6% !important;
}
.motorace-icon-btn-main3 {
    width: 115% !important;
    margin-top: 13% !important;
}
.icon-color {
    width: 68% !important;
    margin-bottom: 13px !important;
    display: block !important;
    margin-left: 13%;
}
.color-body {
    font-size: 21px !important;
    margin-bottom: 6% !important;
}
.color-body-name {
    font-size: 18px !important;
}


.motorace-text-all-pro {
    font-size: 18px !important;
}
.name-verion {
    font-size: 40px !important;
    margin-top: 70% !important;
}
.icon-color2 {
    width: 10% !important; 
}
.edit-color-body {
    font-size: 20px !important; 
}
  
}

/****************************************************************** หนูนา 1900 */ 



/****************************************************************** หนูนา Mobile */ 

/*Mobile*/
@media (max-width:768px) {
.motorace-border-head-main {
    margin-top: 0% !important;
    padding: 2% 2% 3% 2% !important;
}
.motorace-head-text-btn1 {
    font-size: 20px !important;
}
.motorace-head-text-btn2 {
    font-size: 16px !important;
}
.motorace-icon-btn-main {
    width: 2pc !important;
    margin-top: 10px !important;
}
.motorace-icon-btn-main2 {
    width: 2pc !important;
    margin-top: 5px !important;
}
.motorace-icon-btn-main3 {
    width: 2pc !important;
    margin-top: 10px !important;
}
.motorace-text-main1 {
    font-size: 30px !important;
}
.motorace-text-main2 {
    font-size: 15px !important;
}
.motorace-text-main3 {
    font-size: 14px !important;
}
.motorace-linkto-about {
    font-size: 16px !important;
    margin: -11% 0 0 3% !important;
}
.motorace-text-main4 {
    font-size: 28px !important;
}
.motorace-text-main5 {
    font-size: 22px !important;
}
.motorace-maintext-pro1 {
    font-size: 13px !important;
}
.motorace-head1 {
    font-size: 22px !important;
}
.motorace-spa-main1 {
    font-size: 16px !important;
}
.motorace-spa-main2 {
    font-size: 14px !important;
}
.motorace-spa-main3 {
    font-size: 10px !important;
}
#Component6048954e3dcb85001301b499 .Contentmanager .caption {
    font-size: 12px !important;
}
.motorace-head2 {
    font-size: 26px !important;
}
.motorace-about-text1 {
    font-size: 22px !important;
}
.motorace-about-text2 {
    font-size: 17px !important;
}
.motorace-about-text3 {
    font-size: 15px !important;
}
.motorace-pic-about {
    margin-top: 2% !important;
}
#Component60486f7d3dcb85001301acf9 .Contentmanager .caption {
    font-size: 14px  !important;
}
#Component60486fee8ef9fd001394dd07 .Contentmanager .caption {
    font-size: 14px  !important;
}
#Component6048701c3dcb85001301ad13 .Contentmanager .caption {
    font-size: 14px  !important;
}
#Component6048704a3dcb85001301ad20 .Contentmanager .caption {
    font-size: 14px  !important;
}
#Component6048708c9d07dc0012dd4b9f .Contentmanager .caption {
    font-size: 14px  !important;
}

.motorace-head-content-mana {
    font-size: 24px !important;
}
.motorace-title-detail {
    font-size: 20px !important;
    text-align: initial !important;
}
.motorace-detail-detail2 {
    font-size: 12px!important;
}
.motorace-detail-pic {
    width: 75% !important;
}
#tableA th {
    font-size: 18px !important;
}
#tableA td {
    font-size: 14px !important;
}
.motorace-title-Genuine3 {
    font-size: 14px !important;
}
.line-head-page1 {
    font-size: 30px !important;
}
.line-head-page2 {
    font-size: 30px !important;
}
.motorace-head-Genuine.Parts {
    font-size: 20px !important;
}
.motorace-title-Genuine {
    font-size: 20px !important;
}
.motorace-detail-Genuine {
    font-size: 14px !important;
}
.motorace-Genuine-btn2 {
    margin-top: 11% !important;
    width: 185px !important;
    font-size: 10px !important;
    padding: 2% 5% 2% 5% !important;
    margin-left: 9% !important;
}
.motorace-Genuine-btn3 {
    margin-top: 0% !important;
    width: 185px !important;
    font-size: 10px !important;
    padding: 2% 5% 2% 5% !important;
    margin-left: 0% !important;
}
.motorace-Genuine-btn1 {
    width: 111px !important;
    font-size: 10px !important;
    padding: 7% 9% 6% 6% !important;
}
.line-down3 {
    width: 12px !important;
    margin-left: 102% !important;
    margin-top: -26% !important;
}
.down2 {
    width: 10%  !important;
    margin: 0px 6px 0 0  !important;
}
.down {
    width: 14% !important;
    margin: 0 7px 0 0 !important;
}
.line-down2 {
    width: 6% !important;
    margin-left: 109% !important;
    margin-top: -28% !important;
}
.line-down {
    width: 16%  !important;
    margin-left: 162%  !important;
    margin-top: -68%  !important;
}
#tableA th {
    padding: 12px !important;
    font-size: 17px !important;
}
#tableA td {
    padding: 11px !important;
    font-size: 14px !important;
}
#Component6048b3519d07dc0012dd687b .Contentmanager .caption {
    margin-top: 2% !important;
}
.motorace-contact1 {
    font-size: 16px !important;
}
.motorace-contact2 {
    font-size: 13px !important;
}
.motorace-contact3 {
    font-size: 11px !important;
}
.motorace-icon-contact {
    width: 7% !important;
}
.motorace-name {
    font-size: 15px !important;
}
.motorace-tel {
    font-size: 14px !important;
}
.download {
    font-size: 14px !important;
}
  /*-----ค้นหา 768-----*/  
 .itopplus-search-image-flex-item {
   background-color: #fafafa!important;
   width: 23%!important;
   padding: 10px;
   text-align: left;
   display: inline-block;
   min-height: 250px!important;
   max-height: 315px!important;
   padding-top: 10px!important;
}
.color-body {
    font-size: 16px !important;
    margin-bottom: 9% !important;
}
.color-body-name {
    font-size: 12px !important;
}
.icon-color {
    margin-bottom: 17% !important;

  }



.motorace-text-all-pro {
    font-size: 11px !important;
}
.name-verion {
    font-size: 24px !important;
}
.edit-color-body {
    font-size: 14px !important;
}
  
}





/*Mobile*/
@media (max-width:480px) {
  .motorace-piclinkto-about {
    width: 35%  !important;
}
.motorace-text-main3 {
    font-size: 16px !important;
}  
#imagesControl6046fa113dcb85001301885f {
    padding: 0 !important;
}
.motorace-border-head-main {
    display: block !important;
}
.motorace-icon-btn-main {
    width: 55px !important;
    margin-top: 6px !important;
}
.motorace-icon-btn-main2 {
    width: 90% !important;
    margin-top: 5% !important;
}
.motorace-icon-btn-main3 {
    width: 100% !important;
    margin-top: 12% !important;
}
.motorace-text-main1 {
    font-size: 25px !important;
}
.motorace-text-main4 {
    font-size: 20px !important;
}
.motorace-text-main5 {
    font-size: 15px !important;
}
.motorace-head1 {
    font-size: 20px !important;
}
.motorace-spa-main1 {
    font-size: 13px !important;
}
.motorace-spa-main2 {
    font-size: 10px !important;
}
.nav-justified {
    font-size: 10px !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    overflow: scroll !important;
}
  .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    padding: 10px 15px !important;
}
.motorace-head2 {
    font-size: 22px !important;
}
.motorace-line3 {
    margin: 0 3% 0 0 !important;
    font-size: 26px !important;
}
.motorace-line4 {
    margin: 0 3% 0 0 !important;
    font-size: 26px !important;
}
.motorace-about-text1 {
    font-size: 18px !important;
}
.motorace-about-text2 {
    font-size: 16px !important;
}
.motorace-head-content-mana {
    font-size: 18px !important;
}
.line-head-page1 {
    font-size: 26px !important;
}
.line-head-page2 {
    font-size: 26px !important;
}
#Component60486f7d3dcb85001301acf9 .Contentmanager .caption {
    font-size: 10px  !important;
}
#Component60486fee8ef9fd001394dd07 .Contentmanager .caption {
    font-size: 10px  !important;
}
#Component6048701c3dcb85001301ad13 .Contentmanager .caption {
    font-size: 10px  !important;
}
#Component6048704a3dcb85001301ad20 .Contentmanager .caption {
    font-size: 10px  !important;
}
#Component6048708c9d07dc0012dd4b9f .Contentmanager .caption {
    font-size: 10px  !important;
}

.line-head-con1 {
    font-size: 26px !important;
}
.line-head-con2 {
    font-size: 26px !important;
}
.motorace-detail-pic {
    width: 100% !important;
    margin-bottom: 5% !important;
    margin-top: 5% !important;
}
.motorace-title-detail {
    font-size: 17px !important;
}
#tableA th {
    background-color: #ed1c24;
    padding: 10px !important;
    font-size: 12px !important;
}
#tableA td {
    padding: 11px !important;
    font-size: 10px !important;
}
.motorace-pic-con {
    width: 100% !important;
    margin-top: 5% !important;
}
.motorace-title-Genuine3 {
    font-size: 10px !important;
}
.motorace-Genuine-btn1 {
    margin-top: 5% !important;
    width: 121px !important;
    font-size: 10px !important;
    padding: 2% 2% 2% 3% !important;
}
.line-down {
    width: 13px !important;
    margin-left: 39% !important;
    margin-top: -17% !important;
}
.line-down3 {
    width: 13px !important;
    margin-left: 65% !important;
    margin-top: -18% !important;
}
.motorace-Genuine-btn2 {
    width: 180px !important;
    font-size: 10px !important;
    padding: 2% 2% 2% 3% !important;
    margin-top: 7px !important;
    margin: 0 !important;
}
.motorace-Genuine-btn3 {
    margin-top: 0% !important;
    width: 197px !important;
    font-size: 10px !important;
    padding: 2% 5% 2% 5% !important;
    margin-left: 0% !important;
}
.line-down2 {
    width: 14px !important;
    margin-left: 60% !important;
    margin-top: -18% !important;
}
.line-down {
    width: 13px !important;
    margin-left: 40% !important;
    margin-top: -17% !important;
}
.motorace-title-Genuine {
    font-size: 18px !important;
}
.motorace-detail-Genuine {
    font-size: 16px !important;
}
#Component6048b3519d07dc0012dd687b .Contentmanager .caption {
    margin-top: 2% !important;
    font-size: 13px !important;
}
.motorace-new-head {
    font-size: 14px !important;
}
.motorace-new-detail1 {
    font-size: 14px !important;
}
.motorace-new-detail2 {
    font-size: 11px !important;
}
.motorace-new-detail3 {
    font-size: 13px !important;
}
.motorace-new-detail4 {
    font-size: 11px !important;
}
.motorace-new-detail5 {
    font-size: 15px !important;
}
.motorace-new-detail6 {
    font-size: 14px !important;
}
.motorace-more-detail1 {
    font-size: 14px !important;
}
.motorace-more-detail2 {
    font-size: 12px !important;
}
.motorace-more-detail3 {
    font-size: 12px !important;
}
.motorace-card1 {
    font-size: 13px !important;
}
.motorace-card2 {
    font-size: 14px !important;
}
.motorace-card3 {
    font-size: 12px !important;
}
.motorace-piccard {
    width: 70% !important;
    margin: 0 auto !important;
    display: block !important;
}
.motorace-card3-mark {
    font-size: 10px  !important;
}
.motorace-check {
    font-size: 14px  !important;
}
.motorace-spa {
    font-size: 12px !important;
}
.motorace-contact1 {
    font-size: 14px !important;
}
.motorace-contact2 {
    font-size: 12px !important;
}
.no-js #Component604885c43dcb85001301b241 .form-control {
  font-size: 11px !important;
}
/*----------ค้นหา 414----------*/
 .itopplus-search-image-flex-item {
   background-color: #f9f9f9!important;
   width: 100%!important;
   padding: 10px;
   text-align: left;
   display: inline-block;
   min-height: 200px!important;
   max-height: 315px!important;
   padding-top: 10px!important;
}
 
.itopplus-search-image-flex-container {
 display:block!important;
 } 
.color-body {
    font-size: 10px !important;
}
.color-body-name {
    font-size: 8px !important; 
}
.icon-color {
    width: 200% !important;
    margin-bottom: 3px !important;
    margin-left: -3px !important;
}
.icon-color {
    border: 1px solid #d0c5c59c !important;
}
.nav-pills2>li.active>a:focus, .nav-pills2>li.active>a:hover {
    border-bottom: 2px solid #ed1c24 !important;
}
.download {
    font-size: 10px !important;
}
.motorace-border-head-main {
    width: auto !important;
}  

.name-verion {
    font-size: 18px !important;
    margin-top: 2% !important;
}
.edit-color-body {
    font-size: 12px  !important;
}
.icon-color2 {
    width: 10% !important;
}
  
}


/*Mobile*/
@media (max-width:375px) {
.motorace-text-main1 {
    font-size: 22px !important;
}
.motorace-text-main2 {
    font-size: 16px !important;
}  
.motorace-text-main3 {
    font-size: 16px !important;
}
.motorace-head2 {
    font-size: 20px !important;
}
.motorace-title-Genuine2 {
    font-size: 16px !important;
}
.motorace-detail-Genuin2 {
    font-size: 14px !important;
}

.motorace-part1 {
    font-size: 16px !important;
}
.motorace-part2 {
    font-size: 16px;
}
.motorace-part3 {
    font-size: 16px;
}
.color-body {
    font-size: 8px !important;
}
.icon-color {
    width: 252% !important;
    margin-bottom: -6px !important;
    margin-left: -3px !important;
}
.nav-pills2>li>a {
    margin-bottom: -87% !important;
}
.download {
    font-size: 10px !important;
}
.motorace-icon-btn-main2 {
    width: 85% !important;
    margin-top: 12% !important;
}
.motorace-icon-btn-main3 {
    width: 100% !important;
    margin-top: 17% !important;
}
.line-down {
    width: 12px !important;
    margin-left: 46% !important;
    margin-top: -19% !important;
}
.line-down2 {
    width: 13px !important;
    margin-left: 69% !important;
    margin-top: -19% !important;
}
.motorace-Genuine-btn3 {
    margin-top: 0% !important;
    width: 194px !important;
    font-size: 10px !important;
    padding: 2% 5% 2% 5% !important;
    margin-left: 0% !important;
}
.line-down3 {
    width: 12px !important;
    margin-left: 74% !important;
    margin-top: -20% !important;
}
.motorace-text-all-pro {
    font-size: 10px !important;
}
.motorace-piclinkto-about {
    width: 35%  !important;
}
}

/****************************************************************** หนูนา Mobile */ 





/****************************************************************** หนูนา รวม2 */ 

.fbcomments.fb-comments.fb_iframe_widget.fb_iframe_widget_fluid_desktop {
    display: none;
}
.pd {
    padding: 1%;
}
/*----------ค้นหา จอรวม----------*/
 .itopplus-search-image-flex-item {
   background-color: #f9f9f9!important;
   width: 100%!important;
   padding: 10px;
   text-align: left;
   display: inline-block;
   min-height: 200px!important;
   max-height: 315px!important;
   padding-top: 10px!important;
}
 
.itopplus-search-image-flex-container {
 display:block!important;
 }  

.itopplus-search-image-flex-container img {
   width: 100% !important;
}
.color {
    font-size: 24px;
    font-weight: 600;
}
.download {
    font-size: 15px;
    text-align: center !important;
    font-weight: 300;
    border: 1px solid red;
    background: red;
    color: #fff;
    width: fit-content;
    padding: 1% 5% 1% 5%;
    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;
}
.download:hover {
      -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
hr.new2 {
    border-top: 1px solid #b7b7b7;
}
.pd-footer1 {
    margin-top: 3%;
}
.pd-footer2 {
    margin-bottom: 3%;
}

/**/
.nav-pills2>li.active>a, .nav-pills2>li.active>a:focus, .nav-pills2>li.active>a:hover {
    color: #424242;
    border-bottom: 2px solid #ed1c24;
    background-color: #ffffff00;
}
.nav-justified2>li {
    display: -webkit-inline-box;
    width: 4%;
    margin: 0 auto;
    margin-left: 26px;
}
.icon-color {
    width: 100%;
    border: 1px solid rgb(0 0 0 / 8%);
    border-radius: 100px;
}
.nav-pills2>li.active>a:focus, .nav-pills2>li.active>a:hover {
    text-decoration: none;
    border-bottom: 2px solid #ed1c24;
    -webkit-box-shadow: 0 12px 34px rgb(0 0 0 / 0%);
    -moz-box-shadow: 0 12px 34px rgba(0, 0, 0, 0.12);
    box-shadow: 0 12px 34px rgb(0 0 0 / 0%);
}
.pd-color {
    margin-left: 0;
    margin-right: 0;
}
.nav-pills2>li>a {
    padding: 0px 0px;
    margin-bottom: 25%;
}
.nav-justified2>li {
    display: block;
    width: 18%;
    margin: 0 auto;
}

.color-body {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 12%;
}
.color-body-name {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5%;
}
.coming-soon {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.motorace-head1 {
    margin: 3% 0 2% 0;
}

#imagesControl6048956f8ef9fd001394e582 {
    margin: 0 0 3% 0;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #ed1c24;
}
.pd-main1 {
    padding: 0 3%;
    margin-top: -3%;
}
#contentnewmode60472cd19d07dc0012dd3442 {
    padding: 0 !important;
}
.nav-justified>li {
    font-size: 16px;
}

.down {
    width: 18%;
}
.down2{
    width: 18%;
}
.line-down {
    width: 11%;
    margin-left: 97%;
    margin-top: -42%;
}
.line-down2 {
    width: 5%;
    margin-left: 69%;
    margin-top: -19%;
}
.line-down3 {
    width: 6%;
    margin-left: 98%;
    margin-top: -24%;
}





.motorace-pic-all-pro {
    width: 100%;
    border: 1px solid #9e9e9e61;
    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;
}
.motorace-pic-all-pro:hover {
      -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.motorace-text-all-pro {
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 5px;
}
.motorace-text-all-pro:hover {
	color: #ed1c24;
}




/*แก้ไขรูปแบบการจัดวางสินค้า*/
.edit-color {
    display: inline-block;
    margin: 0 auto;
}
.icon-color2 {
    width: 12%;
    display: inline-block;
    border: 1px solid #dedede;
    border-radius: 100%;
    margin: 0 3% 0 0;
    margin-bottom: 4%;
}
.name-verion {
    font-size: 32px;
    margin-bottom: 4%;
    margin-top: 84%;
    text-align: initial;
}
.edit-color-body {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 3%;
}


.h-hon:hover {
    border: 1px solid #ed1c24;
    border-radius: 20px;
    padding: 4%;
    height: 300px;
}
/*.motorace-pic-con:hover {
    border: 1px solid #ed1c24;
}*/

  .motermap {
    font-size: 22px;
    text-align: center;
    padding: 2% 0% 4% 0%;
}
*/

/****************************************************************** หนูนา รวม2 */ 














/* ME */
 






/* shopcart  */



img.pStatusProduct {
    height: 35%!important;
    top: 5%!important;
    left: 5%!important;
}

.Template-H-CateName {
    color: #000;
}
.Template-H-CateName a {
    color: #004b52;
}

.Template-H-innerPic {
    height: auto;
    aspect-ratio: 1;
    border: solid 0px transparent;
    display: block;
    overflow: hidden;
    transition: 0.35s;
    border-radius: 0px;
    position: relative;
}

.Template-H-PricePromotion {
    color: #000!important;
  	font-weight: 500 !important;
}
.Template-H-frame:hover {
   box-shadow: 0px 1px 14px 0px rgb(140 140 140 / 0%);
   border: solid 0px #cdcdcd;
    background-color: transparent;
}
.Template-H-frame {
    padding: 0%;
    margin: 0;
    border: solid 0px #cdcdcd;
    border-radius: 20px;
    background-color: transparent;
    transition: 0.5s;
    box-shadow: 0px 1px 14px 0px rgb(140 140 140 / 0%);
}
.Template-H-Title {
    color: #000000;
    font-size: 18px;
}
.Template-H-Title label {
    font-weight: 700;
}
.Template-H-Name {
    color: #51504e;
    font-size: 18px;
    text-align: center;
    height: 65px;
    margin-top: 5%;
    margin-bottom: 3%;
    font-weight: 400;
    text-transform: uppercase;
}

#background64a3f4bdc3931d0013793306 .Template-H-Name {
    height: 45px;
}

.Template-H-Name label {
    font-weight: 500;
}
.priceNoPromotion {
    color: #51504e;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
.promotionPrice {
    font-weight: 500;
    color: #e71313!important;
    font-size: 18px;
}
/*
strike.promotionPrice :nth-child(3) {
    color: #51504e;
}*/
/*
.promotionPrice span.currencyNormalPage {
    color: #e71313;
}*/
/*
span.currencyNormalPage {
    font-size: 18px;
    font-weight: 500;
    color: #51504e;
}
*/
strike.promotionPrice {
    color: #51504e!important;
    font-size: 18px;
    font-weight: 500;
}
span.promotionPrice {
    margin-left: 0%;
}
.Template-H-button:hover {
   border: solid 0px #076C74;
    background: linear-gradient(to bottom, rgba(231,8,8,1) 0%, rgba(154,3,3,1) 100%);
}


.Template-H-button {
    border: solid 0px #076C74;
    background: linear-gradient(to bottom, rgba(231, 8, 8, 1) 0%, rgba(154, 3, 3, 1) 100%);
    padding: 9px 5% 9px 5%;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    width: 60%;
    min-width: 17vw;
    margin: auto;
    transition: 0.5s;
    margin-top: 5%;
    margin-bottom: 5%;
    border-radius: 10px;
}




.Template-H-Icon {
    width: 20%;
    /* filter: invert(1); */
}

.Template-H-Des {
    height: inherit;
    border-bottom: solid 0.5px #464646;
    margin-top: 5%;
}
.Template-H-Price label {
    color: #000!important;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
}
.Template-H-Price {
    height: 60px;
    width: 100%;
    margin: 0 auto;
}
.shopcartRelated-Default {
       font-family: 'Noto Sans Thai',sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding: 0% 0% 1% 0%!important;
    border-bottom: solid 1px #dddddd;
    width: 100%!important;
    margin-left: -1%;
}
.shopcart-Cate {
    font-size: 24px;
    text-transform: uppercase;
    padding: 1.2% 0% 1.2% 0%;
}
.Template-H-ProName {
    color: #000;
}


.Template-H-Big {
    border: solid 0px #c2c2c2;
}


.shopcartID-Head-Default, .shopcartID-Default, .shopcartName-Head-Default, .shopcartName-Default, .shopcartlinePrice-Default {
    border: solid 0px transparent;
}

.shopcartID-Head-Default, .shopcartID-Default, .shopcartName-Head-Default, .shopcartName-Default, .Template-H-PriceNormal, .Template-H-Quantity, .Template-H-Item {
     font-family: 'Noto Sans Thai',sans-serif;
}
.shopcartID-Head-Default, .shopcartName-Head-Default, .shopcartSize {
    color: #000;
    font-size: 18px;
}

.shopcartID-Default, .shopcartName-Default {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}
.Template-H-PriceNormal {
    color: #959595;
}
.Template-H-PriceNormal strike {
    font-weight: 500;
    font-size: 20px;
    color: #51504e;
}
.Template-H-buttonDetail:hover {
    border: solid 0px #dcb279;
background: linear-gradient(to bottom, rgba(231,8,8,1) 0%, rgba(154,3,3,1) 100%);

}
.Template-H-buttonDetail {
    border: solid 0px #076C74;
    padding: 8px 0 7px 0;
  background: linear-gradient(to bottom, rgba(231,8,8,1) 0%, rgba(154,3,3,1) 100%);
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-top: 5%!important;
    margin-bottom: 0%!important;
    font-family: 'Noto Sans Thai',sans-serif;
    border-radius: 10px;
    width: 35%;
    transition: 0.5s;
}
.PictureOverflow {
    width: 100%;
}
.Template-H-smallpic {
    width: 17%;
    border: solid 0px #c2c2c2;
    height: inherit;
    margin-top: 2%!important;
}
.fbcomments, .fbcomments span[style], .fbcomments iframe[style] {
    display: none;
}
.shopcartSize {
       font-family: 'Noto Sans Thai',sans-serif;
}
.shopcartSize label {
    font-weight: 400;
}
.shopcartSize label {
    font-size: 18px!important;
    color: #000!important;
}
.shopcartSize-Default {
    font-size: 18px!important;
    font-weight: 400;
    text-transform: capitalize;
}
select.input-sm {
       font-family: 'Noto Sans Thai',sans-serif;
}
.shopcartDetail {
       font-family: 'Noto Sans Thai',sans-serif;
    font-size: 26px;
    font-weight: 500;
    padding: 0% 0% 1% 0%!important;
    border-bottom: solid 1px #dddddd;
    margin-top: 5%;
    text-transform: uppercase;
    color: #000;
}
.ui.steps .step.active {
    color: #fff;
    background: #bf0101;
}
.ui.steps .step.active .title {
    color: #ffffff;
}
.ui.steps .step .title {
        font-family: 'Noto Sans Thai',sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 0px 10px 0px;
    line-height: 1.3;
}
.step1checkout {
    background-color: #bf0101;
    border: 5px solid #bf0101;
}
.btnCheckoutprevious {
    background-color: #bf0101;
    font-weight: 300;
    font-size: 18px;
}
.step5checkout {
    background-color: #bf0101;
    border: 7px solid #bf0101;
}
.shopcart-paymentpage {
    font-size: 18px;
    background-color: #bf0101;
    width: 30%;
    padding: 2%;
}
.Template-H-PriceMember {
    color: #000;
       font-family: 'Noto Sans Thai',sans-serif;
}
.notificationcart {
    color: #ffffff;
    background-color: red;
    bottom: 30%;
    right: 20%;
}
.shopcartlinePrice-Default {
    font-size: 30px;
        font-family: 'Noto Sans Thai',sans-serif;
    text-transform: uppercase;
} 
.shopcartlinePrice-Default label {
    color: #000!important;
    font-weight: 400;
    font-size: 28px;
}
.Template-H-Item, .Template-H-Quantity {
    font-size: 16px!important;
    color: #000;
    font-weight: 400;
}

.row.margin.Shopcart-Related-Main {
    display: none;
}

 
/*
a>.Template-H-button:hover>.Template-H-Icon {
    filter: invert(1);
    transition: 0.3s;
}
a>.Template-H-buttonDetail:hover>.Template-H-Icon {
    filter: invert(1);
    transition: 0.3s;
}*/

 

.shopcart-share {
    display: none!important;
}
 
.ui.massive.star.rating {
    display: none;
}

label.itp-size-text {
    font-size: 18px!important;
}


 
.button-attribute-selected, .button-attribute {
    font-size: 16px;
   font-family: 'Noto Sans Thai',sans-serif;
}
.button-attribute:hover {
    color: #bf0101!important;
    border: 1px solid #bf0101!important;
}
.button-attribute-selected {
      color: #fff!important;
      border: 1px solid #bf0101!important;
      background: #bf0101!important;
      border-radius: 0px!important;
      min-width: 20rem !important;
    min-height: 5rem !important;
}
.button-attribute {
    min-width: 20rem !important;
    min-height: 5rem !important;
}



.k-colorpalette .k-item.k-state-selected {
    box-shadow: 0 1px 4px #bf0101, inset 0 0 3px #bf0101;
}
 .k-colorpalette .k-item {
    box-shadow: 0 1px 4px #bf0101, inset 0 0 3px #a7a7a7;
}






.Template-H-innerPic .discount {
    border: solid 1px #8a8a8a;
    color: #fff;
    padding: 5px;
    padding-bottom: 5px;
    background-color: #8a8a8a;
}
.Template-H-innerPic .discount sup {
    font-size: 10px;
  margin-right: -5px;
}
.Template-H-innerPic .discountNumber {
    font: bold 20px/.9 Helvetica,Tahoma;
}


 

/* shopcart */





/* from PAYMENT */
#Component6507b148e004fd0013132418 {
  width: 97%;
  margin: 0 auto;
  border: solid 0px #eaeef5;
}
#Component6507b148e004fd0013132418 .progress {
  width: 138%;
  margin: 15px!important;
}
#Component6507b148e004fd0013132418 .boarder-confirm-payment {
  border: 0px solid transparent!important;
  border-radius: 0px!important;
}
#Component6507b148e004fd0013132418 textarea.form-control {
  height: auto;
  width: 155%;
}
#Component6507b148e004fd0013132418 .btn-success {
  color: #fff;
  background-image: linear-gradient(to bottom,#bf0101 0,#bf0101 100%);
  background-color: transparent;
  border-color: #ffffff00;
  box-shadow: none;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  margin-top: 0px;
  margin-left: 4%;
}
#Component6507b148e004fd0013132418 .btn-success:hover {
  background-position: 0px;
  background: #333;
  color: #fff;
}
#Component6507b148e004fd0013132418 .input-group 
#Component6507b148e004fd0013132418 .form-control {
  height: 50px;
  padding: 0% 2% 0
    border-radius: 0px;% 3%;
  font-size: 14px;
  color: #555;
}
#Component6507b148e004fd0013132418 .form-control {
  height: 50px;
  padding: 15px 15px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 0px;
  box-shadow: inset 0 0 0 rgba(0,0,0,0);
}
#Component6507b148e004fd0013132418 .form-control:hover {
  border: 1px solid #bf0101;
}
#Component6507b148e004fd0013132418 .input-group-addon {
  padding: 10px 15px;
  color: #fff;
  background-color: #bf0101;
  border: 1px solid #bf0101;
  border-radius: 0px;
}
#Component6507b148e004fd0013132418 .btn-default {
  background-image: linear-gradient(to right, #bf0101 0%,#bf0101 100%);
  background-repeat: repeat-x;
  border-color: #bf0101;
  border-radius: 0px;
  padding: 10px 10px;
  font-size: 14px;
  border: 0px solid transparent;
  color: #fff;
}
#Component6507b148e004fd0013132418 .btn-default:hover, 
#Component6507b148e004fd0013132418 .btn-default:focus {
  background-color: #bf0101;
  color: #fff;
  border-color: #ffffff;
  box-shadow: 0 0 5px black;
}
#Component6507b148e004fd0013132418 .col-md-1 {
  margin-top: 3%!important;
}
#Component6507b148e004fd0013132418 .form-horizontal .control-label {
  font-weight: 400;
}
#Component6507b148e004fd0013132418 .label a {
    color: #000;
}












/* ContentmanagerTab */
.ContentmanagerTab .nav-tabs>li.active>a, 
.ContentmanagerTab .nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
    color: #ffffff!important;
}



/*Content Manager รูปแบบ ที่ 5*/
.row.contenemanager-gallery .col-xs-12.col-md-3 {
    padding-right: 10px;
    padding-left: 10px;
}
.nav-template .col-md-8.col-sm-8.col-xs-12.padding-col strong {
    font-size: 18px;
    font-weight: 300;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    height: 70px;
    padding: 0px 5px 10px 5px;
    color: #333;
    line-height: 1.2;
    width: 100%;
    margin: 0 auto;
    margin-bottom: -13%;
}
.nav-template .col-md-6.col-sm-6.col-xs-12 {
    border: solid 0px #ccc;
      width: 13.9%;
    margin: 15px!important;
    margin-top: 10px;
    text-align: center;
    padding-bottom: 0px;
    background-color: #fff;
    padding: 0px;
    box-shadow: 0 0 10px 0 #f3f3f3;
}
.nav-template .col-md-8.col-sm-8.col-xs-12.padding-col p {
    padding-bottom: 25px!important;
    overflow: hidden;
    display: none;
    font-size: 16px;
    color: #000;
}
.nav-template li:hover {
    box-shadow: 0 0 10px #b5b5b5;
    background-color: transparent;
    text-decoration: none!important;
}

.nav-template .col-md-6.col-sm-6.col-xs-12:hover {

}
/*.nav-template .col-md-6.col-sm-6.col-xs-12 a:after {
    content: "รายละเอียดสินค้า"!important;
    border-bottom: solid 0px transparent;
   background:#ed1c24;
    letter-spacing: 0px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
      font-weight: 300;
    padding: 10px 43px;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: max-content;
    text-transform: uppercase;
}
.nav-template .col-md-6.col-sm-6.col-xs-12 a:hover:after {
    content: "รายละเอียดสินค้า"!important;
    border-bottom: solid 0px transparent;
   background:#ed1c24;
    color: #fff;
    letter-spacing: 0px;
    border-radius: 30px;
    font-size: 16px;
      font-weight: 300;
    padding: 10px 50px;
    text-align: center;
    width: max-content;
    text-decoration: none!important;
    text-transform: uppercase;
}*/
  .nav-template .col-md-8.col-sm-8.col-xs-12.padding-col {
    width: 100%;
    font-size: 14px;

}
.nav-template li:hover a {
    color: #333;
    text-decoration: none!important;
}
.nav-template .col-md-4.col-sm-4.col-xs-12.padding-col {
    width: 100%;
      padding: 0!important;
}
h3.managerHeader {
font-size: 2.8em;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #1b1b1b;
    margin-top: 2%;
    margin-bottom: 1%;
}
.page-header {
    border-bottom: none;
    padding-bottom: 0px;
    margin: 25px 0 20px;
}
#Contentmanager .post-time {
    display: none;
}
.img-container {
    padding-bottom: 170%;
}


.img-thumbnail {
    border: 0px solid #ddd;
      background-color: transparent;
}

.landingpagemanager {
    display: none;
}

.fbcomments, .fbcomments span[style], .fbcomments iframe[style] {
    display: none;
}





@media (max-width: 414px){
li.col-md-6.col-sm-6.col-xs-12  {
  width: 40%!important;
}

}

@media only screen and (max-width: 320px) {
 li.col-md-6.col-sm-6.col-xs-12 {
width: 40%!important;
}
}

@media only screen and (max-width: 375px) {
 li.col-md-6.col-sm-6.col-xs-12 {
width: 40%!important;
}
}


@media only screen and (max-width : 768px) {
li.col-xs-12 {
width: 100%!important;
}

}

@media only screen and (max-width : 922px) {
 li.col-sm-6 {
width: 30.5%!important;
}

}
/*Contentmanager เนื้อหา */
/* contenemanager */










/* contenemanager 8 */
/*อัลบั้มในเนื้อหาระบบ*/
#Contentmanager .form-group .col-md-3 {
    /* padding: 5px 5px 0px 5px; */
    text-align: center!important;
    FONT-WEIGHT: 200;
    width: 33%;
    padding-top: 15px;
}
#Contentmanager a.thumbnail.fancybox {
    border-radius: 0px;
    background-color: transparent;
    border: 0px dashed #ccc;
    padding: 0%!important;
    margin-bottom: 0;
}
#Contentmanager a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: transparent;
  box-shadow: 0px 0px 0px 0px rgb(220 220 220);
  opacity: 1;
      border: 0px dashed #ccc;
}
#Contentmanager .col-md-12.text-justify {
  padding-right: 10px;
  padding-left: 10px;
} 

#Contentmanager .col-md-6.pull-left {
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: -2%;
    margin-left: -0.5%;
}
.img-thumbnail, .thumbnail {
    -webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
}
#Contentmanager .img-thumbnail {
    border: 0px solid #ddd;
}
#Contentmanager .thumbnail a>img, .thumbnail>img {
    width: 100%;
    border-radius: 0px;
}




/* contenemanager */
.managerHeader {
    font-size: 2.5em;
    text-align: center;
    padding-bottom: 2%;
    color: #3fa6e3;
    font-weight: 500;
}
.page-header {
    border-bottom: 0px solid #eee;
}
#Contentmanager .post-time {
    font-size: 14px;
    font-weight: 300;
    color: #1e2a27;
   display: none;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    padding: 0% 0% 0% 0%;
    font-weight: 400;
    background: transparent;
    height: inherit;
    text-align: center;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    background-color: transparent;
    color: #ed1c24;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    font-weight: 300;
    text-align: center;
    font-size: 16px;
    background-color: #333;
    color: #fff;
    width: fit-content;
    margin: 0 auto;
    padding: 3% 10%;
    border-radius: 30px;
      display: none;
}
article.col-md-6.item.-micro {
    width: 33%;
}
.Contentmanager .site .col-section .item.-micro {
    padding: 10px 10px 50px 10px;
}
.Contentmanager .site .col-section .item.-micro a .image {
    width: 100%;
    margin-bottom: 0px;
    border-radius: 0px;
 
}

 



.Contentmanager .site .col-section .item.-micro a .caption {
      width: 100%;
      background: transparent;
      padding-left: 0;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: none;
    border-bottom: none;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
    border-bottom: none;
}

.Contentmanager .site .col-section .item.-micro a .post {
    display: none;
}

.contenemanager-gallery .col-xs-12.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}
.contenemanager-gallery .col-xs-12.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 33.333%;
}
.contenemanager-gallery .thumbnail {
    padding: 0px;
    border: 0px solid #fff;
    border-radius: 0px;
      transition: 0.3s;
}
.Contenemanager-gallery .thumbnail:hover {
      transition: 0.3s;
      transform: scale(1.01);
     box-shadow: 0 0 10px #a2a2a2;
}
.contenemanager-gallery .thumbnail:hover {
      transition: 0.3s;
      transform: scale(1.01);
     box-shadow: 0 0 10px #a2a2a2;
}
.Contenemanager-gallery .thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 0 0 rgba(0,0,0,.075);
}
.contenemanager-gallery .thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: 0 0 0 rgba(0,0,0,.075);
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: transparent;
}
.fbcomments, .fbcomments {
    display: none;
}
 .landingpagemanager {
    display: none;
}
.nav-template7 li a {
    color: #1c1c1c;
    display: inline-block;
    font-size: 18px!important;
}
.nav-template7 li:hover {
    background-color: #fff7ef;
    text-decoration: none;
}
#contenttype71 {
    font-size: 16px;
    text-align: left;
}
.nav-template7 .fa-plus:before {
    content: "\f101";
    color: #083a2e;
}
.col-md-12.text-justify {
    padding-right: 5px;
    padding-left: 5px;
}
.Textmanager.font-inherit {
    display: flow-root;
}
/* contenemanager 8 */








/*Testimonials Showcase*/
.testimonial {
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    border-top: 0px solid transparent;
    position: relative;
}
.testimonial:before{
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 50px;
    color: #4b489b;
    opacity: 0.5;
  display:none;
}
.testimonial .pic{
    width: 150px;
    height: 150px;
    border: 5px solid #4b489b;
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    font-size: 14px;
    color: #6f6f6f;
    line-height: 25px;
    margin-bottom: 30px;
}
.testimonial .testimonial-title{
    display: block;
    text-align: right;
    font-size: 22px;
    color: #4b489b;
    margin: 0;
}
.testimonial .post{
    display: block;
    font-size: 12px;
    color: #6f6f6f;
    margin-top: 7px;
}
.owl-theme .owl-controls .owl-page span {
    width: 60px;
    height: 10px;
    background: #cccccc;
    margin-bottom: 30%;
}
.owl-theme .owl-controls .owl-page span:hover {
    background: red;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    background: #ec1b2e;
}

@media only screen and (max-width: 479px){
    .testimonial{ padding: 80px 15px 5px; }
    .testimonial::before{ top: 10px; }
    .testimonial .pic{
        width: 120px;
        height: 120px;
        top: -60px;
    }
 .testimonial {
    padding: 0px 0px 0px 0px;
} 
}
 
/*Testimonials Showcase*/



/* tab  */

#headd .nav-pills>li.active>a, 
#headd .nav-pills>li.active>a:focus, 
#headd .nav-pills>li.active>a:hover {
    color: #ffffff;
    background: #000;
    border-bottom: solid 0px #ec1b2e;
    border-radius: 30px;
    line-height: 1.4;
}
#headd .nav>li>a:focus, 
#headd .nav>li>a:hover {
    color: #ffffff;
    background: #ec1b2e;
    border-bottom: solid 0px #ec1b2e;
    border-radius: 30px;
    line-height: 2;
}
#headd .nav-justified {
    text-align: center;
    color: #fff;
    background-color: #fafafa;
    border: solid 0px transparent;
    font-weight: 500;
    border-radius: 30px;
    font-size: 20px;
}


#headdwidth {
    width: 30%;
    margin: 0 auto;
    display: block;
}
#headdwidth1 {
    width: 20%;
    margin: 0 auto;
    display: block;
}
#headdwidth2 {
    width: 12%;
    margin: 0 auto;
    display: block;
}
#headdwidth3 {
    width: 26%;
    margin: 0 auto;
    display: block;
}
.headdW {
    width: 60%;
    margin: 0 auto;
}
#headdW1 {
    width: 5%;
    margin: 0 auto;
}


/*---Tab Car bodycolour---*/
#bodycolour .nav-pills>li.active>a, 
#bodycolour .nav-pills>li.active>a:hover, 
#bodycolour .nav-pills>li.active>a:focus {
    color: #fff;
    background: #428bca;
    box-shadow: 2px 2px #00000078;
    transition: 0.3s;
    border-bottom: solid 3px transparent;
}
#bodycolour .nav>li>a:focus, 
#bodycolour .nav>li>a:hover {
    border-bottom: solid 3px transparent;
}
#bodycolour .nav-justified {
    background-color: transparent;
}

#width {
    width: 63%;
    margin: 0 auto;
    display: block;
}
#width1 {
    width: 50%;
    margin: 0 auto;
    display: block;
}
#width2 {
    width: 20%;
    margin: 0 auto;
    display: block;
}
#width3 {
    width: 35%;
    margin: 0 auto;
    display: block;
}
#width4 {
    width: 50%;
    margin: 0 auto;
    display: block;
}
#width5 {
    width: 12%;
    margin: 0 auto;
    display: block;
}
#width6 {
    width: 25%;
    margin: 0 auto;
    display: block;
}



/*---Tab home  ---*/


#cct .nav-pills>li.active>a, 
#cct .nav-pills>li.active>a:focus, 
#cct .nav-pills>li.active>a:hover {
    color: #fff;
    background: transparent;
    border-bottom: solid 3px #ec1b2e;
    border-radius: 0px;
    line-height: 1.5;
}
#cct .nav>li>a:focus, 
#cct .nav>li>a:hover {
    color: #fff;
    background-color: transparent;
    border-bottom: solid 3px #ec1b2e;
    border-radius: 0px;
    line-height: 2;
}
#cct .nav-justified {
    text-align: center;
    color: #fff;
    background-color: transparent;
    border: solid 0px #ec1b2e;
    font-weight: 500;
    font-size: 20px;
    border-radius: 0px;
        line-height: 2;
}
#cct .nav-pills>li>a {
    color: #fff;
    font-size: 18px;
}

/*---Tab home  ---*/



/*สี*/

#bodycolour #graygold a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/สี6z-z662673597345.png);
    background-repeat: no-repeat;
}
#bodycolour #backgold a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/สี7z-z785461623143.png);
    background-repeat: no-repeat;
}
#bodycolour #pinkwhite a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/9-ขาว-ชมพูz-z154931546173.png);
    background-repeat: no-repeat;
}
#bodycolour #blackgray a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/2ดำ-เทาz-z1524537189137.png);
    background-repeat: no-repeat;
}
#bodycolour #grayblack a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/grayblackz-z898025504594.png);
    background-repeat: no-repeat;
}
#bodycolour #redwhite a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/5แดง-ขาวz-z348447392658.png);
    background-repeat: no-repeat;
}
#bodycolour #blueyellow a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/4น้ำเงิน-เหลืองz-z399114945311.png);
    background-repeat: no-repeat;
}
#bodycolour #black a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/5ดำz-z1519101696164.png);
    background-repeat: no-repeat;
}
#bodycolour #red a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/6แดงz-z480592747301.png);
    background-repeat: no-repeat;
}
#bodycolour #blue a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/7น้ำเงินz-z363682907239.png);
    background-repeat: no-repeat;
}
#bodycolour #whitepinkpurple a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/6ขาว-ชมพู-ม่วงz-z1179284473896.png);
    background-repeat: no-repeat;
}
#bodycolour #whiteyelloworange a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/7ขาว-เหลือง-ส้มz-z220363647784.png);
    background-repeat: no-repeat;
}
#bodycolour #redblack a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/14แดง-ดำz-z1390000370471.png);
    background-repeat: no-repeat;
}
#bodycolour #redgray a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/image2z-z299508146779.png);
    background-repeat: no-repeat;
}
#bodycolour #blackwhite a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/8ขาว-ดำzz-z400161382256.png);
    background-repeat: no-repeat;
}
#bodycolour #gray a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/11เทาz-z1414419458710.png);
    background-repeat: no-repeat;
}
#bodycolour #blueblack a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/น้ำเงิน-ดำz-z689893964263.png);
    background-repeat: no-repeat;
}


#bodycolour #yellowblack a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/15เหลือง-ดำz-z95439966850.png);
    background-repeat: no-repeat;
}

#bodycolour #white a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/1ขาวz-z207830113379.png);
    background-repeat: no-repeat;
}
#bodycolour #yellowwhite a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/4น้ำเงิน-ขาวzz-z135145880182.png);
    background-repeat: no-repeat;
}
#bodycolour #bluewhite a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/3น้ำเงิน-ขาวzz-z373530717233.png);
    background-repeat: no-repeat;
}
#bodycolour #whitepink a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/2ชมพู-ขาวz-z1566399991362.png);
    background-repeat: no-repeat;
}
#bodycolour #grayred a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/19เทา-แดงz-z1355901408352.png);
    background-repeat: no-repeat;
}
#bodycolour #bluered a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/20น้ำเงิน-แดงz-z1538851185364.png);
    background-repeat: no-repeat;
}
#bodycolour #orangeblack a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/21ดำ-ส้มz-z1286103452523.png);
    background-repeat: no-repeat;
}
#bodycolour #blackbrown a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/22ดำ-น้ำตาลz-z369979414002.png);
    background-repeat: no-repeat;
}
#bodycolour #redbrown a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/23แดง-น้ำตาลz-z1234835168723.png);
    background-repeat: no-repeat;
}
#bodycolour #blackred a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_200420214dud/50/0/blackredz-z1115831972385.png);
    background-repeat: no-repeat;
}
#bodycolour #whitegray a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/ขาวเทาz-z1171153001328.png);
    background-repeat: no-repeat;
}
#bodycolour #whitered a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/ขาวแดงz-z691191966681.png);
    background-repeat: no-repeat;
}
#bodycolour #blackblue a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/สี5z-z914945700648.png);
    background-repeat: no-repeat;
}
#bodycolour #whiteblue a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/ขาวน้ำเงินz-z9546827485.png);
    background-repeat: no-repeat;
}
#bodycolour #bluegray a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/12น้ำเงิน-เทาz-z1196760235982.png);
    background-repeat: no-repeat;
}
#bodycolour #grayyellow a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/เทา-เหลืองz-z1419305329031.png);
    background-repeat: no-repeat;
}
#bodycolour #whitebrown a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/ขาว-น้ำตาล-1z-z1475859595574.png);
    background-repeat: no-repeat;
}
#bodycolour #graywhite a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/graywhite-1z-z245650778001.png);
    background-repeat: no-repeat;
}
#bodycolour #yellowgray a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/เหลือง-เทาz-z71956705321.png);
    background-repeat: no-repeat;
}
#bodycolour #bluewhitred a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/น้ำเงินขาวแดงz-z1609161258881.png);
    background-repeat: no-repeat;
}




#bodycolour #whiteblack a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/ดำ-ขาวz-z525942266665.png);
    background-repeat: no-repeat;
}
#bodycolour #skywhite a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/ฟ้า-ขาวz-z614377305969.png);
    background-repeat: no-repeat;
}
#bodycolour #bluesky a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/น้ำเงิน-ฟ้าz-z439606507048.png);
    background-repeat: no-repeat;
}
#bodycolour #greeblack a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/เขียวดำz-z1061673014521.png);
    background-repeat: no-repeat;
}
#bodycolour #gree a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/greenz-z1563708091613.png);
    background-repeat: no-repeat;
}
#bodycolour #greywhitesuper a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/grey-white-superz-z364958790426.png);
    background-repeat: no-repeat;
}
#bodycolour #browncream a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/browncreamz-z570574128974.png);
    background-repeat: no-repeat;
}
#bodycolour #blackcream a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/blackcreamz-z1167273397562.png);
    background-repeat: no-repeat;
}
#bodycolour #skyyellow a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/skyyellowz-z1194905393874.png);
    background-repeat: no-repeat;
}
#bodycolour #creamblack a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/blackcreamz-z1501960586436.png);
    background-repeat: no-repeat;
}
#bodycolour #orangeblack1 a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/orangeblack1z-z1525913022715.webp);
    background-repeat: no-repeat;
}
#bodycolour #yellow a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/yellowz-z1662832966872.webp);
    background-repeat: no-repeat;
}
#bodycolour #sky a {
    background-color: transparent;
    color: transparent;
    box-shadow: 2px 2px #00000000;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/50/0/skyz-z1124477817417.webp);
    background-repeat: no-repeat;
}
 




/*สี*/

/*ขนาด*/
#pinkwhite a, 
#blackgray a,
#grayblack a,
#redwhite a, 
#blueyellow a,
#black a,
#red a,
#blue a,
#whitepinkpurple a,
#whiteyelloworange a,
#redblack a,
#blackwhite a ,
#gray a,
#blueblack a,
#yellowblack a,
#white a,
#yellowwhite a,
#bluewhite a,
#whitepink a,
#grayred a,
#redgray a,
#bluered a,
#orangeblack a,
#blackbrown a,
#redbrown a,
#blackred a,
#whitegray a,
#whitered a,
#blackblue a,
#whiteblue a,
#graygold a, 
#backgold a,
#bluegray a,
#grayyellow a,
#whitebrown a,
#graywhite a,
#yellowgray a,
#bluewhitred a,
#whiteblack a,
#skywhite a,
#bluesky a,
#greeblack a,
#gree a,
#greywhitesuper a,
#browncream a,
#blackcream a,
#skyyellow a,
#creamblack a,
#orangeblack1 a,
#yellow a,
#sky a  { 
    width: 80px;
    height: 50px;
    border: 0px solid transparent;
    border-radius: 0px;
}
/*ขนาด*/

/*---Tab Car bodycolour---*/





/* ส่วนเสริม */



.carimgpd1 {
    padding: 5% 5% 2% 5%;
}
.carimg1 {
    width: 50%;
    margin: 0 auto;
}




.motorace_bg1 {
    padding: 2%;
    color: #000;
    margin-bottom: 2%;
}
.motorace_color {
    color: #ed1c24;
}
.motorace_weight {
   font-weight: 500;
}
.motorace_indent {
    text-indent: 30px;
    margin-top: 5%;
}



.ct_pd {
    padding: 5% 3%;
}
.ct_1 {
    font-size: 24px;
    color: #ed1c24;
    margin-bottom: 1%;
}
.ct_2 {
    font-size: 18px;
    white-space: break-spaces;
    text-align: left;
}
.ct_3 {
    font-size: 22px;
    font-weight: 500;
    margin-top: 1%;
    font-style: italic;
  text-align: left;
}



/* footer */


.motorace_footer1 {
    font-size: 17px;
    margin-bottom: 5%;
}
.motorace_footer2 {
    font-size: 15px;
    color: #b7b7b7;
    white-space: break-spaces;
    font-weight: 300;
    margin-bottom: 5%;
}
.motorace_footer3 {
    font-size: 15px;
    color: #b7b7b7;
    font-weight: 300;
    margin-left: -5%;
}
.motorace_footer4 {
    font-size: 16px;
    white-space: break-spaces;
    line-height: 2;
    font-weight: 300;
}
.motorace_footer5 {
    font-size: 16px;
    color: #b7b7b7;
    white-space: break-spaces;
    line-height: 2;
    font-weight: 300;
}


.motorace_pd1 {
    margin-bottom: 1%;
}
.footer-img1 {
    width: 60%;
}
.footer-img2 {
    width: 40%;
    margin-top: 5%;
}
.fmg1 {
    margin-top: 1%;
}




/* button */

.button-text {
    font-size: 20px;
    font-weight: 500;
    color: #ed1c24;
}
.button1:hover {
    background-color: #ed1c24;
}
.button1 {
    background-color: #525252;
    color: #fff;
    text-align: center;
    width: 25%;
    margin: 0 auto;
    padding: 1% 2%;
    font-size: 18px;
    border-radius: 30px;
    transition: 0.5s;
    margin-bottom: 4%;
}
.button-img {
    width: 100%;
}
.block-button {
    display: flex;
    width: 25%;
    margin: 0 auto;
    border: solid 1px #ed1c24;
    margin-top: 0%;
    margin-bottom: 4%;
}
.block-button1 {
    width: 20%;
    align-self: center;
    text-align: center;
    background-color: #ed1c24;
    padding: 2%;
}
.block-button2 {
    width: 80%;
    align-self: center;
    text-align: center;
}

.motorace_bnt1:hover {
    background-color: #ff000a;
}
.motorace_bnt1 {
    font-size: 20px;
    background-color: #ed1c24;
    color: #fff;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    padding: 1.5% 10%;
    margin: 0 auto;
    width: fit-content;
    border-radius: 30px;
    margin-bottom: 2%;
    transition: 0.5s;
}



/*ul_icon*/

.icon_article {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.7;
    text-align: left;
    list-style: none;
    padding: 0% 0%;
    margin: 0 auto;
    margin-bottom: 1%;
}
.icon_article li::before {
    content: '✤';
    padding-right: 1%;
    color: #000;
}



/* article */
.article-text1 {
    font-size: 20px;
    color: #ed1c24;
    font-weight: 500;
    font-style: italic;
}
.article-text2 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 1%;
}
.article-text3 {
    font-size: 18px;
    font-weight: 300;
    white-space: break-spaces;
}
.article-text3 a {
    font-weight: 500;
}
.article-text3 a:hover {
    border-bottom: solid 1px red;
    width: fit-content;
    color: #ed1c24;
}





/* border */

.motorace_border1 {
    border-bottom: solid 5px #ed1d25;
    width: 10%;
    margin: 0 auto;
    margin-right: 0;
    margin-top: 2%;
}
.motorace_border2 {
    border-bottom: solid 1px #ccc;
    margin-top: 2%;
    margin-bottom: 1%;
}
.motorace_border3 {
    border-bottom: solid 2px #252525;
}
.motorace_border4:hover {
    box-shadow: 0 0 5px #ccc;
}
.motorace_border4 {
    border: solid 1px #ccc;
    transition: 0.5s;
}

/* mg */
.mg1 {
    margin: 4% 0 2% 0;
}

/* img */

.motorace_img1 {
    width: 100%;
}
.motorace_img2 {
    width: 100%;
}
.motorace_img3 {
    width: 70%;
    margin: 0 auto;
}
.motorace_img4 {
    width: 100%;
    margin: 0 auto;
}


/* padding */
.motorace_padding {
 	padding:1%;
}
.motorace_padding1 {
    padding: 2% 0%;
}
.motorace_padding2 {
    margin-top: 12%;
}



/* topic */
.motorace_topic {
    font-size: 2.8em;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #1b1b1b;
    margin-top: 2%;
    margin-bottom: 1%;
}
.motorace_topic1 {
    font-size: 4.5em;
    color: #222222;
    text-align: center;
}
.motorace_topic2 {
    font-size: 24px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 3%;
}
.motorace_topic3 {
    font-size: 2.5em;
    font-weight: 600;
    color: #ed1c24;
    text-transform: uppercase;
    text-align: center;
    margin-top: 3%;
}




/* text */

.motorace_text {
    font-size: 1em;
    font-weight: 400;
    color: #ed1c24;
    letter-spacing: -8px;
}
.motorace_text1 {
    text-align: center;
    font-size: 24px;
}
.motorace_text2 {
    font-size: 18px;
      font-weight: 300;
    text-align: center;
}
.motorace_text3 {
    font-size: 28px;
    text-align: right;
}
.motorace_text4 {
    background-color: #fafafa;
    padding: 12% 10% 12% 10%;
    font-size: 16px;
    font-weight: 300;
    box-shadow: 1px 1px 5px 0 #cacaca;
    margin: 5% 0% 0px -60px;
    white-space: break-spaces;
}
.motorace_text5 {
    font-size: 16px;
    color: #333;
}
.motorace_text6 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.motorace_text7 {
    font-size: 20px;
    font-weight: 300;
}
.motorace_text8 {
    font-size: 22px;
    font-weight: 500;
}
.motorace_text9 {
    font-size: 16px;
    background-color: #ed1c24;
    color: #fff;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    padding: 3.5% 13%;
    margin: 0 auto;
    width: fit-content;
    border-radius: 30px;
    margin-bottom: 2%;
    margin-top: 5%;
}
.motorace_text10 {
    font-size: 16px;
    background-color: #ed1c24;
    color: #fff;
    padding: 3% 10%;
    width: fit-content;
    margin: 0 auto;
    border-radius: 30px;
    margin-top: 5%;
    box-shadow: 0 0 5px red;
}
.motorace_text11 {
    font-size: 28px;
    clip-path: polygon(0 0, 82% 0, 100% 100%, 0% 100%);
    background-color: #ed1d25;
    color: #fff;
    width: fit-content;
    padding: 0% 6% 0% 3%;
}
.motorace_text12 {
    font-size: 16px;
    text-align: center;
    margin-top: 25%;
    color: #333;
}
.motorace_text13:hover {
    background-color: #ed1e26;
}
.motorace_text13 {
    font-size: 14px;
    font-weight: 200;
    background-color: #252525;
    color: #fff;
    padding: 2% 15% 2% 15%;
    border-radius: 30px;
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    margin-top: 10%;
    transition: 0.5s;
}
.motorace_text14 {
    font-size: 26px;
    border-bottom: solid 4px #e81c24;
    width: fit-content;
}
.motorace_text15 {
    font-size: 16px;
    text-align: center;
    background-color: #e81c24;
    color: #fff;
    padding: 5% 0%;
}
.motorace_text16 {
    font-size: 16px;
    text-align: center;
    margin-top: 10%;
    margin-bottom: 5%;
}
.motorace_text17 {
    font-size: 16px;
    background-color: #ed1c24;
    color: #fff;
    padding: 2% 15% 3% 15%;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 10%;
    border-radius: 30px;
}
.motorace_text18 {
    font-size: 22px;
    text-align: center;
    margin-top: 5%;
    text-transform: uppercase;
}
.motorace_text19 {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    margin-top: 2%;
    margin-bottom: 8%;
    white-space: break-spaces;
    height: 40px;
}
.motorace_text20 {
    font-size: 16px;
    background-color: #ed1c24;
    color: #fff;
    padding: 2% 15% 3% 15%;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 8%;
    border-radius: 30px;
}
.motorace_text21 {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/0/0/motorace-1z-z107489395464.png);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    padding: 1.5% 5% 10% 10%;
}
.motorace_text22 {
    font-size: 14px;
    background-color: transparent;
    color: #fff;
    text-align: center;
    width: fit-content;
    padding: 2% 5%;
    margin: 0 auto;
    margin-right: 0;
    text-transform: uppercase;
}



/* picture */
.picture_containers:hover {
    border-bottom: solid 3px red;
}
.picture_containers {
    padding: 10px;
    text-align: center;
    font-size: 20px;
    margin: 1%;
    transition: 0.5s;
    border-bottom: solid 3px transparent;
    color: #fff;
}


.picture_containers1:hover {
    border-bottom: solid 1px #ccc;
    box-shadow: 0 0 5px #ccc;
}
.picture_containers1 {
    width: 17.7%;
    display: inline-grid;
    padding: 0px;
    border: solid 1px #ccc;
    color: #333;
    margin: 1%;
    transition: 0.5s;
    background-color: #fff;
}




/* ID */

#Contentmanager .col-md-12.text-justify {
    padding-right: 10px;
    padding-left: 10px;
} 
#background606291585f3f0c0012062ba9 {
    border: solid 1px #ccc;
    padding: 5% 0%;
}
#background62d8ef6c0140420013033e64 {
    background-color: #f1f1f1;
    padding: 8% 3%;
    margin-top: -7%;
}





/* album  */

figure.effect-apollo {
    background: transparent;
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0,0,0,0);
}
.fancybox-skin {
    background: #fff;
    border-radius: 0px;
}
.fancybox-lock {
    overflow: auto;
}
.fancybox-margin {
   margin-right: 0px;
}
.fancybox-lock .fancybox-overlay {
   overflow: auto;
   overflow-y: hidden;
}

/*เฉพาะรูปแบบมีขอบ*/

.thumbnail img.imageGallery:hover{
   -webkit-transform: scale(1.1);
   transform: scale(0.98);
 -moz-transition: all 0.5s;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}

.thumbnail .imageWidth.imageGallery {
   transform: scale(1.0);
   transition: 0.32s;
}
.thumbnail .imageWidth.imageGallery:hover {
   transform: scale(1.05);
   transition: 0.32s;
}

/**ห้ามเกินกรอบ**/
 .thumbnail .imgLightbox {
    position: relative!important;
    overflow: hidden!important;
    width: 100%!important;
}


.thumbnail {
    border: solid 0px #fff;
    background: transparent;
    color: #333;
    border-radius: 0px;
    padding: 0%!important;
    margin: 5% 2%;
    box-shadow: 0 0 0 0 transparent;
}
.thumbnail:hover {
    box-shadow: 0 0 0 0 transparent;
	background: transparent;
    border-radius: 0px;
    color: #ed1c24;
}


#background60b49ec27a43e00013be82a2 .thumbnail,
#background60b4a5bc22f5420012cc3b6b .thumbnail,
#background60b4a5f92b2d0b001254dd37 .thumbnail,
#background60b4ad2fdb2d78001265b025 .thumbnail {
   border: solid 1px #ccc;
    background: transparent;
    color: #333;
    border-radius: 0px;
    padding: 0%!important;
    margin: 5% 2%;
    box-shadow: 0 0 0 0 transparent;
}
#background60b49ec27a43e00013be82a2 .thumbnail:hover,
#background60b4a5bc22f5420012cc3b6b .thumbnail:hover,
#background60b4a5f92b2d0b001254dd37 .thumbnail:hover,
#background60b4ad2fdb2d78001265b025 .thumbnail:hover {
    box-shadow: 0 0 5px #ccc;
	background: transparent;
    border-radius: 0px;
    color: #ed1c24;
}
#background60b49ec27a43e00013be82a2 .thumbnail img,
#background60b4a5bc22f5420012cc3b6b .thumbnail img,
#background60b4a5f92b2d0b001254dd37 .thumbnail img {
    padding: 10%;
}




/*  jazz */
figure.effect-jazz figcaption::after {
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
figure.effect-jazz {
    background: transparent;
}





/* tableB */

#tableB {
  width: 100%;
}
#tableB th {
    background-color: #ed1c24;
    padding: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    border: solid 1px #fff;
}
#tableB td {
    border: 1px solid #ddd;
    padding: 15px;
    font-size: 16px;
    font-weight: 300;
}

#tableB tr:nth-child(even){background-color: #fafafa;}
#tableB tr:hover {background-color: #ed1c24; color: #fff;}











/* ติดต่อเรา */

.contact-bg {
    padding: 4% 0% 0% 0%;
    color: #333;
    border-radius: 10px;
}
.contact-bg h4 {
    color: #333;
    font-weight: 500;
    font-size: 24px;
}
.contact-bg h3 {
    color: #333;
    font-weight: 500;
    font-size: 20px;
    margin-top: 5%;
    margin-bottom: 2%;
}
.contact-bg p {
    white-space: break-spaces;
    font-size: 17px;
    color: #333;
}
.contact-border {
    margin-bottom: 1.5%;
}
.contact-img {
    width: 100%;
    margin: 0 auto;
}
.text-contact {
    font-size: 16px;
    margin-top: 1%;
    margin-left: 2%;
    color: #333;
}
.text-contact a {
    color: #333;
}
.text-contact a:hover {
    color: #ed1c24;
}





/* menu */

li.mega3flexProduct1 {
    width: 20% !important;
}
li.mega3flexProduct2 {
    width: 20%!important;
}
.menuPlateLastLevel > .flexLv3Template3 {
    overflow-y: scroll;
    height: 700px;
}
blockquote {
   border-left: 0px solid #eee !important;
}

ul.itpMegamenuTemplate3 > li#menu60419e0c2321f21f3c071a0e > a,#menu6041a03f06e9dd0013dbda39 > a, #menu6041a04e3cf2920012c2843a > a {
   background-color: white!important;
}
/*ul.itpMegamenuTemplate3 > li#menu60419e0c2321f21f3c071a0e > a > span,#menu6041a03f06e9dd0013dbda39 > a > span, #menu6041a04e3cf2920012c2843a > a > span {
   color: black;
}
ul.itpMegamenuTemplate3 > li#menu60419e0c2321f21f3c071a0e:hover > a > span,#menu6041a03f06e9dd0013dbda39:hover > a > span, #menu6041a04e3cf2920012c2843a:hover > a > span {
   color: red;
}*/




 
/* media Phone 480 */

@media only screen and (max-width:480px) {
.motorace_text1 {
    font-size: 16px;
}
.motorace_text2 {
    font-size: 14px;
}  
.motorace_bg1 {
    height: inherit;
}
#imagesControl605dbfeb2ce19e00125412e9 {
    padding: 0px!important;
}  
#imagesControl6061a0db382cc7001266297d {
    padding: 0px!important;
}
  
  
.motorace_topic1 {
    font-size: 32px;
}     
#width {
    width: 90%;
}
#width1 {
    width: 45%;
}
#width2 {
    width: 35%;
}
  
#bodycolour #graygold a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/สี6z-z662673597345.png);
}
#bodycolour #backgold a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/สี7z-z785461623143.png);
}
  
#bodycolour #pinkwhite a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/9-ขาว-ชมพูz-z154931546173.png);
}
#bodycolour #blackgray a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/2ดำ-เทาz-z1524537189137.png);
}
#bodycolour #grayblack a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/grayblackz-z898025504594.png);
}  
#bodycolour #redwhite a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/5แดง-ขาวz-z348447392658.png);
}
#bodycolour #blueyellow a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/4น้ำเงิน-เหลืองz-z399114945311.png);
}
#bodycolour #black a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/5ดำz-z1519101696164.png);
}
#bodycolour #red a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/6แดงz-z480592747301.png);
}
#bodycolour #blue a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/7น้ำเงินz-z363682907239.png);
}
#bodycolour #whitepinkpurple a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/6ขาว-ชมพู-ม่วงz-z1179284473896.png);
}
#bodycolour #whiteyelloworange a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/7ขาว-เหลือง-ส้มz-z220363647784.png);
} 
#bodycolour #redblack a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/14แดง-ดำz-z1390000370471.png);
}
  #bodycolour #redgray a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/image2z-z299508146779.png);
}
#bodycolour #blackwhite a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/8ขาว-ดำzz-z400161382256.png);
}
#bodycolour #gray a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/11เทาz-z1414419458710.png);
}  
#bodycolour #blueblack a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/น้ำเงิน-ดำz-z689893964263.png);
}

#bodycolour #yellowblack a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/15เหลือง-ดำz-z95439966850.png);
}
#bodycolour #white a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/1ขาวz-z207830113379.png);
}
#bodycolour #yellowwhite a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/4น้ำเงิน-ขาวzz-z135145880182.png);
}
#bodycolour #bluewhite a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/3น้ำเงิน-ขาวzz-z373530717233.png);
}  
#bodycolour #whitepink a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/2ชมพู-ขาวz-z960203915881.png);
}  
#bodycolour #grayred a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/19เทา-แดงz-z1355901408352.png);
}

#bodycolour #bluered a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/20น้ำเงิน-แดงz-z1538851185364.png);
}
#bodycolour #orangeblack a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/21ดำ-ส้มz-z1286103452523.png);
}
 #bodycolour #blackbrown a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/22ดำ-น้ำตาลz-z369979414002.png);
}
#bodycolour #redbrown a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/23แดง-น้ำตาลz-z1234835168723.png);
}
#bodycolour #blackred a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_200420214dud/30/0/blackredz-z1115831972385.png);
} 
#bodycolour #whitegray a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/ขาวเทาz-z1171153001328.png);
} 
#bodycolour #whitered a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/ขาวแดงz-z691191966681.png);
} 
 #bodycolour #blackblue a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/สี5z-z914945700648.png);
}  
#bodycolour #whiteblue a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/ขาวน้ำเงินz-z9546827485.png);
} 
#bodycolour #bluegray a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/12น้ำเงิน-เทาz-z1196760235982.png);
} 
#bodycolour #grayyellow a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/เทา-เหลืองz-z1419305329031.png);
} 
#bodycolour #whitebrown a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/ขาว-น้ำตาล-1z-z1475859595574.png);
}
#bodycolour #graywhite a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/graywhite-1z-z245650778001.png);
}
#bodycolour #yellowgray a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/เหลือง-เทาz-z71956705321.png);
}
#bodycolour #bluewhitred a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/น้ำเงินขาวแดงz-z1609161258881.png);
}
#bodycolour #whiteblack a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/ดำ-ขาวz-z525942266665.png);
}
#bodycolour #skywhite a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/ฟ้า-ขาวz-z614377305969.png);
}
#bodycolour #bluesky a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/น้ำเงิน-ฟ้าz-z439606507048.png);
}
#bodycolour #greeblack a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/เขียวดำz-z1061673014521.png);
}
#bodycolour #gree a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/greenz-z1563708091613.png);
}
#bodycolour #greywhitesuper a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/grey-white-superz-z364958790426.png);
}
#bodycolour #browncream a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/browncreamz-z570574128974.png);
} 
#bodycolour #blackcream a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/blackcreamz-z1167273397562.png);
}
#bodycolour #skyyellow a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/skyyellowz-z1194905393874.png);
}
#bodycolour #creamblack a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/blackcreamz-z1501960586436.png);
}
#bodycolour #orangeblack1 a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/orangeblack1z-z1525913022715.webp);
}
#bodycolour #yellow a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/yellowz-z1662832966872.webp);
}  
#bodycolour #sky a {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_050220216c1t/30/0/skyz-z1124477817417.webp);
}   
 
 
  
#pinkwhite a, 
#blackgray a,
#grayblack a,
#redwhite a, 
#blueyellow a,
#black a,
#red a,
#blue a,
#whitepinkpurple a,
#whiteyelloworange a,
#redblack a,
#blackwhite a ,
#gray a,
#blueblack a,
#yellowblack a,
#white a,
#yellowwhite a,
#bluewhite a,
#whitepink a,
#grayred a,
#redgray a,
#bluered a,
#orangeblack a,
#blackbrown a, 
#redbrown a,
#blackred a,
#whitegray a,
#whitered a,
#blackblue a,
#whiteblue a, 
#graygold a, 
#backgold a,
#bluegray a,
#grayyellow a,
#whitebrown a,
#graywhite a,
#yellowgray a,
#bluewhitred a,
#whiteblack a,
#skywhite a,
#bluesky a,
#greeblack a,
#gree a,
#greywhitesuper a,
#browncream a,
#blackcream a,
#skyyellow a,
#creamblack a,
#orangeblack1 a,
#yellow a,
#sky a  {
    width: 35px;
}  
.owl-theme .owl-controls .owl-page span {
    width: 15px;
    height: 3px;
}  
.motorace_topic3 {
    font-size: 24px;
}
.table-responsive {
    display: -webkit-box;
}  
.motorace_text4 {
    margin: 5% 0% 0px 0px;
    white-space: inherit;
}  
.motorace_topic {
    font-size: 2em;
}
#imagesControl6061ae5b5f3f0c0012062626 {
    padding: 0px!important;
}  
.motorace_topic2 {
    font-size: 16px;
}
#imagesControl6061b1a19e31d400125149e0 {
    padding: 0px!important;
}
#imagesControl6061b55f2ce19e0012543688 {
    padding: 0px!important;
}  
#imagesControl6061bb178f3c1a0012e2c64e {
    padding: 0px!important;
}  
#imagesControl6061bef2382cc70012662ef5 {
    padding: 0px!important;
}  
#imagesControl6061c349c736210012df55f3 {
    padding: 0px!important;
}
#width3 {
    width: 55%;
}
#width4 {
    width: 78%;
}  
 #width5 {
    width: 55%;
}
  
#imagesControl6062af3e9e31d400125154b3 {
    padding: 0px!important;
}  
.thumbnail {
    margin: 5% 0%;
}  
#imagesControl6062c4269e31d400125155c9 {
    padding: 0px!important;
}
.motorace_text8 {
    font-size: 18px;
}  
#imagesControl6062c4fa8f3c1a0012e2d05e {
    padding: 0px!important;
} 
#imagesControl6062c5088f3c1a0012e2d076 {
    padding: 0px!important;
}  
#imagesControl6062c5165f3f0c00120631dc {
    padding: 0px!important;
}  
.motorace_text6 {
    font-size: 16px;
}  
.motorace_text7 {
    font-size: 14px;
}  
#myImage1617079374904 {
    width: 6%!important;
}
#imagesControl6064586064629b0013b16de9 {
    padding: 0px!important;
    margin-bottom: -2%;
}  
#tableB td {
    font-size: 10px;
      padding: 5px;
}  
#tableB th {
    font-size: 10px;
      padding: 5px;
}
.motorace_text10 {
    font-size: 14px;
    padding: 2% 8%;
}
#background607e851390514c00122e32b0, #background607e851190514c00122e32a6 {
    margin-bottom: -10%;
}
#imagesControl60b44d0a2adb4b0013548140,
#imagesControl60b45b7c22f5420012cc346e,
#imagesControl60b46903e2edc300124fc58a,
#imagesControl60b46dc37a43e00013be7eca,
#imagesControl60b485ee22f5420012cc37ea,
#imagesControl60b48b74db2d78001265ac77,
#imagesControl60b4912fe2edc300124fc885,
#imagesControl60b49624db2d78001265ada0,
#imagesControl60b4989dbb9b0f0012fb7f0b,
#imagesControl62f4883c9eb62b0014354e50,
#imagesControl62f4ad8b9eb62b00143552cc,
#imagesControl62f4cf95034ac20013b0ac01,
#imagesControl62f9e12367f2000014114179,
#imagesControl62f9eb1a9eb62b001435a1ba,
#imagesControl62f9f11d0784750013dd8806,
#imagesControl62f9f605034ac20013b0eb32,
#imagesControl62f9fb9867f2000014114370,
#imagesControl62fa0000034ac20013b0ebef,
#imagesControl62fa03a667f2000014114419,
#imagesControl62fa0968034ac20013b0ecfb  {
    padding: 0px!important;
}    
#headd .nav-pills>li.active>a, 
#headd .nav-pills>li.active>a:focus, 
#headd .nav-pills>li.active>a:hover {
    line-height: inherit!important;
}
#headdwidth {
    width: 45%;
}
#headdwidth1 {
    width: 35%;
}
#headdwidth2 {
    width: 25%;
}  
#headdwidth3 {
    width: 45%;
}  
.headdW {
    width: 100%;
}
#headd .nav-justified {
    border-radius: 0px;
}
.picture_containers1 {
    width: 47%;
}
#cct .nav>li>a:focus, 
#cct .nav>li>a:hover {
    line-height: 1.5;
}
#cct .nav-justified {
       line-height: 1.5;
}  
.button1 {
    width: 60%;
    padding: 2% 2%;
    font-size: 16px;
}  
#Component6048954e3dcb85001301b499 .Contentmanager .caption {
    font-size: 16px !important;
    height: 65px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.motorace_text19 {
    font-size: 12px;
    height: 30px;
}
.block-button {
    width: 70%;
}  
.nav-template .col-md-8.col-sm-8.col-xs-12.padding-col strong {
    font-size: 12px;
}
  
#background60b49ec27a43e00013be82a2 .row-fluid [class*=col-sm-5fix],
  #background60b4a5bc22f5420012cc3b6b .row-fluid [class*=col-sm-5fix],
  #background60b4a5f92b2d0b001254dd37 .row-fluid [class*=col-sm-5fix],
  #background60b4ad2fdb2d78001265b025 .row-fluid [class*=col-sm-5fix] {
    width: 50%;
}
#width6 {
    width: 45%;
} 
.motorace-text-main2 {
    line-height: inherit;
}
  
.Template-H-innerPic {
    height: inherit;
} 
  
  
.menuPlateLastLevel > .flexLv3Template3 {
        overflow-y: inherit;
    height: inherit;
} 
ul.itpMegamenuTemplate3 > li#menu60419e0c2321f21f3c071a0e > a,#menu6041a03f06e9dd0013dbda39 > a, #menu6041a04e3cf2920012c2843a > a {
   background-color: red!important;
}
} 

/* media Phone 480 */





body, html { overflow-x: hidden; }




.ITPcookiebar {
    width: 100%!important;
    background-color: rgb(0 0 0 / 50%)!important;
    color: #fff;
}
.unknown_prf .btn-main {
    margin-bottom: 100%;
}
.buttonExampleSite:hover {
    background: #444!important;
  border: 1px solid #444!important;
}
.buttonExampleSite {
    border-radius: 0px!important;
    background-color: #ed1e26!important;
    font-size: 16px!important;
    border: 1px solid #ed1e26!important;
    color: #ffffff!important;
}


/* ME */


 

.eapps-widget-toolbar {
    display: none;
}

#menu-23-61f3a54b8fdc7 {
	margin-top: auto!important;
  	margin-right: 50px;
}
.mega3flexProduct2 .image-menu-lv img {
	width:100%;
}
.itopplus-slide {
	padding-top:100px;
}
@media(max-width: 1440px) {
.itopplus-slide {
	padding-top:60px;
}
}

button.ui.blue.button.upload-product-from-excel {
    display: inline-block !important;
}


.Template-H-pic {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}


.Template-H-innerPic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  transition: .3s;
}

.Template-H-pic:hover img {
transform: scale(1.05);
}



.text-OutOfStock {
    top: 40% !important;
    inset: 0;
    height: fit-content;
    width: fit-content;
    background-color: #fff;
    padding: 5px 20px;
    font-size: clamp(22px, 1.5vw, 34px) !important;
}