<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(http://fonts.googleapis.com/earlyaccess/cwtexming.css);
@import url(reset.css);
body {
  font-family:/*'Noto Sans TC',*/ "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;
}
/*â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†æ–°èžé&nbsp;é¢è¨­å®š STARâ–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†*/
.News_Title {
  /*margin-left:24px;*/
  padding: 8px;
  color: #850001;
  font-size: 18px; /*border-bottom: 1px solid #BBA4A4;*/
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2568ba+0,2989d8+50,2989d8+53,7db9e8+100 */
  /* background: #1e5799; Old browsers */
  border-radius: 4px;
}
.INFO_Title {
  background-color: rgba(255, 219, 219, 0.5);
  padding: 10px;
  color: #850001;
  font-size: 16px;
  margin-top: -1px;
  border-radius: 4px;
  color: #428bca;
}
.News_Category {
  padding: 8px;
  color: #850001;
  font-size: 18px;
  margin-top: 25px; /*border-bottom: 1px solid #BBA4A4; */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2568ba+0,2989d8+50,2989d8+53,7db9e8+100 */
  /*background: #1e5799;  Old browsers */
  border-radius: 4px;
}
.newslist {
  overflow: hidden;
  /* margin-left: 25px;
        padding: 10px;*/
}
.newslist img.news_pic {
  width: 100%;
  float: left;
  padding: 1%; /*padding-bottom:20px;*/
}
.newslist h3.news_title {
  margin-top: -5px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 270px;
  font-size: 16px;
  line-height: 1.6;
}
.news_title {
  color: #000000;
  line-height: 1.2;
  margin-left: 0px;
  font-size: 28px;
  font-weight: bold;
  clear: both;
  padding: 10px 0 10px;
  border-bottom: 1px solid #bdbdbd;
  margin-bottom: 10px;
}
.news_info {
  font-size: 0.8em;
  line-height: 1.8;
  color: #555;
  text-align: left;
}
.news_date {
  color: #222;
  padding-right: 30px; /*margin-left:30px;*/
}
.news_sort {
  color: #222;
  padding-right: 30px;
}
.news_author {
  color: #222;
  padding-right: 30px;
}
.news_more {
  float: right;

  /* overflow: hidden;
    
    height: 45px;
    border-radius: 50%;
    margin-right: 0;
    margin-top: -18px;*/
  text-indent: -99999px;
  background: url("../images/more-btn.jpg");
  background-position: 50%;
  width: 75px;
}
.news_more:active {
  background: url("../images/more-btn2.jpg");
  background-position: 50%;
}

.type_icon {
  margin-right: 10px;
}
.NEWS_type {
  padding-bottom: 20px;
  margin-left: 3px;
  border-bottom: 0px solid #efefef;
}

.NEWS_type li {
  line-height: 2.5;
}
.SUB_ITEM {
  min-height: 300px;
  padding: 20px;
  width: 255px;
}
.NEWS_type .badge {
  background-color: #ff7e00;
  font-size: 8px;
  margin-left: 8px;
}
.news_icon01 {
  margin-right: 8px;
}
.news_icon02 {
  margin-right: 8px;
}
.news_icon03 {
  margin-right: 8px;
}

div#LinkContainer {
  margin-left: 30px;
  display: none; /*2016_0812*/
}
@media (max-width: 767px) {
  .newslist img.news_pic {
    width: 100%;
    float: left;
    padding: 1%;
  }
}
.News_AD {
  border: 0;
}
.content_pic {
  padding: 5%;
}
.news_content {
  line-height: 2;
  font-size: 16px;
  margin: 10px;
  text-align: justify;
  text-justify: inter-ideograph;
  -webkit-text-align-last: justify;
}

/*â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†æ–°èžé&nbsp;é¢è¨­å®š ENDâ–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†*/

/*â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†æœå°‹ â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†*/
.input-group.navbar-right {
  width: 80px;
  margin-left: 15px;
  margin-top: 22px;
  margin-right: 45px;
  margin-bottom: -30px;
}
input.form-control {
  border: 1px solid #ededed;
  box-shadow: 0px 0px 0px #ccc;
  border-radius: 0;
}

