@charset "utf-8";
/* CSS Document */
@media (min-width: 1200px) {
    .container {
      max-width: 1200px;
    }
}
body{
    font: 10pt Tahoma, Helvetica, "Microsoft Sans Serif", sans-serif;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.mt-0{margin-top: 0!important;}
.mr-0{margin-right: 0!important;}
.mb-0{margin-bottom: 0!important;}
.ml-0{margin-left: 0!important;}
.bg-white{background-color:#fff !important;}
.clear{clear:both !important;}
/* header{
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
    clear: both;
    position: relative;
	overflow:visible;
}
header #header_cover {
    margin: 0 auto;
    height: 110px;
    position: relative;
    padding: 3px 3px 0 3px;
    z-index: 2;
    width: 1200px;
}
header .clearfix {
    width: 100%;
    background: #f3f1ef;
    background: rgb(204,0,0);
    background: -moz-linear-gradient(left, rgba(204,0,0,1) 0%, rgba(204,0,0,1) 50%, rgba(240,241,243,1) 50%, rgba(240,241,243,1) 100%);
    background: -webkit-linear-gradient(left, rgba(204,0,0,1) 0%,rgba(204,0,0,1) 50%,rgba(240,241,243,1) 50%,rgba(240,241,243,1) 100%);
    background: linear-gradient(to right, rgba(204,0,0,1) 0%,rgba(204,0,0,1) 50%,rgba(240,241,243,1) 50%,rgba(240,241,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#f0f1f3',GradientType=1 );
}
header #banner{
    margin: 9px 0 9px 3px;
} */
.menuBar{
  /*   margin: 0 auto; */
  /*   float: none; */
  /*   width: 1200px; */
}
#wrapper{}
.catlalog_menu{display:none;}
#main_content{}
#breadcrumb_list{
    width: 97.5%;
    margin: 20px auto 0;
    padding: 0 10px 0;
    background: #ffffff;
    border: 1px solid rgba(237,237,237,1);
    box-shadow: none;
    clear: both;
	display:block;
}
#breadcrumb_list a, #breadcrumb_list{
    color: rgba(50,50,50,.65);
	font-size:14px;
    font-family: 'Kanit';
}
#contain{}
.searchArea{
    width: 100%;
    min-height: 160px;
    margin: 0 auto;
    padding: 0 0 0px 0;
    background: #fff;
    /* overflow: hidden; */
    clear: both;
    position: relative;
}
h1.filterName{
	font-family: DBHelvethaicaXRegular;
    font-size: 39px;
    border: 1px solid #eee;
    border-top: 4px solid #c00;
    line-height: 54px;
    background: url(http://www.siamphone.com/images/title2014/header_sp.gif) no-repeat;
    background-size: 40px 32px;
    background-position: 5px 50%;
    text-indent: 50px;
}
#brand_search {
    position: relative;
    display: block;
}

#fillter_brand{
    border: 1px solid rgba(153, 153, 153, 0);
    float: left;
    width: 200px;
    height: 60px;
    padding: 10px;
    margin: 0;
    font-size: 17px;
}
#brand_selector ul.warp_option{background-color:#FFFFFF;background-image:none;border:1px solid #999999;color:#333333;display:none;font-size:12px;height:300px;list-style:none outside none;overflow:auto;padding:0;position:absolute;right:0;top:20px;width:198px;z-index:10000;}
.fillter option {
    display: none !important;
}
#brand_selector ul.warp_option {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #999999;
    color: #333333;
    display: none;
    font-size: 12px;
    height: 300px;
    list-style: none outside none;
    overflow: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 20px;
    width: 198px;
    z-index: 10000;

}
.searchText{position:relative;width: 315px;width:348px;margin: 0;float: left;transition: width 0.3s;}

input.can_reset {
	height: 52px;
    padding: 10px;
    margin: 0;
    width: 333px;
    font-size: 26px;
    background: #fff;
    border: 0;
	text-indent: 40px;
    border:1px solid rgb(95, 95, 95);
   /*  box-shadow: 0 4px 10px 0 rgba(0,0,0,.07); */
	font-family: DBHelvethaicaXRegular;
	transition: width 0.3s;
}
.searchTextExpand{width: 436px !important;}
.searchTextExpand input.can_reset{width: 420px !important;}

