body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select,
img {
  margin: 0;
  padding: 0;
}
body {
  font: 12px '微軟正黑體', Sans-serif;
  color: #000;
  background: #fff;
}
a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #7e5db3;
  text-decoration: underline;
}
img {
  border: 0;
  vertical-align: middle;
}
em {
  font-style: normal;
}
ol,
ul {
  list-style: none;
}
ul.ulnav {
  float: left;
}
ul.ulnav li {
  float: left;
  text-align: center;
  padding: 0 10px;
}
ul.list li {
  float: none;
  padding: 0 10px;
}
ul.salemap {
  float: left;
}
ul.salemap li {
  float: left;
  text-align: center;
  padding: 0px;
}
a.defgreen,
span.defgreen {
  background: #7e5db3;
  color: #fff;
  text-align: center;
  padding: 0 2px;
}
a.red,
span.red {
  background: #f08c49;
  color: #fff;
  text-align: center;
  padding: 0 2px;
}
a.purple,
span.purple {
  background: #d189d2;
  color: #fff;
  text-align: center;
  padding: 0 2px;
}
a.darkgreen,
span.darkgreen {
  background: #7e5db3;
  color: #fff;
  text-align: center;
  padding: 0 2px;
}
a.button {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 5px 8px;
  background: #7e5db3;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}
.w,
.banner {
  width: 1010px;
  background: #fff;
  margin: 0 auto 10px auto;
}
.bottom5 {
  margin-bottom: 5px;
}
.bottom10 {
  margin-bottom: 10px;
}
.bottom20 {
  margin-bottom: 20px;
}
.clear {
  clear: both;
}
.hide {
  display: none;
}
.textboxtemp {
  color: #999;
}
input.textbox {
  border: solid 1px #d9d9d9;
  padding: 3px;
  line-height: 20px;
}

.input-btn a.button {
  display: block;
  float: left;
  background: #f1f1f1;
  color: #000;
  padding: 2px 3px;
  margin: 2px;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-decoration: none;
}
.input-btn a:hover.button {
  background: #7e5db3;
  color: #fff;
  border: 1px solid #7e5db3;
}
.input-btn .enable {
  display: block;
  float: left;
  background: #f1f1f1;
  color: #999;
  padding: 2px 3px;
  margin: 2px;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-decoration: none;
  white-space: pre-wrap;
}
.input-btn a.button em {
  display: inline-block;
  margin-right: 3px;
  width: 11px;
  height: 11px;
  background: url(img/ico2.png) no-repeat -68px -50px;
}
.freebutton {
  display: inline-block;
  height: 18px;
  padding: 2px 10px;
  text-align: center;
  background: #7e5db3;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}
a.freebutton {
  color: #fff;
}
.online,
.deline,
.ddarea {
  display: none;
}
.hover .online {
  display: block;
  background: #fff;
  _background: Transparent;
  position: absolute;
  left: -1px;
  top: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: solid 1px #ddd;
  border-radius: 3px 3px 0 0;
}
.hover .deline {
  display: block;
  background: #fff;
  _background: Transparent;
  position: absolute;
  left: 0px;
  bottom: -4px;
  z-index: 1;
  width: 100%;
  height: 4px;
}
.hover .ddarea {
  display: block;
  background: #fff;
  position: absolute;
  left: -1px;
  top: 100%;
  z-index: 0;
  min-width: 100%;
  min-height: 30px;
  border: solid 1px #ddd;
}
.title h3 {
  padding: 3px 0;
}
.banner img {
  width: 1010px;
}
.advert li {
  float: left;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.ddplay .content {
  display: none;
}
.ddplay .hover {
  display: block;
}
.ddsort .content {
  cursor: pointer;
}
#errorPage {
  margin: 20px auto;
  padding: 50px 20px;
  box-shadow: inset 0 0 5px #7e5db3;
  border-radius: 3px;
  text-align: left;
}

#mini .w {
  height: 35px;
  background: #f1f1f1;
  border-bottom: solid 1px #ebebeb;
}
#mini .mini-logo {
  float: left;
}
#mini .mini-logo li {
  border-right: solid 0px #ebebeb;
  height: 30px;
  cursor: pointer;
  padding: 0px;
}
#mini .mini-logo a.officepro {
  display: inline-block;
  color: #666;
  text-align: center;
  padding: 8px 10px 5px 10px;
  font-size: 16px;
  font-weight: bold;
}
#mini .mini-logo a.eanvie {
  display: inline-block;
  text-align: center;
  padding: 8px 10px 5px 10px;
  font-size: 16px;
  font-weight: bold;
}
#mini .mini-logo a.facebook {
  display: inline-block;
  position: relative;
  color: #666;
  text-align: center;
  padding: 8px 10px 5px 30px;
  font-size: 16px;
  font-weight: bold;
}
#mini .mini-logo a.facebook img {
  position: absolute;
  top: 9px;
  left: 10px;
  z-index: 1;
  height: 20px;
}
#mini .mini-logo a_hover {
  background-color: #7e5db3;
  color: #fff;
  text-decoration: none;
}
#mini .mini-logo a.b2bc {
  display: inline-block;
  color: #666;
  text-align: center;
  padding: 8px 10px 7px 10px;
  font-size: 16px;
  font-weight: bold;
}
#mini .mini-logo a:hover.b2bc,
#mini .mini-logo a.color_1 {
  color: #fff;
  background-color: #7e5db3;
}
#b2bc_ad {
  position: relative;
}
#b2bc_ad .ddarea {
  position: absolute;
  left: 0px;
  top: 30px;
  z-index: 999;
  width: 800px;
  height: auto;
  border: solid 2px #7e5db3;
}
.mini_menu_ad {
  position: relative;
}
.mini_menu_ad .ddarea {
  position: absolute;
  left: 0px;
  top: 30px;
  z-index: 999;
  width: auto;
  height: auto;
  border: solid 2px #7e5db3;
}
.mini_menu_ad .qrcode_phone {
  display: block;
  padding: 10px;
  background: #fff;
  width: 130px;
  line-height: 20px;
}
#mini .mini-nav {
  float: right;
}
#mini .mini-nav ul.ulnav li {
  position: relative;
  z-index: 12;
  padding: 8px 5px 6px 35px;
}
#mini .mini-nav ul.ulnav li a {
  font-size: 14px;
}
#mini .mini-nav ul.ulnav li img.ico {
  position: absolute;
  top: 6px;
  left: 5px;
  z-index: 10;
  height: 25px;
}
#mini .mini-nav ul.ulnav li.text {
  padding: 8px 5px 6px 5px;
}
#mini .mini-nav ul.ulnav li.text span {
  letter-spacing: 0.5px;
  font-size: 14px;
}
#mini .mini-nav ul.ulnav li.text span#user_info .ChineseName {
  max-width: 60px;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}
#mini .mini-nav ul.ulnav li s {
  position: absolute;
  top: 8px;
  right: -2px;
  z-index: 1;
  height: 12px;
  border-left: solid 0px #ddd;
}
#mini .mini-nav ul.ulnav li b {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 3px;
  background: url(img/ico.png) no-repeat -40px -23px;
  vertical-align: middle;
}
#mini .mini-nav ul.ulnav li.cart .online {
  border-color: #bbb;
}
#mini .mini-nav ul.ulnav li.cart .ddarea {
  min-width: 150px;
  left: auto;
  right: -1px;
  border-color: #bbb;
}
#mini .mini-nav ul.ulnav li.cart .ddarea dl {
  float: left;
  width: 310px;
  border-bottom: solid 1px #ddd;
}
#mini .mini-nav ul.ulnav li.cart .ddarea dt {
  float: left;
  width: 80px;
  height: 50px;
  padding: 5px 0px;
  text-align: center;
}
#mini .mini-nav ul.ulnav li.cart .ddarea a.sbutton {
  color: #7e5db3;
  line-height: 30px;
}
#mini .mini-nav ul.ulnav li.cart .ddarea .load {
  display: none;
}
#mini .mini-nav ul.ulnav li.cart .ddarea .detail {
  float: left;
  max-height: 285px;
  overflow-y: scroll;
}
#mini .mini-nav ul.ulnav li.cart .ddarea dd {
  float: left;
  width: 150px;
  height: 50px;
  padding: 10px 0px;
  text-align: left;
}
#mini .mini-nav ul.ulnav li.cart .ddarea dd.head {
  float: left;
  width: 290px;
  height: 20px;
  padding: 5px 10px;
  font-size: 14px;
  color: #000;
  background: #fff;
  font-weight: bold;
  text-align: left;
}
#mini .mini-nav ul.ulnav li.cart .ddarea dl.bottom {
  float: left;
  border-bottom: solid 0px #ddd;
}
#mini .mini-nav ul.ulnav li.cart .ddarea dl.bottom dt {
  float: right;
  width: 120px;
  height: 20px;
  text-align: center;
}
#mini .mini-nav ul.ulnav li.cart .ddarea dl.bottom a.sbutton {
  display: inline-block;
  height: 18px;
  padding: 2px 15px;
  line-height: normal;
  text-align: center;
  background: #7e5db3;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}
#mini .mini-nav ul.ulnav li.cart .ddarea dl.bottom dd {
  float: left;
  width: 180px;
  height: 20px;
  padding: 8px 0px;
  text-align: right;
}
#mini .mini-nav ul.ulnav li.cart .ddarea dl.noData {
  float: left;
  width: 150px;
  border-bottom: solid 0px #ddd;
}
#mini .mini-nav ul.ulnav li.cart .ddarea dl.noData dd {
  float: left;
  width: 150px;
  height: 20px;
  padding: 15px 0;
  font-size: 14px;
  color: #7e5db3;
  background: #fff;
  font-weight: bold;
  text-align: center;
}

#mini .mini-nav ul.ulnav li.cart .red {
  display: inline-block;
  width: auto;
  margin-right: 3px;
  padding: 0 2px;
  background: #7e5db3;
  color: #fff;
  text-align: center;
  border-radius: 3px;
}
#mini .mini-nav ul.list li {
  float: none;
  text-align: center;
  padding: 5px 10px;
  position: static;
  z-index: auto;
  float: none;
}
#header .w {
  height: 75px;
  position: relative;
}
#header .officepro-logo {
  float: left;
  width: 330px;
  height: 75px;
  text-align: left;
  overflow: hidden;
}
#header .search {
  float: left;
  width: 370px;
  text-align: center;
}
#header .search ul.ulnav {
  margin: 0px 0 5px 50px;
}
#header .search ul.ulnav li a {
  color: #fff;
}
#header .search-cotrol {
  position: relative;
  float: left;
  background: #7e5db3;
  padding: 3px;
  white-space: nowrap;
}
#header .search-cotrol .search-text {
  float: left;
  width: 300px;
  height: 26px;
  padding: 2px;
  border: 0;
  font-size: 16px;
  text-align: left; /* box-shadow:inset 0 0 5px #7E5DB3;*/
  vertical-align: middle;
}
#header .search-cotrol .search-btn {
  display: inline-block;
  float: left;
  width: 40px;
  padding: 6px 10px;
  color: #fff;
  text-align: center;
  font-size: 16;
  font-weight: bold;
  cursor: pointer;
}
#header .search-cotrol .search-show {
  display: none;
  position: absolute;
  left: 0px;
  top: 33px;
  width: 334px;
  height: 200px;
  overflow-y: auto;
  background: #fff; /* box-shadow:inset 0 0 5px #7E5DB3;*/
  border: solid 3px #7e5db3;
  border-top: 0px;
  z-index: 99;
}
#header .search-cotrol .search-show li {
  width: 300px;
  padding: 10px 0 0 5px;
  text-align: left;
  overflow: hidden;
}
#header .officepro-cust {
  float: right;
  text-align: left;
  border: solid 1px #7e5db3;
  box-shadow: inset 0 0 5px #7e5db3;
  border-radius: 5px;
  padding: 5px;
}
#header .myofficepro {
  float: right;
  text-align: left;
}
#header .header_ad {
  float: right;
  text-align: left;
  margin-right: 10px;
}

#nav .w {
  margin-bottom: 0px;
}
#nav .menu > ul {
  padding: 3px 1px;
  background: #b4b4b4;
  border-radius: 5px 5px 0 0;
  width: 100%;
}

#nav .menu ul.ulnav li.hover {
  border-left: solid 1px #b4b4b4;
  border-right: solid 1px #b4b4b4;
  background: #b4b4b4;
}
#nav .menu ul.ulnav li.hover .online {
  border-color: #b4b4b4;
  background: #7e5db3;
}
#nav .menu ul.ulnav li.hover .deline {
  bottom: -3px;
  height: 6px;
  background: #7e5db3;
}
#nav .menu ul.ulnav li a {
  display: block;
  padding: 8px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
