/*เรียกใช้งาน@fontface ฟอนต์ Thai Sans Neue แบบตัวอักษรปกติ*/
 @font-face {
 font-family: "ThaiSansNeueRegular";
 src: 
 url('fonts/ThaiSansNeue-Regular.ttf') format('truetype');
 }
  
/*เรียกใช้งาน@fontface ฟอนต์ Thai Sans Neue แบบตัวหนา*/
 @font-face {
 font-family: "ThaiSansNeueBold";
 src: 
 url('fonts/ThaiSansNeue-Bold.ttf') format('truetype');
 }
  
/*เรียกใช้งาน@fontface ฟอนต์ Thai Sans Neue แบบตัวเอียง*/
 @font-face {
 font-family: "ThaiSansNeueItalic";
 src: 
 url('fonts/ThaiSansNeue-Italic.ttf') format('truetype');
 }
 /*จบส่วนเรียกใช้งานฟอนต์จากไฟล์ที่เรานำมาใส่ในโฟลเดอร์ fonts*/

body,html
{
  font-size:37.5px;
}


.detail-bars li{ font-size:14px !important;}
.mui-input-group:before{
    content: none;
}
.detail-context{
  height: 43px !important;
}

.detail-bars{
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
ul.fixed{
  border-top: none;
}
.detail-bars li:nth-child(3) .scrollBar{
  position: relative;
}
.detail-bars li:nth-child(3) .scrollBar:after{
  content: '';
  display: block;
  width: 24px;
  height: 15px;
  background: url(https://s3-ap-southeast-1.amazonaws.com/nrshop/skin/image/new-r.svg) center;
  background-size: 24px;
  position: absolute;
  right: -24px;
  top: -4px;
}
.detail-bars li{
  border: none !important;
  position: relative;
}
.detail-bars li:after{
  content: '';
  display: block;
  width: 1px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 2px;
  background:-webkit-linear-gradient(#f9f9f9, #f4f4f4, #f9f9f9);
  background:-o-linear-gradient(#f9f9f9, #f4f4f4, #f9f9f9);
  background:linear-gradient(#f9f9f9, #f4f4f4, #f9f9f9);
}
.detail-bars li:nth-child(3):after{
  display: none;
}
.detail-bars li{
  width: 32% !important;
}

.seckill-time-wrap .seckill-time-div .seckill-time-num
{
  font-size:0.8rem;
}
#flashsale
{
  width:100px !important;
  /* Smartphones (portrait and landscape) ip5 ----------- */
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  #flashsale
{
  width:50px !important;
}
 #alizi-timers
 {
  margin-top:-6px !important;
 }
 .detailtime
 {
  font-size:9px !important;
 }
/* Styles */
}

/* Smartphones (landscape) -----------  ip 6 */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {


/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */


}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}