/*********************** Reset CSS  Start ***********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font:'敺株??迤暺???';
  font-family: "Microsoft JhengHei","敺株??迤暺???",sans-serif !important;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
li{list-style:none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
area { outline: none; }
a { color: #0095e2; text-decoration: none; cursor: pointer; outline:none; }
a:hover { text-decoration: none; outline: none; }
b { font-weight: bold; }
i { font-style: normal; }
input, select { vertical-align: middle; }
input:focus, select:focus, textarea:focus { outline: none; }
input[type="button"], input[type="submit"], input[type="reset"] { cursor: pointer; }
input[type="text"], input[type="password"], textarea {
 height: 22px; line-height: 22px;
 background: #FFF; border: 1px solid #b2b2b2; font-size:15px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #7d7670; }
textarea { vertical-align: top; }
img{border:0px;}
/*********************** Reset CSS  End ***********************/

/* ????CSS */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          outline:none;
}
body,html {
  height: 100%;
  font: 13px/18px '敺株??迤暺???', Verdana, sans-serif;
  min-width: 1250px;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1; /*For IE 6&7 only*/
}
/*********************** header ***********************/
#header{background:#fff;}
#header .inner { position: relative; width: 1250px; height: 98px; margin: 0 auto; z-index: 6; }
#header .inner #pc_logo_left{
  position: absolute;
  top: 25px;
  left: 20px;
}
.pc-logo-img{
  background: url(https://www.pcstore.com.tw/img/toplogo_rut.png?t=1) top left no-repeat;
  width: 390px;
  height: 55px;
  text-indent:-9999px;
  white-space:nowrap;
  line-height:0;
}
.pc-logo-img-s{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/logo_s_png.png?t=20200401) top left no-repeat;
  width: 29px;
  height: 24px;
  text-indent:-9999px;
  white-space:nowrap;
  line-height:0;
}
.stnum11{
  font-size: 11px;
  padding: 2px 0px;
}
#header .inner .stickyinside #pc_logo_s { 
  position: absolute; 
  top: 17px; 
  left: 25px; 
  display: none;
}
/* ??????????????誨??? */
.index_top_ad {
  position: absolute;
  right: 207px;
  top: 21px;
}
#nav.inner.sticky .index_top_ad{
  display: none;
}
.index_righttop{
  position: absolute;
  top: 30px;
  right: 0px;
  font-size: 13px;
}
#cart_s, #chat_s, #my_s {
  display: inline-block;
  width: 65px;
  text-align: center;
  cursor: pointer;
  border-right: 1px dotted #a8a8a8;
  position: relative;
  height: 50px;
  border-radius: unset;
}
#my_s{
  border:none;
  width: 50px;
}
#chat_s>div {
  background: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -35px -123px;
  margin: 0 auto;
  width: 31px;
  height: 27px;
  border-radius: 50px;
  padding: 0px;
  color: #fff;
  font-size: 11px;
  border: 1px solid #ffffff;
}
#chat_s {
  right: 0;
  bottom: -1px;
  font-family: '敺株??迤暺???';
}
#chticon{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -32px -123px;
  margin: 0 auto;
  height: 27px;
  width: 36px;
  border-radius: 50px;
  padding: 0px;
  color: #fff;
  font-size: 11px;
}
.bub {
  display: table-cell;
  background: #fa3c0e!important;
  color: #fff;
  font-size: 12.5px;
  position: absolute;
  top: -4px;
  border-radius: 50px;
  text-align: center;
  line-height: 18px;
  padding: 0 4px;
  min-width: 18px;
  right: 11px;
}
/* ???銝??con */
.top_carticon{
  width: 28px;
  height: 25px;
  margin: 0 auto;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -4px -123px;
}
.top_msicon{
  width: 27px;
  height: 25px;
  margin: 0 auto;
  background: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -36px -123px;
  border: 0px;
  padding: 0px;
}
.top_myicon{
  width: 26px;
  height: 25px;
  margin: 0 auto;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -66px -123px;
}
#my_box{
  position: relative;
}
/* ????? 銝?????詨? */
.myicon_slide{
  position: absolute;
  top: 60px;
  right: 15px;
  padding: 0px;
  background: #fff;
  text-align: left;
  line-height: 30px;
  width:200px;
  font-size:12px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  display: none;
}
.myicon_slide::before {
  content: "";
	position: absolute;
  top: -9px;
  right:12px;
	margin-left: 15px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 9px solid #f8f8f8;
}
.myicon_slide a{
  color: #313131;
}
.myicon_slide .row {
  display: flex;
  padding: 5px 20px;
}
.myicon_slide .row:after {
	content: '';
	display: table;
	clear: both;
}
.myicon_slide:hover .row:hover { 
  background: #f5f5f5;
  color: #000;
}
.my_slide_tit{
  padding: 5px 20px;
  color: #313131;
  font-weight: bold;
  position: relative;
}
.my_slide_tit::after{
  content:"";
  width: 170px;
  height: 1px;
  background: #d5d5d5;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
#nav.inner.sticky .myicon_slide{
  top: 38px;
  right: 15px;
}
.notlogged a:hover{
  color: #000;
}
/* ????? 銝?????詨?end */
#nav.inner.sticky .top_carticon{
  width: 30px;
  height: 27px;;
  background-position: -113px -123px;
}
#nav.inner.sticky .top_msicon{
  width: 27px;
  height: 26px;
  background-position: -146px -123px;
}
#nav.inner.sticky .top_myicon{
  width: 26px;
  height: 25px;
  background-position: -177px -123px;
}
#nav.inner.sticky .index_righttop{
  top: 20px;
}
#nav.inner.sticky .index_righttop > div{
  height: 25px;
  font-size: 0px;
}
/*********************** 蝵桅?bar ***********************/
.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 9999;
  background: #3a3a3a;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
#nav.inner.sticky{
  height: 58px;
  width: 100%;
  z-index: 9999;
}
#nav.inner.sticky .stickyinside{
  width: 1250px;
  margin: 0 auto;
  position: relative;
}

/* icon sets */
.p_icon{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/icon-28.png?t=20200401) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0px 2px;
}
.aftee_icon{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/icon-29.png?t=20200401) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0px 2px;
}
.fship_icon{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/icon-30.png?t=20200401) no-repeat;
  width: 30px;
  height: 20px;
  display: inline-block;
  margin: 0px 2px;
}
.pc24_icon{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/icon-31.png?t=20200401) no-repeat;
  width: 30px;
  height: 20px;
  display: inline-block;
  margin: 0px 2px;
}
.linepay_icon{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/icon-24.png?t=20211116) no-repeat;
  width: 67px;
  height: 20px;
  display: inline-block;
  margin: 0px 2px;
}
.cvs_icon{
  background: url(https://img.pcstore.com.tw/web_img/st/search_icon_payment_711.gif?t=20200401) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0px 2px;
  background-size: 20px;
}
.family_icon{
  background: url(https://img.pcstore.com.tw/web_img/search_icon_payment_fam.gif?t=20200401) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0px 2px;
  background-size: 20px;
}
.hilife_icon{
  background: url(https://img.pcstore.com.tw/web_img/st/hilife_logo.svg?t=20200401) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0px 2px;
  background-size: 20px;
}
.p_icon, .aftee_icon, .fship_icon, .pc24_icon, .linepay_icon, .family_icon, .hilife_icon, .cvs_icon {
  float: left;
}
.topbar_ad{
  text-align: center;
  padding: 0px;
  margin: 0px;
  /* height: 85px; */
  position: relative;
  z-index: 99;
  white-space: nowrap;
}
.topbar_ad a{
  display: inline-block;
}
.topbar_ad img {
  display: inline-block;
  margin: 0 auto -4px;
  width: 1250px;
}
#top_ad_inner{
  width: 1250px;
  margin: 0 auto;
}
/*********************** ????????search ***********************/
.indexsearchbox{
  width: 500px;
  margin-left: 300px;
  padding: 30px 0px 12px 0px;
}
.searchbar {
  border: 2px solid #7B7B7B;
  height: 48px;
  padding: 0px;
  position: relative;
}
.search-container {
  width: 490px;
}
#id_search_area {
  border: none;
  position: absolute;
  visibility: visible;
  z-index: 999;
  background: rgb(255, 255, 255);
  left: 122px;
  width: 411px;
  top: 44px;
}
input#id_search_word {
  margin: 0px auto;
  width: 67%;
  height: 40px;
  padding: 0 5px;
  font-size: 13px;
  border: none;
  outline: none;
  float: left;
  font-family: '敺株??迤暺???';
  position: absolute;
  top: 2px;
  left: 123px;
}
#nav.inner.sticky input#id_search_word {
  margin: 0 auto;
  width: 70%;
  height: 31px;
  padding: 0 5px;
  font-size: 13px;
  border: 0px solid #D0CFCE;
  outline: none;
  float: left;
  padding-right: 54px;
  position: absolute;
  top: 0px;
  left: 123px;
  }
input#id_search_word:focus {
  border: 0px solid #008ABF;
  transition: 0.35s ease;
  color: #000;
}
input#id_search_word:focus::-webkit-input-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
input#id_search_word:focus::-moz-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
input#id_search_word:focus:-ms-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
}
/*??敺?銝?????*/
.sticky .indexsearchbox .searchbar #id_search_area {
  border: 1px solid rgb(51, 51, 51);
  position: absolute;
  z-index: 999;
  background: rgb(255, 255, 255);
  left: 122px;
  width: 325px;
  top: 31px;
}
.search-icon {
  position: relative;
  float: right;
  width: 25px;
  height: 25px;
  top: 8px;
  right: 14px;
}
.select-search-params{
  width: 170px;
}
.search-popover{
  position: absolute;
  top: 40px;
  left: 125px;
  width: 407px;
}
.searchbar-hints {
  margin-top: .5rem;
  margin-left: -.1875rem;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
  border-radius: 2px;
  overflow: hidden;
}
.searchbar-hints__history-entry:hover {
  background-color: #F2F2F2;
}
.searchbar-hints__history-entry {
  text-decoration: none;
  display: block;
  padding: 8px 5px;
  font-size: 13px;
  line-height: 15px;
  color: #2E2E2E;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sticky .indexsearchbox .searchbar .search-popover{
  position: absolute;
  top: 31px;
  left: 122px;
  width: 406px;
  z-index: -1;
}
.searchbar-hints__history-entry span{
  position: absolute;
  right: 5px;
  text-align: right;
  color: #818181;
}
/* ????????銝???? */
.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #e9e9e9;
  background-image: none;
  width:154px\9;
}
/* Remove IE arrow */
.select select::-ms-expand {
  display: none;
}
/* Custom Select */
.select {
  position: absolute;
  display: flex;
  width: 123px;
  height: calc(100% - 1px);
  line-height: 20px;
  background: #e9e9e9;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  transform: translate(0px, 0.5px);
}
.select select {
  flex: 1;
  padding: 6px 12px;
  color: #1e1e1e;
  cursor: pointer;
  font-family: '敺株??迤暺???';
}
/* Arrow */
.select::after {
  content: '';
  color: #b3b3b3;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
  position: absolute;
  top: 18px;
  right: 6px;
  cursor: pointer;
  pointer-events: none;
}
/* Transition */
.select:hover::after {
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #f39c12 transparent transparent transparent;
}
/* 蝵桅?bar?抒?search*/
#nav.inner.sticky .indexsearchbox {
  width: 653px;
  margin-left: 0px;
  padding: 12px 0px 5px 70px;
}
#nav.inner.sticky .searchbar{
  border: 2px solid #3a3a3a;
  height: 35px;
  padding: 0px;
  position: relative;
}
#nav.inner.sticky .select {
  height: 31px;
  transform: unset;
}
#nav.inner.sticky .select::after {
  top: 11px;
  right: 7px;
}
#nav.inner.sticky .search-icon {
  position: relative;
  float: right;
  width: 20px;
  height: 20px;
  top: 5px;
  right: 63px;
}
/* 皜???ie input ????? */
input::-ms-clear, input::-ms-reveal {
  display: none;
}
/*********************** footer ***********************/
.index_foot_content{
  width: 1250px;
  margin: 0 auto;
  padding:30px 20px;
  font-size: 13px;
  line-height: 20px;
  color: #616161;
}
.addinfo, .aboutus, .appdownload{
  display: inline-block;
  height: 120px;
  vertical-align: top;
  text-align: left;
}
.addinfo {
  display: inline-block;
  width: 735px;
  line-height: 24px;
  letter-spacing: 1px;
  padding-top: 15px;
  padding-left: 30px;
}
.appdownload{
  width: 230px;
}
.aboutus{
  margin-right: 30px;
}
.index_foot_content > div h1{
  color: #000000;
  font-size: 14px; 
}

