@charset "utf-8";
/* CSS Document */

/* default, light mode styles set with variables */
:root {
    --spec-body-bg-light:#ffffff;
    --spec-body-color-light:#222222;
    --spec-backtop-bg-light:#cfcfcf;
    --spec-title-bg-light:#ffffff;
    --spec-title-color-light:#000000;
    --spec-title-after-light:#e5e5e5;
    --spec-listitem-bg-light:#ffffff;
    --spec-listitemname-color-light:#222222;
    --spec-listitem-hover-light:0 0 2px 0 rgb(0 0 0 / 30%);
    --spec-listitem-view-light:#222222;
    --spec-swiperswitch-light:#d3d3d3;
    --spec-swiperswitch-active-light:#696969;
    --spec-recommendbrand-bg-light:#f9f9f9;
    --spec-recommendbrand-border-light: #f0f0f0;
    --spec-recommendbrand-color-light:#272727;
    --spec-recommendbrand-btn-light:#272727;
    --spec-recommend-btn-light:#272727;
    --spec-widgetbtn-bg-light:#1f1f1f;
    --spec-columnbtm-bg-light:#f1f1f1;
    --spec-block3-hover-light:#f1f1f1;
    --spec-topview-color-light:#333333;
    --spec-block3-span-light:#555555;
    --spec-breakingnews-border-light: #9E9E9E;
    --spec-screensize-bg-light:#353535;
    --spec-sort-border-light:#ebebeb;
    --spec-lunch-bordertop-light:#3d3d3d;
    --spec-blackwhite-color-light:#000000;
    --spec-sortfilter-color-light:rgba(50, 50, 50, 0.6);
    --spec-lightgray-bg-light:rgba(0, 0, 0, 0.05);
    --spec-sortby-bg-light:#ffffff;
    --spec-sortby-border-light:#ebebeb;
    --spec-dropdown3-bg-light:rgba(245, 246, 246, 0.8);
    --spec-dropdown3-color-light:#222222;
    --spec-dropdown3-border-light:#eeeeee;
    --spec-dropdown3-after-light:#464646 transparent;
    --spec-brandScroll2-bg-light:#ffffff;
    --spec-tabinner-bg-light:rgba(245, 246, 246, 0.8);
    --spec-tabheader-color-light:#222222;
    --spec-tabcontent-bg-light:rgba(255, 255, 255, 0.07);
    --spec-slider-color-light:#222222;
    --spec-slider-bg-light:#ededed;
    --spec-placeholder-color:#222222;
    --spec-btnmore-bg-light:#f6f6f6;
    --spec-btnmore-color-light:#333333;
    --spec-checkradio-color-light:#464646;
    --spec-checkradio-bg-light:#FFFFFF;
    --spec-checkradio-border-light:#eeeeee;
    --spec-label-bg-light:#ffffff;
    --spec-checkradiocheck-bg-light:#ffffff;
    --spec-network-border-light:#eeeeee;
    --spec-dropdown3list-bg-light:#ffffff;
    --spec-dropdown3list-border-light:#eeeeee;
    --spec-dropdown3list-hover-light:#f0f0f0;
    --spec-diagonal-before-light:-webkit-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%,rgba(255,255,255,0) 150%);
    --spec-clear-bg-light:#222222;
    --spec-clear-color-light:#ffffff;
    --spec-demo2-border-light:#646464;
    --spec-demo2-bg-light:#d7d7d7;
    --spec-tablist-bg-light:#ffffff;
    --spec-tablist-border-light:#eeeeee;
    --spec-scrollbar-track-light:#dddddd;
    --spec-scrollbar-light:#ebebeb;
    --spec-scrollbar-thumb-light:rgba(0,0,0,.25);
    --spec-brandlist-bg-light:#f5f5f5;
    --spec-gradient-sortprice-light:linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%,rgba(255,255,255,0) 100%);
    --spec-gradient-label-light:-webkit-linear-gradient(#000, hsla(0, 0%, 20%, 0));
    --spec-modal-bg-light:#ffffff;
    --spec-modal-border-light:#dee2e6;
    --spec-modalletter-color-light:#ffffff;
    --spec-modalletter-bg-light:#222222;
    --spec-modal-dt-light:#000000;
    --spec-modal-dd-light:#222222;
    --spec-modal-close-light:#dddddd;
    --spec-brandlist-color-light:#222222;
    --spec-filter-light:none;
    --spec-search-image-light:#ffffff url(https://www.siamphone.com/images/magnifying2.png) no-repeat 3px 8px;
    --spec-search-imagesize-light:28px;

/*dark-mode styles*/
    --spec-body-bg-dark:#222222;
    --spec-body-color-dark:#dddddd;
    --spec-backtop-bg-dark:#353535;
    --spec-title-bg-dark:#222222;
    --spec-title-color-dark:#ffffff;
    --spec-title-after-dark:#505050;
    --spec-listitem-bg-dark:#222222;
    --spec-listitemname-color-dark:#dddddd;
    --spec-listitem-hover-dark:0 0 1px 0 rgb(255 255 255 / 30%);
    --spec-listitem-view-dark:#dedede;
    --spec-swiperswitch-dark:#666666;
    --spec-swiperswitch-active-dark:#dddddd;
    --spec-recommendbrand-bg-dark:#333333;
    --spec-recommendbrand-border-dark:#666666;
    --spec-recommendbrand-color-dark:#dddddd;
    --spec-recommendbrand-btn-dark:linear-gradient(to right, #4096ee 0%,#2a84e1 100%);
    --spec-recommend-btn-dark:#dddddd;
    --spec-widgetbtn-bg-dark:#4e4e4e;
    --spec-columnbtm-bg-dark:#191919;
    --spec-block3-hover-dark:#4e4e4e;
    --spec-topview-color-dark:#dddddd;
    --spec-block3-span-dark:#a2a0a0;
    --spec-breakingnews-border-dark:#585858;
    --spec-screensize-bg-dark:#4e4e4e;
    --spec-sort-border-dark:#666666;
    --spec-lunch-bordertop-dark:#6d6d6d;
    --spec-blackwhite-color-dark:#ffffff;
    --spec-sortfilter-color-dark:rgb(255 255 255 / 60%);
    --spec-lightgray-bg-dark:#333333;
    --spec-sortby-bg-dark:#222222;
    --spec-sortby-border-dark:#666666;
    --spec-dropdown3-bg-dark:#292929;
    --spec-dropdown3-color-dark:#dddddd;
    --spec-dropdown3-border-dark:#5f5f5f;
    --spec-dropdown3-after-dark:#cecece transparent;
    --spec-brandScroll2-bg-dark: #4a4a4a;
    --spec-tabinner-bg-dark:#292929;
    --spec-tabheader-color-dark:#ffffff;
    --spec-tabcontent-bg-dark:transparent;
    --spec-slider-color-dark:#dddddd;
    --spec-slider-bg-dark:#6d6d6d;
    --spec-placeholder-color-dark:#dddddd;
    --spec-btnmore-bg-dark:#444444;
    --spec-btnmore-color-dark:#dddddd;
    --spec-checkradio-color-dark:#dddddd;
    --spec-checkradio-bg-dark:#cecece;
    --spec-checkradio-border-dark:#5f5f5f;
    --spec-label-bg-dark:#292929;
    --spec-checkradiocheck-bg-dark:transparent;
    --spec-network-border-dark:#5f5f5f;
    --spec-dropdown3list-bg-dark:#777777;
    --spec-dropdown3list-border-dark:#6b6b6b;
    --spec-dropdown3list-hover-dark:#656565;
    --spec-diagonal-before-dark:transparent;
    --spec-clear-bg-dark:#777777;
    --spec-clear-color-dark:#ffffff;
    --spec-demo2-border-dark:#eeeeee;
    --spec-demo2-bg-dark:#eeeeee;
    --spec-demo2-color-dark:#222222;
    --spec-tablist-bg-dark:#292929;
    --spec-tablist-border-dark:#5f5f5f;
    --spec-scrollbar-track-dark:#5d5c5c;
    --spec-scrollbar-dark:#222222;
    --spec-scrollbar-thumb-dark:rgba(0,0,0,.4);
    --spec-brandlist-bg-dark:#777777;
    --spec-gradient-sortprice-dark:linear-gradient(to bottom, rgb(255 255 255 / 5%) 0%,rgb(0 0 0 / 0%) 100%);
    --spec-gradient-label-dark:-webkit-linear-gradient(#fff, hsla(0, 0%, 20%, 0));
    --spec-modal-bg-dark:#464646;
    --spec-modal-border-dark:#666666;
    --spec-modalletter-color-dark:#222222;
    --spec-modalletter-bg-dark:#f1f1f1;
    --spec-modal-dt-dark:#ffffff;
    --spec-modal-dd-dark:#dddddd;
    --spec-modal-close-dark:#666666;
    --spec-brandlist-color-dark:#dddddd;
    --spec-filter-dark:invert(100);
    --spec-search-image-dark: #4a4a4a url(//www.siamphone.com/images/magnifying.png) no-repeat 7px 14px;
    --spec-search-imagesize-dark: 18px;
}

@media (prefers-color-scheme: dark) {
    :root{
        --spec-body-bg:var(--spec-body-bg-dark);
        --spec-body-color:var(--spec-body-color-dark);
        --spec-backtop-bg:var(--spec-backtop-bg-dark);
        --spec-title-bg:var(--spec-title-bg-dark);
        --spec-title-color:var(--spec-title-color-dark);
        --spec-title-after:var(--spec-title-after-dark);
        --spec-listitem-bg:var(--spec-listitem-bg-dark);
        --spec-listitemname-color:var(--spec-listitemname-color-dark);
        --spec-listitem-hover:var(--spec-listitem-hover-dark);
        --spec-listitem-view:var(--spec-listitem-view-dark);
        --spec-swiperswitch:var(--spec-swiperswitch-dark);
        --spec-swiperswitch-active:var(--spec-swiperswitch-active-dark);
        --spec-recommendbrand-bg:var(--spec-recommendbrand-bg-dark);
        --spec-recommendbrand-border:var(--spec-recommendbrand-border-dark);
        --spec-recommendbrand-color:var(--spec-recommendbrand-color-dark);
        --spec-recommendbrand-btn:var(--spec-recommendbrand-btn-dark);
        --spec-recommend-btn:var(--spec-recommend-btn-dark);
        --spec-widgetbtn-bg:var(--spec-widgetbtn-bg-dark);
        --spec-columnbtm-bg:var(--spec-columnbtm-bg-dark);
        --spec-block3-hover:var(--spec-block3-hover-dark);
        --spec-topview-color:var(--spec-topview-color-dark);
        --spec-block3-span:var(--spec-block3-span-dark);
        --spec-breakingnews-border:var(--spec-breakingnews-border-dark);
        --spec-screensize-bg:var(--spec-screensize-bg-dark);
        --spec-sort-border:var(--spec-sort-border-dark);
        --spec-lunch-bordertop:var(--spec-lunch-bordertop-dark);
        --spec-blackwhite-color:var(--spec-blackwhite-color-dark);
        --spec-sortfilter-color:var(--spec-sortfilter-color-dark);
        --spec-lightgray-bg:var(--spec-lightgray-bg-dark);
        --spec-sortby-bg:var(--spec-sortby-bg-dark);
        --spec-sortby-border:var(--spec-sortby-border-dark);
        --spec-dropdown3-bg:var(--spec-dropdown3-bg-dark);
        --spec-dropdown3-color:var(--spec-dropdown3-color-dark);
        --spec-dropdown3-border:var(--spec-dropdown3-border-dark);
        --spec-dropdown3-after:var(--spec-dropdown3-after-dark);
        --spec-brandScroll2-bg: var(--spec-brandScroll2-bg-dark);
        --spec-tabinner-bg:var(--spec-tabinner-bg-dark);
        --spec-tabheader-color:var(--spec-tabheader-color-dark);
        --spec-tabcontent-bg:var(--spec-tabcontent-bg-dark);
        --spec-slider-color:var(--spec-slider-color-dark);
        --spec-slider-bg:var(--spec-slider-bg-dark);
        --spec-placeholder-color:var(--spec-placeholder-color-dark);
        --spec-btnmore-bg:var(--spec-btnmore-bg-dark);
        --spec-btnmore-color:var(--spec-btnmore-color-dark);
        --spec-checkradio-color:var(--spec-checkradio-color-dark);
        --spec-checkradio-bg:var(--spec-checkradio-bg-dark);
        --spec-checkradio-border:var(--spec-checkradio-border-dark);
        --spec-label-bg:var(--spec-label-bg-dark);
        --spec-checkradiocheck-bg:var(--spec-checkradiocheck-bg-dark);
        --spec-network-border:var(--spec-network-border-dark);
        --spec-dropdown3list-bg:var(--spec-dropdown3list-bg-dark);
        --spec-dropdown3list-border:var(--spec-dropdown3list-border-dark);
        --spec-dropdown3list-hover:var(--spec-dropdown3list-hover-dark);
        --spec-diagonal-before:var(--spec-diagonal-before-dark);
        --spec-clear-bg:var(--spec-clear-bg-dark);
        --spec-clear-color:var(--spec-clear-color-dark);
        --spec-demo2-border:var(--spec-demo2-border-dark);
        --spec-demo2-bg:var(--spec-demo2-bg-dark);
        --spec-demo2-color:var(--spec-demo2-color-dark);
        --spec-tablist-bg:var(--spec-tablist-bg-dark);
        --spec-tablist-border:var(--spec-tablist-border-dark);
        --spec-scrollbar-track:var(--spec-scrollbar-track-dark);
        --spec-scrollbar:var(--spec-scrollbar-dark);
        --spec-scrollbar-thumb:var(--spec-scrollbar-thumb-dark);
        --spec-brandlist-bg:var(--spec-brandlist-bg-dark);
        --spec-gradient-sortprice:var(--spec-gradient-sortprice-dark);
        --spec-gradient-label:var(--spec-gradient-label-dark);
        --spec-modal-bg:var(--spec-modal-bg-dark);
        --spec-modal-border:var(--spec-modal-border-dark);
        --spec-modalletter-color:var(--spec-modalletter-color-dark);
        --spec-modalletter-bg:var(--spec-modalletter-bg-dark);
        --spec-modal-dt:var(--spec-modal-dt-dark);
        --spec-modal-dd:var(--spec-modal-dd-dark);
        --spec-modal-close:var(--spec-modal-close-dark);
        --spec-brandlist-color:var(--spec-brandlist-color-dark);
        --spec-filter:var(--spec-filter-dark);
        --spec-search-image:var(--spec-search-image-dark);
        --spec-search-imagesize:var(--spec-search-imagesize-dark);
    }
}

@media (prefers-color-scheme: light) {
    :root{
        --spec-body-bg:var(--spec-body-bg-light);
        --spec-body-color:var(--spec-body-color-light);
        --spec-backtop-bg:var(--spec-backtop-bg-light);
        --spec-title-bg:var(--spec-title-bg-light);
        --spec-title-color:var(--spec-title-color-light);
        --spec-title-after:var(--spec-title-after-light);
        --spec-listitem-bg:var(--spec-listitem-bg-light);
        --spec-listitemname-color:var(--spec-listitemname-color-light);
        --spec-listitem-hover:var(--spec-listitem-hover-light);
        --spec-listitem-view:var(--spec-listitem-view-light);
        --spec-swiperswitch:var(--spec-swiperswitch-light);
        --spec-swiperswitch-active:var(--spec-swiperswitch-active-light);
        --spec-recommendbrand-bg:var(--spec-recommendbrand-bg-light);
        --spec-recommendbrand-border:var(--spec-recommendbrand-border-light);
        --spec-recommendbrand-color:var(--spec-recommendbrand-color-light);
        --spec-recommendbrand-btn:var(--spec-recommendbrand-btn-light);
        --spec-recommend-btn:var(--spec-recommend-btn-light);
        --spec-widgetbtn-bg:var(--spec-widgetbtn-bg-light);
        --spec-columnbtm-bg:var(--spec-columnbtm-bg-light);
        --spec-block3-hover:var(--spec-block3-hover-light);
        --spec-topview-color:var(--spec-topview-color-light);
        --spec-block3-span:var(--spec-block3-span-light);
        --spec-breakingnews-border:var(--spec-breakingnews-border-light);
        --spec-screensize-bg:var(--spec-screensize-bg-light);
        --spec-sort-border:var(--spec-sort-border-light);
        --spec-lunch-bordertop:var(--spec-lunch-bordertop-light);
        --spec-blackwhite-color:var(--spec-blackwhite-color-light);
        --spec-sortfilter-color:var(--spec-sortfilter-color-light);
        --spec-lightgray-bg:var(--spec-lightgray-bg-light);
        --spec-sortby-bg:var(--spec-sortby-bg-light);
        --spec-sortby-border:var(--spec-sortby-border-light);
        --spec-dropdown3-bg:var(--spec-dropdown3-bg-light);
        --spec-dropdown3-color:var(--spec-dropdown3-color-light);
        --spec-dropdown3-border:var(--spec-dropdown3-border-light);
        --spec-dropdown3-after:var(--spec-dropdown3-after-light);
        --spec-brandScroll2-bg: var(--spec-brandScroll2-bg-light);
        --spec-tabinner-bg:var(--spec-tabinner-bg-light);
        --spec-tabheader-color:var(--spec-tabheader-color-light);
        --spec-tabcontent-bg:var(--spec-tabcontent-bg-light);
        --spec-slider-color:var(--spec-slider-color-light);
        --spec-slider-bg:var(--spec-slider-bg-light);
        --spec-placeholder-color:var(--spec-placeholder-color-light);
        --spec-btnmore-bg:var(--spec-btnmore-bg-light);
        --spec-btnmore-color:var(--spec-btnmore-color-light);
        --spec-checkradio-color:var(--spec-checkradio-color-light);
        --spec-checkradio-bg:var(--spec-checkradio-bg-light);
        --spec-checkradio-border:var(--spec-checkradio-border-light);
        --spec-label-bg:var(--spec-label-bg-light);
        --spec-checkradiocheck-bg:var(--spec-checkradiocheck-bg-light);
        --spec-network-border:var(--spec-network-border-light);
        --spec-dropdown3list-bg:var(--spec-dropdown3list-bg-light);
        --spec-dropdown3list-border:var(--spec-dropdown3list-border-light);
        --spec-dropdown3list-hover:var(--spec-dropdown3list-hover-light);
        --spec-diagonal-before:var(--spec-diagonal-before-light);
        --spec-clear-bg:var(--spec-clear-bg-light);
        --spec-clear-color:var(--spec-clear-color-light);
        --spec-demo2-border:var(--spec-demo2-border-light);
        --spec-demo2-bg:var(--spec-demo2-bg-light);
        --spec-demo2-color:var(--spec-demo2-color-light);
        --spec-tablist-bg:var(--spec-tablist-bg-light);
        --spec-tablist-border:var(--spec-tablist-border-light);
        --spec-scrollbar-track:var(--spec-scrollbar-track-light);
        --spec-scrollbar:var(--spec-scrollbar-light);
        --spec-scrollbar-thumb:var(--spec-scrollbar-thumb-light);
        --spec-brandlist-bg:var(--spec-brandlist-bg-light);
        --spec-gradient-sortprice:var(--spec-gradient-sortprice-light);
        --spec-gradient-label:var(--spec-gradient-label-light);
        --spec-modal-bg:var(--spec-modal-bg-light);
        --spec-modal-border:var(--spec-modal-border-light);
        --spec-modalletter-color:var(--spec-modalletter-color-light);
        --spec-modalletter-bg:var(--spec-modalletter-bg-light);
        --spec-modal-dt:var(--spec-modal-dt-light);
        --spec-modal-dd:var(--spec-modal-dd-light);
        --spec-modal-close:var(--spec-modal-close-light);
        --spec-brandlist-color:var(--spec-brandlist-color-light);
        --spec-filter:var(--spec-filter-light);
        --spec-search-image:var(--spec-search-image-light);
        --spec-search-imagesize:var(--spec-search-imagesize-light);
    }
}

[color-scheme="dark"]{
    --spec-body-bg:var(--spec-body-bg-dark);
    --spec-body-color:var(--spec-body-color-dark);
    --spec-backtop-bg:var(--spec-backtop-bg-dark);
    --spec-title-bg:var(--spec-title-bg-dark);
    --spec-title-color:var(--spec-title-color-dark);
    --spec-title-after:var(--spec-title-after-dark);
    --spec-listitem-bg:var(--spec-listitem-bg-dark);
    --spec-listitemname-color:var(--spec-listitemname-color-dark);
    --spec-listitem-hover:var(--spec-listitem-hover-dark);
    --spec-listitem-view:var(--spec-listitem-view-dark);
    --spec-swiperswitch:var(--spec-swiperswitch-dark);
    --spec-swiperswitch-active:var(--spec-swiperswitch-active-dark);
    --spec-recommendbrand-bg:var(--spec-recommendbrand-bg-dark);
    --spec-recommendbrand-border:var(--spec-recommendbrand-border-dark);
    --spec-recommendbrand-color:var(--spec-recommendbrand-color-dark);
    --spec-recommendbrand-btn:var(--spec-recommendbrand-btn-dark);
    --spec-recommend-btn:var(--spec-recommend-btn-dark);
    --spec-widgetbtn-bg:var(--spec-widgetbtn-bg-dark);
    --spec-columnbtm-bg:var(--spec-columnbtm-bg-dark);
    --spec-block3-hover:var(--spec-block3-hover-dark);
    --spec-topview-color:var(--spec-topview-color-dark);
    --spec-block3-span:var(--spec-block3-span-dark);
    --spec-breakingnews-border:var(--spec-breakingnews-border-dark);
    --spec-screensize-bg:var(--spec-screensize-bg-dark);
    --spec-sort-border:var(--spec-sort-border-dark);
    --spec-lunch-bordertop:var(--spec-lunch-bordertop-dark);
    --spec-blackwhite-color:var(--spec-blackwhite-color-dark);
    --spec-sortfilter-color:var(--spec-sortfilter-color-dark);
    --spec-lightgray-bg:var(--spec-lightgray-bg-dark);
    --spec-sortby-bg:var(--spec-sortby-bg-dark);
    --spec-sortby-border:var(--spec-sortby-border-dark);
    --spec-dropdown3-bg:var(--spec-dropdown3-bg-dark);
    --spec-dropdown3-color:var(--spec-dropdown3-color-dark);
    --spec-dropdown3-border:var(--spec-dropdown3-border-dark);
    --spec-dropdown3-after:var(--spec-dropdown3-after-dark);
    --spec-brandScroll2-bg: var(--spec-brandScroll2-bg-dark);
    --spec-tabinner-bg:var(--spec-tabinner-bg-dark);
    --spec-tabheader-color:var(--spec-tabheader-color-dark);
    --spec-tabcontent-bg:var(--spec-tabcontent-bg-dark);
    --spec-slider-color:var(--spec-slider-color-dark);
    --spec-slider-bg:var(--spec-slider-bg-dark);
    --spec-placeholder-color:var(--spec-placeholder-color-dark);
    --spec-btnmore-bg:var(--spec-btnmore-bg-dark);
    --spec-btnmore-color:var(--spec-btnmore-color-dark);
    --spec-checkradio-color:var(--spec-checkradio-color-dark);
    --spec-checkradio-bg:var(--spec-checkradio-bg-dark);
    --spec-checkradio-border:var(--spec-checkradio-border-dark);
    --spec-label-bg:var(--spec-label-bg-dark);
    --spec-checkradiocheck-bg:var(--spec-checkradiocheck-bg-dark);
    --spec-network-border:var(--spec-network-border-dark);
    --spec-dropdown3list-bg:var(--spec-dropdown3list-bg-dark);
    --spec-dropdown3list-border:var(--spec-dropdown3list-border-dark);
    --spec-dropdown3list-hover:var(--spec-dropdown3list-hover-dark);
    --spec-diagonal-before:var(--spec-diagonal-before-dark);
    --spec-clear-bg:var(--spec-clear-bg-dark);
    --spec-clear-color:var(--spec-clear-color-dark);
    --spec-demo2-border:var(--spec-demo2-border-dark);
    --spec-demo2-bg:var(--spec-demo2-bg-dark);
    --spec-demo2-color:var(--spec-demo2-color-dark);
    --spec-tablist-bg:var(--spec-tablist-bg-dark);
    --spec-tablist-border:var(--spec-tablist-border-dark);
    --spec-scrollbar-track:var(--spec-scrollbar-track-dark);
    --spec-scrollbar:var(--spec-scrollbar-dark);
    --spec-scrollbar-thumb:var(--spec-scrollbar-thumb-dark);
    --spec-brandlist-bg:var(--spec-brandlist-bg-dark);
    --spec-gradient-sortprice:var(--spec-gradient-sortprice-dark);
    --spec-gradient-label:var(--spec-gradient-label-dark);
    --spec-modal-bg:var(--spec-modal-bg-dark);
    --spec-modal-border:var(--spec-modal-border-dark);
    --spec-modalletter-color:var(--spec-modalletter-color-dark);
    --spec-modalletter-bg:var(--spec-modalletter-bg-dark);
    --spec-modal-dt:var(--spec-modal-dt-dark);
    --spec-modal-dd:var(--spec-modal-dd-dark);
    --spec-modal-close:var(--spec-modal-close-dark);
    --spec-brandlist-color:var(--spec-brandlist-color-dark);
    --spec-filter:var(--spec-filter-dark);
    --spec-search-image:var(--spec-search-image-dark);
    --spec-search-imagesize:var(--spec-search-imagesize-dark);
}

[color-scheme="light"]{
    --spec-body-bg:var(--spec-body-bg-light);
    --spec-body-color:var(--spec-body-color-light);
    --spec-backtop-bg:var(--spec-backtop-bg-light);
    --spec-title-bg:var(--spec-title-bg-light);
    --spec-title-color:var(--spec-title-color-light);
    --spec-title-after:var(--spec-title-after-light);
    --spec-listitem-bg:var(--spec-listitem-bg-light);
    --spec-listitemname-color:var(--spec-listitemname-color-light);
    --spec-listitem-hover:var(--spec-listitem-hover-light);
    --spec-listitem-view:var(--spec-listitem-view-light);
    --spec-swiperswitch:var(--spec-swiperswitch-light);
    --spec-swiperswitch-active:var(--spec-swiperswitch-active-light);
    --spec-recommendbrand-bg:var(--spec-recommendbrand-bg-light);
    --spec-recommendbrand-border:var(--spec-recommendbrand-border-light);
    --spec-recommendbrand-color:var(--spec-recommendbrand-color-light);
    --spec-recommendbrand-btn:var(--spec-recommendbrand-btn-light);
    --spec-recommend-btn:var(--spec-recommend-btn-light);
    --spec-widgetbtn-bg:var(--spec-widgetbtn-bg-light);
    --spec-columnbtm-bg:var(--spec-columnbtm-bg-light);
    --spec-block3-hover:var(--spec-block3-hover-light);
    --spec-topview-color:var(--spec-topview-color-light);
    --spec-block3-span:var(--spec-block3-span-light);
    --spec-breakingnews-border:var(--spec-breakingnews-border-light);
    --spec-screensize-bg:var(--spec-screensize-bg-light);
    --spec-sort-border:var(--spec-sort-border-light);
    --spec-lunch-bordertop:var(--spec-lunch-bordertop-light);
    --spec-blackwhite-color:var(--spec-blackwhite-color-light);
    --spec-sortfilter-color:var(--spec-sortfilter-color-light);
    --spec-lightgray-bg:var(--spec-lightgray-bg-light);
    --spec-sortby-bg:var(--spec-sortby-bg-light);
    --spec-sortby-border:var(--spec-sortby-border-light);
    --spec-dropdown3-bg:var(--spec-dropdown3-bg-light);
    --spec-dropdown3-color:var(--spec-dropdown3-color-light);
    --spec-dropdown3-border:var(--spec-dropdown3-border-light);
    --spec-dropdown3-after:var(--spec-dropdown3-after-light);
    --spec-brandScroll2-bg: var(--spec-brandScroll2-bg-light);
    --spec-tabinner-bg:var(--spec-tabinner-bg-light);
    --spec-tabheader-color:var(--spec-tabheader-color-light);
    --spec-tabcontent-bg:var(--spec-tabcontent-bg-light);
    --spec-slider-color:var(--spec-slider-color-light);
    --spec-slider-bg:var(--spec-slider-bg-light);
    --spec-placeholder-color:var(--spec-placeholder-color-light);
    --spec-btnmore-bg:var(--spec-btnmore-bg-light);
    --spec-btnmore-color:var(--spec-btnmore-color-light);
    --spec-checkradio-color:var(--spec-checkradio-color-light);
    --spec-checkradio-bg:var(--spec-checkradio-bg-light);
    --spec-checkradio-border:var(--spec-checkradio-border-light);
    --spec-label-bg:var(--spec-label-bg-light);
    --spec-checkradiocheck-bg:var(--spec-checkradiocheck-bg-light);
    --spec-network-border:var(--spec-network-border-light);
    --spec-dropdown3list-bg:var(--spec-dropdown3list-bg-light);
    --spec-dropdown3list-border:var(--spec-dropdown3list-border-light);
    --spec-dropdown3list-hover:var(--spec-dropdown3list-hover-light);
    --spec-diagonal-before:var(--spec-diagonal-before-light);
    --spec-clear-bg:var(--spec-clear-bg-light);
    --spec-clear-color:var(--spec-clear-color-light);
    --spec-demo2-border:var(--spec-demo2-border-light);
    --spec-demo2-bg:var(--spec-demo2-bg-light);
    --spec-demo2-color:var(--spec-demo2-color-light);
    --spec-tablist-bg:var(--spec-tablist-bg-light);
    --spec-tablist-border:var(--spec-tablist-border-light);
    --spec-scrollbar-track:var(--spec-scrollbar-track-light);
    --spec-scrollbar:var(--spec-scrollbar-light);
    --spec-scrollbar-thumb:var(--spec-scrollbar-thumb-light);
    --spec-brandlist-bg:var(--spec-brandlist-bg-light);
    --spec-gradient-sortprice:var(--spec-gradient-sortprice-light);
    --spec-gradient-label:var(--spec-gradient-label-light);
    --spec-modal-bg:var(--spec-modal-bg-light);
    --spec-modal-border:var(--spec-modal-border-light);
    --spec-modalletter-color:var(--spec-modalletter-color-light);
    --spec-modalletter-bg:var(--spec-modalletter-bg-light);
    --spec-modal-dt:var(--spec-modal-dt-light);
    --spec-modal-dd:var(--spec-modal-dd-light);
    --spec-modal-close:var(--spec-modal-close-light);
    --spec-brandlist-color:var(--spec-brandlist-color-light);
    --spec-filter:var(--spec-filter-light);
    --spec-search-image:var(--spec-search-image-light);
    --spec-search-imagesize:var(--spec-search-imagesize-light);
}

.mode-switch {
    display: block !important;
}

body , #wrapper{
    background: var(--spec-body-bg);
    color: var(--spec-body-color);
}
.mr-0{margin-right:0 !important;}
.title_image h1, .title_image h2{
    background: var(--spec-title-bg);
    color:var(--spec-title-color);
}
.title_image:after, .beginnerGuide .title_image:after, #buyingGuide .title_image:after{
    background:var(--spec-title-after);
}
.model_list_item,.model_list_item_name{
    background-color: var(--spec-listitem-bg);
}
.model_list_item_name a{
    color: var(--spec-listitemname-color);
}
.model_list_item:hover{
    box-shadow:var(--spec-listitem-hover);
}
.list-view{width:100%;}
.slideTop .model_list_item:hover .list-view{
    color:var(--spec-listitem-view);
}
.dark-mode .model_list_item_image_vertical img,#store ul li .image img{
    border-radius: 5px;
}
.dark-mode .sortFilter button:focus img, .dark-mode .sortFilter button:hover img{
    filter:none;
}
.recommendList, .randomBrand,.allListBrand a{
    background:var(--spec-recommendbrand-bg) ;
    border-color:var(--spec-recommendbrand-border);
}
.recommendList p{
    color:var(--spec-recommendbrand-color);
}
.allListBrand a{
    color:var(--spec-recommend-btn) !important;
}
.beginnerGuide .title_image a, #buyingGuide .title_image a{
    background:var(--spec-widgetbtn-bg);
}
.column-one-fifth, .beginnerBlock, .breakingNews ul{
    background:var(--spec-body-bg);
}
.column-one-fifth p.readLink a, .beginnerBlock p.readLink a,.title_catalogupdate, .breakingNews ul li a,.column-one-fifth p.readLink a:hover {
    color:var(--spec-body-color);
}
.column-one-fifth:hover, .beginnerBlock:hover{
    background:transparent;
}
.dark-mode .breakingNews ul li font i {
    filter: invert(0.6);
}
.breakingNews ul li{
    border-color:var(--spec-breakingnews-border);
}
.column-bottom{
    background: var(--spec-columnbtm-bg);
}
.block-three, .block-three ul li{
    background: var(--spec-body-bg);
}
.block-three h3, .block-three ul li .name a, .btn-price{
    color:var(--spec-body-color);
}
.block-three ul li:hover{
    background: var(--spec-block3-hover);
    border-radius: 8px 8px;
}
.top-views a{
    color:var(--spec-topview-color);
}
.block-three h3 span{
    color:var(--spec-block3-span);
}
.sort_by, .launch, #detailBox, .main_list{
    border-color:var(--spec-sort-border);
}
.screen_size{
    background-color: var(--spec-screensize-bg);
}
.launch{
    background:var(--spec-body-bg);
    color:var(--spec-body-color);
    border-bottom: 1px dotted var(--spec-sort-border);
    border-top: 1px solid var(--spec-lunch-bordertop);
}
.launch span{
    color:var(--spec-blackwhite-color);
}
.sortFilter button{
    color:var(--spec-sortfilter-color);
}
#back-top2 span {
    background: var(--spec-backtop-bg) url(//www.siamphone.com/images/ar-top.png) no-repeat center center;
    background-size: 25px;
}
.dark-mode #back-top2 span {
    background: var(--spec-backtop-bg) url(//www.siamphone.com/images/arrow_up_wh.png) no-repeat center center;
    background-size: 25px;
}