#nav .menu ul.ulnav li .ddarea {
  width: 810px;
  height: auto;
  padding: 5px;
  top: 30px;
  background: #ffffff;
  border-radius: 5px;
  border: solid 1px #b4b4b4;
}
#nav .menu ul.ulnav li .ddarea .category {
  float: left;
  width: 810px;
}
#nav .menu ul.ulnav li .ddarea .category dl {
  border-top: solid 1px #ddd;
  padding: 8px 0 0 0;
  overflow: hidden;
  zoom: 1;
}
#nav .menu ul.ulnav li .ddarea .category dt {
  float: left;
  width: 106px;
  padding: 0 4px 8px 0;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  zoom: 1;
}
#nav .menu ul.ulnav li .ddarea .category dt a {
  color: #222;
  font-size: 16px;
  font-weight: bold;
}
#nav .menu ul.ulnav li .ddarea .category dt a:hover {
  text-decoration: underline;
}
#nav .menu ul.ulnav li .ddarea .category dd {
  padding: 2px 0 0 0;
  overflow: hidden;
}
#nav .menu ul.ulnav li .ddarea .category dd em {
  float: left;
  border-left: solid 1px #ddd;
  margin: 0 0 8px 0;
  padding: 0px 5px;
}
#nav .menu ul.ulnav li .ddarea .category dd em a {
  color: #444;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
}
#nav .menu ul.ulnav li .ddarea .category dd em a:hover {
  color: #7e5db3;
  text-decoration: underline;
}
#nav .menu ul.ulnav li .ddarea .sale {
  float: right;
  width: 200px;
}
#nav .menu ul.ulnav li .ddarea .sale img {
  max-width: 200px;
}
#nav .tool {
  height: 30px;
  border: solid 1px #ddd;
  border-top: 0px;
}
#nav .tool ul.ulnav li {
  position: relative;
  z-index: 10;
  padding: 0 10px;
}
#nav .tool ul.ulnav li b {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 3px;
  background: url(img/ico.png) no-repeat -40px -23px;
  vertical-align: middle;
}
#nav .tool .menuany {
  float: left;
  background: #7e5db3;
}
#nav .tool .menuany ul.ulnav li {
  float: left;
  width: 80px;
  padding: 8px 10px;
  border-right: dashed 1px #ddd;
}
#nav .tool .sale {
  float: left;
  margin: 8px 0;
}
#nav .tool .sale ul.ulnav li {
  border-right: dashed 1px #ddd;
}
#nav .tool .store {
  float: left;
}
#nav .tool .store ul.ulnav li {
  padding: 8px 10px;
  border-right: dashed 1px #ddd;
}
#nav .tool .news {
  float: right;
  width: 200px;
  height: 30px;
  padding: 0 0 0 5px;
  overflow: hidden;
  border-left: solid 1px #ddd;
}
#nav .tool .news li {
  margin: 8px 0;
  width: 195px;
  text-align: left;
  overflow: hidden;
}
#nav .tool .news li .green {
  display: inline-block;
  background: #7e5db3;
  color: #fff;
  text-align: center;
  min-width: 12px;
  margin-right: 5px;
  padding: 0 2px;
  border-radius: 3px;
}
#nav .tool .akans_area {
  float: right;
  width: 200px;
  height: 30px;
  border-left: solid 1px #ddd;
  position: relative;
}
#nav .tool .akans_area a.text {
  display: inline-block;
  width: 210px;
  height: 25px;
  padding: 5px 0 0 10px;
  text-align: left;
  font-size: 14px;
}
#nav .tool .akans_area a.red {
  display: block;
  padding: 7px 0;
}
#nav .tool .akans_area .ddarea {
  position: absolute;
  right: 50%;
  top: 30px;
  z-index: 999;
  width: 800px;
  height: auto;
  margin: 0 0 0 -50%;
  left: auto;
  border: solid 0px #f08c49;
}
#nav .tool .akans_area .ddarea a.button {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 5px 8px;
  background: #2d91c9;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}
#nav .tool .akans_area .ddarea a.close {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 100;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 5px 8px;
  background: #2d91c9;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}
#nav .tool .akans_area .ddarea a.unshow {
  position: absolute;
  right: 50px;
  top: 0px;
  z-index: 100;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 5px 8px;
  background: #ddd;
  border: 0;
  color: #222;
  text-decoration: none;
}
#nav .tool .akans_area .ddarea a.ok {
  position: absolute;
  right: 20px;
  bottom: 10px;
  z-index: 100;
}
#nav .tool .sale a,
#nav .tool .store a {
  color: #7e5db3;
}
#nav .tool .filter {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #222;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
#location {
  width: 1010px;
  background: #fff;
  padding: 10px 0;
  margin: 0 auto;
  text-align: left;
}
#customer .w {
  background: #3d485c;
  border: solid 1px #ddd;
  box-shadow: 3px 3px 3px #ddd;
  border-radius: 5px;
}
#customer .info {
  float: left;
  padding: 10px 6px;
  color: #fff;
  width: 130px;
}
#customer .info.siteinfo {
  width: 281px;
}
#customer .info .content {
  float: right;
  min-width: 112px;
}
#customer .info .text {
  text-align: right;
  padding: 0 0 0 22px;
  line-height: 20px;
}
#customer .info li {
  height: 12px;
  padding: 8px 0;
}
#customer .info .img {
  float: left;
  height: 40px;
  width: 50px;
}
#customer .info .img0 {
  background: url(img/ico.png) no-repeat 0 -42px;
  float: left;
  height: 40px;
  width: 50px;
}
#customer .info .img1 {
  background: url(img/ico.png) no-repeat -42px -42px;
  float: left;
  height: 40px;
  width: 50px;
}
#customer .info .img2 {
  background: url(img/ico.png) no-repeat 0 -84px;
  float: left;
  height: 40px;
  width: 50px;
}
#customer .info .img3 {
  background: url(img/ico.png) no-repeat -42px -84px;
  float: left;
  height: 40px;
  width: 50px;
}
#customer .info .content a {
  color: #fff;
}
#footer .w {
  text-align: center;
  line-height: 25px;
}

.sale-play .ddplay .content {
  float: right;
  width: 808px;
  height: 240px;
  padding: 0px;
  overflow: hidden;
}
.sale-play .ddplay .content .item {
  float: left;
  position: relative;
  width: 188px;
  height: 220px;
  margin: 10px 6px;
  text-align: center;
  border: solid 1px #fff;
}
.sale-play .ddplay .content .hover {
  border-color: #7e5db3;
}
.sale-play .ddplay .content .item .p-img {
  width: 188px;
  height: 130px;
  border: solid 1px #ddd;
  position: relative;
  overflow: hidden;
}
.sale-play .ddplay .content .item .p-img img.prdt {
  max-width: 188px;
  max-height: 130px;
  transition: all 0.5s ease 0s;
}
/*.sale-play .ddplay .content .item .p-img img.prdt:hover{ transform: scale(1.2);}*/
.sale-play .ddplay .content .item .p-info {
  width: 186px;
  height: 30px;
  padding: 5px 2px;
  color: #6f6d6e;
  line-height: 18px;
  text-align: left;
  overflow: hidden;
}
.sale-play .ddplay .content .item .p-info a {
  color: #6f6d6e;
}
.sale-play .ddplay .content .item .p-info a:hover {
  color: #7e5db3;
}
.sale-play .ddplay .content .item .p-price {
  width: 186px;
  height: 16px;
  padding: 5px 2px;
  text-align: left;
  color: #6f6d6e;
  font-weight: bold;
  font-size: 14px;
}
.sale-play .ddsort {
  float: left;
  height: 240px;
  background: #f7f7f7;
}
.sale-play .ddsort .content {
  background: #f7f7f7;
  text-align: center;
  height: 50px;
  width: 200px;
  padding: 15px 0;
}
.sale-play .ddsort .hover {
  background: #ffd91e;
}
.flex-brand {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#sale-main .sale_main_left_images {
  float: left;
  width: 600px;
  border: solid 1px #ddd;
  border-top: 0px;
}
#sale-main .sale_main_left_images .ddplay {
  float: left;
  height: 478px;
  overflow: hidden;
}
#sale-main .sale_main_left_images .ddsort {
  float: left;
  background: #5f6774;
  width: 100%;
}
#sale-main .sale_main_left_images .ddsort .content {
  float: left;
  background: #5f6774;
  color: #fff;
  text-align: center;
  padding: 7px 10px;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
}
#sale-main .sale_main_left_images .ddsort .hover {
  background: #7e5db3;
}
#sale-main .sale_main_left_images .ddsort .content a {
  color: #fff;
  text-decoration: none;
}
#sale-main .sale_main_left_images .ddsort .content a:hover {
  color: #fff;
  text-decoration: none;
}

#sale-main .sale_main_right_info {
  float: right;
  width: 400px;
  height: 508px;
  overflow: hidden;
  border: solid 1px #ddd;
  border-width: 0 1px 1px 1px;
}
#sale-main .sale_main_right_info li {
  float: left;
  width: 200px;
  text-align: center;
  margin-bottom: 2px;
}

#sale-brand .w {
  height: 240px;
  width: 1008px;
  border: solid 1px #ddd;
}
#sale-brand .ddsort .content.red {
  font-size: 50px;
  font-weight: bold;
  color: #fe0000;
}
#sale-brand .ddsort .content.green {
  font-size: 50px;
  font-weight: bold;
  color: #1b7f37;
}
#sale-brand .ddsort .content.blue {
  font-size: 50px;
  font-weight: bold;
  color: #0062b0;
}

#sale-other .sale_other_brand {
  float: left;
  width: 262px;
  margin-right: 7px;
}
#sale-other .sale_other_brand .ddplay {
  float: left;
  width: 260px;
  border: solid 1px #ddd;
  height: 200px;
  overflow: hidden;
}
#sale-other .sale_other_brand .ddplay .content {
  position: relative;
}
#sale-other .sale_other_brand .ddplay .content a:before {
  content: '';
  position: absolute;
  width: 80px;
  height: 300px;
  top: 0;
  left: -150px;
  overflow: hidden;
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(50%, rgba(255, 255, 255, 0.2)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
}
#sale-other .sale_other_brand .ddplay .content a:hover::before {
  -webkit-transition: left 1s;
  -moz-transition: left 1s;
  transition: left 1s;
  left: 260px;
}
.sale_other_brand .ddplay .content img,
.ddsort .content img {
  width: 100%;
  object-fit: cover;
}
.sale_other_brand .ddsort .content {
  box-sizing: border-box;
}
.sale_other_brand .ddsort .content:first-child {
  border-right: solid 1px #ddd;
}
#sale-other .sale_other_brand .ddsort {
  float: left;
  width: 260px;
  border: solid 1px #ddd;
  height: 70px;
  overflow: hidden;
  border-top: 0px;
}
#sale-other .sale_other_brand .ddsort .content {
  float: left;
  text-align: center;
  width: 130px;
  min-height: 35px;
}
#sale-other .sale_other_month {
  float: left;
  width: 533px;
  margin-right: 7px;
}
#sale-other .sale_other_month .ddplay {
  float: right;
  width: 380px;
  height: 271px;
  overflow: hidden;
  border: solid 1px #ddd;
}
#sale-other .sale_other_month .ddsort {
  float: right;
  width: 150px;
  height: 271px;
  border: solid 1px #ddd;
  border-right: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#sale-other .sale_other_month .ddsort .content {
  float: left;
  width: 150px; /* height:12px; */
  /* padding: 10px 0; */
  text-align: center;
  border-bottom: solid 1px #ddd;
  cursor: pointer;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sale-other .sale_other_month .ddsort .content:last-child {
  border-bottom: none;
}
#sale-other .sale_other_month .ddsort .hover {
  box-shadow: inset 0 0 10px #ddd;
  color: #7e5db3;
  font-weight: bold;
}
#sale-other .sale_other_right_images {
  float: left;
  width: 200px;
  position: relative;
}
#sale-other .sale_other_right_images .ddplay {
  width: 200px;
  text-align: right;
  height: 296px;
}
#sale-other .sale_other_right_images .ddsort {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 9;
}
#sale-other .sale_other_right_images .ddsort .content {
  float: left;
  background: #5f6774;
  width: 15px;
  height: 15px;
  margin: 1px;
  border-radius: 8px;
}
#sale-other .sale_other_right_images .ddsort .hover {
  background: #7e5db3;
}

.sale-group-play .group-main .ddplay .content {
  float: right;
  width: 800px;
  padding: 0px;
  overflow: hidden;
}
.sale-group-play .group-main .ddplay .content .item {
  float: left;
  position: relative;
  width: 188px;
  height: 220px;
  margin: 0 5px;
  text-align: center;
  border: solid 1px #fff;
}
.sale-group-play .group-main .ddplay .content .hover {
  border-color: #7e5db3;
}
.sale-group-play .group-main .ddplay .content .item .p-img {
  width: 188px;
  height: 130px;
  border: solid 1px #ddd;
  position: relative;
  overflow: hidden;
}
.sale-group-play .group-main .ddplay .content .item .p-img img.prdt {
  max-width: 188px;
  max-height: 130px;
  transition: all 0.5s ease 0s;
}
/*.sale-group-play .group-main .ddplay .content .item .p-img img.prdt:hover{ transform: scale(1.2);}*/
.sale-group-play .group-main .ddplay .content .item .p-info {
  width: 186px;
  height: 30px;
  padding: 5px 2px;
  color: #6f6d6e;
  line-height: 18px;
  text-align: left;
  overflow: hidden;
}
.sale-group-play .group-main .ddplay .content .item .p-info a {
  color: #6f6d6e;
}
.sale-group-play .group-main .ddplay .content .item .p-info a:hover {
  color: #7e5db3;
}
.sale-group-play .group-main .ddplay .content .item .p-price {
  width: 186px;
  height: 16px;
  padding: 5px 2px;
  text-align: left;
  color: #6f6d6e;
  font-weight: bold;
  font-size: 14px;
}

.sale-group-play .group-main {
  float: left;
  width: 810px;
}
.sale-group-play .group-pic {
  float: left;
  width: 200px;
}

.sale-group-play .group-main .group_main_prdt {
  float: left;
  width: 802px;
  margin: 0 6px 2px 0;
  border: solid 1px #ddd;
}
.sale-group-play .group-main .group_main_prdt .title h3 {
  padding: 5px 10px;
}

.sale-group-play .group-main .group_main_pic {
  float: left;
  width: 804px;
}
.sale-group-play .group-main .group_main_pic .ddplay .content {
  float: right;
  width: 650px;
  padding: 0px;
  overflow: hidden;
}
.sale-group-play .group-main .group_main_pic .ddplay .content img {
  width: 650px;
  height: 200px;
}
.sale-group-play .group-main .group_main_pic .ddsort {
  float: left;
  background: #f7f7f7;
}
.sale-group-play .group-main .group_main_pic .ddsort .content {
  background: #f7f7f7;
  text-align: center;
  height: 20px;
  width: 154px;
  padding: 15px 0;
}
.sale-group-play .group-main .group_main_pic .ddsort .hover {
  background: #7e5db3;
  padding: 14px 0 15px 0;
  color: #fff;
  border-top: solid 1px #fff;
}

.sale-group-play .group-pic .group_play_image img {
  width: 200px;
  height: 455px;
}

.group-main-advert {
  float: left;
}
.sale_bottom_left {
  float: left;
  width: 262px;
  margin-right: 7px;
}
.sale_bottom_left img {
  width: 262px;
  margin: 0 0 4px 0;
}
.sale_bottom_mid {
  float: left;
  width: 533px;
  margin-right: 7px;
}
.sale_bottom_mid img {
  width: 533px;
  height: 120px;
}
.group_advert_image {
  float: left;
  width: 809px;
}
.group_advert_image img {
  width: 802px;
  height: 150px;
}
.sale_bottom_right {
  float: left;
  width: 200px;
}
.sale_bottom_right img {
  width: 200px;
  height: 120px;
}