.input-group-btn:last-child &gt; .btn {
  /* margin-left: -1px; */
  margin-top: -1px;
}

/* ç¤¾ç¾¤  */
.at-share-btn-elements {
  padding-top: 20px;
}

/*â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†è³¼ç‰©è»Šèª¿æ•´â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†*/
.nav-dropdown-inner {
  width: 100%;
}
.ul.dropdown-menu {
}
.cart_list h4 {
  text-align: center;
}

.cart_list {
  width: 100% !important;
  padding-left: 2%;
  color: #222 !important;
  line-height: 1.2;
}
.cart_list table {
  float: left;
}
.cart_list table tr td {
  min-width: 80px;
}
.cart_list table a {
  color: #222 !important;
}

.cart_list tr td .btn-danger:hover {
  background-color: #c9302c;
  border-color: #ac2925;
  border-radius: 5% !important;
  border-bottom: 0px !important;
  border: 1px solid #555 !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
  background: #286090 !important; /* Old browsers */
}

/*â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†è¨‚å–®è³‡æ–™â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†*/
input[type="checkbox"],
.checkbox {
  width: 20px !important;
  height: 20px !important;
}

.ORDER_TITLE {
  height: 45px;

  line-height: 40px;
}
/*â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†è¨‚å–®è³‡æ–™â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†â–†*/

input#input-qty {
  z-index: 0; /* é¿é–‹æ”¾å¤§é¡æ•ˆæžœåœ–å±¤é‡ç–Š*/
  font-size: 16px;
  color: #222;
}
ul#extra-menu {
  padding-top: 0px;
}

/*â™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žæœ¬åº—å®¢è£½ç¢¼â™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™žâ™ž*/

/*â—â—â—â—â—â—â—â—â—â—â—â—é¦–é&nbsp;â—â—â—â—â—â—â—â—â—â—â—â—â—*/
.LBOX {
  float: left;
  color: #ffffff;
  font-weight: none;
  padding: 10% 0 0 10%;
  letter-spacing: 1px;
}
.LBOX h2 {
  font-size: 1.6em;
  font-weight: 0;
}
.LBOX .Q1 {
  color: #f07700;
  padding: 10px 0 40px;
}
.RBOX {
  float: right;
  margin-top: 35px;
  transition: all 0.5s ease-out;
  -webkit-animation: GOGO 2s ease-out;
}
@media screen and (max-width: 768px) {
}

