/*3.80.0*/
/*--Custom Template from theme45--*/
/*--Fonts--*/

@font-face {
    font-family: 'Supermarket';
    font-weight: normal;
    font-style:  normal;
    font-display: swap;
    src: url('/modules/flexi/fonts/supermarket-webfont.eot'); /* IE9 Compat Modes */
    src: local('Supermarket'),
         url('/modules/flexi/fonts/supermarket-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/modules/flexi/fonts/supermarket-webfont.woff') format('woff'), /* Modern browsers */
         url('/modules/flexi/fonts/supermarket-webfont.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'TH Niramit AS';
    font-weight: normal;
    font-style:  normal;
    font-display: swap;
    src: url('/modules/flexi/fonts/th_niramit_as-webfont.eot'); /* IE9 Compat Modes */
    src: local('TH Niramit AS'),
         url('/modules/flexi/fonts/th_niramit_as-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/modules/flexi/fonts/th_niramit_as-webfont.woff') format('woff'), /* Modern browsers */
         url('/modules/flexi/fonts/th_niramit_as-webfont.ttf') format('truetype'); /* Safari, Android, iOS */
}


/*--Body--*/
body {
    background-color: #ffffff;
}
#body-bg.onload{
    background-image: url(/images/background/main/crop-1506331694388.jpg?1725291402);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center top;
}

/*--Header--*/
#header .header-height-dummy {
    height: 320;
}

#header .header-inner .panel #header-flash {
    display: none;
}
#header .header-inner .panel #siteinfo #sitename {
    min-height: 38px;
    font-family: "Supermarket";
    font-size: 38px;
    color: #000000;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
}
#header .header-inner .panel #siteinfo #tagline {
    min-height: 30px;
    font-family: "Supermarket";
    font-size: 30px;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
}
#header > .header-inner > .panel {
    background-color: #4400ff; /* for fallback */
    background-color: rgba(68, 0, 255, 0); 
        background-image: url(/images/background/header/crop-1522810588582.jpg?1725291402);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: right top;
        -pie-background: rgba(68, 0, 255, 0) url(/images/background/header/crop-1522810588582.jpg?1725291402) no-repeat right top;
}

#header > #topbar {
    background-color: #ff0000; /* for fallback */
    background-color: rgba(255, 0, 0, 1);
    background-image: url(/images/background/topbar/crop-1495001003094.jpg?1725291402);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -pie-background: rgba(255, 0, 0, 1) url(/images/background/topbar/crop-1495001003094.jpg?1725291402) no-repeat 100% 100%;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background/topbar/crop-1495001003094.jpg?1725291402', sizingMethod='scale')\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background/topbar/crop-1495001003094.jpg?1725291402', sizingMethod='scale')\9";
}
/* :root > for target IE9 and higher , \9 > for targer IE9 and lower */
:root #header > #topbar {
    filter: none\9;
    -ms-filter: ""\9;
}

#sidebar {
    background-color: #0015ff; /* for fallback */
    background-color: rgba(0, 21, 255, 1);
    background-image: url(/images/background/sidebar/crop-1454983151722.jpg?1725291402);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -pie-background: rgba(0, 21, 255, 1) url(/images/background/sidebar/crop-1454983151722.jpg?1725291402) no-repeat 100% 100%;
    behavior: url(/modules/helper/PIE/PIE.htc);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background/sidebar/crop-1454983151722.jpg?1725291402', sizingMethod='scale')\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background/sidebar/crop-1454983151722.jpg?1725291402', sizingMethod='scale')\9";
}
/* :root > for target IE9 and higher , \9 > for targer IE9 and lower */
:root #sidebar {
    filter: none\9;
    -ms-filter: ""\9;
}

/*--Side Menu--*/

ul.sidenav > li {
	background-color: #0015ff; /* for fallback */
	background-color: rgba(0, 21, 255, 0);
	background-image: none;
	-pie-background: rgba(0, 21, 255, 0);
	behavior: url(/modules/helper/PIE/PIE.htc);
}
:root ul.sidenav > li {
    filter: none\9;
    -ms-filter: ""\9;
}