.sale-play-prdt .menu-small {
  float: left;
  width: 192px;
  border: solid 1px #ddd;
  border-bottom: solid 0px #ddd;
  margin-bottom: 15px;
}
.sale-play-prdt .menu-small .item {
  border-bottom: solid 1px #ddd;
}
.sale-play-prdt .menu-small h3 {
  background: #f1f1f1;
  color: #222;
  font-size: 16px;
  padding: 8px;
  cursor: pointer;
}
.sale-play-prdt .menu-small h3 b {
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  background: url(img/ico2.png) no-repeat -20px 0;
  overflow: hidden;
}
.sale-play-prdt .menu-small .hover h3 b {
  background-position: -38px 0;
}
.sale-play-prdt .menu-small ul.list {
  text-align: left;
  display: none;
}
.sale-play-prdt .menu-small .hover ul {
  text-align: left;
  display: block;
}
.sale-play-prdt .menu-small ul.list li {
  text-align: left;
  padding: 3px 0px 3px 20px;
  line-height: 20px;
}
.sale-play-prdt .menu-small ul.list li a {
  font-size: 14px;
}

.sale-play-prdt .search-feature {
  float: right;
  width: 804px;
  margin-bottom: 8px;
  border: solid 1px #ddd;
  border-bottom: 0;
}
.sale-play-prdt .search-feature h3 {
  background: #f1f1f1;
  color: #000;
  padding: 8px;
  cursor: pointer;
}
.sale-play-prdt .search-feature dl {
  border-bottom: solid 1px #ddd;
  padding: 3px 0;
  overflow: hidden;
  zoom: 1;
}
.sale-play-prdt .search-feature dt {
  float: left;
  color: #7e5db3;
  font-weight: bold;
  width: 100px;
  padding: 3px 4px 3px 0;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
  zoom: 1;
  overflow: hidden;
}
.sale-play-prdt .search-feature dd {
  position: relative;
  width: 700px;
  height: 25px;
  overflow: hidden;
}
.sale-play-prdt .search-feature dd .em {
  float: left;
  width: 600px;
}
.sale-play-prdt .search-feature dd em {
  float: left;
  padding: 3px;
  white-space: nowrap;
}
.sale-play-prdt .search-feature dd em a {
  display: inline-block;
  padding: 0 5px 2px 5px;
  background: #fff;
  color: #000;
  border-left: solid 1px #ddd;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
}
.sale-play-prdt .search-feature dd em a:hover {
  background: #7e5db3;
  color: #fff;
}
.sale-play-prdt .search-feature dd .selectem {
  display: none;
}
.sale-play-prdt .search-feature dd .hidemore {
  position: absolute;
  right: 10px;
  top: 0px;
  display: none;
  background: #7e5db3;
  color: #fff;
  padding: 2px;
  cursor: pointer;
}
.sale-play-prdt .search-feature dd .viewmore {
  position: absolute;
  right: 10px;
  top: 0px;
  display: none;
  background: #7e5db3;
  color: #fff;
  padding: 2px;
  cursor: pointer;
}
.sale-play-prdt .search-feature dd.more .viewmore {
  display: inline;
}
.sale-play-prdt .search-feature dd.select {
  height: auto;
  overflow: hidden;
}
.sale-play-prdt .search-feature dd.select .hidemore {
  display: inline;
}
.sale-play-prdt .search-feature dd.select .viewmore {
  display: none;
}
.sale-play-prdt .search-feature dd.select .selectem {
  display: none;
}
.sale-play-prdt .search-feature dd.search-on {
  height: auto;
  padding: 0 0 4px 0;
  overflow: hidden;
}
.sale-play-prdt .search-feature dd.search-on em {
  float: left;
  padding: 3px 10px;
  background: #fff;
  color: #000;
  box-shadow: inset 0 0 20px #aaa;
  margin: 0 10px 0 0;
}
.sale-play-prdt .search-feature dd.search-on .viewmore {
  display: inline;
}

.sale-play-prdt .left {
  float: left;
  width: 194px;
}
.sale-play-prdt .right {
  float: right;
  width: 816px;
  overflow: hidden;
}
.sale-play-prdt .ddsort {
  float: left;
  width: 1008px;
  height: 26px;
  background: #f1f1f1;
  border: solid 1px #ddd;
  border-bottom: 0px;
}
.sale-play-prdt .ddplay {
  float: left;
  width: 1008px;
  background: #fff;
  border: solid 1px #ddd;
  border-top: 0px;
}
.sale-play-prdt .left .ddsort {
  float: left;
  width: 192px;
  border: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}
.sale-play-prdt .left .ddplay {
  float: left;
  width: 192px;
  min-height: 400px;
  border: solid 1px #ddd;
  border-top: 0px;
}
.sale-play-prdt .right .ddsort {
  float: right;
  width: 804px;
}
.sale-play-prdt .right .ddplay {
  float: right;
  width: 806px;
  border: 0px;
}
.sale-play-prdt .ddsort {
  position: relative;
  height: 26px;
  background: #f1f1f1;
  border-bottom: solid 1px #ddd;
}
.sale-play-prdt .ddsort ul {
  float: left;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.sale-play-prdt .ddsort li.content {
  float: left;
  padding: 8px 11px;
  background: Transparent;
  color: #000;
  cursor: pointer;
}
.sale-play-prdt .ddsort li.hover {
  float: left;
  padding: 8px 11px;
  background: #7e5db3;
  color: #fff;
  cursor: pointer;
  border-radius: 3px 3px 0 0;
}
.sale-play-prdt .ddplay .item {
  float: left;
  position: relative;
  width: 114px;
  height: 132px;
  margin: 5px;
  text-align: center;
  border: solid 1px #fff;
}
.sale-play-prdt .ddplay .hover {
  border-color: #7e5db3;
}
.sale-play-prdt .ddplay .item .p-img {
  width: 110px;
  height: 70px;
  border: solid 1px #fff;
}
.sale-play-prdt .ddplay .item img.prdt {
  max-width: 100px;
  max-height: 70px;
}
.sale-play-prdt .ddplay .item .p-info {
  width: 106px;
  height: 25px;
  padding: 5px 2px;
  line-height: 15px;
  text-align: left;
  overflow: hidden;
}
.sale-play-prdt .ddplay .item .p-info a:hover {
  color: #7e5db3;
}
.sale-play-prdt .ddplay .item .p-price {
  width: 106px;
  height: 16px;
  padding: 5px 2px;
  text-align: left;
  color: #3d485c;
  font-weight: bold;
  font-size: 14px;
}
.sale-play-prdt .ddplay .item .pos {
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 58px;
  left: 0px;
  width: 106px;
  padding: 3px 2px;
  text-align: left;
  color: #000;
  overflow: hidden;
  background: #fff;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.sale-play-prdt .ddplay .item.hover .pos {
  display: block;
}
.sale-play-prdt .left .ddplay .item {
  float: none;
  position: relative;
  width: 188px;
  height: 200px;
  margin: 10px auto;
  text-align: center;
  border: solid 2px #fff;
}
.sale-play-prdt .left .ddplay .item .p-img {
  width: 188px;
  height: 130px;
}
.sale-play-prdt .left .ddplay .item .p-img img.prdt {
  max-width: 186px;
  max-height: 130px;
  border: solid 1px #f1f1f1;
}
.sale-play-prdt .left .ddplay .item .p-info {
  width: 172px;
  height: 25px;
  padding: 5px 10px;
  color: #7e5db3;
  line-height: 15px;
  text-align: left;
  overflow: hidden;
}
.sale-play-prdt .left .ddplay .item .p-price {
  width: 172px;
  color: #df0029;
  height: 16px;
  padding: 5px 10px;
}
.sale-play-prdt .ddplay.noprdt {
  float: none;
  width: 760px;
  margin: 10px auto;
  border: solid 1px #ddd;
}

.sale-play-prdt .advert {
  text-align: center;
  float: right;
  width: 806px;
  overflow: hidden;
}
.sale-play-prdt .advert .item {
  float: left;
  position: relative;
  text-align: center;
  width: 242px;
  height: 280px;
  border: solid 2px #fff;
  margin: 0px 34px 30px 0;
}
.sale-play-prdt .advert .item.item_right {
  margin: 0px 0 30px 0;
}
.sale-play-prdt .advert .hover {
  border-color: #fff;
} /*#7E5DB3*/
.sale-play-prdt .advert .item .p-img {
  width: 240px;
  height: 166px;
  overflow: hidden;
  border: solid 1px #ddd;
  position: relative;
}
.sale-play-prdt .advert .item .p-img img.prdt {
  max-width: 240px;
  max-height: 166px;
  transition: all 0.5s ease 0s;
}
/*.sale-play-prdt .advert .item .p-img img.prdt:hover{ transform: scale(1.2);}*/

.sale-play-prdt .advert .item .p-img .p-specific {
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 240px;
  text-align: left;
  font-weight: bold;
  overflow: hidden;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.sale-play-prdt .advert .item.hover .p-img .p-specific {
  display: block;
}
.sale-play-prdt .advert .item .p-img .p-specific li {
  width: 240px;
  text-align: left;
  background: #7e5db3;
  padding: 3px 0;
  color: #fff;
}
.sale-play-prdt .advert .item .p-img .p-specific .phone_qrcode {
  padding: 5px 0;
  text-align: center;
  overflow: hidden;
  background-color: #fff;
}
.sale-play-prdt .advert .item .p-img .p-specific .phone_qrcode img {
  height: 100px;
}

.sale-play-prdt .advert .item .p-info {
  width: 240px;
  height: 40px;
  color: #222;
  text-align: left;
  padding: 8px 0 0 0;
  overflow: hidden;
}
.sale-play-prdt .advert .item .p-info a {
  color: #6f6d6e;
}
.sale-play-prdt .advert .item .p-info a:hover {
  color: #7e5db3;
}
.sale-play-prdt .advert .item .p-price {
  position: relative;
  width: 240px;
  color: #df0029;
  text-align: left;
  padding: 5px 0 0 0;
  font-weight: bold;
  font-size: 18px;
}
.sale-play-prdt .advert .item .p-cash {
  float: right;
}
.sale-play-prdt .advert .item .p-mprice {
  color: #c0c0c0;
  font-weight: bold;
  font-size: 14px;
  text-decoration: line-through;
}
.sale-play-prdt .advert .item .input-btn {
  width: 240px;
  float: left;
}
.sale-play-prdt .advert .item .enable {
  margin: 0 3px;
}
.sale-play-prdt .advert .item .p-input a.button {
  display: inline-block;
  background: #7e5db3;
  color: #fff;
  padding: 3px 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
}
.sale-play-prdt .advert .item .p-input em.add {
  display: inline-block;
  text-indent: 50px;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: #fff url(img/ico2.png) no-repeat -20px 0;
  vertical-align: middle;
  cursor: pointer;
}
.sale-play-prdt .advert .item .p-input em.reduce {
  display: inline-block;
  text-indent: 50px;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: #fff url(img/ico2.png) no-repeat -38px 0;
  vertical-align: middle;
  cursor: pointer;
}
.sale-play-prdt .advert .item .p-input input.textbox {
  width: 35px;
  height: 22px;
  text-align: center;
  border: solid 1px #ccc;
  vertical-align: middle;
}

#page-prdt-area .area_sale {
  float: left;
  width: 612px;
  position: relative;
  text-align: right;
}
#page-prdt-area .area_sale .ddplay {
  width: 600px;
  border: solid 1px #ddd;
}
#page-prdt-area .area_sale .ddplay img {
  height: 200px;
}
#page-prdt-area .area_sale .ddsort {
  position: absolute;
  right: 0px;
  bottom: 1px;
  z-index: 9;
  width: 600px;
  height: 20px;
  text-align: right;
  background: #fff;
  border: 0px;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
#page-prdt-area .area_sale .ddsort .content {
  display: inline-block;
  background: #5f6774;
  color: #fff;
  width: 16px;
  height: 16px;
  border-radius: 10px;
  margin: 0 5px 0 0;
  text-align: center;
  padding: 2px 3px;
}
#page-prdt-area .area_sale .ddsort .hover {
  background: #7e5db3;
}
#page-prdt-area .menu_sale {
  float: right;
  width: 200px;
}
#page-prdt-area .menu_sale img {
  max-width: 200px;
}

