/*style 3*/
@media screen and (max-width: 1350px) {.navHome {display:none !important;}.mm{padding:unset;}}
.random-items.three-fr {grid-template-columns: 1fr 1fr 1fr;grid-gap: 15px 4%;}
.random-ttl	h5{margin:6px 0 !important;}
.random-ttl	h5 a {margin-top:5px !important;font-weight:400}
.boxPrdPrice{width:auto;opacity:.8;position:absolute;right:0px;bottom:-100%;background-color:#ff0000;color:#ffffff;padding:1px 5px;border:1px solid #d96c00;font-size:18px;border-radius:10px 0 0 0;}
.iconSale{ position:absolute;margin-right:15px;margin-bottom:5px;height:65px;z-index:2}
.font-w300{font-weight:300;}
.font-w400{font-weight:400;}
.font-w500{font-weight:500;}

nav {font-family:Kanit;	width:100%;	height:50px;	padding-top:4px;}
nav ul {display: flex;align-items: center;	justify-content: space-around;padding: 8px 0;	font-size: 22px;	color:#ffffff !important;}
nav li {text-align: center;list-style:none;color:#ffffff;}

ul li:hover > ul,ul li ul:hover {	opacity: 1;display: inline-block;	visibel: block;}
ul li ul {	background: #ff925e;	opacity: 0;min-width: 11rem;	position: absolute;	transition: all 0.5s ease;margin-top: 1rem;	left: 0;	margin-left: 3px;	padding-left: 1px;	display: none;}
ul li ul li {clear: both;width: 100%;}

li {display: block;float: left;padding: 0rem;position: relative;text-decoration: none;transition-duration: 0.5s;}
li:hover {cursor: pointer;}

ul li, ol li {margin-right: 10px;}


.boxPrd{margin:5px !important;}

.mm{padding: 0 5px;position:relative;}
.mm:hover {background-color: #ff4800;color:#ffffff !important;padding:5px 8px;border-radius:0 10px 0 0}
.boxSub{margin-top:29px;margin-left:0px;}
.subM:hover a{color:000;}
.subM:hover{background-color:#d96c00b3;}
.subM{text-align:left !important;margin:0px;padding:5px 5px 5px 15px;font-size:16px;margin-left:-12px;font-weight:300 !important;}

.iconMenu{margin-top:-6px;}

.sLink{padding:2px !implode;margin:3px!important;font-size:16px;}
#mainMenu ul li a, ol li a {font-weight: 300;font-size: 1.1rem !important;}

.boxGroup a{color:#262626 !important;}
.boxSub a{color:#ffffff;}
.boxSub a:hover{color:#265cff !important;}

.limitLine1{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.limitLine2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.limitLine3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.entry-title {font-size: 42px;}
.clear {clear:boht}
.height-45 {height:45px;}
.random-image {overflow: hidden;position: relative;height: 275px;}
.col-p5{padding:5px !important;}
			
.boxPrice{position: absolute;bottom:1px;background-color: #090808;color:#ddd;z-index:2;text-align:center;border-radius: 0 10px 10px 0;width:72px;font-weight:400;font-size:18px }

.boxCode { font-weight: 400; font-size: 14px; position: absolute; right: 0; bottom: 3px; background-color: #d5d3d3b3; z-index: 2; text-align: center; border-radius: 10px 0 0 10px; padding: 0 3px 1px 7px; color: #ffffffd6; } 
.pNo {width: 52px; border: 1px solid #aaaaaa; margin: 1px; background-color: #eeeeee; text-align: center; font-size: 24px; height: 42px; padding-top: 2px; }
.pActive{color:#ffffff;background-color:#ff6600;font-weight:bold}
.tdTypeActive{color:#ffffff;background-color:#ff6600;font-weight:bold;padding:1px 5px;font-weight:400 !important;}

.tdTypeMobile{font-size:16px;padding:1px 10px}
.tdTypeActiveMobile{font-size: 18px;padding: 1px 10px !important;border: 1px solid #eeeeee;background: #f00 !important;}

.btnActive{border:1px solid #265cff;padding:1px 15px;background-color:#3a57c8;color:#ffffff;font-size:22px;border-radius:22px 0 0 22px;}
.btnType{border:1px solid #888888;padding:1px 5px;background-color:#777777;color:#ffffff;font-size:16px;border-radius:22px 0 0 22px;}
.btnType:hover{background-color:#0000b3;color:#ffffff !important}
.btn-new{border-radius:22px 0 0 22px;}
.btn-2h{border-radius:0 22px 22px 0;}

.feat-categ-item-right {float: right; position: relative; width: 48%; height: 120px; margin-bottom: 20px; }
.bnchSale { position: absolute; top: -15px; border-radius: 0 25px 25px 0; background-color: #eeeeee; padding: 0px 15px 1px 20px; z-index: 1; width: 80%; padding-left: 128px; }

.shadowBar1{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.shadowBar {
	box-shadow:0px 21px 18px rgba(0,0,0,0.16), 0 3px 0px rgba(0,0,0,0.23);
	margin-bottom: 20px;
	padding-bottom: 9px;
	padding-left:25px;
}

.bgMagGName{background-color:#ffffff }

.btn-prd-type {
	position: absolute;
	top: 5px;
	right: 22px;
	border: 1px solid #bbbbbb;
	padding: 5px;
	font-size: 14px;
	border-radius: 10px;
	background-color: #bbbbbb;
}

.btn-type{padding:1px 5px;}


	
/*Bar*/
	.bgBarTitle{margin:3px;line-height:30px;position:absolute;z-index:5;top:12;left:32px;height:100px;width:100%}
	.bgBar1{position:absolute;top:0;height:100px;width:100%;background: linear-gradient(92deg, rgba(255,255,255,1) 41%, rgba(255,114,255,0) 117%);z-index: 3;left: 0;}	
	.bgBar2{background-size: cover;background-position: center;position:absolute;top:0;height:100px;right:0;width:100%;z-index:2}
	
/*nav*/	
.postnav-image{width:100px;height:100px;border-radius:0;}
.post-next i, .post-prev i { left: 42px; line-height: 102px; } 

/*footer*/	
footer{margin-top:30px;border-top:3px solid #ff0000;border-bottom:3px solid #ff8000;}
footer h2{margin:2px !important;}
footer .fab{font-size:22px !important;}
.mgt-0{margin-top:-30px;}
.pdt-100{padding-top:50px;}
.shadowBottom { height: 120px; position: absolute; top: -125px !important; margin: 0 auto; width: 90%; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; border-radius: 50%; z-index: 1; }	

/*view_gorup_pc*/
.boxPrdThumb {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.boxPrice{width:72px;font-weight:400;font-size:18px}
.pNo {width: 52px; border: 1px solid #aaaaaa; margin: 1px; background-color: #eeeeee; text-align: center; font-size: 24px; height: 42px; padding-top: 2px; }
.pActive{color:#ffffff;background-color:#ff6600;font-weight:bold}
	
.btnActive{border:1px solid #265cff;padding:1px 15px;background-color:#3a57c8;color:#ffffff;font-size:22px;border-radius:22px 0 0 22px;}
.btnType{border:1px solid #888888;padding:1px 5px;background-color:#777777;color:#ffffff;font-size:16px;border-radius:22px 0 0 22px;}
.btnType:hover{background-color:#0000b3;color:#ffffff !important}

.btn-new{
border-radius: 22px 0 0 22px;
background-color: #b7b7b7;color: #fff !important;padding: 0 10px;}
.btn-2h{border-radius:0 22px 22px 0;background-color: #b7b7b7;color: #fff !important;padding: 0 10px;}

.tName{color:#ff4000;}
/*--------- */
.magHead {
	position: fixed;
	z-index:99;
	top:0;
	left:0;
	width:100%;
	height: 56px;
	/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
	box-shadow: 0 10px 12px -11px rgba(0, 0, 0, 0.75);
	background-color: #ffffff !important;
	padding:5px !important;
}



ul li ul {background: #ff8f00;opacity:.9 !important;}
.subM:hover {background-color: #ff0000c7;}
.boxSub a:hover {color: #ffffff !important;font-weight:500 !important;font-size:20px !important;}

/*footer*/	
footer p{font-size:18px !important;}

.shadowLeft {
position: absolute;
left: -70px;
width: 50px;
height: 400px;
top: 100px;
border-right: 2px solid #bbbbbb;
background: #777;
-webkit-box-shadow: 0 0 30px 17px #486685;
-moz-box-shadow: 0 0 30px 17px #486685;
box-shadow: 0 0 30px 17px #486685;
border-radius: 50%;
}

/*view_mag_detail*/
	.btn-buy:hover{
		box-shadow: 0 0 30px 17px #486685;
	}
	.btn-buy{
	cursor:pointer;
	border: 1px solid #bbbbbb;
	padding: 15px;
	background-color: #ff8800;
	color: #ffffff !important;
	border-radius: 30px;
	font-weight: 400;
	text-align: center;
	transition: all .5s ease;
}

/*cover view_detail*/
.cover-logo-desktop {
	position: absolute;
	z-index: 3;
	top:5px;
	box-sizing: border-box;
	width: 80%;
	text-align: center;
}
/*cover view_detail*/
.cover-logo {
	position: relative;
	z-index: 3;
	top:5px;
	box-sizing: border-box;
	width: 80%;
	text-align: center;
}

.boxLogoLeft{
	border:1px solid #00000091;
	background-color:#0b000052;
	padding:17px 10px;
	border-radius:0 0 20px 20px;
}
/*view right*/
#main-area {
	flex: 1;
	box-sizing: border-box;
	width: 90%;
	margin-bottom: 80px;
	padding: 0px 5% 0 5%;
}
.menuView {
	position: sticky;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	background-color: #ffffffb3;
	color: #ffffff;
	border-radius: 0 0 32px 32px;
	border:0;
}



/*cover_txt*/
	.cover-sidebar-left {width: 42% !important;}
	.cover-sidebar-right {width: 42% !important;}
	.cover-widgets .widget {margin-top: 31px;margin-bottom: 42px;}
	.shake{animation: shake 0.5s;animation-iteration-count: infinite;}
	@keyframes shake {
	  0% { transform: translate(1px, 1px) rotate(0deg); }
	  10% { transform: translate(-1px, -2px) rotate(-1deg); }
	  20% { transform: translate(-3px, 0px) rotate(1deg); }
	  30% { transform: translate(3px, 2px) rotate(0deg); }
	  40% { transform: translate(1px, -1px) rotate(1deg); }
	  50% { transform: translate(-1px, 2px) rotate(-1deg); }
	  60% { transform: translate(-3px, 1px) rotate(0deg); }
	  70% { transform: translate(3px, 1px) rotate(-1deg); }
	  80% { transform: translate(-1px, -1px) rotate(1deg); }
	  90% { transform: translate(1px, 2px) rotate(0deg); }
	  100% { transform: translate(1px, -2px) rotate(-1deg); }
	}


	
/*home*/	
.prdPriceMin{background-color: #238c00; color: #ffffff; border-radius: 8px; padding: 0px 5px; font-size: 0.8em; margin-right:3px; }
.prdCodeMin{background-color: #ff0000; color: #ffffff; border-radius: 8px; padding: 0px 5px; font-size: 0.7em; margin-right:3px; }
.boxCode { font-weight: 400; font-size: 14px; position: absolute; right: 0; bottom: 3px; background-color: #d21313b3; z-index: 1; text-align: center; border-radius: 10px 0 0 10px; padding: 0 3px 1px 7px; color: #ffffffd6; } 

.boxTitleSpecial{position: sticky; top: 52px; z-index: 3; background-color: #ffffff; margin-bottom:10px;padding-top:10px;margin-left:-7px !important; }
.boxTitleSpecialIpadPro{position: sticky; top: 104px!important; z-index: 3; background-color: #ffffff; margin-bottom:10px;padding-top:10px; }
.fixTitleBar{position: sticky; top: 54px; z-index: 3; margin-bottom:0px; }

/*menuTablet*/
.gMag a{display:block;color:#000000 !important;padding:3px 10px;text-align:left;}
.catMag{position:absolute;background-color:#ffffff;border:1px solid #ff0000;width:180px;z-index:999;}

/*--fnd fnd_search */
#searchid{
        width:300px;
		  padding-left:20px;
    }
    #resultSearch{
        position:absolute;
        width:428px;
		  margin-left:30px;
        padding:5px;
        display:none;
        margin-top:-1px;
        border-top:0px;
        overflow:hidden;
        border:1px #CCC solid;
        background-color: #ffffff;;
    }
    .show{
        padding:5px; 
        border-bottom:1px #999 dashed;
        font-size:15px; 
        height:55px;
    }
    .show:hover{
        background:#dddddd;
        color:#242415;
        cursor:pointer;
    }
	 
/*body_right_sale ---------------*/	 
.boxImgSale{
width:100%;	
position:relative;
overflow:hidden;
background-size:cover;
background-position:center center;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%; 
background-size: 100% 100%;
}
.prdSaleName{margin:5px 1px 10px 1px;}
.prdSaleNameMobile{font-size:1.1em;font-weight:300; line-height:1.1em;}
.boxPrdSale{width:100%;position:relative;border:1px;solid #bbbbbb;text-align:center;overflow:hidden}

/*home menu---------------*/	 
.catMenuName{
	margin: 0 !important;
	padding: 10px  !important;
	background: #ff0000 !important;
	color: #ffffff !important;
	width: 100% !important;
	display: block !important;

}
.gMagName:hover a {color: #111111  !important;}
.gMagName:hover {background-color: #ffffff  !important;}
.gMagName a{color:#ffffff;font-weight:300 !important;}
.gMagName {
	position:relative;
	margin: 0 !important;
	padding: 6px 0 8px 35px  !important;
	width: 100%  !important;
	display: block  !important;
	background-color: #555555  !important;
	border-bottom:1px solid #666;
}
.boxHomeMenu{font-size:1.4em;background-color:#cccccc;border:1px solid #ce7272;box-shadow: -60px 0px 100px -140px #fff0, 80px -1px 69px -86px #000}
.iconmenu{
	position:absolute;
	left:0;
	top:4px
}
.boxMenu{
	background-color:#ffffff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.logo-tablet{height:42px;margin-left:-1px;margin-top:-1px;}

.boxClear{clear:both;height:155px;background-color:#ffffff;}


 /*img bar---------------*/	 
.imgBar{width:100% !important;margin:30px 0;}
.imgBar1{width:100% !important;margin:30px 0;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.bar{background-color:#eeeeee;padding:10px;}
.txtBar{color:#000;padding:10px;font-size:3em;margin:0px;}
.barFnd{width:100%;background-color:#ff0000;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;border-radius:0 0 10px 10px}
/*view_group_pc---------------*/	 
.tblListPrd{width:100%;}
.tblListPrd td{border:0px solid #555555;padding:5px;vertical-align:top}
.boxPrd{width:100%;position:relative;overflow:hidden;border-radius:10px}

	 

/*body_right_tire ==============*/
.btnTire:hover{ background-color:#265cff; border-right:5px solid #ff4000; color:#ffffff; }
.btnTire{ cursor:pointer; border:1px solid #ffbf00; border-right:5px solid #ffbf00; padding:10px 5px 10px 10px; font-size:1.4em; width:100%; margin:3px; background-color:#cccccc; color:#333333;text-align:left; font-weight:500; position:relative; border-radius:45px 0 45px 45px;}
.icon-tire{float:left;margin-right:5px;}
.tblTireTitel{width:100% !important;background-color:#ffffff;}
.boxTire{ padding: 5px; background-size: auto; background-position: center center; background-repeat: no-repeat; background-color:#ffb249; margin-top: 30px; padding: 20px;position:relative;}
.imgInBoxTire{height: 160px;float: left;margin: 5px;position: absolute;top: -27px;left: -5px;}
.tierPrice{font-size:2.3em;font-weight:bold;}

/*.btngTire{margin:3px;padding:5px 12px;font-size:1.4em;border:1px solid #bbbbbb;border-radius:10px;text-align:right;}*/
/*tire page*/
.entry-title {font-size: 42px;}
.clear {clear:boht}
.height-45 {height:45px;}
a:hover, .post-content a:hover, .sidebar a:hover, .post-comments span.reply a:hover, .sidebar .widget ul li a:hover, .sidebar .widget.widget_archive li a:hover {color: #ff8f00;}
.btn-tire{border:1px solid #bbbbbb;padding:8px;background-color:#eeeeee;cursor:pointer;font-size:1.3em;border-radius:10px 10px 10px 10px ;font-weight:400;}
.btn-tire:hover{background-color:#bbbbbb;color:#ffffff;}
.btn-tire-Active{background-color:#00b32d;color:#ffffff;font-size:22px;}
.bar-name {
position: sticky;
position: -webkit-sticky;
top: 0;
padding: 5px 15px;
background-color: #555555;
color: #ffffff;
}
/*body_right_tire ---------------*/	 
.titleTire{
	margin: 0;
	background-image: url('/images/bg/trie.png');
	background-position-x: right;
	background-position-y: center;
	background-size: cover;
	padding: 10px 10px 10px 25px;
	border-radius: 0 20px 20px 30px;
}


/*---------------*/	 
/*---------------*/	 
/*---------------*/	 
/*---------------*/