#member-menu-wrap ul > li:hover,
ul.sidenav > li:hover { 
	background-color: #0015ff; /* for fallback */
    background-color: rgba(0, 21, 255, 1);
    background-image: none;
    -pie-background: rgba(0, 21, 255, 1);
	behavior: url(/modules/helper/PIE/PIE.htc);
}
ul.sidenav > li > a {
    font-family: "Supermarket";
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

ul.sidenav > li:hover > a {
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

ul.sidenav > li > span {
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
ul.sidenav > li:hover > span {
    color: #ffffff;
}
ul.sidenav > li > span.subhover {
    color: #0015ff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    background-color: #000000;
}

/*--Side Sub Menu--*/
ul.sidenav > li > ul.subnav {
    background-color: #0015ff; /* for fallback */
    background-color: rgba(0, 21, 255, 1);
    -pie-background: rgba(0, 21, 255, 1);
    behavior: url(/modules/helper/PIE/PIE.htc);
}

ul.sidenav > li > ul.subnav > li { 
	background-color: #0015ff; /* for fallback */
	background-color: rgba(0, 21, 255, 0);
	background-image: none;
	-pie-background: rgba(0, 21, 255, 0);
	behavior: url(/modules/helper/PIE/PIE.htc);
	border-top: solid 1px #0015ff; 
}
ul.sidenav > li > ul.subnav > li:hover {
    background-color: #ff0000; /* for fallback */
    background-color: rgba(255, 0, 0, 1);
    -pie-background: rgba(255, 0, 0, 1);
    behavior: url(/modules/helper/PIE/PIE.htc);
}
ul.sidenav > li > ul.subnav > li > a {
    font-family: "Supermarket";
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
ul.sidenav > li > ul.subnav > li:hover > a {
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
ul.sidenav > li > a:active {
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}


/*--Top Menu--*/
ul.topnav > li { 
    background-color: #ff0000; /* for fallback */
    background-color: rgba(255, 0, 0, 0);
    background-image: none;
    -pie-background: rgba(255, 0, 0, 0);
    behavior: url(/modules/helper/PIE/PIE.htc); 
}

:root ul.topnav > li {
    filter: none\9;
    -ms-filter: ""\9;
}

ul.topnav > li:hover:not(.nav-add-button) { 
	background-color: #ff0000; /* for fallback */
	background-color: rgba(255, 0, 0, 1);
	background-image: none;
	-pie-background: rgba(255, 0, 0, 1);
	behavior: url(/modules/helper/PIE/PIE.htc); 
}
ul.topnav > li.nav-add-button > a {
    line-height: 18px;
}
ul.topnav > li:not(.nav-add-button) > a {
    font-family: "Supermarket";
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
ul.topnav > li:hover:not(.nav-add-button) > a {
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
ul.topnav > li > span {
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
ul.topnav > li:hover > span {
    color: #ffffff;
}
ul.topnav > li > span.subhover {
    color: #ff0000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    background-color: #ffffff;
}

/*--Top Sub Menu--*/
ul.topnav > li > ul.subnav {
    border-color: 100;
    background-color: #ff0000; /* for fallback */
    background-color: rgba(255, 0, 0, 1);
    -pie-background: rgba(255, 0, 0, 1);
    behavior: url(/modules/helper/PIE/PIE.htc);
}

ul.topnav > li > ul.subnav > li,
ul.topnav > li > ul.subnav > div > div > li { 
    background-color: #ff0000; /* for fallback */
    background-color: rgba(255, 0, 0, 0);
    background-image: none;
    -pie-background: rgba(255, 0, 0, 0);
    behavior: url(/modules/helper/PIE/PIE.htc); 
}

:root ul.topnav > li > ul.subnav > li,
:root ul.topnav > li > ul.subnav > div > div > li {
    filter: none\9;
    -ms-filter: ""\9;
}

ul.topnav > li > ul.subnav > li:hover,
ul.topnav > li > ul.subnav > div > div > li:hover { 
	background-color: #ffffff; /* for fallback */
	background-color: rgba(255, 255, 255, 1);
	background-image: none;
	-pie-background: rgba(255, 255, 255, 1);
	behavior: url(/modules/helper/PIE/PIE.htc); 
}
ul.topnav > li > ul.subnav > li > a,
ul.topnav > li > ul.subnav > div > div > li > a {
    font-family: "Supermarket";
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
ul.topnav > li > ul.subnav > li:hover > a,
ul.topnav > li > ul.subnav > div > div > li:hover > a {
    color: #0d3cb3;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

/*-- Middle Menu --*/
ul.midnav {
    background-color: #ffffff; /* for fallback */
    background-color: rgba(255, 255, 255, 0);
    //background-color: #ffffff; /* for IE7 */
    border-color: #ff0000;
    -pie-background: rgba(255, 255, 255, 0);
    behavior: url(/modules/helper/PIE/PIE.htc);
}

ul.midnav > li {
	background-color: #ffffff; /* for fallback */
	background-color: rgba(255, 255, 255, 0);
	background-image: none;
	-pie-background: rgba(255, 255, 255, 0);
	behavior: url(/modules/helper/PIE/PIE.htc);
}

ul.midnav > li:hover {
	background-color: #ffffff; /* for fallback */
	background-color: rgba(255, 255, 255, 0);
	-pie-background: rgba(255, 255, 255, 0);
	behavior: url(/modules/helper/PIE/PIE.htc);
}
ul.midnav > li > a {
    font-family: "Supermarket";
    font-size: 18px;
    line-height: 18px;
    color: #ff0000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
ul.midnav > li:hover > a {
    color: #ff0000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

/*-- Slide Menu --*/
#slidemenu-menu,
ul.slidemenu,
ul.slidemenu > li > ul.subnav {
    background-color: #ff0000;
}
ul.slidemenu > li,
ul.slidemenu > li > ul.subnav > li {
    background-color: #ff0000; /* for fallback */
    background-color: rgba(255, 0, 0, 0);
    background-image: none;
    -pie-background: rgba(255, 0, 0, 0);
    behavior: url(/modules/helper/PIE/PIE.htc);
}
ul.slidemenu > li.blank {
    background-color: #ffffff; /* inverted color */
    height: 3px;
}
ul.slidemenu > li > i,
ul.slidemenu > li > ul.subnav > li > i {
    color: #ffffff;
}
ul.slidemenu > li > a,
ul.slidemenu > li > ul.subnav > li > a {
    font-family: "Supermarket";
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

ul.slidemenu > li:active,
ul.slidemenu > li:hover,
ul.slidemenu > li > ul.subnav > li:active,
ul.slidemenu > li > ul.subnav > li:hover {
    background-color: #ff0000; /* for fallback */
    background-color: rgba(255, 0, 0, 1);
    background-image: none;
    -pie-background: rgba(255, 0, 0, 1);
    behavior: url(/modules/helper/PIE/PIE.htc);
}

ul.slidemenu > li > i:active,
ul.slidemenu > li > i:hover,
ul.slidemenu > li > ul.subnav > li > i:hover,
ul.slidemenu > li > ul.subnav > li > i:active {
    color: #ffffff;
}

ul.slidemenu > li > a:active,
ul.slidemenu > li > a:hover,
ul.slidemenu > li > ul.subnav > li > a:hover,
ul.slidemenu > li > ul.subnav > li > a:active {
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

ul.slidemenu > li.slidemenu-back,
ul.slidemenu > li > ul.subnav > li.slidemenu-back {
    background-color: #ffffff; /* inverted color */
}

ul.slidemenu > li.slidemenu-back:active,
ul.slidemenu > li.slidemenu-back:hover,
ul.slidemenu > li > ul.subnav > li.slidemenu-back:active,
ul.slidemenu > li > ul.subnav > li.slidemenu-back:hover {
    background-color: #ffffff; /* inverted color */
}

ul.slidemenu > li.slidemenu-back > i,
ul.slidemenu > li.slidemenu-back > a,
ul.slidemenu > li > ul.subnav > li.slidemenu-back > a,
ul.slidemenu > li > ul.subnav > li.slidemenu-back > i {
    color: #ff0000; /* inverted color */
}

ul.slidemenu > li.slidemenu-back:active > i,
ul.slidemenu > li.slidemenu-back:hover > i,
ul.slidemenu > li.slidemenu-back:active > a,
ul.slidemenu > li.slidemenu-back:hover > a,
ul.slidemenu > li > ul.subnav > li.slidemenu-back:active > a,
ul.slidemenu > li > ul.subnav > li.slidemenu-back:hover > a,
ul.slidemenu > li > ul.subnav > li.slidemenu-back:active > i,
ul.slidemenu > li > ul.subnav > li.slidemenu-back:hover > i {
    color: #ff0000;
}

/*--Content--*/
#content {
    color: #424242;
    background-color: #ffffff; /* for fallback */
    background-color: rgba(255, 255, 255, 1);
    -pie-background: rgba(255, 255, 255, 1);
    behavior: url(/modules/helper/PIE/PIE.htc);
}
#content .breadcrumb {
    font-family: "TH Niramit AS";
    color: #ff0000;
}
#content .breadcrumb a {
    color: #ff0000;
}
#content .title,
#content .product-title,
#content .product-search-result-title {
    font-family: "TH Niramit AS";
    font-size: 44px;
    color: #ff0000;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}
#content > .title.title-with-text-alignment {
    text-align: center;
}
#content .inner > .search-result .title {
    color: #ff0000;
    font-family: "TH Niramit AS";
    font-size: 26px;
    line-height: 26px;
}
#content .inner > .search-result .breadcrumb {
    color: #424242;
}
#content .inner > .search-result .keyword {
	color: #ffffff;
	background-color: #ff0000;
}
#content .inner > .search-result .separator {
    border-color: #ff0000;
}

        #content .description {
            font-family: "Arial";
            font-size: 14px;
            color: #424242;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }

        #content .description a {
            color: #424242;
        }

        #content .images-area.right {
            float: right;
            margin: 0px 0px 10px 10px;
        }
    
        #content .text-section-container .text-section-loader {
            font-family: "Arial";
            font-size: 14px;
            color: #424242;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }

        #content .text-section-container .text-section-loader a {
            color: #424242;
        }
    
#content .html-section-container .html-section-loader{
    font-family: "Arial";
    font-size: 14px;
    color: #424242;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

#content .html-section-container .html-section-loader a {
    color: #424242;
}

        #content .price-line {
            font-family: "Arial";
            font-size: 20px;
            color: #000000;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }
        #content .original-price-line .price-label,  #content .original-price-line .price-value .price{
            font-family: "Arial";
            font-size: 20px;
            color: #000000;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }
        #content .member-price-line {
            font-family: "Arial";
            font-size: 20px;
            color: #000000;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }
    
			#content .order-button input#btn_order,
			#content .order-button input[type=button],
			#content .order-button input[type=submit]  {
			    background-color: #ff0000;
			    background-color: rgba(255, 0, 0, 0);
			    font-family: "Supermarket";
			    font-size: ;
			    color: #ffffff;
			    font-weight: normal;
			    font-style: normal;
			    text-decoration: none;
			    border-color: #ff0000;
			    background-image: none;
			    position: relative;
			    z-index: 0;
			    -pie-background: rgba(255, 0, 0, 0);
			    filter: none\9;
			    -ms-filter: ""\9;
			    behavior: url(/modules/helper/PIE/PIE.htc);
			}
			
			#content .order-button input#btn_order{
			    overflow:visible;
			}
			#content .hidable .order-button input#btn_order:hover,
			#content .hidable .order-button input[type=button]:hover,
			#content .hidable .order-button input[type=submit]:hover {
			    background-color: #ff0000;
			    background-color: rgba(255, 0, 0, 0);
			    color: #ffffff;
			    font-weight: normal;
			    font-style: normal;
			    text-decoration: none;
			    border-color: #ff0000;
			    text-shadow: 0 1px 1px #ffffff;
			    -pie-background: rgba(255, 0, 0, 0);
			    behavior: url(/modules/helper/PIE/PIE.htc);
			}
			