#page-prdt-list .right .prdt-bar {
  float: right;
  position: relative;
  width: 804px;
  margin-bottom: 8px;
  background: #f1f1f1;
  border: solid 1px #ddd;
}
#page-prdt-list .right .prdt-bar dl {
  float: left;
  padding: 4px;
}
#page-prdt-list .right .prdt-bar dt {
  float: left;
  padding: 5px 0px 2px 8px;
}
#page-prdt-list .right .prdt-bar dd {
  float: left;
  background: #fff;
  color: #000;
  margin: 0 5px 0 0;
}
#page-prdt-list .right .prdt-bar dd a {
  display: block;
  color: #000;
  padding: 4px 8px 3px 8px;
}
#page-prdt-list .right .prdt-bar dd.curr {
  background: #7e5db3;
  color: #fff;
  padding: 4px 8px 3px 8px;
  cursor: default;
  border: solid 1px #ddd;
}
#page-prdt-list .right .prdt-bar dd.button {
  background: #fff;
  color: #000;
  padding: 0px;
  cursor: pointer;
  border: solid 1px #ddd;
}
#page-prdt-list .right .prdt-bar dd.button a {
  display: block;
  background: #fff;
  color: #000;
  padding: 4px 8px 3px 8px;
  text-decoration: none;
}
#page-prdt-list .right .prdt-bar dd.button a:hover {
  background: #7e5db3;
  color: #fff;
}
#page-prdt-list .right .prdt-bar dd.button.curr a {
  background: #7e5db3;
  color: #fff;
}
#page-prdt-list .right .prdt-bar dd.button a em {
  display: inline-block;
  margin-right: 3px;
  width: 11px;
  height: 11px;
  background: url(img/ico2.png) no-repeat -68px -50px;
}
#page-prdt-list .right .prdt-bar dd.button.curr a em {
  display: inline-block;
  margin-right: 3px;
  width: 11px;
  height: 11px;
  background: url(img/ico2.png) no-repeat -68px -62px;
}
#page-prdt-list .right .prdt-bar dd.darkgreen a {
  color: #7e5db3;
}
#page-prdt-list .right .prdt-bar dd.up,
#page-prdt-list .right .prdt-bar dd.down {
  background: #7e5db3;
  padding: 0 15px 0 0;
  cursor: pointer;
  position: relative;
}
#page-prdt-list .right .prdt-bar dd.up a,
#page-prdt-list .right .prdt-bar dd.down a {
  padding: 4px 0px 3px 8px;
}
#page-prdt-list .right .prdt-bar dd.up b {
  position: absolute;
  background: url(img/ico2.png) no-repeat 0px -11px;
  top: 6px;
  right: 3px;
  z-index: 1;
  height: 13px;
  width: 9px;
}
#page-prdt-list .right .prdt-bar dd.down b {
  position: absolute;
  background: url(img/ico2.png) no-repeat 0 0;
  top: 7px;
  right: 3px;
  z-index: 1;
  height: 12px;
  width: 9px;
}
#page-prdt-list .right .prdt-bar .pagin {
  float: right;
  padding: 4px;
}
#page-prdt-list .right .prdt-bar .pagin em {
  float: left;
  background: #fff;
  color: #999;
  margin: 0 5px 0 0;
  padding: 4px 8px 3px 8px;
  border: solid 1px #ddd;
  cursor: default;
}
#page-prdt-list .right .prdt-bar .pagin em.text {
  float: left;
  background: Transparent;
  color: #000;
  padding: 4px 5px 3px 5px;
  margin: 0px;
  border: solid 1px Transparent;
}
#page-prdt-list .right .prdt-bar .pagin em.button {
  padding: 0px;
}
#page-prdt-list .right .prdt-bar .pagin em.button a {
  display: block;
  padding: 4px 8px 3px 8px;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
}
#page-prdt-list .right .prdt-bar .pagin em.button a:hover {
  color: #fff;
  background: #7e5db3;
}
#page-prdt-list .right .prdt-page-bar {
  float: right;
  width: 806px;
  padding: 4px;
  text-align: center;
}
#page-prdt-list .right .prdt-page-bar .pagin {
  display: inline-block;
}
#page-prdt-list .right .prdt-page-bar em {
  float: left;
  background: #fff;
  color: #999;
  padding: 5px 9px 4px 9px;
  margin: 0 5px 0 0;
  border: solid 1px #ddd;
  cursor: default;
}
#page-prdt-list .right .prdt-page-bar em.text {
  background: Transparent;
  color: #000;
  padding: 5px 6px 4px 6px;
  margin: 0px;
  border: solid 1px Transparent;
  cursor: default;
}
#page-prdt-list .right .prdt-page-bar em.input {
  background: Transparent;
  padding: 0px 6px;
  margin: 0px;
  border: solid 1px Transparent;
  cursor: default;
}
#page-prdt-list .right .prdt-page-bar em.button {
  padding: 0px;
}
#page-prdt-list .right .prdt-page-bar em.button a {
  display: block;
  padding: 4px 8px 3px 8px;
  background: #fff;
  color: #000;
  text-decoration: none;
}
#page-prdt-list .right .prdt-page-bar em.button a:hover {
  color: #fff;
  background: #7e5db3;
}
#page-prdt-list .right .prdt-page-bar em.curr {
  background: #7e5db3;
  color: #fff;
  cursor: pointer;
}
#page-prdt-list .right .prdt-page-bar em.curr a {
  background: #7e5db3;
  color: #fff;
}
#page-prdt-list .right .prdt-page-bar input.textbox {
  width: 35px;
  height: 12px;
  padding: 4px 0px;
  border: solid 1px #ddd;
  text-align: center;
}

#page-prdt-list .right .prdt-list {
  float: right;
  width: 806px;
}
#page-prdt-list .right .prdt-list .item {
  float: left;
  position: relative;
  text-align: center;
  width: 242px;
  height: 280px;
  border: solid 2px #fff;
  margin: 0px 34px 30px 0;
}
#page-prdt-list .right .prdt-list .item.item_right {
  margin: 0px 0 30px 0;
}
#page-prdt-list .right .prdt-list .hover {
  border-color: #fff;
} /*#7E5DB3*/
#page-prdt-list .right .prdt-list .item .p-img {
  width: 240px;
  height: 166px;
  overflow: hidden;
  border: solid 1px #ddd;
  position: relative;
}
#page-prdt-list .right .prdt-list .item .p-img img.prdt {
  max-width: 240px;
  max-height: 166px;
  transition: all 0.5s ease 0s;
}
/*#page-prdt-list .right .prdt-list .item .p-img img.prdt:hover{ transform: scale(1.2);}*/
#page-prdt-list .right .prdt-list .item .p-specific {
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 240px;
  text-align: left;
  font-weight: bold;
  overflow: hidden;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#page-prdt-list .right .prdt-list .hover .p-specific {
  display: block;
}
#page-prdt-list .right .prdt-list .item .p-specific li {
  width: 240px;
  text-align: left;
  background: #7e5db3;
  padding: 3px 0;
  color: #fff;
}
#page-prdt-list .right .prdt-list .item .p-specific .phone_qrcode {
  padding: 5px 0;
  text-align: center;
  overflow: hidden;
  background-color: #fff;
}
#page-prdt-list .right .prdt-list .item .p-specific .phone_qrcode img {
  height: 100px;
}

#page-prdt-list .right .prdt-list .item .p-name {
  width: 240px;
  height: 40px;
  color: #222;
  text-align: left;
  padding: 8px 0 0 0;
  overflow: hidden;
}
#page-prdt-list .right .prdt-list .item .p-name a {
  color: #000;
  font-size: 14px;
}
#page-prdt-list .right .prdt-list .item .p-name a:hover {
  color: #000;
  font-size: 14px;
}
#page-prdt-list .right .prdt-list .item .p-name a.prdtno {
  color: #7e5db3;
  font-size: 14px;
}
#page-prdt-list .right .prdt-list .item .p-price {
  position: relative;
  width: 240px;
  color: #df0029;
  text-align: left;
  padding: 5px 0 0 0;
  font-weight: bold;
  font-size: 18px;
}
#page-prdt-list .right .prdt-list .item .p-input {
  position: relative;
  width: 240px;
  color: #df0029;
  text-align: left;
  padding: 5px 0 0 0;
  font-weight: bold;
  font-size: 16px;
}
#page-prdt-list .right .prdt-list .item .WebAlert_Msg {
  color: #df0029;
  font-weight: bold;
  font-size: 14px;
}
#page-prdt-list .right .prdt-list .item .input {
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}
#page-prdt-list .right .prdt-list .item .enable {
  display: block;
  background: #f1f1f1;
  color: #999;
  padding: 2px 3px;
  margin: 2px;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-decoration: none;
  white-space: pre-wrap;
}
#page-prdt-list .right .prdt-list .item .input a.button {
  display: inline-block;
  background: #7e5db3;
  color: #fff;
  padding: 3px 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
}
#page-prdt-list .right .prdt-list .item .input em.add {
  display: inline-block;
  text-indent: 50px;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: #fff url(img/ico2.png) no-repeat -20px 0;
  vertical-align: middle;
  cursor: pointer;
}
#page-prdt-list .right .prdt-list .item .input em.reduce {
  display: inline-block;
  text-indent: 50px;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: #fff url(img/ico2.png) no-repeat -38px 0;
  vertical-align: middle;
  cursor: pointer;
}
#page-prdt-list .right .prdt-list .item .input input.textbox {
  width: 35px;
  height: 22px;
  text-align: center;
  border: solid 1px #ccc;
  vertical-align: middle;
}
#page-prdt-list .right .prdt-list .item .input-btn {
  width: 240px;
  float: left;
}
#page-prdt-list .right .prdt-list .item .enable {
  margin: 0 3px;
}
#page-prdt-list .right .prdt-list .item .p-info {
  display: none;
  position: absolute;
  z-index: 1;
  top: 280px;
  left: -2px;
  width: 240px;
  height: 20px;
  padding: 0 0 0 5px;
  text-align: left;
  color: #df0029;
  font-weight: bold;
  overflow: hidden;
}
#page-prdt-list .right .prdt-list .hover .p-info {
  display: block;
}
#page-prdt-list .right .prdt-list .item .p-cash {
  float: right;
}
#page-prdt-list .right .prdt-list .item .p-mprice {
  color: #c0c0c0;
  font-weight: bold;
  font-size: 14px;
  text-decoration: line-through;
}

#page-prdt-detail .pic {
  float: left;
  width: 410px;
  text-align: left;
}
#page-prdt-detail .img {
  float: left;
  width: 400px;
  border: solid 1px #fff;
  height: 280px;
  text-align: center;
  vertical-align: middle;
}
#page-prdt-detail .img img.prdt {
  max-width: 400px;
  max-height: 280px;
}
#page-prdt-detail .info {
  float: right;
  width: 580px;
  line-height: 25px;
  position: relative;
}
#page-prdt-detail .info .name {
  color: #3d485c;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 5px 0;
  border-bottom: dashed 1px #5f6774;
}
#page-prdt-detail .info .WebAlert_Msg {
  color: #df0029;
  font-size: 16px;
  font-weight: bold;
}
#page-prdt-detail .info .mprice {
  background: #fff;
  color: #c0c0c0;
  margin: 10px 0;
  padding: 5px 0;
  font-size: 16px;
  font-weight: bold;
  text-decoration: line-through;
}
#page-prdt-detail .info .price {
  background: #fff;
  color: #df0029;
  margin: 10px 0;
  padding: 5px 0;
  font-size: 16px;
  font-weight: bold;
}
#page-prdt-detail .input em.add {
  display: inline-block;
  text-indent: 50px;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: #fff url(img/ico2.png) no-repeat -20px 0;
  vertical-align: middle;
  cursor: pointer;
}
#page-prdt-detail .input em.reduce {
  display: inline-block;
  text-indent: 50px;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: #fff url(img/ico2.png) no-repeat -38px 0;
  vertical-align: middle;
  cursor: pointer;
}
#page-prdt-detail .input em.btn {
  display: inline-block;
  width: auto;
  height: 22px;
  text-indent: 0px;
  margin: 0 3px;
  padding: 0 5px;
  background: #f1f1f1;
  border: 1px solid #ddd;
  color: #000;
  text-align: center;
  vertical-align: -3px;
}
#page-prdt-detail .input .text {
  width: 35px;
  height: 22px;
  text-align: center;
  border: solid 1px #ddd;
  vertical-align: middle;
}
#page-prdt-detail .yeardm {
  color: #3d485c;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0 0 0;
}
#page-prdt-detail .yeardm img {
  float: left;
  margin-right: 10px;
}
#page-prdt-detail .stock {
  color: #3d485c;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0 0 0;
}

#page-prdt-detail .phone_qrcode {
  position: absolute;
  top: 70px;
  right: 50px;
  text-align: center;
}
#page-prdt-detail .phone_qrcode img {
  width: 120px;
}

#page-prdt-detail .saleinfo {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  color: #000;
}
#page-prdt-detail .saleinfo dl {
  float: left;
  font-size: 16px;
  vertical-align: middle;
}
#page-prdt-detail .saleinfo dt {
  float: left;
  font-size: 16px;
  padding: 5px 0px;
}
#page-prdt-detail .saleinfo dd {
  float: left;
  width: auto;
  height: auto;
  background: #fff;
  color: #000;
  font-size: 14px;
  border: solid 1px #ccc;
  margin: 0 5px 0 0;
  padding: 3px 8px;
  cursor: pointer;
  box-shadow: none;
}
#page-prdt-detail .saleinfo dd a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
#page-prdt-detail .saleinfo dd.hover {
  background: #fff;
  z-index: 9;
  color: #222;
  cursor: default;
  padding: 2px 7px;
  border: solid 2px #7e5db3;
  position: relative;
}
#page-prdt-detail .saleinfo dd.curr {
  background: #eee url(img/selected-icon.png) no-repeat right bottom;
  z-index: 9;
  color: #222;
  cursor: default;
  padding: 2px 7px;
  border: solid 2px #7e5db3;
  position: relative;
}
#page-prdt-detail .saleinfo dd.enable {
  background: #fff;
  color: #ccc;
  border: solid 1px #e9e9e9;
}

#page-prdt-detail .specific {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  color: #000;
}
#page-prdt-detail .specific ul.list {
  float: left;
  width: 100%;
}
#page-prdt-detail .specific ul.list li {
  text-align: left;
  padding: 10px 10px 8px 10px;
}
#page-prdt-detail .specific ul.ulnav li {
  min-width: 120px;
  text-align: left;
  padding: 10px 10px 8px 10px;
  word-break: break-all;
  word-wrap: break-word;
}
#page-prdt-detail .info .specific {
  float: left;
  width: 100%;
  margin: 10px 0;
  padding: 0 0 10px 0;
  color: #333;
  background: #f1f1f1;
}
#page-prdt-detail .info .specific ul.ulnav li {
  min-width: 150px;
  text-align: left;
  padding: 10px 10px 0 0;
}
#page-prdt-detail .article {
  width: 100%;
  background: #fff;
  text-align: center;
  overflow-x: hidden;
}
#page-prdt-detail .article .pic {
  float: none;
  width: auto;
  text-align: inherit;
}
#page-prdt-detail .article .info {
  float: none;
  width: auto;
  line-height: normal;
}
#page-prdt-detail .article .item {
  float: none;
  width: auto;
  height: auto;
  border: none;
  position: static;
  margin: auto;
  padding: auto;
  text-align: inherit;
}
#page-prdt-detail .article .item .img {
  float: none;
  width: auto;
  height: auto;
  border: none;
  position: static;
  margin: auto;
  padding: auto;
  text-align: inherit;
}
#page-prdt-detail .memo {
  background: #fff;
  text-align: left;
  padding: 20px;
  line-height: 25px;
  overflow-x: hidden;
}
#page-prdt-detail .article .memo {
  padding: 0 10px;
}