/* Search Filter */
.lightGrayBg, .quick_search{
    background: var(--spec-lightgray-bg);
}

.sort_by{
    background: var(--spec-sortby-bg);
    border-color: var(--spec-sortby-border);
}
.wrapper-demo, .wrapper-dropdown-3, #q {
    background-color: var(--spec-dropdown3-bg);
    color:  var(--spec-dropdown3-color);
    border-color:var(--spec-dropdown3-border);
}
.wrapper-dropdown-3{
    background-color: var(--spec-label-bg);
}
#brandScroll2, .category_review{
    background-color: var(--spec-brandScroll2-bg);
}
.tab-content{
    background: var(--spec-tabcontent-bg);
}
.tab-inner{
    background-color: var(--spec-tabinner-bg);
}
.tab-header{
    color:var(--spec-tabheader-color);
}
.tab-list li{
    background:var(--spec-tablist-bg);
    border-color:var(--spec-tablist-border);
}


.category_review_item p{
    color:var(--spec-slider-color);
}
.slider{
    background:var(--spec-slider-bg);
}
.wrapper-dropdown-3 .dropdown li.brand_textbox input::placeholder,.search-home .input_qs_spc #q::placeholder, #brand_model::placeholder{
    color:var(--spec-placeholder-color);
}
.btnMore a{
    background-color: var(--spec-btnmore-bg);
    color:var(--spec-btnmore-color);
}
.checkbox label, .radio label{
    color:var(--spec-checkradio-color);
}
.checkbox label::before, .radio label::before{
    background-color: var(--spec-checkradio-bg);
    border-color:var(--spec-checkradio-border);
}
.category ul li, .display_diagonal ul li{border-color:var(--spec-checkradio-border);}
.category ul li.radio label, .network .dropdown li label, .display_diagonal ul li, .additional_features .tab-list li, .special_features .tab-list li, .additional_features .tab-list li, .special_features .tab-list li, .display_diagonal ul li.radio label{
    background-color: var(--spec-label-bg);
}
.tab-list input:checked + li.radio{
    background: var(--spec-checkradiocheck-bg);
}
.network .dropdown li,.network ul, #cpu, #network_USB, #ram,  #rom, #backCamera, #frontCamera, #displayDiagonal{
    border-color:var(--spec-network-border);
}
.wrapper-dropdown-3 .dropdown{
    background:var(--spec-dropdown3list-bg);
}
.wrapper-dropdown-3 .dropdown li:hover{
    background-color:var(--spec-dropdown3list-hover);
}
.display_diagonal ul input:checked + li.radio label::before{
    background:var(--spec-diagonal-before);
}
#demo2{
    color:var(--spec-demo2-color);
    border:0;
    border-color:var(--spec-demo2-border);
    border-radius: 3px;
    background-color: var(--spec-demo2-bg);
}
#clear-form{
    background-color: var(--spec-clear-bg);
    color:var(--spec-clear-color);
}

