@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/PTSansWeb/pts55f_w.eot');
    src: local('PT Sans'), url('../fonts/PTSansWeb/PTS55F_W.woff') format('woff'),url('../fonts/PTSansWeb/PTS55F_W.ttf') format('truetype'), url('../fonts/PTSansWeb/PTS55F_W.svg#PTSans-Regular') format('svg');}
@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    src: url('../fonts/PTSansWeb/pts56f_w.eot');
    src: local('PT Sans Italic'), url('../fonts/PTSansWeb/PTS56F_W.woff') format('woff'),url('../fonts/PTSansWeb/PTS56F_W.ttf') format('truetype'), url('../fonts/PTSansWeb/PTS56F_W.svg#PTSans-Italic') format('svg');}
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/PTSansWeb/pts75f_w.eot');
    src: local('PT Sans Bold'), url('../fonts/PTSansWeb/PTS75F_W.woff') format('woff'),url('../fonts/PTSansWeb/PTS75F_W.ttf') format('truetype'), url('../fonts/PTSansWeb/PTS75F_W.svg#PTSans-Bold') format('svg');}
@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: bold;
    src: url('../fonts/PTSansWeb/pts76f_w.eot');
    src: local('PT Sans Bold Italic'), url('../fonts/PTSansWeb/PTS76F_W.woff') format('woff'),url('../fonts/PTSansWeb/PTS76F_W.ttf') format('truetype'), url('../fonts/PTSansWeb/PTS76F_W.svg#PTSans-BoldItalic') format('svg');}
@font-face {
    font-family: 'PT Sans Narrow';
    src: url('../fonts/PTSansWeb/ptn57f_w.eot');
    src: local('PT Sans Narrow'), url('PTN57F_W.woff') format('woff'),url('PTN57F_W.ttf') format('truetype'), url('PTN57F_W.svg#PTSans-Narrow') format('svg');}
@font-face {
    font-family: 'PT Sans Narrow';
    font-weight: bold;
    src: url('../fonts/PTSansWeb/ptn77f_w.eot');
    src: local('PT Sans Narrow Bold'), url('../fonts/PTSansWeb/PTN77F_W.woff') format('woff'),url('../fonts/PTSansWeb/PTN77F_W.ttf') format('truetype'), url('../fonts/PTSansWeb/PTN77F_W.svg#PTSans-NarrowBold') format('svg');}
*{margin:0;padding:0;}
header,section,footer,aside,nav,article,figure,figcaption,hgroup{display:block;}
html{height:100%;}
body{display:-moz-box;display:-webkit-box;display:box;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;width:100%;height:100%;}
#wrapper{display:-moz-box;display:-webkit-box;display:box;-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;max-width:1200px;margin:0 30px;}
#main_header{display:-moz-box;display:-webkit-box;display:box;-moz-box-align:center;-webkit-box-align:center;box-align:center;}
#main_aside{float:left;margin-right:15px;padding-bottom:15px;width:240px;}
#main_footer{text-align:center;}
#main_section{margin-left:22px;}
#main_container{display:-moz-box;display:-webkit-box;display:box;-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;padding-top:10px;min-height:100%;}

/* --- Begin Menu-Nav ------------------------------------------------ */
#menu_left{display:inline-block;}
#menu_right{display:inline-block;float:right;}
.menu-nav ul{list-style:none;}
.menu-nav ul li{float:left;position:relative;}
.menu-nav ul li a{display:block;padding:10px;}
.menu-nav ul li a span.hot{padding:2px 7px 2px 5px;margin-left:5px;}
.menu-nav li.cart img{float:left;padding-right:5px;}
.menu-nav ul li ul{display:none;}
.menu-nav ul li:hover ul{display:block;position:absolute;min-width:200px;left:0;margin-top:-1px;z-index:10;}
.menu-nav ul li:hover ul li a{display:block;padding:10px;width:170px;}
.menu-nav ul li:hover ul li a span{float:right;}
.menu-nav ul li ul li:first-child a{border-top:none;}
.menu-nav ul li div.area{display:none;padding:2px;}
.menu-nav ul li div.area a{display:block;}
.menu-nav ul li div.area span{display:inline-block;float:right;}
.menu-nav ul li:hover div.area{display:block;position:absolute;min-width:200px;left:0;margin-top:-1px;z-index:10;}
.menu-nav ul li div.subarea{display:none;padding:2px;}
.menu-nav ul li div.subarea a{display:block;}
.menu-nav ul li div.area div.line{position:relative;}
.menu-nav ul li div.area div.line:hover div.subarea{display:block;position:absolute;min-width:200px;left:200px;top:1px;margin-top:-1px;overflow:auto;max-height:500px;z-index:11;}