#page-prdt-detail .feedback {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  color: #000;
  font-size: 14px;
}
#page-prdt-detail .feedback .feedback_item {
  padding: 10px;
  border-bottom: 1px dotted #ddd;
}
#page-prdt-detail .feedback .feedback_item.my {
  background: #ffefef;
}
#page-prdt-detail .feedback .feedback_item dl {
  margin-top: 8px;
  overflow: hidden;
  zoom: 1;
}
#page-prdt-detail .feedback .feedback_item dt {
  float: left;
  width: 80px;
  text-align: right;
}
#page-prdt-detail .feedback .feedback_item dd {
  float: left;
  min-width: 120px;
  overflow: hidden;
}
#page-prdt-detail .feedback .feedback_item .feedback_user {
  color: #666;
}
#page-prdt-detail .feedback .feedback_item .feedback_answer {
  color: #7e5db3;
}
#page-prdt-detail .feedback .feedback_item .feedback_name {
  text-align: left;
  font-size: 12px;
  font-style: italic;
}
#page-prdt-detail .feedback .feedback_item .feedback_date {
  width: 200px;
  color: #666;
  font-size: 12px;
  text-align: center;
}
#page-prdt-detail .feedback .feedback_item .feedback_content {
  width: 700px;
  font-size: 14px;
}

#page_user_login .w {
  width: 1000px;
  height: 400px;
  margin: 0px auto 20px auto;
  padding: 5px;
  background: #f1f1f1;
  border-radius: 3px;
}
#page_user_login .advert {
  float: left;
  width: 600px;
  height: 400px;
  background: #fff;
  text-align: right;
}
#page_user_login .advert img {
  width: 600px;
  height: 400px;
  margin: auto 0;
}
#page_user_login .form {
  float: right;
  width: 399px;
  height: 400px;
  background: #fff;
  border-left: solid 1px #f1f1f1;
}
#page_user_login .form .message {
  padding: 5px 10px 5px 30px;
  width: 246px;
}
#page_user_login .form .login {
  width: 300px;
  margin: 8px auto;
  padding: 5px;
}
/*#page_user_login .form .item{padding:20px 0 0 0;}*/
#page_user_login .form .item {
  padding: 10px 0 0 0;
}
#page_user_login .form .item a {
  line-height: 20px;
}
#page_user_login .form .item span {
  display: block;
  font-size: 16px;
  padding: 0 0 5px 0;
}
#page_user_login .form .input {
  background: #7e5db3;
  width: 286px;
  padding: 1px;
}
#page_user_login .form .input_area {
  background: #fff;
  width: 286px;
  padding: 1px;
}
#page_user_login .form .text {
  display: block;
  padding: 3px;
  height: 25px;
  box-shadow: inset 0 0 5px #7e5db3;
  width: 280px;
  background: #fff;
  border: 0;
}
#page_user_login .form .button {
  display: inline-block;
  width: 208px;
  font-size: 20px;
  height: 40px;
  background: #7e5db3;
  color: #fff;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  vertical-align: bottom;
}
#page_user_login .form .join {
  display: inline-block;
  width: 50px;
  height: 20px;
  padding: 10px;
  background: #7e5db3;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}
/*#page_user_login .form .otherlogin{display:inline-block; height:18px; padding:2px 10px; text-align:center; background: #7E5DB3; box-shadow:3px 3px 3px #ddd; border:0; color:#fff; text-decoration:none;}*/
#page_user_login .form .otherlogin {
  display: inline-block;
  height: 22px;
  padding: 2px 10px;
  text-align: center;
  background: #7e5db3;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}
#page_user_login .form dl.area {
  float: left;
  padding: 3px 0 0 0;
  height: 20px;
  width: 280px;
  background: #fff;
  border: 0;
}
#page_user_login .form dl.area dt {
  float: left;
  background: #fff;
}
#page_user_login .form dl.area dd {
  float: left;
  background: #fff;
  padding: 0px;
  height: 19px;
  font-size: 14px;
}

#page-user .area {
  width: 1000px;
  padding: 5px;
  background: #eee;
  border-radius: 5px;
  margin-bottom: 10px;
}
#page-user .left {
  float: left;
  width: 190px;
}
#page-user .right {
  float: right;
  width: 810px;
}
#page-user .right .area {
  width: 800px;
}
#page-user .left .menu {
  float: left;
  width: 188px;
  border: solid 1px #ddd;
  margin-bottom: 5px;
  border-radius: 5px 5px 0 0;
}
#page-user .left .menu h3 {
  background: #eee;
  color: #333;
  text-align: left;
  padding: 8px;
  border-radius: 5px 5px 0 0;
}
#page-user .left .menu ul.list {
  text-align: left;
}
#page-user .left .menu ul.list li {
  text-align: left;
  padding: 3px 0px 3px 20px;
  line-height: 20px;
}
#page-user .article {
  width: 1000px;
  background: #fff;
}
#page-user .article p {
  text-indent: 2em;
  line-height: 20px;
  padding: 5px;
  background: #f1f1f1;
}
#page-user .article .server {
  max-height: 400px;
  background: #fff;
  overflow-y: scroll;
}
#page-user .article .server p {
  padding: 0px;
  margin: 10px;
  background: #fff;
}
#page-user .article p.h2 {
  display: block;
  font-size: 20px;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
  text-indent: 0px;
}
#page-user .article p.h3 {
  text-indent: 1em;
  font-size: 16px;
  font-weight: bold;
}
#page-user .article p.h5 {
  text-indent: 1.5em;
  font-size: 14px;
  font-weight: bold;
}
#page-user .right .article {
  width: 800px;
  background: #fff;
}
#page-user .right .article p {
  background: #fff;
}

#page-user h3 {
  display: block;
  font-size: 16px;
  padding: 10px 0;
  font-weight: bold;
  text-align: left;
  text-indent: 20px;
}
#page-user h3 .stext {
  font-size: 14px;
  padding: 10px 0;
  font-weight: normal;
}
#page-user .form {
  width: 100%;
  text-align: center;
}
#page-user .right .form {
  width: 800px;
  text-align: center;
}
#page-user .form .button {
  display: inline-block;
  width: 208px;
  height: 40px;
  font-size: 20px;
  background: #7e5db3;
  color: #fff;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  vertical-align: bottom;
}
#page-user .form .dbutton {
  display: inline-block;
  width: auto;
  padding: 0 10px;
  height: 27px;
  font-size: 20px;
  background: #7e5db3;
  color: #fff;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  vertical-align: bottom;
}
#page-user .form a.button {
  display: inline-block;
  width: 208px;
  height: auto;
  padding: 5px 8px;
  background: #7e5db3;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
#page-user .form .sbutton {
  display: inline-block;
  height: 18px;
  padding: 2px 10px;
  text-align: center;
  background: #7e5db3;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}
#page-user .form .sbutton_redbg {
  display: inline-block;
  height: 18px;
  padding: 2px 10px;
  text-align: center;
  background: #df0029;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}
#page-user .form .ebutton {
  display: inline-block;
  width: auto;
  padding: 2px 10px;
  height: 27px;
  font-size: 12px;
  background: #7e5db3;
  color: #fff;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  vertical-align: bottom;
}
#page-user .form input.sbutton {
  height: 22px;
}
#page-user .form .item {
  float: left;
  width: 100%;
  margin: 0 auto;
  padding: 5px 0;
  background: #fff;
}
#page-user .right .form .item {
  float: left;
  width: 790px;
  margin: 0 auto;
  padding: 5px;
  background: #fff;
}
#page-user .form .item .caption {
  float: left;
  width: 200px;
  padding: 5px;
  height: 14px;
  text-align: right;
  vertical-align: middle;
}
#page-user .form .item .caption span,
#page-user .item .h2 span {
  color: #df0029;
  font-size: 16px;
  font-weight: bold;
}
#page-user .form .item .text {
  float: left;
  padding: 5px;
  height: 14px;
}
#page-user .form .item .input {
  float: left;
  text-align: left;
  margin: 0 5px;
}
#page-user .form .item .input .textbox {
  display: block;
  padding: 3px;
  height: 20px;
  width: 250px;
  text-align: left;
  border: solid 1px #ddd;
  box-shadow: inset 0 0 5px #ddd;
  background: #fff;
}
#page-user .form .item .input .ddrbox {
  display: block;
  height: 28px;
  border: solid 1px #ddd;
  box-shadow: inset 0 0 5px #ddd;
  background: #fff;
}

#page-user .form .item .message {
  display: none;
  float: left;
  padding: 5px 10px 5px 30px;
  background: #fbe3e4 url(img/error.png) no-repeat 4px 4px;
  border: 1px solid #fbc2c4;
}
#page-user .form .item .notice {
  display: none;
  width: 760px;
  text-align: left;
  padding: 5px 0px 5px 30px;
  background: #fff6bf url(img/warning.png) no-repeat 4px 4px;
  border: 1px solid #ffd324;
  color: #5f5200;
}
#page-user .form .item em.add {
  display: inline-block;
  text-indent: 50px;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: #fff url(img/ico2.png) no-repeat -20px 0;
  vertical-align: middle;
  cursor: pointer;
}
#page-user .form .item em.reduce {
  display: inline-block;
  text-indent: 50px;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: #fff url(img/ico2.png) no-repeat -38px 0;
  vertical-align: middle;
  cursor: pointer;
}
#page-user .form .item em.btn {
  display: inline-block;
  width: auto;
  height: 22px;
  text-indent: 0px;
  margin: 0 3px;
  padding: 0 5px;
  background: #f1f1f1;
  border: 1px solid #ddd;
  color: #000;
  text-align: center;
  vertical-align: -3px;
}
#page-user .form .item input.textbox {
  width: 35px;
  height: 22px;
  text-align: center;
  border: solid 1px #ccc;
  vertical-align: middle;
}
#page-user .form .item .load {
  display: none;
}

#page-user .form .prdt-page-bar {
  width: 100%;
  padding: 4px;
  text-align: center;
}
#page-user .form .prdt-page-bar .pagin {
  display: inline-block;
}
#page-user .form .prdt-page-bar em {
  float: left;
  background: #fff;
  color: #999;
  padding: 5px 9px 4px 9px;
  margin: 0 5px 0 0;
  border: solid 1px #d9d9d9;
  cursor: default;
}
#page-user .form .prdt-page-bar em.text {
  background: Transparent;
  color: #000;
  padding: 5px 6px 4px 6px;
  margin: 0px;
  border: solid 1px Transparent;
  cursor: default;
}
#page-user .form .prdt-page-bar em.input {
  background: Transparent;
  padding: 0px 6px;
  margin: 0px;
  border: solid 1px Transparent;
  cursor: default;
}
#page-user .form .prdt-page-bar em.button {
  padding: 0px;
  width: auto;
  height: auto;
  font-size: 12px;
}
#page-user .form .prdt-page-bar em.button a {
  display: block;
  padding: 4px 8px 3px 8px;
  background: #3fb9ba;
  color: #fff;
  text-decoration: none;
}
#page-user .form .prdt-page-bar em.button a:hover {
  color: #fff;
  background: #00ac98;
}
#page-user .form .prdt-page-bar em.curr {
  background: #00ac98;
  color: #fff;
  cursor: pointer;
}
#page-user .form .prdt-page-bar em.curr a {
  background: #00ac98;
  color: #fff;
}
#page-user .form .prdt-page-bar input.textbox {
  width: 35px;
  height: 12px;
  padding: 4px 0px;
  border: solid 1px #d9d9d9;
  text-align: center;
}

#page-user .ddsort {
  float: left;
  position: relative;
  width: 988px;
  height: 30px;
  background: #f1f1f1;
  border: solid 1px #ddd;
  border-bottom: 0px;
}
#page-user .ddsort ul {
  float: left;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#page-user .ddsort li.content {
  float: left;
  padding: 8px 11px;
  font-size: 16px;
  background: Transparent;
  color: #000;
  cursor: pointer;
}
#page-user .ddsort li.content a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #000;
  text-decoration: none;
  border: solid 0px #ddd;
}
#page-user .ddsort li.hover {
  float: left;
  padding: 8px 11px;
  background: #7e5db3;
  color: #fff;
  cursor: pointer;
  border-radius: 3px 3px 0 0;
}
#page-user .ddsort li.hover a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  border: solid 0px #ddd;
}
#page-user .ddplay {
  float: left;
  width: 984px;
  padding: 0px 2px;
  background: #fff;
  border: solid 1px #ddd;
  border-top: 0px;
}
#page-user .ddplay .p-item {
  float: left;
  position: relative;
  width: 150px;
  height: 200px;
  margin: 6px;
  text-align: center;
  border: solid 1px #fff;
}
#page-user .ddplay .p-item.hover {
  border-color: #7e5db3;
}
#page-user .ddplay .p-item .p-img {
  width: 150px;
  height: 100px;
  border: solid 0px #fff;
}
#page-user .ddplay .p-item img.prdt {
  max-width: 143px;
  max-height: 100px;
}
#page-user .ddplay .p-item .p-name {
  width: 160px;
  height: 25px;
  padding: 5px 2px;
  line-height: 15px;
  text-align: left;
  overflow: hidden;
}
#page-user .ddplay .p-item .p-name a:hover {
  color: #7e5db3;
}
#page-user .ddplay .p-item .p-price {
  width: 160px;
  height: 16px;
  padding: 5px 2px;
  text-align: left;
  color: #df0029;
  font-weight: bold;
  font-size: 14px;
}
#page-user .ddplay .p-item .p-btn {
  width: 160px;
  height: 25px;
  padding: 3px 2px;
  text-align: left;
}

#page-user .user_join_area {
  padding: 30px 0 60px 0;
  background: #fff;
  margin: 0 auto;
}
#page-user .user_join_area .ddsort {
  float: none;
  width: 688px;
  background: #fff;
  margin: 0 auto;
  border: solid 0px #ddd;
}
#page-user .user_join_area .ddsort li.content {
  float: left;
  width: 208px;
  height: auto;
  padding: 5px 8px;
  background: #fff;
  border: solid 1px #7e5db3;
  text-align: center;
}
#page-user .user_join_area .ddsort li.hover {
  float: left;
  width: 208px;
  height: auto;
  padding: 5px 8px;
  background: #7e5db3;
  border: solid 1px #7e5db3;
  border-radius: 0 0 0 0;
}

