/*tl icon*/
.tl{position:fixed;right:0.5%;top:8%;z-index:1000;}

#header{
background: -webkit-radial-gradient(circle,#01b4ee,#0168b7);
background: -o-radial-gradient(circle,#01b4ee,#0168b7);
background: -moz-radial-gradient(circle,#01b4ee,#0168b7);
background: radial-gradient(circle,#01b4ee,#0168b7);
padding-bottom:0px;  
}

#nav ul li.current a{background:#000;border-radius:5px 5px 0 0;color:#fff;}

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

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

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

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


.rk_sr .col-2{background:#629ad6;}


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


.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:#5394c4;
    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{
background: -webkit-radial-gradient(circle,#01b4ee,#0168b7);
background: -o-radial-gradient(circle,#01b4ee,#0168b7);
background: -moz-radial-gradient(circle,#01b4ee,#0168b7);
background: radial-gradient(circle,#01b4ee,#0168b7);
max-width:100%;  
}

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

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

#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;
}

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