@charset "UTF-8";

body {
    font-family: "Roboto", "Noto Sans TC", sans-serif;
    padding: 0;
    margin: 0;
    background: #f5f5f5;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    display: none;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
}

    .back-to-top i {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        background: #ff6400;
        color: #fff;
        transition: all 0.4s;
    }

        .back-to-top i:hover {
            background: #ffa012;
            color: #fff;
        }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    font-family: "Roboto", "Noto Sans TC", sans-serif;
    top: 0px;
    height: 70px;
    z-index: 50;
    transition: all 0.25s;
    padding: 10px 0;
    background: rgba(26, 24, 22, 1);
    /*-webkit-backdrop-filter: blur(6px) saturate(2);
    backdrop-filter: blur(6px) saturate(2);*/
}

    #header:hover {
        background: rgba(26, 24, 22, 1);
    }

    #header.header-scrolled {
        top: 0;
        height: 60px;
        background: rgba(26, 24, 22, 1);
    }

    #header .logo h1 {
        font-size: 28px;
        margin: 0;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 3px;
    }

        #header .logo h1 a, #header .logo h1 a:hover {
            color: #fff;
            text-decoration: none;
        }

    #header .logo img {
        padding: 0;
        margin: 0;
        max-height: 40px;
    }

    #header.fixed-top {
        position: sticky;
    }

@media (max-width: 992px) {
    #header {
        top: 0;
        background: rgba(26, 24, 22, 0.85);
        height: 50px;
    }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .nav-menu > ul > li {
        position: relative;
        white-space: nowrap;
        float: left;
    }

    .nav-menu a {
        display: block;
        position: relative;
        color: white;
        padding: 9px 14px;
        transition: 0.3s;
        font-size: 15px;
        font-weight: 500;
        font-family: "Poppins", "noto sans tc";
    }

        .nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
            color: #00c4ff;
            text-decoration: none;
        }

    .nav-menu .book-a-table a {
        background: #0d6a86;
        color: #fff;
        border-radius: 50px;
        margin: 0 0 0 20px;
        padding: 10px 25px;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 1px;
        transition: 0.3s;
    }

        .nav-menu .book-a-table a:hover {
            background: #189696;
            color: #fff;
        }

    .nav-menu .drop-down ul {
        display: block;
        position: absolute;
        border-radius: 5px;
        left: 0;
        top: calc(100% + 30px);
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: ease all 0.3s;
    }

    .nav-menu .drop-down:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .nav-menu .drop-down li {
        min-width: 180px;
        position: relative;
    }

    .nav-menu .drop-down ul a {
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 500;
        text-transform: none;
        color: #433f39;
    }

        .nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
            color: #00c4ff;
        }

    .nav-menu .drop-down > a:after {
        content: "\ea99";
        font-family: IcoFont;
        padding-left: 5px;
    }

    .nav-menu .drop-down .drop-down ul {
        top: 0;
        left: calc(100% - 30px);
    }

    .nav-menu .drop-down .drop-down:hover > ul {
        opacity: 1;
        top: 0;
        left: 100%;
    }

    .nav-menu .drop-down .drop-down > a {
        padding-right: 35px;
    }

        .nav-menu .drop-down .drop-down > a:after {
            content: "\eaa0";
            font-family: IcoFont;
            position: absolute;
            right: 15px;
        }

@media (max-width: 1366px) {
    .nav-menu .drop-down .drop-down ul {
        left: -90%;
    }

    .nav-menu .drop-down .drop-down:hover > ul {
        left: -100%;
    }

    .nav-menu .drop-down .drop-down > a:after {
        content: "\ea9d";
    }
}

/* Mobile Navigation */
.mobile-nav-toggle {
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
}

    .mobile-nav-toggle i {
        color: #fff;
    }