#fancybox-title:not(.fancybox-title-float) {
    font-family: "TH Niramit AS";
    font-weight: bold;
    font-style: normal;
    color: #ff0000;
    font-size: 1.5em;
}

/*--showcase, portlet--*/

        showcase > .portlet {
            border-color: #ff0000;
        }
        .showcase > .portlet .separator {
            border-color: #ff0000;
        }
        
            .showcase .portlet-header {
                background-color: #2f43c9;
                background-color: rgba(47, 67, 201, 1);
                border-color: #2f43c9;
                background-image: none;
                filter: none\9;
                -ms-filter: ""\9;
                position : relative;
                z-index: 0;
                -pie-background: rgba(47, 67, 201, 1);
                behavior: url(/modules/helper/PIE/PIE.htc);
            }
            /* :root > for target IE9 and higher , \9 > for targer IE9 and lower */
            :root .showcase .portlet-header {
                filter: none\9;
                -ms-filter: ""\9;
                behavior: none\9;
            }
        
        .showcase .portlet-header {
            text-align: left;
        }

        .showcase .portlet-header:hover {
            background-image: none\9;
            filter: none\9;
            -ms-filter: ""\9;

        }
        .showcase .portlet-header > a {
            color: #ffffff;
            font-family: "Supermarket";
            font-size: ;
            line-height: ;
            font-weight: ;
            font-style: ;
            text-decoration: ;
        }
        .showcase .portlet-header > a:hover {
            color: #000000;
            font-weight: ;
            font-style: ;
            text-decoration: ;
        }
        .showcase > .portlet.style1  {
            border-color: #2f43c9;
        }
        .showcase > .portlet.style1 .portlet-header > a {
            color: #ffffff;
        }
        .showcase > .portlet.style1 .portlet-header > a:hover {
            color: #000000;
        }
        .showcase > .portlet.style2  {
            border-color: #2f43c9;
        }
        .showcase > .portlet.style2 .portlet-header {
            border-color: #2f43c9;
            filter: none\9;
            -ms-filter: ""\9;
            behavior: none\9;

        }
        .showcase > .portlet.style3 .portlet-header {
            filter: none\9;
            -ms-filter: ""\9;
            behavior: none\9;
        }
        .showcase > .portlet.style2 .portlet-header > a {
            color :#ffffff;
        }
        .showcase > .portlet.style2 .portlet-header > a:hover{
            color :#000000;
        }
        .showcase > .showcase_border.style2 {
            border : 1px solid #2f43c9;
        }
        .showcase > .portlet.style3 .portlet-header > a {
            color :#ffffff;
        }
        .showcase > .portlet.style3 .portlet-header > a:hover{
            color :#000000;
        }
        .showcase > .portlet.style1 .showcase_border {
            border:none;
        }
        .showcase > .portlet.style2 .showcase_border{
            border: 1px solid #2f43c9;
        }

        .showcase > .portlet.style3 .portlet-header-divider{
            display: block;
            padding: 0px 20px;
        }
        .showcase > .portlet.style3 .portlet-header-divider > div {
            border-bottom: solid 1px #2f43c9;
        }
    
    /* --end showcase, portlet-- */
    