.gradientRead .network .dropdown li label, .gradientRead .sort-price li label {
    background: var(--spec-gradient-label);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.2);
}
.gradientRead .network, .gradientRead .sort-price {
    background: var(--spec-gradient-sortprice);
}


.modal-content{
    background:var(--spec-modal-bg);
}
.modal-header{
    border-color:var(--spec-modal-border);
}
 .brand-all dd a{
    color:var(--spec-modal-dd);
}
.brand-all dt a, .brand-all dd strong{
    color:var(--spec-modal-dt);
}
.dark-mode .brand-all dd{
    background-image: url("https://www.siamphone.com/images/fullstop_wh.png");
}
.modal-header .close{
    border-color:var(--spec-modal-close);
    text-shadow: none;
}
@media (prefers-color-scheme: dark) {
    
    #back-top2 span {
        background: var(--spec-backtop-bg) url(//www.siamphone.com/images/arrow_up_wh.png) no-repeat center center;
        background-size: 25px;
    }
    .light-mode #back-top2 span {
        background:var(--spec-backtop-bg) url(//www.siamphone.com/images/ar-top.png) no-repeat center center;
        background-size: 33px;
    }
    .model_list_item_image_vertical img,#store ul li .image img{
        border-radius: 5px;
    }
    .light-mode .arrow-right, .arrow-left , .light-mode .top-views .icon-user, .light-mode .sortFilter img{
        filter: invert(0);
    }
    .light-mode .sortFilter button:focus img, .light-mode .sortFilter button:hover img{
        filter:none;
    }
    .breakingNews ul li font i {
        filter: invert(0.6);
    }

}




* html .clearfix {
	height: 1%;
}
html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font: normal 1rem "Kanit", sans-serif;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
a{text-decoration:none;}
.mt-10{margin-top:10px !important;}
.mt-14{margin-top:14px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}
.mt-50{margin-top:50px !important;}

.ml-10{margin-left:10px !important;}

.mb-0{margin-bottom:0 !important;}
.mb-5{margin-bottom:5px !important;}
.mb-20{margin-bottom:20px !important;}
h1,h2,h3{margin:0;}
.menuBar{margin-bottom:0;}
#wrapper {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	margin: auto;
/* 	width: 1200px; */
	padding-bottom: 30px;
	clear:both;
}
#StandardSearch {
    border-top: 0;
    /* min-height: 740px; */
}
#StandardSearch:before{
/*     content: "";
    height: 60%;
    width: 98.3%;
    position: absolute;
    bottom: 18%;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.4)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0, 0, 0, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
    z-index: 9; */
}

.gradientRead{
/* 	background:red; */
overflow:hidden;
}
.gradientRead .tab-header{
    color: #878787;
}
.gradientRead .category{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%,rgba(255,255,255,0) 55%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ffffff',GradientType=0 );
}
.gradientRead .sort-price{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%,rgba(255,255,255,0) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ffffff',GradientType=0 );
}
.gradientRead .category ul li.radio label{
	background: -webkit-linear-gradient(#000, hsla(0, 0%, 20%, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.2);
}
.gradientRead .network .dropdown li label, .gradientRead .sort-price li label{
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.2);
}
.gradientRead .category ul input:checked + li.radio label, .gradientRead .network .dropdown input:checked + li label{
	-webkit-text-fill-color: #0191C8;
}
.gradientRead .category ul input:checked + li em, .gradientRead .network .dropdown  input:checked + li label em{opacity:1.0;}
.gradientRead .network ul{border-right:0;}
.gradientRead .category ul li {
	border: 1px solid #fafafa;
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%,rgba(255,255,255,0) 34%);
}
.gradientRead .category ul li, .gradientRead .network ul{
  position: relative;
  border-top:1px solid rgba(0, 0, 0, 0.1);
}
.gradientRead .category ul li:before, .gradientRead .category ul li:after , .gradientRead .network ul:before, .gradientRead .network ul:after{
	content: "";
	position: absolute;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(rgba(46, 46, 46, 0.02)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.15), rgba(46, 46, 46, 0.02));
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.15), rgba(46, 46, 46, 0.02));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0.15), rgba(46, 46, 46, 0.02));
    background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%,rgb(255, 255, 255) 100%);
    top: 0;
    bottom: 0;
    width: 1px;
}
.gradientRead .category ul li:before{left:-1px;}
.gradientRead .category ul li:after{right: -1px;}
.gradientRead .network ul:before{left:0;}
.gradientRead .network ul:after{right:0;}
.gradientRead .category ul li em{opacity:0.2;}
.gradientRead .network, .gradientRead .sort-price{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%,rgba(255,255,255,0) 100%);
}
.gradientRead .network .dropdown li label em{opacity:0.7;}
.gradientRead .network .dropdown li:nth-child(2), .gradientRead .network .dropdown li:nth-child(12){border-left:1px solid transparent;}
.gradientRead .network .dropdown li:nth-child(2), .gradientRead .network .dropdown li:nth-child(4){border-bottom:1px solid transparent;}
.gradientRead .network .dropdown li:nth-child(n+12){border-bottom: 1px solid #fafafa;position:relative;}
.gradientRead .network .dropdown li:nth-child(n+12) label{color: rgba(0, 0, 0, 0.3);}
.gradientRead .network .dropdown li:nth-child(n+12) em{opacity: 0.4;}
.gradientRead .category ul li:before, .gradientRead .category ul li:after{
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%,rgb(255, 255, 255) 100%);
}
 .gradientRead .network .dropdown li:before, .gradientRead .network .dropdown li:nth-child(n+12):before{
    content: "";
    position: absolute;
    bottom: 0;
    right: -1px;
	top: 0;
    width: 1px;
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(transparent));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%,rgb(255, 255, 255) 97%);
    z-index: 1;
}
.gradientRead .network .dropdown li:nth-child(20):before{content:none;}
.gradientRead .tab-list li{background-color: transparent;}
.gradientRead .checkbox label::before,.gradientRead .radio label::before{background-color: transparent;}
.cover{overflow:hidden;}
/* Swipper */
.slideTop{position:relative;}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
    height: 455px;
    width: 100%;
    margin-bottom:20px;
}
.swiper-wrapper {
	padding-top:2px;
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
/* 	background-color:#ddd; */
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-active-switch {
  background: var(--spec-swiperswitch-active);
}
.swiper-slide img{width:100%}
.swiper-container,.swiper-slide .head a,.swiper-wrapper{overflow:hidden}
.swiper-slide{position:relative;float:left;margin:0;padding-bottom: 30px;
/* background: -moz-linear-gradient(left, rgba(255,255,255,1) 30%, rgba(255,255,255,0.63) 56%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 30%,rgba(255,255,255,0.63) 56%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 30%,rgba(255,255,255,0.63) 56%,rgba(255,255,255,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    background-image: url(//www.siamphone.com/images/menuTest.png);
    background-repeat: no-repeat;
    background-size: 100%; */
}
.swiper-slide:before{
content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
/*     background: -moz-linear-gradient(22deg, rgba(255,255,255,0) 50%, rgba(198,198,198,0.63) 66%, rgba(198,198,198,1) 90%);
    background: -webkit-linear-gradient(22deg, rgba(255,255,255,0) 50%,rgba(198,198,198,0.63) 66%,rgba(198,198,198,1) 90%);
    background: linear-gradient(22deg, rgba(255,255,255,0) 50%,rgba(255, 255, 255, 0) 66%,rgba(170,169,169,.7) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#c6c6c6',GradientType=1 );
	    background: linear-gradient(to right, rgb(254, 254, 254) 30%,rgba(0, 0, 0, 0) 60%,rgba(255, 255, 255, 0) 100%); */
}
.swiper-slide-image{
    width: 30%;
    float: left;
	position:relative;
	background-color:#fff;
}
.swiper-slide-image img{
width: auto;
    height: auto;
    max-height: 355px;
    margin: 25px 0 0 0;
}
.swiper-slide-detail{
width: 66%;
    position: relative;
    float: left;
    padding: 2% 2%;
}
.swiper-slide-detail h2{
    font-family: 'Roboto';
    font-size: 38px;
    font-weight: 400;
    text-align: left;
    margin: 0% 0 0 0;
/*     position: absolute;
    left: -5%; */
}
.swiper-slide-detail h2 a{
text-decoration: none;
    background: #222;
    color: #fff;
    padding: 0 25px 5px;
}
.brandLogo{
    position: absolute;
    right: 2%;
    top: 7%;
}
.brandLogo a{
display: block;
    background: #fff;
    padding: 0 10px;
}
.brandLogo a img{
    width: auto;
    height: auto;
    vertical-align: bottom;
    max-height: 40px;
    max-width: 80px;
}
.swiper-slide-detail .column{
    float: left;
    width: 100%;
    clear: both;
    margin: 3% 0 0 0;
    padding: 0;
    font-size: 28px;
    font-family: 'Roboto';
    font-weight: 700;
}
.swiper-slide-detail .col-3 {
list-style-type: none;
    text-align: center;
    width: 33%;
    float: left;
    box-shadow: 1px 0px 0px #000;
}
.swiper-slide-detail .col-3  img{
    width: 30px;
    height: auto;
    display: block;
    margin: 5px auto 5px;
}
.swiper-slide-detail .col-3  p{margin:0;}
.swiper-slide-detail .col-3  span{font-size:12px;line-height:14px;display:block;}
.swiper-slide-detail .spec-os {box-shadow:none;}
.swiper-slide-detail .spec-os p{font-size:16px;}
.swiper-slide-detail ul{
float: left;
    font-weight: bold;
	font-size:15px;
    line-height: 24px;
    font-family: 'roboto';
    margin-top: 20px;
}
.swiper-slide-detail li{list-style-image: url(//www.siamphone.com/images/fullstop.png);}
.swiper-slide-detail li span{font-weight:normal;}
.swiper-slide .title{margin-top:0;position:absolute;top:0;z-index:1;width:100%}
.swiper-slide .head{position:absolute;top:0;width:600px;height:363px;background-size:auto 363px;background-repeat:no-repeat;background-position:center}
.swiper-slide .head a{color:#FFF;text-shadow:1px 1px 4px rgba(0,0,0,.8);font-family:DBHelvethaicaXRegular;font-weight:400;font-size:36px;padding:5px 20px 20px;width:560px;height:65px;display:block;line-height:40px;position:absolute;bottom:0}
.arrow-left{
	background: url(//www.siamphone.com/images/icon/126492.png) 3px center no-repeat;
    position: absolute;
    /* top: 0; */
    left: 35%;
    bottom: 1px;
    width: 23px;
    height: 23px;
    z-index: 2;
    opacity: 0.6;
    background-size: 15px;
    display: block;
    filter:var(--spec-filter);
}
.pagination,.arrow-right{position:absolute;left:auto;bottom:1px;display:block}
.arrow-right{
	background: url(//www.siamphone.com/images/icon/126490.png) 5px center no-repeat;
    right: 35%;
    /* top: 165px; */
    width: 23px;
    height: 23px;
    z-index: 2;
    opacity: 0.6;
    background-size: 15px;
    filter:var(--spec-filter);
}
.arrow-left:hover, .arrow-right:hover{opacity:0.8;background-color: #eeeeee;}
.swiper-slide a.sliderpic{display:block;text-align:center}
.swiper-slide img.imgSlide{width:110%!important;height:383px;margin:-10px;border:0;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}
.pagination{
    text-align: center;
    height: 22px;
    margin: 0;
    width: 43px;
    bottom: 2px;
    left: 47.5%;
    /* z-index: 2; */
    position: relative;
    /* background: #f5f5f5; */
    width: 18%;
    left: auto;
    border-radius: 30px;
    margin: 0 auto;
}
.swiper-pagination-switch{
    cursor: pointer;
    color: #FFF;
    font-size: 11px;
    text-align: center;
    width: 35px;
    height: 10px;
    margin: 7px 3px;
    z-index: 0;
    position: relative;
    display: inline-block;
    border-radius: 0;
    background: var(--spec-swiperswitch);
    cursor: pointer;
    border-radius:30px;
}
.swiper-active-switch{z-index:3;background:var(--spec-swiperswitch-active);}
.swiper-active-switch::before{display:none}
/* End Swipper*/

.title_image {
	text-align: left;
    color: #000;
	position:relative;
}
.title_image h1,.title_image h2{
    font-family: 'Kanit';
    font-size: 42px;
	font-weight:500;
    line-height: 55px;
	padding-right:10px;
    display: inline;
    position: relative;
    z-index: 9;
}
.title_image:after{
/*  border-bottom: 1px solid #000; */
    content: "";
    display: block;	
    height: 3px;
    display: block;
    position: absolute;
    top: 53%;
    width: 98%;
    z-index: 8;
}
.title_image img{
    vertical-align: middle;
    margin: 0 0 5px 0;
	
	display:none;
}
.title_image span{
	font-size: 14px;
    text-transform: uppercase;
    padding-left: 5px;
	font-weight:100;
	
	display:none;
}
/* Trending Now */
.trending_now{
    float: right;
    width: 336px;
    background: #f8f8f8;
    padding: 0px 0 6px 0;
    margin: 0 0;
    /* height: 85px; */
    overflow: hidden;
	text-align:left;
}
.trending_now p{
    margin: 0 0 5px 0;
     background: #dfdfdf; 
    color: rgb(51, 51, 51);
    font-weight: 500;
    padding: 5px 0 5px 15px;
    display: block;
    font-size: 20px;
    font-family: 'Roboto';
    text-align: left;
	
	background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.trending_now span{
    font-weight: bold;
    background:rgba(4, 42, 75, 0.6);
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin: 0 3px 0 0;
}
.trending_now a:nth-child(2) span{
	background: rgb(243,226,199);
	background: -moz-linear-gradient(-45deg, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%);
	background:linear-gradient(135deg, rgb(217, 160, 69) 0%,rgba(193,158,103,1) 50%,rgb(164, 108, 20) 51%,rgb(174, 123, 42) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1 );
	font-size:14px;
}
.trending_now a:nth-child(3) span{
	background: rgb(245,246,246);
    background: -moz-linear-gradient(-45deg, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
    background:linear-gradient(135deg, rgb(232, 232, 232) 0%,rgba(219,220,226,1) 21%,rgb(133, 134, 141) 49%,rgb(199, 199, 199) 80%,rgba(245,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 );
    font-size: 14px;
}
.trending_now a:nth-child(4) span{
	background: rgb(240,183,161); 
	background: -moz-linear-gradient(-45deg, rgba(240,183,161,1) 0%, rgba(140,51,16,1) 50%, rgba(117,34,1,1) 51%, rgba(191,110,78,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(240,183,161,1) 0%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 51%,rgba(191,110,78,1) 100%);
	background: linear-gradient(135deg, rgba(240,183,161,1) 0%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 51%,rgba(191,110,78,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=1 );
	font-size:14px;
}
.trending_now a{
    display: block;
    margin: 0 8px 0;
    color:rgb(50, 50, 50);
    text-decoration: none;
    border-bottom: 1px dotted #e8e8e8;
    padding: 6px 10px 6px 1px;
}
.trending_now a:nth-child(2){
font-size: 16px;
    font-family: 'Roboto';
    font-weight: 500;
    color: rgb(164, 108, 20);
}
.trending_now a:nth-child(3){
    font-size: 15px;
    font-family: 'Roboto';
    font-weight: 500;
}
.trending_now a:nth-child(4){
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 500;
    color: rgba(117,34,1,1);
}
.trending_now a:hover{
	background-color:#414141;
	color:#fff;
	border-bottom: 1px solid transparent;
}

.top_banner{}
.quick_search {
	float: left;
    width: 100%;
    padding: 10px 10px;
    margin: 0px 0 15px;
    /* background-image: url(//www.siamphone.com/images/menuTest.png); */
    background-size: 100%;
    background-position: 50% 0;
}
#search_top{float:none;margin-bottom:20px;}
#search_top #q{width:930px;}
#search_top #submit_bt{width:220px;background:#707992;}
#search_top .headPrice, #search_top .priceBar{display:none;}
.quick_search_qs {
	float: left;
	margin: 0 0 18px;
	overflow: hidden;
	width: 808px;
}
.quick_search_input {
	display: table-cell;
	margin: 0;
	vertical-align: middle;
	width: 1175px;
	font-size:14px;
}
.input_qs_spc {
	float: left;
    width: 100%;
 /*    height: 39px; */
    margin: 0 10px 0 0;
}
.search-home .input_qs_spc {
	width:36%;
    width:27%;
}
.search-home .input_qs_spc #q{width:100%;}
#brand_model {
	width: 400px;
    padding: 8px 10px 8px 0;
    border: 1px solid #ccc;
    position: relative;
    text-indent: 28px;
    font-size: 23px;
    background: #fff url(//www.siamphone.com/images/search_box.png) no-repeat 3px 10px;
    font-family: DBHelvethaicaXRegular;
    
    background: var(--spec-search-image);
    background-size:var(--spec-search-imagesize);
}
.input_qs_sub {
    float: left;
    margin: 0 10px 0 10px;
}
.input_qs_sub select, .quick_search_input select {
    width: 120px;
    padding: 7px 5px 8px;
    border: 1px solid #ccc;
    font-size: 22px;
    font-family: DBHelvethaicaXRegular;
}

/* price */
.headPrice{
    float: left;
	margin: 9px 0 0 0;
    font-family: DBHelvethaicaXRegular;
    font-size: 22px;
	
	display:none;
}
.priceBar {
    width: 340px;
    float: left;
    margin:0 10px 0 10px;
    background: #ffffff;
    border: 0 solid #ebebeb;
    display:inline-block;
	border-radius:3px;
	display:none;
}
.nstSlider {
    width: 55%;
    height: 0;
    margin: auto;
    border-radius: 10px;
    position: relative;
}
input[type="text"].price_range_input{
    font-size: 19px !important;
	font-family:'Roboto';
    text-align: center;
    outline: none;
    background-color: #fff;
    line-height: 18px;
    color: transparent;
    display: inline-block;
    box-shadow: none;
    background: #ffffff;
    width: 65px;
    margin: 0;
    border: 0px solid #ffffff;
    float: left;
    height: 30px;
    padding: 6px 0 7px;
	border-radius: 3px 0 0 3px;
}
input[type="text"]:last-child.price_range_input {
    float: right;
    border-radius: 0 3px 3px 0;
}
.nstSlider .bar {
    border-radius: 10px;
    background: rgba(0,0,0,.2);
    height: 10px;
    top: 17px;
    left: 0px!important;
    width: 100%!important;
}
.nstSlider .leftGrip, .nstSlider .rightGrip{
	top:12px;
    padding: 0;
    text-align: center;
    float: left;
    position: absolute;
    color: #fff;
    font-size: 15px;
    min-width: 14px;
    width: 17px;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    height: 17px;
    border: 1px solid #c5c5c5;
}
.leftLabel{
    left: -70px;
    top: 2px;
    font-size: 19px !important;
    font-family: 'Roboto';
    text-align: center;
    outline: none;
    line-height: 18px;
    color: #555555;
    display: inline-block;
    box-shadow: none;
    width: 65px;
    margin: 0;
    border-radius: 0;
    float: left;
    padding: 10px 0;
}
.rightLabel{
    right: -70px;
    top: 2px;
    font-size: 19px !important;
    font-family: 'Roboto';
    text-align: center;
    outline: none;
    line-height: 18px;
    color: #555555;
    display: inline-block;
    box-shadow: none;
    width: 65px;
    margin: 0;
    border-radius: 0;
    float: left;
    padding: 10px 0;
}
.btnExpand{
    width: 100%;
    float: left;
}
#nomal_search3_submit {
    width: 460px;
    height: 45px;
    margin: 0 auto 15px;
	text-align:center;
	display:none;
}
#nomal_search3_submit input[type="submit"]{
    padding: 10px;
    width: 229px;
    border: 0;
    line-height: 21px;
    font-family: 'Kanit';
    color: #fff;
    font-size: 24px;
    height: 45px;
    cursor: pointer;
    border-radius: 3px;
	-webkit-appearance: none;
    background: #4096ee url(//www.siamphone.com/images/icon_searchvideo.png) no-repeat 32% 8px;
    background-size: 28px;
    text-indent: 20px;
	float:left;
}
#nomal_search3_submit input[type="submit"]:hover {
    background-color: #116ecd;
    transition: background-color 0.3s;
}
#clear-form{
    margin: 0 10px 0 0;
    font-family: 'Kanit';
    font-size: 15px;
    padding:10px 13px 10px;
    border-radius: 3px;
	float:left;
	font-weight:500;
	height:45px;
}
#clear-form img{
    width: 20px;
    height: auto;
    vertical-align: sub;
    margin-right: 5px;filter: invert(1);}
#clear-form span{}
#iconDetail{width:80px;float:right;position:absolute;top:118px;left:1190px;border-radius:0;background:#F7F7F7;font-family:DBHelvethaicaXRegular;box-shadow:0 0 1px #656565}#iconDetail ul{margin:0;padding:0}#iconDetail p{font-size:20px;padding:10px 8px;margin:0;text-align:center;border-bottom:2px solid #656565;background:#2B3E42;color:#fff}#iconDetail ul li{list-style-type:none;text-align:center;padding:0;font-size:22px;line-height:20px;text-transform:uppercase;border-bottom:1px dashed #ddd}#iconDetail ul li a{display:block;padding:10px 0;color:#333;}#iconDetail ul li:last-child{border-bottom:0 dashed #ddd}#iconDetail ul li span img{width:30px;height:auto}.triangle,.triangle:before{content:" ";position:absolute;box-sizing:border-box;pointer-events:none;cursor:default;}.triangle,.triangle:before{border-left:0 solid transparent;width:0;height:0;float:left}.triangle{bottom:-20px;border-right:20px solid transparent;border-top:20px solid #C7C7C7;margin-left:-1px;z-index:99}.triangle:before{bottom:2px;border-right:18px solid transparent;border-top:18px solid #f7f7f7;margin-left:1px;z-index:98}
.followMeBar{position:relative;z-index:1;top:117px;width:98%;display:none;}.followMeBar.fixed{position:fixed!important;top:5px;width:83%;z-index:1;float:right;}.followMeBar.fixed.absolute{position:absolute}.followMeBar.fixed #iconDetail{top:0;right:20px;position:fixed}.iframe-overlay,.normal-overlay{position:absolute;text-align:center;width:100%;z-index:999;padding-top:200px}@media only screen and (min-width :586px){.followMeBar.fixed #iconDetail{position:absolute;left:1190px}}
#detailBox{
    clear: both;
    overflow: hidden;
    margin: 0 0 30px 0;
    padding: 0 0 0;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;

}
.coverList{
    font-size: 40px;
    font-family: DBHelvethaicaXRegular;
    text-align: center;
    padding: 0px 0 50px;
    color: #555555;
}
.launch{
    float: left;
    text-align: left;
    margin: 10px 0 10px 0;
    padding: 18px 0 18px 13px;
    position: relative;
    width: 100%;
    line-height: 22px;
    font-family: 'Kanit';
    font-size: 20px;
    border: 1px solid #f5f5f5;
    border-bottom: 1px dotted #ebebeb;
    border-top: 1px solid #3d3d3d;
    border-left: 0;
    border-right: 0;

    background:var(--spec-body-bg);
    color:var(--spec-body-color);
    border-bottom: 1px dotted var(--spec-sort-border);
    border-top: 1px solid var(--spec-lunch-bordertop);
}
.launch p{margin:0;float:left;}
.launch span{
	font-weight:500;
}
.launch font{
    float: right;
    font-size: 19px;
    margin: 0 10px 0 0;
    color: #7e7e7e;
}

.sortFilter{
    width: 115px;
    height: 22px;
    float: right;
    margin: 0 10px 0 0;
	position: relative;
}
.sortFilter button{
	width: 115px;
    height: 25px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 0;
    line-height: 22px;
    font-family: 'Kanit';
    font-size: 14px;
    background: transparent;
	border: 1px solid transparent;
}
.sortFilter button:focus, .sortFilter button:hover{
	background-color:#ffffff;
	outline:none;
	border: 1px solid #3d3d3d;
	color:#3d3d3d;
}
.sortFilter button:focus{	border-bottom:0;}
.sortFilter img{
    width: 15px;
    height: auto;
    vertical-align: middle;
    margin: 0 5px 0 0;
    opacity: 0.5;
    filter:var(--spec-filter);
}
.sortFilter a:hover{color:rgba(50, 50, 50, 0.95);}
.sortFilter a:hover img{ opacity: 0.8;}
.sortFilter button:hover  a img{
	opacity:1.0;
}


/* The container <div> - needed to position the dropdown content */
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    z-index: 1;
	border: 1px solid #3d3d3d;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 4px 16px;
    text-decoration: none;
    display: block;
	font-size: 14px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show_dropdown {display:block;right:0;margin:0;}

.c_left {
    float: left;
    display: inline-block;
}
.sort_by {
	border: 0 solid blue;
	clear: left;
	color: #000000;
	font-size: 22px;
	/* width: 1200px; */
	position:relative;
	margin: 0;
	float: left;
	clear: both;
	padding: 10px 15px 10px;
	font-family: 'Kanit';

    /* width:1176px; */
    border-left: 1px solid var(--spec-sort-border);
    border-right: 1px solid var(--spec-sort-border);
}
.sort_by select{
	width: 160px;
    padding: 5px 5px;
    border: 1px solid #DEDEDE;
    font-size: 14px;
	margin: -10px 0 0 10px;
}
.sort_by font, .title_release font{
    position: absolute;
    right: 10px;
    top: 6px;
    font-family: DBHelvethaicaXRegular, Tahoma, "Microsoft Sans Serif", sans-serif;
    font-size: 20px;
    color: #777;
}
.sort_by_spec {
	background: none repeat scroll 0 0 #CCCCCC;
	border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
	border: 0 solid blue;
	clear: left;
	color: #000000;
	font-size: 12pt;
	height: 14px;
	margin: 10px 0 -14px 4px;
	padding: 7px 0 10px 15px;
	width: 585px;
}
.select_sort {
    font-size: 22px;
	margin: 5px 0 0 0;
    display:inline-block;
    float: left;
	line-height:13px;
    padding: 2px 10px 2px;
    border-right: 1px solid #131313;
}
.select_sort a{
	padding:0;
	text-decoration:none;
}
.select_sort .active{
    border-bottom: 2px solid #c00;
	color:#c00;
}
.select_sort img{
	margin-left:5px;
	vertical-align: middle;
}
.none-br{ border-right: 0 solid #131313;}
.select_tablet {
	margin: 0;
	display: table-cell;
}
.display_order {
	margin: 0;
	clear: left;
}

.wrapper-demo {
    margin: 0 10px 0 0;
    font-weight: 400;
    float: left;
    position: relative;
    width: 200px;
}
.brandId{width:20%;}
#brandScroll2{width:100%;}
.wrapper-dropdown-3 {
	position: relative;
    border-left: 0;
    cursor: pointer;
    outline: none;
    font-weight: 100;
    font-family: Tahoma, Helvetica, "Microsoft Sans Serif", sans-serif;
    border: 0 solid #ebebeb;
    float: left;
    width: 162px;
    padding:2px 15px 0px;
    margin: 0;
    font-size: 17px;
  /*   box-shadow: 0 4px 10px 0 rgba(0,0,0,.07); */
    border-radius: 3px;
}

.wrapper-dropdown-3:after {
    content:"";
    width: 0;
    height: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: var(--spec-dropdown3-after);
}

.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 120%;
    left: 0;
    right: 0;
	z-index:99;
    height: auto;
    max-height: 311px;
	padding:0;
    overflow: auto;
    /* Styles */
    border-radius: inherit;
    background:var(--spec-dropdown3list-bg);
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}
.wrapper-dropdown-3 span.showtext{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    display: list-item;
    line-height: 40px;
	font-size:18px;
    font-family: 'Kanit';
	font-weight:300;
}
.wrapper-dropdown-3 span.showtext img{
	vertical-align: middle;
    width: 20px;
    margin: 0 5px 0 0;
}
.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}
.wrapper-dropdown-3 .dropdown li {display:block;padding:0 0 10px 28px;position:relative;margin: 0;border-bottom:1px solid var(--spec-dropdown3list-border);}
.wrapper-dropdown-3 .dropdown li:last-child {border-bottom:0 solid var(--spec-dropdown3list-border);}
.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
	font-size: 23px;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.wrapper-dropdown-3 .dropdown li label span{
    display: block;
    font-size: 12px;
    font-family: 'Roboto';
	color:#666;
	margin:0;
}
.wrapper-dropdown-3 .dropdown li label b{
    font-family: DBHelvethaicaXRegular;
    font-size: 19px;
    margin-left: 0;
    color: #636363;
    font-weight: 100;
}
.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius:0;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background-color: #f1f1f1;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
	margin:0;
}
.wrapper-dropdown-3.active .dropdown ~ div.tab-content {
	overflow:visible;
}

#brandScroll1 span.showtext{line-height:33px;}
/* No CSS3 support */

.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}

.wrapper-dropdown-3 .dropdown li label {
    display: block;
    padding: 10px 30px 0 10px; /* Same padding as the button */
    transition: all 0.3s ease-out;
	margin:0;
	font-size:16px;
	min-height:30px;
	line-height:19px;
    font-family: 'Kanit';
	cursor:pointer;
	font-weight:300;
}
.wrapper-dropdown-3 .dropdown li label.oneline{
	line-height:40px !important;
}
.checkbox input[type="checkbox"]:checked + label.oneline::after{
    top: 8px;
    right: 10px;
}
.wrapper-dropdown-3 .dropdown li:last-of-type label {
    border: none;
}
.wrapper-dropdown-3 .dropdown li input {
    position: absolute;
    display: block;
    right: auto;
    top: 50%;
    margin-top: -8px;
    left: 13px;
	border: 1px solid transparent;
    -webkit-appearance: none;
}

/* Hover state */


/* Checked state */
.checkbox label::before, .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-top: 3px;
    border: 1px solid #cecece;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::before, .radio label::before{
	right: auto;
    left: 10px;
    margin-top: 0;
}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
	color:#4096ee;
	left: 10px;
    /* background: #4096ee; */
    top: 12px;
    /* content: ""; */
    width: 17px;
    height: 17px;
    border-radius: 3px;
}
.checkbox input:checked + li.checkbox, .radio input:checked + li.radio{
    background: #f9f9f9;
    border: 1px solid rgba(0, 0, 0, 0.10);
}
.checkbox label::after, .radio label::after{
    left: 10px;
    right: auto;
    top: 8px;
	color:#c00;
}
.radio label::after{
    top: 21px;
}
.radio label::before{border-radius: 30px;}
.wrapper-dropdown-3 .dropdown li.radio label::after{
	top:13px;
}
.wrapper-dropdown-3 .dropdown li input:checked ~ label {
    color: #4096ee;
   /*  text-decoration: line-through; */
}
.wrapper-dropdown-3 .dropdown li input:checked ~ span{
    color: #4096ee;
    /* text-decoration: line-through; */
}
.wrapper-dropdown-3 .dropdown li span{
    position: absolute;
    left: 10px;
    top: 35px;
	display:none;
}
.wrapper-dropdown-3 .dropdown li .toggleOn span{
	left:25px;
}
.brand_list li:nth-child(-n+12) {
    background-color: var(--spec-brandlist-bg);;
}
.wrapper-dropdown-3 .dropdown li.brand_textbox{
	padding:0;
}
.wrapper-dropdown-3 .dropdown li.brand_textbox input{
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0;
    right: 0;
    padding: 3px 10px;
    width: 100%;
    line-height: 33px;
    font-size: 18px;
    font-family: 'Kanit';
    border: 1px solid var(--watch-brandtext-border);
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    background:var(--watch-brandtext-bg);
}

