/* Header with Form Login */
#header{    
	border-top: 2px solid #c00;
	margin:0;
	clear:both;
	color: #777777;
	display:block;
}
#header .header-top{
    position: relative;
    z-index: 999;
    font-size: .9em;
    border-bottom: 1px solid #eeeeee;
    background: transparent;
}
#header .header-top .container, #header .header-main .container {
    position: relative;
    display: table;
}
#header .header-top .container>div, #header .header-main .container>div {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    font-family: DBHelvethaicaXRegular;
    font-size: 20px;
}
#header .header-left {
    text-align: left;
}
#header .header-right {
    text-align: right;
}
#header .header-top .share-links {
    margin: 0 5px 0 -5px;
    font-size: 1.4545em;
    display: inline-block;
    vertical-align: middle;
}
#header .header-top .share-links>a {
    background: none;
    box-shadow: none;
    font-size: 14px;
    color: #999999;
    text-indent: -9999em;
    text-align: center;
    width: 2.2857em;
    height: 2.2857em;
    display: inline-block;
    margin: 0 0.5714em 0 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.share-links a:before {
    font-family: "FontAwesome";
    text-indent: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 23px;
    height: 22px;
    margin: auto;
}
.share-links .share-facebook:before{content:"ï‚š"}
.share-links .share-twitter:before{content:"ï‚™"}
.share-links .share-youtube:before{content:"ï…§"}
.share-links .share-instagram:before{content:"ï…­"}

#header .header-top .welcome-msg {
    line-height: 30px;
    letter-spacing: 0.28333px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
}
#header .gap {
    font-weight: 300;
    margin: 0 10px 0 20px;
    font-size: 0.95em;
    opacity: 0.8;
    visibility: visible;
}
#header .header-top .mega-menu {
    margin: 0;
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}
.mega-menu:before, .mega-menu:after {
    content: " ";
    display: table;
}
.mega-menu>li.menu-item.narrow {
    position: relative;
}
#header .top-links>li.menu-item {
    display: inline-block;
    float: left;
    margin-right: 0;
}
#header .header-top .top-links > li.menu-item > a {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #6a6a6a;
    font-family: DBHelvethaicaXRegular;
    font-size: 20px;
    border-radius: 0 !important;
    font-weight: 500;
    letter-spacing: 0.025em;
    line-height: 24px;
    text-transform: uppercase;
    text-align: left;
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
}
#header .top-links>li.menu-item {
	position: relative;
    margin: 0;
    display: inline-block;
    float: left;
    margin-right: 0;
}
#header .header-top .top-links > li.menu-item > a.porto-link-login {
    font-family: 'Roboto';
    font-size: 12px;
    background-color: #222222;
    color: #fff;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	 transform: translate(0, 0);
}
.mega-menu>li.menu-item>a>.fa {
    width: auto;
    margin-right: 5px;
    text-align: center;
    font-size: 14px;
}
.fa-user:before {
    content: "\f007";
}
.mega-menu:after {
    clear: both;
}

/* for header_res.css */
@media only screen and (max-width: 568px){
#header .header-top .container>div, #header .header-main .container>div{display:block;text-align:center;}
#header .gap{visibility: hidden;display:none;}
#header .header-top .mega-menu{visibility:hidden;display:none;}


}

/* End Header with Form Login */

