@charset "UTF-8";
body{
    font: 14px/18px Helvetica, Arial, 'LiHei Pro', '微軟正黑體', '新細明體', sans-serif!important;
}
h1,h2,h3,h4,h5,h6{
    font-family:'微軟正黑體';
}
*,*:hover,*:focus{
    outline: none!important; /* for Firefox Google Chrome  */
    behavior:expression(this.onFocus=this.blur()); /* for IE */
}
a:hover{
    text-decoration: none;
}
ul{
    list-style: none;
    padding: 0;
}
footer{
    background-color: #2e313a;
    padding: 30px 0;
    position: relative;
}
#header{
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100vw;
}
/* 背景圖片鑲嵌設定 */
.bg-img{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/* 常用按鈕樣式 */
.btn-style{
    width: 100px;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    background-color: #0191ff;
    color: #fff;
    border: 1px solid #fff;
}
/* header */
.head-contact{
    background-color: #2e313a;
    color: #fff;
}
.head-contact img{
    width: 20px;
    margin: 0 5px 0 0;
}
.head-contact ul{
    padding: 0;
    margin: 10px 0;
    list-style: none;
    float: right;
}
.head-contact li{
    float: left;
    margin: 0 0 0 30px;
}
.navbar{
    margin: 0;
}
.navbar-brand{
    padding: 7px 0 7px 15px;
    height: 55px;
}
.navbar-brand>img{
    height: 100%;
    display: inline-block;
}
.navbar-brand>span{
    font-size: 29px;
    position: relative;
    top: 5px;
    font-weight: 900;
}
.navbar-default .navbar-nav>li>a{
    padding: 5px 0px;
    margin: 10px;
    font-size: 16px;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #0191ff;
}
.navbar-default .navbar-nav>li>a::after{
    content: "";
    border-bottom: 2px solid #fff;
    margin-top: 5px;
    width: 0%;
    position: relative;
    left: 50%;
    display: block;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
}
.navbar-default .navbar-nav>.action>a,
.navbar-default .navbar-nav>li:hover>a{
    color: #0191ff;
}
.navbar-default .navbar-nav>.action>a::after,
.navbar-default .navbar-nav>li:hover>a::after{
    width: 100%;
    border-bottom: 2px solid #0191ff;
    left: 0%;
}
@media  screen and (max-width: 991px){
    .navbar-brand{
        width: 278px;
        padding: 13px 0 13px 15px;
        display: inline-block;
    }
    .navbar-brand>span{
        font-size: 17px;
        top: 2px;
        font-weight: 900;
        right: 4px;
    }
}
@media  screen and (max-width: 767px){
    .head-contact li{
        margin: 0 10px 0 0;
        font-size: 12px;
    }
    .head-contact li img{
        width: 15px;
    }
     .navbar-brand{
        width: 250px;
    }
    .navbar-brand>span{
        font-size: 15px;
    }
}
/* banner */
.banner img{
    width: 100%;
}
/* footer */
.footer-logo{
    width: 100%;
    max-width: 300px;
}
.footer-contact{
    padding: 0;
    margin: 10px 0;
    list-style: none;
    color: #fff;
}
.footer-contact>li{
    float: left;
    margin: 0 20px 0 0;
}
.footer-contact>li:after{
    content:" ";
    width: 5px;
    height: 5px;
    background-color: #0191ff;
    display: block;
    float: left;
    margin: 6px;
}
.footer-QR{
    /* max-width: 68px; 20191018 */
    max-width: 90px;
}
@media  screen and (max-width: 991px){
    .footer-contact>li{
        float: none;
    }
    .footer-QR{
        max-width: 80px;
        float: right;
    }
}
@media  screen and (max-width: 767px){
    .footer-QR{
        max-width: 80px;
        float: none;
        position: absolute;
        bottom: 14px;
        right: 3%;
    }

}

/* 各頁content統一樣式 */
.content-box{
    padding: 100px 0 40px;
    min-height: calc(100vh - 110px);
}
.content-box header h1{
    font-size: 26px;
    float: left;
    color: #1a1760;
    font-weight: 700;
    margin: 15px 0;
}
.content-box header h1:before {
    content: " ";
    background-image: url('../images/title-icon1.png');
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: 0 10px 0 0;
}
.content-box h1>small{
    color: #1a1760;
    font-weight: 700;
}
.content-box h2{
    border-left: 6px solid #0191ff;
    padding: 0 0 0 10px;
    font-size: 26px;
    color: #0191ff;
    font-weight: 600;
    margin: 0 0 15px;
}
.content-box p{
    font-size: 20px;
    line-height: 30px;
}
@media screen and (max-width: 767px){
    .content-box header h1{
        font-size: 22px;
        margin: 30px 0 0;
    }
}
/*麵包屑*/
.breadcrumb{
    float: right;
    margin: 15px 0;
    background: 0;
}
/*分隔線*/
.hr-style{
    margin: 0 0 20px;
}
.hr-style>hr{
    margin: 0;
}
.hr-style>hr:first-child{
    width: 30%;
    border: 1px solid #0191ff;
}
.hr-style>hr:last-child{
    border: 1px solid #a0a0a0;
}
/* 分頁按鈕 */
.pagebtn{
    text-align: right;
}
.pagebtn{
    padding: 0 50px 0 0;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a,
.pagination > li > a{
    background: #ccc;
    font-size: 21px;
    padding: 0px 9px;
    color: #fff;
    margin: 0 3px;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a{
    padding: 0px 5px;
}
.pagination > li > a:hover,
.pagination > li.action > a{
    background-color: #556fb5;
    color: #fff;
}
@media  screen and (max-width: 991px){
    .pagebtn{
        text-align: center;
        padding: 0;
    }
}
/* 商品頁分類名 */
.classification-box li {
    margin: 0 0 15px;
}
.classification-box h2{
    font-size: 22px;
    color: #848484;
    font-weight: bold;
    border-left: 6px solid #848484
}
.classification-box .action h2,
.classification-box h2:hover{
    color: #0191ff;
    border-left: 6px solid #0191ff
}
/* SVG ICON設定 */
.fs1 {
    font-size: 20px;
    padding: 5px 0;
}
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.icon-back ,
.icon-next {
    font-size: 20px;
    color: #fff;
}