/*--related contents--*/
    
        #content #portlet-related-contents .text .title,
        #content #portlet-related-contents .text .title a {
            color: #ff0000;
            font-family: "TH Niramit AS";
            font-weight: bold;
            font-style: normal;
            font-size: 26px;
            line-height: 26px;
            text-decoration: none;
        }
        #content #portlet-related-contents .text .description {
            color: #424242;
            font-family: "Arial";
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }
        #content #portlet-related-contents .price {
            color: #000000;
            font-family: "Arial";
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            text-decoration: none
        }
        #content #portlet-related-contents .original-price {
            color: #000000;
            font-family: "Arial";
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }
        #content #portlet-related-contents .member-price {
            color: #000000;
            font-family: "Arial";
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }
        #portlet-related-contents legend {
            padding-left: 5px;
            padding-right: 5px;
        }
        #portlet-related-contents  {
            border-radius: 5px 5px 5px 5px;
            border-color: #2f43c9;
            color :#2f43c9;
        }

        fieldset{
            border:1px solid #c0c0c0;
        }
        #portlet-related-contents .portlet-header {
            border-color: #2f43c9;
            color :#ffffff;
        }
        #portlet-related-contents .showcase_border{
            border: 1px solid #2f43c9;
        }

        @media screen and (max-width: 610px) {
            #content #portlet-related-contents .text .title,
            #content #portlet-related-contents .text .title a {
                font-size: 22px;
            }

            #content #portlet-related-contents .price {
                font-size: 10px;
            }

            #content #portlet-related-contents .original-price {
                font-size: 10px;
            }

            #content #portlet-related-contents .member-price {
                font-size: 10px;
}
            .related-contents{
                text-align:center;
            }
        }
    
/* -- START: Cards --*/

        .cards-container .cards-loader ul > li .cards-title {
            font-family: "TH Niramit AS";
            font-size: 26px;
            color: #ff0000;
            font-weight: bold;
            font-style: normal;
            text-decoration: none;
        }

        .cards-container .cards-loader ul > li .cards-title > a{
             color: #ff0000;
        }

        .cards-container .cards-loader ul > li .cards-title > a:visited {
             color: #ff0000;
        }

        .cards-container .cards-loader ul > li.cards-add {
            color: #ff0000;
        }

        .cards-container .cards-loader ul > li .cards-text .cards-description {
            font-family: "Arial";
            font-size: 14px;
            color: #424242;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }
    
/* -- END: Cards -- */

/*--content tag cloud--*/
#content #content-tag-cloud-container ul#tag_cloud > li a {
	color: #ff0000 !important;
}

