@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-Thin.eot");
  src: local("Roboto Thin"), local("Roboto-Thin"), url("fonts/Roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("fonts/Roboto/Roboto-Thin.woff") format("woff"), url("fonts/Roboto/Roboto-Thin.ttf") format("truetype"), url("fonts/Roboto/Roboto-Thin.svg#Roboto") format("svg");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Roboto-Thin';
  src: url("fonts/Roboto/Roboto-Thin.eot");
  src: local("Roboto Thin"), local("Roboto-Thin"), url("fonts/Roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("fonts/Roboto/Roboto-Thin.woff") format("woff"), url("fonts/Roboto/Roboto-Thin.ttf") format("truetype"), url("fonts/Roboto/Roboto-Thin.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-ThinItalic.eot");
  src: local("Roboto ThinItalic"), local("Roboto-ThinItalic"), url("fonts/Raoboto/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-ThinItalic.woff") format("woff"), url("fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-ThinItalic.svg#Roboto") format("svg");
  font-weight: 100;
  font-style: italic; }
@font-face {
  font-family: 'Roboto-ThinItalic';
  src: url("fonts/Roboto/Roboto-ThinItalic.eot");
  src: local("Roboto ThinItalic"), local("Roboto-ThinItalic"), url("fonts/Roboto/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-ThinItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-ThinItalic.woff") format("woff"), url("fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-ThinItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-Light.eot");
  src: local("Roboto Light"), local("Roboto-Light"), url("fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("fonts/Roboto/Roboto-Light.woff") format("woff"), url("fonts/Roboto/Roboto-Light.ttf") format("truetype"), url("fonts/Roboto/Roboto-Light.svg#Roboto") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Roboto-Light';
  src: url("fonts/Roboto/Roboto-Light.eot");
  src: local("Roboto Light"), local("Roboto-Light"), url("fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("fonts/Roboto/Roboto-Light.woff") format("woff"), url("fonts/Roboto/Roboto-Light.ttf") format("truetype"), url("fonts/Roboto/Roboto-Light.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-LightItalic.eot");
  src: local("Roboto LightItalic"), local("Roboto-LightItalic"), url("fonts/Roboto/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-LightItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-LightItalic.woff") format("woff"), url("fonts/Roboto/Roboto-LightItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-LightItalic.svg#Roboto") format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Roboto-LightItalic';
  src: url("fonts/Roboto/Roboto-LightItalic.eot");
  src: local("Roboto LightItalic"), local("Roboto-LightItalic"), url("fonts/Roboto/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-LightItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-LightItalic.woff") format("woff"), url("fonts/Roboto/Roboto-LightItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-LightItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-Regular.eot");
  src: local("Roboto Regular"), local("Roboto-Regular"), url("fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("fonts/Roboto/Roboto-Regular.woff") format("woff"), url("fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("fonts/Roboto/Roboto-Regular.svg#Roboto") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Roboto-Regular';
  src: url("fonts/Roboto/Roboto-Regular.eot");
  src: local("Roboto Regular"), local("Roboto-Regular"), url("fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("fonts/Roboto/Roboto-Regular.woff") format("woff"), url("fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("fonts/Roboto/Roboto-Regular.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-RegularItalic.eot");
  src: local("Roboto RegularItalic"), local("Roboto-RegularItalic"), url("fonts/Roboto/Roboto-RegularItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-RegularItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-RegularItalic.woff") format("woff"), url("fonts/Roboto/Roboto-RegularItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-RegularItalic.svg#Roboto") format("svg");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Roboto-RegularItalic';
  src: url("fonts/Roboto/Roboto-RegularItalic.eot");
  src: local("Roboto RegularItalic"), local("Roboto-RegularItalic"), url("fonts/Roboto/Roboto-RegularItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-RegularItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-RegularItalic.woff") format("woff"), url("fonts/Roboto/Roboto-RegularItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-RegularItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-Medium.eot");
  src: local("Roboto Medium"), local("Roboto-Medium"), url("fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("fonts/Roboto/Roboto-Medium.woff") format("woff"), url("fonts/Roboto/Roboto-Medium.ttf") format("truetype"), url("fonts/Roboto/Roboto-Medium.svg#Roboto") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Roboto-Medium';
  src: url("fonts/Roboto/Roboto-Medium.eot");
  src: local("Roboto Medium"), local("Roboto-Medium"), url("fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("fonts/Roboto/Roboto-Medium.woff") format("woff"), url("fonts/Roboto/Roboto-Medium.ttf") format("truetype"), url("fonts/Roboto/Roboto-Medium.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-MediumItalic.eot");
  src: local("Roboto MediumItalic"), local("Roboto-MediumItalic"), url("fonts/Roboto/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-MediumItalic.woff") format("woff"), url("fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-MediumItalic.svg#Roboto") format("svg");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'Roboto-MediumItalic';
  src: url("fonts/Roboto/Roboto-MediumItalic.eot");
  src: local("Roboto MediumItalic"), local("Roboto-MediumItalic"), url("fonts/Roboto/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-MediumItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-MediumItalic.woff") format("woff"), url("fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-MediumItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-Bold.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("fonts/Roboto/Roboto-Bold.woff") format("woff"), url("fonts/Roboto/Roboto-Bold.ttf") format("truetype"), url("fonts/Roboto/Roboto-Bold.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Roboto-Bold';
  src: url("fonts/Roboto/Roboto-Bold.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("fonts/Roboto/Roboto-Bold.woff") format("woff"), url("fonts/Roboto/Roboto-Bold.ttf") format("truetype"), url("fonts/Roboto/Roboto-Bold.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-BoldItalic.eot");
  src: local("Roboto BoldItalic"), local("Roboto-BoldItalic"), url("fonts/Roboto/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-BoldItalic.woff") format("woff"), url("fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-BoldItalic.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'Roboto-BoldItalic';
  src: url("fonts/Roboto/Roboto-BoldItalic.eot");
  src: local("Roboto BoldItalic"), local("Roboto-BoldItalic"), url("fonts/Roboto/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-BoldItalic.woff") format("woff"), url("fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-BoldItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-Black.eot");
  src: local("Roboto Black"), local("Roboto-Black"), url("fonts/Roboto/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Black.woff2") format("woff2"), url("fonts/Roboto/Roboto-Black.woff") format("woff"), url("fonts/Roboto/Roboto-Black.ttf") format("truetype"), url("fonts/Roboto/Roboto-Black.svg#Roboto") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'Roboto-Black';
  src: url("fonts/Roboto/Roboto-Black.eot");
  src: local("Roboto Black"), local("Roboto-Black"), url("fonts/Roboto/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-Black.woff2") format("woff2"), url("fonts/Roboto/Roboto-Black.woff") format("woff"), url("fonts/Roboto/Roboto-Black.ttf") format("truetype"), url("fonts/Roboto/Roboto-Black.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Roboto';
  src: url("fonts/Roboto/Roboto-BlackItalic.eot");
  src: local("Roboto BlackItalic"), local("Roboto-BlackItalic"), url("fonts/Roboto/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-BlackItalic.woff") format("woff"), url("fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-BlackItalic.svg#Roboto") format("svg");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: 'Roboto-BlackItalic';
  src: url("fonts/Roboto/Roboto-BlackItalic.eot");
  src: local("Roboto BlackItalic"), local("Roboto-BlackItalic"), url("fonts/Roboto/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("fonts/Roboto/Roboto-BlackItalic.woff2") format("woff2"), url("fonts/Roboto/Roboto-BlackItalic.woff") format("woff"), url("fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype"), url("fonts/Roboto/Roboto-BlackItalic.svg#Roboto") format("svg"); }
@font-face {
  font-family: 'Geometric';
  src: url("fonts/tt0310m_-webfont.woff2") format("woff2"), url("fonts/tt0310m_-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Averta Bold';
  src: url('fonts/Averta/Averta Bold.otf');
  src: local('Averta Bold'), local('Averta-Bold'), url('fonts/Averta/Averta Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Averta';
  src: url('fonts/Averta/Averta.otf');
  src: local('Averta'), local('Averta'), url('fonts/Averta/Averta.otf') format('opentype');
}
@font-face {
  font-family: 'Averta Regular Italic';
  src: url('fonts/Averta/Averta Regular Italic.otf');
  src: local('Averta Regular Italic'), local('Averta-Regular-Italic'), url('fonts/Averta/Averta Regular Italic.otf') format('opentype');
}
#best_box {
  background-color: #81caf9;
  padding-top: 15px;
  min-height: 452px;
  max-height: 452px;
  overflow: hidden;
  position: relative; }
#best_box:hover {
  outline: 1px solid #0183d7; }
#best_box .best_header {
  background: url(image/logoxDeal_190x467_index.png);
  width: 190px;
  height: 141px;
  margin: -15px auto 0 auto; }
#best_box .hidden {
  display: none; }
#best_box .digit, #best_box .separator {
  color: #000; }
#best_box.catpage {
  padding-top: 5px;
  height: 395px;
  overflow: hidden;
  min-height: 395px; }
#best_box.catpage .countdown {
  font-family: Geometric, Arial;
  font-size: 18px;
  position: relative;
  text-align: center;
  padding: 5px 0; }
#best_box.catpage .countdown .part {
  position: relative;
  border: 2px solid #FFF;
  border-radius: 16px;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 6px; }
#best_box.catpage .countdown .part.part0 {
  display: none; }
#best_box.catpage .countdown .separator1 {
  display: none; }
#best_box .countdown {
  font-family: Geometric, Arial;
  font-size: 24px;
  position: relative;
  text-align: center;
  padding: 10px 0; }
#best_box .countdown .part {
  position: relative;
  border: 2px solid #FFF;
  border-radius: 22px;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 6px; }
#best_box .countdown .part.part0 {
  display: none; }
#best_box .countdown .separator1 {
  display: none; }
#best_box .tabbox {
  padding: 0 7px; }
#best_box .tab_header {
  height: 25px; }
#best_box .tab_header span {
  cursor: pointer;
  display: block;
  height: 25px;
  width: 35px;
  text-align: center;
  background: #b25469;
  float: left;
  margin-right: 2px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px; }