.rt-footer-nav{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:100%;
	list-style:none outside none;
}
.rt-footer-nav-item{
  -webkit-box-flex:0;
  -webkit-flex:auto;
  -ms-flex:auto;
  flex:auto;
  margin-bottom:10px;
  padding:0 15px;
  text-align:center;
  border-right:1px solid #d4d3d3;
  display:inline-block \9;
  width:100px \9;
  list-style: none;
  width: unset;
}
_:-ms-lang(x), .rt-footer-nav-item { display:inline-block;width:100px; }
.rt-footer-nav-item:last-child{border-right:none}
.rt-footer-nav-item:hover a{color:#666}
.rt-footer-nav-name{color:#666}
.rt-footer-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom: 20px;}
.rt-footer-section+.rt-footer-section{margin-top:15px}
@charset "utf-8";
/* slider */
.index_slider_wrap{
  position: relative;
  width: 100%;
  height: 360px;    
}
.slider_wrap{
  position: relative;
  width: 100%;
  height: 360px;
}
.slick-slider {
  margin-bottom: 0px;
}
.indexslide {
  position: absolute;
  top: 0px;
  left: 190px;
  width:1100px;
  overflow: hidden;
  border-radius: 0px;
  padding: 0px;
  text-align: center;
  /* z-index: 2; */
}
.indexslide p {
  margin: 0;
  padding: 0;
  overflow: hidden;
  outline: none !important;
}
.indexslide p img {
  margin: 0px;
  width: 1100px;
  height: 360px;
}
.indexslide button.slick-next,.indexslide button.slick-next:hover {
  position: absolute;
  top: 47%;
  right: 14px;
  width: 23px;
  height: 35px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -167px -63px;
}
.indexslide button.slick-prev,.indexslide  button.slick-prev:hover {
  position: absolute;
  top: 47%;
  left: 19px;
  z-index: 1;
  width: 23px;
  height: 35px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -128px -63px;
  text-shadow:#000; 
}
.slick-prev:before, .slick-next:before {
  font-size: 70px;
  color: #EA8496;
  line-height: inherit;
  font-weight: bold;
  text-shadow:#000; 
}
.slick-prev:before, .slick-next:before{
  content:"";
}
.slick-slide {
  text-align: -webkit-center;
}
/* Slick Dots */
.slick-dots {
list-style: none;
margin: 0 auto;
text-align: center;
bottom: 1px;
}
.slick-dots li {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border:1px solid #d2d2d2\0;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
.slick-dots .slick-active {
  background-color: #222222;
}
/* slider Background */
.bg {
  width: 100%;
  height: 100%;
  background: #d33f34;
  display: none;
}
/* nav bar*/
.common_nav_wide {
  position: relative;
  background: #3A3A3A;
  width: 100%;
  height: 50px;;
}
.index_nav{
  width: 1250px;
  margin: 0 auto;
  position: relative;
}
.common_nav_all{
  position:relative;
  float:left;
  margin-left:18px;
}
/*瞍Ｗ?*/
.ctg_ico_menu {
  position: relative;
  display: block;
  width: 15px;
  height: 14px;
  margin: 0 auto;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  left: 50%;
  transform: translateX(-50%);
}
.ctg_ico_menu:before, .ctg_ico_menu:after, .ctg_ico_menu em {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 10px;
  background: #3A3A3A;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.ctg_ico_menu:before {
  top: 0px;
}
.ctg_ico_menu .l1 {
  top: 5px;
}
.ctg_ico_menu:after {
  top: 10px;
}
.menu-open .common_nav_all{
  cursor: pointer;
}
.menu-open .ctg_ico_menu {
  -webkit-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
  background-color: rgba(255, 255, 255, 0.2);
}
.menu-open .ctg_ico_menu:before {
  -webkit-transform: translateY(5px) rotate(-135deg);
          transform: translateY(5px) rotate(-135deg);
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  background-color: #3A3A3A;
}
.menu-open .ctg_ico_menu em {
  opacity: 0;
  -webkit-transition: .4s ease;
  transition: .4s ease;
}
.menu-open .ctg_ico_menu:after {
  -webkit-transform: translateY(-5px) rotate(-45deg);
          transform: translateY(-5px) rotate(-45deg);
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  background-color: #3A3A3A;
}
.menu-overlay {
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -18px;
  right: 0;
  bottom: 0;
  pointer-events: none;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  z-index: 10;
}
.menu-overlay .menu-plate {
  position: absolute;
  left: 0;
  top:50px;
  width:190px;
  background: #3a3a3a;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  padding: 0px;
}
.menu-overlay .menu-plate .menu-close {
  position: absolute;
  top: 28px;
  right: 30px;
  cursor: pointer;
}
.menu-open .menu-plate {
  height: 100%;
  display: inline-table;
}
.menu-open .menu-overlay {
  pointer-events: auto;
  width: 1250px;
  margin: 0 auto;
}
.menu-open .ham_menu_list{
  display:block;
}
.ham_menu_list{
  display:none;
}
.ham_menu_list li:hover{
  background: #ffffff;
  color: #3a3a3a;
}
.ham_menu_list .hamh a{
  color: #3a3a3a;
}
/* 瞍Ｗ??????撅? */
.ham_dropdown {
  line-height: 19px;
  color: #fff;
  padding: 3px 20px;
  position: relative;
}
.ham_dropdown a {
  color: #fff;
  display: block;
  width: 100%;
  height: 22px;
}
.ham_dropdown:hover {
  color: #3a3a3a;
}
.ham_dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit; 
}
.ham_dropdown:hover {
  background-color: #fff;
  color: #3a3a3a;
}
.dropdown-content {
  display: none;
  position: absolute;
  left: 190px;
  top:0px;
  z-index: 1;
  height: 260px;
}
.drop_flex{
  display: flex;
  background-color: #ffffff;
  padding: 5px 18px 5px 5px;
}
.dropdown-content .header {
  background: red;
  padding: 16px;
  color: white;
}
.ham_dropdown:hover .dropdown-content {
  display: block;
}
.onclass {
  padding: 10px 10px;
  width: 125px;
  overflow: hidden;
  display: inline-block;
}
.onclass a {
  font-size: 13px;
  color: #5e5e5e;
  line-height: 20px;
  text-decoration: none;
  display: block;
  margin: 15px 5px;
  height: inherit;
}
.onclass a:hover{
  color: #d60000;
}
.onclass:after {
  content: "";
  display: table;
  clear: both;
}
.menu_brand_area{
  float: right;
  color:#000;
  vertical-align: top;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap-reverse;
  margin: 0 10px;
}
/*---------------------------------------*/
/* 瞍Ｗ??批捆 end*/
.nav_list {
  position: absolute;
  top: 15px;
  left: 35px;
  width: 914px;
  height: 20px;
  overflow: hidden;
  font-size: 15px;
}
.nav_list_r {
  position: absolute;
  right: 0px;
  top: 15px;
  font-size: 13px;
  color: #c3c3c3;
}
.ctg_open_btn {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-top: 11px;
  text-align: center;
  border-radius: 100%;
  outline: none;
  background: #fff;
  border: 0px solid #3A3A3A;
  cursor: pointer;
}
.nav_list > a {
  display: inline-block;
  color: #fff;
  margin-right: 20px;
}
.nav_list_r a{color: #c3c3c3;}
.indexslidecontent {
  display: block;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  width: 1250px;
  font-size: 0px;
  position: relative;
  height: 100%;
}
.index_keycate{
  display: inline-block;
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, .5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5c000000', endColorstr='#5c000000'); /* IE */
  height: 347px;
  overflow: hidden;
  width: 190px;
  z-index: 1;
}
ul.menuList{
  padding:20px 20px 10px 20px;
  padding:10px 20px 10px 20px \9;
  height: 340px;
  overflow: hidden;
}
ul.menuList li {
  font: 15px/18px Microsoft JhengHei, sans-serif;
  color: #fff;
  margin: 3px 0px;
  padding: 0px 6px;
  overflow: hidden;
  display: inline-block;
}
ul.menuList li a{
  color: #fff;
  text-align: left;
  cursor: pointer;
  padding: 0px;
  overflow: hidden;
  word-break: break-all;
}
ul.menuList li{
  border-right: 1px solid #fff;
}
ul.menuList li a.hightlight{
  font-weight: bold;
  color: rgb(255, 255, 0);
}
/* ??憭? 銝?????詨? */
.navlist_more{
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.navlist_more_slide{
  position: absolute;
  top: 30px;
  right: -5px;
  z-index: 2;
  padding: 0px;
  background: #fff;
  text-align: left;
  line-height: 30px;
  width:96px;
  font-size:12px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  display: none;
}
.navlist_more_slide::before {
  content: "";
	position: absolute;
  top: -9px;
  right:12px;
	margin-left: 15px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 9px solid #f8f8f8;
}
.navlist_more_slide a{
  color: #313131;
}
.navlist_more_slide .row {
  display: flex;
  padding: 5px 20px;
}
.navlist_more_slide .row:after {
	content: '';
	display: table;
	clear: both;
}
.navlist_more_slide:hover .row:hover { 
  background: #f5f5f5;
  color: #000;
}
/* ??憭? 銝?????詨?end */
/* ????湔???孵? */
.index_rightstick1{
  position: absolute;
  top: 10px;
  right: -85px;
  width: 77px;
  height: 156px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  z-index: 1;
}
.index_rightstick2{
  position: absolute;
  top: 180px;
  right: -85px;
  width: 77px;
  height: 156px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  z-index: 1;
}
.index_rightstick1, .index_rightstick2 {
    cursor: pointer;
}
.stickers > div{
  width: 70px;
  display: inline-block;
  margin: 5px 0 0 3px;
}
.stickers button.slick-next,.stickers button.slick-next:hover {
  position: absolute;
  top:135px;
  top:147px \9;
  right: 12px;
  width: 25px;
  height: 22px;
  background-image: url("https://img.pcstore.com.tw/web_img/st/idx/stickarrow.jpg");
  background-size: 50px;
}
.stickers button.slick-prev,.stickers button.slick-prev:hover {
  position: absolute;
  top:135px;
  top:147px \9;
  left: 12px;
  z-index: 1;
  width: 25px;
  height: 22px;
  background-image: url("https://img.pcstore.com.tw/web_img/st/idx/stickarrow.jpg");
  background-position-x: right;
  background-size: 50px;
}
/* 擐??蝚砌???憛? */
.index_content2_outer {
    background: #f5f5f5;
    padding-bottom: 10px;
}
.index_content2{width: 1250px; margin:0px auto;}
.index_product_section{
  margin: 20px auto 10px;
}
/*銵??撱???*/
.topUd {
  position: relative;
  width: 1280px;
  padding: 10px;
  margin: 20px auto 10px auto;
  background: #fff;
  white-space: nowrap;
  overflow: hidden;
}
.topUd > div.topUdOut {
  font-size: 0;
  width: 100%;
  margin-left: -1260px;
}
.topUd > div.topUdOut > div.topUdSlide {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  white-space: initial;
}
.topUd > div.topUdOut > div.topUdSlide > a {
  position: relative;
  display: inline-block;
  width: calc(100%/5 - 20px);
  height: 100%;
  margin: 10px;
  vertical-align: middle;
  font-size: 12px;
}
.topUd > div.topUdOut > div.topUdSlide > a > img{
  width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.topUd > div.topUdNext, .topUd > div.topUdPre {
  position: absolute;
  width: 34px;
  height: 60px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/prenext.png?t=20200401);
  background-size: 95px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.topUdNext{
  background-position-x: right;
  right: 0;
}
.topUdPre{
  background-position-x: left;
  left: 0;
}
.topUd > div.topUdOut.tem {
  margin-left: -1260px;
}
.topUd > div.topUdOut.animatNext {
  margin-left: -2520px;
  transition: 200ms margin-left;
}
.topUd > div.topUdOut.animatPre {
  margin-left: 0px;
  transition: 200ms margin-left;
}
.css-selector {
  background: linear-gradient(269deg, #ffffff, #e6e6e6, #ffffff);
  background-size: 600% 600%;

  -webkit-animation: AnimationName 4s ease infinite;
  -moz-animation: AnimationName 4s ease infinite;
  animation: AnimationName 4s ease infinite;

  position: relative;
}
.css-selector:before{
  content:'';
  background: #fff;
  position: absolute;
  top:0px;
  height: 14px;
  width: 100%;
}
.css-selector:after{
  content:'';
  background: #fff;
  position: absolute;
  bottom:0px;
  height: 14px;
  width: 100%;
}
@-webkit-keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 51%}
  100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 51%}
  100%{background-position:0% 50%}
}
@keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 51%}
  100%{background-position:0% 50%}
}
/*銵??撱???*/
.index_catpromo_section {
  background: #fff;
  width: 1250px;
  min-height: 730px;
  margin: 10px auto;
  position: relative;
  padding: 15px 10px;
}
.catpromo_title{
  width: 980px;
  height: 66px;
  overflow: hidden;
  float: right;
  margin: 15px 20px 0px 10px;
  text-align: center;
  white-space: nowrap;
}
.catpromo_logo {
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  left: 30px;
  top: 47px;
}
.catpromo_title > div{
  position: relative;
  font-size: 13px;
  color: #000000;
  cursor: pointer;
  width: 98px;
  height: 66px;
  display: inline-block;
  white-space: nowrap;
}
.catpromo_title img{
  width: 40px;
  height: 40px;
  margin: 0 auto;
  margin-bottom: 8px;
  position: relative;
  top: 5px;
  display: block;
}
.catpromo_title button.slick-prev {
  position: absolute;
  top:50%;
  right: 10px;
  width: 50px;
  height: 100px;
}
.catpromo_title .slick-prev:before{
  content: "";
  position: absolute;
  top: 30px;
  right: 25px;
  width: 20px;
  height: 34px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -238px -63px;
}
.catpromo_title button.slick-next {
  position: absolute;
  top: 50%;
  right: -30px;
  z-index: 1;
  width: 50px;
  height: 100px;
}
.catpromo_title .slick-next:before{
  content: "";
  position: absolute;
  top: 30px;
  right: 15px;
  width: 20px;
  height: 34px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -266px -63px;
}
.catpromo_title .slick-next.slick-disabled:before, .catpromo_title .slick-prev.slick-disabled:before{opacity: 1;}
.catpromo_title .slick-slide{
  position: relative;
}
.catpromo_title .slick-current:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #E4E4E4;
}
.cattab_container {
  position: relative;
  top: 15px;
  width: 100%;
  height: 1000px;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-top: 1px solid #e0e0e0;
}
.cattab_contents {
  position: relative;
  width: 100%;
  white-space: nowrap;
  font-size: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: 0;
  box-sizing: border-box;
}
.cattab_contents li {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
/* ?梢?蝎暸?豢??? */
.index_event_wrap{
  position: relative;
  width: 1250px;
  background: #fff;
  padding: 10px 0;
  margin: 10px auto;
}
.ptEventTab{width: 422px; margin-right:5px; margin-left:20px;display: inline-block;position: absolute;}
.ptEventTab-nav-wrap {
  padding: 0px;
  text-align: center;
  margin-top: 5px;
}
.ptEventTab-nav-wrap ul {
  display: inline-block;
  list-style: none;
  width: 424px;
  margin-bottom: -5px;
  margin-left: 0px;
  height: 42px;
  overflow: hidden;
}
.ptEventTab-nav-wrap ul li {
  list-style: none;
  display: inline-block;
  margin:0px;
  height: 48px;
  overflow: hidden;
  text-align: center;
  line-height: 25px;
}
.tabs-nav li {
  list-style: none;
  display: block;
  padding:12px 20px;
  background-color: #7e7c7d;
  font-size: 15px;
  cursor: pointer;
  color: #fff;
  text-align: left;
  text-decoration: none;
  width: calc(100%/3);
  position: relative;
  border-radius: 20px 20px 0px 0px;
}
.tabs-nav .tab-nav-link.current{
  background-color:#404040;
}
.ptevtop li{
  font-size: 16px;
  font-weight: bold;
  padding: 12px 10px;
}

.tab-content {padding:0px; text-align: center; }
.ptEventTab--content{
  width: 423px; 
  height: 135px; 
  margin: 0 auto;
  background: #404040;
  border-radius:0px 0px 20px 20px;
  overflow: hidden;
}
.ptE_tag {
  padding: 20px;
  height: 113px;
  overflow: hidden;
}
.ptE_tag li{
  display: inline-block;
  padding: 6px 15px;
  background: #fff;
  border-radius: 50px;
  margin: 7px 1px;
  cursor: pointer;
}
.ptE_tag li.current{
  background: #fb3c0f;
  color: #fff;
}
.index_topthree{
  display: inline-block;
  width: 805px;
  margin: 20px auto;
  padding: 0px;
  vertical-align: top;
  margin-left: 448px;
}
.index_topthree .pd {
  float: left;
  margin: 0px 0px 0px 18px;
  padding: 15px 10px 15px;
  padding: 62px 3px 15px \9;
  text-align: center;
  width: 243px;
  width: 226px \9;
  height: 400px;;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  position: relative;
}
.cathand_gold::before{
  content:"";
  /* background: url(https://img.pcstore.com.tw/web_img/st/idx/icon-25.png?t=20200401) no-repeat;
  width: 76px;
  height: 76px;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1; */
}
.cathand_silver::before{
  content:"";
  /* background: url(https://img.pcstore.com.tw/web_img/st/idx/icon-26.png?t=20200401) no-repeat;
  width: 76px;
  height: 76px;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1; */
}
.cathand_brown::before{
  content:"";
  /* background: url(https://img.pcstore.com.tw/web_img/st/idx/icon-27.png?t=20200401) no-repeat;
  width: 76px;
  height: 76px;
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1; */
}
.index_topthree .imgbox{
  width: 220px;
  height: 220px;
}
.index_topthree .price{
  top: 0px;
}
.index_topthree .price b{
  font-size: 24px;
}
.topthree_dsc{
  color: #FA5C36;
  padding: 3px 10px;
  border: 1px solid #FA5C36;
  margin: 3px auto;
}
.tabs-main-pdlayout{
  width: 780px;
  position: absolute;
}
.tabs-main-pdlayout .pd{
  float: left;
  margin:5px; 
  padding:5px 10px; 
  text-align: center;
  width: calc(700px/4);
  background:#fff;
}
.index_event_wrap .pdlayout button.slick-next {
  position: absolute;
  top: 50%;
  right: -12px;
  width: 34px;
  height: 60px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/prenext.png?t=20200401);
  background-size: 95px;
  background-position-x: right;
}
.index_event_wrap .pdlayout button.slick-prev {
  position: absolute;
  top: 50%;
  left: -12px;
  z-index: 1;
  width: 34px;
  height: 60px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/prenext.png?t=20200401);
  background-size: 95px;
  background-position-x: left;
}
.active{
  display: block;
}
/* ????孵? */
.coupontitle{
  position: relative;
  margin-top: 20px;
}
.switch-cp {
  display:inline-block;
  position: relative;
  top: -5px;
  left: 15px;
}
.switch-cp input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 0px;
	width: 0px;
	border: 0;
	overflow: hidden;
}
.switch-cp label {
	background: #7e7c7c;
  color:#ffffff;
  font-size: 13px;
	line-height: 13px;
	text-align: center;
	padding: 8px 16px;
	margin-right: 2px;
  border-radius: 50px;
	transition: all 0.1s ease-in-out;
}
.switch-cp label:hover {
	cursor: pointer;
}
.switch-cp input:checked + label {
  background: #262626;
  color:#fffa68;
}
.coupontitle h3{
  display: inline;
  font-size:30px; 
  font-weight: bold;
}
.coupontitle h3:after {
  content: "";
  width: 48px;
  height: 30px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.svg?t=20200401);
  background-size: 770px 581px;
  background-position: -38px -339px;
  position: absolute;
  right: 31px;
  bottom: -28px;
  z-index: 1;
}
.couponbox {
  margin: 20px auto;
  background: #fff;
  border-top: 2px dashed #555555;
  height: 145px;
  height: 160px \9;
}
.couponset {
  border-bottom: none;
  width: 1250px;
  padding: 0px 41px;
  margin: 0 auto;
}
.couponset li {
  border-right: 2px dashed #555555;
  height: 137px;
  height: 152px \9;
  position: relative;
  cursor: pointer;
}
#c{
  position: relative;
  height: 190px;
}
.c1{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.couponset .slick-list{
  border-left: 2px dashed #555555;
  border-right: 2px dashed #555555;
  margin: 6px auto;
}
.cou_store_name{
  width: 224px;
  height: 30px;
  line-height: 22px;
  text-align: center;
  overflow: hidden;
  margin: 0px auto 5px;
  padding: 3px 0px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 13px;
  font-weight: bold;
}
.starstiker{
  position: absolute;
  width: 80px;
  height:80px;
  top: 40px;
  left: 12px;
}
.b-pink{/*???蝣? : fill:%23???蝣?; */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 82 82'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FA0E78;%7D%3C/style%3E%3Cpath class='st0' d='M32.8,80.6l-1-7.9l-5.1,6.1l0.2-7.9l-6,5.2l1.5-7.8l-6.7,4.2l2.7-7.5L11,68.2l3.8-7l-7.7,1.9l4.8-6.3l-7.9,0.7 l5.8-5.5l-7.9-0.5l6.6-4.5l-7.7-1.8L7.9,42l-7.4-3l7.6-2.2l-6.8-4.1l7.9-1l-6.1-5.1l7.9,0.2l-5.2-6l7.8,1.5l-4.2-6.7l7.5,2.7 L13.8,11l7,3.8l-1.9-7.7l6.3,4.8l-0.7-7.9l5.5,5.8l0.5-7.9l4.5,6.6l1.8-7.7L40,7.9l2.9-7.4l2.2,7.6l4.1-6.8l1,7.9l5.1-6.1l-0.2,7.9 l6-5.2l-1.5,7.8l6.7-4.2l-2.7,7.5l7.3-3.1l-3.8,7l7.7-1.9L70,25.1l7.9-0.7l-5.8,5.5l7.9,0.5l-6.6,4.5l7.7,1.8L74.1,40l7.4,3 l-7.6,2.2l6.8,4.1l-7.9,1l6.1,5.1l-7.9-0.2l5.2,6l-7.8-1.5l4.2,6.7l-7.5-2.7l3.1,7.3l-7-3.8l1.9,7.7L56.9,70l0.7,7.9l-5.5-5.8 l-0.5,7.9l-4.5-6.6l-1.8,7.7L42,74.1l-2.9,7.4l-2.2-7.6L32.8,80.6z'/%3E%3C/svg%3E");
}
.b-orange{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 82 82'%3E%3Cstyle type='text/css'%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FA3C0E;%7D%3C/style%3E%3Cpath class='st0' d='M32.8,80.6l-1-7.9l-5.1,6.1l0.2-7.9l-6,5.2l1.5-7.8l-6.7,4.2l2.7-7.5L11,68.2l3.8-7l-7.7,1.9l4.8-6.3l-7.9,0.7 l5.8-5.5l-7.9-0.5l6.6-4.5l-7.7-1.8L7.9,42l-7.4-3l7.6-2.2l-6.8-4.1l7.9-1l-6.1-5.1l7.9,0.2l-5.2-6l7.8,1.5l-4.2-6.7l7.5,2.7 L13.8,11l7,3.8l-1.9-7.7l6.3,4.8l-0.7-7.9l5.5,5.8l0.5-7.9l4.5,6.6l1.8-7.7L40,7.9l2.9-7.4l2.2,7.6l4.1-6.8l1,7.9l5.1-6.1l-0.2,7.9 l6-5.2l-1.5,7.8l6.7-4.2l-2.7,7.5l7.3-3.1l-3.8,7l7.7-1.9L70,25.1l7.9-0.7l-5.8,5.5l7.9,0.5l-6.6,4.5l7.7,1.8L74.1,40l7.4,3 l-7.6,2.2l6.8,4.1l-7.9,1l6.1,5.1l-7.9-0.2l5.2,6l-7.8-1.5l4.2,6.7l-7.5-2.7l3.1,7.3l-7-3.8l1.9,7.7L56.9,70l0.7,7.9l-5.5-5.8 l-0.5,7.9l-4.5-6.6l-1.8,7.7L42,74.1l-2.9,7.4l-2.2-7.6L32.8,80.6z'/%3E%3C/svg%3E");
}
.bum-title{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  font-size: 16px;
  width: 32px;
}
.couponset button.slick-next {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 28px;
  height: 34px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -260px -63px;
}
.couponset button.slick-prev {
  position: absolute;
  top: 50%;
  left: 7px;
  z-index: 1;
  width: 28px;
  height: 34px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -238px -63px;
}
.cp_box{
  text-align: left;
  position: absolute;
  left: 102px;
  top: 45px;
}
.cp_price{
  color: #fa3c0e;
  font-size: 30px;
  letter-spacing: -1px;
}
.cp_price span{
  color: #262626;
  font-size: 16px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin-top: 5px;
  position: relative;
  top: -1px;
}
.cp_price em {
  color: #fa3c0e;
  font-size: 20px;
  display: inline;
  vertical-align: baseline;
  font-style: normal;
}
.cp_limit{
  color:#fa3c0e;
  font-size: 13px;
  margin-top: 2px;
}
.cp_date {
  color: #a0a0a0;
  font-size: 12px;
  margin-top: 4px;
  float: left;
}
.cp_getbt {
  display: table-cell;
  background: #262626;
  color: #ffffff;
  text-align: center;
  padding: 2px 13px;
  border-radius: 15px;
  letter-spacing: 1px;
  font-size: 11px;
  float: left;
  margin-left: 15px;
}
/* 瘥???????? */
.index_new_box {
  height: 1080px;
  background: #fff;
  position: relative;
  margin: 10px auto;
  overflow: hidden;
}
.index_new_box h3 {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  float: left;
  margin: 30px 0px 30px 30px;
}
.new_box_pds {
  position: absolute;
  top: 70px;
  left: 10px;
  width: 1226px;
  height: 1020px;
  overflow: hidden;
  background: #ffffff;
}
.heightAuto{
  height: auto;
}
/* ??????憿?????? */
.switch-new-pd {
  display: inline-block;
  width: 1020px;
  overflow: hidden;
  white-space: nowrap;
  margin: 25px 0px 25px 45px;
}
.switch-new-pd .labnav {
  background: #ffffff;
  display: inline-block;
  color: #000000;
  font-size: 16px;
  line-height: 13px;
  text-align: center;
  padding: 8px 16px;
  margin-right: 0px;
  border-radius: 50px;
  transition: all 0.1s ease-in-out;
  white-space: nowrap;
  cursor: pointer;
}
.switch-new-pd .labnav.act {
  background: #fa3c0e;
  color:#fffefe;
}
.switch-new-pd input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 0px;
	width: 0px;
	border: 0;
	overflow: hidden;
}
.switch-new-pd label {
  background: #ffffff;
  color: #000000;
  font-size: 16px;
  line-height: 13px;
  text-align: center;
  padding: 8px 16px;
  margin-right: 8px;
  border-radius: 50px;
  transition: all 0.1s ease-in-out;
  white-space: nowrap;
}
.switch-new-pd label:hover {
	cursor: pointer;
}
.switch-new-pd input:checked + label {
  background: #fa3c0e;
  color:#fffefe;
}
.index_newpds{
  width: 1196px;
  margin: 20px auto 10px;
  padding: 0px;
}
.index_newpds .pd {
  float: left;
  margin: 0 5px 8px;
  padding: 5px;
  text-align: center;
  width: calc(1196px/6 - 10px);
  width: 172px \9;
  background: #fff;
  min-height: 331px;
}
.index_newpds_more{
  text-align: center;
  border:1px solid #000;
  padding: 10px 20px;
  width: 120px;
  margin: 0 auto;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.anmation {
  opacity: 0;
}
.anmationB {
  opacity: 0;
}
/* ?????? */
.index_lottebox {
  width: 630px;
  height: 290px;
  overflow: hidden;
  background: #f8ece0;
  border-radius: 30px;
  float: left;
  margin: 10px auto;
}
.index_lottitle{
  font-size:30px;
  line-height: 30px;
  font-weight: bold;
  background: #FFE290;
  color: #555555;
  border-radius: 30px 30px 0px 0px;
  padding:10px 20px;
}
.index_loteicon{
  width: 38px;
  height: 35px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -410px -6px;
  display: inline-block;
  position: relative;
  top: 5px;
}
.index_lottitle span{
  font-size: 18px;
  margin-left: 5px;
}
.index_lotteleft{
  display: inline-block;
  width: 315px;
  color: #555555;
  text-align: left;
  padding: 20px 0px 0px 0px;
  margin-left: 20px;
  margin-left: 54px\9; /*for ie6??7??8*/
  margin-left: 54px\0; /*for ie8*/
  +margin-left: 54px; /*for ie7*/
  vertical-align: top;
}
.index_lotteleft:hover, .index_lotteright:hover{
  cursor: pointer;
}
/*firefox*/
@-moz-document url-prefix() { 
  .index_lotteleft {
    margin-left: 45px;
  }
}
.index_lotteleft h4{
  font-size:24px;
  line-height: 30px;
  font-weight: bold;
  max-height: 59px;
  overflow: hidden;
}
.index_lotteleft h3{
  display: inherit;
  font-size: 15px;
  padding:5px 10px;
  margin-bottom: 5px;
  color: #555555;
  border:1px solid #555555;
  text-align: center;
}
.index_lotename {
  font-size: 13px;
  padding: 10px 0px;
  line-height: 19px;
  max-height: 49px;
  overflow: hidden;
}
.index_loteprice{
  padding: 5px 0px 10px;
  font-size: 13px;
}
.index_loteprice span{
  font-size: 20px;
}
.index_lotteright{
  border-radius: 100%;
  margin-top: 10px;
  display: inline-block;
}
.index_lotteright img{
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display:inline-block;
  }
.index_joinlote{
  display: inline-block;
  padding:6px 10px;
  color: #ffffff;
  background: #f96534;
  border-radius: 10px;
  font-size: 13px;
  cursor: pointer;
}
.index_lotenote{
  display: inline-block;
  font-size: 12px;
  margin: 0 5px;
}
.index_lottebox button.slick-next, .index_pointbox button.slick-next  {
  position: absolute;
  top:50%;
  right: 10px;
  width: 20px;
  height: 34px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -266px -63px;
}
.index_lottebox button.slick-prev, .index_pointbox button.slick-prev  {
  position: absolute;
  top:50%;
  left: 10px;
  z-index: 1;
  width: 20px;
  height: 34px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -238px -63px;
}
/* ??????????? */
.index_pointbox {
  width: 630px;
  height: 290px;
  overflow: hidden;
  background: #F6EAEE;
  border-radius: 30px;
  margin: 10px 0 10px 12px;
  float: left;
}
.index_pottitle{
  font-size:30px;
  line-height: 30px;
  font-weight: bold;
  background: #fd5f94;
  color: #ffffff;
  border-radius: 30px 30px 0px 0px;
  padding:10px 20px;
}
.index_pottitle span{
  font-size: 18px;
  margin-left: 5px;
}
.index_poticon{
  width: 38px;
  height: 35px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -450px -6px;
  display: inline-block;
  position: relative;
  top: 5px;
}

/* ????憟??? */
.pdlayout{
  width: 1210px;
  margin: 10px auto; 
  padding:0px;
}
.pdlayout .pd {
  float: left;
  margin: 0 5px 10px;
  padding: 5px;
  padding: 5px 0px \9;
  text-align: center;
  width: calc(1220px/6 - 12px);
  width: 195px \9;
  background: #fff;
  min-height: 320px;
}
.imgbox {
  padding: 0px;
  position: relative;
  width: 185px;
  height: 185px;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}
.imgbox img{
  width: 100%; 
  height: auto;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.name{
  display:block;
  height:36px;
  margin:5px 0px; 
  color:#555555;
  font-size:14px;
  line-height: 18px; 
  overflow:hidden;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  padding: 0px 10px;
}
.price{
  display:block; 
  color: #fa3c0e;
  font-size:15px;
  line-height: 24px;
  position: relative;	
  top:-3px;
  padding: 0px 10px;
  text-align: left;
}
.price i{
  margin-right: 5px;
}
.price b{
  font-size:20px;
  font-weight: normal;
  letter-spacing:-1px;
  position: relative;
  top: 0px;
}
.ctbox{
  height: 15px;
  text-align: left;
  margin: 5px 0px;
  padding: 0px 10px;
}
.cticon{
  width: 46px;
  height: 18px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/cticon.gif);
  display: inline-block;
}
.gdicon{
  width: 46px;
  height: 18px;
  background: url(https://img.pcstore.com.tw/web_img/st/idx/gicon.gif) no-repeat;
  display: none;
}
.index_pd_icon {
    text-align: left;
    overflow: hidden;
    height:20px;
    padding: 0px 10px;
}

/* 摨?振 */
.index__store_box{
  width: 1250px;
  margin: 10px auto;
  padding: 10px;
  background: #fff;
}
.index__store_content li{
  border:1px solid #d6d6d6;
  padding:0px;
  height: 325px;
  margin:0px 10px;
  text-align: center;
}
/* ?????????? */
.index__store_top1{
  height: 110px;
  line-height: 24px;
  padding: 10px 0px;
  background:rgba(255,255,255,0.3);
  position: relative;

}
.ist_img:before{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/a9.jpg) no-repeat;/*摨?振?????????*/
  background-size: cover;
  width: 100%;
  height: 110px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
.index__store_top1 h3{
  font-size: 24px;
  font-weight: bold;
  margin: 0px auto 5px;
  max-width: 388px;
  overflow: hidden;
  color: #000000;
}
.index__store_top1 span{
  font-size: 12px;
}
.index__store_top1_name {
  display: inline-block;
  border: 1px solid #000;
  padding: 0px 15px;
  margin: 5px 0px;
  max-width: 350px;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
}
/* ?函?????? */
.index__store_top2 {
  height: 110px;
  line-height: 24px;
  padding: 10px 0px;
  position: relative;
  background: #ffffff;
  color: #222222;
  border: 1px solid #d6d6d6;
  cursor: pointer;
}
.index__store_top2 h3 {
  font-size: 24px;
  font-weight: bold;
  margin: 0px auto;
  color: #ea355e;
  width: 388px;
  overflow: hidden;
}
.index__store_top2 span{
  font-size: 12px;
}
.index__store_top2_name{
  display: inline-block;
  border:1px solid #d6d6d6;
  padding:5px 15px;
  margin: 0px;
  max-width: 350px;
  height: 35px;
  overflow: hidden;
}
.index_st_pd_two .istp_txt {
  font-size: 13px;
  line-height: 14px;
  padding-top: 5px;
  height: 55px;
  overflow: hidden;
}
.index_st_pd_two .istp_txt div {
  height: 32px;
  line-height: 16px;
  overflow: hidden;
}
.index_st_pd_two .istp_txt span {
  display: inline-block;
  width: 180px;
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
  overflow: hidden;
  color: #555555;
}
/* 憿???????? */
.index__store_top3{
  height: 110px;
  line-height: 24px;
  padding: 10px 0px;
  position: relative;
  background: #e36e8f;/* ?????? */
  color: #fff;/* 摨??????????? */
}
.index__store_top3 h3{
  font-size: 24px;
  font-weight: bold;
  margin: 0px auto 5px;
  color: #fff200;
  width: 388px;
  overflow: hidden;
}
.index__store_top3 span{
  font-size: 12px;
}
.index__store_top3_name{
  display: inline-block;
  border:1px solid #ffffff;
  padding:5px 15px;
  margin: 0px;
  max-width: 350px;
  height: 35px;
  overflow: hidden;
}
/* 摨?振銝??????? */
.index__store_bottom{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:space-around;
  justify-content:space-around;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.index_st_pd_two{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  margin-bottom:10px;
  padding:0px;
  align-self: center;
  height: 213px;
}
.index_st_pd_three {
  border-right: 1px solid #d6d6d6;
  vertical-align: top;
  display: inline-block;
  width: calc(100% /3 - 1px);
  height: 213px;
}
.index_st_pd_three:last-child{border-right:0px;}
.index_st_pd_three a img{
  width: 100%;
  width: 100% \9;
}
.istp_txt{
  font-size: 13px;
  line-height: 12px;
  padding-top:5px;
}
.istp_txt span{
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
  overflow: hidden;
  color: #555555;
}
.index_st_pd_two {
  vertical-align: top;
  padding-top: 10px;
  width: 180px;
  display: inline-block \9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: inline-block \9;
}
.index_st_pd_two img {
  padding: 0px 20px;
  border: 1px solid #d6d6d6;
  margin: 0 auto;
  width: 100%;
}
.index_st_pd_three .istp_txt{
  font-size: 13px;
  line-height: 18px;
  padding-top:10px;
}
.index_st_pd_three .istp_txt div {
  height: 38px;
  width: 110px;
  margin: 0 auto;
  overflow: hidden;
  line-height: 19px;
}
.index__store_content button.slick-next,.index__store_content button.slick-next:hover {
  position: absolute;
  top: 50%;
  right: -10px;
  width: 34px;
  height: 60px;
  background-image: url("https://img.pcstore.com.tw/web_img/st/idx/prenext.png?t=20200401");
  background-size: 95px;
  background-position-x: right;
}
.index__store_content button.slick-prev,.index__store_content button.slick-prev:hover {
  position: absolute;
  top: 50%;
  left: -10px;
  z-index: 1;
  width: 34px;
  height: 60px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/prenext.png?t=20200401);
  background-size: 95px;
  background-position-x: left;
}
/* 雿??????? + ????????迭 */
.index_seenguess_box {
  background: #fff;
  width: 1250px;
  margin: 10px auto;
  position: relative;
  padding: 20px 10px 0px;
}
.index_seenguess_box h3{
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 75px;
  margin-bottom: 10px;
}
.index_seenedit{
  width: 90px;
  height: 32px;
  line-height: 30px;
  border:1px solid #e9e9e9;
  color: #878787;
  font-size: 13px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 15px;
  left: 230px;
}
.index_seenguess_box .pdlayout button.slick-next {
  position: absolute;
  top: -28px;
  left: 168px;
  width: 24px;
  height: 27px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -314px -56px;
  border: 1px solid #e9e9e9;
}
.index_seenguess_box .pdlayout button.slick-prev {
  position: absolute;
  top: -28px;
  left: 145px;
  z-index: 1;
  width: 24px;
  height: 27px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -298px -56px;
  border: 1px solid #e9e9e9;
}
.index_seenguess_box .haveseen_pds .pd{
  height: 305px;
}
.index_seenguess_box .haveseen_pds .pd .imgbox{
  width: 100%;
  height: 170px;
}
/* ??銵??芣?? */
.index_bankarea{
  width: 1250px;
  margin: 10px auto;
  padding: 10px;
  position: relative;
}
.index_bankarea h3{
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  width: 70px;
  position: absolute;
  left: 30px;
  top: 27px;
}
.index_bank_box{
  width: 1085px;
  margin: 0px 20px;
  float: right;
  position: relative;
}
.index_bank_box .slick-slide{
  margin: 0 5px;
  border: solid 1px #e3e3e3;
}
.index_bankarea .index_bank_box button.slick-next {
  position: absolute;
  top: 50%;
  right: -28px;
  width: 20px;
  height: 34px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -266px -63px;
}
.index_bankarea .index_bank_box button.slick-prev {
  position: absolute;
  top: 50%;
  left: -28px;
  z-index: 1;
  width: 20px;
  height: 34px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -238px -63px;
}
.adzone_320x250 {
  width: 1250px;
  height: 250px;
  margin: 10px auto;
  overflow: hidden;
}
.adzone_320x250 li {
  display: inline-block;
  margin-right: 15px;
}
.adzone_320x250 li:last-child{
  margin-right: 0px;
}
/* 970x90ad */
.ad_970x90_area{
  margin: 10px auto;
  text-align: center;
  padding: 10px;
  height: 110px;
}
.ad_970x90_area img{
  width: 970px;
  margin: 0 auto;
}
/*擐??瘚格偌??*/
.floatPOP{
	cursor: pointer;
	display: block;
	position: fixed;
	bottom: 55px;
	right: 5px;
	z-index: 10;
	width: 110px;
}
.floatPOP > img{
	display: block;
	width: 100%;
}
.fixed {
  bottom: 150px;
}
/*????????迭 蝺刻摩??*/
.index_contentx_outer{
  background: #f5f5f5;
  padding-bottom: 10px;
}
.seenguess_edit{
  background: #fff;
  margin: 10px auto;
  position: relative;
  padding: 20px 10px;
}
#seenmore_edit{
  position: relative;
}
.haveseen_outer{
  padding: 40px 0px;
  position: relative;
}
.haveseen_outer h3{
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-left: 20px;
}
.clear_allseen{
  border:1px solid #eaeaea;
  background: #fff;
  color:#888888;
  display: table-cell;
  padding: 8px 20px;
  position: absolute;
  top: 28px;
  right: 0px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
/*???????*/
.haveseen_outer button.slick-next {
  position: absolute;
  top: 50px;
  left: 188px;
  width: 24px;
  height: 27px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -314px -56px;
  border: 1px solid #e9e9e9;
}
.haveseen_outer button.slick-prev {
  position: absolute;
  top: 50px;
  left: 165px;
  z-index: 1;
  width: 24px;
  height: 27px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -298px -56px;
  border: 1px solid #e9e9e9;
}
#seenmore_edit .pd {
  float: left;
  margin: 0 5px 10px;
  padding: 5px;
  padding: 5px 0px \9;
  text-align: center;
  width: calc(1220px/6 - 12px);
  width: 190px \9;
  background: #fff;
  height: 320px;
  position: relative;
}
#seenmore_edit .pd .imgbox{
  width: 100%;
  height: 155px;
}
ul.pdedit{
  padding:0px;
  margin: 0px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.pdedit li{
  display: inline-block;
  border:1px solid #e9e9e9;
  padding: 5px 14px;
  margin: 0 5px;
}
.pdedit li a{
  color: #878787;
}
.edit_allseen {
  border: 1px solid #eaeaea;
  background: #fff;
  color: #888888;
  display: table-cell;
  padding: 5px 12px;
  position: absolute;
  top: 15px;
  right: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* pop up */
/* Outer */
.popup {
  width:100%;
  height:100%;
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  background:rgba(0,0,0,0.75);
  z-index: 100;
}

/* Inner */
.popup-inner {
  max-width:400px;
  width:90%;
  padding:0px;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  box-shadow:0px 2px 6px rgba(0,0,0,1);
  border-radius:3px;
  background:#fff;
}

/* Close Button */
.popup-close {
  width:30px;
  height:30px;
  padding-top:4px;
  display:inline-block;
  position:absolute;
  top:0px;
  right:0px;
  transition:ease 0.25s all;
  -webkit-transform:translate(50%, -50%);
  transform:translate(50%, -50%);
  border-radius:1000px;
  background:rgba(0,0,0,0.8);
  font-family:Arial, Sans-Serif;
  font-size:20px;
  text-align:center;
  line-height:100%;
  color:#fff;
}
.popup-close:hover {
  -webkit-transform:translate(50%, -50%) rotate(180deg);
  transform:translate(50%, -50%) rotate(180deg);
  background:rgba(0,0,0,1);
  text-decoration:none;
}
.popup-inner p{
  padding: 40px;
  text-align: center;
}
.cd-buttons li {
  float: left;
  width: 50%;
  list-style: none;
}
.cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.nextaw {
  top: 30px;
  right: 13px;
  z-index: 1;
  width: 30px;
  height: 61px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -266px -52px;
  font-size: 0px;
  position: absolute;
}
.prevaw {
  top: 30px;
  left: 226px;
  z-index: 1;
  width: 30px;
  height: 61px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -236px -52px;
  font-size: 0px;
  position: absolute;
}
/* 擐??頛芣? */
.adOut {
  position: relative;
  width: 100%;
  height: 347px;
  background-color: #fff;
  transition: background-color 200ms;
}
.adInside {
	position: relative;
	width: 1250px;
	margin: auto;
}
.adIn {
  position: relative;
  margin: auto 0px auto auto;
  width: 1060px;
  height: 347px;
  overflow: hidden;
}
.adDote {
  position: absolute;
  width: 1100px;
  padding: 2px 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  text-align: center;
}
.adDote > div {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 5px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.adDote > div.active {
  background-color: #222;
}
.adMv {
  position: relative;
  white-space: nowrap;
  font-size: 0;
  height: 347fpx;
  margin-left: -1100px;  
}
.adMv > a {
  display: inline-block;
  height: 100%;
  width: 1100px;
  background: url('https://img.pcstore.com.tw/web_img/st/idx/loading.81e648f8.svg') center no-repeat;
  background-size: 40px;
}
.adMv > a > img {
  max-width: 100%;
  max-height: 100%;
}
.adMv > a > img{
  width:1060px;
}
.preBtn {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  z-index: 1;
  width: 23px;
  height: 35px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -128px -63px;
}
.nextBtn {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  width: 23px;
  height: 35px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -167px -63px;
}
.preBtn, .nextBtn, .topUdPre, .topUdNext{
  cursor: pointer;
}
/* 擐??頛芣? */

/*憭折尹??*/
.maincate_link{
  padding: 10px 0px;
  border-bottom:2px solid #3a3a3a;
}
.maincate_link a{
  color: #000;
}
.maincate_left{
  float: left;
  width: 210px;
}
.maincate_right{
  float: right;
  width:1040px;
  padding: 20px 0px 20px 20px;
}
.maincate_keyword{
  margin-top: 20px;
  background: #fff;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  max-height: 230px;
  overflow: hidden;
}
.maincate_keyword ul li{
  background: #ffffe2;
  display: inline-block;
  color: #666666;
  border-radius:30px;
  padding: 4px 10px;
  border:1px solid #dddddd;
  margin: 4px 0px;
  font-size: 14px;
}
.maincate_keyword ul li a {
  color: #666666;
}
.maincate_keyword h3 {
  padding: 5px 0px 3px 5px;
}
.maincate_keyword ul li {
  background: #ffffe2;
  display: inline-block;
  color: #666666;
  border-radius: 30px;
  padding: 4px 10px;
  border: 1px solid #dddddd;
  margin: 5px 0px;
  font-size: 14px;
}
/* 憭折尹?? 摨?振???? */
.maincate_right .index__store_box {
  width: 1020px;
  margin-top: 30px;
}
.maincate_right .index_st_pd_three {
  border-right: 1px solid #d6d6d6;
  vertical-align: top;
  display: inline-block;
  width: calc(100% / 3 - 0px);
  width: 90px \9;
  margin-right: -3px \9;
  height: inherit;
}
.maincate_right .index_st_pd_three a img{
  width: 100%;
  height: unset;
}
.maincate_right .index__store_top2 h3{
  width: 100%;
}
.catetitle{
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
  padding-bottom: 10px;
}
.cateslide button.slick-next,.cateslide button.slick-next:hover {
  position: absolute;
  top: 47%;
  right: 14px;
  width: 23px;
  height: 35px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -167px -63px;
}
.cateslide button.slick-prev,.cateslide  button.slick-prev:hover {
  position: absolute;
  top: 47%;
  left: 19px;
  z-index: 1;
  width: 23px;
  height: 35px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -128px -63px;
  text-shadow:#000; 
}
/* ??憛????摨? */
.boxoutter{
  background: #fff;
  margin: 10px auto;
  position: relative;
  padding: 20px 10px 0px;
}
.boxoutter .next, .boxoutter .prev ,.discount_box .next, .discount_box .prev{
  position: absolute;
  width: 24px;
  height: 27px;
  top: -36px;
}
.boxoutter .next,.discount_box .next,.index_seenguess_box .next{
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -314px -56px;
  border: 1px solid #e9e9e9;
  left: 158px;
}
.boxoutter .prev, .discount_box .prev, .index_seenguess_box .prev{
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -298px -56px;
  border: 1px solid #e9e9e9;
  left: 135px;
}
.index_seenguess_box .next{
  position: absolute;
  width: 24px;
  height: 27px;
  top:16px;
  left: 190px;

}
.index_seenguess_box .prev{
  position: absolute;
  width: 24px;
  height: 27px;
  top:16px;
  left: 166px;
}
.maincate_right h3{
  font-size: 24px;
  height: 24px;
}
/* 頞?鈭箸除???? */
.maincate_right .pdlayout{
  width: 100%;
}
.maincate_right .pdlayout .pd{
  margin: 0px 1px 10px;
  width:calc(1223px/6 - 6px);
}
/* ??????? */
.famousstore{
  position: relative;
  margin: 30px 0px 20px;
}
.famousstore h3{
  font-size: 24px;
  float: left;
  line-height: 35px;
  text-align: center;
  margin-left:20px;
  margin-top: 17px;
}
.famcon{
  width: 890px;
  height: 115px;
  margin-left: 120px;
  overflow: hidden;
  position: relative;
}
.famousstorelist li{
  margin: 0px 5px 15px;
  display: inline-block;
  cursor: pointer;
}
.famousstorelist li a {
  display: block;
  padding: 10px 0px;
  position: relative;
  color:#404040;
}
.famousstorelist li img{
  border-radius: 10px;
  padding: 0px;
  position: absolute;
  top: -18px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 169px;
  height: 118px;
}
.famousstorelist li span {
  display: block;
  text-align: center;
  width: 150px;
  overflow: hidden;
  margin: 5px auto;
}
.faimgmask{
  height: 82px;
  width: 169px;
  background: #fff;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
.pagination .prev, .pagination .next{
  display: inline-block;
  cursor: pointer;
}
.pagination span{
  font-size: 22px;
}
.famousstorelist{
  width: 100%;
  white-space: nowrap;
  position: absolute;
  left: 0px;
  top: 0px;
}
/* ?梢???憿? */
#hottitle-block, #hottitle-block li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#hottitle-block {
  position: relative;
  width: 1020px;
  height: 190px;
  margin-bottom: 25px;
  right: -25px;
}
#hottitle-block li {
  position: absolute;
}
#hottitle-block li img{
  width: 150px;
  height: 150px;
  border-radius: 3px;
}
.htimg img{
  width: 95px;
  height: 95px;
  border-radius: 50%;
}
.moreht{
  position: relative;
}
.moreht::before{
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background:
    linear-gradient(#000,#000),
    linear-gradient(#000,#000);
  background-position:center;
  background-size: 100% 5px,5px 100%; /*thickness = 2px, length = 50% (25px)*/
  background-repeat:no-repeat;
}
.htimg.moreht img{
  opacity: 0.4;
  filter:Alpha(Opacity=50, Style=0)";
}
.hottitle{
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
.htlistmore{
  margin: 10px auto 20px;
  padding: 10px;
}
.htlistmore a{
  display: inline-block;
  color: #404040;
  margin: 10px 20px;
  white-space: nowrap;
}
.htlistmore:before{
  content:'';
  display: block;
  height: 1px;
  width: 960px;
  margin: 10px auto;
  border-top:2px solid #ECECEC;
}
.discount_box {
  background: #fff;
  width: 1020px;
  margin: 10px auto;
  position: relative;
  padding: 5px 10px 0px;
}
.discount_box h3{
  font-size: 20px;
}
.dicbox .pd {
  width: calc(1270px/6 - 18px);
  width: 193px \9;
  height: inherit;
  min-height: 350px;
}
.dicbox .slick-next{
  position: absolute;
  top: -53px;
  left: 153px;
  width: 24px;
  height: 27px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -314px -56px;
  border: 1px solid #e9e9e9;
}
.dicbox .slick-prev{
  position: absolute;
  top: -53px;
  left: 130px;
  z-index: 1;
  width: 24px;
  height: 27px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -298px -56px;
  border: 1px solid #e9e9e9;
}
.catedistxt{
  min-height:30px;
  padding:5px 0px;
  font-weight: bold;
  font-size: 15px;
}
/* ?梢?璁? */
.ckcontent {
  width: 420px;
  height: 200px;
  margin: 0px auto 0px;
  background: #404040;
  border-radius: 10px;
}
.ckbox{
  padding: 22px 30px;
}
.ckbox li{
  display: inline-block;
  height: 18px;
  width: 49%;
  overflow: hidden;
  margin: 5px 0px;
}
.pwchk {
  position: absolute;
  opacity: 0;
}
.pwchk + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  color: #fff;
  font-size: 14px;
}
.pwchk + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 18px;
  height: 18px;
  background: white;
}
.pwchk:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.pwchk:checked + label:before {
  background: #f35429;
}
.pwchk:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.pwchk:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.pwchk:checked + label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.htsebt{
  width: 90%;
  margin: 0 auto;
  padding: 10px 5px;
  border-radius: 5px;
  background: #fa3c0e;
  text-align: center;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
}
.main_area{
  position: relative;
  margin-top: 30px;
}
.main_area .edit_allseen {
  border: 1px solid #eaeaea;
  background: #fff;
  color: #888888;
  display: table-cell;
  padding: 5px 12px;
  position: absolute;
  top: -4px;
  left: 205px;
  width: 84px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* ?梢?璁? */
.caterank_pds{
  position: relative;
}
.hotsale_wrap {
  position: relative;
  width: 1250px;
  background: #fff;
  padding: 10px 0px 0px;
  margin: 10px auto;
  min-height: 800px;
}
.hotsale_wrap .prev , .hotsale_wrap .next{
  position: absolute;
  cursor: pointer;
  top: 68%;
  width: 34px;
  height: 60px;
  background-size: 95px;
}
.hotsale_wrap .prev{
  left: 0px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/prenext.png?t=20200401);
  background-position-x: left;
}
.hotsale_wrap .next{
  right: 0px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/prenext.png?t=20200401);
  background-position-x: right;
}
/* ?梢?璁? */
.recommend .slick-next{
  position: absolute;
  top: -53px;
  left: 153px;
  width: 24px;
  height: 27px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -314px -56px;
  border: 1px solid #e9e9e9;
}
.recommend .slick-prev{
  position: absolute;
  top: -53px;
  left: 130px;
  z-index: 1;
  width: 24px;
  height: 27px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -298px -56px;
  border: 1px solid #e9e9e9;
}
/* 憭折尹頛芣? */
.CateadOut {
  position: relative;
  width: 1010px;
  height: 331px;
  background-color: #fff;
  transition: background-color 200ms;
}
.CateadIn {
  position: relative;
  margin: auto;
  width: 1010px;
  height: 356px;
  overflow: hidden;
}
.CateadIn .adDote {
  bottom: 0px;
}
.CateadIn img{
  width: 1010px;
  height: 331px;
}
.CateadMv {
  position: relative;
  white-space: nowrap;
  font-size: 0;
  height: 331px;
  margin-left: -1010px;
  cursor: pointer;
}
.CateadMv > a {
  display: inline-block;
  height: 100%;
  width: 1010px;
  background: url('https://mimg.pcstore.com.tw/images/index/loading.81e648f8.svg') center no-repeat;
  background-size: 40px;
}
.CateadMv > img {
  max-width: 100%;
  max-height: 100%;
}
.CateadBtn {
  position: absolute;
  width: 100%;
  height: 35px;
  z-index: 2;
  top: 0;
  bottom: 0;
  margin: auto;
}
.CateadBtn:hover{
 cursor: pointer;
}
.CatepreBtn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 23px;
  height: 35px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -128px -63px;
}
.CatenextBtn {
  position: absolute;
  right: 0;
  z-index: 1;
  width: 23px;
  height: 35px;
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -167px -63px;
}
.CateadOut .adDote > div {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 5px;
  background-color: #3A3A3A;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.CateadOut .adDote > div.active {
  background-color: #E8522F;
}
.maincate_right .index__store_content li{
  height: inherit;
}
.maincate_right .index_st_pd_three .istp_txt div {
  height: 38px;
  width: 92px;
  margin: 0 auto;
  overflow: hidden;
  line-height: 19px;
}
.maincate_right .index_st_pd_three:last-child{
  border-right: 0px;
}
.maincate_right .index_st_pd_two,.maincate_right .index_st_pd_two a{
  width:140px;
  height: inherit;
}
.maincate_right .index_st_pd_two .istp_txt span{
  width: 140px;
}
.CatepreBtn, .CatenextBtn{cursor: pointer;}
/* 憭折尹頛芣? */
.sec_menu {
    background: #fff;
    padding: 5px 20px 10px;
    margin: 10px 0px 15px;
    font-size: 15px;
    line-height: 28px;
    position: relative;
}
.sec_menu h3 {
  margin-top: 10px;
  font-weight: bold;
  font-size: 17px;
}
.sec_menu h3:first-child{
  margin-top: 0px;
}
.sec_menu ul{
  color: #666;
}
.sec_menu ul a{
  color: #666;
}
.sec_menu ul li{
  cursor: pointer;
}
/* ??????璅? */
.cate_lotte{
  padding: 20px 10px 50px;
  background: #fff;
  border:1px solid #AB6ECD;
  margin: 10px auto;
  text-align: center;
  position: relative;
  height: 460px;
}
.cate_lotte a {    
  color: #404040;
}                                 
.cat_lot_btn a{    
  color: #fff;   
}                  
.cate_lotte h2{
  color: #AB6ECD;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
.cat_lot_price{
  font-size: 14px;
  font-weight: bold;
}
.cat_lot_name{
  font-size: 15px;
  line-height: 20px;
  height: 45px;
  overflow: hidden;
  padding: 5px;
}
.cat_lot_btn{
  background: #3E3E40;
  border-radius: 20px;
  width: 40%;
  margin: 10px auto;
  color: #fff;
  text-align: center;
  padding:8px 5px;
}
.cat_lot_btm{
  width: 100%;
  padding: 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background:#AB6ECD;
  font-size: 15px;
}
.cat_lot_btm a{
  color: #fff;
}
#next-bt, #prev-bt{
  position: absolute;
  top: 180px;
  font-size: 50px;
  color: #858585;
  background: rgba(255, 255, 255, 0.3);
  width: 24px;
  height: 32px;
  cursor: pointer;
  opacity: 0;
}
#next-bt{
  right: 0px;
}
#prev-bt{
  left: 0px;
}
/* ?梢???憿? */
.htbg {
  background: #fff;
  padding-bottom: 10px;
  position: relative;
  margin-top: 40px;
}
.htbg:before {
  content: '';
  background: #E9E9E9;
  width: 100%;
  height: 130px;
  display: block;
  position: absolute;
}
.hottitle{
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 25px;
  left: 0px;
  right: 0px;
  margin:auto;
}
#hottitle-block, #hottitle-block li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#hottitle-block {
  position: relative;
  width: 1020px;
  height: 190px;
  margin-bottom: 25px;
  right: -27px;
  top: 43px;
}
#hottitle-block li {
  position: absolute;
}
#hottitle-block li img{
  width: 150px;
  height: 150px;
  border-radius: 3px;
}
.hottext{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  color:#000;
  background: rgba(255,255,255,0.6);
  padding: 5px 10px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}
