@charset "utf-8";
/* CSS Document */
body{
	margin:0; 
    padding:0; 
    /*color:#717071;*/ 
    color:#6c6c6c; 
    font-size:1.2em; 
    line-height:23px;
    font-family:"微軟正黑體", "新細明體",Arial, Helvetica, sans-serif;
}
td, th {
    padding: 5px;
}
/*分為5等份*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}

/*廣告輪播*/
.home_bg{
	background: #fff; /* Old browsers */
	background: url(../images/home_bg.png) right top no-repeat,-moz-linear-gradient(top, #99d8e1 0%, #ffffff 100%) ; /* FF3.6-15 */
	background: url(../images/home_bg.png) right top no-repeat,-webkit-linear-gradient(top, #99d8e1 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../images/home_bg.png) right top no-repeat,linear-gradient(to bottom, #99d8e1 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d8e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
}
.banner_pad{
	padding-top:20px;
}
.carousel-indicators li {
    background-color: rgba(218,234,242,.4);
    border: 1px solid #2b7fb3;
    border-radius: 0px;
	width:15px;
	height:15px;
	margin:1px 3px;
	text-align:center;
}

.carousel-indicators li:focus {
    border: #4987EC solid 2px;
}

.carousel-indicators .active{
	width:16px;
	height:16px;
}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{
	margin: 0 auto;
}

/*首長*/
.chief{
	position: relative;
    max-width: 280px;
    max-height: 325px;
    margin: auto;
}
.chief h3{
	position:absolute;
	left:15px;
	bottom:63px;
	margin:0;
	color:#fff;
	font-size:110%;
}
.chief a{
	text-decoration:none;
}
.chief .chief_mail{
	position:absolute;
	left:15px;
	bottom:20px;
}
.chief .chief_mail a{
	background:rgba(255,255,255,.5);
	padding:7px 15px;
	color:#000;
	font-size:90%;
}
.chief .chief_fb {
    position: absolute;
    left: 125px;
    bottom: 18px;
}
.chief .chief_fb a{
	background:#3a5ba0;
	border-radius:3px;
	padding:7px 10px;
	color:#fff;
	font-size:90%;
}

/*最新消息*/
.news_box{
	margin-top:10px;
	margin-bottom:30px;
	padding-top:10px;
	background-color:#fff8ed;	
}
.news_tab{
	/*background-color:#ff8e00;*/
    background-color:#ea7500;
	border-bottom:1px solid #ff8e00;
}
.news_tab>li>a {
    margin-right: 0px;
    line-height: 23px;
    border: 0px ;
    border-radius: 0;
	padding: 12px 30px;
	color:#fff;
}


.news_tab>li.active>a, 
.news_tab>li.active>a:hover {
    color: #fff;
    /*background-color: #ff6b00;*/
    background-color: #BB3D00;
    border: 0px;
    border-bottom:0px;
}
.news_tab>li.active>a:focus{
    color: #fff;
    /*background-color: #ff6b00;*/
    background-color: #BB3D00;
    border: #4987EC solid 2px;
}

.news_tab>li>a:focus {
	border: #4987EC solid 2px;
	/*background-color: #ff6b00;*/
    background-color: #BB3D00;
}
.news_tab>li>a:hover {
    /*background-color: #ff6b00;*/
    background-color: #BB3D00;
}

.news_item{
	overflow:hidden;
	min-height: 250px;
	padding-top:15px;
	color:#3e3a39;
	
}
.news_item a{
	text-decoration:none;
}
.news_item .news_img{
	width:25%;
	float:left;
}
.news_item .news_body{
	width:75%;
	float:left;
	padding-left:15px;
}

.news_item .news_body1{
	width:100%;
	float:left;
	padding-left:15px;
}

.news_item .news_title{
	/*color:#ff6b00;*/
    color:#D94600;
	font-weight:bold;
	padding-bottom:3px;
}
.news_item .news_date{
	color:#58311b;
}
.news_item .news_body p{
	font-size:90%;
	color:#3e3a39;
}
.news_more{
	text-align:right;
	font-size:80%;
	padding-right:15px;
	padding-bottom:5px;
}
.news_more a{
	color:#717071;
}

/*專區*/
.theme_box{
	margin-bottom:30px;
	min-height: 250px;
	overflow:hidden;
	background-color:#fff8ed;
	text-align:center;
	-webkit-box-shadow: 5px 3px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 5px 3px 15px rgba(0,0,0,.5);
	box-shadow: 5px 3px 15px rgba(0,0,0,.5);
}
.theme_box img{
	margin:auto;
}
.theme_box h3{
	margin:0;
	padding:12px 5px;
	color:#fff;
	font-size:110%;
	line-height:23px;
	text-align:center;
	margin-left:20px;
	min-height: 75px;
}
.theme_box a:hover{
	color:#fff;
	text-decoration:none;
}

.theme_box a:focus{
	color:#fff;
	text-decoration:none;
}

.theme_box .theme_bg1{
	background-color:#2b73b3;
}
.theme_box .theme_bg2{
	/*background-color:#f7b52c;*/
    background-color:#a59136;
}
.theme_box .theme_bg3{
	background-color:#23a098;
}
.theme_box .theme_bg4{
	background-color:#a06195;
}
.theme_box .theme_bg5{
	background-color:#649b47;
}
.theme_box .theme_bg6{
	background-color:#de2132;
}
.theme_box .theme_bg7{
	background-color:#e07745;
}
.theme_box .theme_bg8{
	background-color:#c54f67;
}
.theme_box .theme_bg9{
	background-color:#46319e;
}
.theme_box .theme_bg10{
	background-color:#486de2;
}
.theme_box .theme_bg11{
	background-color:#042d63;
}
.theme_box .theme_bg12{
	background-color:#047597;
}
.theme_box .theme_bg13{
	background-color:#095e63;
}
.theme_box .theme_bg14{
	background-color:#117058;
}
.theme_box .theme_bg15{
	background-color:#519822;
}
.theme_box .theme_bg16{
	background-color:#9f8f06;
}
.theme_box .theme_bg17{
	background-color:#a17c0a;
}
.theme_box .theme_bg18{
	background-color:#9f5500;
}
.theme_box .theme_bg19{
	background-color:#912700;
}
.theme_box .theme_bg20{
	background-color:#85092d;
}
.theme_box .theme_bg21{
	background-color:#D7A1FF;
}
.theme_box .theme_bg22{
	background-color:#FF82FF;
}

/*績優替代役役男*/
.prize_box{
	background-color:#fff8ed;
	padding-top:10px;
	margin-bottom:20px;
}
.prize_box h3{
	margin:0;
	/*background:url(../images/icon_01.png) #00acd9 no-repeat left;*/
    background:url(../images/icon_01.png) #0080ff no-repeat left;
	background-position:20px 13px;
	color:#fff;
	font-size:1em;
	padding:15px 15px 15px 50px;
}
.prize_con{
	margin-top:0px;
	padding:15px 15px 10px 15px;
	font-size:90%;
	color:#717071;
	min-height:235px;
}
.prize_con h4{
	margin:0;
	color:#e95513;
	font-size:1em;
	padding-bottom:5px;
}
.prize_more{
	text-align:right;
	font-size:90%;
}
.prize_more a{
	color:#717071;
}

/*推薦影音*/
.video_box{
	background-color:#fff8ed;
	padding-top:10px;
	margin-bottom:20px;
}
.video_box h3{
	margin:0;
	background:url(../images/icon_02.png) #f34b4c no-repeat left;
	background-position:20px 13px;
	color:#fff;
	font-size:1em;
	padding:15px 15px 15px 50px;
}
.video_con{
	margin-top:0px;
	padding:15px 15px 10px 15px;
	min-height:235px;
	text-align:center;
}
.video_more{
	text-align:right;
	font-size:90%;
}
.video_more a{
	color:#717071;
}
	

/*下方收合選單*/

#openclose:focus{
border: #4987EC solid 2px;
}

.menu_openclose{
	background-color:#effffe;
	padding-top:10px;
	padding-bottom:10px;
	/*color:#008e98;*/
    color:#007981;
	font-size:120%;
	text-align:center;
}
.menu_bottom{
	padding:20px 15px;
	background-color:#c9f4f0;
}
.menu_bottom .menu_list{
	float:left;
	display:block;
	width:11%;
}
.menu_list h4{
	margin:0;
	padding-bottom:3px;
	color:#c30d23;
	font-size:90%;
}
.menu_list ul{
	margin:0;
	padding:0;
	font-size:80%;
	line-height:21px;
}
.menu_list li{
	list-style:none;
}
.menu_list li a{
	color:#3e3a39;
}


/*內頁*/
.content_bg{
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, #99d8e1 0%, #ffffff 100%) ; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #99d8e1 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #99d8e1 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99d8e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
	padding-left:15px;
	padding-right:15px;
}
.white_bg{
	background-color:#fff;
}
.content_site{
	font-size:95%;
	padding:20px 20px 5px 20px;
}
.content_icon{
	padding:5px 20px 10px 20px;
}
.content_icon ul{
	padding:0;
	margin:0;
	text-align:right;
}
.content_icon li{
	list-style:none;
	display:inline;
	padding:3px 4px;
	border-radius:5px;
}
.content_icon li a{
}
.content_icon li.fb{
	background-color:#32528d;
}
.content_icon li.google{
	background-color:#e95513;
}
.content_icon li.gray{
	background-color:#b4b4b5;
}
.content_bg h2{
	margin:0;
	font-size:160%;
	border-top:1px solid #9e9e9f;
	border-bottom:1px solid #9e9e9f;
	padding:10px 40px;
}
.content_infor{
	text-align:right;
	padding:10px 40px 0px 10px;
	font-size:80%;
}
.content_con{
	padding:5px 85px 60px 85px;
	line-height:33px;
}

@media (max-width: 768px) {
.content_con{
	padding:5px 15px 60px 15px;
	line-height:33px;
}
}

/*下方banner輪播*/
.adbanner{
	/*background-color:#008e98;*/
    background-color:#007981;
	padding:10px 20px;
}
.adbanner div {
	margin: 0 15px;
	height:80px;
}
.adbanner div img {
    width: 120px;
    height: 50px;
}
.slick-slider {
    margin-bottom: 0px;
}
.slick-prev:before,
.slick-next:before {
	color: black;
}
.slick-prev { 
	left: 10px 
}
.slick-next { 
   right: 30px 
}
.slick-prev, .slick-next { 
   margin-top: -15px 
}
.slick-prev:before, .slick-next:before { 
   font-size:130%;
   opacity: .75; 
   color: #fff; 
 }

/*下方網頁資訊*/
footer{
	position:relative;
	padding-top:25px;
	padding-bottom:25px;
	color:#3e3a39;
	font-size:90%;
	line-height:25px;
}
footer a{
	color:#036eb7;
}
footer a:hover{
	color:#036eb7;
}

footer a:focus{
	color:#036eb7;
}

footer .sitename{
	color:#000;
}
footer .qrcode,footer .AA{
	display:inline-block;
	float:right;
}
footer .AA{
	padding-top:45px;
	padding-right:15px;
}

@media (min-width: 768px) {
.theme_box{
	min-height: 250px;
	margin-bottom:30px;
	overflow:hidden;
	background-color:#fff8ed;
	text-align:center;
	-webkit-box-shadow: 5px 3px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 5px 3px 15px rgba(0,0,0,.5);
	box-shadow: 5px 3px 15px rgba(0,0,0,.5);
}
}
@media (min-width: 992px) {
.theme_box{
	min-height: 250px;
	margin-bottom:30px;
	overflow:hidden;
	background-color:#fff8ed;
	text-align:center;
	-webkit-box-shadow: 5px 3px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 5px 3px 15px rgba(0,0,0,.5);
	box-shadow: 5px 3px 15px rgba(0,0,0,.5);
}
}
@media (min-width: 1200px) {
.theme_box{
	min-height: 250px;
	margin-bottom:30px;
	overflow:hidden;
	background-color:#fff8ed;
	text-align:center;
	-webkit-box-shadow: 5px 3px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 5px 3px 15px rgba(0,0,0,.5);
	box-shadow: 5px 3px 15px rgba(0,0,0,.5);
}
}
ul.a {list-style-type: circle;}
ul.b {list-style-type: disc;}
ul.c {list-style-type: square;}
ol.d {list-style-type: armenian;}
ol.e {list-style-type: cjk-ideographic;}
ol.f {list-style-type: decimal;}
ol.g {list-style-type: decimal-leading-zero;}
ol.h {list-style-type: georgian;}
ol.i {list-style-type: hebrew;}
ol.j {list-style-type: hiragana;}
ol.k {list-style-type: hiragana-iroha;}
ol.l {list-style-type: katakana;}
ol.m {list-style-type: katakana-iroha;}
ol.n {list-style-type: lower-alpha;}
ol.o {list-style-type: lower-greek;}
ol.p {list-style-type: lower-latin;}
ol.q {list-style-type: lower-roman;}
ol.r {list-style-type: upper-alpha;}
ol.s {list-style-type: upper-greek;}
ol.t {list-style-type: upper-latin;}
ol.u {list-style-type: upper-roman;}
ol.v {list-style-type: none;}
ol.w {list-style-type: inherit;}

.hidebr br
{
display:none; 
} 

.tdContainer
{
float:left;
width:205px; 
} 

.poll_title{background-color:#e9f2f4; padding:3px 6px; font-weight:bold; text-align:left}



.main{
	display: inline-block;
	padding: 0;
	width: 250px;
	height: 350px;
}
.main img{
	width: 100%;
	height: 100%;
}

.snake{
	position: relative;
	overflow: hidden;
}
.overlay{
	position: absolute;
	opacity: 0.9;
	background-color: #222;
color:#fff;
}
.overlay .title{
	font-size: 120%;
	font-weight: bold;
	display: block;
	width: 100%;
}

.content_txt {
    padding: 10px 0px 0px 10px;
    text-align: left;
    color: #fff;
}    

.content_txt a {
    color: #50E44D;
    font-size: 90%;
}    


.topich3_1 {
    margin: 0;
    background: url(../images/icon_05.png) #46319e no-repeat left;
    background-position: 20px 13px;
    color: #fff;
    font-size: 1em;
    padding: 15px 15px 15px 50px;
    margin-left:15px;
    margin-right:15px;
}


.topich3_2 {
    margin: 0;
    background: url(../images/icon_06.png) #de2132 no-repeat left;
    background-position: 20px 13px;
    color: #fff;
    font-size: 1em;
    padding: 15px 0px 15px 50px;

}

div#abgne_marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 100%;
	height: 25px;

}
div#abgne_marquee ul, div#abgne_marquee li {
	margin-right: 5px;
	padding: 0;
	list-style: none;
}
div#abgne_marquee ul {
	position: absolute;
	left: 20px;			/* 往後推個 30px */
}
div#abgne_marquee ul li a {
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	font-size:1em;
	color:#ffffff;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
