@charset "utf-8";

/*---共用----------------------------------------------*/
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family:Arial, Helvetica, "微軟正黑體", sans-serif !important;}
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote {margin:0;padding:0;vertical-align:top;text-align:left;font-family:Arial, Helvetica, "微軟正黑體", sans-serif !important;}

h1,h2,h3,h4,h5,h6{margin:3px 0px;padding:3px 0px;font-family:Arial, Helvetica, "微軟正黑體", sans-serif !important;}

.toolbarsearch input {
-webkit-appearance: none; /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
-moz-appearance: none; /* FireFox */
appearance: none;
}

body{ 
    font-family:Arial, Helvetica, "微軟正黑體", sans-serif !important;
	-webkit-text-size-adjust:none;
	width:100%;min-width:100%;
	height:100%;margin:0 auto;
	font-size:87.5%;
}

/*-------------------------------------------------------------*/
.toolbarsearch input#qrykey:focus,
.searchbox input#querykey:focus,
.searchbox input#qword:focus,
.searchbox input#qNtitle:focus,
.spanbox textarea.text_input:focus,
.searchbox select:focus,
.spanbox input.text_input:focus{ background-color:#FF9; border:2px solid #ae5da1;}
a:focus,
.searchbox input.searchbtn:focus,
.searchbox .btn_1:focus,
.buttonbox .btnbtn:focus,
.newslist .newsbox a:focus,
.linkpage li a:focus,
.bookboxlist .bookbox .bookimg .bookimgin a:focus,
.law .law_title a.more:focus,
.toolbarsearch input:focus
.law_info #table_law01 .css_tr .css_td .spanbox input:focus,
.law_info #table_law01 .css_tr .css_td .spanbox select:focus,
.law_info #table_law01 .css_tr .css_td .spanbox .checkbox_css:focus,
.law_main2 .main_font .lawAA:focus,
.Photolist .boxli .box a:focus,
.member_mail02 #css_table_01 .css_td .spanbox input:focus,
.content_font iframe:focus,
.member_mail02 .mailbox .buttonbox a:focus,
.classificationbox .classification .text1 .text2 li a:focus,
#css_table_01 .css_td .spanbox .voice:focus{border:2px solid #ae5da1;}
.bookboxlist .bookbox .bookimg .bookimgin a:focus{ display:block;border:2px solid #ae5da1;}
#clipMap map area:focus{border:2px solid #ae5da1;}
.lawbox .lawlist2 .list a:focus{ display:block;width:100%; height:auto; border:2px solid #ae5da1;}
.lawbox .lawlist .list a:focus,
.video-container .tolinkimg a:focus,

.videolist .video .video-container .tolinkimg iframe:focus{ display:block;width:100%; height:auto; border:2px solid #ae5da1;}
.Photo_fancybox a:focus{ border:2px solid #ae5da1;display: inline-block;width:100%; height:auto; }


/*:focus{border:2px solid #ae5da1;}*/
/*-------------------------------------------------------------*/
/*======輸入框==============*/
.text_input{ padding:4px 3px; margin:2px; font-size:100%; vertical-align:middle; color:000;}
.select_style{ font-size:100%; padding:0; padding:2px 5px 8px 5px;vertical-align:middle; margin-right:8px;}

/*======radio==============*/
.checkbox_radio{width:20px; height:20px; margin-right:3px;vertical-align:middle; margin-top:-2px;}
.checkbox_css{ width:20px; height:20px;margin-right:3px;vertical-align:middle; margin-top:-2px;}

/*針對IOS 內定input樣式清除*/
.toolbarsearch input {
    -webkit-appearance: none;  /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
    -moz-appearance: none;     /* FireFox */
    appearance: none;
}
/*針對IOS 內定input樣式清除---end*/

/*======btn_input======*/
.btn_input{color:#FFF; border-style:none; width: auto; text-align:center; vertical-align:middle; cursor:pointer; padding:5px 12px; margin:2px; font-size:90%; border-radius:5px;
background:#7b881a;.background:#7b881a; text-decoration:none; line-height:100%;}
.btn_input:hover{background:#000;}
/*======btn_input=end======*/

select{ padding:2%; font-size:90%;}
.alignright{ float:right;}
.alignleft{ float:left;}
.W100{ width:100%;}.W90{ width:90%;}.W95{ width:95%;}
.W80{ width:80%;}.W85{ width:85%;}.W79{ width:79%;}.W75{ width:75%;}
.W70{ width:70%;}.W65{ width:65%;}.W60{ width:60%;}.W55{ width:55%;}
.W50{ width:50%;}.W45{ width:45%;}.W40{ width:40%;}.W35{ width:35%;}
.W30{ width:30%;}.W25{ width:25%;}.W20{ width:20%;}.W15{ width:15%;}
.W10{ width:10%;}.W5{ width:5%;}
.grayline{ border-top:1px solid #eee; padding-bottom:20px; clear:both;}

/*======buttonbox======*/
.buttonbox{ width:100%; margin:10px auto; color:#FFF; text-align:center; clear:both;}
.buttonbox .btnbtn{color:#FFF; border-style:none; min-width:150px; height:36px; text-align:center; cursor:pointer; margin:2px; font-size:100%; border-radius:5px;background:#006934;}
.buttonbox .btnbtn:hover{background:#939b2f;}
.buttonbox a{ display:inline-block;color:#FFF; border-style:none; min-width:150px; height:36px; line-height:36px; text-align:center; vertical-align:middle; cursor:pointer; margin:2px; font-size:100%; border-radius:5px;background:#006934;}
.buttonbox a:hover{background:#939b2f;}
/*======buttonbox=end=====*/
/*======分頁==============*/
/*.pagenumber2{ clear:both; text-align:center; padding:10px 0; font-family: Arial, Helvetica, sans-serif;}
.pagenumber2 a{ padding:10px 20px; margin:2px 0; color:#000; text-decoration:none; font-weight:bold; size:16px; background-color:#eeeeee; display:inline-block;}
.pagenumber2 a:hover{background-color:#b7b7b7;color:#000;}
.pagenumber2 .on,.pagenumber2 .btn{background-color:#4c4c4c;color:#FFF;background:#a7b63b;}
.pagenumber2 a.aw{ color:#000;  font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
.pagenumber2 a.aw:hover{ background-color: #ccc;color:#FFF;}
.pagenumber2 .on,.pagenumber2 .on:hover{background:#507100;color:#FFF; }
.pagenumber2 a.btn{ padding:10px 20px; margin:0 0px 0 5px;color:#FFF;text-decoration:none; font-weight:bold; size:16px; display:inline-block;background:#a7b63b;}
.pagenumber2 a.btn:hover{background-color:#333;color:#FFF;}*/
/*======分頁==============*/
.pagenumber2{ clear:both; text-align:center; padding:10px 0; font-family: Arial, Helvetica, sans-serif;}
.pagenumber2 a{ padding:10px 20px; margin:2px 2px; color:#000; text-decoration:none; font-weight:bold;  font-size:100%; background-color:#eeeeee; display:inline-block;}
.pagenumber2 a:hover{background-color:#b7b7b7;color:#000;}
.pagenumber2 .on,.pagenumber2 .btn{background-color:#4c4c4c;color:#333;background:#a7b63b;}
.pagenumber2 a.aw{ background:#a7b63b;color:#333;  font-weight:bold;font-family: Arial, Helvetica, sans-serif;font-size:100%;}
.pagenumber2 a.aw:hover{ background-color: #333;color:#FFF;}
.pagenumber2 .on,.pagenumber2 .on:hover{background:#507100;color:#FFF; }
.pagenumber2 a.btn{ padding:10px 20px; margin:0 3px;color:#333;text-decoration:none; font-weight:bold; font-size:100%; display:inline-block;background:#a7b63b;}
.pagenumber2 a.btn:hover{background-color:#333;color:#FFF;}
.rightbox .content .pagebox{ width:100%; height:auto;}
.rightbox .content .pagebox .page{ margin:0 auto; font-size:100%; color:#292929; text-align:center;}
.rightbox .content .pagebox .page p{ display:inline; color:#be1919;}

/*--topfrom麵包屑--*/
#topfrom{width:82%;height:auto; overflow:hidden;margin:0px auto;color:#00552b;padding:10px 0 0 3px; font-size:90%;text-align:left; float:left;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#topfrom a{color:#00552b;text-decoration:none; padding:0px 3px;}
#topfrom a:hover{ color:#00552b; text-decoration: underline;}

/*--fontbtn字級--*/
.article .articlebox .rightbox .topbox .fontbtn{height:auto; float:right; }
.article .articlebox .rightbox .topbox .fontbtn a{display:inline-block; width:40px; height:auto; line-height:40px; vertical-align:middle;text-align:center; color:#004422; font-size:112.5%; background:#A7B63B; text-decoration:none;}
.article .articlebox .rightbox .topbox .fontbtn a:hover{background:#919F29;}
.article .articlebox .rightbox .topbox .fontbtn .ON{ display:inline-block; background:#507100; color:#FFF;}

/*--線--*/
.bottomline{ width:100%; height:1px; border-bottom:1px #A8A8A8 solid; margin:25px auto; clear:both;}

/*--更新日期*/
.upday{ font-size:90%; color:#757575; margin-bottom:-20px; margin-top:20px; clear:both;}

/*頁數*/
.pagenumber{ clear:both; text-align:center; padding:10px 0; font-family: Arial, Helvetica, sans-serif;}
.pagenumber a{ padding:10px 16px; color:#000; text-decoration:none; font-weight:bold; size:16px; background-color: transparent; display:inline-block;}
.pagenumber a:hover,.pagenumber .on,.pagenumber .btn{background-color:#004077;color:#FFF; }
.pagenumber a.aw{ color:#e9728b; font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
.pagenumber a.aw:hover{ background-color:#9dc1e0; color:#FFFFFF;}
.pagenumber a.aw img{ vertical-align:middle;}
.pagenumber .on,.pagenumber .on:hover{background-color:#ccd9e4;color:#000; }
.pagenumber a.btn{ padding:10px 20px; margin:0 5px; background-color:#3f3a39;color:#FFF;text-decoration:none; font-weight:bold; font-size:100%; display:inline-block;}
.pagenumber a.btn:hover{background-color:#000;color:#FFF;}
/*核選方塊*/
.checkboxcenter{ width:100%; margin:0px auto 10px auto; padding-top:10px; text-align:center; clear:both; color:rgba(255,255,255,0.6); border-top:1px dashed rgba(255,255,255,0.4);}
.checkboxcss{ width:20px; height:20px;}

/*-----表單樣式--------------------*/
#css_table { display:table; width:100%; letter-spacing:normal;}
#css_table .css_tr { display: table-row;width:100%;.border-bottom:#188fa7 2px solid;.display: inline-block;}
#css_table .css_td { display: table-cell;padding:6px 5px; min-width: auto;.display: block;border-bottom:#ccc 1px solid; text-align: left; font-size:100%; }
#css_table .css_tr:nth-child(odd){ background-color:#f6f6f6;.background-color:#f6f6f6;.display: inline-block;}

#css_table .css_tr:first-child {  font-weight:bold; color:#FFFFFF;_display: none;.display: none;}
#css_table .css_tr:first-child a{ text-decoration:none;color:#666;}
#css_table .css_tr:first-child a:hover{ text-decoration:none; color:#188fa7;}

#css_table .line{background-color:#006934;color:#fff;}
#css_table .title{.display: block;color:#0277bd;font-size:100%;}
#css_table .css_td a.link{ color:#ff8a00;}

#css_table .css_td .tabbtn{background-color:#000; text-decoration:none; font-weight:bold;color:#FFF; font-size:75%; padding:5px 5px; border-radius:5px; text-align:center;}
#css_table .css_td .tabbtn a{ color:#FFFFFF; font-size:87.5%; }
#css_table .css_td .tabbtn:hover{text-decoration:none;}

#css_table .css_td a img{ vertical-align:middle; border:0;}
#css_table .css_tr .css_td.immg { width:110px;}
#css_table .css_tr .css_td.immg img{ margin:1px;}
#css_table .css_tr .css_td.none { display:block;}
#css_table .css_td b{ color:#0277bd;display:none;.display:inline;}
#css_table .css_td .spanbox{ width: auto; display:inline-block;}

.desknone{ display: none;}
.mobnone{ display: block;}
/*無障礙::*/
.m-point1{ display: inline-block; color:#EEE;}
.m-point2{ display: inline-block; color:#87980d; margin-left:-18PX;}
.m-point3{ display: inline-block;}

/*======btn_input======*/
.spanbox .btn_input{color:#FFF; border-style:none; width: auto; text-align:center; vertical-align:middle; cursor:pointer; padding:8px 20px; margin:2px; font-size:100%; border-radius:0px;
background:#7b881a;.background:#7b881a; text-decoration:none; line-height:100%;}
.spanbox .btn_input:hover{background:#94a226;}
/*======btn_input=end======*/
/* == 手機版型區 =============================== */
@media screen and (max-width: 767px) {
.desknone{ display:block;}
.mobnone{ display: none;}
/*無障礙::*/
.m-point1{ display: none;}
.m-point2{ display: none;}
.m-point3{ display: none;}

/*--topfrom麵包屑--*/
#topfrom{width:100%;height:auto; overflow:hidden;margin:0px auto;color:#333;font-size:90%;text-align:left; float: none; margin-top:0px;white-space: normal; text-overflow: none;}
#topfrom a{ color:#666; text-decoration:none; padding:0px 3px; }
#topfrom a:hover{ color:#333; text-decoration: underline;}

/*--fontbtn字級--*/
.article .articlebox .rightbox .topbox .fontbtn{ display:none;height:auto; float:right; }
.article .articlebox .rightbox .topbox .fontbtn a{display:inline-block; width:30px; height:auto; line-height:180%;text-align:center; color:#fff; font-size:112.5%; background:#A7B63B; text-decoration:none;}
.article .articlebox .rightbox .topbox .fontbtn a:hover{background:#919F29;}
.article .articlebox .rightbox .topbox .fontbtn .ON{ display:inline-block; background:#7b881a;}
/*======分頁==============*/
.pagenumber2{ margin:20px auto 15px auto;}
.pagenumber2 a{ padding:8px 15px;}

/*-----表單樣式--------------------*/
#css_table { display:table; width:100%; letter-spacing:normal; border:0px solid #eee;}
#css_table .css_tr { display: table-row;width:100%;.border-bottom:#188fa7 2px solid;.display: inline-block;}
#css_table .css_td { display: table-cell;padding:2px 5px; min-width: auto;.display: block;border-bottom:#ccc 1px solid; text-align: left; font-size:87.5%; }
#css_table .css_tr:nth-child(odd){ background-color:#f6f6f6;.background-color:#f6f6f6;.display: inline-block;}
/*標題部分*/
#css_table .css_tr:first-child {  font-weight:bold; color:#FFFFFF;_display: none;.display: none;}
#css_table .css_tr:first-child a{ text-decoration:none;color:#666;}
#css_table .css_tr:first-child a:hover{ text-decoration:none; color:#188fa7;}

#css_table .line{background-color:#000;color:#fff;}
#css_table .title{.display: block;color:#0277bd;font-size:87.5%;}

#css_table .css_td b{ color:#0277bd;display:none;.display:inline;}
#css_table .css_td a.link{ color:#ff8a00;}

#css_table .css_td .tabbtn{background-color:#000; text-decoration:none; font-weight:bold;color:#FFF; font-size:75%; padding:5px 5px; border-radius:5px; text-align:center;}
#css_table .css_td .tabbtn a{ color:#FFFFFF; font-size:87.5%; }
#css_table .css_td .tabbtn:hover{text-decoration:none;}

#css_table .css_td a img{ vertical-align:middle; border:0;}
#css_table .css_tr .css_td.immg { width:110px;}
#css_table .css_tr .css_td.immg img{ margin:1px;}
#css_table .css_tr .css_td.none { display:block;}

#css_table .css_td b{ width:24%; vertical-align:top; margin-right:1%;display:inline-block;}
#css_table .css_td .spanbox{ width:72%; height:auto; display:inline-block; overflow:hidden;}

/*======btn_input======*/
.spanbox .btn_input{color:#FFF; border-style:none; width: 45%; text-align:center; vertical-align:middle; cursor:pointer; padding:8px 20px; margin:2px; font-size:120%; border-radius:0px;
background:#a8b63b;.background:#a8b63b; text-decoration:none; line-height:100%;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#272727',GradientType=0); margin-top:4%;}
.spanbox .btn_input:hover{background:#94a226;}
/*======btn_input=end======*/
	}
	
/* == 平板版型區 =============================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
/*--topfrom麵包屑--*/
#topfrom{width:100%;height:auto; overflow:hidden;margin:0px auto;color:#333;font-size:100%;text-align:left; float: none; margin-top:0px;}
#topfrom a{ color:#666; text-decoration:none; padding:0px 3px; }
#topfrom a:hover{ color:#333; text-decoration: underline;}
/*--fontbtn字級--*/
.article .articlebox .rightbox .topbox .fontbtn{height:auto; float:right;margin-top:-20px; }
.article .articlebox .rightbox .topbox .fontbtn a{display:inline-block; width:30px; height:auto; line-height:180%;text-align:center; color:#fff; font-size:112.5%; text-decoration:none;}
.article .articlebox .rightbox .topbox .fontbtn a:hover{}
.article .articlebox .rightbox .topbox .fontbtn .ON{ display:inline-block; }


}