/*--content visit history--*/
#content-visit-history-container > .portlet  {
    border-color: #ffffff;
}

#content-visit-history-container {
    background-color: #ffffff; /* for fallback */
    background-color: rgba(255, 255, 255, 1);
    -pie-background: rgba(255, 255, 255, 1);
    behavior: url(/modules/helper/PIE/PIE.htc);
}
#content-visit-history-container .portlet-header {
    color :#2f43c9;
    font-family: "Supermarket";
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
#content-visit-history-container .portlet-header-divider > div {
    border-bottom: solid 1px #2f43c9;
}
#content-visit-history-container ul.content-visit-history-pages .text .title,
#content-visit-history-container ul.content-visit-history-pages .text .title a {
    color: #ff0000;
    font-family: "TH Niramit AS";
    font-weight: bold;
    font-style: normal;
    font-size: 26px;
    line-height: 26px;
    text-decoration: none;
}
#content-visit-history-container ul.content-visit-history-pages .text .price {
    color: #000000;
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none
}
#content-visit-history-container ul.content-visit-history-pages .text .original-price {
    color: #000000;
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
#content-visit-history-container ul.content-visit-history-pages .text .member-price {
    color: #000000;
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
/*--contact form--*/

        #content .contact-form h3 {
            color: #ff0000;
        }
        #content .contact-form form {
            color: ;
        }
        #content .contact-form form a{
            color: #000000;
            background-color: #0015ff;
        }
        #content .contact-form form a:hover{
            color: #0015ff;
            background-color: #000000;
        }
        #content .contact-form input[type=submit]{
            background-color: ;
            color: ;
            border-color: ;
        }
        #content .contact-form #consent-container a {
            background-color: transparent;
        }
    
/*--widget form--*/
#sidebar .widget-item .widget-form h3 {
    color: #ff0000;
}
#sidebar .widget-item .widget-form form {
    color: #424242;
    font-family: "Arial";
}
#sidebar .widget-item .widget-form form input[type=button] {
    background-color: #ff0000;
    border-color: #ff0000;
	color: #ffffff;
}
#sidebar .widget-item .widget-form form input[type=button]:hover {
	background-color: #ff0000;
    border-color: #ff0000;
	color: #ffffff;
}

/*--member login & register--*/
#sidebar .widget-item .member-box input[type=button],
#sidebar .widget-item .member-box input[type=submit] {
	background-color: #ff0000;
    border-color: #ff0000;
	color: #ffffff;
}
#sidebar .widget-item .member-box input[type=button]:hover,
#sidebar .widget-item .member-box input[type=submit]:hover {
	background-color: #ff0000;
    border-color: #ff0000;
	color: #ffffff;
}
#sidebar .widget-item .member-box .signup > a {
	color: #000000;
}
#sidebar .widget-item .member-box .signup > a:hover {
	color: #ffffff;
}
#sidebar .widget-item #member-menu-wrap li > a {
    font-family: "Supermarket";
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
#sidebar .widget-item #member-menu-wrap li:hover > a {
    color: #ffffff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
#sidebar .widget-item #member-menu-wrap hr {
	border-top : 1px dashed #ff0000;
}
#form-design .preview-panel > .fields > li > .field-input-wrap a,
#sidebar .widget-item .customize-form a{
    color: #000000;
    background-color: #0015ff;
}
#sidebar .widget-item .customize-form a:hover{
    color: #0015ff;
    background-color: #000000;
}
#sidebar .widget-item #consent-container a {
    background-color: transparent;
    color: #0044b0;
}
.member-wrap .member-form .shipping-title{
    background-color: #ff0000;
    color: #ffffff;
}
.member-form .member-block-button input[type=button],
.member-form .member-block-button input[type=submit]{
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
}
.member-form .member-block-button input[type=button]:hover,
.member-form .member-block-button input[type=submit]:hover {
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
	text-shadow: 0 1px 1px #ffffff;
}
.member-wrap .member-menu-title {
	background-color: #ff0000;
    color: #ffffff;
}
.member-wrap .order-view .order-list tr.order-list-row:hover {
	background-color: #ff0000;
    color: #ffffff;
}
.order-list-row-selected {
	background-color: #ff0000;
    color: #ffffff;
}
.member-menu-wrap .member-menu-title {
	background-color: #ff0000;
    color: #ffffff;
}
.member-menu-wrap ul > li > a,
.member-menu-wrap .member-menu-form .signup > a {
	color: #ff0000;
}
.member-menu-wrap .member-menu-inner ul > li > a {
	background-color: #ff0000;
    color: #ffffff;
}
.member-menu-wrap .member-menu-inner ul > li > a:hover {
	background-color: #ff0000;
    color: #ffffff;
}
.member-menu-wrap .member-menu-form input[type="submit"],
.member-menu-wrap .member-menu-form input[type="button"] {
	background-color: #ff0000;
    border-color: #ff0000;
	color: #ffffff;
}
.member-menu-wrap .member-menu-form input[type="submit"]:hover,
.member-menu-wrap .member-menu-form input[type="button"]:hover {
	background-color: #ff0000;
    border-color: #ff0000;
	color: #ffffff;
}