.hot-list{
  display: block;
  margin-top: 76px;
  text-align: center;
  padding-bottom: 10px;
}
.hot-list li{
  display: inline-block;
  text-align: center;
  margin: 0 13px;
  position: relative;
}
.hot-list li a{
  color: #404040;
}
.boxoutter .next, .boxoutter .prev ,.discount_box .next, .discount_box .prev{
  position: absolute;
  width: 24px;
  height: 27px;
  top: -36px;
}
.boxoutter .next, .discount_box .next, .index_seenguess_box .next {
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -314px -56px;
  border: 1px solid #e9e9e9;
  left: 173px;
}
.boxoutter .prev, .discount_box .prev, .index_seenguess_box .prev {
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -298px -56px;
  border: 1px solid #e9e9e9;
  left: 150px;
}
.index_seenguess_box .next{
  position: absolute;
  width: 24px;
  height: 27px;
  top:16px;
  left: 190px;
}
.index_seenguess_box .prev{
  position: absolute;
  width: 24px;
  height: 27px;
  top:16px;
  left: 166px;
}
.hot-list li a span{
    margin-top: 3px;
    font-size: 14px;
    display: block;
    font-weight: bold;
}
.topUd > div.topUdOut > div.topUdSlide:first-child{
  height: 0px;
}
.gsads_box{
  text-align: center;
  width: 240px;
  height: 600px;
  margin-top: 20px;
}
.gsads_box img{
  margin: 0 auto;
}
.gsads_fix{
  position: fixed;
  top: 80px;
}
/*憭折尹隤芣???????*/
.bodyBG{
  position: fixed;
  background: #000;
  width: 100%;
  height: 100%;
  display: block;
  opacity: .8;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index: 9;
}
.newsouter{
  width: 1250px;
  margin: 0 auto;
  position: relative;
}