#brandScroll::-webkit-scrollbar-track, #brandScroll_e::-webkit-scrollbar-track, .brand-recommend::-webkit-scrollbar-track,.brand-all::-webkit-scrollbar-track{background-color:var(--spec-scrollbar-track);}
#brandScroll::-webkit-scrollbar, #brandScroll_e::-webkit-scrollbar, .brand-recommend::-webkit-scrollbar, .brand-all::-webkit-scrollbar{background-color:var(--spec-scrollbar);}
#brandScroll::-webkit-scrollbar-thumb, #brandScroll_e::-webkit-scrollbar-thumb, .brand-recommend::-webkit-scrollbar-thumb,.brand-all::-webkit-scrollbar-thumb{background-color:var(--spec-scrollbar-thumb);}
#brandScroll1{width:195px;padding:5px 15px 5px;}
#brandScroll{top:0;}


.category_review{float:left;margin:0;padding:0;
    margin-right: 10px;
    padding: 7px 10px 8px;
    border-radius: 3px;
	width:29%;
    width:37%;
}
.category_review strong{float:left;line-height:30px;display:none;}
.category_review img{vertical-align:sub;margin-right:5px;display:none;}
.category_review ul{
    width: auto;
    float: left;
    margin:0 0 0 10px;
	padding:0;
}
.category_review ul li{
    border: 0;
    margin: 9px 5px 0;
    min-width: 50px;
    padding: 0px 0px 0 5px;
    float: left;
    list-style-type: none;
    position: relative;
    color: rgb(62, 62, 62);
/*     background: rgba(228, 81, 66, 0.65);
    background: rgba(240,241,243,1); */
	
    border-radius: 30px;
    min-width: 90px;
    text-align: center;
}
.category_review ul li input{
    left: 0;
    position: absolute;
}
.category_review .tab-list li.radio label {
    display: block;
    margin-left: 10px;
    padding-right: 10px;
    background: rgba(255,255,255,1);
    border-radius: 0 30px 30px 0;
    padding-left: 20px;
}
.category_review .tab-list li.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    margin-left: 0;
    padding-left: 0;
    padding-top: 0;
    font-size: 14px;
    color: #555555;
	border-radius:30px;
}
.category_review  .tab-list li.radio label::before{width:24px;height:24px;margin-top:0;}
.category_review  .tab-list li.radio label[for=review]::before{
	background: #fff url(//www.siamphone.com/images/review_icon.png) no-repeat;
    background-size: 20px;
    background-position: 50% 50%;
}
.category_review  .tab-list li.radio label[for=handson]::before{
	background: #fff url(//www.siamphone.com/images/handson_icon.png) no-repeat;
    background-size: 20px;
    background-position: 50% 50%;
}
.category_review  .tab-list li.radio label[for=instore]::before{
	background: #fff url(//www.siamphone.com/images/icon-shopping.png) no-repeat;
    background-size: 20px;
    background-position: 50% 50%;
}
.category_review ul li:nth-child(2){
   /*  background: rgba(255, 210, 67, 0.65); */
}

.category_review_item{
	float: left;
    margin: 3px 5px 0 5px;
}
.category_review_item p{
    margin: 0 5px 0 0;
    display: inline-block;
    line-height: 25px;
    font-size: 18px;
	font-weight:300;
    padding: 0;
    font-family: 'Kanit';
}
.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 25px;
  margin:0 0;
  vertical-align: text-bottom;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 30px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 30px;
}
.switch input:checked + .slider {
  background-color: #4096ee;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #4096ee;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(28px);
  -ms-transform: translateX(28px);
  transform: translateX(28px);
}

.radio label[for=review]::before{
	background: #fff url(//www.siamphone.com/images/review_icon.png) no-repeat;
    background-size: 20px;
    background-position: 50% 50%;
}
.radio label[for=handson]::before{
	background: #fff url(//www.siamphone.com/images/handson_icon.png) no-repeat;
    background-size: 20px;
    background-position: 50% 50%;
}
.radio label[for=instore]::before{
	background: #fff url(//www.siamphone.com/images/icon-shopping.png) no-repeat;
    background-size: 20px;
    background-position: 50% 50%;
}
.checkbox label::after, .radio label::after {
    display: inline-block;
    position: absolute;
    margin-left: 0;
	left: 10px;
    top: 12px;
    color: #555555;
    border-radius: 21px;
    width: 22px;
    height: 22px;
    padding: 0;
    /* border: 2px solid #555555; */
    font-size: 16px;
    line-height: 14px;
    text-indent: 1px;
	
 }
.radio input[type="radio"]:checked + label::after {
    font-family:'FontAwesome';
    left: 10px;
    content: "\f00c";
	color: #4096ee; 
    border: 0;
    top: 12px;
   /*  content: ""; */
    width: 17px;
    height: 17px;
}

.tab-list li.radio label::after{
	color: transparent;
    border: 2px solid transparent;
    top: 0;
    border-radius: 21px;
    width: 22px;
    height: 22px;
    text-shadow: none;
    font-family:'FontAwesome';
    content: "";
    left: 0px;
}

