@charset "utf-8";
html {
    height: 100%;
}
body {
    position: relative;
    min-height: 100%;
    top: 0px;
}

ol,
ul {
    list-style: none;
}
a:focus,
a:hover {
    color: #0096d6;
}

/*▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆ Fonts ▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆*/
/* 統一預設網站字體 */
@font-face {
    font-family: sans-serif, '微軟正黑體', 'Microsoft JhengHei' !important;
    src: local(sans-serif), local('微軟正黑體');
    /* no unicode-range; default to all characters */
}
/* 中文字型專用 */
@font-face {
    font-family: '微軟正黑體', 'Microsoft JhengHei' !important;
    unicode-range: U+4E00-9FFF;
    src: local('Microsoft JhengHei'), local('微軟正黑體'), local('WenQuanYi Zen Hei');
}
/* 拉丁字符專用 */
@font-face {
    font-family: sans-serif, Arial !important;
    src: local(sans-serif), local(Arial);
    unicode-range: U+00-024F;
}
/* 注音符號專用 */
@font-face {
    font-family: 'LiHei Pro' !important; /* 同樣的 font-family */
    unicode-range: U+3100-312F; /* Bopomofo */
    src: local('LiHei Pro'); /* OS X */
    local: ('微軟正黑體'); /* Windows Vista+ */
}

/*▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆ header ▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆*/
.navbar-header {
    z-index: 2;
}
.attr-nav {
    z-index: 2;
    margin-top: 7px;
}
.navbar-brand img {
    width: 190px;
    margin-top: 12px;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar {
    min-height: 90px;
}
.navbar-right {
    margin-top: 6px;
}
.navbar.bootsnav {
    border-bottom: solid 1px #e0e0e0 !important;
}
nav.navbar.bootsnav ul.nav > li > a:hover {
    color: #0392cf;
}
.attr-nav > ul > li > a {
    color: #0096d6;
    font-size: 19px;
    padding: 24px 15px;
}

@media screen and (min-width: 993px) and (max-width: 1370px) {
    .navbar-brand img {
        margin-right: 19px;
    }
    .navbar-right {
        margin-top: 9px;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 15px;
    }
    .attr-nav {
        margin-top: 12px;
    }
}
@media screen and (max-width: 992px) {
    nav.navbar.bootsnav .navbar-toggle {
        margin-top: 25px;
    }
    .navbar-brand img {
        width: 160px;
    }
    .navbar {
        min-height: 80px;
    }
    .attr-nav > ul > li > a {
        padding: 22px 15px;
    }
}

/*▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆ 輪播圖 ▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆*/
#carousel-id {
    margin-top: 0px;
}
.owl-buttons {
    display: none;
}
.owl-pagination {
    display: block;
}
.owl-controls {
    margin-top: -35px !important;
}
.item img {
    width: 100%;
}
.owl-theme .owl-controls .owl-page.active span {
    display: none;
    width: 12px;
    height: 12px;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    opacity: 1;
    border-radius: 20px;
    background: #0096d6;
}
.owl-theme .owl-controls .owl-page.active span {
    display: block;
    opacity: 0.5;
    width: 15px;
    height: 15px;
}
.owl-theme .owl-controls {
    position: relative;
    z-index: 99;
}
.owl-carousel-container {
    margin: 0 2%;
}
@media (min-width: 1370px) {
    .PRD_SLIDER {
        width: 1200px !important;
    }
}

/*首頁編排三個pdf*/
.Download_pdf {
    display: block;
    overflow: hidden;
    margin: 70px 0;
}
.Download_pdf h3 {
    font-size: 23px;
    letter-spacing: 0.8px;
    text-align: center;
    color: #0188c2;
    margin: 0;
    padding: 17px 0;
}

.Download_pdf .imgBox {
    position: relative;
    width: 100%;
    padding-top: 142%;
    border: 1px solid #ccc;
    overflow: hidden;
}
.Download_pdf .imgBox-fit-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.Download_pdf .pdfitem h4 {
    width: 100%;
    overflow: hidden; /*隱藏超出部分*/
    text-overflow: ellipsis; /*顯示省略號*/
    display: -webkit-box; /*使用 WebKit 彈性盒子布局*/
    -webkit-line-clamp: 1; /*顯示最多1行*/
    -webkit-box-orient: vertical; /*盒子方向為垂直 */
}
.Download_pdf img {
    width: 100%;
    display: block;
    object-fit: cover;
    /*height: inherit;*/ /*html套在後台編輯器就失效了*/
    transition: all 0.4s;
}
.Download_pdf img:hover {
    transform: scale(1.05, 1.05);
}