.newmaincate{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, 30%);
  z-index: 7;
  background: url(https://img.pcstore.com.tw/web_img/st/idx/newmaincate2.png) top center no-repeat;
  width: 900px;
  height: 400px;
  opacity: 0;
  transition: all 500ms;
  z-index: 101;
}
.n_m_2{
  position: absolute;
  left: -92px;
  top: 24px;
  z-index: 102;
  transform: scale(0.6);
  opacity: 0;
  transition: all 500ms;
}
.n_m_3{
  position: absolute;
  left:172px;
  top:30px;
  background: url(https://img.pcstore.com.tw/web_img/st/idx/newmaincate3.png) top center no-repeat;
  width: 900px;
  height: 750px;
  opacity: 0;
  transition: all 500ms;
  z-index: 101;
}
.n_m_4{
  position: absolute;
  left:130px;
  top:41px;
  opacity: 0;
  transition: all 500ms;
  z-index: 101;
}
.n_m_5{
  position: absolute;
  left:50%;
  transform: translateX(-50%);
  top:104px;
  opacity: 0;
  transition: all 500ms;
  z-index: 101;
}

.n_m_6{
  position: absolute;
  left:50%;
  top:640px;
  transform: translateX(-50%);
  opacity: 0;
  transition: all 500ms;
  z-index: 101;
  cursor: pointer;
}
.n_m_6 img{
  -webkit-animation: brightness2-play 1.5s 1s linear infinite;
  animation: brightness2-play 1.5s 1s linear infinite;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
@keyframes brightness2-play {
  0% { 
  filter:brightness(100%);
  }
  80% { 
  filter:brightness(100%);
  }
  90% { 
  filter:brightness(150%);
  }
  100% { 
  filter:brightness(100%);
  }
}
.newmaincate.optimg,.n_m_2.optimg ,.n_m_3.optimg ,.n_m_4.optimg ,.n_m_5.optimg ,.n_m_6.optimg{
  opacity: 1;
  transition: all 500ms;
}
.next,.prev{
  cursor: pointer;
}
/*憭折尹??暺??鞈?*/
.lim_head{
  height: 84px;
  width: 100%;
  margin-top: 50px;
  position: relative;
  text-align: center;
  padding-top: 11px;
  background: url(https://img.pcstore.com.tw/web_img/st/idx/lim_head.jpg) no-repeat top center;
}
.limhead_1, .limhead_2{
  display: inline-block;
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  vertical-align: middle;
}
.limhead_2{
  color: #fff;
  background: #000;
  border-radius: 10px;
  padding: 8px 10px;
  margin-left: 10px;
}
.lim_content {
  height: 680px;
  background: #fff;
  width: 100%;
  padding: 25px 10px 0px;
  margin: 0px auto;
}
.lim_foot{
  height: 27px;
  position: relative;
  background: url(https://img.pcstore.com.tw/web_img/st/idx/lim_foot.jpg) no-repeat bottom center;
  margin-top: -1px;
}
.lim_content .pd{
  position: relative;
  width: calc(100%/5 - 3px);
}
.lim_icon{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/lim_pdicon.jpg) no-repeat center;
  width: 80px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: 6px;
  z-index: 2;
}
/*憭折尹??暺??鞈?*/

/*=============================  ?????? =============================*/
/* ???????? */
.search-popover{
  position: absolute;
  top: 45px;
  left: 122px;
  width: calc(100% - 120px);
  background: #fff;
  border: 0px solid #7B7B7B;
  padding: 0px;
}
.search-popover li:hover{
  background: #F0F0F0;
}
.recentsearch{
  min-height: 80px;
  text-align: center;
  line-height: 80px;
  color: #7B7B7B;
  font-size: 15px;
  border-bottom: 1px solid #7B7B7B;
}
.popsearch{
  padding:10px 20px;
  color: #7B7B7B;
}
.popwd{
  padding: 0px 5px 10px;
}
.popwd li{
  padding: 0px 10px;
  border-radius: 20px;
  background: #E9E9E9;
  padding: 5px 15px;
  display: inline-block;
  color: #7B7B7B;
  margin: 5px 3px;
}
.popsearch h3{
  padding: 10px;
  font-size: 15px;
}
.popwd li a{
  color: #7B7B7B;
}
#searchkey{
  padding: 0px;
}
#searchkey li.searchShop {
  padding: 6px 10px;
}
#searchkey li.searchShop a {
  display: flex;
  align-items: center;
}
#searchkey li.searchShop img {
  width: 29px;
  height: 28px;
  object-fit: contain;
  margin-right: 4px;
}

