@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
*{ margin:0; padding:0; font-family: 'Noto Sans TC', sans-serif; font-weight: 300; font-size:1rem; }
*:focus,
.minorMenu .li_s.hold:focus { outline: 2px solid #8cc7ff; background: #d5e7ff; }
a{ text-decoration:none; }
ul,ol{ margin-left:35px; }
body,html{ height:100%; background:#f5f5f5; }

body.noscriptsNow .header { margin-top: 44px !important; }

noscript {
    font-size:0.875rem;
    color: black;
    display: inline-block;
    position: relative;
    padding: 5px;
    margin: 5px;
    border: 3px solid #e94d4e;    
    border-radius: 5px;
}

.sr-only {
    position: absolute;
    width: 0.063rem;
    height: 0.063rem;
    padding: 0;
    margin: -0.063rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: fixed;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
	z-index:99999;
	top:0;
}

.sss{ display:inline-block; vertical-align:middle; font-size:1rem; color:#333; }
.sss.movs{ margin-left:60px; }

/*header*/
.header{ position:fixed; top:0px; left:0px; width:100%; height:95px; background:#fff; z-index:999; box-shadow:0 5px 10px 0 rgba(0,0,0,.1); }
.header .mar{ max-width:1280px; margin:auto; padding:0 20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.header .tab{ display:table; width:100%; }
.header .tab .logo{ display:table-cell; vertical-align:middle; }
.header .tab .logo a{ display:block; }
.header .tab .logo a:focus{ background:#fff; }
.header .tab .logo img{ width:278px; }
.header .tab .tds{ display:table-cell; vertical-align:middle; text-align:right; font-size:0rem; }

.header .tab .tds .ht{ height:49px; padding:13px 0 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.header .tab .tds .link_mob{ display:inline-block; vertical-align:middle; }
.header .tab .tds .link_fb{ display:inline-block; vertical-align:middle; background:#3b5998; padding:0 10px; text-align:center; margin:0 0 0 5px; }
.header .tab .tds .link_fb .s1{ display:inline-block; vertical-align:middle; width:16px; height:34px; background-image:url(../image/layout/icon_02.png); background-position:center; background-repeat:no-repeat; }
.header .tab .tds .link_fb .s2{ display:none; }
.header .tab .tds .link_rss{ display:inline-block; vertical-align:middle; background:#f68309; padding:0 10px; text-align:center; margin:0 0 0 5px; }
.header .tab .tds .link_rss .s1{ display:inline-block; vertical-align:middle; width:16px; height:34px; background-image:url(../image/layout/icon_04.png); background-position:center; background-repeat:no-repeat; }
.header .tab .tds .link_rss .s2{ display:none; }
.header .tab .tds .link_en{ display:inline-block; vertical-align:middle; background:#eee; padding:0 10px; text-align:center; margin:0 0 0 5px; }
.header .tab .tds .link_en .s1{ display:inline-block; vertical-align:middle; width:16px; height:34px; background-image:url(../image/layout/icon_01.png); background-position:center; background-repeat:no-repeat; }
.header .tab .tds .link_en .s1a{ display:inline-block; vertical-align:middle; width:16px; height:34px; background-image:url(../image/layout/icon_03.png); background-position:center; background-repeat:no-repeat; }
.header .tab .tds .link_en .s2{ display:inline-block; vertical-align:middle; line-height:34px; font-size:0.938rem; color:#333; padding:0 0 0 5px; }
.header .tab .tds .searchbox{ display:inline-block; vertical-align:middle; width:216px; border:1px solid #ccc; padding-right:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; }
.header .tab .tds .searchbox .inputs{ background:none; border:none; width:100%; line-height:32px; padding:0 10px; font-size:0.938rem; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; cursor:pointer; }
.header .tab .tds .searchbox .btns{ width:32px; height:32px; background:none; border:none; background-image:url(../image/layout/icon_search.png); background-repeat:no-repeat; background-position:center; position:absolute; right:5px; top:50%; margin-top:-16px; background-size:16px; }

.header .tab .tds .menu{ display:block; line-height:46px; font-size:0rem; }
.header .tab .tds .menu .grids{ display:inline-block; vertical-align:middle; margin:0 0 0 15px; font-size:1.063rem; color:#333; text-decoration:none; position:relative; }

.header .tab .tds .hotkey{ display:inline-block; vertical-align:middle; font-size:0.875rem; color:#333; padding:0 10px; }
.header .tab .tds .hotkey a{ font-size:0.875rem; color:#333; text-decoration:none; }

.header .tab .tds .menubtn{ display:none; }

.disnone{ display:none; }


/*footer*/
.footer{ background:#333; padding:0 20px; }
.footer .topbox{ border-bottom:1px solid #555; padding:40px 0 15px 0; margin:0 auto 30px auto; max-width:1240px; }
.footer .topbox .grids{ display:inline-block; vertical-align:top; padding:0 50px 0 0; position:relative; max-width:120px; }
.footer .topbox .grids .ftitle{ text-decoration:none; color:#fff; font-size:0.938rem; margin:0 0 10px 0; display:block; }
.footer .topbox .grids .ftitle:focus{ color:#00568f; }
.footer .topbox .grids .flink{ text-decoration:none; color:#bbb; font-size:0.938rem; margin:0 0 10px 0; display:block; font-weight: lighter; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; width:100%; }
.footer .topbox .grids .flink:focus{ color:#00568f; }
.footer .bottombox{ max-width:1240px; margin:auto; padding:0 0 35px 0; }
.footer .bottombox .btext{ margin:0 0 10px 0; }
.footer .bottombox .btext .bgrids{ display:inline-block; vertical-align:middle; text-decoration:none; font-size:0.938rem; color:#bbb; font-weight:100; }
.footer .bottombox .btext .bgrids:focus{ color:#00568f; }
.footer .bottombox .btext .ardd{ background:#fff; color:#000; padding: 0 5px; }
.footer .bottombox .btext .ardd:focus{ outline: 2px solid #8cc7ff; background: #d5e7ff; }

/*快捷*/
.fastfixed{ position:fixed; right:0; top:50%; margin-top:-25px; width:50px; z-index:100; }
.fastfixed .btns{ width:100%; height:50px; display:block; font-size:0rem; }
.fastfixed .btns img{ width:100%; }

.fastop{ display: block; position: relative; top: -95px; visibility: hidden; font-size:0rem; }


/*================================●●●●●●●●●●●●電腦●●●●●●●●●●●●================================*/
@media screen and (max-width:1340px){
/*header*/
.menublock{ box-shadow:0 5px 10px 0 rgba(0,0,0,.1) inset; display:none; width:100%; position: absolute; background-color: #fff; top:95px; left:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size:0rem; }
.header .tab .tds{ width:90px; height:90px; }
.header .tab .tds .menubtn{ display:inline-block; width:90px; height:90px; top:0; right:0; position: absolute; padding-top: 35px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.header .tab .tds .menubtn span{ width: 30px; height: 2px; background-color: #444; display: block; margin: 0 auto 7px auto; }
.header .tab .tds .menu{ display:block; }
.header .tab .tds .menu .grids{ display: block; margin: 0; padding: 15px; text-align: left; border-bottom: 1px solid #ccc; line-height: normal; }
.header .tab .tds .ht{ padding: 20px 15px 10px 15px; height:auto; }


}

/*================================●●●●●●●●●●●●Hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px){
.header .tab .tds .hotkey a:hover{ text-decoration:underline; }
.header .tab .tds .menu .grids:hover:after{ content:""; display:block; height:4px; position:absolute; bottom:0; left:0; right:0; margin:auto; background:#f0ce2e; }
.header .tab .tds .link_en:hover{ background:#e5e5e5; }
.header .tab .tds .link_fb:hover{ background:#486ebe; }
.header .tab .tds .link_rss:hover{ background:#ff9626; }
}

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
.sss.movs{ margin-left:0; }
/*header*/
.header .tab .tds .link_mob{ display:block; padding:10px 0 0 0; }

/*footer*/
.footer .bottombox{ display:block; }
.footer .bottombox .lefttd{ display:block; width:auto; margin:0 0 15px 0; }
.footer .bottombox .righttd{ display:block; width:auto; }
.footer .bottombox .righttd .text{ text-align:left; }
}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
.sss.movs{ margin-left:0; }
/*header*/
.menublock{ top:62px; }
.header{ height:62px; }
.header .tab .logo img{ width:140px; }
.header .tab .tds{ height:62px; }
.header .tab .tds .menubtn{ width:60px; height:60px; padding-top:22px; }

.header .tab .tds .searchbox{ display:block; width:auto; }
.header .tab .tds .link_mob{ display:block; padding:10px 0 0 0; font-size:0rem; }
.header .tab .tds .link_en{ margin:10px 0 0 0; display:block; }
.header .tab .tds .link_fb{ margin:10px 0 0 0; width:48%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-right:2%; }
.header .tab .tds .link_rss{ margin:10px 0 0 0; width:48%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-left:2%; }

.header .tab .tds .link_fb .s2{ display: inline-block; vertical-align: middle; line-height: 34px; font-size: 0.938rem; color: #fff; padding: 0 0 0 5px; }
.header .tab .tds .link_rss .s2{ display: inline-block; vertical-align: middle; line-height: 34px; font-size: 0.938rem; color: #fff; padding: 0 0 0 5px; }

.header .tab .tds .hotkey{ padding:0; }

/*footer*/
.footer{ padding:20px 15px; }

.footer .topbox{ font-size:0rem; }
.footer .topbox .grids{ width:31%; padding:0 1%; margin:0 0 15px 0; }

.footer .bottombox{ display:block; }
.footer .bottombox .lefttd{ display:block; width:auto; margin:0 0 15px 0; }
.footer .bottombox .righttd{ display:block; width:auto; }
.footer .bottombox .righttd .text{ text-align:left; }

.footer .bottombox .lefttd .dline{ display:none; }
.footer .bottombox .lefttd .grids{ display:block; padding:2px 0; }

/*快捷*/
.fastfixed{ width:40px; margin:0; top:auto; bottom:5px; right:5px; }
.fastfixed .btns{ height:40px; }


}