/* --- Begin MainHeader ---------------------------------------------- */
#logo{padding:1px 15px 10px 15px;}
#logo a{display:block;}
#logo span{display:block;padding:0 15px;}
#search{display:-moz-box;display:-webkit-box;display:box;-moz-box-pack:end;-webkit-box-pack:end;box-pack:end;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
#searchform{display:-moz-box;display:-webkit-box;display:box;-moz-box-align:center;-webkit-box-align:center;box-align:center;/*width:500px;*/margin-right:10px;}
#searchform input[type="text"]{padding:5px 0 5px 30px;margin-right:30px;width:92%;border:0;}
#searchform input[type="submit"]{padding:3px 10px;margin-right:5px;}
#searchtext{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;padding:5px;}

/* --- Begin MainFooter ---------------------------------------------- */
#footer_menu{padding:15px;}
#footer_menu li{display:inline-block;list-style:none;padding:0 15px;}
#copyright{text-align:right;padding:10px;}

/* --- Begin Boxes --------------------------------------------------- */
div.boxlite{padding:5px;margin-bottom:5px;}
div.boxlite header{padding:5px;}
div.boxlite.closed section{display:none;}
div.boxlite.opened section{display:block;}
div.boxlite .closed section{display:none;}
div.boxlite .opened section{display:block;}
div.boxlite section {padding:5px;}
div.boxlite section ul li{list-style:none;margin-left:0;}
div.boxlite section a{text-decoration:none;}
div.boxlite footer{padding:5px;}
div.boxlite .boxsubtitle{padding:3px 10px;text-align:left;}
div.boxlite .boxsubcontent{padding:7px 10px;}

div.boxinfo{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;margin-bottom:5px;width:100%;}
div.boxinfo header{padding:5px;}
div.boxinfo header span{float:right;}
div.boxinfo section{padding:10px;}
div.boxinfo div.minilisten{overflow:auto;height:100px;}