#page-user .user_join_area .ddplay {
  float: none;
  width: 584px;
  padding: 20px 2px 60px 2px;
  margin: 0 auto;
  border: solid 0px #ddd;
}
#page-user .user_join_area .ddplay .form .item {
  padding: 10px 0;
}
#page-user .user_join_area .ddplay .form .item.p0 {
  padding: 0 0 10px 0;
}
#page-user .user_join_area .ddplay .form .item .caption {
  width: 130px;
  padding: 0 5px;
}

#page-user .right_play_area {
  padding: 10px 0 0 0;
  background: #fff;
  margin: 0 auto;
}
#page-user .right_play_area .ddsort {
  float: none;
  width: 790px;
  background: #fff;
  margin: 0 auto;
  border: solid 0px #ddd;
}
#page-user .right_play_area .ddsort li.content {
  float: left;
  min-width: 150px;
  height: auto;
  padding: 5px 8px;
  background: #fff;
  border: solid 0px #7e5db3;
  text-align: center;
}
#page-user .right_play_area .ddsort li.hover {
  float: left;
  min-width: 150px;
  height: auto;
  padding: 5px 8px;
  background: #7e5db3;
  border: solid 1px #7e5db3;
  border-radius: 0 0 0 0;
}
#page-user .right_play_area .ddplay {
  float: none;
  width: 800px;
  padding: 0 0 0 0;
  margin: 0 auto;
  border: solid 0px #ddd;
}

#page-user table td {
  word-wrap: break-word;
  word-break: break-all;
}

#page-user table.cart {
  border: 0px solid #ddd;
  text-align: center;
  width: 988px;
  margin: 0 0 10px 0;
  border-collapse: collapse;
}
#page-user table.cart th {
  border-bottom: 0px solid #ddd;
  font-size: 14px;
  padding: 8px;
  background: #eee;
}
#page-user table.cart td {
  border-bottom: 1px solid #ddd;
  padding: 5px;
  line-height: 20px;
}
#page-user table.cart .td1 {
  border-bottom: 0px solid #ddd;
  padding: 5px;
  line-height: 20px;
}
#page-user table.cart .td2 {
  border-bottom: 2px solid #7e5db3;
  padding: 5px;
  line-height: 20px;
}
#page-user table.cart dl {
  float: left;
  font-size: 20px;
  vertical-align: middle;
}
#page-user table.cart dt {
  float: left;
  font-size: 16px;
  padding: 5px 8px;
}
#page-user table.cart dd {
  float: left;
  width: auto;
  height: auto;
  background: #fff;
  color: #000;
  font-size: 14px;
  border: solid 1px #ccc;
  margin: 0 5px 0 0;
  padding: 3px 8px;
  cursor: pointer;
  box-shadow: none;
}
#page-user table.cart dd.hover {
  background: #fff;
  z-index: 9;
  color: #222;
  cursor: default;
  padding: 2px 7px;
  border: solid 2px #7e5db3;
  position: relative;
}
#page-user table.cart dd.curr {
  background: #eee url(img/selected-icon.png) no-repeat right bottom;
  z-index: 9;
  color: #222;
  cursor: default;
  padding: 2px 7px;
  border: solid 2px #7e5db3;
  position: relative;
}
#page-user table.cart dd.enable {
  background: #fff;
  color: #ccc;
  border: solid 1px #e9e9e9;
}
#page-user table.cart .cash30 {
  background: #fc720d;
  color: #000;
}
#page-user table.cart .textbox {
  width: 35px;
  height: 22px;
  text-align: center;
  border: solid 1px #ccc;
  vertical-align: middle;
}
/*#page-user table.cart .sbutton{display:inline-block; height:18px; padding:2px 10px; text-align:center; background: #7E5DB3; box-shadow:3px 3px 3px #ddd; border:0; color:#fff; text-decoration:none;}*/
#page-user table.cart .sbutton {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  padding: 2px 10px;
  text-align: center;
  background: #7e5db3;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}
#page-user table.cart input.sbutton {
  height: 22px;
}
#page-user table.cart .sbutton_redbg {
  display: inline-block;
  height: 18px;
  padding: 2px 10px;
  text-align: center;
  background: #df0029;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}

#page-user table.order {
  border: 1px solid #e0e0e0;
  line-height: 19px;
  text-align: center;
  width: 788px;
  margin: 10px 0;
  border-collapse: collapse;
}
#page-user table.order th {
  border: 1px solid #e9e9e9;
  padding: 5px;
  font-family: '新細明體';
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  background: #eee;
}
#page-user table.order td {
  border: 1px solid #ddd;
  padding: 5px;
  font-family: '新細明體';
  font-size: 12px;
  color: #000000;
}
#page-user table.order a {
  padding: 3px 0 0 0;
  background: #00a1c7;
  color: #fff;
  display: inline-block;
  width: 60px;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
}
#page-user table.order dl {
  position: relative;
}
#page-user table.order dl dt {
  height: 14px;
  padding: 3px 10px;
  margin: 3px;
  background: #00a1c7;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
}
#page-user table.order dl.inline dt {
  display: inline;
  padding: 0px;
  height: auto;
  margin: 0 3px 0 0;
  background: #fff;
  color: #00a1c7;
  font-weight: bold;
}
#page-user table.order dl dd {
  display: none;
  width: 200px;
  height: 50px;
  background: #fff;
  color: #000;
  cursor: default;
  position: absolute;
  top: 20px;
  left: 0px;
  z-index: 10;
  border: solid 2px #00a1c7;
  border-radius: 5px;
  box-shadow: 15px 15px 15px #000;
}
#page-user table.order dl dd.unload {
  display: inline-block;
  text-align: center;
}
#page-user table.order dl dd.detail {
  display: inline-block;
  width: 770px;
  height: 405px;
  padding: 5px;
  text-align: left;
}
#page-user table.order dl dd.unload_top {
  display: inline-block;
  top: auto;
  bottom: 20px;
  text-align: center;
}
#page-user table.order dl dd.top {
  display: inline-block;
  top: auto;
  bottom: 20px;
  width: 770px;
  height: 405px;
  padding: 5px;
  text-align: left;
}
#page-user table.order dl.sa dd.top,
#page-user table.order dl.sa dd.detail {
  left: auto;
  right: -300px;
}
#page-user table.order .overflow {
  max-height: 285px;
  overflow-y: scroll;
}
#page-user table.order dl dd .close {
  display: none;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 30px;
}

#page-user table.list {
  border: 1px solid #ddd;
  line-height: 16px;
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}
#page-user table.list th {
  border: 1px solid #ddd;
  padding: 5px;
  font-size: 12px;
  color: #000000;
  background: #eee;
}
#page-user table.list td {
  border: 1px solid #e9e9e9;
  padding: 5px;
  font-size: 12px;
  color: #000000;
}

#page-user table.list2 {
  border: 1px solid #ddd;
  line-height: 16px;
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}
#page-user table.list2 th {
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 12px;
  color: #000000;
  background: #ddd;
}
#page-user table.list2 td {
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 12px;
  color: #000000;
}

#page-user table.list3 {
  border: 0px solid #ddd;
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}
#page-user table.list3 th {
  border-bottom: 0px solid #ddd;
  font-size: 14px;
  padding: 8px;
  background: #eee;
}
#page-user table.list3 td {
  border-bottom: 1px solid #ddd;
  padding: 5px;
  line-height: 20px;
}
#page-user table.list3 .td1 {
  border-bottom: 0px solid #ddd;
  padding: 5px;
  line-height: 20px;
}
#page-user table.list3 .td2 {
  border-bottom: 2px solid #7e5db3;
  padding: 5px;
  line-height: 20px;
}

#page-user table.color {
  border: 5px solid #ccff00;
  line-height: 16px;
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}
#page-user table.color th {
  border: 5px solid #ccff00;
  padding: 5px;
  font-size: 12px;
  color: #000000;
  background: #fff;
}
#page-user table.color td {
  border: 4px solid #f8ffd9;
  border-right: 0px;
  padding: 5px;
  font-size: 12px;
  color: #000000;
  background: #fff;
}

table.def_form_list {
  border: 0px solid #ddd;
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}
table.def_form_list th {
  border-bottom: 0px solid #ddd;
  padding: 5px 0;
  font-size: 14px;
  background: #eee;
}
table.def_form_list td {
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
  line-height: 20px;
}
table.def_form_list .td1 {
  border-bottom: 0px solid #ddd;
  line-height: 20px;
}
table.def_form_list .td2 {
  border-bottom: 2px solid #7e5db3;
  line-height: 20px;
}

.help_brand li {
  margin: 10px;
}
.help_brand .brand_item {
  display: block;
  width: 155px;
  padding: 10px 0;
  border: solid 1px #ddd;
}

.akans {
  width: 800px;
  text-align: center;
  min-height: 400px;
}
.akans p.h2 {
  display: block;
  width: 600px;
  font-size: 20px;
  padding: 10px 0;
  text-align: left;
  text-indent: 0px;
  margin: 0 auto;
}
.akans .textbox {
  border: solid 1px #ddd;
  font-size: 18px;
}
.akans table.list {
  width: 600px;
  border: 1px solid #ddd;
  line-height: 16px;
  text-align: left;
  border-collapse: collapse;
  margin: 10px auto;
}
.akans table.list th {
  border: 1px solid #ddd;
  padding: 5px;
  font-size: 12px;
  color: #000000;
  background: #eee;
}
.akans table.list td {
  border: 1px solid #e9e9e9;
  padding: 5px;
  font-size: 12px;
  color: #000000;
  text-align: left;
}
.ivy {
  width: auto;
  height: auto;
  text-align: center;
}

.dmarea {
  text-align: center;
}
.dmarea .item {
  float: left;
  position: relative;
  text-align: center;
  width: 190px;
  height: 210px;
  border: solid 2px #fff;
  margin: 20px 3px;
}
.dmarea .hover {
  border-color: #fff;
} /*#7E5DB3*/
.dmarea .item .p-img {
  width: 190px;
  height: 130px;
  position: relative;
}
.dmarea .item .p-img img.prdt {
  max-width: 190px;
  max-height: 130px;
}