.mobile-nav {
    position: fixed;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    z-index: 9999;
    overflow-y: auto;
    background: #fff;
    transition: ease-in-out 0.2s;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    padding: 10px 0;
}

    .mobile-nav * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mobile-nav a {
        display: block;
        position: relative;
        color: #433f39;
        padding: 10px 20px;
        font-weight: 500;
        outline: none;
    }

        .mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
            color: #00c4ff;
            text-decoration: none;
        }

    .mobile-nav .book-a-table a {
        background: #00c4ff;
        color: #fff;
        border-radius: 50px;
        margin: 0 0 0 20px;
        padding: 10px 25px;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 1px;
        transition: 0.3s;
        display: inline-block;
    }

        .mobile-nav .book-a-table a:hover {
            background: #00c4ff;
            color: #fff;
        }

    .mobile-nav .drop-down > a:after {
        content: "\ea99";
        font-family: IcoFont;
        padding-left: 10px;
        position: absolute;
        right: 15px;
    }

    .mobile-nav .active.drop-down > a:after {
        content: "\eaa1";
    }

    .mobile-nav .drop-down > a {
        padding-right: 35px;
    }

    .mobile-nav .drop-down ul {
        display: none;
        overflow: hidden;
    }

    .mobile-nav .drop-down li {
        padding-left: 20px;
    }

.mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(39, 37, 34, 0.6);
    overflow: hidden;
    display: none;
    transition: ease-in-out 0.2s;
}

.mobile-nav-active {
    overflow: hidden;
}

    .mobile-nav-active .mobile-nav {
        opacity: 1;
        visibility: visible;
    }

    .mobile-nav-active .mobile-nav-toggle i {
        color: #fff;
    }

#policy-div{
    font-family:'Roboto', 'Microsoft JhengHei', 微软雅黑, Simsun, 宋体, arial;
    font-weight:100;
} 

.GBT_content{
    font-size: 16px;
    font-size: 1.11111vw;
    color: #666;
    line-height: 1.5;
}

    .GBT_content ol {
        list-style-type:decimal;
        padding-left:30px;
    }

        .GBT_content ol li{
            margin-bottom:10px;
        }

    .GBT_content ul {
        padding-left:30px;
    }

    .GBT_content li.Indent {
        list-style-type:none;
    }

    .GBT_content ul.Indent_01 {
        list-style-type:circle;
    }

    .GBT_content ul.Indent_02 {
        list-style-type:disc;
    }


.warranty-policy-header{
    height:71px;
    background:#000;
}

    .warranty-policy-header .warranty-policy-container, .warranty-policy-footer .warranty-policy-container {
        position:relative;
    }
        .warranty-policy-header .warranty-policy-container .logo{
            position:absolute;
            left:0px;
            top:23px;
        }

        .warranty-policy-header .warranty-policy-container .lang{
            position:absolute;
            right:0px;
            top:18px;
            background:url('../images/lang.gif') no-repeat 0px center;
        }

            .warranty-policy-header .warranty-policy-container .lang select {
                margin-left:30px;
                width: 110px;
                height: 33px;
            }
        .warranty-policy-footer .warranty-policy-container div {
            top:0px;
            color:#999;
            font-size:13px;
            padding: 13px 0;
        }
            .warranty-policy-footer .warranty-policy-container div a{
                color:#CCC;
                text-decoration:none;
            }

            .warranty-policy-footer .warranty-policy-container div a:hover{
                color:#fff;
                text-decoration:underline;
            }

.warranty-policy-footer{
    background:#000;
}

.line{
    font-size: 0;
    background: #eee;
    border-bottom: solid 1px #FFF;
    height: 1px;
    width: 100%;
    margin: 40px 0;
}

.line.small{
    display:none;
}

.line.big{
    display:block;
}

