.quick_search{
    width: 100%;
    padding: 1% 1%;
    margin: 0px 0 15px;
    background: rgba(0, 0, 0, 0.05);
}
.quick_search_input {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    width: 1178px;
    font-size: 14px;
}


.category_review{float:left;margin:0;padding:0;
    background: #fff;
    margin-right: 10px;
    padding: 7px 10px 8px;
    border-radius: 3px;
	width:25%;
}
.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_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;
    color: #222;
    float: left;
    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;
  background-color: #ccc;
  -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: #079ed8;
  background-color: #cc0000;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #079ed8;
  box-shadow: 0 0 1px #cc0000;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(28px);
  -ms-transform: translateX(28px);
  transform: translateX(28px);
}
.searchArea #submit_bt {
    border: 0;
    padding: 5px 10px;
    font-family: 'Kanit';
    font-size: 24px;
    background: #c00;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    height: 44px;
    width: 12%;
    background: #ca0707;
    background: -moz-linear-gradient(-45deg, #d72f1d 0%, #ca0707 100%);
    background: -webkit-linear-gradient(-45deg, #d72f1d 0%,#ca0707 100%);
    background: linear-gradient(135deg, #dd0404 0%,#c00101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72f1d', endColorstr='#ca0707',GradientType=1 );
}

.mb-11{margin-bottom:11px!important;}
#StandardSearch{
    display: block;
    overflow: hidden;
    height: 80px;
    border-top: 0;
    width: 100%;
    clear: both;
    margin: 17px 0 0 0;
    padding: 0 0;
    background: rgba(255, 255, 255, 0.07);
    font-family: 'Kanit';
}

.gradientRead{/*background:red; */}
.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 .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{
    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 .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 .checkbox label::before, .gradientRead .radio label::before{background-color: transparent;}
.gradientRead .tab-list li{background-color: transparent;}
.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(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) 50%);
}
 .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;}
.cover{width:100%;overflow:hidden;}


.wrapper-demo{
    margin: 0 10px 0 0;
    font-weight: 400;
    float: left;
    position: relative;
   /*  width: 200px; */
    background-color: rgba(245, 246, 246, 0.8);
}

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

.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:20px;
    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 #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;
}

#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;
    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 /* Checkboxes */ {
    position: absolute;
    display: block;
    right: auto;
    top: 50%;
    margin-top: -5px;
    left:13px;
}

/* Hover state */
.wrapper-dropdown-3 .dropdown li:hover {
    background-color: #f0f0f0;
}

.brandId{width:20%;}
#brandScroll2{width:100%;}

/* 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:#0191C8;
}
.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:#0191C8;
}
.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: #0191C8;
   /*  text-decoration: line-through; */
}
.wrapper-dropdown-3 .dropdown li input:checked ~ span{
    color: #0191C8;
    /* 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: 23px;
    font-family: DBHelvethaicaXRegular;
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    background: #fff;
}
#brandScroll::-webkit-scrollbar-track{background-color:#ddd}
#brandScroll::-webkit-scrollbar{width:10px;background-color:#ebebeb}
#brandScroll::-webkit-scrollbar-thumb{border-radius:18px;background-color:rgba(0,0,0,.25)}
#brandScroll1{width:100%;border-radius:3px;}
#brandScroll{top:0;}


.checkbox label, .radio label{
    font-size: 20px;
    line-height: 26px;
    padding: 0 0 0 10px;
    display: block;
    cursor: pointer;
    color: #464646;
    font-weight: 300;
    margin-bottom: 0;
}
.tab-content{width:100%;clear:both;padding:15px 0 15px;}
.tab-inner{
    background-color:rgba(245, 246, 246, 0.8);
    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: 20px;
    margin: 15px 0 10px 10px;
    clear: both;
    display: block;
    float: none;
    color: #222;
    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: 1px solid #eee;
    background-color: #ffffff;
}
.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;
}
.tab-list li.checkbox label::before, .tab-list li.radio label::before{
	margin-top:3px;
}
.tab-list li.checkbox label::after{
	top:4px;
}
.tab-list li.radio label::after{
    top:12px;
}
.tab-list li input:checked ~ label {
    color: #0191C8;
}
.category .radio label::after, .display_diagonal .radio label::after{
 	content:none; 
}
.tab-list input:checked + li.radio{
/* 	color: #fff; */
	background: #f9f9f9;
    color:#0191C8;
    border: 1px solid rgba(0, 0, 0, 0.10);
}
.tab-list input:checked + li.radio span{color:#fff;color:#0191C8;}
.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.5%;
   /*  height: 163px; */
    border: 1px solid #eee;
    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;
}
.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;background-color:#ffffff;}
.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;
}
.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: -31px;
    left: 11px;
    width: 120px;
    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}