/*--subpages--*/

        #content ul.subpages .separator {
            border-color: #ff0000;
        }
        #content ul.subpages li {
            border: solid 1px #ff0000;
        }

        #content ul.subpages .text .title,
        #content ul.subpages .text .title a {
            color: #ff0000;
            font-family: "TH Niramit AS";
            font-weight: bold;
            font-style: normal;
            font-size: 26px;
            text-decoration: none;
        }
        #content ul.subpages .text .description {
            color: #424242;
            font-family: "Arial";
            font-size: 14px;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }
        #content ul.subpages .text .price {
            color: #000000;
            font-family: "Arial";
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            text-decoration: none
        }
        #content ul.subpages .text .original-price {
            color: #000000;
            font-family: "Arial";
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }
        #content ul.subpages .text .member-price {
            color: #000000;
            font-family: "Arial";
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
        }

        #content ul.subpages li.no-children {
            color: #ff0000;
        }

        @media screen and (max-width: 610px) {
            #content ul.subpages .text .title,
            #content ul.subpages .text .title a {
                font-size: 22px;
            }

            #content ul.subpages .text .price {
                font-size: 10px;
            }

            #content ul.subpages .text .original-price {
                font-size: 10px;
            }

            #content ul.subpages .text .member-price {
                font-size: 10px;
            }
        }
    
/*--siblings--*/
#content .siblings a {
    color: #ff0000;
    font-family: "TH Niramit AS";
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

/*--content-tag--*/
#content ul.content-tag .separator {
    border-color: #ff0000;
}
#content ul.content-tag li {
    border: solid 1px #ff0000;
}

#content ul.content-tag .text .title,
#content ul.content-tag .text .title a {
    color: #ff0000;
    font-family: "TH Niramit AS";
    font-weight: bold;
    font-style: normal;
    font-size: 26px;
    line-height: 26px;
    text-decoration: none;
}
#content ul.content-tag .text .description {
    color: #424242;
    font-family: "Arial";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
#content ul.content-tag .text .price {
    color: #000000;
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none
}
#content ul.content-tag .text .original-price {
    color: #000000;
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
#content ul.content-tag .text .member-price {
    color: #000000;
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

#content a.content-tag-title-link {
	color: #ff0000;
	text-decoration: none;
}
#content a.content-tag-title-link:hover {
	text-decoration: underline;
}
#content #content-tag-container .content-tag li.content-tag-load-more-row input.content-tag-load-more {
	background-color: #ff0000;
	border-color: #ff0000;
    color: #ffffff;
}
#content #content-tag-container .content-tag li.content-tag-load-more-row input.content-tag-load-more:hover {
	background-color: #ff0000;
	border-color: #ff0000;
    color: #ffffff;
    text-shadow: 0 1px 1px #ffffff;
}

/*--shopping cart--*/

#content table.cart {
    border: solid 1px #ff0000;
}
#content .cart th {
    background-color: #ff0000;
    border: solid 1px #ff0000;
    color: #ffffff;
}

#content .cart tr.order-head-row{
    background-color: #ff0000;
    border: solid 1px #ff0000;
    color: #ffffff;
}
#content .cart td {
    border: solid 1px #ff0000;
}
#content .cart-button input[type=button],
#content .cart-button input[type=submit]  {
	background-color: #ff0000;
	background-color: rgba(255, 0, 0, 0);
	font-family: "Supermarket";
    font-size: ;
	color: #ffffff;
	font-weight: normal;
    font-style: normal;
    text-decoration: none;
	border-color: #ff0000;
	background-image: none;
	-pie-background: rgba(255, 0, 0, 0);
	filter: none\9;
	-ms-filter: ""\9;
}

#content .cart-button input[type=button]:hover,
#content .cart-button input[type=submit]:hover  {
	background-color: #ff0000;
	background-color: rgba(255, 0, 0, 0);
	color: #ffffff;
	font-weight: normal;
    font-style: normal;
    text-decoration: none;
	border-color: #ff0000;
	text-shadow: 0 1px 1px #ffffff;
	-pie-background: rgba(255, 0, 0, 0);
	behavior: url(/modules/helper/PIE/PIE.htc);
}
.checkout-form .shipping-title,
.shipping-title {
    background-color: #ff0000;
    color: #ffffff;
}
.checkout-form .checkout-block-button input[type=button],
.checkout-form .checkout-block-button input[type=submit]{
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
}
.checkout-form .checkout-block-button input[type=button]:hover,
.checkout-form .checkout-block-button input[type=submit]:hover{
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
	text-shadow: 0 1px 1px #ffffff;
}
.checkout-form #btn_login_for_checkout {
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
}
.checkout-form #btn_login_for_checkout:hover {
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
}