.tab-list li input:checked ~ label[for="review"]{
    background-color:#E45142;
	 text-shadow: 0 0 0 #E45142;
	 color:#fff;
}
.tab-list li input:checked ~ label[for="handson"]{
	color: #7fbc41;
    text-shadow: 0 0 0 #7fbc41;
}
.tab-list li input:checked ~ label[for="instore"]{
	background-color: #ffd243;
    text-shadow:0 0 0 #c79903;
}
.category_review .tab-list li.radio input:checked + label[for="review"]::after{border:2px solid #E45142;}
.category_review .tab-list li.radio input:checked + label[for="handson"]::after{border:2px solid #7fbc41;}
.category_review .tab-list li.radio input:checked + label[for="instore"]::after{border:2px solid #ffd243;}

br.clear{
	clear:both;
	overflow:hidden;
}
#submit_bt{
    border: 0;
    padding: 5px 10px;
    font-family: 'Kanit';
    font-size: 22px;
    background: #c00;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    height: 44px !important;
    width: 12% !important;
	
    background: #4096ee;
    background: -moz-linear-gradient(-45deg, #4096ee 0%, #2a84e1 100%);
    background: -webkit-linear-gradient(-45deg, #4096ee 0%,#2a84e1 100%);
    background: linear-gradient(60deg, #4096ee 0%,#2a84e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#2a84e1',GradientType=1 );
}
.loadmore{
	width: 30%;
    border: 0;
    padding: 10px 0;
    text-transform: uppercase;
    margin: 50px auto 50px;
    display: block;
    border-radius: 30px;
    color: #fff;
    clear: both;
    outline: none;
    cursor: pointer;
    font-size: 20px;
    font-family: 'Kanit';
    background-image: url(//www.siamphone.com/images/down-circle-white.png);
    background-repeat: no-repeat;
    background-position: 35% 50%;
    background-size: 23px;
    text-indent: 0;
    background: #4096ee;
    background: -moz-linear-gradient(left, #4096ee 0%, #2a84e1 100%);
    background: -webkit-linear-gradient(left, #4096ee 0%,#2a84e1 100%);
    background: linear-gradient(to right, #4096ee 0%,#2a84e1 100%);
}

#mar_img {
	/*margin-bottom: -5px;*/
	height: 100%;
}
#mar_img img {
	max-width: 88px;
}
.incoude_spec {
	margin: -5px 0 0;
	text-align: center
}
.model_list_item {
    position: relative;
    float: left;
    min-height: 220px;
    box-sizing: unset;
    padding: 0;
    width: 12.25%;
    margin: 0 1% 20px;
}
.model_list_item .model_list_item_badge {
	position: absolute;
    text-align: center;
    min-width: 36px;
    top: 0;
    left: 0;
    min-height: 85px;
    height: auto;
    padding: 5px 0 0 5px;
	line-height:18px;
}
.model_list_item .model_list_item_badge a{ 
    display: block;
    width: 36px;
    height: 22px;
    margin: 0;
    text-align: center;

    opacity: 0;
    transition: all 0.3s ease;
}
.model_list_item:hover .model_list_item_badge a  {
    transition: all 0.3s ease;
    opacity: 1;
}
.compare {
    display: block;
    border: 1px solid #a4a4a4;
    text-align: center;
    color: #878787;
    width: 70%;
    margin: 5px auto 10px;
    text-decoration: none;
    background-color: #ffffff;
    cursor: pointer;
    transition: all 0.3s;
    bottom: 0px;
    right: 15%;
    position: absolute;
}
.compare:hover {
    background-color: #4a4a4a;
    color: #eeeeee;
    border: 1px solid #4a4a4a;
    border-radius: 1px;
}
.screen_size {
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    font-size: 14px;
    height: 20px;
    line-height: 21px;
    margin: 0 ;
    min-width: 13px;
    padding:2px 4px 1px;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 0;
    background: none repeat scroll 0 0 #353535;
    font-family: 'Roboto';
    font-weight: 500;
}
.badge_5g {
    padding: 0 0px 1px;
    min-width: 10px;
    width: 22px;
    height: 22px;
    display: inline-block;
    /* background: #c81010; */
    margin-bottom: 0;
    border-radius: 30px;
    line-height: 23px;
    position: relative;
    text-align: center;
    color: var(--spec-blackwhite-color);
    font-size: 15px;
    font-family: 'Roboto';
    font-weight: 500;
    z-index: 0;
    display: block;
    margin: 4px auto 0;
    /* box-shadow: 0 2px 3px var(--color-default-hover); */
    
    opacity: 0;
    transition: all 0.3s ease;
}
.model_list_item:hover .badge_5g {
    transition: all 0.3s ease;
    opacity: 1;
}
.model_list_item_image {
    display: table;
    height: 130px;
    padding-top: 10px;
    width: 141px;
	width:100%;
}
.model_list_item_image_cell ,.model_list_item_name_cell{
    display: table-cell;
    vertical-align: middle;
}
.model_list_item_image_vertical {
    text-align: center;
}
.model_list_item_image_vertical img {
    max-width: 90px;
	width:auto;
    font-family:'Roboto';
    font-size:12px;
}
.model_list_item_name {
    display: table;
    font: 14px/130% Tahoma, "Microsoft Sans Serif", sans-serif;
    height: 40px;
    min-height: 40px;
    padding: 2px 0 0;
    width: 100%;
}
.model_list_item_name_vertical {
    font-size: 14px;
    text-align: center;
	font-family: 'Roboto';
	margin-bottom:0;
	font-weight:400;
}
.model_list_item_name_vertical a{ 
    text-decoration: none;
    height: 39px;
    overflow: hidden;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-shadow: none;
}
.ReviewLink {
    background-image: url(//www.siamphone.com/images/icon/icon_review.png);
    background-image: url(//www.siamphone.com/images/icon/icon_review_2025.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
    display: block;
    margin: 4px auto 0;
    filter:var(--spec-filter);
}
.HandsonLink{
	background-image:url(//www.siamphone.com/images/handson_icon.png);
	background-size:22px;
	width:22px;
	height:22px;
    display: block;
    margin: 4px 0 0 10px;
    filter:var(--spec-filter);
}
.inStoreLink {
    background-image: url(//www.siamphone.com/images/icon/icon_store.png);
    background-image: url(//www.siamphone.com/images/icon/icon_store_2025.png);
    width: 22px;
    height: 22px;
    display: block;
    margin: 4px auto 0;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    filter:var(--spec-filter);
}
.model_list_item_function{display:none;}
.model_list_item_cover:hover .model_list_item_function{
	display: block;
    background-color: rgba(255, 255, 255, 0.95);
    position: absolute;
    top: 5px;
    left: 5px;
    width: 96%;
}
.model_list_item_cover:hover .model_list_item_function a{color:#222;}
.model_list_item_cover:hover .model_list_item_function .item-fn {
	clear: both;
    margin: 10px 0;
    overflow: hidden;
}	
.model_list_item_cover:hover .model_list_item_function .item-fn em, .item-album{
	margin: 1px 2px 0 0;
    width: 30px;
    height: 30px;
    background-size: 30px;
	background-repeat:no-repeat;
    display: inline-block;
    float: left;
}
.fn-os em{
	background-image:url(//www.siamphone.com/images/menuicon/icon-cpu.png);
}
.fn-camera em{
	background-image:url(//www.siamphone.com/images/menuicon/icon-camera-shutter.png);
}
.fn-battery em{
	background-image:url(//www.siamphone.com/images/menuicon/icon-battery.png);
}
.model_list_item_cover:hover .model_list_item_function a#clickImage{
    display: block;
    cursor: pointer;
    line-height: 32px;
}
.item-album{
	background-image:url(//www.siamphone.com/images/menuicon/icon-album.png);
    margin: 3px 6% 0 2px;
    background-size: 27px;
}
.model_list_item_cover:hover .model_list_item_function .item-fn img{
    float: left;
    margin: 7px 2px 0 0;
}
.model_list_item_cover:hover .model_list_item_function .item-fn p{
    font-size: 21px;
    font-family: 'Roboto';
    font-weight: 700;
    margin: 0;
	float: left;
    width: 69%;
    margin-left: 5%;
	text-align:left;
}

.model_list_item_cover:hover .model_list_item_function .fn-os p.oneline{line-height:45px;}
.model_list_item_cover:hover .model_list_item_function .item-fn p span{
	font-size: 12px;
    display: block;
    font-weight: 400;
}
.model_list_item_cover:hover .model_list_item_function .fn-os p{font-size:16px;}
.model_list_item:hover .model_list_item_cover:hover .model_list_item_badge{display:none;}

.model_list_item_cover:hover + .model_list_item_badge{
  /*   display:none; */
}

.slideTop .model_list_item, .slideTop .model_list_item_image{}
.slideTop .model_list_item:hover .model_list_item_name_vertical{text-shadow: 0 0 0 #000;}
.slideTop .model_list_item{
    min-height:220px;
    width: 17.25%;
    width: 18%;
    margin: 0 5px 10px 5px;
}
.list-view{
	line-height: 24px;
    height: 18px;
    margin: 0;
    font-weight: 400;
    font-family: 'Roboto';
    font-size: 14px;
    color: #90949c;
    position: absolute;
    width: 85%;
    display: block;
    text-align: center;
    bottom: 7px;
}
.list-view  em {
    font-size: 13px;
    padding-right: 3px;
}
.OpeningPrice{
    color: #2e8841;
    display: block;
    height: 18px;
    text-align: center;
    margin: 0;
    transition: background-color 0.2s;
    font-family: 'Kanit';
    font-size: 16px;
    font-weight: 500;
}
.havepartner{color:#099a08;}
#brandRecommend{overflow:hidden;float:right;width:39%;}
#brandRecommend ul{
    overflow: hidden;
    margin: 1% 0 3%;
    width: 100%;
    padding: 1.3% 0;
/*     background: #f6f6f6; */
}
#brandRecommend ul li{    
    list-style-type: none;
    float: left;
    width: 30.8%;
    padding: 0 0;
    margin: 1.2% 1%;
    border-radius: 3px;
    border: 1px solid #f1f1f1;
}
#brandRecommend ul li:nth-child(3n-2) {
    margin-left: 0;
}
#brandRecommend ul li a{   
	display: block;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    padding: 2.25% 0;
    border-radius: 4px;
}
#brandRecommend ul li a picture{    
    height: 40px;
    display: block;
    padding: 2px 0 5px;
}
#brandRecommend ul li a img{    
    width: auto;
	height: auto;
    max-height: 40px;
	max-width:92px;
	border:0;
    vertical-align: text-bottom;
	
    display: block;
    margin: 0 auto;
}
#brandRecommend ul li a span{

}
#brandRecommend ul li.allBrandSmartphone{
    line-height: 16px;
    color: #222;
    padding: 8px 0 6px;
    font-family: DBHelvethaicaXRegular;
    font-size: 20px;
    text-align: center;
    background-color: #fff;
	cursor:pointer;
}
#brandRecommend ul li.allBrandSmartphone a{
    line-height: 16px;
    color: #222;
    padding: 8px 0 4px;
    font-family: DBHelvethaicaXRegular;
    font-size: 23px;
}
#brandRecommend ul li.allBrandSmartphone a span{font-size:19px;}
.beginnerGuide{
    overflow: hidden;
    padding: 0 0 0;
    margin: 15px 0 10px;
}
#brandRecommend ul li:hover{border: 1px solid #cfcfcf;}

#ctain{float:left;position:relative;left:50%;padding-top:10px;}
.modalDialog{display:none;position:fixed;font-family:Arial, Helvetica, sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:999;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none;text-align:center; -webkit-overflow-scrolling: touch;}
.modalDialog:target{display:block;opacity:1;pointer-events:auto;}
.modalDialog .ctainer{
	width:auto;
	height:auto;
	/* overflow:hidden; */
	min-height:200px;
	margin:1% auto 0;
	padding:20px 30px 30px;
	background:#fff;
	/* float:left; */
	/* position:relative;
	left:-50%;
	top:-50%; */
	min-width: 728px;
	width:745px;
    /* position: fixed;
    top: 50%;
    left: 50%; */
    z-index: 1025;
    /* margin: -290px 0 0 -400px; */
    overflow: auto;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
  
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
	max-height: 600px;
    margin: -330px 0 0 -412px;
    float: left;
    position: fixed;
    left: 50%;
    top: 50%;
}
.modalDialog .ctainerBrand{width:940px;height:300px;overflow:hidden;min-height:250px;margin:-250px 0 0 -500px;padding:20px 30px 150px;border-radius:0;box-shadow:0px 0px 10px #525252;background:#fff;float:left;position:fixed;left:50%;top:50%;min-width: 728px;z-index: 9999;}
.close{position: absolute;position:fixed;/* right: 5px;top: 0; */background: url(//www.siamphone.com/images/x-close.png) no-repeat;background-position: 4px 10px;background-size: 26px;width: 35px;height: 40px;padding: 0 !important;border-radius: 0 0 20px 20px;display: block;opacity: 1;margin-left: 710px;margin-top: -24px;z-index: 9999;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.modalDialog .ctainerBrand .close{margin-left:910px;}
#openBrand.modalDialog .ctainerBrand{
    height: 680px;
    padding: 20px 30px 20px;
    margin: -385px 0 0 -500px;
    overflow-y: scroll;
}
#openBrand.modalDialog .ctainerBrand ul{background:#fff;}
#openBrand.modalDialog .ctainerBrand p{text-align:center;background:#fafafa;padding:10px;float:left;width:98%;}
.close:hover{ color: #000;background-color: #f1f1f1;opacity: 1;border: 1px solid #ddd;}
.viewMode.list-mode .viewAll ul li a.close{/*margin-left: 710px;*/ /*margin-top: -20px;*/}
.modalDialog h1{color: #000;font-weight:normal;font-size:35px;text-align:center;font-family:DBHelvethaicaXRegular, Tahoma, "Microsoft Sans Serif", sans-serif;padding: 10px 0;margin: 10px 0 0 0; background: #fff; color: #000; border-bottom: 3px solid #000;width:100%;}
#cover{margin:0 auto 0;}
.modalDialog h4{
margin:15px 0 0;
clear: both;
background: #d9d9d9;
color:#131313;
border-radius: 0;
font-size:25px;
text-align: left;
text-indent: 12px;
border-radius: 31px;
-o-border-radius: 31px;
-ms-border-radius: 31px;
-moz-border-radius: 31px;
-webkit-border-radius: 31px;
}
#brandRecommend .modalDialog ul li{width: 11.1%;margin:5px 5px;}
.modalDialog ul li a{font-size: 12px;text-align: center;color:#222;/* width: 100px; */word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#brandRecommend .modalDialog .column{float:right;width:95%;}
#brandRecommend .modalDialog .column h3{font-size: 51px;font-family: DBHelvethaicaXRegular;margin: 0;color: #222;}
#brandRecommend .modalDialog .tab_letter{float:left;width:35px;position: fixed;}
#brandRecommend .modalDialog .tab_letter ul{margin:0;padding:0;}
#brandRecommend .modalDialog .tab_letter ul li{margin: 0 0 5px 0;width:95%;border: 0;}
#brandRecommend .modalDialog .tab_letter ul li a{
	display: block;
    width: 100%;
    height: 20px;
    color: #ffffff;
    line-height: 20px;
    /* font-weight: 700; */
    font-size: 14px;
    background: #b3b3b3;
    text-shadow: 0 0 0 #fff;

}
#brandRecommend .modalDialog .tab_letter ul li a.active{
    background: #747474;
    font-weight: bold;
}
.beginnerGuide .title_image a, #buyingGuide .title_image a{
    text-align: right;
    margin: 13px 0 0 0;
    padding: 5px 15px 5px;
    float: right;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    border-radius: 30px;
    font-family: 'Kanit';
    z-index: 9;
    position: relative;
}
.beginnerBlock {
    width: 31.5%;
    height: 250px; 
    line-height: 14px;
    position: relative;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 15px;
    float: left;
}
.beginnerBlock .linkImg {
    width: 100%;
    height: 140px; 
    display: block;
    overflow: hidden;
    text-align: center;
}
.beginnerBlock img {
    width: auto;
    height: auto;
    /* max-height: 106px; */
    max-width: 100%;
	border-radius:8px;
}
.beginnerBlock p.readLink {
	padding: 1px 5px 0px;
    line-height: 19px;
    font-size: 12px;
    /* height: 80px;  */
    display: block;
    margin: 0;
	overflow:hidden;
   /*  background: #fcfcfc; */
}
.beginnerBlock p.readLink a {
    display: block;
    overflow: hidden;
    padding: 10px 0 0;
    text-align: left;
    text-decoration:none;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    font-family: 'Kanit';
}
.beginnerBlock .number {
    margin: 0;
    text-align: left;
    padding: 7px 5px 7px;
  /*  background: #f1f1f1; */
	display:none;
}
.beginnerBlock font {
    width: auto;
    height: 20px;
    top: 0;
    text-indent: 3px;
    border-radius: 10px 0 0 10px;
    line-height: 20px;
    text-align: left;
    font-family: 'Roboto';
    position: relative;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    padding-right: 5px;
    color: #252525;
}
.beginnerBlock span {
    width: 20px;
    font-size: 14px;
    margin-right: 0;
}

.beginnerBlock .readmore {
    float: right;
    width: 55px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    margin-top: 0;
    font-weight: bold;
    margin: 0 auto 0;
    padding: 0px 4px 3px;
    transition: background 0.3s;
}
.beginnerBlock .readmore a {
    color: #cc0000;
	font-family:'Kanit';
	font-size:14px;
}
.beginnerBlock:hover{background:#f1f1f1;}
.beginnerBlock:hover p.readLink a{text-decoration:underline;}
/* Buying Guide */
#banner300_600{
    height: 600px;
    text-align: center;
    display: block;
}
.block-cover{clear:both;overflow:hidden;}
#buyingGuide{
	overflow: hidden;
    padding:0;
    margin: 0 0 10px;
}
.column-one-fifth {
    width: 23%;
    height: 300px;
    line-height: 14px;
    position: relative;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 15px;
    float: left;
}

.column-one-fifth p.readLink{
    padding: 5px 0px 5px;
    line-height: 16px;
    font-size: 11px;
    display: block;
    margin: 0 0 0 0;
    float: left;
    width: 100%;
	overflow:hidden;
}
.column-one-fifth p.readLink a{
    display: block;
    overflow: hidden;
    padding: 5px 0;
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    font-family: 'Kanit';
}

.column-one-fifth p.readLink a:hover{color: #000;text-decoration:underline;}
.column-one-fifth font{
    width: auto;
    height: 20px;
    top: 0;
    text-indent: 3px;
    border-radius: 10px 0 0 10px;
    line-height: 20px;
    text-align: left;
    font-family: 'Roboto';
    position: relative;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    padding-right: 5px;
    color: #252525;
}
.column-one-fifth  font i {
    font-family: DBHelvethaicaXRegular;
    position: absolute;
    right: -10px;
    top: -6px;
    font-style: normal;

    background: -moz-linear-gradient(top,  #3f4c6b 0%, #3f4c6b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #3f4c6b 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
	background: #00abcc; /* Old browsers */
    width: 30px;
    height: 30px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    text-indent: 0;
    font-size: 30px;
    font-weight: bold;
    line-height: 29px;
}
.column-one-fifth  span{
	width: 20px;
	font-size: 14px;
	margin-right: 0;
}
.column-one-half  font{
     padding-right: 55px;
     height: 40px;
     border-radius: 30px 0 0 30px;
     line-height: 40px;
     font-size: 23px;
     padding-left: 10px;
 }

.column-one-fifth img{
    width: auto;
    height: auto;
   /*max-height: 106px; */
    max-width: 100%;
	border-radius:8px;
}
.column-one-fifth .linkImg{
    width: 100%;
    /* height: 140px; */
    display: block;
    overflow: hidden;
    text-align: center;
    float: left;
    padding:0;
}
.column-one-fifth .number{
	margin:0;
    text-align: left;
	padding:0 0 0 0;
	float:left;
    width: 100%;
	display:none;
}
.column-one-fifth .number span i{
	padding-right:5px;
}

.column-one-fifth .readmore{
    float: right;
    width: 55px;
    text-align: center;
 /*    background: #333333; */
    font-size: 12px;
	line-height: 16px;
    margin-top: 0;
	font-weight:bold;
    margin: 0;
    padding: 4px 4px 3px 0;
	transition:background 0.3s;
}
.column-one-fifth .readmore a{color:#cc0000;font-family:'Kanit';font-size:14px;}
.column-one-fifth .readmore:hover a{color:#000;}
.first{margin-left:0 !important;}
.last{margin-right:0 !important;}
.vocab_it{
    clear: both;
    overflow: hidden;
    font-size: 23px;
    font-family: DBHelvethaicaXRegular;
    margin: 0 0 10px;
    float: left;
    width: 99.8%;
    line-height: 36px;
	border:1px solid #EBEBEB;
}
.vocab_it h2{ 
    float: left;
    line-height: 34px;
    margin: 0;
    margin-right: 10px;
    font-size: 26px;
    color: #fff;
    background: #252525;
    padding: 2px 10px;
    font-weight: 100;
    border: 1px solid #252525;
}
.vocab_it a{
	font-weight:bold;
	color:#c00;
    font-size: 28px;
}
.vocab_it strong a{ 
    font-weight: 100;
    color: #000;
    font-size: 16px;
    padding: 0px 5px;
    line-height: 19px;
    display: inline-block;
}
.shared {
    padding: 5px 0;
    width: 270px;
    margin: 0 auto;
    right: 0;
    position: absolute;
    bottom: 30px;
}
.shared .cnt_views, .shared .count {
	float: right;
    text-align: left;
    margin: 0;
    line-height: 10px;
    padding: 0 10px;
    color:#888;
}
.shared .cnt_views p, .shared .count p {
    margin: 0;
    line-height: 10px;
}
.shared .cnt_views p font, .shared .count p font {
    display: inline-block;
    font-size: 6px;
    margin-right: 5px;
}
.shared .cnt_views p font em, .shared .count p font em{
    display: inline-block;
    text-align: center;
    font-size: 14px;
	vertical-align: middle;
    margin-right: 3px;
}
.shared .cnt_views span, .shared .count span {
    width: auto;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    font-family: Roboto;
    color:#848484;
    margin: 0;
    line-height: 14px;
    display: inline-block;
}
.cnt_views{/* border-right: 1px solid #bdbdbd; */}

.content_right {

}
.title_catalogupdate {
    width: auto;
    border: 0;
    font-size: 26px;
    padding: 0 0 5px;
    overflow: hidden;
    position: relative;
    font-family: 'Kanit';
    font-weight: 500;
}
.title_catalogupdate img {
    vertical-align: sub;
    float: none!important;
}
.title_catalogupdate span {
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 5px;
}
.title_catalogupdate:after {
  /*   border-bottom: 1px solid #000; */
    content: "";
    display: block;
}
input.can_reset {
    height: 27px;
    padding: 5px 10px;
    margin: 0;
    width: 92.5%;
    font-size: 26px;
    background: #fff;
    text-indent: 40px;
    border: 1px solid #444444;
    font-family: DBHelvethaicaXRegular;
    transition: width 0.3s;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
	border-radius:3px;
	
	width:100%;
}
.priceSale{padding:1px 0 0}.priceSale h3{display: block;margin:0;}.priceSale li,.priceSale ul{list-style-type:none;position:relative;clear:both;overflow:hidden;padding: 0;display:inline-block;margin:0;border-bottom:1px dotted #ebebeb;width:99%;padding-bottom:3px;}.priceSale li:last-child,.priceSale ul{border-bottom:0}.priceSale ul{padding:0;margin:10px 0 0 0;/* border:1px solid #ebebeb; */}.priceSale a{text-align:center;display:block;width: 90px;overflow:hidden;float:left;margin:0 auto;}.priceSale h3 a{float:right;width: 200px;margin: 5px 0 0 0;font-size:12px;line-height:18px;font-weight:100;word-wrap:normal;overflow:hidden;display:block;text-align:left;color:#000;}
.priceSale p{
    font-size: 12px;
	line-height:16px;
    width: 200px;
    float: right;
    height: 81px;
    margin: 0;
    overflow: hidden;
    color: #6d6d6d;
	display:none;
}
.priceSale a {
    text-align: center;
    display: block;
    width: 90px;
    overflow: hidden;
    float: left;
    margin: 0 auto;
}
.priceSale a img{
    height: auto;
    width: auto;
    margin: 5px auto 0;
    border: 0;
    max-width: 95%;
    max-height: 80px;
}
.greatFilter{
    overflow: hidden;
    margin: 5px 0 20px;
    font-family: DBHelvethaicaXRegular;
    font-size: 24px;
    padding:7px 0;
    width: 61%;
	float:left;
/* 	background: #f6f6f6; */
}
.block-cate-cover{   
	width: 28%;
    float: left;
    margin: 0 0.5% 0 0;
}
.block-cate{
    text-align: center;
    border:1px solid #ececec;
    background: #fff;
    margin: 5px 5px 5px 10px;
    border-radius: 8px;
    width: 93%;
    padding: 20% 0 13%;
	position:relative;
}
.block-cate-img img{
	width:auto;
	height:105px;
	border:0;
}
.block-cate img{
	height:170px;
}
.block-cate-head{}
.block-cate-cover a{
    display: block;
    text-align: center;
    border: 1px solid #f1f1f1;
    padding: 4.5% 0;
    background: #fff;
    margin: 5px 0 5px 10px;
    border-radius: 6px;
    color: #000;
    font-size: 23px;
}
.block-cate-cover a.half{
    display: inline-block;
    text-align: center;
    border: 1px solid #ececec;
    padding: 5.5% 2%;
    background: #fff;
    margin: 5px 0 5px 5px;
    border-radius: 6px;
    color: #000;
    min-width: 40%;
    font-size: 23px;
}
.block-cate-head a{padding:0;color:#000;border:0!important;background:transparent;}
.greatFilter ul{
    margin: 0;
    padding: 0;
    width: 71%;
    float: left;
}
.greatFilter ul li{
    float: left;
    width: 26.9%;
    text-align: center;
    list-style-type: none;
    padding: 6% 2% 4%;
    background: #fff;
    margin: 1% 1%;
    border:1px solid #ececec;
    border-radius: 8px;
    position: relative;
}
.greatFilter ul li.block-cate-img img{
	width:auto;
	height:auto;
	max-height:115px;
	border:0;
}
.greatFilter ul li:hover .block-cate-head{opacity:0.5;}
.greatFilter ul li.price-btn{
	padding: 0;
    width: 30.9%;
    margin: 0 1%;
    border-radius: 0;
	border: 1px solid #ececec;
    border-bottom:0;
    text-align: left;
}
.greatFilter ul li:nth-child(6).price-btn{
	margin-top:1%;
	border-radius: 8px 8px 0 0;
}
.greatFilter ul li:nth-child(10).price-btn{
    border-bottom:  1px solid #ececec;
	border-radius: 0 0 8px 8px;
}
.greatFilter ul li.price-btn a{
	color: #333;
    padding: 4.2% 0% 4.2% 9%;
    display: block;
    font-size: 21px;
}
#topBanner img{margin:0 auto;}
.overlay {
	position: absolute;
	width: 100%;
    height: 194px;
    top: 0;
    left: 0;
	opacity: 0;
	transition: .5s ease;
	border-radius:6px;  
	background: -moz-linear-gradient(-45deg, rgba(100,43,115,0.9) 0%, rgba(198,66,110,0.9) 100%); 
	background: -webkit-linear-gradient(-45deg, rgba(100,43,115,0.9) 0%,rgba(198,66,110,0.9) 100%); 
	background: linear-gradient(135deg, rgba(100,43,115,0.9) 0%,rgba(198,66,110,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6642b73', endColorstr='#e6c6426e',GradientType=1 );
}
.block-cate .overlay{height:282px;}
li:hover .overlay , .block-cate:hover .overlay{
	opacity: 1;
}
.text {
	display: block;
	width: 100%;
	color: white;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	font-size: 35px;
	height: 200px;
}
.text a{
    display: block;
    color: #fff;
    padding: 50% 0;
    background: transparent;
    border: 0;
}
.block-cate .text{height: 283px;}
.block-cate .text a{padding: 61% 0 71%;}
 .block-cate-cover a:hover , .greatFilter ul li:hover.price-btn a{
	color:#fff;
	transition: .5s ease;
	background: -moz-linear-gradient(-45deg, rgba(100,43,115,0.9) 0%, rgba(198,66,110,0.9) 100%); 
	background: -webkit-linear-gradient(-45deg, rgba(100,43,115,0.9) 0%,rgba(198,66,110,0.9) 100%); 
	background: linear-gradient(135deg, rgba(100,43,115,0.9) 0%,rgba(198,66,110,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6642b73', endColorstr='#e6c6426e',GradientType=1 );
 }
.block-cate:hover, .block-cate-cover a:hover{border: 1px solid #c3c3c3;}
.block-cate:hover .overlay{height:282px;}
.block-cate:hover .overlay .text a{background: transparent;border: 0;font-size: 35px;padding: 62% 0;}
.mid_banner{
    width: 980px;
    height: 120px;
    margin: 10px auto 20px;
}
.column-bottom{
    width: 100%;
    clear: both;
    padding: 1% 1%;
    overflow: hidden;
}
.block-three{
    width: 32.75%;
    text-align: center;
    font-size: 12px;
    float: left;
    font-family: Tahoma, "MS Sans Serif", sans-serif;
    margin: 0;
    color: black;
    padding: 0 0 5px 0;
    margin-right: 10px;
	min-height: 520px;
}
.block-three:last-child{margin:0;}
.block-three h3{
    margin: 0;
    padding: 10px 0 5px 10px;
    text-align: left;
    min-height: 37px;
    font-family: 'Kanit';
    font-weight: 500;
    font-size: 25px;
}
.block-three h3 span{
	font-size: 14px;
    text-align: right;
    display: block;
    color: #555555;
    float: right;
    margin: 5px 20px -5px 0;
    font-weight: 300;
}
.block-three ul{padding:0 15px;margin:0;}
.block-three ul li{
    padding: 0;
    margin: 8px 0 9px;
    list-style-type: none;
    width: 100%;

    clear: both;
    float: left;
	position:relative;
}
.block-three ul li .number{
    position: absolute;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    background: #ccc;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 17px;
    border-radius: 30px;
    line-height: 24px;
    top: 2px;
    left: 4px;
}
.block-three ul li .image{
    width: 45%;
    float: left;
}
.block-three ul li .image img{
    width: 100%;
    height: auto;
	border-radius:8px;
}
.block-three ul li .name{
	width: 55%;
    float: right;
    text-align: left;
}
.block-three ul li .name a{
	display:inline-block;
	font-size: 16px;
    line-height: 26px;
    padding: 1px 10px;
    font-family: 'Kanit';
    font-weight: 300;
}
.spit_w { 
    overflow: hidden;
	height:76px;
 /*    white-space: nowrap;
    text-overflow: ellipsis;  */
}

.breakingNews{
    width: 100%;
	position:relative;
}
.breakingNews ul{
    margin: 0 0 0 0;
	height: 500px;
    padding: 0px ;
    list-style-type: none;
    overflow-y: scroll;
    overflow-x: hidden;
}
.breakingNews ul li{
	border-bottom:1px dotted #d7d7d7;
    padding: 8px 0 11px;
    overflow: hidden;
}
.breakingNews ul li a {
	font-size: 16px;
    line-height: 24px;
    font-family: 'Kanit';
	font-weight:300;
}
.breakingNews ul li font{
	display: block;
    color: #797979;
    font-size: 12px;
    line-height: 20px;
}
.breakingNews ul li font i{
    opacity: 0.6;
    padding-right: 2px;
	background-position: 0 0;
    background-image: url(https://www.siamphone.com/images/iconb_time2.png);
    width: 11px;
    height: 11px;
    background-size: 11px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    vertical-align: sub;
}
.breakingNews ul li span{
    width: 65px;
    font-style: normal;
    display: flex;
    float: left;
    line-height: 20px;
    height: 20px;
    margin-right: 0px;
	color:#797979;
}
.breakingNews ul li font i.icon-user, .breakingNews ul li font i.icon-share {
    margin-left: 0;
    font-style: normal;
    display: block;
    float: left;
    margin-top: 2px;
    margin-right: 2px;
	opacity:0.5;
}
.breakingNews ul li span.read{
	text-align: right;
	display: block;
	width:80px;
}
.breakingNews ul li a.imgLink{

}
.breakingNews ul li a.imgLink img{
    width: 68%;
	height:auto;
	border:0;
    display: block;
    margin: 5px auto 8px;
}
.content_right .title_catalogupdate span {
	font-weight: 700;
    color: #c00;
    font-size: 12px;
    font-family: 'Roboto';
}
.icon-time{
	/* background-position: -47px -24px; */
    background-position: -34px -18px;
    background-size: 352px 119px;
}


/*
 *  STYLE 1
 */
#style-1::-webkit-scrollbar-track
{
	border-radius: 18px;
	background-color: var(--spec-scrollbar-track);
}

#style-1::-webkit-scrollbar
{
	width: 10px;
	background-color: var(--spec-scrollbar);
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 18px;
	background-color: var(--spec-scrollbar-thumb);
}
#back-top{position:absolute;bottom:-15px;right:8%;z-index:999;}
#back-top a, #back-top2 a{display:block;text-align:center;	font:11px/100% Arial, Helvetica, sans-serif;text-transform:uppercase;	text-decoration:none;color:#bbb;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#back-top a:hover, #back-top2 a:hover{color:#000;}
#back-top span{width:40px;height:40px;display:block;margin-bottom:7px;background:#cfcfcf url(//www.siamphone.com/images/ar-top.png) no-repeat center center;background-size:25px;-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.8; border-radius: 10%;}
#back-top2{
	position: fixed;
    bottom: 15px;
    right: 35px;
    z-index: 999;
}
#back-top2 span{
	width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 7px;
    background: #cfcfcf url(//www.siamphone.com/images/ar-top.png) no-repeat center center;
    background-size: 33px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    opacity: 0.8;
    border-radius: 10%;
}

/* review */
#review ul li .number, #review_block ul li .number{
    color: #fff;
    background: #E45041;
}

/* store*/
#store ul li{
	margin-bottom:13px;
	padding:3px 0;
}
#store ul li .image {
    width: 20%;
}
#store ul li .image img{
    height: 70px;
    width: auto;
    max-width: 43px;
    vertical-align: middle;
    border-radius: 0;
}
#store ul li .name{
	width: 80%;
    float: left;
}
#store ul li .name a {
    font-size: 16px;
    font-weight: 300;
    font-family: 'Kanit';
}

.btn-price{
    padding-right: 0;
    width: 76%;
    font-size: 20px;
    line-height: 33px;
    font-weight: bold;
    font-family: 'roboto';
    text-align: left;
    padding-left: 3%;
    padding-top: 3%;
    float: left;
}
.btn-price a{
	background: #2e8841;
    padding: 0 7px;
    color: #fff;
    border-radius: 6px;
    margin: 2px 5px 0 0;
    float: right;
    text-decoration: none;
    width: 60px;
    text-align: center;
    line-height: 26px;
    transition: background 0.3s;
    font-family: 'Kanit';
    font-size: 15px;
    font-weight: 400;
}
.btn-price a:hover{color:#fff;}
/* interest */

#interest ul li {
    padding: 1px 0px 2px;
}
#interest ul li .number{
    background: var(--spec-body-color);
    color:var(--spec-body-bg);
}
#interest ul li .name{
	width:93%;
}
#interest ul li .name a {
    font-size: 16px;
    font-weight: 300;
    font-family: 'Kanit';
}
.top-views{
	position: absolute;
    right: 5px;
    top: 5px;
    z-index: 0;
	font-family: 'roboto';
}
.top-views a{
    font-weight: bold;
	font-size:15px;
}
.top-views .icon-user{
    margin-right: 5px;
    margin-top: 4px;
    width: 13px;
    height: 13px;
    background: url(https://www.siamphone.com/images/icon-user-2x.png) no-repeat;
    display: inline-block;
    background-size: 13px;
    filter:var(--spec-filter);
}

.checkbox label, .radio label{
    font-size: 18px;
    line-height: 26px;
    padding: 0 0 0 10px;
    display: block;
    cursor: pointer;
	font-weight:300;
	margin-bottom:0;
}
.tab-content{clear:both;padding:10px 0 15px;}
.tab-inner{
    width: auto;
    float: left;
    margin: 0 15px 15px 0;
    /* box-shadow: 0 4px 10px 0 rgba(0,0,0,.07); */
	overflow:hidden;
}
.tab-header{
    padding: 0px 5px;
    font-size: 18px;
    margin: 15px 0 10px 10px;
    clear: both;
    display: block;
    float: none;
    font-weight: 500;
}
.tab-list{width:100%;padding:0 10px;margin: 5px 0 10px 0;}
.tab-list li{
    display: block;
    padding: 7px 10px 7px 28px;
    position: relative;
    margin: 0 5px 0 0;
    min-width: 91px;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
}
.tab-list li:last-child{margin-right:0 !important; }
.tab-list li input[type="checkbox"] ,.tab-list li input[type="radio"]{
    position: absolute;
    display: block;
    right: auto;
    top: 50%;
    margin-top: -6px;
    left: 6px;
	
	-webkit-appearance: none;
	border:0 solid transparent;
}
.tab-list li.checkbox label::before, .tab-list li.radio label::before{
	margin-top:3px;
}
.tab-list li.checkbox label::after{
	top:13px;
}
.tab-list li.radio label::after{
    top:0;
}
.tab-list li input:checked ~ label {
    color: #4096ee;
}
.category .radio label::after, .display_diagonal .radio label::after{
 	content:none; 
}
.tab-list input:checked + li.radio{
/* 	color: #fff; */
	background: #f9f9f9;
    color:#4096ee;
    border: 1px solid rgba(0, 0, 0, 0.10);
}
.tab-list input:checked + li.radio label{
	color:#4096ee;
    border: 1px solid #4096ee;
}
.tab-list input:checked + li.radio span{color:#fff;color:#4096ee;}
.clear{clear:both;}
.category{width:49.2%;}
.category .tab-list{padding:10px 0 0 12px;}
.category input{
	opacity: 0;
    position: absolute;
}
.category li img{
    width: 50px;
    height: auto;
    display: block;
    margin: 0 auto 15px;
}
.category ul li{
    position: relative;
    min-width: 70px;
    display: inline-block;
    padding: 0;
    width: 22%;
   /*  height: 163px; */
    margin: 0 10px 0 0;
    text-align: center;
}
.category ul li em{
	width: 50px;
    height: 50px;
    display: block;
    background: url(//www.siamphone.com/images/search/category_icon.png) no-repeat;
    background-size: 200px 100px;
    margin: 10px auto 10px;
	background-position:0 0;
	position:relative;
    filter:var(--spec-filter);
}
.category ul li em.kind_of_phone_phone{background-position: 0 0px;}
.category ul li em.kind_of_phone_smartphone{background-position: -51px 0px;}
.category ul li em.kind_of_phone_tablet{background-position: -100px 0px;}
.category ul li em.kind_of_phone_other{background-position: -150px 0px;}

.tab-list input:checked + li.radio em.kind_of_phone_phone {background-position: 0px -50px;}
.tab-list input:checked + li.radio em.kind_of_phone_smartphone {background-position: -51px -50px;}
.tab-list input:checked + li.radio em.kind_of_phone_tablet {background-position: -100px -50px;}
.tab-list input:checked + li.radio em.kind_of_phone_other {background-position: -150px -50px;}

.category ul li:last-child{margin:0;}
.category ul li.radio label{line-height:16px;display:block;padding:37px 0px 27px;position:relative;overflow:hidden;border: 1px solid transparent;}
.category ul li.radio label span{ width: 100%;
    line-height: 22px;
    display: block;
    font-size: 15px;
    margin: 0;
    font-weight: 300;	
}
.category li input:checked ~ li{
	background:#cc0000;
}
.tab-list input:checked + li label {
    border: 1px solid #4096ee;
}
.category ul  li.radio label::before,.display_diagonal .radio label::before{border:0;background:transparent;}
.category ul  input:checked + li.radio label::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 116px;
    height: 120px;
    border-radius: 120px 120px;
   /*  background: -webkit-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%,rgba(255,255,255,0) 150%);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 150%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1.5)), color-stop(100%,rgba(255,255,255,0)));
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 150%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 150%);
    background: radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 150%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); */
}
/* OS */
.os_name{width:49.2%;margin: 0 15px 15px 0;}
.os_name .tab-list li img{height: 24px;width: auto;margin-right: 3px;vertical-align: text-top;opacity:0.9;filter:var(--spec-filter);}
.os_name .tab-list li{min-width:19%;}
/*network_service */
.network_service{width:49.2%;margin: 0 15px 10px 0;padding: 0 0 12px 0;}
.network_service .checkbox label{line-height:15px;}
.network_service ul{overflow:hidden;}
.network_service .tab-list li{float:left;margin:0 8px 0 0;min-width:77px;}
.network_service  img{
	width: auto;
    height: 25px;
}
.network_service .tab-list li.checkbox label::after{top:11px;}

/*network */
.network{
	width:49.4%;
    margin: 0;
	padding:10px 0 6px 0;
}
#networkID{
    border:1px solid #eee;
    padding:0 15px 0;
    margin: 0 10px 10px;
	width: 88.5%;
}
.network ul{
    padding: 0;
    margin: 5px 0 5px 10px;
    width: 96%;
    overflow: hidden;
    border-top-width: 1px;
    border-top-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
}
.network .dropdown li{
    border-style:solid;
    border-width:1px;
    border-right: 0;
    border-top: 0;
    width: 50%;
    float: left;
    height: 75px;
	padding:0;
	list-style-type:none;
	position:relative;
}
.network .dropdown li label{
    padding: 9px 10px 14px;
    display: block;
    transition: all 0.3s ease-out;
    margin: 0;
    font-size: 16px;
    min-height: 30px;
    line-height: 19px;
	font-weight:300;
    font-family: 'Kanit';
    cursor: pointer;
    text-align: center;
    line-height: 16px;
    height: 74px; 
    display: block;
}
.wrapper-dropdown-3 .dropdown li label[for="MITSUBISHIELECTRIC"]{
	font-size:16px;
}
.network .dropdown li label.oneline{
	line-height:32px;
}
.network .dropdown li label em{
    width: 25px;
    height: 25px;
    display: block;
    padding: 0;
    margin: 4px auto 5px;
	background-image:url("//www.siamphone.com/images/search/icon_network.png");
	background-repeat:no-repeat;
	background-size:125px 50px;
	position:relative;
    filter:var(--spec-filter);
}
.icon_network_wifi{background-position:0 0 ;}
.icon_network_hotspot{background-position:-25px 0 ;}
.icon_network_radio{background-position: -50px 0;}
.icon_network_tv{background-position: -75px 0;}
.icon_network_hdmi{background-position: -100px 0;}
.icon_network_airplay{background-position: 0 -25px;}
.icon_network_infrared{background-position: -25px -25px;}
.icon_network_35mm{background-position: -50px -25px;}
.icon_network_nfc{background-position: -75px -25px;}
.icon_network_gps{background-position: -100px -25px;}

.network .dropdown input:checked + li.checkbox{
	background: #f9f9f9;
    color: #4096ee;
}
.network .dropdown input:checked + li.checkbox label{
    color: #4096ee;
    border: 1px solid #4096ee;
}
.network .dropdown input:checked + li.checkbox em{
	background-image:url("//www.siamphone.com/images/search/icon_network_on.png");
}
.network .checkbox label::before, .network .checkbox label::after{
 	content:none; 
}
.network input[type="checkbox"]{
	display:none;
}

/*network_usb */
.network_usb{width:25.1%;margin: 0 0px 15px 0;}
#network_USB{
    border-width:1px;
    border-style: solid; 
    padding: 0 15px 0;
    margin: 0 0 10px 10px;
    width:93%;
}
.network_genaretion{margin-right:0;padding-right:11px;width:24.3%;}

/*  network_genaretion  */
.network_genaretion .tab-list{padding:0 0 0 10px;}
.network_genaretion li{min-width:47%;}

/*  display_diagonal */
.display_diagonal{width:49.2%;}
.display_diagonal input{
	opacity: 0;
    position: absolute;
}
.display_diagonal ul li{
    position: relative;
    min-width: 70px;
    display: inline-block;
    padding: 0;
    width: 17.2%;
    /* height: 92px; */
    margin: 0 10px 0 0;
    text-align: center;
}
.display_diagonal ul li em{
    width: 39px;
    height: 41px;
    display: block;
    background: url(//www.siamphone.com/images/search/screensize_icon1.png) no-repeat;
    background-size: 200px 80px;
    margin: 3px auto 10px;
	background-position:0 0;
	position:relative;
    filter:var(--spec-filter);
}
.display_diagonal ul li em.display_diagonal_selected_01{background-position: 0 0px;}
.display_diagonal ul li em.display_diagonal_selected_02{background-position: -41px 0px;}
.display_diagonal ul li em.display_diagonal_selected_03{background-position: -81px 0px;}
.display_diagonal ul li em.display_diagonal_selected_04{background-position: -122px 0px;}
.display_diagonal ul li em.display_diagonal_selected_05{background-position: -161px 0px;}

.tab-list input:checked + li.radio em.display_diagonal_selected_01 {background-position: 0px -40px;}
.tab-list input:checked + li.radio em.display_diagonal_selected_02 {background-position: -41px -40px;}
.tab-list input:checked + li.radio em.display_diagonal_selected_03 {background-position: -81px -40px;}
.tab-list input:checked + li.radio em.display_diagonal_selected_04 {background-position: -122px -40px;}
.tab-list input:checked + li.radio em.display_diagonal_selected_05 {background-position: -161px -40px;}

.display_diagonal ul li:last-child{margin:0;}
.display_diagonal ul li.radio label{line-height:18px;display:block;padding:10px 0px 10px;font-size: 16px;position:relative;overflow:hidden;border: 1px solid transparent;}
.display_diagonal li input:checked ~ li{
	background:#cc0000;
}
.display_diagonal ul input:checked + li.radio label::before{
    position: absolute;
    top: -31px;
    left: 11px;
    width: 92px;
    height: 92px;
    border-radius: 120px 120px;
    background: -webkit-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%,rgba(255,255,255,0) 150%);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 150%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1.5)), color-stop(100%,rgba(255,255,255,0)));
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 150%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 150%);
    background: radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 150%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
/* cpu */
.cpu{width:18%;margin:0;}
#cpu{
    border-width: 1px;
    border-style: solid;
    padding: 0 15px 0;
    margin: 0 0 10px 10px;
    width: 90%;
}
.ram{width:16%;margin:0;}
#ram{
    border-width: 1px;
    border-style: solid;
    padding: 0 15px 0;
    margin: 0 0 10px 10px;
    width: 90%;
}
.rom{width:15%;margin:0;}
#rom{
    border-width: 1px;
    border-style: solid;
    padding: 0 15px 0;
    margin: 0 0 10px 10px;
    width: 90%;
}
/* camera */
.back_camera ,.front_camera, .power_battery{
	width:49.2%; margin: 0 15px 15px 0;
}
.back_camera {margin:0 0 15px 0;}
.front_camera{    
	margin: 0 15px 10px 0;
    border: 0;
}
#backCamera, #frontCamera , #battery, #displayDiagonal{
	border-width: 1px;
    border-style: solid;
    padding:0 15px 0;
    margin: 0 10px 10px;
    width:48%;
    border-color: var(--spec-network-border);
}
.back_camera ul.tab-list, .front_camera ul.tab-list, .power_battery ul.tab-list{
    float: left;
    width: 50%;
    margin:0;
    padding: 0 5px 0 0;
}
.back_camera ul.tab-list{width:48%;}
.front_camera ul.tab-list{width: 48%;padding:0;}
.front_camera ul.tab-list li , .back_camera ul.tab-list li {width:46%;}
#battery{width: 58%;}
#displayDiagonal{width:88.5%}
.power_battery ul.tab-list{width: 37%;}
.power_battery ul.tab-list li{width: 100%;}
.special_features .tab-list li{
    width: 31.3%;
}
.additional_features , .special_features{width:49.2%;margin:0;}
.additional_features .tab-list ,.special_features .tab-list{width:100%;}
.additional_features .tab-list li , .special_features .tab-list li{padding:7px 15px 7px 28px;min-width:131px;}
.special_features .tab-list  li:nth-child(-n+3){margin: 0 5px 10px 0;}
.special_features .tab-list li:nth-child(3n){margin-right:0;}
 /* search price */
 .sort-price {width:100%;}
 .sort-price .tab-list {width:100%;}
 .sort-price .tab-list li {min-width: 18.9%;}

 /*store*/
 .shop_store ul{width:98%;}
 .shop_store .tab-list li{min-width:138px;margin:0 5px 7px 0;}
 .shop_store .tab-list li:nth-child(6n){margin:0 0 7px 0;}
 .shop_store .radio label{line-height:0;text-indent: 15px;}
 .shop_store img{width:auto;height:42px;}
 .shop_store .tab-list li input[type="radio"]{margin-top:-5px;}
.shop_store .tab-list li.checkbox label::before, .shop_store .tab-list li.radio label::before{margin-top:12px;}
.shop_store .tab-list li.checkbox label::after, .shop_store .tab-list li.radio label::after{margin-top:9px;}

.show{
    width: 100%;
    margin: 0 auto;
    float: none;
}
.btnMore{

}
.btnMore a{
    padding: 10px 0px;
    font-family: 'roboto';
    font-weight: 400;
    display: block;
    margin: 0;
    position: relative;
    text-align: center;
    left: auto;
    top: 0;
    line-height: 22px;
    border-radius: 3px;
    width: 100%;
    padding: 10px 10px 10px 10px;
    font-family: 'Kanit';
    font-size: 18px;
}
#demo2{
	display: none;
    font-weight: 400;
    margin: 0px 10px 12px 10px;
    font-family: 'Kanit';
    position: relative;
    text-align: center;
    left: auto;
    font-size: 14px;
    top: 0;
    line-height: 39px;
    border-radius: 0;
    text-indent: 18px;
    width: 85px;
    padding: 2px 5px 5px 5px;
    float: left;
    display: block;
    height: 45px;
    background-image: url(//www.siamphone.com/images/icon-military.png); 
    background-repeat: no-repeat;
    background-size:  10%  ;
    background-position: 10px 18px ;
    border: 1px solid var(--spec-demo2-border);
    border-radius: 3px;
}
#demo span{display:none;}
#q {
	width: 468px;
	height:auto;
    padding: 8px 10px 8px 0;
    border: 0 solid #ccc;
    position: relative;
    text-indent: 28px;
    font-size: 18px;
    background: var(--spec-search-image);
    background-size:var(--spec-search-imagesize);
    font-family: 'Kanit';
}
/* Standard Search */
a#demo:after{
	content: "\f107";
	position: absolute;
	height: 17px;
	display: inline-block;
	font: normal normal normal 20px/1;
	font-family:'FontAwesome';
	margin-top: 0;

}
a#demo2:after{
/* 	content: "\f106"; */
	position: absolute;
	height: 17px;
	display: inline-block;
	font: normal normal normal 20px/1 ;
	font-family:'FontAwesome';
	right: 10px;
	margin-top: 0;

}
#StandardSearch{
	/* display : none; */
	display: block;
  /*   overflow: hidden; */
    height: 80px;
}
.hideBlock{overflow:hidden;}
#show{margin:0 0;}
#demo {
	display: block;
	width: 100%;
    text-indent: 15px;
    display: block;
}
#demo2 {
	display: none;
}
.recommendList p{
    font-weight: 500;
    padding: 7px 0;
    text-align: center;
    font-size: 26px;
    margin: 0;
	font-family:'Kanit';
}
.btn-list-phone{
    font-weight: 500;
    padding: 2px 25px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    background: var(--spec-recommendbrand-btn);
    font-size: 17px;
    color: #fff !important;
    border-radius: 30px;
}
.brandList{margin-top: 25px;}
.recommendList{
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 8px 0 0 8px;
    width:25%;
    display: block;
	height: 125px;
    float: left;
	border-left-width: 1px;
    border-left-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right: 0;
}
.randomBrand{
    width: 75%;
    display: block;
    float: left;
	height: 125px;
    padding:21px 15px 22px;
    border-radius: 0 8px 8px 0;
	border-width: 1px;
    border-style:solid;
    border-left: 0;
}
.randomBrand ul{
    padding:15px 0;
    margin: 0;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
}
.randomBrand li{
	float:left;
	list-style-type:none;
    width:20%;
	text-align:center;
}
.randomBrand li:last-child{display:none;}
.randomBrand li a{
	display:block;
}
.randomBrand li a img{
	width:110px;
	height:auto;
}
.allListBrand {margin-top: 25px;}
.allListBrand a{
    padding: 35px 0 15px;
    border-radius: 8px 8px;
    width:100%;
    display: block;
	height: 125px;
    float: left;
	border-width: 1px;
    border-style:solid;
	font-size: 22px;
    line-height: 30px;
	font-family:'Kanit';
}

