/*==========common==============*/
img{border:0}
body,html{
    padding: 0;margin:0;
    height:100%;
    width: 100%;
    overflow-x: hidden;
}
body, html, button, input, select, textarea { font-family: "SegoeLight","Segoe UI",Segoe,Arial,Verdana,sans-serif,'微軟正黑體',Microsoft JhengHei; }
.clear_ul,.footer-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
._hidebar{
    overflow: hidden;
}
._d-ib,.mscom-logo,.ms-navs-ul,.ms-navs-li {
    display: inline-block;
}
._d-b{
    display: block;
}
._fontSize6,.nav-toggle{
    font-size:18px;
}
._fontSize7,.ms-navs-li,.ms-sec_navs-li,#msviGoButton{
    font-size:15px;
}
._fontSize8,#msviSearchBox{
    font-size:12px;
}
._shellicon{
    font-family: shell-icons;
}
.mscom-header,._flexbox{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box; 
    display: flexbox;
    display: flex;
    
    -webkit-flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
._flexbox._al-reset{
    align-items: inherit;
}
._flexbox._ju-left{
    justify-content: inherit;
}
._m0p0{
    margin:0;padding:0;
}
._bordertopline{
    border-top:4px #f2f2f2 solid;
}
/*=============header===========*/
.mscom-mslogo-link{
    line-height: 48px;
    vertical-align: middle;
    width: 10%;
    min-width: 130px;
     -webkit-flex: initial;
    flex: initial;
}
.mscom-logo{
    vertical-align: middle;
    max-height: 23px;
    -webkit-flex: initial;
    flex: initial;
}
.mscom-navs{
    -webkit-flex: 1;
    flex: 1;
}
.ms-navs-ul,.ms-sec_navs-ul{
    font-size:0%;
}
.ms-sec_navs-ul,.ms-3rd_navs-ul{
    display: none;
}
.ms-navs-ul ._aftericon,.ms-navs-ul>.ms-navs-li>.ms-navs-a._aftericon{
    position: relative;
    padding-right:3em;
}
.ms-navs-ul ._aftericon:after{
    display: block;
    width: 1em;
    height: 1em;
    font-family: "shell-icons";
    font-style: normal;
    position: absolute;
    right:18px;
    font-size:80%;
    top:0;
}
.ms-navs-ul ._aftericon._dropdown:after{
    content: "\e70d";
}
.ms-navs-ul>.ms-navs-li>.ms-navs-a,.ms-sec_navs-ul .ms-sec_navs-a{
    display: block;
    padding:0 1.2em;
    line-height: 48px;
    color:#2f2f2f;
    text-decoration: none;
    cursor: pointer;
}
.ms-navs-ul>.ms-navs-li>.ms-navs-a:hover,.ms-navs-ul>.ms-navs-li>.ms-navs-a.select{
    background-color: #f2f2f2;
}
.ms-navs-ul>.ms-navs-li>.ms-navs-a._aftericon:after{
    right:1.5em;
}
.ms-sec_navs-ul{
    position: absolute;
    background-color:#f2f2f2;
    width: 239px;/*次選單寬度*/
    z-index: 30;
}
.ms-sec_navs-li,.ms-3rd_navs-li{
    display: block;
}
.ms-sec_navs-ul .ms-sec_navs-a{

}
.ms-sec_navs-ul .ms-sec_navs-a._aftericon{
    padding-right:3em;
}
.ms-sec_navs-li>.ms-sec_navs-a:hover{
    background-color:#eeeeee;
}
.ms-sec_navs-li>.ms-sec_navs-a.select,.ms-sec_navs-li>.ms-sec_navs-a.select:hover{
    background-color:#e5e5e5;
}
.ms-sec_navs-ul .ms-sec_navs-a._aftericon._dropdown:after{
    transform: rotate(-90deg);
    -ms-transform-origin: 50% 200%;
    transform-origin: 30% 220%;
}
.ms-3rd_navs-ul{
    z-index: 31;
    position: absolute;
    width: 300px;/*3rd 選單寬度*/
    right:calc(-100% - 4em);
    top:0;
    background-color:#e5e5e5;
    border-left:1px #cccccc solid;
}
.ms-3rd_navs-ul .ms-sec_navs-a:hover{
    text-decoration: underline;
}
.mscom-searchbar{
    width:20%;
    min-width: 260px;
    text-align: right;
    -webkit-flex: initial;
    flex: initial;
}
#msviSearchForm{
    box-sizing: border-box;
    font-size:0%;
}
#msviSearchBox{
    width: 244px;
    height: 36px;
    margin:0;
    padding: 0 10px;
    border:1px solid #A9A9A9;
    border-right:0;
    vertical-align:middle;
    box-sizing: border-box;
}
#msviGoButton{
    display: inline-block;
    background-color:transparent;
    border:1px solid #A9A9A9;
    border-left:0;
    margin:0;
    padding:0;
    text-align: center;
    width: 33px;
    height:36px;
    vertical-align:middle;
    color:gray;
    box-sizing: border-box;
    cursor:pointer;
}
#msviGoButton .shell-icon-search{
    vertical-align: middle;
}
#msviGoButton:hover{
    color:#0072c6;
}
.nav-toggle{
    width:48px;
    height:48px;
    background-color:transparent;
    border:0;
    cursor: pointer;
}
.nav-toggle:hover{
    background-color: #f2f2f2;
}
@media screen and (max-width: 1084px){
}
@media screen and (max-width: 768px){
        .mscom-mslogo-link,.mscom-navs,.mscom-searchbar{
        display: block;
        width: 100%;
    }
    .mscom-navs,.mscom-searchbar{
        position: absolute;
        text-align: left;
        right:0;
        top:48px;
        width: 100%;
        height:0%;
        min-width: inherit;
        z-index: 2;
    }
    ._select{
        z-index: 3;
    }
    .mscom-navs{
        width: 300px;
        height: 100%;
    }
    .mscom-navs .nav-toggle,.mscom-searchbar .nav-toggle{
        position: absolute;
        top:-48px;
        right:0;
    }
    .mscom-searchbar .nav-toggle{
        right:48px;
    }
    .ms-navs-li{
        display: block;
    }
    .ms-navs-ul{
        display: block;
        position: absolute;
        right:-130%;
        transition: right 1s;
        background-color: #f2f2f2;
        height:calc(100vh - 48px);
        overflow: auto;
        overflow-x: hidden;
        width:100%;
    }
    .ms-navs-ul>.ms-navs-li>.ms-navs-a:hover{
        /*color:#000000;
        text-decoration: underline;*/
        background-color:#eeeeee;
    }
    .ms-navs-ul.show{
        position: relative;
        right:0;
    }
    /*次選單以降*/
    .ms-sec_navs-ul{
        position: relative;
        background-color:#e5e5e5;
        width: 100%;/*次選單寬度*/
    }
    .ms-sec_navs-ul .ms-sec_navs-a._aftericon._dropdown:after{
        transform: none;
        -ms-transform-origin: 50% 50% 0;
        transform-origin: 50% 50% 0;
    }
    .ms-3rd_navs-ul{
        background-color:#d9d9d9;
        position: relative;
        right:auto;
        top:auto;
        width: 100%;
    }
    .mscom-searchbar{
        height:auto;
    }
    #msviSearchForm{
        background-color:#f2f2f2;
        padding-top:10px;
        padding-bottom:10px;
        width: 100%;
        padding-right:48px;
        padding-left:10px;
        display: none;
    }
    #msviSearchForm.show{
        display: block;
    }
    #msviSearchBox{
        width: 100%;
    }
}
@media screen and (max-width: 540px){
    .mscom-navs{
        width: 100%;
    }
} 