/* --- Begin ArticleItem ---------------------------------------------- */
article.item{display:-moz-box;display:-webkit-box;display:box;-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;float:left;width:220px;height:310px;margin:0 5px 15px 0;padding:2px;vertical-align:top;}
article.item a{display:-moz-box;display:-webkit-box;display:box;-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;width:100%;height:100%;}
article.item figure{text-align:center;padding:2px;}
article.item section{overflow:hidden;padding:3px 5px;height:34px;}
article.item nav{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
article.item footer{text-align:left;padding:5px;}
article.item footer span.type{float:right;width:16px;height:16px;margin-left:5px;}
article.item footer span.timeleft{float:right;padding-right:10px;padding-top:2px;}
article.item.single section{height:48px;}
article.item.mix section{height:34px;}

/* --- Begin Location ------------------------------------------------- */
#location{padding:10px 10px 15px 10px;}
#location ul{display:inline-block;}
#location ul li {display:inline-block;}
#location ul li:before {content: "• ";}
#location ul li:first-child:before {content: "";}
#ident{display:inline-block;float:right;padding-left:20px;}

/* --- Begin Question ------------------------------------------------- */
#question{padding:5px 10px;}
#question input[type="text"]{padding:5px;width:350px;}
#question input[type="submit"]{padding:3px 8px;}
#question textarea{padding:5px;width:500px;height:150px;}
#question div.section{padding:3px;}
#question p{padding:3px;}

/* --- Begin UI Buttons ----------------------------------------------- */
.btn-std{padding:3px 8px;}
.btn-cart{width:90px;height:30px;padding:5px 15px;border:0;}
.btn-question{padding:3px 10px 3px 22px;}

/* --- Begin baseArea ------------------------------------------------- */
#baseAreaGeneral{display:-moz-box;display:-webkit-box;display:box;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;box-orient:horizontal;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;-moz-box-align:start;-webkit-box-align:start;box-align:start;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;padding:0 5px;width:100%;}
#baseAreaDescription{padding:7px;}
#baseAreaDescription header{padding:10px 0;}
#areaPicture{display:-moz-box;display:-webkit-box;display:box;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;width:330px;position:relative;}
#areaSummary{display:-moz-box;display:-webkit-box;display:box;-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;padding:0 10px;max-width:520px;}
#areaAside{display:-moz-box;display:-webkit-box;display:box;-moz-box-orient:vertical;-webkit-box-orient:vertical;box-orient:vertical;width:250px;}
#summaryTitle{padding:0 5px 5px 5px;}
#summaryPrice{padding:10px;margin-bottom:5px;}
#similarProducts{padding:5px;}
#reviews{padding:5px;vertical-align:top;}
#reviews-listen{display:inline-block;vertical-align:top;width:800px;margin-right:30px;}
#reviews-sidebar{display:inline-block;vertical-align:top;width:300px;}

/* --- Begin areaSummary ---------------------------------------------- */
div.price_box{overflow:auto;padding-bottom:3px;}
div.price_box div.price_btn{display:inline-block;float:right;}
div.price_box div.price_value{display:inline-block;padding:5px 8px;}
div.price_box small{display:block;}
div.price_box input.input-cart{width:40px;height:25px;padding:0 3px;}

div.price_alt div.price_alt_quantity{display:inline-block;padding:8px 5px 0 5px;}
div.price_alt div.price_alt_question{padding-top:10px;display:inline-block;float:right;}

/* --- Begin areaPicture ---------------------------------------------- */
img.ribbon{position:absolute;top:-11px;left:-11px;border:0;}
a img.ribbon{border:0;}

/* --- Begin option --------------------------------------------------- */
div.option{clear:both;overflow:auto;padding:7px;}
div.optionName{display:inline-block;}
div.optionValue{display:inline-block;float:right;}
div.optionOpt{display:block;}

/* --- Begin Document ------------------------------------------------- */
.document{padding:10px;line-height:1.5;}
.document h1{padding-bottom:5px;margin-bottom:10px;}

/* --- Begin Noty ----------------------------------------------------- */
div.noty_message{margin:5px;}

/* --- Begin lst --------------------------------------------------- */
.lst {padding-left:10px;}
.lst li input {margin-right:10px;}
.lst li label{display:block;padding:5px;}
.lst li a{display:block;padding:5px;}

.lst_feedback li{display:inline-block;padding:6px 15px 3px 10px;}

.lst_view{padding-left:12px;}
.lst_view li{padding:2px 0;}
.lst_view span{float:right;padding:0 10px 0 5px;}

.lst_category{display:inline-block;}
.lst_category li{display:inline-block;margin-right:3px;margin-bottom:3px;}
.lst_category li a{display:block;padding:12px 20px;}
.lst_category li span{padding-left:10px;}

.lst_payment{display:inline-block;padding-left:10px;}
.lst_payment li{display:inline-block;padding:2px 12px;margin-right:3px;}


/* --- Begin reviews --------------------------------------------------- */
.lrt{display: inline-block;margin-right:-3px;color:#fff;font-size:11px;padding:0 5px;border-radius:2px;-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-o-transform:skewX(-25deg);}
.lrt0{background-color:#EEECE8;}
.lrt1{background-color:#F99F47;}
.lrt2{background-color:#F6C000;}
.lrt3{background-color:#C1C710;}
.lrt4{background-color:#8CB400;}
.lrt5{background-color:#359E00;}
.lrt-cur{padding:0 10px;}
.lrt-percent{padding:0 15px;color:#aaa;}
.lrt-rating{padding:0 3px;position:relative;}
.lrt-rating a{text-decoration:none;color:#000;}
.lrt-rating a:hover{color:darkgoldenrod;}

.review{border-left:2px solid orange;padding-left:5px;margin:10px 0;font-size:13px;}
.review-buyer{padding:5px;font-weight:bold;font-size:15px;}
.review-buyer a{text-decoration:none;}
.review-comment{padding:5px;}
.review-date{padding:5px;color:#bbb;}

.review-rating{color:#fff;font-size:11px;padding:0 10px;margin-right:10px;}
.review-rating-1{background-color:#F99F47;}
.review-rating-2{background-color:#F6C000;}
.review-rating-3{background-color:#C1C710;}
.review-rating-4{background-color:#8CB400;}
.review-rating-5{background-color:#359E00;}
.review-edit{color:#bbb;font-size:13px;font-weight:normal;margin-left:5px;}

.review-area-rating input{position:relative;top:3px;left:-8px;}
.review-area-comment{padding:10px 0;}
.review-area-comment textarea{width:700px;height:150px;padding:3px;}
.review-area-addbutton{border-bottom:1px dotted #aaa;padding:15px 5px;margin-bottom:5px;}

.rating-area{float:right;width:100px;text-align:center;margin-bottom:6px;}
.rating-area span{font-size:24px;font-weight:bold;}
.rating-area-sold{float:left;width:100px;text-align:center;margin-bottom:6px;}
.rating-area-sold span{font-size:24px;}

.rating-total-1{color:#F99F47;}
.rating-total-2{color:#F6C000;}
.rating-total-3{color:#C1C710;}
.rating-total-4{color:#8CB400;}
.rating-total-5{color:#359E00;}

.rating-listen{background-color:#777;border:2px solid #fff;text-align:center;width:20px;font-size:12px;position:absolute;padding:0 5px;top:2px;right:2px;border-radius:5px;color:#fff;}
.rating-listen-1{background-color:#F99F47;}
.rating-listen-2{background-color:#F6C000;}
.rating-listen-3{background-color:#C1C710;}
.rating-listen-4{background-color:#8CB400;}
.rating-listen-5{background-color:#359E00;}

.myinvoice{border:2px solid #ddd;border-radius:5px;padding:5px;box-shadow:3px 3px 3px #aaa;margin-bottom:15px;}
.myinvoice-area-header{padding:5px;}
.myinvoice-area-btn{padding:5px;text-align:right;float:right;}
.myinvoice-area-tags{padding:20px 5px 5px 5px;}
.myinvoice-id{padding-left:5px;font-size:18px;color:#444;}
.myinvoice-total{float:right;font-weight:bold;font-size:16px;padding-left:35px;padding-right:35px;}
.myinvoice-seller{font-size:14px;background-color:#fff;border-radius:6px;padding:5px 15px;}
.myinvoice-seller a{text-decoration:none;color:#000;}
.myinvoice-seller img{position:relative;top:3px;left:5px;}
.myinvoice-date{font-size:14px;background-color:#fff;border-radius:6px;padding:5px 15px;}
.myinvoice-status{float:right;text-align:right;}

@media (max-width: 1024px) {
  #main_header{display:block;}
  #search{display:block;}
  #baseAreaGeneral{-webkit-box-orient:vertical;}
  img {max-width:100%;display:block;}
  article.item {display: flex;justify-content: space-between;}
  
  #areaAside{width:initial;padding-bottom:10px;}
  #baseAreaGeneral{-webkit-box-align:center;}
  #reviews-listen{width:initial;}
  #question textarea{width:100%;}
  #question input[type="text"]{width:100%;}
}