/*banner*/
#banner{
max-width:100%;
background-size:cover;
border:0px solid;
}
.swiper-container {
  height: auto !important;
}

.swiper-wrapper, .swiper-slide {
  height: 0 !important;
  padding-bottom: calc(500 / 1920 * 100%); /* 注意圖片高度與寬度要去掉單位 */
}

.swiper-slide {
  width: 100% !important;
}

body{background:#fff;}

#header{
  background:#fff;
}

/*nav*/
#nav ul li a {
    display: block;
  color: #555;
}

#nav ul li a:hover {
 background:#ccc;
 color:#fff;
}

#nav ul li.current a {
 background:#ba0b11;color:#fff;
}

/*about*/
.rk_pr .col-4 img {
    border: 1px solid #555;
    border-radius: 10px,padding:8px;
    border-radius: 5px;
    padding: 8px;
}


#bodyinpage.rwd-collapse.viewmode.default.about-us h3{border-bottom:1px solid #ca0b10;}

/*side*/
.rk_nav__title {
    background:#000;
    height:32px;border-radius:5px 5px 0 0;
    padding-top:6px;
}

.rk_nav a {background:#eee;
    border-bottom: 1px solid #ccc;box-shadow: 0 1px 0 #fff inset;
    display: block;
    /*font-weight:bold*/;font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: left;padding-left:10px;color:#000;
}
.rk_nav a:hover {background:#ba0b11;
    border-bottom: 1px solid #ccc;box-shadow: 0 1px 0 #fff inset;
    display: block;
    /*font-weight:bold*/;font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: left;padding-left:12px;color:#fff;
}

#side .side-top {
    display:none;
}

#side h2 {
    color: #000;
}

#main h1, #side h2 {
    clear: both;
    color: #000;
   border-bottom: 1px dotted #000;
}
    
/*pd*/
ul.product-list li h3 {
    flex: 1 0 auto;
    max-height: 3.15rem;
    margin: 0.7rem 0;
    font-size: 1.05rem;
    line-height: 1.5;
    color: #fff;
    overflow: hidden;
    background: #555;
    padding-left: 3px;
}


/*circle*/
.circle {
  position: relative;
  display: block;
  margin: 1em 0;
  background-color: transparent;
  color: #222;
  text-align: center;
}

.circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #ddd;
  content: "";
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: .3em;
  vertical-align: middle;
 }

.circle__content {
    font-size: 1em;
}

@media (min-width: 480px) {
  .circle__content {
    font-size: 1.5em;
  }
}

@media (min-width: 768px) {
  .circle__content {
    font-size: 2em;
  }
}


/*footer*/
#footer{background:#000;max-width:100%;}

#foot-nav {
    font-size: 95%;
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #fff;
    text-align: center;
}

#foot-nav li a{color:#fff;}


#contact-info a {
    color: #fff;
    text-decoration: none;
}

#contact-info {
    position: relative;
    color: #fff;
    font-size: 95%;
    line-height: 1.8;
    text-align: center;
    padding: 12px 0;
}

#contact-info li span {
    color: #fff;
}  

#contact-info li.tel {
    color: #fff;
}

#power, #copyright {
    font-size: 85%;
    color: #555;
    text-align: center;
}
#copyright {color:#666;}