/*--Checkout Step--*/
.checkout-step .progress-bar > span {
	background-color: #ff0000;
    color: #ffffff;
}
.checkout-step #step-done .circle {
	background-color: #ff0000;
	border: 5px solid #ff0000;
    color: #ffffff;
}
.viewcart-box {
    background-color: #0015ff;
    color: #000000;
}
.viewcart-box:hover {
    background-color: #0015ff !important;
    color: #ffffff !important;
}
.viewcart-box a {
    color: #000000;
}
.viewcart-box:hover a,
.viewcart-box a:hover {
    color: #ffffff !important;
    text-shadow: 0 1px 1px #ffffff !important;
}
.order-wrap .order-control-btn input[type=button],
.order-wrap .order-control-btn input[type=submit] {
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
}
.order-wrap .order-control-btn input[type=button]:hover,
.order-wrap .order-control-btn input[type=submit]:hover {
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
	text-shadow: 0 1px 1px #ffffff;
}
.standard-form input[name=submit],
.search-form input[type=button],
.customize-form input[name=submit] {
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
}
.standard-form input[name=submit]:hover,
.search-form input[type=button]:hover,
.customize-form input[name=submit]:hover {
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
	text-shadow: 0 1px 1px #ffffff;
}
/*--sidebar--*/
#sidebar .button-add-menu > a{
    color: #ff0000;
}
/*--widgets--*/
.widgets {
    background-color: transparent;
    font-family: "Supermarket";
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
.widgets > li > .widget-item > .tag-cloud-widget-container .tag-cloud-show {
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
}
.widgets > li > .widget-item > .tag-cloud-widget-container .tag-cloud-show:hover {
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
	text-shadow: 0 1px 1px #ffffff;
}
.widgets > li > .widget-item > .tag-cloud-widget-container .tag-cloud > li > a {
	color: #000000 !important;
}

/*--Footer--*/
#footer {
    background-color: #ffffff; /* for fallback */
    background-color: rgba(255, 255, 255, 1);
    -pie-background: rgba(255, 255, 255, 1);
    behavior: url(/modules/helper/PIE/PIE.htc);
}
#footer-text {
    font-family: "Supermarket";
    font-size: 14px;
    color: #ff0000;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}
#footer-text table {
    text-decoration: none;
    width: 100%;
}
/*--Footer Link--*/
#footer-link {
	background-color: #ffffff; /* for fallback */
    background-color: rgba(255, 255, 255, 1);
    -pie-background: rgba(255, 255, 255, 1);
    behavior: url(/modules/helper/PIE/PIE.htc);
	font-family: "Supermarket";
    font-size: 14px;
    color: #ff0000;
}
#footer-link td > ul > li > a {
	color: #ff0000;
}
/*--Edit Bar for Customize Form--*/
#form-design .preview-panel {
    background-color: #ffffff;
}
#form-design .preview-panel h3 {
	color: #ff0000;
	font-size: 18px;
}
#form-design .preview-panel .description {
	color: #424242;
}
#form-design .preview-panel .fields {
	color: #424242;
}
#form-design .preview-panel .submit {
	background-color: #ff0000;
	color: #ffffff;
	border-color: #ff0000;
}

/* -- START: WEBBOARD -- */
#content .webboard > table tr.even td {
    color: #424242;
    border-bottom: solid 1px #ff0000;
}
#content .webboard > table tr.odd td {
    color: #424242;
    border-bottom: solid 1px #ff0000;
}
#content .webboard > table tr th {
    color: #ffffff;
	background-color: #ff0000;
}
#content .webboard > table tr td a {
    color: #ff0000;
}
#content .webboard .description,
#content .webboard-topic .description {
	color: #424242;
}
#content .webboard-topic .info {

	 color: #ff0000;
}
#frm-topic-create {
    color: #000;
}
#frm-topic-create > h2 {
    color: #ffffff;
    background-color: #ff0000;
}
#create-topic .button_save,
#frm-topic-create .button_save {
	background-color: #ff0000;
	border-color: #ff0000;
    color: #ffffff;
}
#create-topic .button_save:hover,
#frm-topic-create .button_save:hover {
	background-color: #ff0000;
	border-color: #ff0000;
    color: #ffffff;
    text-shadow: 0 1px 1px #ffffff;
}
/* -- END: WEBBOARD -- */

/* -- START: COMMENT MODULE -- */

        .comment_container,
        .comment_form {
            border: 1px solid #ff0000;
        }
        .comment_container .info {
            color: #ff0000;
        }
        .comment_container .comment_description {
            color: #424242;
        }
        #comment .button_save {
            background-color: #ff0000;
            border-color: #ff0000;
            color: #ffffff;
        }
        #comment .button_save:hover {
            background-color: #ff0000;
            border-color: #ff0000;
            color: #ffffff;
            text-shadow: 0 1px 1px #ffffff;
        }
        #comment-tabs .ui-tabs-nav {
            border-bottom: solid 1px #ff0000;
            border-radius: 0px;
        }
        #comment-tabs .ui-tabs-nav > li {
            font-family: "Supermarket";
            font-size: 18px;
            background-color: #ff0000;
            border-color: #ff0000;
        }
        #comment-tabs .ui-tabs-nav > li:hover {
            background-color: #ff0000;
            border-color: #ff0000;
        }
        #comment-tabs .ui-tabs-nav > li > a {
            font-family: "Supermarket";
            font-size: 18px;
            color:#ffffff;
        }
        #comment-tabs .ui-tabs-nav > li > a:hover {
            color:#ffffff;
            text-shadow: 0 1px 1px #ffffff;
        }
        #comment-tabs .ui-tabs-nav > li.ui-tabs-active {
            background-color: #ffffff; /* for fallback */
            background-color: rgba(255, 255, 255, 1);
            -pie-background: rgba(255, 255, 255, 1);
            behavior: url(/modules/helper/PIE/PIE.htc);
        }
        #comment-tabs .ui-tabs-nav > li.ui-tabs-active > a {
            color:#ff0000;
        }
    
/* -- END: COMMENT MODULE -- */