.warranty-policy-container{
    max-width:1200px;
    margin:0 auto;
    font-family:'Roboto', 'Microsoft JhengHei', 微软雅黑, Simsun, 宋体, arial;
    font-weight:400;
}

    .warranty-policy-container h3 {
        text-align: center;
        margin-top: -15px;
        color: #adadad;
        font-size: 1.5em;
    }

    .warranty-policy-container .warranty-policy-title{
        font-size: 42px;
        font-weight: 400;
        margin-top: 2vw;
        margin-bottom: 1vw;
        color: #4c4c4c;
        letter-spacing: -1px;
        text-align: center;
    }
        
    .warranty-policy-container .warranty-policy-content{
        max-width: 1200px;
        background: #fff;
        margin: 0 auto 96px;
        padding: 64px;
        box-sizing: border-box;
        border-radius: 6px;
    }

        .warranty-policy-container .warranty-policy-content .warranty-policy-content-title{
            font-size:20px;
            color:#0077FF;
        }

            .warranty-policy-container .warranty-policy-content .warranty-policy-content-title h4{
                margin-top:0px;
                margin-bottom:0px;
            }

        .warranty-policy-container .warranty-policy-content .warranty-policy-content-text{
            /*margin-bottom:50px;*/
        }

            .warranty-policy-container .warranty-policy-content .warranty-policy-content-text ol{
                list-style-type:decimal;
                padding-left:30px;
            }
                .warranty-policy-container .warranty-policy-content .warranty-policy-content-text ol li{
                    color: #666666;
                    padding: 8px 8px 8px 0px;
                }
                    .warranty-policy-container .warranty-policy-content .warranty-policy-content-text ol li p {
                        margin-top: 1px;
                        margin-bottom: 1px;
                        margin-left: 16px;
                    }
            .warranty-policy-container .warranty-policy-content .warranty-policy-content-text ul{
                padding-left:30px;
            }

            .warranty-policy-container .warranty-policy-content .warranty-policy-content-text li.Indent{
                list-style-type:none;
            }

            .warranty-policy-container .warranty-policy-content .warranty-policy-content-text ul.Indent_01{
                list-style-type:circle;
                /*margin-top: -10px;*/
            }

                .warranty-policy-container .warranty-policy-content .warranty-policy-content-text ul.Indent_01 li{
                    padding: 3px 0px;
                }

            .warranty-policy-container .warranty-policy-content .warranty-policy-content-text ul.Indent_02{
                list-style-type:disc;
                /*margin-top: -10px;*/
            }

                .warranty-policy-container .warranty-policy-content .warranty-policy-content-text ul.Indent_02 li{
                    padding: 3px 0px;
                }

            .warranty-policy-container .warranty-policy-content .warranty-policy-content-text li{
                /*transition:all 150ms ease-in-out;*/
            }

            .warranty-policy-container .warranty-policy-content .warranty-policy-content-text li:hover{
                /* color: #000;
                background: #e8e8e8;
                box-shadow: #e8e8e8 0 0 0px 0px, #e8e8e8 -30px 0px 0 0px;
                border-radius: 4px; */
            }
    .li-title {
        margin-bottom: 0.5em;
    }

.list{
    display: table;
    width: 100%;
}

.SP-content {
    margin-top: 1em;
    margin-bottom: 3em;
    /* width: 45%; */
    padding-right: 4.5%;
    display: inline-table;
}

    .SP-content .title{
        font-size: 20px;
        margin-bottom: 0.5em;
        font-weight: bold;
        color: #0077FF;
    }

    .SP-content .text div{
        margin-bottom: 0.4em;
        color:#666;
        font-size:14px;
    }
    
    .SP-content .text div a{
        color:rgb(0,0,238);
        transition: color 150ms ease-in-out;
    }

    .SP-content .text div a:hover{
        color:#FC6C00;
    }

    .SP-content a{
        word-break: break-all;
    }

    .SP-content .url{
        word-break: break-all;
    }

    /*2021/03/11 added - start*/
    .SP-content .text div.HSN-note {
        margin-top: -8px;
        color: #f90;
        font-style: italic;
        font-size: 0.5em;
    }
    /*2021/03/11 added - end*/


.line.small{
    display:none;
}

.line.big{
    display:block;
}




@media screen and (max-width: 1440px) {
    .warranty-policy-container {
        max-width:960px;
    }
        .warranty-policy-container .warranty-policy-title{
            font-size:40px;
        }

        .warranty-policy-container .warranty-policy-content{
            margin:0 auto 64px;
            padding:32px 64px;
        }

}

@media screen and (max-width: 960px) {
    .warranty-policy-container {
        max-width:768px;
    }
}

@media screen and (max-width: 768px) {    
    body{
        background: #FFF;
    }
    .warranty-policy-container {
        width:100%;
    }
        .warranty-policy-container .warranty-policy-title{
            font-size: 40px;
            margin-bottom: 20px;
            margin-top: 30px;
        }

        .warranty-policy-container .warranty-policy-content{
            padding:4vw 6vw;
        }
        
        .warranty-policy-header .warranty-policy-container .logo{
            left:10px;
        }

        .warranty-policy-header .warranty-policy-container .lang{
            right:10px;
        }
            .warranty-policy-header .warranty-policy-container .lang select {
                width: 90px;
            }    

        .warranty-policy-footer .warranty-policy-container {
            text-align:center;
        }
    .SP-content {
        width: 100%;
        display: block;
    }
    .line.small{
        display:block;
    }
}

@media screen and (max-width: 480px) {
    .warranty-policy-container .warranty-policy-title {
        font-size: 27px;
        margin-bottom: 20px;
        margin-top: 30px;
    }
}