/*==================body=================*/
.containerset{
    font-size: calc(14.9px + 0.22vw);
    line-height: calc(1.5em + 0.22vh);
}
@media screen and (min-width: 750px) and (min-height: 600px){
    .style01{
        height:50vh;
    }
} 
/*=================footer================*/
.bggrid{
    background-color:#e3e3e3;
}
.footer .title{font-weight: 400}
.footer-list li{display: block;}
.footer-list li+li{margin-top:0.5em}
._producticon img,._producticon span{vertical-align: middle}
._producticon img{width: calc(22px + 0.22vw);}
.footer-list a,.copyright a,._footerstyle02 span{text-decoration: none;color:#1570a6;font-size:calc(12px + 0.22vw);}
._producticon a,._footerstyle02 a,._footerstyle02 span{color:#333333}
.footer-list a:hover,.copyright a:hover,._producticon a:hover span,._footerstyle02 a:hover{text-decoration: underline}
._producticon a:hover{text-decoration: none}
._footerstyle02{padding-top:20px;padding-bottom:30px;}
.footer-lang{font-size:calc(12px + 0.22vw);}
.copyright{font-size:0%;text-align: right}
.copyright li{display:inline-block;}
.copyright li+li{margin-left:10px}
@media screen and (max-width: 768px){
    .copyright{
        text-align: left;
        padding-top: 10px;
    }
    ._footerstyle02:first-child{
        padding-top: 20px;padding-bottom:0;
    }
} 
/*==================hank==================*/
@-moz-document url-prefix() { body, html, button, input, select, li, div, span, td, textarea { font-family: 微軟正黑體,'Microsoft JhengHei',"SegoeLight","Segoe UI",Segoe,Arial,Verdana,sans-serif; } }