@media(max-width:767px){
  #logo{left:13%;}
}


body {
    background-color: #fff;
    background-image: linear-gradient(#a4dbf4 0%,#fff 20%);
    background-repeat: no-repeat;
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #444;
}

#header{background:none;}

#nav ul li a{color:#555;}
#nav ul li.current a{color:#3482c2;}
#nav ul li a:hover{background:#1973c3;color:#fff;}


/*banner*/
#banner{max-width:100%;border:0px;}

.swiper-container {
  height: auto !important;
}

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

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

/*left*/
#side::after {
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid #fff;
}


.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:12px;color:#000;
}
.rk_nav a:hover {background:#3f91d9;
    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;
}



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

#foot-nav li a {
    color: #3271a8;

}

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

#contact-info li.tel span {
    font-size: 95%;
}
#contact-info li span {
    color: #555;
}

#copyright a {
    font-size: 85%;
    color: #b3b3b3;
}