body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

body{font-family: 'Open Sans', 'Noto Sans TC', sans-serif;}

/*----------Header----------*/

header{
    width: 100%;
    height: 90px;
    background-color: #fff;
    position: fixed;
    z-index: 10;
}

.ODY_header-logo{
    float: left;
    margin: 20px;
}

nav{
    float: right;
    width: calc(100% - 150px);
    background-color: #0079C1;
}


#Menu li{
    float: right;
    margin: 0 20px;
}

#Menu li a{
    padding: 0 7px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    line-height: 90px;
}

.Menu_img{
    margin-left: 8px;
}

#Menu_icon{display: none;}
#Menu_scroll{display: none;}


/*----------Fonts----------*/

.Box_subtitle{
    font-size: 17px;
    font-weight: 500;
    line-height: 1.1em;
    margin-bottom: 12px;
}

.Box_title{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1em;
}

.Box_text{
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6em;
    text-align: justify;
}

.Box_smalltitle{
    font-size: 21px;
    font-weight: 700;
    line-height: 2em;
}

.Box_small_title{
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6em;
    margin-bottom: 5px;
}

.Page_subtitle{
    margin-left: 56px;
    margin-top: 97px;
    font-size: 30px;
    font-weight: 100;
}

.Page_title{
    margin-left: 53px;
    margin-top: 13px;
    font-size: 80px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.0em;
}

/*-------------列表首圖-------------*/

#Page_Cover{
    width: 100%;
    background-position: center center;
    background-size: cover;
    height: 0;
    padding-bottom: 45.83%;
    position: relative;
}

.Page_Name{
    color: #fff;
    background-color: #0079C1;
    width: 756px;
    height: 285px;
    float: right;
}

.Cover_decor{
    clear: both;
    display: block;
    float: left;
    /*background-image: url(../images/page_cover_decor.svg);*/
    width: 50%;
    height: 80px;
    background-repeat: no-repeat;
    background-size: cover cover;
    position: absolute;
    bottom: 20px;
    left: 25px;
}

/*-------------單頁首圖-------------*/

#Page_TOP{
    width: 100%;
    height: 0;
    padding-bottom: 23%;
    background-position: center center;
    background-size: cover;
}

#Page_TOP .Gradual{
    padding-bottom: 23%;
}


/*-------------其他產品-------------*/

#Other_products{
    margin-top: 130px;
    margin-bottom: -10px;
    display: inline-block;
    width: 100%;
    background-color: rgba(30,30,31,0.05);
    position: relative;
}

.Other_products_top{
    width: 1200px;
    margin: 0 auto;
    margin-top: 100px;
    padding-bottom: 50px;
}

.Other_products_top_title{
    float: left;
}

.Other_products_top_more{
    float: right;
}

.Other_products_top_more a{
    text-decoration: none;
    color: #0079C1;
}

.Other_products_top_more .Box_more{
    float: left;
}

.More_arrow{
    float: right;
    margin: 5px 0 0 15px;
}

.Other_products_top_title .advantage_symbol{
    float: left;
    margin: -3px 15px 0 0;
}

.Other_products_top_title h3{
    float: left;
    font-size: 29px;
    line-height: 1.0em;
}

.Other_products_slide{
    clear: both;
    display: block;
    width: 1200px;
    margin: 0 auto;
}

.Slide_btn{
    position: absolute;
    cursor: pointer;
}

.Slide_to_left{
    position: absolute;
    left: -90px;
}

.Slide_to_right{
    position: absolute;
    left: 1243px;
}




/*----------歡迎來電----------*/

#How_can_we_help{
    clear: both;
    display: block;
    width: 100%;
    background-color: #0079C1;
}

.How_can_we_help-frame{
    width: 1200px;
    height: 175px;
    margin: 0 auto;
}

.How_can_we_help_text{
    float: left;
    color: #fff;
    margin-top: 50px;
}

.How_can_we_help_btn{
    float: right;
    margin-top: 61px;
}

.Btn_contact_white{
    width: 190px;
    height: 51px;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
    line-height: 51px;
    color: #fff;
    padding: 12px 30px;
    border: 1px solid #fff;
    border-radius: 50px;
}

/*----------Footer----------*/

#ODF_footer{
    clear: both;
    display: block;
    width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
}

.Footer_top{
    margin-bottom: 50px;
}

.Footer_links{
    float: right;
    font-size: 17px;
}

.Links{
    float: left;
    margin-right: 130px;
    margin-bottom: 50px;
}

.Links a{
    text-decoration: none;
    color: rgba(30,30,31,0.5);
    line-height: 2em;
}