#best_box .tab_header span.active {
  background: #FFF; }
#best_box .tab_header span.active b {
  color: #000; }
#best_box .tab_header span b {
  border-bottom: 2px solid #fff;
  display: inline-block;
  line-height: 13px;
  position: relative;
  top: 1px;
  color: #fff; }
#best_box .item_content {
  -webkit-border-radius: 7px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 7px;
  -moz-border-radius-topleft: 0;
  border-radius: 7px;
  border-top-left-radius: 0px;
  -webkit-box-shadow: 3px 3px 5px -3px #4a484a;
  -moz-box-shadow: 3px 3px 5px -3px #4a484a;
  box-shadow: 3px 3px 5px -3px #4a484a;
  background: #fff; }
#best_box .tab_content {
  position: relative; }
#best_box .tab_content table {
  margin: 0; }
#best_box .tab_content table td {
  border: 0;
  vertical-align: top; }
#best_box .tab_content h3.today_product {
  font-family: "Roboto-Bold", Arial;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 25px; }
#best_box .thumbbox {
  width: 135px;
  height: 152px;
  margin: auto;
  overflow: hidden; }
#best_box .thumbbox img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin-top: 10px; }
#best_box .tab_content {
  border-radius: 0;
  box-shadow: none;
  padding: 16px 7px 7px 7px;
  position: relative; }