div#abgne_marquee div.marquee_btn {
	position: absolute;
	cursor: pointer;
}
div#abgne_marquee div#marquee_next_btn {
	left: 0px;
}
div#abgne_marquee div#marquee_prev_btn {
	right: 0px;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed 
{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.news_bar{background-color:#969696; color:#ffffff; font-weight:bold; text-align:center ; padding:5px 5px 5px 0px;white-space:nowrap;}
.news_bar a:link{ color:#ffffff; text-decoration:none}
.news_bar a:hover{ color:#ff0000; text-decoration:underline}
.news_bar a:focus{ color:#336699}
.news_pad{text-decoration:none;color:#333333; padding:8px 0px; border-bottom:1px dotted #bfbfbf}

.date2{
white-space:nowrap;
}

.tree ul{margin-left:20px;}
.tree li{list-style-type:none;margin:10px;position:relative;}
.tree li::before{content:"";position:absolute;top:-7px;left:-20px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:0 0 0 0px;width:20px;height:15px;}
.tree li::after{position:absolute;content:"";top:8px;left:-20px;border-left:1px solid #ccc;border-top:1px solid #ccc;border-radius:0px 0 0 0;width:20px;height:100%;}
.tree li:last-child::after{display:none;}
.tree li:last-child:before{border-radius:0 0 0 5px;}ul
.tree>li:first-child::before{display:none;}ul
.tree>li:first-child::after{border-radius:5px 0 0 0;}
.tree li a{border:1px #ccc solid;border-radius:5px;padding:2px 5px;}
.tree li a:hover,.tree li a:hover+ul li a,.tree li a:focus,.tree li a:focus+ul li a{background:#ccc;color:#000;border:1px solid #000;}
.tree li a:hover+ul li::after,.tree li a:focus+ul li::after,.tree li a:hover+ul li::before,.tree li a:focus+ul li::before .tree li a:hover+ul::before,.tree li a:focus+ul::before .tree li a:hover+ul ul::before,.tree li a:focus+ul ul::before{border-color:#000;}
.tree li span{border:1px #ccc solid;border-radius:5px;padding:2px 5px;}


.topicon{
padding-bottom:30px;	
}
.topicon ul{
	padding:0;
	margin:0;
	text-align:right;
}
.topicon li{
	list-style:none;
	display:inline;
	padding-left:2px;
	padding-right:2px;
}
a{
 display: inline-block;
 border: 2px solid transparent;
}
textarea:focus,
input:focus{
border-color: #A2C4FB;
}
a:focus {
border: #4987EC solid 2px;
}
img:focus {
border: #4987EC solid 2px;
}
textarea:focus,select:focus ,input[type="password"]:focus,input[type="email"]:focus ,input[type="text"]:focus,input[type="submit"]:focus
,input[type="url"]:focus {
background:#D8E5FA;
}
textarea:focus,input[type="submit"]:focus,input[type="button"]:focus,button[type="submit"]:focus,button[type="button"]:focus
,input[type="reset"]:focus {
border-color: #0066ff;
}
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 30px #A2C4FB inset;
}
.btmcss
{
border:transparent solid 3px;   
}
.btmcss:focus
{
border: #E0EBFD solid 3px;   
}