/*【客製化 customize CSS】
______________________________________________________________  */


/* 共同設定（含顏色設定）  
=============================================================== */
.color-mute{
  color:#999;
}

.bg-blue{
  background-color:rgba(0,0,255,.1);
}

.bg-red{
  background-color:rgba(0,255,0,.1);
}

.bg-yellow{
  background-color:rgba(255,255,0,.1);
}


.w-100.w-100{
  width:100%; 
}

.mt20.mt20{
  margin-top:20px;
}

.mt40.mt40{
  margin-top:40px;
}


figcaption{
  font-weight:bold;
  text-align: center;
}




/* 版面設定 
=============================================================== */
.hd-logo{
  position: relative;
}

.hd-logo img{
  height:65px;
}



header{
  margin-top:15px;
  margin-left:60px;
}


.hd-nav nav li:hover a {    /* 導覽列 */
  color: #333;
  transform: scale(1.35);
  display: inline-block;
  transition: .6s;
  text-shadow: 0px 0px 10px #00f !important;
}



.am-u-sm-3.am-u-md-3.am-u-lg-3,
.am-u-sm-9.am-u-md-9.am-u-lg-9{
  margin-top:25px;
}

.cm-title:nth-child(n+2){
  margin-top:25px;
}

.cm-title{
  background-image:linear-gradient(to right, hsl(218, 72.5%, 35.7%), hsl(218, 72.5%, 90%), hsl(218, 72.5%, 35.7%))
}

.cm-title-nav{
  color:#fff;
}

footer.footer{
  margin-top: 20px;
}




.cm-type li.active > a{
  color:red;
}


.cm-type li:first-child > a,    /* 標題的字體修改 */
.cm-title{
  font-size:2rem;
}






/* 商品縮圖之稀土類 & 特殊類 -- 版面修整 layout trim  
=============================================================== */
.prodoct-list#rare_earth img{
  height:158px;
}

.prodoct-list#special img{
  height:250px;
}

.cm-content.layout_trim{
  padding-bottom:0px;
}


.prodoct-list img:hover{
  border: 2px solid hsl(218, 72.5%, 35.7%);
}



/* product-info 內文
=============================================================== */

.product-info li > span{
  font-weight:bold;
}

.product-info .img-main{
  width:45%;
}

.product-info{
  color: #000;
}

.product-info table{
  width:100%;
  cursor:pointer;
}

.product-info caption{
  font-size: 2.5rem;
  font-weight: bold;
}

.product-info thead{
  background-color:hsl(218, 72.5%, 35.7%);
  color:#fff;
}


.product-info figure{
  margin-top: 40px;
}



/* product-info 內文中，其顏色板塊的版面調整 */
.product-info ul.color-block > li{
    height: 250px;
    padding-left: 6px;
    padding-right: 6px;
    text-align:justify;
}


/* contact.html  [頁面]聯絡我們
============================================================ */

.contact > h1{
  font-size:2.4rem;
}

.contact span{
  font-weight:bold;
}


/* ============================================================ */