#best_box .tab_content .em_sv {
  position: absolute;
  top: 100px;
  left: 0;
  padding: 0 0 0 10px;
  min-width: 166px;
  background-color: #999999;
  color: #FFF;
  font-family: "Roboto-RegularItalic", Arial; }
#best_box .tab_content h3.best_pro {
  margin: -12px 0 5px 0; }
#best_box .tab_content h3.best_pro a {
  display: block;
  font-family: "Averta", Arial;
  font-size: 12px;
  text-transform: uppercase;
  max-height: 33px;
  overflow: hidden;
  color: #000; }
#best_box .tab_content .dc_bar {
  display: table; }
#best_box .tab_content .dc_bar .dc_col {
  display: table-cell;
  vertical-align: top; }
#best_box .tab_content .dc_bar .dc_col.first {
  width: 80px; }
#best_box .tab_content .dc_bar .dc_col .db_price_text {
  color: #666666;
  line-height: 16px; }
#best_box .tab_content .dc_bar .dc_col .old_price {
  font-family: "Roboto-Medium", Arial;
  font-size: 13px;
  color: #666666;
  text-decoration: line-through; }
#best_box .tab_content .dc_bar .dc_col .line_space {
  height: 9px; }
#best_box .tab_content .dc_bar .dc_col .db_price_amount {
  font-family: "Roboto-Bold", Arial;
  font-size: 30px;
  line-height: 30px;
  color: #e32f44; }