/* -- START: Attachment Section -- */
.content-attach-file > ul > li{
	border-color: #ff0000;
    background-color: #ff0000;
}
.content-attach-file > ul > li a.view,
.content-attach-file > ul > li a.download{
	color: #ffffff;
}
.content-attach-file > ul > li:hover{
    border: thin solid #ffffff;
    background-color: #ffffff;
}
.content-attach-file > ul > li:hover a.view,.content-attach-file > ul > li:hover a.download{
    color: #ff0000 ;
}
.content-attach-file > ul > li a.download:hover{
    color: #ffffff;
}
.content-attach-file > ul > li a.download:hover > div{
    background-color: #ff0000;
}
/* -- END: Attachment Section -- */

}
/* -------- SHOP: Product detail --------- */
.product-detail-variant {
    color: #424242;
}
.product-detail-variant > span#product-detail-selected-variant-label {
    color: #ff0000;
}
.icon-minus-qty, .icon-plus-qty {
    color: #ff0000;
}
.product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-price {
    font-family: "Arial";
    font-size: 20px;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.product-related-section .product-detail-price {
    color: #000000;
}

.product-detail-section-loader .product-description-area .product-detail-bottom .product-detail-price-original {
    font-family: "Arial";
    font-size: 20px;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.product-related-section .product-detail-price-original {
    color: #000000;
}

.product-variant-price .product-detail-price {
        color: #000000;
}

.product-variant-price .product-detail-price-original {
    color: #000000;
}

.product-related-section .product-name span {
    color: #ff0000;
}

.product-related-section  .product-detail-buy-now-not-variant {
    border: #ffffff solid 1px;
    color: #ffffff;
    background: #ff0000;
}

.product-related-section  .product-detail-buy-now-variant {
    border: #ffffff solid 1px;
    color: #ffffff;
    background: #ff0000;
}

.product-price .product-detail-price {
                color: #000000;
}

.product-price .product-detail-price-original {
            color: #000000;
}

.product-name a:link {
    color: #ff0000;
}
.out-of-stock > p,
product-detail-out-of-stock {
    color: #424242;
}
.category-section-title {
    color: #ff0000;
}
/* ------------------------------ */
				#content .product-search-result-container #product-search-result .product-search-result-item .product-search-result-name a {
						color: #ff0000;
				}

				#content .product-search-result-container #product-search-result .product-search-result-item .product-search-result-price-container .product-search-result-price-original {
						color: #000000;
				}

				#content .product-search-result-container #product-search-result .product-search-result-item .product-search-result-price-container .product-search-result-price {
						color: #000000;
				}

				#content .product-search-result-container #product-search-result .product-search-result-item .product-detail-add-to-cart {
						border: #ff0000 solid 1px;
						color: #ff0000;
				}

				#content .product-search-result-container #product-search-result .product-search-result-item .product-detail-buy-now-not-variant,
				#content .product-search-result-container #product-search-result .product-search-result-item .product-detail-buy-now-variant {
						background-color: #ff0000;
						border: #ff0000 solid 1px;
				}

				#content .product-search-result-container #product-search-result .product-search-result-item .product-detail-add-to-cart-not-variant,
				#content .product-search-result-container #product-search-result .product-search-result-item .product-detail-add-to-cart-variant {
						border: #ff0000 solid 1px;
						color: #ff0000;
				}

				#content .product-search-result-container #product-search-pagination li.active span,
				#content .product-search-result-container #product-search-pagination li.disabled span {
						background-color: #ff0000;
						border-color: #ff0000;
						color: #ffffff;
				}
		
/* ----- Mobile call button ----- */
.mobile-button-panel {
	background-color: #ffffff;
}
.mobile-button-panel .call-button .call-button-area {
	background-image: none;
    background-color: #ff0000;
    color: #ffffff;
}

/* -------- back to top --------- */
.back-to-top a .fa {
    color: #ffffff;
    background-color: #ff0000;
}
/* ------------------------------ */

/* -- Start: Media query -- */
@media screen and (max-width: 610px) {
    .mobile-topbar {
        background-color: #ff0000;
    }

    .mobile-topbar .trigger-wrapper,
    .mobile-topbar .searchbox-wrapper{
        color: #ffffff;
        background-color: rgba(255, 0, 0, 0);
    }

    .mobile-topbar .header-viewcart-box {
        color: #ffffff;
        background-color: #ff0000;
    }

    .mobile-topbar .header-viewcart-box i {
        color: #ffffff;
    }

    #header .header-inner .panel #siteinfo #sitename {
        font-size: 23px;
        min-height: 23px;
    }

    #header .header-inner .panel #siteinfo #tagline {
        font-size: 18px;
        min-height: 18px;
    }

    #content .title {
        font-size: 31px;
    }

    #content-visit-history-container .portlet-children > .content-visit-history-pages .text .title,
    #content-visit-history-container .portlet-children > .content-visit-history-pages .text .title a {
        font-size: 22px;
    }

    #content-visit-history-container ul.content-visit-history-pages .text .price {
        font-size: 10px;
    }

    #content-visit-history-container ul.content-visit-history-pages .text .original-price {
        font-size: 10px;
    }

    #content-visit-history-container ul.content-visit-history-pages .text .member-price {
        font-size: 10px;
    }

    #content ul.content-tag .text .title,
    #content ul.content-tag .text .title a {
        font-size: 22px;
    }

    #content ul.content-tag .text .price {
        font-size: 10px;
    }

    #content ul.content-tag .text .original-price {
        font-size: 10px;
    }

    #content ul.content-tag .text .member-price {
        font-size: 10px;
    }
}
/* -- End: Media query -- */