@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; color:#000; font-family:Arial, "微軟正黑體", "新細明體"; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
html,body{ font-size:1em; }
html.layout_small{ font-size:0.9em; }
html.layout_big{ font-size:1.1em; }

a{ text-decoration:none; }
*:focus{ background:#ffe400; outline:2px solid #ff9400; }
.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;
}

.header{ position:relative; padding-bottom:50px; z-index:99;
background: rgb(255,186,10);
background: -moz-linear-gradient(top, rgba(255,186,10,1) 0%, rgba(255,255,255,1) 50%); 
background: -webkit-linear-gradient(top, rgba(255,186,10,1) 0%,rgba(255,255,255,1) 50%); 
background: linear-gradient(to bottom, rgba(255,186,10,1) 0%,rgba(255,255,255,1) 50%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba0a', endColorstr='#ffffff',GradientType=0 ); }

.headermar{ margin:0 auto; max-width:1240px; padding:0 20px; }
.headermar .logos{ width: 412px; display: block; float: left; padding-top: 40px; }
.headermar .logos img{ width:100%; }

.headermar .headright{ display:block; text-align:right; padding:40px 0 20px 0; }

.mslink{ margin-bottom:24px; }
.mslink .links{ display:inline-block; vertical-align:middle; margin:0 20px 0 0; font-size:1rem; color:#000; line-height:21px; }
.mslink .sizebox{ display:inline-block; vertical-align:middle; }
.mslink .sizebox .sizegrids{ display:inline-block; vertical-align:middle; line-height:26px; background:#837e82; font-size:1.188rem; color:#fff; font-weight:bold; padding:0 2px; }
.mslink .sizebox .sizegrids.hold{ background:#255289; }

.searchbox{ display:inline-block; min-width:330px; }
.searchbox .inputbox{ border:1px solid #848484; width:100%; display:table; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding:0 10px 0 20px; background:#fff; overflow:hidden; }
.searchbox .inputbox .itd-a{ display:table-cell; vertical-align:middle; }
.searchbox .inputbox .itd-b{ display:table-cell; vertical-align:middle; width:26px; }
.searchbox .inputbox .inputs{ width:100%; border:none; font-size:1rem; color:#000; line-height:30px; height:30px; background:#fff; }
.searchbox .inputbox .icons{ width:22px; height:22px; background:none; border:none; background-image:url(../images/layout/search.png); background-size:22px; background-position:center; background-repeat:no-repeat; }
.searchbox .inputbox .disnone{ display:none; }
.searchbox .keytxt{ padding:8px 0 0 0; }
.searchbox .keytxt a{ color:#000; }

.menubox{ background:#215181; position:absolute; left:0; right:0; margin:auto; bottom:0; }
.menubox .mar{ margin:0 auto; max-width:1240px; padding:0 20px;  }
.menubox .mar .gblock{ display:inline-flex; width:100%; }
.menubox .mar .grids{ width:14.2857%; border-left:1px solid #8fa9c4; height:50px; text-align:center; }
.menubox .mar .grids:last-child{ border-right:1px solid #8fa9c4; }
.menubox .mar .grids .h2{ line-height:50px; color:#fff; font-size:1.25rem; font-weight:bold; }
.menubox .mar .grids .h2:focus{ color:#333; }
.menubox .mar .dublock{ position:absolute; top:50px; left:0; background:#fff; width:100%; z-index:100; padding:15px; display:none; }
.menubox .mar .dublock .dumar{ margin:0 auto; max-width:1240px; padding:0 20px; font-size:0rem; text-align:left; }
.menubox .mar .dublock .dumar .dugrids{ display:inline-block; vertical-align:top; width:25%; padding:6px; }
.menubox .mar .dublock .dumar .dugrids .duTitle{ display:block; font-size:1.5rem; font-weight:bold; color:#215181; }
.menubox .mar .dublock .dumar .dugrids .dumtext{ display:block; border-top:2px solid #215181; }
.menubox .mar .dublock .dumar .dugrids .dumtext .links{ display:block; font-size:1.25rem; color:#215181; margin:5px 0; }

.menuBtn{ display:none; }

.noScript .menubox{ position:static; }
.noScript .menubox .mar .gblock{ display:block; }
.noScript .menubox .mar .grids{ border:none; border-bottom: 1px solid #8fa9c4; width: auto; height:auto; }
.noScript .menubox .mar .grids:last-child{ border-right:none; }
.noScript .menubox .mar .dublock{ position:static; display: block; }

/*快捷*/
.fastbtn{ position:fixed; right:-90px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); padding: 15px 20px; background:#fff; z-index:10; box-shadow: -2px 0 4px rgba(0,0,0,0.1); }
.fastbtn .links{ display:block; width:60px; height:60px; margin:6px 0; background:#215180; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.fastbtn .links img{ max-width:100%; }
.fastbtn .fastarrow{ position: absolute; top:0; left:-20px; border: none; width:20px; height:32px; background:#fff; cursor:pointer; box-shadow: -2px 0 4px rgba(0,0,0,0.1); }
.fastbtn .fastarrow:after{ content:""; display:block; width:0; height:0; border-style:solid; border-width:6px 0 6px 8px; border-color:transparent transparent transparent #868686; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
.fastbtn.show { right: 0px; }

/*footer*/
.footermenu{ background:#f9f9f9; padding:100px 0 0 0; position:relative; z-index: 1; }
.footermenu .lines{ height:5px; background:#215181; position:absolute; top:0; left:0; right:0; margin:auto; }
.footermenu .lines .arrow{ width:42px; height:42px; background:#215181; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:absolute; top:-21px; left:50%; margin-left:-21px; cursor: pointer; font-size:0rem; }
.footermenu .lines .arrow:after{ content:""; display:block; width:0; height:0; border-color:transparent transparent #fff transparent; border-style:solid; border-width:0 10px 12px 10px; position:absolute; top:50%; left:0; right:0; margin:auto; margin-top: -8px; }
.footermenu.open .lines .arrow{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }
.footermenu .mar{ margin:0 auto; max-width:1240px; padding:0 20px; }
.footermenu .mar .marbgs{ margin-left:-20px; font-size:0rem; }
.footermenu .mar .marbgs .grids{ width:16.6667%; display:inline-block; vertical-align:top; padding-left:20px; padding-bottom:40px; }
.footermenu .mar .marbgs .grids .h1s{ display:block; border-bottom:1px solid #5a7b9c; padding-bottom:5px; font-size:1rem; color:#436484; }
.footermenu .mar .marbgs .grids .uls{ padding:15px 0 0 0; }
.footermenu .mar .marbgs .grids .uls .lis{ display:block; font-size:1rem; color:#436484; margin-bottom:5px; }

.footer{ background:#215181; padding:25px 0; }
.footer .mar{ margin:0 auto; max-width:1240px; padding:0 20px; }
.footer .mar .fmenu{ border-bottom:1px solid #597da1; padding-bottom:5px; }
.footer .mar .fmenu .sss{ display:inline-block; vertical-align:middle; color:#fff; }
.footer .mar .fmenu .sss:focus{ color:#333; }
.footer .mar .fmenu .fingrid{ display:inline-block; vertical-align:middle; padding:0 5px 0 0; border-right:1px solid #fff; font-size:1rem; color:#fff; }
.footer .mar .fmenu .fingrid:last-child{ padding:0; border:none; }
.footer .mar .fmenu .fingrid:focus{ color:#333; }
.footer .mar .fdata{ padding:15px 0; font-size:0rem; border-bottom: 1px solid #597da1; }
.footer .mar .fdata .fg{ display:inline-block; vertical-align:top; width:33.333%; }
.footer .mar .fdata .fg.right{ text-align:right; }
.footer .mar .fdata .fg .tright{ display:inline-block; text-align:left; }
.footer .mar .fdata .fg .ftext{ margin:0 0 15px 0; font-size:1rem; color:#fff; }
.footer .mar .fdata .fg .ftext:last-child{ margin:auto; }
.footer .mar .fdata .fg .ftext .map{ display:inline-block; vertical-align:middle; background:#ffb700; line-height:26px; padding:0 5px; font-size:1rem; color:#215181; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.footer .mar .fdata .fg .blis{ margin:0 0 15px 0; color:#fff; font-weight:bold; font-size:1.125rem; }
.footer .mar .fdata .fg .blis .links{ color:#fff; font-weight:normal; font-size:1.625rem; }
.footer .mar .fdata .fg .blis .links:focus{ color:#333; }
.footer .mar .fdata .fg .btnlink{ display:inline-block; font-size:1.125rem; letter-spacing:1px; color:#fff; line-height:30px; border:1px solid #fff; padding:0 7px; margin-bottom:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
background: rgb(246,184,185);
background: -moz-linear-gradient(top,  rgba(246,184,185,1) 0%, rgba(228,45,47,1) 60%);
background: -webkit-linear-gradient(top,  rgba(246,184,185,1) 0%,rgba(228,45,47,1) 60%);
background: linear-gradient(to bottom,  rgba(246,184,185,1) 0%,rgba(228,45,47,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b8b9', endColorstr='#e42d2f',GradientType=0 ); }
.footer .mar .fdata .fg .phones{ margin-bottom:10px; color:#fff; font-size:1.125rem; }
.footer .mar .fdata .fg .phones .links{ color:#ffbd1e; font-size:1.125rem; }
.footer .mar .fcount{ padding:20px 0; display:table; width:100%; }
.footer .mar .fcount .ftleft{ display:table-cell; vertical-align:top; }
.footer .mar .fcount .ftright{ display:table-cell; vertical-align:top; text-align:right; }
.footer .mar .fcount .ftleft .wtxt{ display:inline-block; vertical-align:middle; color:#fff; font-size:1rem; }
.footer .mar .fcount .ftright .ficon{ display:inline-block; vertical-align:top; }
.footer .mar .fcount .ftright .ficon img{ max-width:100%; }

/*================================●●●●●●●●●●●●Hover●●●●●●●●●●●●================================*/
@media screen and (min-width:1024px){
.mslink .sizebox .sizegrids:hover{ background:#255289; }
.menubox .mar .grids:hover .dublock{ display:block; }
.menubox .mar .grids:hover .h2{ color:#fff000; }
.menubox .mar .dublock .dumar .dugrids .duTitle:hover{ color:#000; }
.menubox .mar .dublock .dumar .dugrids .dumtext .links:hover{ color:#000; }

.searchbox .keytxt a:hover{ text-decoration:underline; }
.mslink .links:hover{ text-decoration:underline; }

.footermenu .mar .marbgs .grids .h1s:hover{ font-weight:bold; }
.footermenu .mar .marbgs .grids .uls .lis:hover{ background:#eee; }
.footer .mar .fdata .fg .blis .links:hover{ text-decoration:underline; }
.footer .mar .fdata .fg .ftext .map:hover{ background:#fff000; }
.footer .mar .fdata .fg .btnlink:hover{ color:#fff000; }

}

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){
.header{ padding:0; }
.headermar{ height:100px; }
.headermar:after{ content:""; display:block; clear:both; }
.headermar .logos{ width:320px; padding-top: 20px; }
.headermar .headright{ background:#fff; position:absolute; left:0; right:0; top:100px; padding:0; text-align:left; display:none; }
.menuBtn{ display:block; width:30px; height:30px; float: right; margin-top:40px; cursor:pointer; }
.menuBtn:before{ content:""; display:block; width:100%; height:2px; background:#333; margin-bottom:7px; }
.menuBtn:after{ content:""; display:block; width:100%; height:2px; background:#333; margin-bottom:7px; }
.menuBtn span{ display:block; width:100%; height:2px; background:#333; margin-bottom:7px; }

.mslink{ padding:0 15px; margin: 15px 0; }

.searchbox{ padding:0 15px; display:block; }

.menubox{ position:static; margin:20px 0 0 0; }
.menubox .mar{ padding:0; }
.menubox .mar .gblock{ display:block; }
.menubox .mar .grids{ width:auto; border:none; border-bottom: 1px solid #8fa9c4; position: relative; text-align:left; min-height:50px; height:auto; }
.menubox .mar .grids:last-child{ border-right:none; }
.menubox .mar .grids .h2{ margin-left:15px; display:block; margin-right:40px; }
.menubox .mar .arrow:after{ content:""; display:block; width:0; height:0; border-style:solid; border-width: 8px 6px 0 6px; border-color:#fff transparent transparent transparent; position:absolute; top:22px; right:18px; }
.menubox .mar .dublock{ position:static; }
.menubox .mar .dublock .dumar{ padding:0; }
.menubox .mar .dublock .dumar .dugrids{ display:block; width:auto; padding:6px 0; }

/*footer*/
.footer .mar .fdata .fg{ width:50%; margin-bottom:40px; }
.footer .mar .fdata .fg:last-child{ margin:0; }
.footer .mar .fdata .fg.right{ text-align:left; }

}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
.header{ padding:0; }
.headermar{ height:60px; }
.headermar:after{ content:""; display:block; clear:both; }
.headermar .logos{ width:200px; padding-top:10px; }
.headermar .headright{ background:#fff; position:absolute; left:0; right:0; top:60px; padding:0; text-align:left; display:none; }
.menuBtn{ display:block; width:30px; height:30px; float: right; margin-top:20px; cursor:pointer; }
.menuBtn:before{ content:""; display:block; width:100%; height:2px; background:#333; margin-bottom:7px; }
.menuBtn:after{ content:""; display:block; width:100%; height:2px; background:#333; margin-bottom:7px; }
.menuBtn span{ display:block; width:100%; height:2px; background:#333; margin-bottom:7px; }

.mslink{ padding:0 15px; margin: 15px 0; }
.mslink .links{ font-size:0.75rem; margin-right:10px; }

.searchbox{ padding:0 15px; display:block; min-width: auto; width: 100%; }
.searchbox .keytxt{ font-size:0.75rem; }
.searchbox .keytxt a{ font-size:0.75rem; }

.menubox{ position:static; margin:20px 0 0 0; }
.menubox .mar{ padding:0; }
.menubox .mar .gblock{ display:block; }
.menubox .mar .grids{ width:auto; border:none; border-bottom: 1px solid #8fa9c4; position: relative; text-align:left; min-height:50px; height:auto; }
.menubox .mar .grids:last-child{ border-right:none; }
.menubox .mar .grids .h2{ margin-left:15px; font-size:1rem; display:block; margin-right:40px; }
.menubox .mar .arrow:after{ content:""; display:block; width:0; height:0; border-style:solid; border-width: 8px 6px 0 6px; border-color:#fff transparent transparent transparent; position:absolute; top:22px; right:18px; }
.menubox .mar .dublock{ position:static; }
.menubox .mar .dublock .dumar{ padding:0; }
.menubox .mar .dublock .dumar .dugrids{ display:block; width:auto; padding:6px 0; }
.menubox .mar .dublock .dumar .dugrids .duTitle{ font-size:1.125rem; }
.menubox .mar .dublock .dumar .dugrids .dumtext .links{ font-size:1rem; }

/*快捷*/
.fastbtn{ padding: 10px 15px;  right:-60px; }
.fastbtn .links{ width:40px; height:40px; }

/*footer*/
.footermenu{ display:none; padding: 50px 0 0 0; }
.footermenu .mar .marbgs .grids{ width:33.3333%; }
.footermenu .mar .marbgs .grids .h1s{ font-size:0.875rem; }
.footermenu .mar .marbgs .grids .uls .lis{ font-size:0.875rem; }
.footer .mar .fmenu .fingrid{ font-size:0.875rem; }
.footer .mar .fdata .fg{ display:block; width:auto; }
.footer .mar .fdata .fg.right{ text-align:left; }
.footer .mar .fdata .fg .ftext{ font-size:0.875rem; }
.footer .mar .fdata .fg .ftext .map{ font-size:0.875rem; line-height: 20px; }
.footer .mar .fdata .fg .blis{ font-size:0.875rem; }
.footer .mar .fdata .fg .blis .links{ font-size:1.125rem; }
.footer .mar .fdata .fg .btnlink{ font-size:1rem; }
.footer .mar .fdata .fg .phones{ font-size:1rem; }
.footer .mar .fdata .fg .phones .links{ font-size:1rem; }
.footer .mar .fcount .ftleft .wtxt{ font-size:0.75rem; display:block; margin-bottom:5px; }

}

.search_icon{
	font-size: 0px;
}