@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
*{
  font-family: 'Noto Sans TC', sans-serif !important;
  font-weight: normal !important;
}
html, button, input, select, textarea {
  color: #191919;
}

input {
  font-family: 'Noto Sans TC', sans-serif !important;
  -webkit-appearance: none !important;  /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
  -moz-appearance: none !important;     /* FireFox */
  appearance: none !important;
  border-radius: 0;
}
input:focus {
  color:#191919 !important;
}
input:disabled{
  color: #c8c8c8;
}
::placeholder { /* CSS 3 標準 */
  color: #c8c8c8 !important;
}
::-webkit-input-placeholder { /* Chrome, Safari */
  color: #c8c8c8 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #c8c8c8 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #c8c8c8 !important;
  opacity: 1;
}

body {
  line-height: 1.4;
  font-size: 16px;
  color: #505050;
  background: #f7f7f7;
}
::-moz-selection {
  background: #f2c2c9;
  color: #a4003a;
  text-shadow: none;
}
::selection {
  background: #334d74;
  color: #fff;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #c8c8c8;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
textarea {
  resize: vertical;
}
html, body {
  /*height: 100%;*/
  position: relative;
}
main{position:relative;}

/* Titles */
h1, h2, h3, h4, h5, h6 {
  color: #505050;
}
/* Paragraph & Typographic */

strong {
  font-weight: 500;
}
em {
  font-weight: 300;
}

/* Links */
H {
  color: #505050;
  word-wrap: break-word;
  text-decoration: none;
}
a{
  text-decoration: none;
  color: #505050;
}
a:hover{
  color: #ff7b00;
  text-decoration: none;
  outline: 0;
}

/* action & component */
button{
  margin: 0px;
  padding: 0px;
}

/* scrollbar Set */
  /* FireFox & IE */
.scroller {
  scrollbar-color: #959595 #f7f7f7 ;
  scrollbar-width: thin;
}

  /* webkit */
::-webkit-scrollbar{
    width:6px;
    height:6px;
    background-color:#f7f7f7;
}
::-webkit-scrollbar-track{
    border-radius:4px;
    -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
    background-color:#f7f7f7;
}
::-webkit-scrollbar-thumb{
    border-radius:4px;
    -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
    background-color:#959595;
}

/* 基本版型 */
.btn{ background-position: center; cursor: pointer;}
.row { margin-right: 0px; margin-left: 0px;}
.all-hide{ display: block; }
.xl-hide{ display: block; }
.l-hide{ display: block; }
.md-hide{ display: block; }
.sm-hide { display: block; }
.s-hide{ display: block; }
.xs-hide{ display: block; }

.clear{ clear: both; }
.clear-l{ clear: left; }

.text-c{ text-align: center; }
.text-l{ text-align: left; }
.text-r{ text-align: right; }

.submit {
  color: #FFF;
  display: block;
  background: #ff7b00;
  width: 100%;
  line-height: 50px;
  border-radius: 4px;
  font-size: 1.25rem;
  text-align: center;
  cursor: pointer;
}
.submit:hover{
  color: #FFF;
  background: #ff9a00;
}
.submit:active{
  color: #FFF;
  background: #ff4b1e;
}
.submit:disabled{
  color: #FFF;
  background: #c8c8c8;
}

/*系統彈跳視窗(回饋訊息)*/
.system_msgBg{
  position: fixed;
  transform: translate(-50% , -50%);
  top: 0;
  left: 50%;
  width: 100%;
  z-index: 99999;
  max-width: 420px;
  margin-top: 350px;
}
.system_msgWrap{
  background:#FFF;
  padding-top: 20px;
  padding-bottom: 30px;
  max-width: 420px;
  box-shadow: 1px 1px 4px 1px #ccc;
  display: block;
  position: relative;
}
.system_msgWrap>div{
  margin: 20px 5%;
}
.msg_closeBtn{
  display: block;
  width: 40px;
  height: 40px;
  background: url('../images/system-msg-close.png') no-repeat;
  background-position: center;
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -20px;
}
.msg_closeBtn:hover{
  background: url('../images/system-msg-close-h.png') no-repeat;
}
.system_msgWrap h2{
  font-size: 1.75rem;
  font-weight: 500;
  margin-top: -20px;
}
.msg_input input{
  color:#191919;
  background:#ebebeb;
  height: 45px;
  width: 98%;
  padding-left: 10px;
  border-radius: 4px;
}
.msgText{
  font-size: 1rem;
  color: #e61432;
}


/* 錯誤訊息 */
.error_msg_1{
  display: none;
}
.error_msg_1 p{
  margin-top: -15px;
  color: #ff7b00;
}
/* 置頂Banner */
.bannerTop_wrap{
  display: none;
  position: relative;
  height: 90px;
  background: #203e72;
}
.bannerTop{
  background: url('../images/banner/bannerTop20200705.png') no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}
.bannerTop_wrap a{
  max-width: 1366px;
  display: block;
  height: 100%;
  margin: 0 auto;
}
/* 置中Banner */
.bannerMid_wrap{
  display: block;
  position: relative;
  height: auto;
  width: 100vw;
  margin: -4px auto 0px;
}
.bannerMid{
    /*background: url('../images/banner/pormo_banner_01.jpg') no-repeat; */
    /*background-position: center center; */
    /*background-size: 1460px;*/
    /*! max-width: 1366px; */
    /*! height: 100%; */
    /*! width: 100%; */
    /*! margin: 0 auto; */
}
.bannerMid_wrap a{
  display: block;
  height: auto;
  margin: 0 auto;
}
.bannerMid img{ width: 100%; }
.closeBtn_wrap{
  float: right;
  /*! margin: 1px 4px 0px 0px; */
}
.closeBtn_wrap button{
  background: none;
}
/* 蓋板廣告ModalsBanner */
.bannerModals_wrap{
  display: none;
  position: absolute;
  width: 100%;
  z-index: 6000;
}
.bannerModals_wrap a{
  max-width: 1366px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.bannerModals{
  height: auto;
  width: 100%;
  margin: 0 auto;
}
.closeBtn_bannerModals{
  position: absolute;
  right: 0px;
  float: none;
}
.bannerModals img{ width: 100%; }
/* video*/
.videoDrap{width: 100%;max-width: 680px;margin: 0px auto;padding: 20px 0px 30px;}
.videoSet{
    position: relative;
    overflow: hidden;
    background: #FFF;
    padding-bottom: 56.25%;
}
.videoSet iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 96%;
    height: 100%;
    margin: 0px 2%;
}
/* HEADER */
.headerWrap{ width: 100%; background: #fff; box-shadow: 1px 1px 4px 1px #ccc;position: relative;}
.headerSet{ width: 100%; max-width: 1366px; margin: 0 auto;}
.headerHbg{
  display: block;
  float: left;
  margin: 5px 5px 0px 5px;
}
.headerHbg  button{ width: 40px; height: 40px; margin-top: 2px;background: none;}
.headerHbg  button >img{ width: 100%; }

  /* 功能列 */
.logoSet{ width: 145px; float: left;margin-top: 14px;margin-left: -5px;}
.logoSet img{ width: 100%; }
.toolBar{ float: right;margin-top: 10px;}
.cart{ float: right;margin-right: 10px;}
.login{ float: right;}
.cart span{ width: 40px; height: 40px; display: inline-block;position: relative;}
.login span{ width: 40px; height: 40px; display: inline-block;}
.memberIcon{
  background: url('../images/header-login-btn.png')no-repeat;
  background-position: center;
  background-size: 105%;
}
.memberIconLogin{
  background: url('../images/header-login-btn-a.png')no-repeat;
  background-position: center;
  background-size: 105%;  
}
.cartIcon{
  background: url('../images/header-cart-btn.png')no-repeat;
  background-position: center;
  background-size: 120%;
}
.searchIconB{
  background: url('../images/header-search-icon.png')no-repeat;
  background-position: center;
  background-size: 110%;
}
/*.memberIcon:hover{
  background: url('../images/header-login-btn-a.png')no-repeat;
  background-position: center;
  background-size: 105%;
}*/
.cartIcon:hover{
  background: url('../images/header-cart-btn-a.png')no-repeat;
  background-position: center;
  background-size: 120%;
}
.searchBtn:hover .searchIconB{
  background: url('../images/header-search-icon-h.png')no-repeat;
  background-position: center;
  background-size: 105%;
}
.cart strong{
  font-size: 0.55rem;position: absolute;bottom: 1px;right: -1px;color: #FFF;background: #e61432;
  width: 16px;line-height: 16px;text-align: center;border-radius: 10px;}
.cart img{ width: 100%;}
.login img{ width: 100%;}
.toolBat-word{ display: none; }

/* 搜尋列 */
.searchBar{ display: none; position: absolute; height: 60px;width: 100%;top: 54px;z-index: 4150;}
.searchBar button{ background: #ebebeb; }
.searchBar span{
  position: absolute;
  right: 5px;
}
.searchBtn { float: right; margin-top: 10px;}
.searchBtn span{ width: 40px; height: 40px; display: block;}
.searchBtn img{ width: 100%; }
.searchBtn >input{
  opacity: 0;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
}
.searchImg{ float: right; }
.searchIcon { float: right; width: 40px; height: 40px; display: block;}
.searchIcon img { width: 100%; }
.searchInput{
  width: calc( 100% - 20px);
  height: 50px;
  background: #ebebeb;
  padding: 0px 10px;
  position: relative;
}

  /* MAINMENU */
.mainMenu{
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.6);
  z-index: 4250;
  position: fixed;
  top: 0px;
  display: none;
}
.mainmenuSet{
  text-align: left;
  background: #fff;
  height: 100%;
  width: 70%;
  z-index: 2;
}
.nav-close{
  text-align: right;
  border-bottom: 1px solid #dadada;
  display: block;
}
.nav-close img{ margin-right: 10px; }
.nav-Filter ,.nav-Event ,.nav-News ,.nav-Discount ,.nav-Preorder ,.nav-Usedbooks ,.nav-Ebooks {
  border-bottom: 1px solid #50505000;
  display: block;
  background: #f2f2f4;
  color: #505050;
}

.mainmenuSet li {
    display: inline-block;
    font-size: 1.25rem;
    width: 95%;
    overflow: hidden;
    margin-left: 5%;
    line-height: 64px;
}
.navBtn-arrow{ display: none; }

/* CONTENT */
  /*  SLIDE  */
.sliderWrap{
  width: 100%;
  overflow: hidden;
}
.slider{ max-width: 1366px; margin: 0 auto;}
.slider img{ width: 100%; }

/* FOOTER */
.footerwrap {
  width: 100%;
  color: #505050;
  margin-top: 5px;
  text-align: center;
  background: #fff;
  box-shadow: 1px 1px 4px 1px #ccc;
}
.footerSet{
  max-width: 1366px;
  margin: 0 auto;
  width: 100%;
}
.business-l{
  width: 85%;
  padding-top: 45px;
  padding-left: 7.5%;
  padding-bottom: 50px;
}
.business-l div{ text-align: center;}
.business-l h4{
  color: #ff7b00;
  letter-spacing: 1.5px;
  margin-bottom: 10px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
}
.business-l li{
  text-align: left;
}
.business-l a{
  letter-spacing: 1px;
  line-height: 1.5;
}
.business-l a:hover{
  color: #ff7b00;
}
.aboutUs{  width: 100%;margin: 0px 0px 30px 0px;}
.newbie{  width: 100%;margin: 0px 0px 30px 0px;}
.shopping-Notes{  width: 100%;/*! margin: 0px 0px 30px 0px; */}
.subscribepopMsg_wrap{position: fixed;right: 5%;bottom: 15px;box-shadow: 1px 1px 4px 1px #ccc;border-radius: 3px;padding: 30px;background: #FFF;width: calc(90% - 60px);z-index: 99;display: none;}
.subscribepopMsg{width: 100%;max-width: 370px;}
.subscribepopMsg_text b{ font-size: 1.25rem;color: #191919;margin: -5px 0px 10px 0px;display: block; }
.subscribepopMsg_text p{ color: #505050;font-size: 1em;line-height: 1.8;letter-spacing: 0.1px; }
.business-rFeedback{text-align: center;width: 100%;position: absolute;bottom: 0px;max-width: 500px;display: none;}
.subscribewrap{background: #c8c8c8;height: 60px;border-radius: 3px;position: relative;}
.subscribewrap span{line-height: 60px;color: #fff;width: 70px;}
.mailsend{ display:none;cursor: context-menu;position: absolute;left: 0px;top: 0px;}
.subscribeInput{background: #fff;margin-top: 12px;width: calc(100% - 100px);border-radius: 3px;/*! min-height: 35px; *//*! margin-left: 0px; */position: absolute;left: 15px;height: 35px;}
.subscribewrap input.subscribeInput{/*! color: #191919; */}.subscribewrap span.subscribeBtn{position: absolute;right: 0px;top: 0px;}
.business-r{
  width: 85%;
  float: left;
  padding: 0px 7.5%;
}
.footerImg{
  width: 100%;
  height: 80px;
  background: url('../images/footer-img-attention.jpg') no-repeat;
  background-position: 20px 5px;
  max-width: 500px;
}
.fbFans{
  background:url("../images/footer-btn-fb.png") no-repeat;
  background-position: center;
  width: 100%;
  height: 60px;
  margin-top: 30px;
  border-radius: 3px 3px 3px 3px;
  max-width: 500px;
}
.eNews{
  background:url("../images/footer-btn-enews.png") no-repeat;
  background-position: center;
  width: 100%;
  height: 60px;
  margin-top: 25px;
  margin-bottom: 40px;
  border-radius: 3px 3px 3px 3px;
  position: relative;
  max-width: 500px;
}
.fbFans>img, .eNews>img{
  width: 100%;
  height: 60px;
}
.copyrights{text-align: center;background: #efefef;display: block;}
.copyrights p{
  line-height: 40px;
  background: #ebebeb;
  margin: 0px;
}
.copyrights string{
  font-size: 1rem;
  font-weight: 600;
}
/*uc05_newsMsg*/
.newsMsg_wrap{  position: relative;display: none;}
.newsMsg{ position: absolute; top: 20px;box-shadow: 1px 1px 4px 1px #ccc;border-radius: 3px;left: 50%;transform: translate(-50%, 0);background: #FFF;width: 92%;max-width: 630px;z-index: 4000;}
.newsMsg_closeBtn{right: 5px;top: 5px;}
.newsMsg_text{ width: 92%; margin: 15px auto; color: #505050;}
.newsMsg_text li{ line-height: 25px; list-style: decimal;margin: 15px 0px 15px 15px;padding: 5px 0px 15px 15px;border-bottom: 1px solid #dedede;}
.newsMsg_text li:nth-last-child(1){ border-bottom: none; }
.newspopMsg_wrap{ position: fixed;right: 3%;bottom: 15px;box-shadow: 1px 1px 4px 1px #ccc;border-radius: 3px;padding: 30px;background: #FFF;z-index: 9999;display: none;}
.newspopMsg{width: 100%;max-width: 370px;}
.newspopMsg_text{width: 100%;}
.newspopMsg_text b{ font-size: 1.25rem; color: #191919;margin: -5px 0px 10px 0px;display: block;}
.newspopMsg_text p{ color: #505050;font-size: 1em;line-height: 1.8;letter-spacing: 0.1px;}
.nsMsg_closeBtn{ margin: 15px 25px 0px 0px;}

/*uc0601_categoryFilter 分類找書*/
.skin_position{ display: block;z-index: 4000;position:absolute;width: 100%;}
.skinStyle_wrap{
  width: 92%;
  background: #fff;
  box-shadow: 1px 1px 4px 1px #ccc;
  display: block;
  padding-top: 20px;
  padding-bottom: 25px;
  margin: 20px auto;
  max-width: 1366px;
}
.skinStyle_categoryFilter{
  padding-bottom: 5px;  
  max-width: 1300px;
  position: relative;
}
.skinStyle{ color: #505050;}
.categoryTitle_wrap{ margin-top: -15px;}
.categoryTitle_wrap ul{
  display: table;
  width: 90%;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 auto;
}
.categoryTitle{
  display: table-cell;
  line-height: 49px;
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: -1px;
}
.categoryTitle a{ display: block; margin-right: 10px;}
.categoryTitle-atv a{ border-bottom: 1px solid #ff7b00; color: #ff7b00;}
.categoryFilter_wrap{ width: 90%; margin: 0px auto;}
.categoryFilter_wrap >div:nth-last-child(2){ border-bottom: none;}
.categoryList_style{
  width: 98%;
  margin: 0 auto;
  border-bottom: 1px solid #e6e6e6;
}
.categorySubTitle_wrap{
  position: relative;
  margin-left: 5px;
}
.categoryList_wrap{ margin-left: 5px; display: none;margin-top: -4px;}
.categoryList_wrap div{ margin-bottom: 20px;}
.categorySubTitle{
  line-height: 50px;
  font-size: 1.25rem;
  overflow: hidden;
  max-height: 50px;
  cursor: pointer;
  display: inline-block;
  color: #ff7b00;
}
.categorySubT_toggle{
  position: absolute;
  right: 0;
  top: 8px;
  width: 40px;
  height: 40px;
  display: block;
  cursor: pointer;
}
.toggleBtn_up{display: block;}
.toggleBtn_arrowup{display: none;}
.categoryList{
  line-height: 35px;
  display: inline-block;
  width: 70%;
}
.categoryList a{ display: block; width: 100%;}
/*分類找書收合按鈕*/
.skinStyle .categorySubTitle_toggle {
    position: absolute;
    right: 0px;
    top: 6px;
    display: block;
    cursor: pointer;
}
.skinStyle .categorySubTitle_toggle div{
  content: url(../images/category_toggleBtn.png);
}
.skinStyle .categorySubTitle_toggle div:hover{
  content: url(../images/category_toggleBtn-h.png);
}
.skinStyle .categorySubTitle_toggle img{ vertical-align: top;}
/*分類頁收合按效果*/
.skinStyle .toggleBtn_up {
  transform-origin: center center;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
}

.skinStyle .toggleBtn_down {
  transform-origin: center center;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
}
/*uc06012_eventBooks 活動書展*/
.skinStyle_eventBooks{ padding: 0px; max-width: 470px;}
.eventBooks_wrap{}
.eventBooks{ padding: 10px;margin: 0 auto;}
.eventBooks_List{  margin: 10px auto; max-width: 365px;}
.eventBooks li:nth-child(1){ margin-top: 0px; }
.eventBooks li:nth-last-child(1){ margin-bottom: 0px; }
.eventBooks_List img{  width: 100%;  max-width: 365px;}
/*uc0302.4_prodsDetail_TryRead 詳目頁試讀畫面*/
.trMsg_closeBtn{margin: 10px 60px 0px 0px;}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media (max-width: 319px) {
  /* 基本版型 */
  .all-hide{ display: none; }
  .xs-hide{ display: none; }
}

@media (min-width: 320px) and (max-width: 499px)  {
  /* 基本版型 */
  .all-hide{ display: none; }
  .s-hide { display: none; }
}

@media (min-width: 500px) and (max-width: 767px) {
  /* 基本版型 */
  .sm-hide { display: none; }
  .headerHbg{ margin: 0px 5px 0px 5px;}
}

@media (min-width: 500px) and (max-width: 768px) {
  /* 基本版型 */
  .all-hide{ display: none; }
  .md-hide { display: none; }
  .headerHbg button{ width: 50px; height: 50px; }
  .headerHbg button >img{ width: 100%;}
  .searchBar{ opacity:1;display: none; position: absolute;width: 100%;top: 54px;z-index: 99;}
  /*uc02_footer*/
  .subscribepopMsg_wrap{position: fixed;right: 5%;bottom: 15px;max-width: 260px;}
}

@media (min-width: 768px) {
  .md-hide { display: none; }
  .logoSet{ width: 190px ; margin-left: 10px;}
  .toolBat-word{ display: inline-block; vertical-align: top;margin-top: 8px;}
  /* FOOTER */
  .business-r{ margin-top: -60px;}
  .footerImg{ background-position: 25% center;width: 30%;margin-top: -20px;}
  .fbFans{ width: 30%;margin-right: 2%;}
  .eNews{ width: 30%; }
  .business-rFeedback{ width: 210%;right: 0px;max-width: 600px;}
  .subscribeInput{/*width: calc(100% - 165px);*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    margin: 0;  
    width: 65%;
  }
  .mailsend{ display:block;}
  /*uc0601_categoryFilter 分類找書*/
  .skin_position{ position: absolute;}
  .categorySubTitle_wrap{ cursor: default; }
  .categoryTitle_wrap ul{ width: 94%; }
  .categoryTitle{ display: inline-block; }
  .categoryTitle a{ padding: 0px 20px; }
  .categoryTitle-atv a{ padding: 0px 20px; }
  .categoryFilter_wrap{ width: 95%; padding-top: 10px; }
  .categoryList_style{ width: 50%;  float: left; min-height: 280px;border-bottom: none;}
  .categoryA07 ,.categoryA08{ margin-top: -70px; }
  .categoryA09 ,.categoryA10{ margin-top: -30px; }
  .categoryA11 ,.categoryA12{ margin-top: -20px; }
  .categoryList_wrap{ display: block; min-height: 260px;}
  .categoryList{ width: 49%;float: left;line-height: 28px;}
  .categoryList_wrap li:nth-child(odd){ margin-right: 2%;}
  .categorySubT_toggle {display: none;}
  .skinStyle .categorySubTitle_toggle {display: none;}
}
@media (min-width: 769px) and (max-width: 1100px){
  /* 基本版型 */
  .all-hide{ display: none; }
  .l-hide { display: none;}
  /* HEADER */
  .headerHbg{ display: none; }
  .logoSet{ width: 240px; margin-left: 10px;margin-top: 20px;}
  .searchBtn{ display: none; }
  .searchBar{ display: block; position: inherit;}
  .searchInput {
    width: calc( 100% - 580px);
    height: 40px;
    background: #efefef;
    float: right;
    margin: 20px 20px 0px 0px;
    border-radius: 5px 5px 5px 5px;
    padding: 0px;
    padding-left: 10px;
  }
  .searchBar span{
    position: absolute;
    width: 40px;
    height: 40px;
    right: 260px;
    top: 20px;
  }
  .searchBar img{ width: 100%; }
  .toolBar{ margin: 20px 10px 0px 0px; }
  /* MAINMENU */
  .mainMenu{ display: block; background: none;height: auto;position: relative;z-index: 400;}
  .mainmenuSet{ width: 100%; height: auto; text-align: center;}
  .mainmenuSet li{ font-size: 1.1rem;margin: 0px; text-align: center;width: 100%; line-height: 45px;}
  .nav-Filter ,.nav-Event ,.nav-News ,.nav-Discount ,.nav-Preorder ,.nav-Usedbooks ,.nav-Ebooks{ 
    width: 14.2%;display: inline-block; margin: 0px;padding: 10px 0px 0px;margin-left: -4px; border-bottom: 0px solid #50505000;
    background: #fff;
    color: #505050;
  }
  .nav-Usedbooks ,.nav-Ebooks{ display: none;}
  .nav-close{ display: none; }
  .navBtn-arrow{ 
    display: inline-block; 
    background: url('../images/header-nav-btn.png')no-repeat; 
    width: 22px;
    height: 22px;
    background-position: 0px 3px;
  }
  .nav-Filter:hover .navBtn-arrow { background: url('../images/header-nav-btn-h.png')no-repeat; background-position: 0px 3px}
  .nav-News:hover .navBtn-arrow { background: url('../images/header-nav-btn-h.png')no-repeat; background-position: 0px 3px}
  /* FOOTER */
  .aboutUs{ width: 25%; display: inline-block; vertical-align: top;}
  .newbie{ width: 35%; display: inline-block; vertical-align: top;}
  .shopping-Notes{ width: 20%; display: inline-block; vertical-align: top;}
  .footerImg{ background-position: 25% center; background-size: 95%;}
  .subscribepopMsg_wrap{ max-width: 260px;}
  .mailsend{ display:block;}
  /*uc05_newsMsg*/
  .newsMsg{top: 0px;margin-top: 20px;}
  /*分類找書 & 收合按鈕*/
  .skin_position{z-index: 5000;display:none;}
  .skinStyle .categorySubTitle_toggle {top: 8.2rem;}
  /*uc06012_eventBooks 活動書展*/
  .skinStyle_eventBooks{ padding: 0px; max-width: 1366px;}
  .eventBooks_wrap{}
  .eventBooks{ padding: 15px;}
  .eventBooks li:nth-child(3n+3){margin-right: 0px;}
  .eventBooks_List{  margin: 0px 2% 20px 0px; max-width: 365px;float: left;width: 32%;}
  .eventBooks_List img{  width: 100%;  max-width: 365px;}
  /*最新消息*/
  .newsMsg{ z-index: 5000;}
  }
@media (min-width: 1101px){
  /* 基本版型 */
  .all-hide{ display: none; }
  .xl-hide { display: none;}
  /* 置中Banner */
  .bannerMid_wrap{ width: 70vw; margin-top: -5px;}
  /* video */
  .videoDrap{width: 49%;max-width: 450px; display: inline-block; margin: 30px 0px;padding: 0px;vertical-align: top;}
  /* HEADER */
  .headerHbg{ display: none; }
  .logoSet{ width: 270px; margin-left: 10px;margin-top: 15px;}
  /* 搜尋列 */
  .searchBtn{ display: none; }
  .searchBar{ display: block; position: relative;width: calc( 100% - 650px);top: 0px;float: right;}
  .searchInput {
    width: calc( 100% - 0px);
    height: 40px;
    float: right;
    margin: 20px 20px 0px 0px;
    border-radius: 5px 5px 5px 5px;
    padding: 0px;
    padding-left: 10px;
  }
  .searchBar span{
    position: absolute;
    width: 40px;
    height: 40px;
    right: 25px;
    top: 20px;
  }
  .searchBar img{ width: 100%; /*! background: #efefef; */ }

  .toolBar{ margin: 20px 10px 0px 0px; }
  /* MAINMENU */
  .mainMenu{ display: block; background: none;height: auto;position: relative;padding: 0px 5%;width: 90%; z-index:400;}
  .mainmenuSet{ width: 100%; height: 60px; text-align: center;max-width: 1366px;margin: 5px auto 0px;display: block;}
  .mainmenuSet li{ font-size: 1.25rem;margin: 0px; text-align: center;width: 100%; line-height: 3rem;}
  .nav-Filter ,.nav-Event ,.nav-News ,.nav-Discount ,.nav-Preorder ,.nav-Usedbooks ,.nav-Ebooks{ 
    width: 20%;/*! display: inline-block; */ /*! margin: 0px; *//*! padding: 10px 0px 0px; *//*! margin-left: -4px; */ border-bottom: #50505000 0px solid;
    background: #fff;
    float: left;
  }
  .nav-Usedbooks ,.nav-Ebooks{ display: none;}
  .nav-close{ display: none; }
  .navBtn-arrow{ 
    display: inline-block; 
    background: url('../images/header-nav-btn.png')no-repeat; 
    width: 22px;
    height: 22px;
    background-position: center;
    margin-bottom: -5px;
  }
  .nav-Filter:hover .navBtn-arrow { background: url('../images/header-nav-btn-h.png')no-repeat; background-position: center;display: inline-block;margin-bottom: -5px;}
  .nav-News:hover .navBtn-arrow { background: url('../images/header-nav-btn-h.png')no-repeat; }


  /* SLIDER */
  .slideWrap{ width: 70vw; margin: 5px auto 0px; z-index: -1;}
  /* FOOTER */
  .business-l{width: 50%;display: inline-block;margin: 0px;padding: 45px 0px 50px 7.5%;text-align: left;}
  .business-r{width: 35%;padding: 45px 7.5% 0px 0px;float: right;margin-top: 0px;}
  .footerImg{margin-left: -100px;width: 100%;margin-top: -35px;}
  .aboutUs{ width: 26%; display: inline-block; vertical-align: top;}
  .newbie{ width: 43%; display: inline-block; vertical-align: top;}
  .shopping-Notes{ width: 25%; display: inline-block; vertical-align: top;}
  .fbFans{width: 45%;display: inline-block;}
  .eNews{width: 45%;display: inline-block;margin-left: 10px;}
  .subscribepopMsg_wrap{position: fixed;right: 5%;bottom: 15px;max-width: 260px;z-index: 99999999;}
  .mailsend{ display:block;}
  /*uc05_newsMsg*/
  .newsMsg{top: 0;margin-top: 20px;}
  /*uc0601_categoryFilter 分類找書*/
  .skin_position{ display: none;z-index: 5000;}
  .skinStyle_categoryFilter { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0);z-index: 999;}
  .categoryTitle_wrap ul{ width: 94%; }
  .categoryTitle{ display: inline-block; }
  .categoryTitle a{ padding: 0px 20px; }
  .categoryTitle-atv a{ padding: 0px 20px; }
  .categoryFilter_wrap{ width: 95%; padding-top: 10px; }
  .categoryList_style{ width: 32%; margin: 0 2% 0 0; float: left; min-height: 280px; border-bottom: none;}
  .categoryA07 ,.categoryA08{ margin-top: 0px; }
  .categoryA09 ,.categoryA10{ margin-top: 0px; }
  .categoryA11 ,.categoryA12{ margin-top: 0px; }
  .categoryFilter_wrap >div:nth-child(3n+3){ margin:0px;}
  .categoryList_wrap{ display: block; }
  .categoryList{ width: 49%;float: left;letter-spacing: -0.7px;}
  .categoryList_wrap li:nth-child(odd){ margin-right: 2%;}
  .categoryList a { display: inline-block; width: auto;}
  .categorySubT_toggle {display: none;}
  .skinStyle .categorySubTitle_toggle { display: none;}
  /*uc06012_eventBooks 活動書展*/
  .skinStyle_eventBooks{ padding: 0px; max-width: 1366px;position: absolute;left: 50%;transform: translateX(-50%);z-index: 5000;}
  .eventBooks_wrap{}
  .eventBooks{ padding: 30px 0px 15px;max-width: 1200px;width: 100%;}
  .eventBooks li:nth-child(3n+3){margin-right: 0px;}
  .eventBooks_List{  margin: 0px 2% 20px 0px; max-width: inherit;float: left;width: 32%;}
  .eventBooks_List a{ display: block; width: 100%; text-align: center; }
  .eventBooks_List img{  width: 100%;  max-width: 365px;}
  /*最新消息*/
  .newsMsg{ z-index: 5000;}
  /*uc0302.42_prodsDetail 詳目頁*/
  .detailClear{ clear: none;}
}

@media (min-width: 1500px){
  /* 基本版型 */
  .all-hide{ display: none; }
  /* HEADER */
  .logoSet{ width: 280px; margin-left: 0px;margin-top: 35px;}
  /* 搜尋列 */
  .searchBtn{ display: none; }
  .searchBar{ display: block; position: relative;width: calc( 100% - 600px);top: 20px;float: right;}
  .searchInput {
    width: calc( 100% - 0px);
    height: 40px;
    float: right;
    margin: 20px 20px 0px 0px;
    border-radius: 4px 4px 4px 4px;
    padding: 0px;
    padding-left: 10px;
  }
  .searchBar span{
    position: absolute;
    width: 40px;
    height: 40px;
    right: 25px;
    top: 20px;
  }
  .searchBar img{ width: 100%;  }
  /* 功能列 */
  .toolBar{ margin: 40px 10px 0px 0px; }
  /* MAINMENU */
  .nav-close{ display: none; }
/* CONTENT */
  /* SLIDER */
  .slideWrap{ width: 70vw; margin: 5px auto 0px; z-index: -1;}
  /* FOOTER */
  .fbFans{width: 45%;display: inline-block;}
  .eNews{width: 45%;display: inline-block;margin-left: 10px;}
  .mailsend{ display:block;}
  }