/* CSS Document */
@media (max-width:817px){
/*==========================================================================*/
/*ซ่อนเนื้อหา*/
.menuTop ,
.main .secHead .headDetail .sh1 .shSearch
{
	display:none;
}
.main .secHead {
	padding-top: 0px;
	padding-bottom: 3px;
	background-image: url(images/bg_dot.png);
}
.main .secHead .headDetail .sh1 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9d9d9+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(217,217,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ed1c24;
}
.main .secHead .headDetail .sh1 .shCart {
	display:none;
}
.main .secHead .headDetail .sh1 .imgLogo {
    width:220px;
}
.main .secHead .headDetail .sh1 .clickmbmenu {
	display:block;
}
.main .secHead .headDetail .sh2 .shCart {
	display:block;
    padding-top: 0px;
	bottom: 0px;
}
.main .secHead .headDetail .sh2 .shCart .cartIco{
	background-image: url(images/ico_cart_red2.png);
	height: 30px;
	width: 28px;
}
.main .secHead .headDetail .sh2 .shCart .cartNum {
	font-size: 18px;
	line-height: 22px;
	height: 22px;
	width: 30px;
}

.main .secHead .headDetail .sh2.vDesktop {
	display:none;
}
.main .secHead .headDetail .sh2.vMoblie {
	display:block;
}
.main .secHead .headDetail .sh2.vMoblie .mbMenu{
	background-color: #ed1c24;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.main .secHead .headDetail .sh2.vMoblie .mbMenu .bxMainMn{
	background-color: #FFF;
}
.main .secHead .headDetail .sh2.vMoblie .mbMenu .bxMainMn a{
	display: block;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #dde2e7;
}
.main .secHead .headDetail .sh2.vMoblie .mbMenu .bxMainMn a:last-child{
	border-bottom-style: none;
}
.main .secHead .headDetail .sh2.vMoblie .mbMenu .bxMainMn a.sel{
	color: #555555;
}
.main .secHead .headDetail .sh2.vMoblie .mbMenu .bxSgMn{
	width: 240px;
	margin: auto;
}
.main .secHead .headDetail .sh2.vMoblie .mbMenu .bxSgMn.login{
	width: 270px;
}
.main .secHead .headDetail .sh2.vMoblie .mbMenu .bxSgMn a{
	background-repeat: no-repeat;
	background-position: right center;
	padding: 10px;
	display: block;
	float: left;
	width: 50%;
	color: #FFF;
}
.main .secHead .headDetail .sh2.vMoblie .mbMenu .bxSgMn a.sg{
	background-image: url(images/ico-paper.png);
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #FFF;
	background-position: 80px;
}
.main .secHead .headDetail .sh2.vMoblie .mbMenu .bxSgMn a.ln{
	background-image: url(images/ico-login.png);
	background-position: 80px;
}
.main .secHead .headDetail .sh2.vMoblie .mbMenu .bxSgMn.login a.sg,
.main .secHead .headDetail .sh2.vMoblie .mbMenu .bxSgMn.login a.ln{
	background-position: 105px;
}
.main .secHead .headDetail .sh2.vMoblie .mnCall{
	height: 70px;
	padding-top: 10px;
}
.main .dataSec1 .t1{
	display:none;
}
.main .dataSec1{
	border-top-width: 1px;
	border-top-color: #d3dae1;
}
/*==========================================================================*/
}