#searchkey li{
  padding: 10px;
  font-size: 14px;
}
#searchkey li span{
  color: #7B7B7B;
  margin-left: 10px;
  cursor: pointer;
}
#searchkey li a{
  color:#3A3A3A;
}
.recentkey{
  padding:10px 0px 0px;
  color: #7B7B7B;
  font-size: 14px;
}
.recentkey h3{
  padding: 8px 10px;
  font-weight: bold;
  color:#7B7B7B;
}
.recentkey li{
  padding: 8px 10px;
}
.recentkey li a{
  color:#7B7B7B;
}
.recentkey li span{
  font-size: 14px;
  display: block;
  height: 18px;
  line-height: 18px;
  float: right;
  cursor: pointer;
}
.relatebox {
	margin-top: 10px;
  position: relative;
  padding: 0px 10px 20px;
}
.relatefilter{
  margin-top: 10px;
  position: relative;
  padding: 20px 10px;
}
.relatebox h3 {
	position: relative;
  top: -19px;
  font-size: 18px;
  line-height: 15px;
  display: inline-block;
  margin: 0px 10px;
}
.relatefilter h3{
  font-size: 18px;
  line-height: 15px;
  display: inline-block;
  margin: 0px 10px;
  top: 0px;
}
.relatelink_all{
  /* width: 1110px; */
  width: 96%;
  height: 52px;
  overflow: hidden;
  display: inline-block;
  position: relative;
}
.relatelink{
  display: inline-block;
  /* white-space: nowrap; */
  position: absolute;
}
.relatelink li{
  /* width: 150px; */
  text-align: center;
  font-size: 15px;
  border:2px solid #000;
  border-radius: 50px;
  padding: 10px 20px;
  margin: 5px 3px;
  display: inline-block;
  white-space: nowrap;
  background: #fff;
  -webkit-user-select: none; 
  -moz-user-select: none;
  height: 42px;
  cursor: pointer;
}
.relatelink li a{
  color: #000;
}

