@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; font-family:"微軟正黑體", "新細明體";box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }
*:focus{ outline:2px solid #6badff; }

body{ background: #fff;color: #333;
	-webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;}

.webtop{ font-size:0px; position:absolute; top:0px; z-index:-1; }

/*導盲磚*/
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; z-index:999999;}
.sr-only-focusable:active,.sr-only-focusable:focus { width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

.header .mar .guide{ display:inline-block; vertical-align:top; text-decoration:none; font-size:0.875rem; color:#ccc; margin:0 5px 0 0; }


/*header*/
.header{ height:auto; width:100%; position:fixed; top:0px; left:0px; background:#fff; z-index:999;-webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);transition: 0.5s}
.header-top{background: transparent; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.header .mar{ display:table; width:100%; height:auto;}
.header .mar .leftbox{ display:table-cell; vertical-align:middle; position:relative; }
.header .mar .leftbox:after{ content:""; display:block; clear:both; }
.header .mar .rightbox{ display:table-cell; vertical-align:middle;float: right;}
.header .mar .logos{ display:inline-block; margin-left:15px; margin-top: 15px; }
.header .mar .guidebox{ float:right; }
.header .mar .menubtn{ display:none; }
.header .mar .menubtn-top{ display: inline-table; float: right; width: 40px; background: #FFF; cursor: pointer; padding: 5px 0; margin:10px 15px 0 0; border-radius: 5px; z-index: 9999;transition:0.5s;border: solid 1px #ddd;}
.header .mar .menubtn span{ display:block; background:#222; margin: 5px auto; height: 2px; width: 25px; }
.header .mar .tool_btn{ display:none; }

/*最上選單*/
.header .mar .leftbox .tool_bottom .searchbox{ display:inline-block; vertical-align:middle; margin:0 5px 0 5px; }
.header .mar .leftbox .tool_bottom .searchbox .btns{ cursor:pointer; padding:5px; }
.header .mar .leftbox .tool_bottom .searchbox.open .btns{ background:#048500; }
.header .mar .leftbox .tool_bottom .searchbox .search_du{ position:absolute; right:0px; top:70%; background:#D69D76; padding:10px 15px; }
.header .mar .leftbox .tool_bottom .searchbox .search_du.hideSearch{ display: none; }
.header .mar .leftbox .tool_bottom .searchbox.open .search_du{ display:block; }
.header .mar .leftbox .tool_bottom .searchbox .search_du .s_table{ display:table; }
.header .mar .leftbox .tool_bottom .searchbox .search_du .s_table .s_tds-a{ display:table-cell; vertical-align:middle; width:280px; }
.header .mar .leftbox .tool_bottom .searchbox .search_du .s_table .s_tds-b{ display:table-cell; vertical-align:middle; padding:0 0 0 15px; }
.header .mar .leftbox .tool_bottom .searchbox .search_du .s_table .s_txt{ color:#fff; font-size:1rem; white-space:nowrap; word-spacing: 3px; }
.header .mar .leftbox .tool_bottom .searchbox .search_du .s_table .s_txt a{ color:#fff; font-size:1rem;  }
.header .mar .leftbox .tool_bottom .searchbox .search_du .s_table .s_search{ display:table; width:100%; overflow:hidden; border-radius:3px; }
.header .mar .leftbox .tool_bottom .searchbox .search_du .s_table .s_search .inputs{ display:table-cell; vertical-align:middle; }
.header .mar .leftbox .tool_bottom .searchbox .search_du .s_table .s_search .sends{ display:table-cell; vertical-align:middle; width:60px; }
.header .mar .leftbox .tool_bottom .searchbox .search_du .s_table .s_search input{ background:#fff; height:30px; width:100%; border:none; }
.header .mar .leftbox .tool_bottom .searchbox .search_du .s_table .s_search button{ background:#000; color:#fff; font-size:1rem; width:100%; line-height:30px; height:30px; border:none; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor:pointer; }
.header .mar .leftbox .tool_bottom .grids:after{content: "|";padding-left: 15px;}
.header .mar .leftbox .tool_bottom .grids{ display:inline-block; vertical-align:middle;  margin:0 0px; padding: 3px 10px;text-decoration:none; font-size:1rem; color:#000;text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;font-weight: 700;}
.header .mar .tool_bottom .grids:after{content: "|";padding-left: 15px;}
.header .mar .leftbox .tool_bottom {
    font-size: 0rem;
    text-align: left;
    height: 38px;
    box-sizing: border-box;
    padding: 5px 7px 0 0;
	  float: right;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    border-radius: 0px 0px 10px 10px;

}

/*menubox*/
.header-top .con{display: none;}
.header .con{ position:absolute; width: 100%; right: 0;top:60px;padding: 10px 5px; box-sizing: border-box;background: #EEE3CE;text-align:left;-webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);z-index: 9999;transition:0.3s; }
.header .con .grids{ font-size:1rem; color:#4d4d4d; display:inline-block; text-decoration:none; margin:0 0 0 20px; }
.header .con.hidecon{ display: none;}
.header .con{ float:right; }
.header .con .list{ display:block; font-size:0px; text-align:center; padding:3px 0; }
.header .con .list .grids{ display:inline-block; margin:0 10px; position:relative; }
.header .con .list .grids .g_list{ text-decoration:none; font-size:1.05em;font-weight: 600; color:#792015; }
.header .con .list .grids .g_dus{ display:none; position:absolute; top:15px; left:50%; z-index:1; transform:translateX(-50%); padding:10px 0 0 0; }
.header .con .list .grids:hover .g_dus{ display:block; }
.header .con .list .grids .g_dus .g_rids{ display:block; background:#C93346; color:#fff; font-size:0.875em; text-decoration:none; padding: 5px 10px; white-space:nowrap; text-align:center; border-bottom: 1px solid #fff; }

.under_guidebox{ background: #FFF8F8;width: 100%;-webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);box-shadow: 0 1px 10px 1px rgba(0,0,0,0.1);}
.under_guidebox .guide{color: #222;font-size: 0.875rem;text-decoration: none;position: absolute;left: 0px;z-index: 9;}
.under_guidebox .menubox{ width: 100%; }
.under_guidebox .menubox.hideMenubox{ display:none; }
.under_guidebox .menubox .list{ display:block; font-size:0px; text-align:center; padding:10px 0; }
.under_guidebox .menubox .list .grids{ display:inline-block; margin:0 10px; position:relative; }
.under_guidebox .menubox .list .grids .g_list{ text-decoration:none; font-size:1.2rem; color:#333;font-weight: 700; }
.under_guidebox .menubox .list .grids .g_dus{ display:none; position:absolute; top:15px; left:50%; z-index:1; transform:translateX(-50%); padding:10px 0 0 0; }
.under_guidebox .menubox .list .grids:hover .g_dus{ display:block; }
.under_guidebox .menubox .list .grids .g_dus .g_rids{ display:block; background:#C93346; color:#fff; font-size:1rem; text-decoration:none; padding: 5px 10px; white-space:nowrap; text-align:center; border-bottom: 1px solid #fff;}

/*content*/
.content{ /*max-width: 1205px;*/margin:30px auto 0 auto; }
.topbtn{ position:fixed; bottom:0px; right:0px; width:54px; height:54px; background-image:url(../images/btntop.jpg); background-size:100%; z-index:100; font-size:0px; }


/*banner*/
.banner{ display: table;width:100%;height: 140px;padding-top: 60px; font-size:0px; position:relative;background-color: #EEE3CE; }
.banner .imgbox{ width:auto;display:table-cell;}
/*.banner .imgbox img{max-width: 100%;}*/
.banner .imgbox.left{width: 25%;}
.banner .imgbox.left .l-pig{background-image: url(../images/icon/pig-left-group.svg);background-size: contain;background-repeat: no-repeat;background-position-y:bottom;width: 100%;height: 100%;position: relative;bottom: -5px;left: 20px;overflow: hidden;}
.banner .imgbox.middle{width: 50%;position: absolute;left: 50%;bottom: 30px; transform: translateX(-50%);text-align: center;}
.banner .imgbox.middle img{width: 80%;}
.banner .imgbox.right{width: 20%;position: absolute;text-align: center;right: 15%;transform: translateX(15%);bottom: -10px;}
.banner .imgbox.right img{width: 70%;}
.banner .imgbox.virus{width: 15%;position: absolute;right: 0px;bottom: -46px;overflow: hidden;}


/*footer*/
.footer{ background:#333; }
.footer .container{max-width: 1000px; padding: 0;margin: 0 auto;}
.footer .footer_top{ background-color: #EEE3CE; padding:0px;}
.footer .footer_bottom{ padding:20px; font-size:0px; color:#fff;-webkit-box-shadow: 0px -2px 7px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0px -2px 7px 0 rgba(0,0,0,0.1);
box-shadow: 0px -2px 7px 0 rgba(0,0,0,0.1);overflow: hidden;  background-color: #000;}
.footer .fblock{ width: 70%;display:inline-block; margin:0; font-size:0.875rem; line-height: 22px;border-left: solid 3px #000;padding: 0 20px;margin-top: 20px;}
.footer .datagrids{ display:inline-block; vertical-align:top; padding:0 30px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.footer .datagrids.wh-a{ width:33%; }
.footer .datagrids.wh-b{ width:33%;}
.footer .datagrids.wh-c{ width:33%;}
.footer .datagrids.wh-d{ width:15%;margin-top: 20px;}
.footer .datagrids.wh-e{ width:15%;margin-top: 20px;}
.footer .datagrids .links{ text-decoration: underline; color:#fff; font-size:0.875rem; margin:0 0 5px 0; display:inline-block; }

.footer .fieldtitle{ color:#fff; font-size:1.1rem;font-weight: 700;display:inline-block; padding:0 0px;border-bottom: solid 3px #fff; line-height:26px; }
.footer .fielddata{ color:#fff; font-size:0.875rem; line-height:24px; margin: 5px 0 8px 0; }
.footer .visit_count{ color:#fff;font-size:1.1rem;font-weight: 700;border: solid 3px #fff;padding: 5px 10px;text-align: center;margin-top: 20px;}

.footer .finline{ display:inline-block; }
.footer .finline a{ text-decoration:underline; color:#000; }
.footer .f_logo{ padding:20px 0 0 0; display:none; }
.footer .f_logo img{ max-width:100%; }
.footer .collapse{ margin:30px 0 0 0; position: relative;background-color: #EEE3CE;}
.footer .collapse .co_btn{ transform: translateY(-50%);width:100px; height:50px;margin:0 auto -1px auto; text-align:center;background:#792015 ; border:solid 5px #fff; padding:10px 10px; font-size:1rem; color:#fff; font-weight: 700;border-radius:25px; cursor:pointer; display:block; text-decoration:none; }
.footer .collapse .co_btn span{padding: 0px 3px;vertical-align: middle;}
.footer .collapse .co_btn .symbol{ display:inline-block; vertical-align:middle; width:10px; height:10px; position:relative;transition: 0.5s;transform: rotate(45deg);}
.footer .collapse .co_btn .symbol:before{ content:""; width:10px; height:2px; background-color:#fff; position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto; }
.footer .collapse .co_btn .symbol:after{ content:""; width:2px; height:10px; background-color:#fff; position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin:auto; }
.footer .ctab{ display:block; margin:0px 0 0 0; padding: 10px 20px;background: #EEE3CE;transition:0.5s;}
.footer .f_table{ display:table; width:100%; }
.footer .f_table .f_tds{ display:table-cell; vertical-align:top; padding:0 40px 0 0; }
.footer .f_table .f_tds .grids{ margin:0 0 30px 0; }
.footer .f_table .f_tds .grids .titles{ margin:0 0 5px 0; width:120px; }
.footer .f_table .f_tds .grids .titles a{ text-decoration:none; font-size: 1.15em;color:#792015; font-weight:700; }
.footer .f_table .f_tds .grids .txts{ margin:5px 0 0 0;width: 140px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.footer .f_table .f_tds .grids .txts a{ text-decoration:none; font-size:1em; color: #792015; }

.menu_b{
	display:none;
	height:38px;
	vertical-align:middle;
	padding-top:15px;
}

.menu_b a{
	text-decoration:none;
	color:#000000;
}

.str_top{
	display:inline-block;
}

.menu_b .searchbox_s{ display:inline-block; vertical-align:middle; margin:0 5px 0 5px; }
.menu_b .searchbox_s .btns_s{ cursor:pointer; padding:5px; }
.menu_b .searchbox_s.open .btns_s{ background:#048500; }
.menu_b .searchbox_s .search_du_s{ position:absolute; right:0px; top:100%; background:#D69D76; padding:10px 15px; }
.menu_b .searchbox_s .search_du_s.hideSearch{ display: none; }
.menu_b .searchbox_s.open .search_du_s{ display:block; }
.menu_b .searchbox_s .search_du_s .s_table{ display:table; }
.menu_b .searchbox_s .search_du_s .s_table .s_tds-a{ display:table-cell; vertical-align:middle; width:280px; }
.menu_b .searchbox_s .search_du_s .s_table .s_tds-b{ display:table-cell; vertical-align:middle; padding:0 0 0 15px; }
.menu_b .searchbox_s .search_du_s .s_table .s_txt{ color:#fff; font-size:1rem; white-space:nowrap; word-spacing: 3px; }
.menu_b .searchbox_s .search_du_s .s_table .s_txt a{ color:#fff; font-size:1rem;  }
.menu_b .searchbox_s .search_du_s .s_table .s_search{ display:table; width:100%; overflow:hidden; border-radius:3px; }
.menu_b .searchbox_s .search_du_s .s_table .s_search .inputs{ display:table-cell; vertical-align:middle; }
.menu_b .searchbox_s .search_du_s .s_table .s_search .sends{ display:table-cell; vertical-align:middle; width:60px; }
.menu_b .searchbox_s .search_du_s .s_table .s_search input{ background:#fff; height:30px; width:100%; border:none; }
.menu_b .searchbox_s .search_du_s .s_table .s_search button{ background:#000; color:#fff; font-size:1rem; width:100%; line-height:30px; height:30px; border:none; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor:pointer; }
.menu_b .grids:after{content: "|";padding-left: 15px;}
.menu_b .grids{ display:inline-block; vertical-align:middle;  margin:0 0px; padding: 3px 10px;text-decoration:none; font-size:1rem; color:#000;text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;font-weight: 700;}

.mobile_menu{
	display: none !important;
}

/*================================●●●●●●●●●●●●電腦版●●●●●●●●●●●●================================*/
@media screen and (min-width:1441px){
/*.header .con{display: none;}*/
.banner .imgbox.middle{bottom: 10px;}
.banner .imgbox.middle img{width: 70%;}
}

@media screen and (max-width : 1322px ){
.sr-only{ top:65px; }

/*header*/
.header{ height:60px; }
.header .mar{ height:60px; }
.header .mar .logos{ margin-top:0; }


.under_guidebox{display: none;}

.under_guidebox.hideMenubox{ display:none; }

.header .mar .rightbox{ width:auto; }
.header .mar .rightbox .tool_box{ font-size:0px; }
.header .mar .tool_top .grids{ line-height:60px; }
.header .mar .tool_top .sitmaps{ line-height:60px; }

/*content*/
.content{ margin:20px auto 0 auto; }
}

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1023px){

/*header*/
.header .mar .leftbox{ width:100%; }
.header .mar .rightbox{ width:100px; }
.header .mar .tool_box{ position:absolute; top:60px; right:0px; width: 100%; font-size:0px; text-align:right;background: #fff;border-top: solid 1px #ccc; }
.header .mar .tool_btn{ display:block; width:35px; height:35px;     margin: 15px auto; background-image:url(../images/layout/icon_tool.png); cursor:pointer; background-size:100%; }

.header .mar .tool_top{ background: #048500; display:inline-block; }
.header .mar .tool_bottom{ background-image:none; display:inline-block; }
.header .mar .tool_bottom .searchbox .search_du{ top: 52px; }

.under_guidebox.hideMenubox{ display:none; }
	
.banner .imgbox.virus{display: none;}
.banner .imgbox.left{width: 20%;}
.banner .imgbox.right{width: 30%;right: 0;transform: translateX(0%);}
/*.banner .imgbox.middle{width: 50vw;left: 40%;transform: translateX(-40%);}*/


/*footer*/
.footer .f_table{ display:block; }
.footer .f_table .f_tds{ display:block; padding:0px; }
.footer .f_table .f_tds .grids .txts{ display:inline-block; margin:5px 15px 0 0; }

}


/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
.header .mar .tool_bottom{ display:inline-block; vertical-align:middle; width:100%; height:60px; padding:13px 10px 0 0; background-image:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.header .mar .tool_bottom .searchbox .search_du{ top:64px; }
.header .mar .leftbox .tool_bottom{
	display:none;
}
.menu_b{
	display:inline-table;
	padding-top:7px;
}
.str_top{
	display:none;
}
.menu_b .searchbox_s .search_du_s .s_table .s_txt{
	font-size:0.8em
}
.menu_b .searchbox_s .search_du_s .s_table .s_txt a{
	font-size:0.8em
}
.sr-only{ top:55px; }
/*header*/
.header{ height:50px; }
.header .mar{ position:relative; height:50px; }
.header .mar .logos{ margin:0 0 0 10px; }
.header .mar .logos img{ width:160px; }
.header .mar .leftbox{ position:static;width: 100%; }
.header .mar .rightbox{ width:60px; }

.header .mar .menubtn{ width: 25px; margin:8px 10px 0 0; padding: 3px 0;display: block;float: right;}
.header .mar .menubtn span{ margin: 3px auto; height:2px; width: 15px; }
.header .con{ width:100%; top:50px; padding:20px 10px; overflow:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;height: 80vh;}
.header-top .con{display: block;}
.header .con .list{ padding:0px; text-align:left; }
.header .con .list .grids{ display:block; border-bottom:1px solid #792015; margin:0 0 10px 0; padding-bottom:5px; }
.header .con .list .grids .g_dus{ display:none; position:static; top:auto; left:auto; transform:none; }
.header .con .list .grids .g_dus .g_rids{ text-align:left; }


.under_guidebox.hideMenubox{ display:none; }

.banner{height: 120px;}
.banner .imgbox.left ,.banner .imgbox.right,.banner .imgbox.virus{display: none;}
.banner .imgbox.middle{width: 90%;left: 50%;top: 60%;bottom: 0; transform: translate(-50%,-50%);}
.banner .imgbox.middle img{width: 100%;}
.banner .imgbox.middle h2{font-size: 2em;}
	
/*content*/	
.content{ margin:15px auto 0 auto; }
.topbtn{ width:40px; height:40px; background-size:40px; background-image:url(../images/btntop_mob.jpg); }
	
/*footer*/	
.footer .footer_bottom{ padding:10px 10px 50px 10px;}	

.footer .f_table{ display:block; }
.footer .f_table .f_tds{ display:block; padding:0px; }
/*.footer .f_table .f_tds .grids{ font-size:0px; }*/
.footer .f_table .f_tds .grids .txts{ display:inline-block; width:50%; vertical-align:top; }

.footer .finline{ display:block; }
.footer .nonemob{ display:none; }

.footer .datagrids{ display:block; width:auto; padding:0; }
.footer .datagrids.wh-a{ width:auto; margin: 0 0 10px 0; }
.footer .datagrids.wh-b{ width:auto; }
.footer .datagrids.wh-c{ width:auto; }
.footer .datagrids.wh-d{ width:auto; border-top: dashed 1px #fff;margin-top: 10px;padding-top: 10px;}
.footer .datagrids.wh-e{ width:auto; }
.footer .fblock{ width:auto; border-left: none;padding: 0;}
.footer .fielddata{ margin: 5px 0 15px 0; }
.footer .f_table .f_tds .grids .titles{
	width:300px;
}

/*搜尋*/
.search_dus .s_table{ display:block; }
.search_dus .s_table .s_tds-a{ display:block; width:auto; }
.search_dus .s_table .s_tds-b{ display:block; width:auto; padding:5px 0 0 0; }

.mobile_menu{
	display: block !important;
}
}
@media screen and (max-width:580px){
	.menu_b .searchbox_s .search_du_s .s_table .s_tds-a{
		display:block;
	}
	.menu_b .searchbox_s .search_du_s .s_table .s_tds-b{
		display:block;
		padding:0px;
	}
	
}