input:active, input:focus{
    border: 1px solid #000;
    box-shadow: none;
	outline:none;
}
.iconSearch{
    font-size: 32px;
    color: transparent;
    background: url(//www.siamphone.com/images/search_icon.png) no-repeat;
    background-size: 30px;
    position: absolute;
	left: 10px;
    top: 8px;
    width: 37px;
    height: 37px;
}
.cd-tabs ul .warp_option{
	width:96px;
}
.cd-tabs ul .warp_option li {
    background-image: none;
    cursor: pointer;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-indent: 5px;
    text-align: left;
    margin-top: 4px;
    z-index: 100;
}
.cd-tabs ul.warp_option li input {
    margin-right: 10px;
}

/* checkbox and radio */
.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.checkbox span, .radio span {
	width: 100%;
    line-height: 22px;
    color: #000000;
    display: block;
    font-size: 17px;
    margin: 0;
}
.cate li .checkbox input[type="checkbox"], .cate li .radio input[type="checkbox"]{
    vertical-align: baseline;
	position: absolute;
}
.radio input[type="radio"]{
/* 	margin-left:-13px; */
}
.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;
}
 .radio label::before {
	border-radius:20px;
 }
.checkbox label::after, .radio label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: -2px;
    margin-left: 0;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 14px;
    color: #555555;
}
 .radio label::after {
	left: 1px;
	top: 6px;
    color: #555555;
    border-radius: 21px;
    width: 18px;
    height: 15px;
    padding: 0;
    /* border: 2px solid #555555; */
    font-size: 16px;
    line-height: 14px;
    text-indent: 1px;
 }
.checkbox input[type="checkbox"]:checked + label::after , .radio input[type="radio"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.checkbox label, .radio label{
/*     font-family: DBHelvethaicaXRegular; */
    font-size: 23px;
    line-height: 26px;
    padding: 0 0 0 10px;
	display: block;
	cursor: pointer;
}

.wrapper-demo {
    margin: 0 0 1% 0;
    font-weight: 400;
    float: left;
    position: relative;
    width: 222px;
	width:180px;
}

.wrapper-dropdown-3 {
	position: relative;
    background: #fff;
    border-radius: 0;
    border-left: 0;
    cursor: pointer;
    outline: none;
    font-weight: 100;
    color: #333;
    font-family: Tahoma, Helvetica, "Microsoft Sans Serif", sans-serif;
    border: 1px solid rgba(0, 0, 0, 0.05);
    float: left;
    width: 190px;
    width: 150px;
    padding: 5px 15px 5px;
    margin: 0;
    font-size: 17px;
  /*   box-shadow: 0 4px 10px 0 rgba(0,0,0,.07); */
}

.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: #000 transparent;
}

.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 */
    background: white;
    border-radius: inherit;
    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:400;
}
.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 0 28px;position:relative;margin: 0;border-bottom:1px solid #eee;}
.wrapper-dropdown-3 .dropdown li:last-child {border-bottom:0 solid #eee;}
.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;
}

/* 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:19px;
	min-height:30px;
	line-height:19px;
    font-family: DBHelvethaicaXRegular;
}
.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 /* Checkboxes */ {
    position: absolute;
    display: block;
    right: auto;
    top: 50%;
    margin-top: -5px;
    left: 9px;
}

/* Hover state */

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

/* Checked state */