.relatebox .prev, .relatebox .next{
  display: inline-block;
  position: relative;
  top: -16px;
  cursor: pointer;
}
.relatebox .prev{
  margin: 0px 5px;
  width: 11px;
}
.relatebox .prev img{
  display: none;
}
.top_fisrt_lev{
  width: 90%;
  display: inline-block;
  
  position: absolute;
  top: 0;
}
/* ?????????e?蝚砌??惜 */
.relaSecBox{
  display: inline-block;
  margin-right: 5px;
}
.relaSecBox .relateSec:last-child{
  pointer-events: none;
}
.relateSec{
  display: inline-block;
  padding: 2px 5px;
  margin: 0px;
  font-size: 16px;
  cursor: pointer;
  position: relative;
}
.relateSec:hover{
  text-decoration: underline;
}
.disable {
	pointer-events: none;
}
.maybeulike .relatelink_all{
  /* width: 796px; */
  width: 80%;
}
.closepannel{
  position: absolute;
  top: 9px;
  right: 20px;
  display: block;
  font-size: 40px;
  cursor: pointer;
}
.kwResult{
  color:#FA3C0C;
  font-size: 16px;
  padding: 0px 0px 5px;
  display: inline-block;
}
.allOption{
  background: #E9E9E9;
  padding: 10px;
  margin: 10px 0px;
  font-size: 15px;
}
.optBtn{
  display: inline-block;
  background: #fff;
  padding: 10px;
  margin:0 0 0 10px;
  cursor: pointer;
  font-size: 14px;
}
.optBtn.active{
  color:#F83C0F;
}
/* ??????????*/
.search_content/*, .search_no_content*/ {
  width: 100%;
  padding: 30px 60px;
  margin: 0px auto;
}

