/*
Template Name: 星僑網路書店
Template URI: http://www.ncc.com.tw/book
Description: 星僑網路書店咖啡色樣式.
Version: 2.7.0
Author: AlienChen
Author URI: http://www.ncc.com.tw/
Logo filename: logo.gif
Template Type: typeyellow_0
*/


/* ====================
     公共樣式
==================== */
body{background:#fff; font-size:1rem; font-family: "Sans-Serif", Verdana, Arial; line-height:150%; margin:5px 0 0 0; padding:0; color:#404040;}
br.device{display:none;}
.block{width:99%!important;margin-left:auto;margin-right:auto;}
body>div{width:99%!important;margin-left:auto;margin-right:auto;}
/*英文強制換行*/
  /*邊框*/
  .B_blue{border-radius:.25rem;}
  .B_input{font-size:.9rem!important;}
  select.B_input{margin-left:.25rem;max-width:5.75rem;}
  input.B_input{max-width:4.8rem;}
  .B_input,
  .userCenterBox select,
  .inputBg,
  .input,
  form[name="selectPageForm"] input[type="number"].B_blue,
  select[id="select"],
  select[id="brand"],
  select[name="goods_type"]{
      border:1px solid #FFCD5A;
      background: #fffaf4;
      background: linear-gradient(0deg, rgb(255,250,244) 0%, rgb(255,250,244) 92%, rgba(255,237,220,1) 92%, rgba(255,237,220,1) 100%);
      height:calc(1.5em + .75rem + 2px);
      font-size:1rem;
      padding:0.18rem .35rem;
      font-weight: 400;
      line-height:1.5;
      border-radius: .25rem;
      transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  select[id="select"],
  select[id="brand"],
  select[name="goods_type"],
  select[name="sort"],
  select[name="order"],
  select[name="country"],
  select[name="province"],
  select[name="city"],
  select[name="district"]{
      font-size:90%;
      height:calc(1.5em + .5rem + 2px);
  }
  input[name="order_sn"].inputBg,
  input[id="user_email"].inputBg,
  input[name="user_email"].inputBg,
  input[name="msg_title"].inputBg,
  textarea[name="msg_content"],
  input[id="keywords"].inputBg,
  input[name="address"].inputBg{
      width:100%;
  }
  input[disabled].inputBg{
      border:1px solid #ddcdbe!important;
      background: linear-gradient(0deg, rgb(237,233,228) 0%, rgb(237,233,228) 92%, rgba(219,204,190,1) 92%, rgba(219,204,190,1) 100%);
  }
  input[name="other[office_phone]"],
  input[name="other[home_phone]"],
  input[name="other[mobile_phone]"]{
      display: block;
  }
  .quotation select.inputBg{
      max-width: 10rem;
      margin-bottom:.5rem;
  }
  .userCenterBox select{margin-bottom:.5rem;}
  form[name="selectPageForm"] input.B_blue{margin-top:.5rem;width: 3rem;text-align:right;height:calc(1em + .75rem)!important;}
  .inputBgError{border:1px solid #FF6F59; background:url(images/yellow/inputbgerror.gif) repeat-x left top; height:18px;}
  /*模塊容器*/
  .box div.allcata a{color:#005AE1; background:url(images/yellow/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px; text-decoration:none;}
  .boxCenterList{padding:.075rem;}
  /*模塊標題*/
  h3{font-size:1rem;}
  h6{font-size:1.2rem;line-height: 1.8;}

  /*頁面留白*/
  .blank{height:8px; line-height:8px; clear:both; visibility:hidden;}
  .blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
  /*布局*/
  .AreaL{width:26%!important;margin-right:5px!important;}
  .AreaR{width:73%!important;}
  th.CompareTitle,td.CompareTitle{display:none!important;}

/* ====================
     導航部分
==================== */
  /*頁面主導航*/
  #mainNav{padding:0!important; width:99%!important;font-size: initial;white-space:nowrap!important;overflow-y: hidden;overflow-x:auto;height:2.5rem;}
  #mainNav a{border-bottom-width:1px;border-radius: .15rem;float: none!important;display: inline-block!important;padding:0 .5rem;}
  #mainNav a:hover{border-bottom-width:1px;border-radius: .15rem;float: none!important;display: inline-block!important;min-width:2.5rem;}
  #mainNav .cur{border-bottom-width:1px;border-radius: .15rem;float: none!important;display: inline-block!important;min-width:2.5rem;}
  /*搜索*/
  #search{width:98%!important; padding:3px;}
  #search .keys{background:none;color:#fff; padding-left:2px;padding-top:2px;line-height:1.8;}

/* ====================
     模塊
==================== */
   /*購物車*/
   .cart_container{width:95%!important;}
   .cart{min-height:22px;}
   /*銷售排行*/
	 .top10List .iteration1{padding-left:3px;}
   /*linkCOLOR*/
   .top10List li a,#mallNews .NewsList li a,.boxCenterList li a{color:#005AE1; text-decoration:none;}
   /*首頁焦點圖*/
   #focus{border:0; padding:3px; background:url(images/yellow/foucsBg.gif) repeat-x left top;width:99%;border-bottom:1px solid #ffcd5a;}
   #focus img {width:100%!important;height:auto!important;}
   #mallNews{width:98%; padding:7px 5px 0px 5px;height: auto;}
   #mallNews .NewsList{height:auto;}
   #mallNews .NewsList li{line-height:1.2;}
   /*精品推薦，新品上市，熱賣商品*/
       /*單個商品*/
       .goodsItem{width:29.3%; height: auto;}
       .goodsItem p{font-size: 1rem;}
       div.goodsprice small{font-size:90%!important;}
/* Add By Alien Start */
       /*單個商品*/
     .goodsListBox .goodsList{font-size:1rem;width:49.4%;height:13.2rem;padding:0;}
     .goodsListBox .goodsList h3.PList{border:0;line-height: 1.75rem;max-height:1.75rem;font-size: 1rem;text-align:left;padding-left:0;padding-right:0;overflow:hidden;}
     .goodsListBox .goodsList table {font-size:90%;width:100%;}
     .goodsListBox .goodsList table td[width]{width:34%;padding:3px;}
     .goodsListBox .goodsList table td[height]{height:90px;width:66%;}
     .goodsListBox .goodsList table td[width] img{width:100%;height:auto;}
     .goodsListBox .goodsList font.f1{display:block;}
     .goodsListBox .goodsList font.f1 + br {display:none;}
     .goodsListBox .goodsList p{font-size: 90%;width:60%;padding:3px;text-indent: 1.6rem;background:none;}
     .goodsListBox .goodsList h3 a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
     .goodsListBox .sn_layout{left:auto;margin:0 auto;}

     .ArticleContent{padding:5px;}
     .ArticleContent>div>h3[class]{line-height:1.2}
     .article_contents p{clear:both;text-indent:2rem;}
     .article_contents ul{clear:both;display:block;}
     .article_contents h3{font-size: 1.2rem;line-height:1.5;min-height:2rem;}
     .article_contents blockquote {width: 99%;}
     .article_contents img, .article_contents blockquote img{display:block;width:auto!important;height:auto;border:1px solid #BABABA;padding:2px;}
     .article_contents blockquote {width: 99%;}
     .article_contents iframe {width:98%;margin: .25rem auto; height:18rem; max-height: 18rem;}


     blockquote.keypic ul.ul_float li {width:33%;}

/* Add By Alien End */
   /*幫助*/
   .helpTitBg{background:none; background-color:#fff2d1!important;}

   /*相關商品*/
   /* Add By alien Start */
    dd strong{width: 40%;}
   /* Add By alien End */
   /*相關文章(其它帶有小三角點的文字列表共用)*/
   #history_list a[title]{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
   #history_list a[title]{width:73%!important;}

   /* ====================
     商品詳情頁面部分模塊
==================== */
   #goodsInfo .imgInfo{width:40%;height:auto;float:left;}
   #goodsInfo .imgInfo img {border:2px solid #f99e3a;width:215px;height:auto!important;}
   #goodsInfo .imgInfo .clearfix {display:none;}
   /*文字信息*/
   #goodsInfo .textInfo{width:56%; padding:5px;font-size:90%;}
   #goodsInfo .textInfo li.padd{padding:3px;}
   #goodsInfo .textInfo li dd{width:100%; float:none;}
   #goodsInfo .textInfo li dd strong{min-width:40%;!important;}
   #goodsInfo .textInfo li dd{width:auto;float:none;display:block;background:url(images/lineBg.gif) repeat-x left bottom;}
   #goodsInfo .textInfo li dd.ddR{float:none;display:block;border-left:0; width:100%; padding-left:0;}
   #goodsInfo .textInfo li dd.ddL{border-right:0;float:none;display:block;}
   #goodsInfo .textInfo li dd.goods_rank {background:none;width:auto; padding-left:0;}
   #GoodsCesc{margin: 3px;}

     .captcha{margin-left:0px; position:relative; top:3px; cursor:pointer;}
    /* ====================
     品牌推薦
==================== */
    /*品牌列表*/
    #brandList .brandBox{width:31%;overflow:hidden; height:180px;}
    #brandList .brandBox .brandLogo{width:90%; height:auto;}

    /* ====================
     用戶中心
==================== */
    .usBox{padding:5px;width:97.3%!important;}
    .usBox_1{border-radius:1rem;padding:23px 60px 30px 10px;}
    .usTxt{width:auto;padding:0 0 0 40px;float:left;}
    /*註冊*/

/* ====================
     商品分類頁面
==================== */

    /*商品列表顯示方式*/
    .goodsList{ padding:2px;font-size:90%;}
    .goodsList ul{ margin-bottom:0;line-height:1.1}
    .goodsList li{padding:3px 3px 0 3px;}
    .goodsList li.goodsName{width:50%; margin-right:0;}
    .goodsList li.goodsName p{text-indent: 1.8rem}
    .goodsList li.order_info{width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .goodsList li.action{margin-bottom:10px;}

/* ====================
    打印報價單
==================== */

   /*翻頁*/
   .pagebar{height:auto; float:none;}
   #pager span.page_now {min-width:24px;;border:1px solid #f45d6e;background:#f45d6e;color:#FFF;border-radius:.25rem;padding:.375rem .25rem;}
   #pager .f_l.f6{float:right!important;width:auto!important;}
   #pager .f_l{width:100%;display:flex;}
   #pager .f_l:last-child{float:right!important;display:block;}
   #pager .PageNumber {margin: .75rem auto;display:inline-block;}
   #pager table.PageNumber  {margin:0 auto;}
   #pager .PageNumber a{border:1px solid #af4a0e;border-radius:.25rem;padding:.375rem .75rem;}
   #pager .PageNumber a.small{padding:.375rem .25rem;}
   #pager .PageNumber td{font-size:90%;padding:0;width:10%;text-align:center;}

   /*底部導航+友情鏈接*/
   #bottomNav{width:99%;}
   .links{padding:0 6px;}
   .links img{margin:0px;}
   /*版權*/
   #footer{width:99%;}

/*購物車提示點擊更新按鈕式樣2.6.2版本添加*/
.messageli {list-style-type:none;padding:5px;color:red}

ul.fs li,ul.fp li {width: 29%;border: 5px solid #CCC;min-height: 72px;}
#StoreInfo>div[id]{width:100%;}
#ReceiverInfo>div{line-height:2.75rem;}