.brand-recommend, .brand-all{
	padding: 0 10px;
    overflow-y: scroll;
    height: 550px;
    margin: 0;
}
.brand-recommend li{
	list-style-type: none;
    padding: 0 0 30px 0;
    overflow: hidden;
    width: 33.3%;
    float: left;
}
.brand-recommend li a ,.brand-all li a{display:block;font-weight:300;font-family:'Kanit';color:var(--spec-brandlist-color);}
.brand-recommend li p{
	width: 68%;
    float: left;
    margin: 0;
}
.brand-recommend li img{
	width: 50px;
    height: auto;
   /*  border: 1px solid #000; */
    float: left;
    margin-right: 15px;
    border-radius: 8px;
}
.brand-recommend li strong ,.brand-all li strong{
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}
.brand-recommend a:hover, .brand-all a:hover {
	text-decoration:none;
}
.brand-all{
	padding: 0 10px 0 0;
}
.brand-all li {
    padding: 0 0 10px 0;
    width: 50%;
    float: left;
}
.brand-all  li strong, .brand-all  dd strong{
	display:inline-block;
	margin-right:5px;
}
.brand-recommend::-webkit-scrollbar-track,.brand-all::-webkit-scrollbar-track{background-color:var(--spec-scrollbar-track);border-radius:23px;}
.brand-recommend::-webkit-scrollbar, .brand-all::-webkit-scrollbar{width: 13px;background-color:var(--spec-scrollbar);border-radius:23px;}
.brand-recommend::-webkit-scrollbar-thumb,.brand-all::-webkit-scrollbar-thumb{border-radius:23px;background-color: var(--spec-scrollbar-thumb);}