.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;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    width: 96%;
    overflow: hidden;
}
.network .dropdown li{
    border: 1px solid #eee;
    border-right: 0;
    border-top: 0;
    width: 50%;
    float: left;
    height: 74px;
	padding:0;
	list-style-type:none;
	position:relative;
	margin:0;
}
.network .dropdown li label{
    padding: 9px 10px 14px;
    display: block;
    transition: all 0.3s ease-out;
    margin: 0;
    font-size: 18px;
    min-height: 30px;
    line-height: 19px;
	font-weight:300;
    font-family: 'Kanit';
    cursor: pointer;
    text-align: center;
    line-height: 16px;
    /* height: 60px; */
    display: block;
    background: #ffffff;
}
.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;
}
.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: #0191C8;
}
.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:1px solid #eee; 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.8%;
    height: 92px;
    border: 1px solid #eee;
    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;
}
.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: 18px;position:relative;overflow:hidden;background-color:#fff;}
.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: 1px solid #eee;
    padding: 0 15px 0;
    margin: 0 0 10px 10px;
    width: 90%;
}
.ram{width:16%;margin:0;}
#ram{
    border: 1px solid #eee;
    padding: 0 15px 0;
    margin: 0 0 10px 10px;
    width: 90%;
}
.rom{width:15%;margin:0;}
#rom{
    border: 1px solid #eee;
    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: 1px solid #eee;
    padding:0 15px 0;
    margin: 0 10px 10px;
    width:48%;
}
.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:47%;}
#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: 32%;
}
.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;background-color:#ffffff;}
.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.5%;}

 /*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{
	float: right;
    width: 155px;
    margin: 0;
}
.btnMore{
	width: 155px;
    float: right;
}

#demo{
    text-decoration: none;
    color: #6f6f6f;
    padding: 10px 0px;
    font-family: 'roboto';
    font-weight: 400;
    text-shadow: 0 0 0 #666;
    display: block;
    margin: 0;
    font-family: 'Kanit';
    position: relative;
    text-align: center;
    left: auto;
    font-size: 18px;
    top: 0;
    line-height: 22px;
    background-color: #f1f1f1;
    border-radius: 0;
    /* width: 135px; */
    padding: 10px 10px 10px 10px;
}
#demo2{
	display: none;
    font-weight: 100;
    margin: 12px 0 0;
    font-family:  'Kanit';
    position: relative;
    text-align: left;
    left: auto;
    font-size: 18px;
    top: 0;
    line-height: 20px;
    background-color: #d7d7d7;
    color: #222;
    border-radius: 0;
    text-indent: 7px;
    width: 135px;
    padding: 10px 10px 10px 10px;
    float: right;
    width: 14px;
    display: block;
    height: 20px;
    background: url(//www.siamphone.com/images/icon-military.png) center center / 13px no-repeat rgba(221, 221, 221, 0);
}
#q {
    width: 100%;
    padding: 8px 10px 8px 0;
    border: 0 solid #ccc;
    position: relative;
    text-indent: 28px;
    font-size: 20px;
    background: #fff url(//www.siamphone.com/images/search_box.png) no-repeat 3px 10px;
    font-family: 'Kanit';
    height: 43px;
    margin: 0;
    box-shadow: none;
    -webkit-appearance: none;
    border-radius: 3px;
}
/* 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";
	content:none;
	position: absolute;
	height: 17px;
	display: inline-block;
	font: normal normal normal 20px/1 FontAwesome;
	margin-top: 0;
}
#show{
	margin:0;
    overflow: hidden;
    text-align: center;
}
.btnMore {
    width: 100%;
    margin: 0 auto;
	float:none;
}
#demo {
	display: block;
	width:100%;
    text-indent: 15px;
    display: block;
	margin:15px 0;
}
#demo2 {
	display: none;
}
#clear-form{
    color: #222;
    margin: 0;
    font-family: 'Arial';
    font-size: 13px;
    background: #eee;
    padding:13px 13px 12px;
    border-radius: 3px;
	float:left;
}
#clear-form img {
    width: 20px;
    height: auto;
    vertical-align: sub;
    margin-right: 0;
}
#nomal_search3_submit input[type="submit"] {
    padding: 10px;
    width: 229px;
    border: 0;
    line-height: 21px;
    font-family: DBHelvethaicaXRegular;
    color: #fff;
    font-size: 27px;
    height: 45px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-appearance: none;
    background: #cc0000 url(//www.siamphone.com/images/icon_searchvideo.png) no-repeat 35% 8px;
    background-size: 28px;
    text-indent: 15px;
}


@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: 20.5%;}
	#breadcrumb_list{width:93%;}
	.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;
	}
	.sort-price .tab-list li {
		min-width: 18.9%;
		margin-bottom: 10px;
		width:48%;
	}
	.model_list_item{width:20.5%;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;}
	.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%;}
	.banner-half img{
		width: 100%;
		height: auto;
	}
}


@media (max-width: 568px) {
	.headBanner img{width:100%;height:auto;}
	.bigBanner, .banner-half{display:none;}
	#breadcrumb_list{width:93%;}
	.header-wrapper{margin-bottom:1px;}
	.title_image:after{width:92%;background:#000;}
	.title-popular{text-align: center;}
	.title-popular h2{padding-left:10px;}
	.quick_search {width: 100%;padding: 3% 3%;}
	.brand_logo {text-align: center;}
	.callCenter{margin:0;}
	.callCenter ul{width:100%;margin-top:0;}
	.callCenter ul li{border-right:0;}
	.callCenter ul li:first-child{display: block;width: 100%;text-align: center;padding: 0;margin: 0 0 20px 0;}
	.hotline{position: relative;text-align: center;text-indent: 0;margin-bottom: 25px;right: 0;bottom: 0;}
	.searchArea .input_qs_spc {width: 57%;margin-right: 0;}
	.top_banner{margin-top:20px;}
	.brandId { width: 39%;}
	.search-home .input_qs_spc {width: 57%;margin-right: 0;}
	.category_review{width: 100%;margin-top: 15px;}
	#submit_bt{width: 100% !important;margin-top: 15px;}
	.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;}
	.front_camera{margin-top:10px;}
	.sort-price .tab-list li {
		min-width: 18.9%;
		margin-bottom: 10px;
		width: 100%;
	}
	.category ul li{width: 46%;margin:0 1%;paddin:0;}
	.category ul li:last-child {margin: 2% 1% 0;}
	.network ul{width:94%;}
	.network .dropdown li{width:50%;}
	.display_diagonal ul li{
	    width: 30.5%;margin: 0 1% 1%;
	}
	.display_diagonal ul li:last-child {
		margin: 2% 1% 1%;
	}
	.additional_features .tab-list li, .special_features .tab-list li{min-width: auto;width:100%;}
	.os_name .tab-list li {
		min-width: auto;
		width: 47%;
		margin-bottom: 10px;
	}
	#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: 49%;
		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%;}
	
	.mid_banner{
		width:100%;
		height:auto;
	}

	.model_list_item{width:30.3%;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;}
	
	.banner-half img{
		width: 100%;
		height: auto;
	}
	.blockNews{width:100%;display:none;}
	.model_list_item_name_vertical a{
		font-weight: 500;
		font-size: 17px;
		line-height: 24px;
	}
}