#best_box .tab_content .dc_bar .dc_col .db_price_amount i {
  font-style: normal;
  position: relative;
  top: -10px;
  font-size: 18px; }
#best_box .tab_content .dc_bar .dc_col .db_price_amount.new_price {
  color: #e32f44;
  font-size: 18px;
  line-height: 18px; }
#best_box .tab_content .time_bar {
  display: table;
  width: 100%; }
#best_box .tab_content .time_bar .time_col {
  display: table-cell;
  width: 130px; }
#best_box .tab_content .time_bar .time_col.time_text {
  font-family: "Roboto-Medium", Arial;
  font-size: 13px;
  color: #666666;
  text-indent: 10px;
  line-height: 18px;
  border: 1px solid #cccccc; }
#best_box .tab_content .time_bar .time_col.time_date {
  font-family: "Roboto-Medium", Arial;
  font-size: 13px;
  color: #fff;
  background-color: #e32f44;
  text-indent: 10px; }
#best_box .best_detail {
  position: absolute;
  right: 7px;
  bottom: 10px;
  font-family: "Roboto-Medium", Arial;
  font-size: 14px;
  text-transform: uppercase;
  color: #000; }
#best_box .best_detail a {
  text-decoration: underline;
  color: #000; }
#best_box .bird2 {
  background: url(image/bird_2.png);
  width: 62px;
  height: 38px;
  position: absolute;
  left: 10px;
  bottom: 10px; }

div.mleft_10 .hotdealbox {
  margin-bottom: 0; }

#best_box .item_content .bird {
  background: url(image/bird_top.png);
  width: 44px;
  height: 39px;
  margin-left: auto;
}
.col-left #best_box .best_header {
  background: url(image/logoxDeal_180x467_cate.png);
  width: 180px;
  height: 131px;
  margin: -5px auto 0 auto;
}
#best_box .day {
  margin-left: 93px;
  font-size: 17px;
  color: #989898;
  font-family: 'Averta Bold';
}
.col-left #best_box .day {
  margin-left: 85px;
  font-size: 17px;
  color: #989898;
  font-family: 'Averta Bold';
}

.col-left #best_box .thumbbox {
  width: 100px;
  height: 110px;
  margin: auto;
  overflow: hidden;
}
.col-left #best_box .tab_content {
  border-radius: 0;
  box-shadow: none;
  padding: 5px 7px 7px 7px;
  position: relative;
}
/*# sourceMappingURL=box.css.map */