@-webkit-keyframes GOGO {
  0% {
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
  50% {
    -webkit-transform: perspective(800px) rotateX(50deg);
  }
  100% {
    -webkit-transform: perspective(800px) rotateX(0deg);
  }
}

.CATALOGUE_BOX {
  float: right;
  padding: 5%;
  text-align: center;
}

.nav navbar-nav navbar-right li a:before {
  content: "";
  border-btootm: 5px solid #ccc;
  position: absolute;
  padding-top: 26px;
  border-bottom: 6px solid #fda64e;
  width: 90px;
}

footer {
  background-color: #202020;
  color: #e4e4e4;
  min-height: 200px;
  position: relative;
}
footer a:hover {
  color: #fda64e;
}

.QUICKLINK {
  text-align: center;
  padding-top: 3%;

  font-size: 16px;

  letter-spacing: 1px;
}
.QUICKLINK a {
  color: #e4e4e4;
}

.COPYRIGHT {
  display: block;
  width: 100%;
  color: #fff;
  background-color: #f07700;
  height: 40px;
  /* line-height:40px;*/
  text-align: center;
  font-size: 13px;
  /*position:absolute;*/
  bottom: 0;
  height: auto;
  padding: 2%;
  line-height: 2;
  letter-spacing: 1px !important;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  ul.CATALOGUE_BOX.bounceInLeft.animated img {
    margin-top: 17%;
  }
  ul.CATALOGUE_BOX.bounceInLeft.animated .CATALOGUE {
    width: 100%;
    margin-top: 17%;
  }
}

.nav navbar-nav navbar-right li {
  transition: all 0.5s ease-out;
}
.nav navbar-nav navbar-right li a:before {
  border-bottom: 5px solid #222;
}

/*=====================æŽ¨è–¦å•†å“=====================*/
.idec-slide-demo .pro_item img {
  width: 100%;
}

.idec-slide-demo .item {
  padding: 0 10px;
}

.idec-slide-demo .pro_sale {
}

.idec-slide-demo .pro_price {
  text-decoration: line-through;
  padding: 0;
  margin: 0;
  color: #999;
  vertical-align: middle;
  font-size: 15px;
}

.on_sale {
  font-size: 21px;
  color: #ff265e;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

.on_sale span {
  font-size: 15px;
  color: #999;
}

.idec-slide-demo .pro_btn {
  float: right;
  /*width: 50%;*/
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
  padding: 6px 10px;
  text-decoration: none;
}

.pro_item {
  position: relative;
}

.pro_item:hover .mask {
  opacity: 1;
}

.pro_item .mask {
  position: absolute;
  background: rgba(51, 51, 51, 0.8);
  top: 0;
  opacity: 0;
  padding: 10px;
  overflow: hidden;
  left: 0;
  width: 100%;
  color: #fff;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.pro_title {
  color: #fff;
  text-decoration: none;
  font-size: 17px;
}

.pro_text {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}

.pro_txt_box {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.pro_txt_box:hover {
  opacity: 1;
}

p.pro_price {
  display: none;
}
p.on_sale {
  display: none;
}

/*=====================æŽ¨è–¦å•†å“=====================*/

.topbanner {
  background-image: url("../images/bk02.jpg");
  background-size: cover;
  background-position: left center;
  height: 265px;
  padding-top: 90px;
  background-attachment: fixed;
  margin-top: 20px;
}
.topbanner h2 {
  padding: 15px;
  text-align: center;
  border: 2px solid #fff;
  width: 220px;
  margin: 0 auto;
  font-size: 24px;
  color: #fff;
  box-shadow: 2px 2px 3px #666;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px #222;
}
.topbanner p {
  padding-top: 10px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-shadow: 1px 1px 2px #222;
}

.topbanner2 {
  background-image: url("../images/bk03.jpg");
  background-size: cover;
  background-position: left center;
  height: 265px;
  padding-top: 90px;
  background-attachment: fixed;
  margin-top: 20px;
}
.topbanner2 h2 {
  padding: 15px;
  text-align: center;
  border: 2px solid #fff;
  width: 220px;
  margin: 0 auto;
  font-size: 24px;
  color: #fff;
  box-shadow: 2px 2px 3px #666;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px #222;
}
.topbanner2 p {
  padding-top: 10px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-shadow: 1px 1px 2px #222;
}

.mask {
  display: none;
}
.glyphicon {
  display: none;
}

h4.title-none {
  height: 50px;
  line-height: 50px;
}
h3.CodeNum {
  height: 50px;
  line-height: 50px;
}
h3.PersonNum {
  height: 50px;
  line-height: 50px;
}

@media screen and (min-width: 992px) {
  ol.breadcrumb {
    margin-left: 6%;
  }
  div#myTab {
    margin-left: 6%;
  }
}

@media screen and (min-width: 1601px) {
  ol.breadcrumb {
    margin-left: 8%;
  }
  div#myTab {
    margin-left: 8%;
  }
}

/*=====================2017/11/24=====================*/
.clearfix.descri-none {
  line-height: 4;
}

/* é—œè¯ç”¢å“è¨­å®šsusan */
.panel-default {
  border-color: #ddd;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-heading {
  border: 1px solid #ddd;
  border-bottom: none;
}
.panel-body {
  border: 1px solid #ddd;
}
.panel-body h4 {
  text-align: center;
  margin-top: 20px;
}
.grid figcaption,
.panel-body button {
  display: none;
}
</pre></body></html>