.search_left{
  float: left;
  width: 250px;
}
.search_right{
  float: right;
  width:calc(100% - 250px);
  padding: 10px 0px 20px 40px;
}
.result{
  background: #fff;
  padding: 20px 10px;
}
.res_flex{
  display: grid;
   /* IE repeat syntax */
   -ms-grid-columns: 1fr (200px 1fr)[3];
  /* Modern repeat syntax */
  grid-template-columns: repeat(auto-fill, 200px);
  column-gap: 8px;
  justify-content: space-between;
}
.pd , .pdAds, .pdfullAds{
  margin:12px 5px;
  padding: 0px;
  text-align: center;
  width: 185px;
  height: 320px;
  background: #fff;
  position: relative;
  top: 0px;
  transition: all .5s;
  vertical-align: top;
  align-self: center;
  justify-self: center;
  float: left;
}
.pdfullAds{
  padding: 0px;
}

.result .pd, .result .pdAds{
  box-shadow: 0 0px 0px rgba(0,0,0,0.15);
  transition: box-shadow 0.3s ease-in-out;
}
.pdAds{
  padding: 0px;
}

.pdfullAds img{
  width: 100%;
}
.result .pd .imgbox,.result .pdAds .imgbox{
  width: 100%;
  height: inherit;
	position:relative;
	z-index:0;
}
.result .pd .imgbox img,.result .pdAds .imgbox img{
  position:absolute;
	width:100%;
	margin:auto;
	z-index: -1;
  *zoom:1;
}
.result .pd .imgbox:before{
	content: "";
	display: inline-block;
	padding-bottom: 100%;
	width: 0.1px;	
	vertical-align: middle;
}