.menuStore{
	width: 100%;	
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-appearance: none;
}
.menuStore_inner{
	margin: 0 auto;
	float: none;

	height:97px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.menuStore_inner ul {
	margin: 0;
	padding: 0;
	overflow: visible;
	float: left;
	width:2023px;
	box-shadow: 1px 0 0 #f5f5f5;
	border-left: #f5f5f5 1px solid;
}
.menuStore_inner ul li {
	/*    list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	background: none; */
}
.menuStore_inner ul li a{
	/*     font-family: DBHelvethaicaXRegular;
    font-size: 22px;
    line-height: 36px;
    color: #ffffff;
    padding: 12.5px 0 3px;
    text-align: center;
    display: block;
	-webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
	

    box-shadow: 1px 0 0 #b70000;
    text-shadow: 1px 1px 1px #980303;
    text-decoration: none;
	min-width: 87px; */
	text-decoration:none;
}
.menu_hot{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_hot_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_hot_wh.svg) no-repeat 50% 50%;
  background-color: #CC0000 !important;  
}
.menu_promotion{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_tag_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_tag_wh.svg) no-repeat 50% 50%;
  background-color: #CC0000 !important;
}
.menu_mobilephone{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_phone_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_phone_wh.svg) no-repeat 50% 50%;
}
.menu_tablet,.menu_tablets{
    -webkit-mask: url(https://store.siamphone.com/images/icon/icon_tablet.svg) no-repeat 50% 50%;
    mask: url(https://store.siamphone.com/images/icon/icon_tablet.svg) no-repeat 50% 50%;
}
.menu_smartwatch{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_smartwatch.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_smartwatch.svg) no-repeat 50% 50%;
}
.menu_phonecases{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_phonecase_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_phonecase_wh.svg) no-repeat 50% 50%;
}
.menu_screenprotection{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_film_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_film_wh.svg) no-repeat 50% 50%;
}
.menu_accessories{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_cable_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_cable_wh.svg) no-repeat 50% 50%;
}
.menu_powerbank{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_powerbank_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_powerbank_wh.svg) no-repeat 50% 50%;
}
.menu_headphonespeakers{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_earphone_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_earphone_wh.svg) no-repeat 50% 50%;
}
.menu_speakers{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_portspeaker_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_portspeaker_wh.svg) no-repeat 50% 50%;
}
.menu_portableplayers{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_portplayer.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_portplayer.svg) no-repeat 50% 50%;
}
.menu_camera{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_camera_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_camera_wh.svg) no-repeat 50% 50%;
}
.menu_video{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_video_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_video_wh.svg) no-repeat 50% 50%;
}
.menu_actioncamcorder{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_actcamvideo_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_actcamvideo_wh.svg) no-repeat 50% 50%;
}
.menu_carcamera{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_carcamera.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_carcamera.svg) no-repeat 50% 50%;
}
.menu_virtualreality{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_vr_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_vr_wh.svg) no-repeat 50% 50%;
}
.menu_computer{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_computer.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_computer.svg) no-repeat 50% 50%;
}
.menu_networkcomponents{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_network.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_network.svg) no-repeat 50% 50%;
}
.menu_smarthome{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_smarthome_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_smarthome_wh.svg) no-repeat 50% 50%;
}
.menu_toysgames{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_game_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_game_wh.svg) no-repeat 50% 50%;
}
.menu_gamesoftware{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_gamesoftware.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_gamesoftware.svg) no-repeat 50% 50%;
}
.menu_televisions{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_electronic_wh.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_electronic_wh.svg) no-repeat 50% 50%;
}
.menu_homeliving{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_home.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_home.svg) no-repeat 50% 50%;
}
.menu_smartcar{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_smartcar.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_smartcar.svg) no-repeat 50% 50%;
}
.menu_simcards{
  -webkit-mask: url(https://store.siamphone.com/images/icon/icon_simcard.svg) no-repeat 50% 50%;
  mask: url(https://store.siamphone.com/images/icon/icon_simcard.svg) no-repeat 50% 50%;
}
.menustore_icon{
    width: 28px;
    height: 28px;
    display: block;
    margin: 0 auto 5px;
	-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #414141;
	
	display:none;
}
a.btn-bestseller ,a.btn-promotion{
    float: left;
    margin: 0;
    background: none;
	font-family: DBHelvethaicaXRegular;
    font-size: 22px;
    line-height: 36px;
    color: #ffffff !important;
    padding: 14px 0 2px;
    text-align: center;
    display: block;
	-webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    box-shadow:1px 0 0 rgba(0, 0, 0, 0.075);
    text-decoration: none !important;
	min-width: 87px;
}
a.btn-bestseller span ,a.btn-promotion span{}	
.menuStore_inner::-webkit-scrollbar-track{background-color:transparent;background:url(//www.siamphone.com/images/scrollbar-button.png)no-repeat;
background-size:100%;}
.menuStore_inner::-webkit-scrollbar{height:10px;background-color:transparent;}
/* .menuStore_inner::-webkit-scrollbar-button {width:15px;background-position:center;} */
.menuStore_inner::-webkit-scrollbar-thumb{border-radius:0;background-color:rgba(126, 1, 1, 0.6);height:5px;position:relative;}
.menuStore_inner::-webkit-scrollbar-thumb::after {
    content: " ";
    bottom: 0;
    margin-left: 22%;
    width: 0px;
    position: absolute;
    height: 0px;
    box-sizing: border-box;
    z-index: 99;
    float: left;
    pointer-events: none;
    cursor: default;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgb(204, 0, 0);
}
.menuStore_inner ul li:hover a {background:#ebebeb;}
.menuStore_inner ul li.active a {background:#cc0000;}
.menuStore_inner ul li.active a .menustore_icon {background-color: #ffffff;}
.menuStore_inner ul li.active a span {color: #ffffff;}
.menuList{display:none;}
.fixed-header .menuList a{display:block;/* width: 37px;height: 37px; */position: relative;text-decoration:none;}
.fixed-header .menuList{
width:39px;height:39px;text-align:left;float:right; display: block;margin-top: 7px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.fixed-header .menuList span{color:#000;font-family:DBHelvethaicaXRegular;padding: 0 0 0;}
.wrapper-dropdown-3 span.showtext{}
.fixed-header  .menuList .menuStore img{width:37px;height:auto;}
.fixed-header .menuStore_inner {position:relative;height:37px;}

.fixed-header h1{display:none;}
.brandExample{
    position: relative;
    width: 70.5%;
    float: left;
    margin: 14px 0 0 3%;
}
.small {
    display:block;
    width: 0;
    overflow: visible;
	margin:0;
}
.small input[type="text"]{display:none;}
.small .subSearch{display:none;}
.small .area-search{display:none;}
.big .subSearch{display:block;}
.big {
    display:block;

    right: 0;
	top :53px;
	
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -ms-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
.big:after {
    right: 11px;
    top: -8px;
    content: " ";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e5e5e5;
    width: 0;
    position: absolute;
    height: 0;
    box-sizing: border-box;
    z-index: 99;
    float: left;
    pointer-events: none;
    cursor: default;
}
.big input[type="text"]{width:;text-indent: 10px;display:block;}
.big input[type="text"]:focus {
    border: 2px solid #e51b13;
    color: rgb(0, 0, 0);
}
.headBtn{
    background-image :url(https://www.siamphone.com/images/icon/icon_search_bar.png);
	background-repeat:no-repeat;
    background-size: 150px 150px;
	display:block;
	padding:0;
	width: 39px;
    height: 39px;
}
.big i.imgSearch{
    background-image :url(https://www.siamphone.com/images/icon/icon_search_bar.png);
	background-repeat:no-repeat;
    background-size: 150px 150px;
	display:block;
	padding:0;
	width: 39px;
    height: 39px;
	position: absolute;
    top: 0;
    right: 0;
	
	background-color:#fff;
	background-position: -42px 2px;
}
.btnOpen{
	background-color:#e51b13;
    background-position:-93px -92px;
}
.btnXclose{
	background-color:#e51b13;
	background-position: -18px -93px;
}
.fixed-header .menuList .btnXclose span{display:none;}


/* Fixed */
.fixed-header {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    padding: 0;
	box-shadow: 1px 1px 3px #c2c4c7;
	background:#fff;
}
.fixed-header .menuStore_inner ul{
    margin-left: 225px;
    width: 900px;
}
.fixed-header .menuStore_inner ul li a{
    height: auto;
    min-width: 81.8px;
    font-size: 20px;
	line-height:26px;
    padding: 11.5px 0 3px;
}
.fixed-header .logo{
	margin: 0;
    position: absolute;
    background: #c00;
    float: none;
    width: 18%;
    height: 75px;
}
.fixed-header #header_cover .logo img{
    width: 150px;
    height: 41px;
    margin:15px 9px 0 0;
    filter: brightness(0) invert(1);
	
	 -webkit-filter: brightness(0) invert(1);
	-moz-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
	-o-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.fixed-header #header_cover{
	height:0;
	padding:0px 3px 0 3px;
}
.fixed-header .socialBaged{
	display:none;
}


.fixed-header .big{
    position: absolute;
    margin: 0;
    width: 96%;
    padding: 1% 2% 1%;
    z-index: 99;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: ;
    box-shadow: 0 4px 0px rgba(0,0,0,0.3);
}
.fixed-header .big .subSearch {
    display: block;
}
.fixed-header .big .searchinList{
	width:100%;
}
.fixed-header .big .search-in-tab{
    margin: 0;
}
.fixed-header .big .search-in-tab input[type="text"]{
    border: 2px solid #e51b13;
    margin-top: -1px;
    margin-bottom: 0;
    width: 98.5%;
    padding: 4px 0;
}
.fixed-header .bl-1{
	border-left: 1px solid rgba(0, 0, 0, 0);
}
.fixed-header .big .priceBar {
    width: 25%;
    float: left;
    margin: 0 0 0 0.5%;
    border-radius: 0;
    border: 1px solid #e5e5e5;
}
.fixed-header .big .nstSlider {
    width: 55%;
    margin: auto;
    height: 0;
    border-radius: 0;
}
.fixed-header .big .nstSlider .bar {
    height: 10px;
}
.fixed-header .big .nstSlider .rightGrip,.fixed-header .big .nstSlider .leftGrip{
	top:18px;
}
.fixed-header .big  input[type="text"].price_range_input{
	box-shadow: none;
    width: 20%;
    margin: 4px 3px;
    float: left;
    padding: 0;
    text-align: center;
    border-radius: 0;
    border: 0;
    text-indent: 0;
}
.fixed-header .big  input[type="text"]:last-child.price_range_input {
    float: right;
    border-radius: 0 0;
}
.fixed-header .big .wrapper-demo {
    margin: 0 0 1% 0;
    margin: 0 0 0 0.5%;
    font-weight: 400;
    float: left;
    position: relative;
    width: 150px;
}
.fixed-header .big .wrapper-dropdown-3 {
    position: relative;
    /* width: 200px; */
    margin: 0;
    padding: 0 40px 0 10px;
    background: #fff;
    border-radius: 0;
    border:1px solid #e5e5e5;
    cursor: pointer;
    outline: none;
    font-weight: 100;
    color: #333;
    font-family: DBHelvethaicaXRegular;
    font-size: 24px;
}
.fixed-header .big  .cover-advance {
    width: 205px;
    float: left;
    border-radius: 0;
    margin: 0 0 10px 0.5%;
}
.fixed-header .big .btn-advance {
    width: auto;
    margin: 0 0;
    padding: 15px 10px 15px 28px;
    background: #fff;
    border:1px solid #e5e5e5;
    cursor: pointer;
    outline: none;
    font-weight: 100;
    font-family: DBHelvethaicaXRegular;
    font-size: 24px;
    border-radius: 0;
}
.fixed-header .big .btn-advance:hover{
	color:#c00;
	border:1px solid #c00;
}
.fixed-header .big .btn-advance:hover::before{
	background-position: -60px -20px;
}
.fixed-header .big .btn-advance:hover::after{
	border-color: #c00 transparent;
}
.fixed-header .big .btn-advance::after{right:8px;}
.fixed-header .big .open-advance{
    margin-bottom: 1%;
}
.fixed-header .big .open-advance .wrapper-demo {
    width: 32.6%;
    margin: 0 0 0.5% 1%;
}
.fixed-header .big .open-advance .wrapper-dropdown-3 {
    border-left: 1px solid rgba(0,0,0,0.15);
    border: 1px solid #ddd;
}
.fixed-header .big .area-search{
    width: auto;
    max-width: 100%;
    padding: 0;
    min-height: 0;
	display:block;
}
.fixed-header .big .area-search ul.cate{width: 1562px;}
.fixed-header .big .area-search ul.cate li{min-width:120px;}
.fixed-header .big .area-search ul.cate li:last-child{border-right:1px solid #ebebeb;}
.fixed-header .easy-autocomplete{width:100% !important;}
.fixed-header .easy-autocomplete-container ul{
    margin-left: 0;
    top: 50px;
    left: 5px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    width: 99%;
}
.fixed-header .easy-autocomplete-container ul li:last-child{
    border-radius: 0 0 2px 2px;
    border-width: 0;
}
.fixed-header .easy-autocomplete-container ul li{
    width: 97.4%;
}
.fixed-header .btn-filter{display:none;}
.fixed-header .searchinList i{display:none;}
.fixed-header .easy-autocomplete-container{
    left: 0;
    right: 0;
    top: 0;
}
.fixed-header .easy-autocomplete-container ul{
    top: 37px;
	left:0;
}




.fixed-header .total_products #total_result{padding:6px 0 9px 5px;}
.fixed-header .cover_search{width:1170px;margin: 0 auto;position:relative;}

.fixed-header .switchHead{ margin-top: 4px; margin-bottom: 4px;}
.fixed-header .sortMenu{margin-top: 6px;margin-bottom:6px;}
.fixed-header .cover_headshop{width:auto;}
.fixed-header h1.shopHeader{/* margin: 5px 0 0; */ padding:0; display:block;text-indent:90px;font-size:25px;line-height: 39px;}
.fixed-header h1.shopHeader img{height:53px;left:10px;top:-53px;position:absolute;}
.fixed-header .bullet{margin:0 5px 5px;display:none;}
.fixed-header .cover_something_wrong{display:none;}
.fixed-header ul.cate ul{top:144px!important;padding:10px 10px 0;width:98%;left:0;}



/*header res*/
#statistic{width:210px;min-height:30px;text-align: right;padding:0;display: inline-block;margin-top: 0;float:right;}
.share-btn {
	display: inline-block;
    border-radius: 8px;
	position:relative;
    background: #fafafa;
	text-align: center;
}
.share-btn img{
    width: 35px;
    height: auto;
    vertical-align: bottom;
}
#truehits_div{
	display: inline-block;
}
#truehits_div a{
    padding: 8px 10px 7px;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 6px;
}	
#open-right{display:none;}.menuStore_inner ul li a span.en {display:none;}.CloseRight{display:none;}header .menuStore{display: block;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;top: 0;right:-80%;width:80%;float:right;}.move{right:0 !important;display:block !important;}#lang{right:0;top:5px;}


.pn-ProductNav_Wrapper {
  position: relative;
  padding: 0;
  box-sizing: border-box;
}

.pn-ProductNav {
  /* Make this scrollable when needed */
  overflow-x: auto;
  /* We don't want vertical scrolling */
  overflow-y: hidden;
  /* For WebKit implementations, provide inertia scrolling */
  -webkit-overflow-scrolling: touch;
  /* We don't want internal inline elements to wrap */
  white-space: nowrap;
  /* If JS present, let's hide the default scrollbar */
  /* positioning context for advancers */
  position: relative;
  font-size: 0;
}
.js .pn-ProductNav {
  /* Make an auto-hiding scroller for the 3 people using a IE */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* Remove the default scrollbar for WebKit implementations */
}
.js .pn-ProductNav::-webkit-scrollbar {
  display: none;
}

.pn-ProductNav_Contents {
  float: left;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  position: relative;
}

.pn-ProductNav_Contents-no-transition {
  -webkit-transition: none;
  transition: none;
}

.pn-ProductNav_Link {
  text-decoration: none;
  color: #888;
  font-size: 1.2rem;
  font-family: -apple-system, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0 solid transparent;

    box-shadow: 1px 0 0 #f5f5f5;
    text-decoration: none;
	min-width:85px;
}
.pn-ProductNav_Link + .pn-ProductNav_Link {
  border-left-color: #eee;
}
.pn-ProductNav_Link[aria-selected="true"] {
  color: #111;
}

.pn-Advancer {
  /* Reset the button */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  /* Now style it as needed */
  position: absolute;
  top: 0;
  bottom: 0;
  /* Set the buttons invisible by default */
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.pn-Advancer:focus {
  outline: 0;
}
.pn-Advancer:hover {
  cursor: pointer;
}

.pn-Advancer_Left {
  left: 0;
}
[data-overflowing="both"] ~ .pn-Advancer_Left, [data-overflowing="left"] ~ .pn-Advancer_Left {
  opacity: 1;
}

.pn-Advancer_Right {
  right: 0;
}
[data-overflowing="both"] ~ .pn-Advancer_Right, [data-overflowing="right"] ~ .pn-Advancer_Right {
  opacity: 1;
}

.pn-Advancer_Icon {
  width: 20px;
  height: 44px;
  fill:rgba(0, 0, 0, 0.25);
}
.pn-Advancer_Icon path{
	opacity:1;
}
.pn-ProductNav_Indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100px;
  background-color: transparent;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out, background-color .2s ease-in-out;
  transition: transform .2s ease-in-out, background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
.menuStore ul{
/* 	padding:0;
	margin:0; */
}
.menuStore span{
    font-family: DBHelvethaicaXRegular;
    font-size: 21px;
    line-height: 35px;
	color:#222222;
    padding: 0 8px;
} 
.menuStore img{
    width: 45px;
    height: auto;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}
/* .menuStore:last-child img{
	width:14px;
	height:auto;
    margin: 0;
    padding: 25px 31px 0;
} */
.pn-ProductNav_Link a{
	text-decoration:none;
    min-height: 44px;
    min-width: 85px;
    text-align: center;
    padding: 16px 0 0 0;
}
.pn-ProductNav_Link a.small span{
    font-size: 19px;
}
/*
@media only screen and (min-width: 1024px) and (max-width:1200px){
header{display:block; width: 100%;}
header #header_cover{padding: 10px 0.5% 10px 0.5%;width: 99%;height: 55px;}
header .menuStore{display:block !important;}
.menuStore_inner{width:100%;}
.menuStore_inner ul{width:100%;}
.menuStore_inner ul li{width:10%;}
.menuStore_inner ul li a{width:100%;padding:11.5px 0;min-width:auto;}
.menuStore_inner ul li:nth-child(2) ul.sub_bar li ul li a {width: auto;}
.menuStore_inner ul li:nth-child(4) ul.sub_bar li a {width: auto;}
.menuStore_inner ul li:nth-child(3) ul.sub_bar li a{width:auto;}
.menuStore_inner ul li:hover ul.sub_bar li:hover ul.menuSpec, .menuStore_inner ul li:hover ul.sub_bar li:hover ul.menuTablet{width: 646px;}
.menuSpec li:nth-child(5n), .menuTablet li:nth-child(5n) { border-right: 1px solid #e2e2e2;}
.menuSpec li:nth-child(6n), .menuTablet li:nth-child(6n){ border-right: 0;}
.menuSpec li, .menuTablet li {width: 106.7px !important;}
.menuStore_inner ul li ul.sub_bar li.allBrandSmartphone , .menuStore_inner ul li ul.sub_bar li.allBrandTablet{width: 106.7px !important;}
.menuStore_inner ul li ul.sub_bar li.allBrandSmartphone a, .menuStore_inner ul li ul.sub_bar li.allBrandTablet a{font-size: 19px;line-height: 31px !important;}
.shp{padding: 11.5px 0 !important;}.shoppingIcon {left: 53%;}.socialBaged{width:28%;margin:10px 0 0 0;}ul.all_lang li{width:50% !important;}#top_share{float:right;}
}
@media only screen and (min-width: 768px)  and (max-width: 1023px){
#wrapper{background:red; }
header{display:block;width:100%;}
header #header_cover{padding: 3px 0.5% 0 0.5%;width: 99%;height:85px;}
header .menuStore{display:block !important;}
header .logo {width: 100%;text-align:center;padding:0 0 0 0;}
header .logo img {width:100%;max-width:180px;height:auto;}
header #banner{width:70%; margin-right: 0;margin:0;height: 70px;padding: 1% 0 0 0;}
header #banner img{width:100%;height:auto;}
.CloseRight{display:none;}
.menuStore_inner{width:100%;height: 98px;background:#fff;}
.menuStore_inner ul{width:97%;margin:0 1.5%;box-shadow:none;}
.menuStore_inner ul li{width: 20%;margin:0;background:#c00;border-radius:0;box-shadow:-1px -1px 0px #b40000;}
.menuStore_inner ul li a{width:100%;padding:13px 0 11px;box-shadow: none;}
.menuStore_inner ul li a img{width:28px;height:auto;display:block;margin:0 auto 5px;}
.menuStore_inner ul li:nth-child(2) a, .menuStore_inner ul li:nth-child(3) a, .menuStore_inner ul li:nth-child(4) a{background-position: 90% 50%;}
.menuStore_inner ul li:nth-child(2) ul.sub_bar li ul li a {width: auto;}
.menuStore_inner ul li:nth-child(4) ul.sub_bar li a {width: auto;}
.menuStore_inner ul li:nth-child(3) ul.sub_bar li a{width:auto;}
.menuStore_inner ul li:hover:nth-child(4) ul.sub_bar{right:0;}
.menuNews {width: 483px !important;}
.menuNews li {width: 49.9% !important;}
.menuWebboard , .menuSpec , .menuTablet{display:none !important;}
.menuStore_inner ul li:nth-child(2) ul.sub_bar li a{width:95.5%;}
.menuStore_inner ul li:nth-child(2) ul.sub_bar li a.rightArr ,.menuStore_inner ul li:nth-child(2) ul.sub_bar li:hover a.rightArr{background-image:none;}

.fixed-header #header_cover{padding:0;width:100%;}
.fixed-header .menuStore_inner{height:50px;}
.fixed-header .logo{width:25%;}
.fixed-header .menuStore_inner ul{width: 69%;margin-left: 25%;margin: 0 0 0 25%;}
.fixed-header .menuStore_inner ul li {width:10%;}
.fixed-header .menuStore_inner ul li a{padding:10px 0 13px;}
.fixed-header .menuStore_inner ul li a span{display:none;}
.fixed-header .menuList{width:6%;}
.fixed-header .menuList a, .headBtn{width:100%;}
.big{width:68.5%;}

.shp{padding: 11.5px 0 !important;}
.shoppingIcon {left: 73%;}
.socialBaged{display:none;}
ul.all_lang li{width:50% !important;}#top_share{float:right;}
}
*/
@media only screen and (max-width: 1224px) and (min-width: 1024px){header .menuStore{width:78%;}}
@media only screen and (max-width: 1023px) and (min-width: 767px){header .menuStore{width:72%;}}
@media only screen and (max-width: 767px){header .menuStore{height: 100%;width: 80%;position: fixed;z-index: 8;top: 0;right: -82%;background: rgba(251,251,251,0.95);box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);display:block;}#open-right{background:none;display:block;width:42px;height:42px;background-size:100%;right:2%;left:auto;top:24px;position: absolute; padding: 0 10px;font-size: 18px;font-family: DBHelvethaicaXRegular;font-weight: 300;text-transform: uppercase;line-height: 19px;display: block;z-index: 9;}#open-right font{display: inline-block;vertical-align: text-top;font-size: 35px;font-weight: 100;display:none;}#open-right i{font-size: 40px;margin: 0;margin-left: 8px;line-height: 35px;margin-top: 2px;color:#222222;}.CloseRight{width:100%; background: #222;display: block; height: 100px;}.CloseRight h1{display: block;vertical-align: inherit;font-size: 35px;font-weight: 100;color: #fff;position: absolute;left: 9%;top: 2%;width: 100%;padding: 13px 0 0 0;font-family: DBHelvethaicaXRegular;}#close-right{background: none;display: block;width: 42px;height: 42px;background-size: 100%;right: 5%;left: auto;top: 24px;border: 2px solid rgba(255, 255, 255, 0.39);position: absolute;font-size: 18px;font-family: DBHelvethaicaXRegular;font-weight: 300;text-transform: uppercase;line-height: 19px;display: block;z-index: 9;color:#fff;}#close-right i{font-size: 40px;margin: 0;margin-left: 5px;line-height: 35px;margin-top: 3px;}.menuStore_inner{width: 100%;position: absolute;top: 100px;min-height: 201px;z-index: 999;height: 100%;padding: 0 0;}.menuStore_inner ul{width:100%;padding: 0;border-top:1px solid #d6d6d6;}.menuStore_inner ul li{width: 33.3%;float:left;margin-bottom: 0;text-align: center;border-bottom: 1px solid #d6d6d6;box-shadow: 1px 0 0 #d6d6d6;}.menuStore_inner ul li:first-child {/* border-top: 1px solid rgba(191, 191, 191, 0.43); */}.menuStore_inner ul li a{width: 100%;padding: 10px 0 3px;font-size: 24px;box-shadow: none;margin: 0;text-align: left;text-indent:0;background-color: transparent;background-image:none;text-shadow:none;color:#000;}.menuStore_inner ul li:hover a {background-image:none;}.menuStore_inner ul li a span.en{font-size: 10px;padding-left: 10px;text-transform: uppercase;color: rgba(60, 60, 60, 0.47);display: inline;font-family: 'Roboto';font-weight: 400;}.menuStore_inner ul li:hover a span.en {color:#fff;}.menuStore_inner ul li:hover ul.sub_bar{display: none;}.menuStore_inner ul li:nth-child(2) ul.sub_bar li a.rightArr ,.menuStore_inner ul li:nth-child(2) ul.sub_bar li:hover a.rightArr{background-image:none;}.shp { padding: 20px 0 !important;}.shoppingIcon{display:none;}#blackBG{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: block;position: fixed;z-index: 1;}.subMenubar{width: 100%;position: absolute;min-height: 201px;z-index: 9;padding: 0 0;background-color: rgb(255, 255, 255);overflow-x: hidden;overflow-y: scroll;height: 100%;}ul.all_lang li {width: 100%;border-bottom: 0;}ul.all_lang li:first-child {border-top:0;}#lang{position: absolute;right: 70px;top: -67px;}#lang:hover ul.all_lang{display: block;padding: 15px 4px 20px 30px;right: 0;min-width: 160px;}#lang div.triang{border-color: #ffffff transparent transparent transparent;}#lang:hover div.triang{border-color: #b1b1b1 transparent transparent transparent;}.cover_lang{background:transparent;}.socialBaged {display:none;}#top_share{height: 30px;margin-top: 2px;width:100%;}#top_share .s_icon {margin-right: 5px;margin-bottom: 5px;}
.menuStore span{line-height:26px;display:block;text-align:center;}.pn-ProductNav_Link a.small span{font-size:22px;}a.btn-bestseller, a.btn-promotion{width:50%;display:none;}
}
@media only screen and (min-width: 480px)  and (max-width: 767px){#wrapper{/* background:green; */}header{display:block; width: 100%;}header #header_cover{padding: 3px 0.5% 0 0.5%;width: 95%;height: 75px;overflow:visible;}header .logo {width: 100%; padding:0 0 0 0;text-align:left;}header .logo img {width:100%;max-width:200px;height:auto;}header #banner{width:100%; margin-right: 0;margin:0;height: 70px;padding: 2% 0 0 0;}header #banner img{width:100%;height:auto;}#lang { right: 80px;}.fixed-header #header_cover{height:50px;background: #c00;width: 100%;}.fixed-header #open-right{top:4px;}.fixed-header #open-right i{color:#fff;}.pn-ProductNav_Contents{overflow-y:auto;overflow-x:hidden;height: 200px;}}
@media only screen and (max-width: 568px){#wrapper{/* background:yellow; */}header{display:block; width: 100%;}header .clearfix{width:100% !important;right:-102%;}header #header_cover{padding: 3px 0.5% 0 0.5%;width: 95%;/* height: 85px; */overflow:visible !important;}header .logo {width: 100%; padding:0 0 0 0;text-align:left;}header .logo img {width:100%;max-width:170px;height:auto;margin-top:10px;}header #banner{width:100%; margin-right: 0;margin:0;height: 70px;padding: 2% 0 0 0;}header #banner img{width:100%;height:auto;}#lang{}#lang:hover ul.all_lang{padding: 5px 4px 5px 30px;}.fixed-header #header_cover{height:50px;background: #c00;width: 100%;overflow:visible;}.fixed-header #open-right{top:4px;}.fixed-header #open-right i{color:#fff;}}
@media only screen and (max-width: 480px) and (min-width: 100px){#wrapper {/* background:#b1fdff; */}header .menuStore{height: 100%;width: 80%;position: fixed;z-index: 999;top: 0;right: -82%;background: rgba(251,251,251,0.95);box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);display:block;}#lang { right: 60px;}.pn-ProductNav_Contents{overflow-y:auto;overflow-x:hidden;height: 400px;}}