.dmarea .item .p-img .p-specific {
  display: none;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 240px;
  text-align: left;
  font-weight: bold;
  overflow: hidden;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.dmarea .item.hover .p-img .p-specific {
  display: block;
}
.dmarea .item .p-img .p-specific li {
  width: 190px;
  text-align: left;
  background: #7e5db3;
  padding: 3px 0;
  color: #fff;
}
.dmarea .item .p-img .p-specific .phone_qrcode {
  padding: 5px 0;
  text-align: center;
  overflow: hidden;
  background-color: #fff;
}
.dmarea .item .p-img .p-specific .phone_qrcode img {
  height: 100px;
}

.dmarea .item .p-info {
  width: 186px;
  height: 30px;
  padding: 5px 2px;
  color: #6f6d6e;
  line-height: 18px;
  text-align: left;
  overflow: hidden;
}
.dmarea .item .p-info a {
  color: #6f6d6e;
}
.dmarea .item .p-info a:hover {
  color: #7e5db3;
}
.dmarea .item .p-price {
  width: 186px;
  height: 33px;
  padding: 5px 2px;
  text-align: left;
  color: #6f6d6e;
  font-weight: bold;
  font-size: 14px;
}
.dmarea .item .p-cash {
  float: right;
}
.dmarea .item .p-mprice {
  color: #c0c0c0;
  font-weight: bold;
  font-size: 12px;
  text-decoration: line-through;
}

.dmarea .pagin em {
  float: left;
  background: #fff;
  color: #999;
  margin: 0 5px 0 0;
  padding: 4px 8px 3px 8px;
  border: solid 1px #ddd;
  cursor: default;
}
.dmarea .pagin em.text {
  float: left;
  background: Transparent;
  color: #000;
  padding: 4px 5px 3px 5px;
  margin: 0px;
  border: solid 1px Transparent;
}
.dmarea .pagin em.button {
  padding: 0px;
}
.dmarea .pagin em.button a {
  display: block;
  padding: 4px 8px 3px 8px;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
}
.dmarea .pagin em.button a:hover {
  color: #fff;
  background: #7e5db3;
}
.dmarea .pagin em.input {
  background: Transparent;
  padding: 0px 6px;
  margin: 0px;
  border: solid 1px Transparent;
  cursor: default;
}
.dmarea .pagin em.curr {
  background: #7e5db3;
  color: #fff;
  cursor: pointer;
}
.dmarea .pagin em.curr a {
  background: #7e5db3;
  color: #fff;
}
.dmarea .pagin input.textbox {
  width: 35px;
  height: 12px;
  padding: 4px 0px;
  border: solid 1px #ddd;
  text-align: center;
}

.message {
  display: none;
  font-size: 12px;
  border: 1px solid #df0029;
  color: #df0029;
  background: #fff url(img/warning.png) no-repeat 4px 4px;
}
.message.error {
  background: #fff url(img/error.png) no-repeat 4px 4px;
  border: 1px solid #df0029;
  color: #df0029;
}
.message.notice {
  background: #fff6bf url(img/warning.png) no-repeat 4px 4px;
  border: 1px solid #ffd324;
  color: #5f5200;
}
.message.success {
  background: #fff url(img/success.png) no-repeat 4px 4px;
  border: 1px solid #7e5db3;
  color: #7e5db3;
}

.popup_message {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  float: left;
}
.popup_message .content {
  position: relative;
  float: left;
  top: -50%;
  left: -50%;
  background: #fff;
  border: solid 4px #fff;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  border-radius: 5px;
}
.popup_message .close {
  position: absolute;
  top: 0px;
  left: -50%;
  background: url(img/close.png) no-repeat;
  width: 14px;
  height: 14px;
}
.popup_message .filter {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #222;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.popup_message.error .content {
  background: #fff;
  border: solid 4px #f1f1f1;
  color: #df0029;
}
.popup_message.success .content {
  background: #fff;
  border: solid 4px #f1f1f1;
  color: #7e5db3;
}
.popup_message a.button {
  display: inline-block;
  background: #7e5db3;
  color: #fff;
  padding: 3px 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
}

.popup_form h3 {
  background: #f1f1f1;
  color: #333;
  padding: 8px;
  cursor: pointer;
}

.nodata,
.maxtext {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
  color: #7e5db3;
}

.scroll {
  position: fixed;
  top: 0px;
  z-index: 9999;
  width: 100%;
}
.view-top {
  position: fixed;
  top: 0px;
  z-index: 9999;
  width: 100%;
}

.view-bot-content {
  position: fixed;
  bottom: 0px;
  right: 38px;
  width: auto;
  height: auto;
  z-index: 9999;
}
.view-bot-content .view-content {
  position: relative;
}
.view-bot-content #view-bot-prdt {
  background: #fff;
  width: 760px;
  height: 125px;
  display: none;
}
.view-bot-content .close {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.view-bot-sort {
  position: fixed;
  bottom: 0px;
  right: 0px;
  background: #fff;
  width: 30px;
  z-index: 9999;
}
.view-bot-sort li {
  width: 20px;
  height: 60px;
  text-align: center;
  padding: 10px 0;
  margin: 10px 0;
  border: solid 2px #7e5db3;
  border-radius: 5px;
  cursor: pointer;
}

.view-content .ddplay .content {
  width: 756px;
  height: 90px;
  border: solid 2px #7e5db3;
  margin: 30px 0 0 0;
}
.view-content .ddplay .item {
  float: left;
  text-align: center;
  border-right: dashed 1px #ddd;
}
.view-content .ddplay .img {
  float: left;
  padding: 10px;
}
.view-content .ddplay .img img {
  width: 50px;
}
.view-content .ddplay .info {
  float: right;
  padding: 10px;
  color: #333;
  line-height: 20px;
  margin: 8px 0 0 0;
  text-align: left;
}
.view-content .ddplay .item .price {
  color: #030024;
}
.view-content .ddsort {
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1px;
}
.view-content .ddsort .content {
  float: left;
  min-width: 60px;
  _width: 60px;
  height: 14px;
  text-align: center;
  padding: 8px 10px;
}
.view-content .ddsort .hover {
  float: left;
  background: #fff;
  border: solid 2px #7e5db3;
  border-bottom: none;
  height: 14px;
}

.popup_form {
  display: none;
  position: absolute;
  top: 0%;
  left: 50%;
  z-index: 98;
  float: left;
}
.popup_form .content {
  position: relative;
  z-index: 99;
  float: left;
  top: 0%;
  margin: 0 0 0 0;
  left: -50%;
}
.popup_form .close {
  position: absolute;
  z-index: 100;
  top: 5px;
  right: 52%;
  margin: 0 0 0 0;
  background: url(img/close.png) no-repeat;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.popup_form .filter {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #222;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.popup_form .akans {
  width: auto;
  height: auto;
  text-align: center;
}
.fixed_form {
  display: none;
  position: fixed;
  top: 0%;
  left: 50%;
  z-index: 98;
  float: left;
}

#office_popup_epay .content {
  padding: 0px;
}
.epay_from {
  position: relative;
  width: 420px;
  background: #fff;
  text-align: center;
}
.epay_from .epay_head {
  width: 400px;
  height: 20px;
  padding: 10px;
  font-size: 16px;
  color: #fff;
  background: #3fb9ba;
  font-weight: bold;
  text-align: left;
  border-radius: 5px 5px 0 0;
}
.epay_from .epay_main {
  width: 410px;
  text-align: left;
  padding: 5px;
}
.epay_from .epay_main li {
  padding: 5px;
  font-size: 16px;
}

#office_popup_ad {
  position: absolute;
  top: 30px;
}
#office_popup_ad .close {
  position: absolute;
  z-index: 100;
  top: 2px;
  right: 506px;
  background: url(img/close.png) no-repeat;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.def_form {
  float: left;
  width: 450px;
  background: #fff;
  border-radius: 5px;
}
.def_form .head {
  float: left;
  width: 430px;
  height: 20px;
  padding: 10px;
  font-size: 14px;
  color: #fff;
  background: #3fb9ba;
  border-radius: 5px 5px 0px 0px;
}
.def_form .main {
  float: left;
  width: 425px;
  padding: 0px 10px;
  border-radius: 5px;
}
.def_form .bottom {
  float: left;
  width: 430px;
  height: 16px;
  padding: 5px 10px;
  font-size: 12px;
  color: #444;
  background: #fff;
  border-radius: 0 0 5px 5px;
}

.def_form .form {
  width: 100%;
  text-align: center;
}
.def_form .form .button {
  display: inline-block;
  width: 208px;
  height: 40px;
  font-size: 20px;
  background: #7e5db3;
  color: #fff;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  vertical-align: bottom;
}
.def_form .form .dbutton {
  display: inline-block;
  width: auto;
  padding: 0 10px;
  height: 27px;
  font-size: 20px;
  background: #7e5db3;
  color: #fff;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  vertical-align: bottom;
}
.def_form .form a.button {
  display: inline-block;
  width: 208px;
  height: auto;
  padding: 5px 8px;
  background: #7e5db3;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
.def_form .form .sbutton {
  display: inline-block;
  height: 18px;
  padding: 2px 10px;
  text-align: center;
  background: #7e5db3;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  color: #fff;
  text-decoration: none;
}
.def_form .form .ebutton {
  display: inline-block;
  width: auto;
  padding: 2px 10px;
  height: 27px;
  font-size: 12px;
  background: #7e5db3;
  color: #fff;
  box-shadow: 3px 3px 3px #ddd;
  border: 0;
  vertical-align: bottom;
}
.def_form .form input.sbutton {
  height: 22px;
}
.def_form .form .item {
  float: left;
  width: 100%;
  margin: 0 auto;
  padding: 5px 0;
  background: #fff;
}
.def_form .form .item .caption {
  float: left;
  width: 100px;
  padding: 5px;
  height: 14px;
  text-align: right;
  vertical-align: middle;
}
.def_form .form .item .caption span,
.def_form .item .h2 span {
  color: #df0029;
  font-size: 16px;
  font-weight: bold;
}
.def_form .form .item .text {
  float: left;
  padding: 5px;
  height: 14px;
}
.def_form .form .item .text1 {
  float: left;
  padding: 5px 0;
  height: 14px;
}
.def_form .form .item .input {
  float: left;
  text-align: left;
  margin: 0 5px;
}
.def_form .form .item .input .textbox {
  display: block;
  padding: 3px;
  height: 20px;
  width: 250px;
  text-align: left;
  border: solid 1px #ddd;
  box-shadow: inset 0 0 5px #ddd;
  background: #fff;
}
.def_form .form .item .input .ddrbox {
  display: block;
  height: 28px;
  border: solid 1px #ddd;
  box-shadow: inset 0 0 5px #ddd;
  background: #fff;
}

.def_form table.list2 {
  border: 1px solid #ddd;
  line-height: 16px;
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}
.def_form table.list2 th {
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 12px;
  color: #000000;
  background: #ddd;
}
.def_form table.list2 td {
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 12px;
  color: #000000;
}

.def_form table.list2 .load {
  display: none;
}

#office_popup_form .content {
  padding: 0px;
}

#office_popup_loading {
  background: Transparent;
}
#office_popup_loading .content {
  background: Transparent;
  padding: 0px 0px 0px 0px;
  border: 0px;
  border-radius: 0px;
}

#page-user .w {
  position: relative;
}

.stepflex {
  display: block;
  text-align: center;
  float: right;
  position: absolute;
  top: -30px;
  right: 20px;
}
.stepflex dl {
  float: left;
  position: relative;
  width: 200px;
  border-top: 6px solid #ccc;
}
.stepflex dl.done {
  border-top-color: #caecb6;
}
.stepflex dl.doing {
  border-top-color: #7abd54;
}
.stepflex .s-num {
  margin: -15px auto 0;
  color: #fff;
  font-weight: 700;
  width: 23px;
  height: 23px;
  background-image: url(img/step2013.png);
  line-height: 23px;
}
.stepflex dl.done .s-num {
  background-position: -46px 0;
}
.stepflex dl.doing .s-num {
  background-position: -23px 0;
}
.stepflex .s-text {
  color: #ccc;
}
.stepflex dl.done .s-text {
  color: #caecb6;
}
.stepflex dl.doing .s-text {
  color: #7e5db3;
}

.stepflex s {
  left: 0;
}
.stepflex b {
  right: 0;
}
.stepflex .doing b,
.stepflex .doing s,
.stepflex .first s,
.stepflex .last b {
  width: 5px;
  height: 5px;
  position: absolute;
  line-height: 0;
  font-size: 0;
  top: -5px;
  background-image: url(img/step2013.png);
  overflow: hidden;
}
.stepflex .first s {
  background-position: 0 -24px;
  background-color: #fff;
}
.stepflex .done s {
  background-position: -46px -24px;
}
.stepflex .doing s {
  background-position: -23px -24px;
}
.stepflex .doing.last s,
.stepflex .doing.normal s {
  background-color: #caecb6;
}
.stepflex .done b {
  background-position: -51px -24px;
}
.stepflex .doing b {
  background-position: -28px -24px;
  background-color: #ccc;
}
.stepflex .last b {
  background-position: -5px -24px;
  background-color: #fff;
}

.searchflex {
  display: block;
  text-align: center;
  float: right;
  position: absolute;
  top: -45px;
  right: 20px;
}
.searchflex.hastep {
  display: block;
  text-align: center;
  float: right;
  position: absolute;
  top: 45px;
  right: 20px;
}
.searchflex .search-cotrol {
  position: relative;
  float: left;
  background: #7e5db3;
  padding: 1px;
  white-space: nowrap;
}
.searchflex .search-cotrol .search-text {
  float: left;
  width: 180px;
  height: 24px;
  padding: 2px;
  border: 0;
  font-size: 14px;
  text-align: left;
  box-shadow: inset 0 0 3px #7e5db3;
  vertical-align: middle;
}
.searchflex .search-cotrol .search-btn {
  display: inline-block;
  float: left;
  width: 40px;
  padding: 6px 10px;
  color: #fff;
  text-align: center;
  font-size: 14;
  font-weight: bold;
  cursor: pointer;
}
.searchflex .search-cotrol .search-show {
  display: none;
  position: absolute;
  right: 0px;
  top: 33px;
  width: 284px;
  text-align: left;
  height: 150px;
  overflow-y: auto;
  background: #fff;
  box-shadow: inset 0 0 3px #7e5db3;
  border: solid 1px #7e5db3;
  z-index: 99;
}

.saleflex {
  display: block;
  text-align: center;
  float: right;
  position: absolute;
  top: 43px;
  right: 280px;
}

.ow-play {
  position: relative;
}
.ow-left {
  float: left;
}
.ow-right {
  float: right;
}
.ow-play .ow_title_left_ico {
  width: 0;
  height: 0;
  border-top: 20px solid #dadada;
  border-left: 20px solid transparent;
  position: absolute;
  top: 6px;
  left: 0px;
  z-index: 99;
}
.ow-play .ow_title_right_ico {
  width: 0;
  height: 0;
  border-top: 20px solid #dadada;
  border-right: 20px solid transparent;
  position: absolute;
  top: 6px;
  right: 0px;
  z-index: 99;
}
.ow-play .title h3 {
  padding: 0px;
}

.ow-play .ow-cash {
  position: relative;
}
.ow-play .ow-cash .pos {
  position: absolute;
  right: 0;
  bottom: 100%;
}

.ow-play .num_reduce {
  position: absolute;
  left: -45px;
  top: 45px;
  width: 39px;
  height: 220px;
  background: url(img/control_left.png) no-repeat 0px -15px;
  z-index: 99;
}
.ow-play .num_add {
  position: absolute;
  right: -45px;
  top: 45px;
  width: 39px;
  height: 220px;
  background: url(img/control_right.png) no-repeat 0px -15px;
  z-index: 99;
}

.ow-d .w {
  border: solid 1px #f1f1f1;
  width: 1008px;
}
.ow-d .ow-dd {
  border: solid 1px #cecece;
  width: 990px;
  padding: 9px;
  border-radius: 5px;
}
.ow-d .ow-left {
  float: left;
  width: 490px;
  border: solid 1px #f1f1f1;
}
.ow-d .ow-right {
  float: right;
  width: 490px;
  border: solid 1px #f1f1f1;
}