.tab_letter ul{margin:0;padding:0 0 10px;}
.tab_letter ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: 500;
	width: 3.3%;
	display: inline-block;
	margin-bottom: 0;
}
.tab_letter ul li a {
	display: block;
	text-align: center;
	padding: 0;
	line-height: 24px;
	font-family:'Kanit';
    border-radius: 30px;
    color: var(--spec-modalletter-color);
    background: var(--spec-modalletter-bg);
}
.brand-all dt {
    display: block;
    width: 100%;
    overflow: hidden;
    clear: both;
    margin: 0 0 10px 0;
    font-size: xx-large;
    font-weight: 500;
    position:relative;
    font-family:'Kanit';
}
.brand-all dt:after{
	content:"";
}
.brand-all dd {
    padding: 0 0 10px 15px;
    width: 50%;
    float: left;
    background: url(https://www.siamphone.com/images/fullstop.png) no-repeat 0 8px;
}
.brand-all dd a{
    font-weight: 300;
    font-family: 'Kanit';
    font-size: 1rem;
}
.brand-all dd strong{
	display:inline-block;
	margin-right:5px;
	font-weight:500;
    font-size: 18px;
    line-height: 22px;
}

.wrap_front_camera{width: 49.2%;margin-right:15px;margin-bottom:15px;}
.wrap_camera{
	width: 49.2%;
	margin-right: 0;
}
#frontCamera{width:96%;}
.front_camera ,.back_camera {
	overflow:visible;
}
.back_camera,.backcamera_video, .lens_camera , .front_camera{margin-bottom:0;background:none;}
#backCamera{width:93%;}
.fontcamera_video{margin-bottom:0;}
.fontcamera_video,.backcamera_video{width:50%;}
.fontcamera_video li, .backcamera_video li{min-width:48%;}
.lens_camera li{min-width: 165px;}
.special_features .tab-list li{display:-webkit-inline-box;}
.special_features .tab-list li:nth-child(-n+3) {
	margin: 0 5px 0 0;
}
.special_features{
    overflow:visible;
}
.special_features .tab-list li.refresh_rate{
	padding: 0;
	margin-top: 10px;
}
.special_features .tab-list li.refresh_rate li {
	min-width:160px;
	padding: 7px 5px 7px 26px;
	margin:0;
}
.special_features .tab-list li.refresh_rate li label{
	padding: 5px 0px 0 10px;
}
.special_features .tab-list li.refresh_rate  .radio input[type="radio"]:checked + label::after{top:17px;}

.modal-dialog {
    max-width: 800px!important;
}
.modal-title{font-size:x-large;font-family:'Kanit';}
.modal-body{padding:2rem 1rem 2rem 2rem;}
.modal-header .close{
    position: absolute;
    right: 5%;
    color: transparent;
    border:1px solid var(--spec-modal-close);
    opacity: 0.8;
    filter:var(--spec-filter);
}
.container-footer{background:#191919;}
#footer {
    margin: 10px auto 0;
}
#footer_copyright {
    padding: 0;
    width: 100%;
    font: 10px/30px Arial;
    text-transform: uppercase;
    display: inline-block;
}
#footer_copyright .siamphone_logo {
    margin: 0 10px;
    float: left;
}
#footer_copyright .siamphone_logo img {
	vertical-align:sub;
}
#footer_copyright em.copysign {
    font-size: 12px;
    float: left;
    font-family: Arial;
    margin-right: 5px;
    font-style: normal;
}
#footer_copyright p.right_reserved_text {
    float: left;
    margin: 0;
    color: #8c8c8c;
}
#footer_copyright p.social_network {
    float: right;
    margin: 0 10px;
    color: #8c8c8c;
}
#footer_copyright p.social_network a {
    margin: 0 5px;
    color: #8c8c8c;
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
    body{/*background:red;*/}
    .sort_by{
        width:100%;        
    }
    .brandId {
        width: 20%;
    }
    .search-home .input_qs_spc {
        width: 27%;
    }
    .category_review{
        width:37%;
    }
    .checkbox label::before, .radio label::before{left:6px;}
    .tab-list li.checkbox label::before, .tab-list li.radio label::before{margin-top:6px;}
    .radio input[type="radio"]:checked + label::after, .checkbox input[type="checkbox"]:checked + label::after{top: 15px;left:5px;}
    .sort-price .tab-list li{min-width: 18.5%;padding:7px 10px 7px 15px;}
    .checkbox label, .radio label{font-size:16px;}
    .category {width: 48.9%;}
    .category ul li{margin:0 8px 0 0;}
    .display_diagonal{width:49%;}
    .display_diagonal ul li{width:17%;}
    .display_diagonal ul li.radio label{font-size:14px;}
    .additional_features .tab-list li, .special_features .tab-list li{padding: 7px 10px 7px 25px;}
    .wrapper-dropdown-3{width:145px;}
    .wrapper-dropdown-3 span.showtext{font-size:16px;}
    .fontcamera_video li, .backcamera_video li {min-width: 47%;}
    .os_name .tab-list li img{height:19px;vertical-align: middle;}
    .os_name .tab-list li{min-width: 19%;padding: 7px 5px 7px 27px;}
    .os_name .checkbox label{padding:0;}
    .wrap_front_camera{width:49%;}
    .lens_camera li{min-width: 126px;padding: 7px 10px 7px 20px;}
    .back_camera, .front_camera, .power_battery{width:49%;}
    #battery{width:50%;}
    .power_battery ul.tab-list{width:44%;}
    .column-one-fifth, .beginnerBlock{width:31%;}
    .column-one-fifth .linkImg{height:auto;}
    .column-one-fifth p.readLink a{font-size:16px;line-height: 24px;}
    #interest ul li .name{width:91%;}
    .block-three{width:32.5%;}
    #interest ul li .name a{
        word-wrap: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 160px;
    }
    .block-three h3{font-size:24px;padding: 15px 0 5px 10px}
    .btn-price{padding-top:0;width: 80%;}
    #review_block ul li{margin:10px auto 10px;}
    #review_block ul li .image{margin-top:10px;}
    #store ul li{margin-bottom:6px;}
    #interest ul li{margin: 8px 0 6px;}
    .randomBrand li a img{width:100px;}
}
@media (max-width: 991px) {
	.header-wrapper{margin-bottom:1px;}
	.top-banner img {
		width: 100%;
		height: auto;
	}
    
    #StandardSearch{width:94%;margin:0% 3%;}
	.sort_by{width:100%;padding:10px 0;}
	.title_image:after{width:92%;background:#000;}
	.title-popular{text-align: center;}
	.title-popular h2{padding-left:10px;}
	.swiper-container{/* height:485px; */}
	.slideTop .model_list_item{width:17%;margin: 0 1.5%;padding: 0;}
	.top_banner{margin-top:20px;}
	.brandId { width: 40%;}
	.search-home .input_qs_spc {width: 58%;margin-right:0;}
	.category_review{width: 58%;margin-top: 10px;}
	#submit_bt{width: 40% !important;margin-top: 10px;}
	.category,.display_diagonal, .os_name,.additional_features, .special_features, .back_camera, .front_camera, .power_battery,.network{width:100%;}
	.category ul li{width:24%;margin:0;}
	.display_diagonal ul li{width:19.3%;margin: 0;}
	.cpu, .ram, .rom{width:33.3%;}
	.os_name .tab-list li {
		width: 23.7%;
		margin-bottom: 10px;
	}
	.special_features .tab-list li {
		width:32.5%;
		min-width: 120px;
		margin-bottom: 10px;
		margin-right:0;
	}
	.special_features .tab-list li:nth-child(-n+3){
		margin:0;
	}		
	#refresh_rate, .special_features .tab-list li.refresh_rate li{width:100%;}
	.special_features .tab-list li:last-child {margin-bottom:0;}
	.network_usb,.network_genaretion{width:50%;}
	.network_genaretion li { min-width: 47%;}
	.front_camera{margin-top:0;}
	.front_camera ul.tab-list ,.back_camera ul.tab-list{
		width: 47%;
	}
	.wrap_front_camera, .wrap_camera {width: 48.8%;margin-top: 15px;}
	.fontcamera_video, .backcamera_video{width:100%;}
	#frontCamera {width: 94%;}
	.lens_camera{width:100%;margin:0;}
	.lens_camera li {min-width: 100%;margin-bottom:15px;}
	.wrap_front_camera .lens_camera li:last-child {margin-bottom:0;}
	.wrap_camera .lens_camera li:nth-last-child(2), .wrap_camera .lens_camera li:last-child {min-width: 48%;margin-bottom:0;}
	
	.sort-price .tab-list li {
		min-width: 18.9%;
		margin-bottom: 10px;
	}
	.model_list_item{ width: 17%;margin: 0 1.5%;padding: 0;}
	.loadmore {
		width: 60%;
		margin: 20px auto 50px;
	}
	.beginnerGuide, #buyingGuide{
		width:100%;
		float:none;
	}
	.beginnerBlock, .column-one-fifth{width:31.3%;height: 250px;}
	.beginnerBlock .linkImg , .column-one-fifth .linkImg {
		width: 100%;
	    height: 120px;
	}
	.beginnerBlock img ,.column-one-fifth img{
		width: auto;
		height: auto;
		max-height: initial;
		max-width: initial;
		width: 100%;
	}
	.column-one-fifth .linkImg{
	    width: 100%;
		min-height: 120px;
	    height: 120px;
	}
	.column-bottom {
		width: 100%;
		padding: 0 2% 2%;
		margin-top:5%;
	}
	.block-three {
		width: 50%;
		margin-top: 10px;
	}	
	#review_block {
		width: 100%;
	}
	#store, #interest{margin:2% 0;}
	.breakingNews{width:100%;float:none;}
	#banner300_600{width:100%;text-align:center;}
	.randomBrand li a img{width:90px;}	
	.allListBrand a{height:auto;padding:15px 0;color: #fff !important;}

	#topBanner, #topBanner img{width:100%;height:auto;overflow-y:hidden;overflow-x:scroll;}
}