.Links li a img{
    margin-top: 10px;
}

.Footer_bottom{
    clear: both;
    display: block;
    line-height: 90px;
    text-align: center;
    border-top: 1px solid #ccc;

}

.Mobile_footer_links{display: none}









/* =========手機、平板區========= */

@media screen and (max-width: 1060px){


    /*----------Header----------*/

    header{
        height: 70px;
    }

    .ODY_header-logo{
        margin-left: 20px;
        margin-top: 10px;
    }

    #Menu{
        display: none ;
    }

    nav{
        width: auto;
    }

    #Menu_icon{
        display: block;
    }

    .Menu_icon{
        width: 30px;
        padding: 23px 23px;
    }

    /*-----手機隱藏

    #Menu_scroll{display: block;}

    -----*/

    #Menu_mobile{padding-top: 60px;}

    #Menu_mobile li{
        text-align: center;
        background-color: #0079C1;
        border-top: 1px solid rgba(255,255,255,0.2);
    }

    #Menu_mobile li a{
        width: 100%;
        line-height: 15vw;
        color: #fff;
        text-decoration: none;
    }

    #Menu_mobile li a .Menu_img{
        display: none;
    }

    /*----------Fonts----------*/

    .Box_subtitle{
        font-size: 4.6vw;
        line-height: 1.1em;
        margin-bottom: 12px;
    }

    .Box_title{
        font-size: 9vw;
        font-weight: 700;
    }

    .Box_text{
        font-size: 17px;
        font-weight: 300;
        line-height: 1.6em;
    }

    .Page_subtitle{
        margin-left: 5%;
        margin-top: 12vw;
        font-size: 6vw;
    }

    .Page_title{
        margin-left: 4.5%;
        margin-top: 5px;
        font-size: 10.5vw;
        line-height: 1.0em;
    }

    .BOX_small_title{
        font-size: 5vw;
    }

    /*-------------列表首圖-------------*/
    #Page_Cover{
        padding-bottom: 75%;
    }

    .Page_Name{
        width: calc(100% - 76px);
        height: 0;
        padding-bottom: 37%;
        float: left;
    }

    .Gradual{
        padding-bottom: 75%;
    }

    .Cover_decor{
        display: none;
    }

    /*-------------單頁首圖-------------*/

    #Page_TOP{
        padding-bottom: 37.5%;
    }

    #Page_TOP .Gradual{
        padding-bottom: 37.5%;
    }

    /*-------------其他產品-------------*/

    #Other_products{
        margin-top: 100px;
        margin-left: 5%;
        margin-bottom: 0px;
        width: 90%;
        background-color: #fff;
        position: relative;
    }

    .Other_products_top{
        width: 100%;
    }

    .Other_products_top_more a{
        text-decoration: none;
        color: #0079C1;
    }

    .Other_products_top_more{
        float: left;
        position: absolute;
        left: 35%;
    }

    .Other_products_top_title h3{
        font-size: 6.5vw;
    }

    .Other_products_slide{
        clear: both;
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .Slide_btn{
        display: none;
    }


    /*----------歡迎來電----------*/

    .How_can_we_help-frame{
        width: 90%;
        height: 400px;
        margin-left: 5%;
    }

    .How_can_we_help_text{
        margin-top: 100px;
    }

    .How_can_we_help_btn{
        float: left;
        margin-top: 60px;
    }

    .Btn_contact_white{
        width: 150px;
        height: 36px;
        line-height: 36px;
        padding: 10px 20px;
        font-size: 4.6vw;
    }

    /*----------Footer----------*/

    #ODF_footer{
        width: 90%;
        margin-top: 80px;
    }

    .Footer_top{
        margin-bottom: 50px;
    }

    .Footer_top .ODY_logo{
        width: 50%;
        float: none;
        margin-left: calc(50% - 25%);
    }

    .Footer_links{
        float: none;
        font-size: 4.6vw;
        margin-top: 30px;
    }

    .Links{
        float: left;
        margin-right: 5%;
        margin-bottom: 30px;
    }

    .Links a{
    }

    .Links li a img{
        margin-top: 5px;
    }

    .Footer_bottom{
        clear: both;
        display: block;
        line-height: 60px;
    }

    .footer_text{font-size: 3.6vw;}

    .Footer_links .Links:first-child{
        float: none;
        display: none;
    }

    .Links .Box_text{font-size: 4.6vw;}

    .Mobile_footer_links{
        display: block;
        margin-top: 30px;
    }

    .Mobile_footer_links li{
        float: left;
        margin-right: 21px;
    }

    .Mobile_footer_links li a{
        font-size: 4.6vw;
    }
}