.ow-c .w {
}
.ow-c .ow-left {
  float: left;
  width: 335px;
  margin: 0 0px 0 0;
  padding: 0px 0 0 0;
  height: 340px;
  border: solid 0px #d7d7d7; /*border-top:2px;*/
  position: relative;
}
/*.ow-c .ow-ico1{ background:url(img/ow_ico1.jpg) repeat-x top left;}
.ow-c .ow-ico2{ background:url(img/ow_ico2.jpg) repeat-x top left;}
.ow-c .ow-ico3{ background:url(img/ow_ico3.jpg) repeat-x top left; margin:0 0 0 0px;}*/
.ow-c .ow-ico1 {
  background: #ece7f9;
}
.ow-c .ow-ico2 {
  background: #dfdfdf;
}
.ow-c .ow-ico3 {
  background: #ece7f9;
}
.ow-c .ow-ico3 {
  margin: 0 0 0 0px;
  width: 340px;
}
.ow-c .title {
  padding: 0px;
  height: 21px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background: #dadada;
  position: absolute;
  top: 6px;
  left: 20px;
  z-index: 96;
  width: 286px;
}
.ow-c .title h3 {
  padding: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.ow-c .content {
  width: 100%;
  height: 130px;
  overflow: hidden;
}
.ow-c .content img {
  max-width: 100%;
  max-height: 130px;
}
.ow-c .context {
  width: 315px;
  padding: 0 10px 10px 10px;
  overflow: hidden;
}
.ow-c .ow-ico3 .context {
  width: 320px;
  padding: 0 12px 10px 13px;
}
.ow-c .context .item {
  float: left;
  background: #fff;
  position: relative;
  width: 157px;
  height: 200px;
  text-align: center;
  border-right: solid 0px #d7d7d7;
}
.ow-c .context .item2 {
  border-right: solid 0px #d7d7d7;
}
.ow-c .context .hover {
  border-color: #7e5db3;
}
.ow-c .context .item .p-img {
  width: 157px;
  height: 110px;
  margin-top: 10px;
  border: solid 0px #ddd;
  position: relative;
  overflow: hidden;
}
.ow-c .context .item .p-img img.prdt {
  max-width: 157px;
  max-height: 110px;
}
.ow-c .context .item .p-info {
  width: 156px;
  height: 30px;
  padding: 5px 2px;
  color: #6f6d6e;
  line-height: 18px;
  text-align: left;
  overflow: hidden;
}
.ow-c .context .item .p-info a {
  color: #6f6d6e;
}
.ow-c .context .item .p-info a:hover {
  color: #7e5db3;
}
.ow-c .context .item .p-price {
  width: 156px;
  height: 16px;
  padding: 20px 2px 0 2px;
  text-align: left;
  color: #6f6d6e;
  font-size: 14px;
}
.ow-c .context .item .p-cash {
  float: right;
}
.ow-c .context .item .p-mprice {
  color: #c0c0c0;
  font-weight: bold;
  font-size: 14px;
  text-decoration: line-through;
}

.ow-e {
  display: none;
}
.ow-e .w {
}
.ow-e .ow-left {
  float: left;
  width: 326px;
  margin: 0 10px 0 0;
  padding: 0px 0 0 0;
  height: 330px;
  border: solid 2px #d7d7d7; /*border-top:2px*/
  position: relative;
}
/*.ow-e .ow-ico1{ background:url(img/ow_ico1.jpg) repeat-x top left;}
.ow-e .ow-ico2{ background:url(img/ow_ico2.jpg) repeat-x top left;}
.ow-e .ow-ico3{ background:url(img/ow_ico3.jpg) repeat-x top left; margin:0 0 0 0px;}*/
.ow-e .ow-ico3 {
  margin: 0 0 0 0px;
}
.ow-e .title {
  padding: 0px;
  height: 21px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background: #dadada;
  position: absolute;
  top: 6px;
  left: 20px;
  z-index: 96;
  width: 286px;
}
.ow-e .title h3 {
  padding: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.ow-e .content {
  width: 326px;
  height: 130px;
  overflow: hidden;
}
.ow-e .context {
  width: 326px;
  overflow: hidden;
}
.ow-e .context .item {
  float: left;
  position: relative;
  width: 160px;
  height: 200px;
  text-align: center;
  border-right: solid 2px #d7d7d7;
}
.ow-e .context .item2 {
  border-right: solid 0px #d7d7d7;
}
.ow-e .context .hover {
  border-color: #4aaf07;
}
.ow-e .context .item .p-img {
  width: 160px;
  height: 110px;
  margin-top: 10px;
  border: solid 0px #ddd;
  position: relative;
  overflow: hidden;
}
.ow-e .context .item .p-img img.prdt {
  max-width: 160px;
  max-height: 110px;
}
.ow-e .context .item .p-info {
  width: 156px;
  height: 30px;
  padding: 5px 2px;
  color: #6f6d6e;
  line-height: 18px;
  text-align: left;
  overflow: hidden;
}
.ow-e .context .item .p-info a {
  color: #6f6d6e;
}
.ow-e .context .item .p-info a:hover {
  color: #4aaf07;
}
.ow-e .context .item .p-price {
  width: 156px;
  height: 16px;
  padding: 20px 2px 0 2px;
  text-align: left;
  color: #6f6d6e;
  font-size: 14px;
}
.ow-e .context .item .p-cash {
  float: right;
}
.ow-e .context .item .p-mprice {
  color: #c0c0c0;
  font-weight: bold;
  font-size: 14px;
  text-decoration: line-through;
}

.ow-f .w {
}
.ow-f .ow-left {
  float: left;
  position: relative;
  padding: 6px 0 0 0;
  width: 495px;
  height: 282px;
  border: solid 2px #d7d7d7;
  border-top: 0px;
  overflow: hidden;
}
.ow-f .ow-right {
  float: right;
  position: relative;
  padding: 6px 0 0 0;
  width: 495px;
  height: 282px;
  border: solid 2px #d7d7d7;
  border-top: 0px;
  overflow: hidden;
}
.ow-f .ow-ico4 {
  background: url(img/ow_ico4.jpg) repeat-x top left;
}
.ow-f .ow-ico5 {
  background: url(img/ow_ico5.jpg) repeat-x top left;
}
.ow-f .title {
  padding: 0px;
  height: 21px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background: #dadada;
  position: absolute;
  top: 6px;
  left: 20px;
  z-index: 96;
  width: 455px;
}
.ow-f .title h3 {
  padding: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.ow-f .content {
  float: left;
  width: 170px;
  overflow: hidden;
}
.ow-f .content img {
  max-width: 170px;
}
.ow-f .context {
  float: right;
  width: 325px;
  overflow: hidden;
}
.ow-f .context .item {
  float: left;
  position: relative;
  width: 325px;
  height: 120px;
  padding: 5px 0;
  text-align: center;
  border-bottom: solid 2px #d7d7d7;
}
.ow-f .context .item1 {
  margin-top: 20px;
}
.ow-f .context .item2 {
  border-bottom: solid 0px #d7d7d7;
}
.ow-f .context .hover {
  border-color: #7e5db3;
}
.ow-f .context .item .p-img {
  width: 170px;
  height: 120px;
  border: solid 0px #ddd;
  position: relative;
  overflow: hidden;
  float: left;
}
.ow-f .context .item .p-img img.prdt {
  max-width: 170px;
  max-height: 120px;
}
.ow-f .context .item .p-text {
  float: right;
  width: 150px;
  padding: 15px 0;
}
.ow-f .context .item .p-info {
  height: 30px;
  padding: 5px 2px;
  color: #6f6d6e;
  line-height: 18px;
  text-align: left;
  overflow: hidden;
}
.ow-f .context .item .p-info a {
  color: #6f6d6e;
}
.ow-f .context .item .p-info a:hover {
  color: #7e5db3;
}
.ow-f .context .item .p-price {
  height: 16px;
  padding: 20px 2px 0 2px;
  text-align: left;
  color: #6f6d6e;
  font-size: 14px;
}
.ow-f .context .item .p-cash {
  float: right;
}
.ow-f .context .item .p-mprice {
  color: #c0c0c0;
  font-weight: bold;
  font-size: 14px;
  text-decoration: line-through;
}

.ow-g .title {
  margin: 0 0 10px 0;
}
.ow-g .title h3 {
  padding: 0px;
}
.ow-g .item {
  float: left;
  position: relative;
  text-align: center;
  width: 172px;
  height: 220px;
  border: solid 1px #ddd;
  margin: 0 10px 0 0;
  padding: 10px 10px 0px 10px;
  border-radius: 5px;
}
.ow-g .item5 {
  margin: 0 0 0 0;
}
.ow-g .hover {
  border-color: #fff;
} /*#7E5DB3*/
.ow-g .item .p-img {
  width: 170px;
  height: 120px;
  position: relative;
}
.ow-g .item .p-img img.prdt {
  max-width: 170px;
  max-height: 120px;
}
.ow-g .item .p-info {
  width: 170px;
  margin: 10px 2px;
  height: 50px;
  color: #6f6d6e;
  line-height: 25px;
  text-align: left;
  overflow: hidden;
}
.ow-g .item .p-info a {
  color: #6f6d6e;
}
.ow-g .item .p-info a:hover {
  color: #7e5db3;
}
.ow-g .item .p-price {
  width: 170px;
  height: 16px;
  padding: 5px 2px 0px 2px;
  text-align: left;
  color: #6f6d6e;
  font-weight: bold;
  font-size: 14px;
}
.ow-g .item .p-cash {
  float: right;
}
.ow-g .item .p-mprice {
  color: #c0c0c0;
  font-weight: bold;
  font-size: 14px;
  text-decoration: line-through;
}

.ow-g .w {
  position: relative;
}
.ow-g .ddsort {
  position: absolute;
  right: 5px;
  top: 0px;
  z-index: 9;
}
.ow-g .ddsort .content {
  float: left;
  background: #5f6774;
  color: #fff;
  font-size: 12px;
  padding: 15px 10px;
  min-width: 30px;
  height: 12px;
  margin: 1px;
  text-align: center;
}
.ow-g .ddsort .hover {
  background: #7e5db3;
}

.quick {
  position: fixed;
  top: 150px;
  right: 20px;
  width: 73px;
  height: 587px;
  background: url(img/quick_v7.png) no-repeat;
  z-index: 9999;
}
.quick .close {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(img/close.png) no-repeat;
  width: 14px;
  height: 14px;
  z-index: 99999;
}
.quick .quicknav {
  width: 64px;
  margin: 60px auto 0 auto;
}
.quick a {
  display: block;
  width: 64px;
  height: 25px;
  text-align: center;
  padding: 45px 0 0 0;
  background: url(../img/cart1.png) no-repeat 16px 10px;
}

.quick .quicknav1 a {
  background: url(../img/user1.png) no-repeat 16px 10px;
}
.quick .quicknav1 a:hover {
  background: url(../img/user.png) no-repeat 16px 10px;
}
.quick .quicknav2 a {
  background: url(../img/cart1.png) no-repeat 16px 10px;
}
.quick .quicknav2 a:hover {
  background: url(../img/cart.png) no-repeat 16px 10px;
}
.quick .quicknav3 a {
  background: url(../img/email1.png) no-repeat 16px 10px;
}
.quick .quicknav3 a:hover {
  background: url(../img/email.png) no-repeat 16px 10px;
}

.quick .quicknav4 a {
  background: url(../img/MonthDM1.png) no-repeat 16px 10px;
}
.quick .quicknav4 a:hover {
  background: url(../img/MonthDM.png) no-repeat 16px 10px;
}

.quick .quicknav5 a {
  background: url(../img/DownloadArea1.png) no-repeat 16px 10px;
}
.quick .quicknav5 a:hover {
  background: url(../img/DownloadArea.png) no-repeat 16px 10px;
}

.quick .quicknav6 a {
  background: url(../img/Prdt_APPLCSE1.png) no-repeat 16px 10px;
}
.quick .quicknav6 a:hover {
  background: url(../img/Prdt_APPLCSE.png) no-repeat 16px 10px;
}

.ulnav__menu {
  float: unset !important;
  padding: 0 !important;
  height: 35px;
}

.ulnav__menu ul {
  display: none;
}

.ulnav__menu > li {
  width: 76px;
  position: relative;
  padding: 0 !important;
}

.ulnav__menu > li:hover > a {
  background: #7e5db3;
  border-radius: 5px 5px 0 0;
}

.ulnav__menu > li:hover > ul {
  display: block;
}

.ulnav__menu li > .ulnav__list {
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 99;
  width: 132px;
}

.ulnav--pseudo::after,
.ulnav__list__child > li > a::after,
.ulnav__list__child > li::after {
  content: '';
  display: block;
  clear: both;
}

.ulnav__list {
  background: #e7e7e7;
}

.ulnav__list li,
.specificCategory__list li {
  position: relative;
  padding: 0 !important;
}

.ulnav__list > li > a {
  float: left;
  width: 132px;
  box-sizing: border-box;
}

.ulnav__list > li:hover > a {
  background: #7e5db3;
  color: #fff !important;
}

.ulnav__list li:hover > ul {
  display: block;
}

.ulnav__list li > a {
  color: #000 !important;
}

.ulnav__list__child {
  position: absolute;
  top: 0;
  left: 132px;
  width: 878px;
  height: 455px;
  z-index: 99;
}

.ulnav__list__child > li {
  border-left: solid 1px #7e5db3;
  border-right: solid 1px #7e5db3;
  border-bottom: solid 1px #7e5db3;
  box-sizing: border-box;
  background: #fff;
}

.ulnav__list__child > li > a {
  float: left;
  color: #333 !important;
  width: 170px;
  box-sizing: border-box;
  cursor: default;
}

.ulnav__list__child__subcategoryList {
  display: block !important;
  float: left;
  width: 706px;
  overflow: hidden;
}

.ulnav__list__child__subcategoryList > li {
  float: left !important;
}

.ulnav__list__child__subcategoryList li:not(:last-of-type)::after,
.specificCategory__list li:not(:last-of-type)::after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  width: 2px;
  height: 15px;
  background: #d7d7d7;
}

.ulnav__list__child__subcategoryList li a,
.specificCategory .specificCategory__list a {
  color: #555 !important;
  padding: 8px 15px !important;
  box-sizing: border-box;
  border: dashed 1px transparent;
}

.ulnav__list__child__subcategoryList > li:hover > a,
.specificCategory__list > li:hover a {
  background: transparent;
  color: #7e5db3 !important;
  border: dashed 1px #7e5db3;
}

.ulnav__menu .specificCategory {
  width: 1010px;
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 99;
  background: #fff;
  border-left: solid 1px #7e5db3;
  border-right: solid 1px #7e5db3;
  box-sizing: border-box;
}

.ulnav__menu .specificCategory a {
  color: #333 !important;
}

.specificCategory > li {
  float: unset !important;
  padding: 0 !important;
  overflow: hidden;
  border-bottom: solid 1px #7e5db3;
}

.specificCategory > li > a {
  width: 170px;
  box-sizing: border-box;
  float: left;
}

.ulnav__menu .specificCategory .specificCategory__list {
  display: block;
  width: 838px;
  float: left;
}

.specificCategory .specificCategory__list a {
  color: #555 !important;
}

.ulnav__menu > li .ulnav__menu__a--fix {
  font-size: 12px !important;
  height: 35px;
  line-height: 20px;
  box-sizing: border-box;
}

/* 2020/10/20 Add */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-sm-8 {
  position: relative;
  width: 100%;
  padding-right: 0px;
}

/* 2023/6/30 Add */
#page-prdt-detail .memo img {
  max-width: 100%;
  height: auto;
}

#page-prdt-detail .memo table {
  width: 100%;
  max-width: 100%;
  border: 1px solid #000;
  background-color: #fff;
  border-spacing: 0;
  border-collapse: collapse;
}

#page-prdt-detail .memo table > tbody > tr > td {
  border: 1px solid #000;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}