@media (max-width: 768px) {
	.header-wrapper{margin-bottom:1px;}
	.title_image:after{width:92%;background:#000;}
	.title-popular{text-align: center;}
	.title-popular h2{padding-left:10px;}
	.swiper-container{/* height:485px; */}
	.slideTop .model_list_item{width: 22%;margin:0 1.5%;padding: 0;}
	.top_banner{margin-top:20px;}
	.brandId { width: 40%;}
	.search-home .input_qs_spc {width: 57%;margin-right:0;}
	.category_review{width: 58%;margin-top: 10px;}
	#submit_bt{width: 39% !important;margin-top: 10px;}
	.category,.display_diagonal, .os_name,.additional_features, .special_features, .back_camera, .front_camera, .power_battery,.network{width:100%;}
	.category ul li{width:23%;margin:0;}
	.display_diagonal ul li{width:18.5%;margin: 0;}
	.cpu, .ram, .rom{width:33.3%;}
	.os_name .tab-list li {
		width: 48%;
		margin-bottom: 10px;
	}
	.special_features .tab-list li {
		width:48%;
		min-width: 131px;
		margin-bottom: 10px;
	}
	.special_features .tab-list li:nth-child(-n+3) {
		margin: 0 0 10px 0;
	}		
	.special_features .tab-list li:last-child {margin-bottom:0;}
	.network_usb,.network_genaretion{width:50%;}
	.network_genaretion li { min-width: 46%;}
	.front_camera{margin-top:10px;}
	.front_camera ul.tab-list ,.back_camera ul.tab-list{
		width: 47%;
		padding:0;
	}
	.lens_camera li {margin-bottom:0;}
	.sort-price .tab-list li {
		min-width: 18.9%;
		margin-bottom: 10px;
		width:48%;
	}
	.model_list_item{width: 22%;margin: 0 1.5%;padding: 0;height:220px;}
	.loadmore {
		width: 60%;
		margin: 20px auto 50px;
	}
	.beginnerGuide, #buyingGuide{
		width:100%;
		float:none;
	}
	.beginnerBlock, .column-one-fifth{
		width: 46%;
		height: 235px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.beginnerBlock .linkImg , .column-one-fifth .linkImg {
		width: 100%;
	}
	.beginnerBlock img ,.column-one-fifth img{
		width: auto;
		height: auto;
		max-height: initial;
		max-width: initial;
		width: 100%;
	}
	.column-one-fifth .linkImg{
	    width: 100%;
		min-height: 120px;
	}
	.column-bottom {
		width: 100%;
		padding: 0 2% 2%;
		margin-top:5%;
	}
	.block-three {
		width: 100%;
		margin-top: 10px;
	}	
	#store{margin:2% 0;}
	.wrap_front_camera {width: 100%;margin-top:15px;}
	.breakingNews{width:100%;float:none;}
	
	#banner300_600{width:100%;text-align:center;}
	#footer{margin:10px auto;}
	#footer_copyright em.copysign{float:none;}
	#footer_copyright p.right_reserved_text{text-align: center;width: 100%;float:none;}
	#footer_copyright p.social_network{margin: 0 auto;float: none;text-align: center;width: 100%;}
	
	#banner1 img, #banner2 img {
		width: 100%;
		height: auto;
	}
	.recommendList{border-radius:8px 8px 0 0;width:100%;border-bottom: 0;}
	.fontcamera_video, .backcamera_video {width: 100%;}
	.wrap_camera{width:100%;}
	.lens_camera li{min-width:48%;}
	.lens_camera li:nth-child(3) {margin-top: 15px;}
	#battery {width: 49%;}
	.power_battery ul.tab-list {width: 45%;}
	.lens_camera {width: 100%;}
	.wrap_camera{margin-top:0;}
	.fontcamera_video li, .backcamera_video li {min-width: 48%;}
	.randomBrand{width:100%;border-radius:0 0 8px 8px;height:auto;padding:0px 15px 15px;border-top: 0;}
	.randomBrand li{width:33.3%;padding: 5px 0;}
	.randomBrand li:last-child{display:block;}
	.randomBrand li a img{width:90px;}
	.modal-dialog {max-width: 500px!important;}
	.brand-recommend li, .brand-all li {width:100%;}
	.tab_letter ul li{width:10%;margin-bottom: 5px;}
	.tab_letter ul li a{font-size:20px;padding:5px 0;}
	.brand-all dd{width:100%;float:none;background: url(https://www.siamphone.com/images/fullstop.png) no-repeat 7px 8px;margin: 0;text-indent: 7px;}
	.title_image{text-align:center;}
	#topBanner, #topBanner img{width:100%;height:auto;overflow-y:hidden;overflow-x:scroll;}
}


@media (max-width: 568px) {
	.header-wrapper{margin-bottom:1px;}
	.title_image:after{width:92%;background:#000;}
	.title-popular{text-align: center;}
	.title-popular h2{padding-left:10px;}
	.swiper-container{/* height:485px; */}
	.slideTop .model_list_item{width:30%;margin:0 1.5%;padding:0;min-height: 220px;margin-bottom: 10px;}
	.swiper-pagination-switch{width:10px;}
	.top_banner{margin-top:20px;}
	.brandId { width: 39%;}
	.search-home .input_qs_spc {width: 57%;margin-right: 0;}
	.category_review{width: 100%;margin-top: 10px;}
	#submit_bt{width: 100% !important;margin-top: 10px;}
	.category,.display_diagonal, .os_name,.additional_features, .special_features, .back_camera, .front_camera, .power_battery,.network{width:100%;}
	.cpu, .ram, .rom{width:100%;}
	.network_usb,.network_genaretion{width:50%;}
	.network_genaretion li { min-width: 47%;margin-right: 0;padding: 7px 10px 7px 20px;}
	.front_camera{margin-top:10px;}
	.sort-price .tab-list li {
		min-width: 18.9%;
		margin-bottom: 10px;
		width: 100%;
	}
	.category ul li{width: 47%;margin:0;padding:0;}
	.network ul{width:94%;}
	.network .dropdown li{width:50%;}
	.display_diagonal ul li{
	    width: 31%;margin:0;
	}
	.additional_features .tab-list li, .special_features .tab-list li{min-width: auto;width:100%;margin-bottom:10px;}
	.os_name .tab-list li {
		min-width: auto;
		width: 46%;
		margin-bottom: 10px;
	    padding: 7px 0px 7px 20px;
	}
	#cpu, #ram, #rom {
		padding: 0 15px 0;
		margin: 0 0 10px 10px;
		width: 94%;
	}
	#backCamera, #frontCamera, #battery, #displayDiagonal {
		width: 94%;
	}
	.front_camera ul.tab-list,.back_camera ul.tab-list {
		width: 94%;
		margin: 0 3% 3%;
		padding: 0;
	}
	.front_camera ul.tab-list li, .back_camera ul.tab-list li {
		width: 48.5%;
		margin: 0;
	}
	.power_battery ul.tab-list {
		width: 94%;
		margin: 0 3% 3%;
		padding: 0;
	}
	.power_battery ul.tab-list li {
		width: 100%;
	}

	#nomal_search3_submit{width:100%;}
	#nomal_search3_submit input[type="submit"]{
	    width: 100%;
		margin-bottom: 15px;
	}
	#clear-form,#demo2{
	    width: 50%;
		margin: 0;
	}
	
	.mid_banner{
		width:100%;
		height:auto;
	}

	.model_list_item{width: 30%;margin: 0 1.5%;padding: 0;min-height: 220px;}
	.loadmore {
		width: 60%;
		margin: 20px auto 50px;
	}
	.beginnerGuide, #buyingGuide{
		width:100%;
		float:none;
	}
	.beginnerBlock, .column-one-fifth{width:94%;height: auto;}
	.beginnerBlock .linkImg , .column-one-fifth .linkImg {
		width: 100%;
		height:auto;
	}
	.beginnerBlock img ,.column-one-fifth img{
		width: auto;
		height: auto;
		max-height: initial;
		max-width: initial;
		width: 100%;
	}
	.beginnerBlock p.readLink{height:auto;}
	.column-one-fifth .linkImg{
	    width: 100%;
		min-height: auto;
		height: auto;
	}
	.column-one-fifth p.readLink{height:auto;}
	
	.column-bottom {
		width: 100%;
		padding: 0 3% 3%;
		margin-top:5%;
	}
	.block-three {
		width: 100%;
		margin-top: 10px;
		margin-right:0;
	}
	#store{margin:3% 0;}
	.breakingNews{width:100%;float:none;}
	#banner300_600{width:100%;text-align:center;}
	
	.wrapper-dropdown-3 .dropdown li label{font-size:18px;}
	.recommendList{border-radius:8px 8px 0 0;width:100%;}
	.randomBrand{width:100%;border-radius:0 0 8px 8px;height:auto;padding:0px 15px 15px;}
	.randomBrand li{width:33.3%;padding: 5px 0;}
	.randomBrand li:last-child{display:block;}
	.randomBrand li a img{width:90px;}
	.allListBrand a{height:auto;padding:15px 0;background: #272727;color: #fff !important;}
}

@media (max-width: 390px){
	.randomBrand li a img {width:70px;}
}