.checkbox label::before, .radio label::before{
	right: auto;
    left: 10px;
    margin-top: 0;
}
.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: #b70000;
   /*  text-decoration: line-through; */
}
.wrapper-dropdown-3 .dropdown li input:checked ~ span{
    color: #b70000;
    /* 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: #f5f5f5;
}
.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: 22px;
    font-family: DBHelvethaicaXRegular;
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    background: #fff;
}
#brandScroll1::-webkit-scrollbar-track{background-color:#ddd}
#brandScroll1::-webkit-scrollbar{width:10px;background-color:#ebebeb}
#brandScroll1::-webkit-scrollbar-thumb{border-radius:18px;background-color:rgba(0,0,0,.25)}

/* price */
.priceBar {
    width: 298px;
    float: left;
    margin: 0 0 1% 15px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0,0.05);
  /*   box-shadow: 0 4px 10px 0 rgba(0,0,0,.07); */
  
  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-radius: 0;
    border: 0px solid #ffffff;
    float: left;
    height: 50px;
    padding: 10px 0;
}
input[type="text"]:last-child.price_range_input {
    float: right;
}
.nstSlider .bar {
    border-radius: 10px;
    background: rgba(0,0,0,.2);
    height: 12px;
    top: 20px;
    left: 0px!important;
    width: 100%!important;
}
.nstSlider .leftGrip, .nstSlider .rightGrip{
	top:15px;
    padding: 0;
    text-align: center;
    float: left;
    position: absolute;
    color: #fff;
    font-size: 15px;
    min-width: 14px;
    width: 20px;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    height: 20px;
    border: 1px solid #c5c5c5;
}
.leftLabel{
    left: -67px;
    top: 7px;
    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: -68px;
    top: 7px;
    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;
}
#nomal_search3_submit {
	width: 1143px;
    height: 52px;
    margin: 5px 0 15px 15px;
    clear: both;
    overflow: hidden;
    text-align: center;
}
#nomal_search3_submit input[type="submit"]{
    padding: 10px;
    width: 229px;
    background-color: #cc0000;
    border: 0;
    line-height: 21px;
    font-family: DBHelvethaicaXRegular;
    color: #fff;
    font-size: 27px;
    height: 45px;
    cursor: pointer;
    border-radius: 3px;
	-webkit-appearance: none;
	
	background: #ce2525;
    background: -moz-linear-gradient(-45deg, #e73826 0%, #ce2525 100%);
    background: -webkit-linear-gradient(-45deg, #e73826 0%,#ce2525 100%);
    background: linear-gradient(135deg, #e73826 0%,#ce2525 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73826', endColorstr='#ce2525',GradientType=1 );
}
.btnTopSearch{

}
.btnExpand {
    clear: both;
    float: none;
    width: 99% !important;
    text-align: right;
	overflow:hidden;
}
#btn-reset{
    font-size: 16px;
    margin: 0 10px 0px 0px;
    color: #000000;
    padding: 0px 7px 1px 28px;
    display: inline-block;
    border: 1px solid #000000;
    text-align: center;
    border-radius: 30px;
    background: url(//www.siamphone.com/images/icon-bin.png) no-repeat;
    background-size: 15px;
    background-position: 7px 5px;
}
#btn-reset:hover{
	background-color:#cc0000;
	color:#fff;
	border: 2px solid #cc0000;
}
.btnExpand input[type="submit"]{
/*     width: 155px !important;
    height: 40px !important; */
}
.btnExpand #nomal_search3_submit{
    width: 330px;
    height: 51px;
    margin: 20px auto 15px;
}
ul.onSale{
	width: 103px;
    padding: 0;
    margin: -7px 0 0 15px;
    float: left;
    text-align: left;
	
	display:none;
}
ul.onSale li{
    text-align: left;
    margin: 10px 0 5px;
}
ul.onSale li input#on_sale{
position: absolute;
    display: block;
    right: auto;
    top: 50%;
    margin-top: -8px;
    left: 0;
}
ul.onSale li label{
    padding: 0;
    font-size: 20px;
    line-height: 17px;
    color: #555555;
    margin: 0 0 0 25px;
}
ul.onSale li label::before{
    margin-top: -2px;
    right: auto;
    left: 0;
}
ul.onSale li label::after{
	top: -2px;
    color: #c00;
    right: auto;
    left: 0;
}
ul.onSale li input:checked ~ label {
    color: #b70000;
}

/* Standard Search */
a#demo:after{
	content: "\f107";
	position: absolute;
	height: 17px;
	display: inline-block;
	font: normal normal normal 20px/1 FontAwesome;
	margin-top: 0;
}
a#demo2:after{
	content: "\f106";
	position: absolute;
	height: 17px;
	display: inline-block;
	font: normal normal normal 20px/1 FontAwesome;
	margin-top: 0;

}

#demo {
	display: block;
}
#demo2 {
	display: none;
}
#StandardSearch{
	/* border-top:0; */
	/* height: 930px; */
}
#StandardSearch .wrapper-dropdown-3{
	box-shadow:none;
}
.shapeMobile{

}
.bullet{
	margin: 0px 10px 0 0;
    background: rgba(255, 255, 255, 0.75);
    position: relative;
    clear: both;
    width: 100%;
    padding: 0px 10px;
    font-family: 'Kanit';
}
.bullet p{
    text-align: center;
    font-size: 18px;
    background: #fff;
    margin: 0 5px 0 0;
    padding: 0px 0;
    color: #000;
    display: inline-block;
	font-weight:500;
}
.bullet .label{
    padding: 3px 30px 3px 10px;
    background-color: #343a40;
    color: #ffffff;
    margin: 8px 3px 8px 5px;
    line-height: 21px;
    position: relative;
    display: inline-block;
    font-size: 16px;
    border: 1px solid #343a40;
    font-family: 'Kanit';
    font-weight: 500;
    border-radius: 15px;
}
span.selecterTag{font-weight:500;}
span.selecterTagClose {
    cursor: pointer;
    padding: 0 0;
    border-radius: 20px;
    width: 18px;
    height: 18px;
    display: inline-block;
    color: rgba(255, 255, 255, 0);
    font-size: 23px;
    text-align: center;
    line-height: 10px;
    margin: 0;
    background-color: #fff;
    background-image: url(//www.siamphone.com/images/icon-close-round-128.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 4px;
    text-shadow: none;
    position: absolute;
    right: 5px;
    top: 18%;
}
.mid_banner {
    width: 980px;
    height: 120px;
    margin: 10px auto 20px;
}
.blockNews{margin:15px 15px;}