.Download_pdf a,
.download_button,
.tab_button {
    display: block;
    background-color: #009cde;
    color: #fff;
    border: 1px solid #009cde;
    padding: 10px 0;
    text-align: center;
    margin: 10px auto;
    transition: all 0.3s;
}
.download_button,
.tab_button {
    display: inline-block;
    padding: 10px 15px;
}
.Download_pdf a:hover,
.download_button:hover,
.tab_button:hover {
    background-color: #ffffff;
    color: #009cde;
    border: 1px solid #009cde;
}
.Download_pdf .more-btn {
    display: block;
    background-color: #ff9933;
    color: #fff;
    border: 1px solid #ff9933;
    padding: 10px 0;
    text-align: center;
    margin: 10px auto;
    transition: all 0.3s;
}
.Download_pdf .more-btn:hover {
    background-color: #ffffff;
    color: #ff9933;
    border: 1px solid #ff9933;
}
.Download_pdf .video-btn {
    background-color: #b72525;
    border: 1px solid #b72525;
}
.Download_pdf .video-btn:hover {
    background-color: #fff;
    color: #b72525;
    border: 1px solid #b72525;
}

@media screen and (max-width: 992px) {
    .Download_pdf {
        margin: 25px 0;
    }
    .pdfitem {
        margin-bottom: 35px;
    }
}

/*▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆ footer ▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆*/
footer {
    background-color: #082030;
    color: #e4e4e4;
    text-align: center;
    padding: 18px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateY(100%);
}

@media screen and (max-width: 992px) {
    footer {
        font-size: 13px;
    }
}

/*▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆ 內頁 ▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆*/
/*樓層頁*/
#myTab,
.glyphicon-home {
    display: none;
}
.breadcrumb {
    font-weight: normal;
    padding: 0;
    margin-bottom: 0;
    font-size: 15px;
    text-align: right;
}
.breadcrumb a {
    font-size: 16px;
}
.prd_info,
.info,
.prd_info {
    display: none;
}
.thumbnail-list h4 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
}
.thumbnail-list h2 {
    display: none;
    visibility: hidden;
    font-size: 16px;
}
.top-banner {
    width: 100%;
    height: 265px;
    padding-top: 105px;
    background: #0096d6;
    border-bottom: 1px solid #ebebeb;
    background-image: url('/hipershop/rwd1185/store/F1/20220930-03.jpg');
    background-size: cover;
    background-position: center;
    text-align: center;
}
.banner2 {
    background-image: url('/hipershop/rwd1185/store/F1/20220930-03.jpg');
}
.banner3 {
    background-image: url('/hipershop/rwd1185/store/F1/20220930-04.jpg');
}
.banner4 {
    background-image: url('/hipershop/rwd1185/store/F1/20220930-04.jpg');
}

.banner5 {
    background-image: url('/hipershop/rwd1185/store/F1/202509_分頁Banner_1701x237px-HP周邊產品資訊_FA.jpg');
}

.banner6 {
    background-image: url('/hipershop/rwd1185/store/F1/20220930-video.jpg');
}

.top-banner h4 {
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px 15px;
    font-size: 21px;
    letter-spacing: 2px;
    border: solid 2px white;
}
.tab_button {
    margin-right: 10px;
}
iframe {
    padding: 10px;
    padding-left: 0;
    width: 100%;
    /*    height: 100%;*/
}
/*
@media(max-width: 768px){
  iframe {
  width: 80%;
  height: 200px;
  }
}
*/
/*▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆ 產品詳述頁 ▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆*/
.show-pdf iframe {
    height: 653px;
}
@media (max-width: 768px) {
    .show-pdf iframe {
        height: 300px;
    }
}

.Description-Download {
    width: 34%;
    text-align: center;
    overflow: hidden;
}
.Description-Download a {
    display: block;
    background-color: #009cde;
    color: #fff;
    border: 1px solid #009cde;
    padding: 10px 0;
    text-align: center;
    margin: 10px auto;
    transition: all 0.3s;
}
/*▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆ 產品列表頁 ▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆*/
.li-item .features-box .mask {
    display: none;
    visibility: hidden;
}
.li-item:hover {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.li-item .features-box .btn-default {
    border-color: transparent;
    padding: 6px 0;
    color: #0188c2;
}
.li-item .features-box .btn-default::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f054';
    padding-left: 5px;
    font-size: 8px;
}
.li-item .features-box .btn-default:hover {
    color: #333;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #0096d6;
}
.thumbnail-list li {
    width: auto;
}
.thumbnail-list img {
    max-height: 400px;
    max-width: 350px;
    width: auto;
}
@media only screen and (max-width: 991px) {
    .thumbnail-list {
        text-align: center;
    }
}