.result .pd:hover, .result .pdAds:hover, .result .pdfullAds img:hover, .pdAds:hover{
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
  top:-1px;
}
@media (max-width: 1250px) {
  .search_right{
    width: 76%;
  }
  .pd , .pdAds{
    width: 185px;
  }
}
/* ????????????敺??????argin-right:auto */
.result .pd:last-child {
  margin-right: auto;
}
.discountflag{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    background: url(https://img.pcstore.com.tw/web_img/flagship/sale-label.svg);
    background-position: center center;
    background-size: cover;
    width: 38px;
    height: 20px;
    text-align: center;
}

.discountflag_txt{
    font-size: 12px;
    line-height: 20px;
    color: #fff;
}

.discountflag_txt >span{
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
}
.adwatermark{
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: rgba(0,0,0,.3);
  color: #fff;
  z-index: 1;
  transform: scale(0.85);
  padding: 1px 3px;
}
.pdmask{
  position: absolute;
  bottom: 0px;
  left:0px;
  width: 100%;
  z-index: 1;
  background: rgba(243, 243, 243, .9);
  display: none;
  cursor: pointer;
}
.pdmask_icon{
  display: inline-block;
  width: 50%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  text-indent:-9999px;
}
.pdmask_icon.heart{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/search_heart.png) no-repeat;
  background-position: center;
}
.pdmask_icon.heart_b{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/search_heart_b.png) no-repeat;
  background-position: center;
}
.pdmask_icon.cart{
  background: url(https://img.pcstore.com.tw/web_img/st/idx/search_cart.png) no-repeat;
  background-position: center;
}

.adstxt{
  display: block;
  height: 134px;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.adstxt h3{
  font-size: 13px;
  line-height: 17px;
  color: #333333;
  /* border: 1px solid #fff; */
  padding: 2px;
  margin: 3px auto;
}
.adstxt.sale{
  background: #ffeddf;
  color:#333333;
  min-height: 135px;
}
.adstxt.store{
  padding-top: 46px;
  background: #ffeddf;
  color:#333333;
}
.adstxt.more{
  color: #222;
  padding-top: 34px;
  transition: 0.3s;
  background: #ffeddf;
}
.morebtn{
  padding: 5px;
  color: #f96535;
  position: absolute;
  bottom: 5px;
  left: 0px;
  right: 0px;
  margin:0 auto;
  width: 100%;
  font-size: 13px;
  text-decoration: underline;
  opacity: 0;
  transition: 0.3s;
}
.pdAds:hover .morebtn{
  opacity: 1;
}
.pdAds:hover .adstxt.more{
  padding-top: 28px;
}
.adstname{
  color: #222;
  height: 77px;
  width: 90%;
  line-height: 22px;
  overflow: hidden;
  padding: 8px 0px;
  margin: 5px auto;
  font-size: 15px;
}
.imgfour{
  width: 100%;
  display: table;
  position: relative;
}
.imgfour img{
  width: 100%;
}
.imgfour table td{
  line-height: 0px;
}

.search_b{
  margin: 10px 0px;
}
.search_b li{
  display: inline-block;
}
.search_b li:first-child, .search_b li:nth-child(3) ,.search_b li:last-child{
  border: 1px solid #E1E1E1;
  width: 85px;
  display: inline-block;
  margin:0px 10px 0px 0px;
  padding: 0px 3px;
}
.search_b li:nth-child(3){
  margin:0px 0px 0px 9px;
}

.search_price_inp{
  width: 59px;
  border: 0px;
}
input.search_price_inp{
  border: 0px;
  outline: none;
  padding: 2px 0px 2px 5px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
.search_pri_btn{
  border: 1px solid #E1E1E1;
  text-align: center;
  cursor: pointer;
  margin: 10px 0px;
  font-size: 13px;
  color: #E1E1E1;
}

#pagination {
    margin: 10px auto;
    display: flex;
    justify-content: center;
    clear: both;
}
.pageItem, #pagination span {
    float: left;
    display: block;
    min-width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 0 5px;
}

.pageItem{
  border: 1px solid #E9E9E9;
  text-decoration: none;
  color: dimgrey;
  margin-right: 10px;
  background: #fff;
}
.pageItem:hover{
  background-color: #000;
  color:#fff ;
}
.clearfix{
  clear: both;
}
.pageItem.active{
  background-color: #000;
  color:#fff;
}

#prevBtn{
  margin-right: 10px;
}
#nextBtn{
  margin-left: 10px;
}
.popcartStyle{
  position:fixed;
  opacity:1;
  background:#fff;
  color:#000;
  /* border:2px solid #000; */
  width:905px;
  height: 450px;
  line-height:40px;
  padding:40px 20px 20px 20px;
  z-index:10;
  top:0px;
  bottom: 0px;
  left:-1px;
  right:-1px;
  margin:auto;
  font-weight:bold;
  text-align:center;
  font-size:14px;
  transition:top .2s;
}
.searchpopcross{
  position: absolute;
  top: -15px;
  right: -15px;
  width: 36px;
  height: 36px;
  background: url(https://img.pcstore.com.tw/web_img/st/idx/pop_cross.png);
  cursor: pointer;
}
.popcartRight{
  text-align: left;
  vertical-align: top;
}
.popcartimg{
  width: 350px;
  display: inline-block;
  margin-right:65px;
}
.popcartRight{
  width: 450px;
  display: inline-block;
}
.searchpopName{
  font-size: 24px;
  height: 75px;
  line-height: 35px;
  overflow: hidden;
}
.searchpopPrice{
  color: #FA3C0F;
  font-size: 20px;
}
.searchpopPrice span{
  font-size: 32px;
}
.cartSecbox{
  border-top:1px solid #e9e9e9;
  padding-top: 10px;
  margin: 10px 0px 20px;
}
.cartSecbox li{
  margin: 15px 0px;
  height: 42px;
  line-height: 36px;
}
.cartSecbox li span{
  margin-right: 10px;
}
.minus, .num, .plus {
  display: inline-block;
  font-size: 18px;
  height: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0px;
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
  border: solid 1px #b2b2b2;
  font-weight: 100;
}
.minus, .plus {
  width: 50px;
  text-align: center;
  cursor: pointer;
  margin-left: -1px;
}
.minus:hover, .plus:hover {
  background-color: #fffbb8;
}
.num {
  width: 60px;
  text-align: center;
  margin-left: -1px;
}
.cont {
  position: relative;
  display: inline-block;
  color: #222222;
}
.cont span{
  margin-left: 10px;
  color: #707070;
}
/* 銝?????詨? */
select {
  /* styling */
  background-color: white;
  border: thin solid #b2b2b2;
  border-radius: 0px;
  display: inline-block;
  font: inherit;
  line-height: 1.8em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */
select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
  width: 85%;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, #949494 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #949494 50%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em;
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
  border-color: #949494;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.sec_menu ul li label, .sec_menu ul li input{
  cursor: pointer;
}
.search_c_cart{
  background: #fe5722;
  border-radius: 8px;
  color: #fff;
  padding:3px 20px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.search_s_cart{
  border: 1px solid #fe5722;
  border-radius: 8px;
  color: #fe5722;
  padding:3px 20px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  cursor: pointer;
}
.search_relatestore_title{
  font-size: 25px;
  text-align: center;
  margin: 30px 0px 20px 10px;
}
.searchst_btm{
  padding: 10px 0px;
  width: 50%;
  margin:0 auto;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.searchst_btm div{
  width: 50%;
  display: inline-block;
}
.search_relatestore_list{
  margin-bottom: 110px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap:wrap;
}
.searchst_btm div{
  cursor: pointer;
}
.recomtitle{
  font-size: 24px;
  line-height: 28px;
  padding-left: 20px;
}
.noresultcontent .pd{
  width: calc(1250px/6 - 13px);
}
.haveseenoutter{
  background: #fff;
  margin: 10px auto;
  position: relative;
  padding: 20px 10px 0px;
  width: 100%;
  height: 395px;
  overflow: hidden;
}
.haveseenoutter .next, .haveseenoutter .prev{
  position: absolute;
  width: 24px;
  height: 27px;
  top: 20px;
}
.haveseenoutter .next{
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -314px -56px;
  border: 1px solid #e9e9e9;
  left: 183px;
  cursor: pointer;
}
.haveseenoutter .prev{
  background-image: url(https://img.pcstore.com.tw/web_img/st/idx/icon.png?t=20200401);
  background-position: -298px -56px;
  border: 1px solid #e9e9e9;
  left: 160px;
}
/* 憭?誨瘚桀????摰? */
.gsads_box{
  text-align: center;
  width: 240px;
  height: 600px;
}
.gsads_box img{
  margin: 0 auto;
}
.gasads_last{
  position: fixed;
  left: 60px;
  bottom: 295px;
}

.search_left .sec_menu{
  padding: 10px 20px;
  margin: 10px 0px 15px;
}
.search_left .sec_menu h3{
  margin-top: 0px;
}

/* 蝭拚?詨?????????? */
.optPage{
  margin: 0px;
  padding:0px;
  float:right;
}
.optPage li{
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
}
.optPage li:first-child{
  background: none;
}
.ser_Ritaw, .ser_Letaw {
  border: solid #222222;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 5px;
}
.ser_Ritaw{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-right: 5px;
}
.ser_Letaw{
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-left: 5px;
}
.ser_awnot{
  pointer-events: none;
  cursor: none;
}
.ser_awnot .ser_Ritaw , .ser_awnot .ser_Letaw{
  border-color:#cacaca;
}
.optPnum span{
  color:#f00;
}
.flexhead #id_search_area {
width: calc(100% - 122px);
}
.reh_stname {
    color: #9a9a9a;
    text-align: left;
    font-size: 11px;
    height: 19px;
    overflow: hidden;
    padding: 2px 10px;
}
#searchkey li span {
    color: #fb8a66;
    margin-left: 10px;
    cursor: pointer;
}
/* 隤踵?擐??蝘?閮??con撖砍漲 */
#chat_s.indexcht{
  width: 60px !important;
}
#chat_s.indexcht>.bub{
  right:6px !important;
}
.ptEvtitle{
  background:#fa3c0e;
  border-radius: 16px;
  width:220px;
  Height:32px;
  line-height: 32px;
  overflow: hidden;
  color:#fff;
  font-size:15px;
  margin-bottom:15px;
  display: none;
}
.adzone_395x140{
  display:flex;
  justify-content: space-evenly;
  margin: 10px auto;
}
.adzone_395x140 li {
  display: flex;
  width: 395px;
  height: 141px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  box-sizing: content-box;
}