@charset "utf-8";

.article {width:100%; height:auto; margin:0 auto;overflow: hidden; background:url(../frontimages/navbg.jpg) repeat-x; margin-top:48px;}
.article .articleboxbg{width:100%;height: auto; margin:0px auto;overflow:hidden; background: url(../frontimages/index_bg1.png) repeat-x center bottom; background-size:100% auto;}
.article .articlebox{width:1000px;height: auto; margin:0px auto;overflow:hidden; padding-bottom:50px;}
.article .articlebox .leftbox{width:264px; float:left; height:auto;}
.article .articlebox .rightbox{ float:right; width:735px; height:auto;}

/*-----------.leftbox----------*/
.article .articlebox .leftbox .top_title{background:#507100; overflow:hidden;}
.article .articlebox .leftbox .top_title .title{ width:180px; height:59px; font-size:150%; color:#FFF; padding:8px 0 0 28px; float:left;}
.article .articlebox .leftbox .top_title .title .title_1{ display:block;font-size:80%; color:#e1f36c; margin-top:0px; font-weight: lighter;}
.article .articlebox .leftbox .top_title .icon{ width:54px; height:48px; float:right; margin:11px 20px 0 0;}
.article .articlebox .leftbox .classificationbox{width:100%;height:auto; background-size:100%; min-height:115px;
background: #efefef;
background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%);
background: linear-gradient(to bottom, #efefef 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );}
.article .articlebox .leftbox .classificationbox .classification{width:100%;height:auto; background:#EFEFEF;}
.classificationbox .classification .text1{ width:100%; height:auto; padding:18px 0 25px 0;list-style:none;}
.classificationbox .classification .text1 a{ width:80%; height:auto; display:block; margin:0 auto; color:#424242; font-size:110%; line-height:210%; border-bottom:#AAAAAA 1px solid; text-decoration:none;} 
.classificationbox .classification .text1 a:hover{ color:#07743D;text-decoration: underline;}
.classificationbox .classification .text1 .text2{  width:80%; margin:0 auto;list-style:none; height:auto; background-color:rgba(153,153,153,0.1);padding:5px;}
.classificationbox .classification .text1 .text2 li{ padding:5px 0;background: url(../frontimages/icon-12.png) no-repeat left center; padding-left:10px;}
.classificationbox .classification .text1 .text2 li a{width:100%; display:block; height:auto; color: #930; font-size:100%; border:none;line-height:120%;}

.classificationbox .classification .welcome{ width:80%; margin:0 auto; padding-top:10px;}
.classificationbox .classification .welcome p{ color:#F60;}

.imgbutton{ width:80%;height:auto; margin:0 auto; padding-top:5px; padding-bottom:20px;}
.imgbutton a{ margin:5px 0; display:block;}
.imgbutton img{ width:100%; height:auto;}
.imgbutton a:nth-child(1){ margin-bottom:20px;}

/*-----------.rightbox----------*/
.article .articlebox .rightbox .topbox{width:100%;margin:0 auto; overflow:hidden;}

.article .articlebox .rightbox .content{ width:95%; height:auto; margin:0 auto; color:#424242;}
.article .articlebox .rightbox .content .title{ width:100%; overflow:hidden; margin:10px 0 20px 0;}
.article .articlebox .rightbox .content .title_img{width:100%; height:auto;}
.article .articlebox .rightbox .content .title_img img{width:100%; height:auto;}
.article .articlebox .rightbox .content .title h2{ float:left;}
.article .articlebox .rightbox .content .title .linkbtn{float:right;}
.article .articlebox .rightbox .content .content_font{ width:100%; font-size:105%; line-height:160%;margin-top:10px;}
.article .articlebox .rightbox .content .content_font .content_title{font-size:120%; margin:2px 0; font-weight:bold; color:#74810b;}
.article .articlebox .rightbox .content .content_font .content_title .day{ display:block; width:100%; font-size:80%; color:#666; font-weight:normal;}
.article .articlebox .rightbox .content .ulul ,.article .articlebox .rightbox .content .olol{ margin-left:4%;}
.article .articlebox .rightbox .content .content_font img{ max-width:100%; height:auto;}
.article .articlebox .rightbox .content .content_font .imglaoutTOP{width:100%; height:auto; margin-bottom:0px;}
.article .articlebox .rightbox .content .content_font .imglaoutTOP img{max-width:100%; height:auto; margin-bottom:5px;}
.article .articlebox .rightbox .content .content_font .imglaoutbottom{width:100%; height:auto; margin-bottom:0px;}
.article .articlebox .rightbox .content .content_font .imglaoutbottom img{max-width:100%; height:auto; margin-bottom:5px;}
.article .articlebox .rightbox .content .content_font .imglaoutL{ float:left;width:50%;height:auto;margin-right:5px;clear:both;}
.article .articlebox .rightbox .content .content_font .imglaoutR{ float:right;width:50%;height:auto;margin-left:5px;clear:both;}
.article .articlebox .rightbox .content .content_font .imglaoutL img{width:100%; height:auto; margin-bottom:5px; display:block;}
.article .articlebox .rightbox .content .content_font .imglaoutR img{width:100%; height:auto; margin-bottom:5px; display:block;}
.article .articlebox .rightbox .content .content_font .youtubebox iframe{width:100%; height:400px; margin-bottom:5px;}

.article .articlebox .rightbox .content .title .linkbtn .shareicon{ float:right; width:38px; height:auto;}
.article .articlebox .rightbox .content .title .linkbtn .shareicon:hover .icon{ display:block;visibility:visible; background-color:rgba(0,0,0,0.3); text-align:center; padding-top:5px; border-radius:6px;}
.article .articlebox .rightbox .content .title .linkbtn .shareicon .icon{ visibility:hidden; position:absolute;width:38px; height:auto; z-index:999;}

.article .articlebox .rightbox .content .title .linkbtn a{display:inline-block;width:30px; height:30px; z-index:1; }

.article .articlebox .rightbox .content .title .linkbtn .linkbtn01{ display:inline-block; background:url(../frontimages/p_facebook1.svg) no-repeat center center;width:30px; height:35px;}

.article .articlebox .rightbox .content .title .linkbtn .linkbtn02{ display:inline-block; background:url(../frontimages/p_twitter1.svg) no-repeat center center;width:30px; height:30px;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn03{ display:inline-block; background:url(../frontimages/p_po1.svg) no-repeat center center;width:30px; height:30px;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn04{ display:inline-block; background:url(../frontimages/p_weibo1.svg) no-repeat center center;width:30px; height:30px;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn05{ display:inline-block; background:url(../frontimages/p_google1.svg) no-repeat center center;width:30px; height:30px;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn06{ display:inline-block; background:url(../frontimages/p_print1.svg) no-repeat center center;width:30px; height:30px;}

.article .articlebox .rightbox .content .title .linkbtn .linkbtn07{ display:inline-block; background:url(../frontimages/p_line1.svg) no-repeat center center;width:30px; height:35px;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn08{ display:inline-block; background:url(../frontimages/p_share.svg) no-repeat center center;width:37px; height:35px;}

.article .articlebox .rightbox .content .title .linkbtn .linkbtn01:hover{ background:url(../frontimages/p_facebook.svg) no-repeat center center;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn02:hover{ background:url(../frontimages/p_twitter.svg) no-repeat center center;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn03:hover{ background:url(../frontimages/p_po.svg) no-repeat center center;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn04:hover{ background:url(../frontimages/p_weibo.svg) no-repeat center center;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn05:hover{ background:url(../frontimages/p_google.svg) no-repeat center center;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn06:hover{ background:url(../frontimages/p_print.svg) no-repeat center center;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn07:hover{ background:url(../frontimages/p_line.svg) no-repeat center center;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn08:hover{ background:url(../frontimages/p_share.svg) no-repeat center center;}

/* == content photo =============================== */
/*多圖*/
.article .articlebox .content .imglist{ width:100%; height:auto;margin:0px 0; overflow: hidden;}
.article .articlebox .content .imglist h1{ font-size:100%; color:#999; padding:2%;}
.article .articlebox .content .imglist .imgbox{ width:25%; height:110px; padding:2%;float:left;overflow: hidden;}
.article .articlebox .content .imglist .imgbox .img{ width:100%; height:140px;overflow: hidden;background: url(../frontimages/nopicture.png) no-repeat center center; background-size:60% auto; background-position: center 40%;}
.article .articlebox .content .imglist .imgbox img{ width:100%; height:auto;}

/*多檔案下載*/
.downloadlist{ width:100%; height:auto; overflow: hidden; margin:10px 0;}
.downloadlist h1{ font-size:110%; color:#999;}
.downloadlist .listli{ display:block;width: auto;margin:1.5%;background: url(../frontimages/icon-download.png) no-repeat left top; background-size: 20px auto; padding-left:25px; line-height:160%; list-style:none; text-decoration:none; border-bottom:1px solid #eee; padding-bottom:3px; height:auto; overflow:hidden; }
.downloadlist .listli .filename{display: inline-block; width:49%;}
.downloadlist .listli .fileimg{ display: inline-block; float:right; width:50%;text-align:right; padding-right:1%; vertical-align:middle;line-height:160%;}
.downloadlist .listli .fileimg a{ margin:0 1%;display: inline-block;width:46%;line-height:160%; color: #333; text-align:left;}
.downloadlist .listli .fileimg a:hover{ color: #333;}
.downloadlist .listli .fileimg a img{ vertical-align:middle;}

/*多檔案下載2*/
.downloadlist2{ width:100%; height:auto; overflow: hidden; margin:10px 0;}
.downloadlist2 h3{ font-size:100%; line-height:180%; padding:3px 6px; color:#006934; display:block; background-color:#b8dbb8;}
.downloadlist2 .listli{ display:block;width: auto;margin:1.5%;background: url(../frontimages/icon-download.png) no-repeat left top; background-size: 20px auto; padding-left:25px; line-height:160%; list-style:none; text-decoration:none; border-bottom:1px solid #eee; padding-bottom:3px; height:auto; overflow:hidden; }
.downloadlist2 .listli .filename{display: inline-block; width:50%;}
.downloadlist2 .listli .fileimg{ display: inline-block; float:right; width:50%;text-align:right; padding-right:1%; vertical-align:middle;line-height:160%;}
.downloadlist2 .listli .fileimg a{ margin:0 1%;display: inline-block;width:48%;line-height:160%; color: #999; text-align:left;}
.downloadlist2 .listli .fileimg a:hover{ color: #333;}
.downloadlist2 .listli .fileimg a img{ vertical-align:middle;}

/*area_link*/
.area_link{ width:100%; height:auto; overflow: hidden; margin:10px 0;}
.area_link h3{ font-size:100%; line-height:180%; padding:3px 6px; color:#006934; display:block; background-color:#b8dbb8;}
.area_link .listli{ display:block;width: auto;margin:1.5%;background: url(../frontimages/icon-file.png) no-repeat left top; background-size: 20px auto; padding-left:25px; line-height:160%; list-style:none; text-decoration:none; border-bottom:1px solid #eee; padding-bottom:3px; height:auto; overflow:hidden; }
.area_link .listli .filename{display: inline-block; width:65%;}
.area_link .listli .filename a{ color: #000;}
.area_link .listli .filename a:hover{ color: #333;}

/*創新服務-內頁*/
.font_title{ font-size:100%; display:block; width:100%; height:auto; overflow:hidden; color:#000;text-align: justify;text-justify:inter-ideograph;}
.font_title p{margin:1.5% 0;font-size:90%;display:block;width:100%;height:auto;  clear:both; margin-bottom:10px; clear:both; overflow:hidden;}
.font_title p .bgbox{ font-weight:bold;display:inline-block;padding:3px; width:100px;height:100%; float:left; background-color:#eee;border-right:3px solid #a8b63b; color:#256918; text-align:left; margin-right:0px; }
.font_title p .bgboxmain{display: inline-block; width: 100%;float:left;margin-left:108px;margin-top:-30px; }
.font_title p .bgbox1{ font-weight:bold;display:inline-block;padding:3px; width:100px;height:100%; float:left; background-color:#eee;border-right:3px solid #a8b63b; color:#256918; text-align:left; margin-right:0px; }
.font_title p .bgboxmain1{display: inline-block; width: 80%;height:auto;float:left;margin-left:108px;margin-top:-30px; background-color:#F4F4F4; padding:2%;}
.font_title p .box{font-weight:bold;display: inline-block;padding:3px 10px; width: 100%; background-color:#256918; color:#FFF; margin:0 5px;  text-align:center; border-radius:8px;}

.font_link{color:#333;}
.font_link .link{ color:#333;}
.font_link .link:hover{ text-decoration:underline;}
.font_link .btn_disk{ display: inline-block; width:30px; height:30px; vertical-align:middle;color:#060; background: url(../frontimages/btn_disk.png) left center no-repeat;}
.font_link .btn_disk:hover{ color:#060; text-decoration:underline;background: url(../frontimages/btn_disk2.png) left center no-repeat;}
.font_link p{margin:1% 0;font-size:90%;}
.font_link p .bgbox{ font-weight:bold;display: inline-block; padding:3px; width:100px;background-color:#eee;border-right:3px solid #a8b63b; color:#256918; text-align:left; margin-right:5px;}

/* == searchbox =============================== */
.searchbox{ width:100%; height:auto; margin:10px 0;}
/*.searchbox select{font-size:100%; padding:3.6px 0;height:30px; vertical-align:middle;margin:0%;margin-left:10px;}*/
	.searchbox select {
		font-size: 100%;
		padding: 3.6px 0;
		height: 30px;
		vertical-align: middle;
		margin: 0%;
	}
.searchbox input{display: inline-block;line-height:150%; font-size:100%; height:30px;vertical-align:middle;margin:0%; margin:3px 0;}
.searchbox .btn_1{font-size:100%;background:#006934; border:0; padding:0px 5px; color:#fff; cursor:pointer;vertical-align:middle;height:30px; line-height:30px;margin:0%;}
.searchbox .btn_2{font-size:100%;background: #060; border:0; padding:0px 5px; color:#fff; cursor:pointer;vertical-align:middle;height:30px; line-height:30px;margin:0%;}
.searchbox .searchbox-day{ padding-top:1%;}
.searchbox .searchbox-day span{ display: inline-block;}

/* == content_news=============================== */
.newslist{width:100%;height:auto;margin:0 auto;}
.newslist .newsbox{width:100%;height:auto; padding:10px 0;}
.newslist .newsbox:nth-child(odd){ background-color:#f1f1f1;}
.newslist .newsbox:hover{background:#e1ef81;}
.newslist .newsbox .news_line{ width:96%; height:auto; border-left:#07743D 4px solid; margin:0 auto; padding-left:20px;}
.newslist .newsbox .news_line .date{ color:#07743D; font-size:95%;}
.newslist .newsbox .news_line .news_font,
.newslist .newsbox .news_line .news_font font{ color:#292929;font-size:105%;}
.newslist .newsbox>a:focus{ display:block;width:100%; height:auto;}

.newslist .newsbox .news_line .news_font{ color:#292929;font-size:105%;}

/*播放按CSS扭*/
.newslist .newsbox .news_line .news_font .playbtn_1{display:inline-block; width:auto; height:auto;}
.newslist .newsbox .news_line .news_font .playbtn_1 img{ vertical-align:middle;width:99%;height:auto; }
.newslist .newsbox .news_line .news_font .playbtn_1 a{display:block;}

/* == content_QA=============================== */
.qaboxlist .qabox{width:100%;height:auto; padding:10px 0; overflow:hidden;}
.qaboxlist .qabox:nth-child(odd){ background-color:#f1f1f1;}
.qaboxlist .qabox .qatop{ width:100%; overflow:hidden; border-bottom:#9B9B9B 1px solid; padding:2px;}
.qaboxlist .qabox .qatop .icon{ float:left;width:10%; height:0; padding-bottom:8%; text-align:center; background:url(../frontimages/icon_QA.png) no-repeat center top; background-size:60% auto;}
.qaboxlist .qabox:nth-child(odd) .qatop .icon{background:url(../frontimages/icon_QA2.png) no-repeat center top; background-size:60% auto;}
.qaboxlist .qabox .qatop .qa_question{ float:left; width:90%;color:#000;font-size:120%;}
.qaboxlist .qabox .qa_text{ width:88%; color:#474747;font-size:110%; float:right; margin:10px 10px;text-align: justify;text-justify:inter-ideograph;}

/* == content_book=============================== */
.bookboxlist{width:100%;height:auto;margin:0 auto;}
.bookboxlist .bookbox{ width:30%; height:auto; display:inline-block;margin:0.6%; margin-left:2%;}
.bookboxlist .bookbox .bookimg{ width:100%; height:auto; text-align:center; background:#fff; border:1px #A2A2A2 solid; overflow:hidden; margin:0 auto; vertical-align:middle; padding:3px; }
.bookboxlist .bookbox .bookimg .bookimgin{ width:100%;height:0; padding-bottom:141.8%; overflow:hidden;background:#eee url(../frontimages/nopic_logo.png) no-repeat center center; background-size:40% auto; background-position: center 50%;}
.bookboxlist .bookbox .bookimg .bookimgin img{ width:100%; height:auto; vertical-align:middle; }
.bookboxlist .bookbox .bookname{ width:100%; color:#363; font-weight:bold;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden; font-size:100%;line-height:180%;}
.bookboxlist .bookbox .bookname a{color:#363;}
.bookboxlist .bookbox .bookdate{font-size:90%; color:#636363;line-height:100%; margin-top:0px;}

/*----videolist--------------*/
.videolist {
	display: flex;
	flex-wrap: wrap;
}

.videolist .video {
	width: calc(33.33333% - 10px);
	border: #F4F4F4 2px solid;
	margin-right: 10px;
	margin-bottom: 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.videolist .video p{color:#363; font-weight:bold;width:98%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:90%; margin-top:5px;}
.videolist .video .videoday{ width:98%;margin:0 auto;font-size:90%; color:#656565; line-height:100%;}

.video-container .tolinkimg a{
	position: relative;
	display: block;	
	padding-top: 56.25%;
}

.video-container .tolinkimg iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}


/*.video-container .tolinkimg a{ position:absolute; display:block; top:0; left:0;width:100%;height:100%;z-index:3;}*/
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%; z-index:0;}
.videopage iframe, .videopage video {
	position: relative !important;
}
.mesktime {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #000;
	color: #FFF;
	font-size: 100%;
	padding: 1px 2px;
}
.mesktime span{ font-size:70%;}
/*weblink*/
.linkpage{ list-style:none;display:block; width:100%; height:auto; overflow:hidden;}
.linkpage li{display: inline-block; width:48%; margin: 0 1% 5% 0%;height:auto;overflow:hidden;}
.linkpage li a p{ display:block;width:95%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.linkpage li a{ text-decoration:none; color:#434343;display:block; width:100%; height:auto;}
.linkpage li a .imgbox{ display:block;border:2px solid #b1c32f; margin-top:1%; text-align:center}
.linkpage li a img{ width:80%; padding:2% 0;} 


/*mapbox*/
.mapbox{ width:100%; height:auto;}
.mapbox .maptopinfo{}
.mapbox .maptopinfo strong{color:#d03417;line-height:32px;}
.mapbox .maptopinfo ul{ margin-left:15px;}
.mapbox #sitemap .title,.mapbox #sitemap .title a{ color:#003366; }
.mapbox #sitemap .title2,.mapbox #sitemap .title2 a{ color:#003366; }

#sitemap-page{ width:100%; list-style:none;}
#sitemap-page>li{float:left;min-height:295px;background-color:#efefef;}
#sitemap-page .title {width:31%;color: #000; font-size:120%;font-weight: bold;padding-bottom: 0px;margin-right:5px;float:left;}
#sitemap-page .title>a{ display:inline-block;width:100%; height:40px; line-height:40px; font-size:90%;color: #1a3e00;background:#a8b63b; text-decoration:none; padding-left:4%; background-position:right bottom; background-repeat:no-repeat; background-size:40px auto;}

#sitemap-page .title ul{ margin-top:5px;  padding:2%; margin-top:0px;}
#sitemap-page .title ul li{color:#000;font-size: 80%;list-style-type: none; font-weight:normal; margin-bottom:0px; width:92%; margin:0 auto;}
#sitemap-page .title ul li a{color:#000; text-decoration:none; line-height:110%;}
#sitemap-page .title ul li a:hover{text-decoration: underline;}

#sitemap-page .title ul li ul li{color: rgba(100%,100%,100%,0.7);font-size:80%; margin-left:6px;list-style-type: none;}
#sitemap-page .title ul li ul li a{color: rgba(100%,100%,100%,0.7);font-size:80%;list-style-type: none;}
#sitemap-page .title ul li ul li a:hover{text-decoration: underline;}


/*.mapbox #sitemap-page .title:nth-child(1)>a{ background:#a8b63b url(../frontimages/page001-content-14.png) no-repeat right bottom; }
.mapbox #sitemap-page .title:nth-child(2)>a{ background:#a8b63b url(../frontimages/page001-content-12.png) no-repeat right bottom; background-size:40px auto;}
.mapbox #sitemap-page .title:nth-child(3)>a{ background:#a8b63b url(../frontimages/page001-content-26.png) no-repeat right bottom; background-size:40px auto;}
.mapbox #sitemap-page .title:nth-child(4)>a{ background:#a8b63b url(../frontimages/page001-content-18.png) no-repeat right bottom; background-size:40px auto;}
.mapbox #sitemap-page .title:nth-child(5)>a{ background:#a8b63b url(../frontimages/page001-content-28.png) no-repeat right bottom; background-size:40px auto;}
.mapbox #sitemap-page .title:nth-child(6)>a{ background:#a8b63b url(../frontimages/page001-content-27.png) no-repeat right bottom; background-size:40px auto;}
.mapbox #sitemap-page .title:nth-child(7)>a{ background:#a8b63b url(../frontimages/page001-content-17.png) no-repeat right bottom; background-size:40px auto;}
.mapbox #sitemap-page .title:nth-child(8)>a{ background:#a8b63b url(../frontimages/page001-content-16.png) no-repeat right bottom; background-size:40px auto;}
.mapbox #sitemap-page .title:nth-child(9)>a{ background:#a8b63b url(../frontimages/page001-content-13.png) no-repeat right bottom; background-size:40px auto;}*/

/*photolist*/
.Photolist{width: 100%;height: auto;margin:0 auto;overflow:hidden;}
.Photolist .boxli{width:30.4%; height: auto; float:left;margin:10px;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.Photolist .boxli .box{width:100%; height:160px; overflow:hidden;  }
.Photolist .boxli .box .boxsize{width:100%; height:auto;}
.Photolist .boxli .photoname{ padding:2%;}
.Photolist .boxli .photoname p{ color:#363; font-weight:bold;font-size:100%;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.Photolist .boxli .photoname .phototime{ font-size:80%;}
.Photolist .boxli .photoname .phototime .photoicon{ background:url(../frontimages/icon_photo.png) no-repeat left center; vertical-align:middle; padding-left:23px; float:right;}
.Photolist .boxli .box a{display:block; width:100%; height:auto;}


.Photolist h3{color:#363; margin:10px 0; }
.Photolist  { padding-top:10px; }
.Photolist > .Previous { width: 5%;; float: left; text-align: center; cursor:pointer; }
.Photolist .boxli2 { width: 90%; height: auto; margin: 0px auto; border: #F4F4F4 2px solid; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); float: left }
.Photolist > .Next { width: 5%; float: right; text-align: center; cursor: pointer; }
.Previous img, .Next img { height: 75px !important; }
.Photolist .boxli2 .box{width:100%; height:400px; margin:0px auto; text-align:center; padding:10px;overflow:hidden; position:relative;}
.Photolist .boxli2 .box .boxsize{width: auto;max-width:100%; height:auto; max-height:100%;}
.Photolist .boxli2 .photoname{ padding:2%; border-top:1px solid #eee;}
.Photolist .boxli2 .photoname p{ color:#363; font-weight:bold;font-size:100%;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.Photolist .boxli2 .photoname .phototime{ font-size:80%;}
.Photolist .boxli2 .photoname .phototime .photoicon{ background:url(../frontimages/icon_photo.png) no-repeat left center; vertical-align:middle; padding-left:23px; float:right;}
.Photolist .boxli2 .box .box-prev {top: 50%; width: 25px; height: 30px; margin-top: -15px; position: absolute;opacity:0.3;left: 0px;}
.Photolist .boxli2 .box .box-next {top: 50%; width: 25px; height: 30px; margin-top: -15px; position: absolute;opacity:0.3;right: 3px;}
.Photolist .boxli2 .box .box-prev:hover,
.Photolist .boxli2 .box .box-next:hover{opacity:1;}
.Photolist_info{width:100%; height: auto; margin:3% auto; clear:both;text-align: justify;text-justify:inter-ideograph;}
/*新舊地號*/
.clip_map { padding:3% 5%; }
.clip_map h3 span{ font-size:80%; opacity:1; font-weight:normal;}
.clip_map .ctext img{ margin:3% auto 4% auto;}
.clip_map .maplist .ctextbox { list-style:none; font-size:115%; }
.clip_map .maplist .ctextbox li{ float:left; width:23%;margin:2% 1%;background:url(../frontimages/icon-09.png) no-repeat left center; padding-left:25px;}
.clip_map .maplist .ctextbox li a{ color:#005c4b; }
.clip_map .maplist .ctextbox li a:hover{ color:#666; text-decoration:underline; }

/*出版品內頁*/
.bookpage{ width:96%; height:auto; overflow:hidden; margin-top:5%;}
.bookpage .imgbox{ float:left; width:35%;min-height:286px; padding:2%; border:2px solid #9e9e9e; margin-right:4%;background:#eee url(../frontimages/nopic_logo.png) no-repeat center center; background-size:40% auto; background-position: center 50%;}/*PP*/
.bookpage .imgbox img{ width:100%; overflow:hidden;}
.bookpage .fontlist{ float:left;width:61%;}
.bookpage .fontlist>h3{ display:block; width:100%; border-bottom:2px solid #becd56; font-size:140%; padding-bottom:2%;}
.bookpage .fontlist ul{ list-style:none; margin-top:2%;}
.bookpage .fontlist li{ margin-bottom:2%;}
.bookpage .fontlist li .btn_1{font-size:100%;background:#A7B63B; border:0; padding:0px 8px; color:#fff; cursor:pointer;vertical-align:middle;height:30px; line-height:30px;margin:0%; border-radius:5px;}
.bookpage .fontlist li .btn_2{ display: inline-block;background:#F5f5f5 url(../frontimages/down.png) left center no-repeat; border:2px solid #eee; color:#000; padding:0px 8px 0px 25px;line-height:180%; vertical-align:middle;border-radius:5px; margin:0 0.5%;font-size:95%;}
.bookpage .fontlist li .btn_2:hover{background:#c7c7c7 url(../frontimages/down.png) left center no-repeat;}

/*.law_main2 .main_font .lawAA{ clear:both; display: inline-block; float:right; font-size:90%; border:2px solid #090; color:#07743d; text-decoration:none; padding:2px 8px; border-radius:5px;}
.law_main2 .main_font .lawAA:hover{background-color:#f0eeb8;}*/

/* == 地政名詞=============================== */
.list-landname .listbox{width:100%;height:auto; padding:10px 0; overflow:hidden; margin-bottom:2%;}
.list-landname .listbox:nth-child(odd){ background-color:#f1f1f1;}
.list-landname .listbox .qatop{ width:100%; overflow:hidden; border-bottom:#9B9B9B 1px solid; padding:2px;}
.list-landname .listbox .qatop .icon{ float:left;width:10%; height:auto; text-align:center; background:url(../frontimages/icon_book.png) no-repeat center top; background-size:50% auto; padding:1% 0;}
.list-landname .listbox:nth-child(odd) .qatop .icon{background:url(../frontimages/icon_book2.png) no-repeat center top; background-size:50% auto;}
.list-landname .listbox .qatop .qa_question{ float:left; width:88%;color:#000;font-size:120%; font-weight:bold; padding-top:1%;}
.list-landname .listbox .qa_text{ width:88%; color:#474747;font-size:110%; float:right; margin:10px 10px;text-align: justify;text-justify:inter-ideograph;}
/* == 雙語詞彙=============================== */
.lchwordbox h2{ font-size:100%;}
.lchwordbox .lchword{border-left:1px solid #a7b63b;border-right:1px solid #a7b63b;}
.lchwordbox .lchword tr{ }
.lchwordbox .lchword td{ padding:1%;border-bottom:1px solid #a7b63b;}
.lchwordbox .lchword tr:nth-child(odd){ background-color:#d1de7c;}
.lchwordbox .lchword tr:nth-child(1){ background-color:#507100; font-weight:bold; color:#FFF; padding:1%;}
.lchwordbox .lchword tr th{ padding:1%;}
.lchwordbox .lchword tr td:nth-child(1){ width:30%; border-right:1px dashed #999999;}
.lchwordbox .lchword tr td:nth-child(2){ width:70%;}
.lchwordbox .lchword .arrowicon{ margin-left:15px;}
.lchwordbox .lchword .arrowicon a{ color:#FFF;}
/*司長介紹*/
.aboutpage{ width:96%; height:auto; overflow:hidden; margin-top:5%;}
.aboutpage .imgbox{ float:left; width:30%;height: auto; padding:1%; margin-right:4%;background:#eee url(../frontimages/nopicture.png) no-repeat center center; background-size:60% auto; background-position: center 50%;}
.aboutpage .imgbox img{ width:100%; overflow:hidden;}
.aboutpage .fontlist{ float:left;width:66%;}
.aboutpage .fontlist h3{ display:block; width:100%; border-bottom:2px solid #becd56; font-size:140%; padding-bottom:1%;margin-bottom:2%;}
.aboutpage .fontlist ul{ list-style:none; margin-top:2%;}
.aboutpage .fontlist li{ margin-bottom:2%;}
.tablestytle_0{ }
.tablestytle_0 td{vertical-align:top; padding:10px 0;border-bottom:2px dotted #ccc;}
.tablestytle_0 td strong{ font-weight:bold;}
/*地政事務所轄區示意圖*/
.managelist{ margin-top:20px; }
.managelist img{ width:100%; height:auto;}
.managelist .dtextbox {list-style:none;width:90%; font-size:115%;border:1px solid #CCC; border-radius:6px; padding:2%;}
.managelist .dtextbox li{background:url(../frontimages/icon-arrow.png) left center no-repeat;padding:10px; padding-left:18px; border-bottom:1px dashed #CCCCCC;  }
.managelist .dtextbox li span{ color:#A7B63B;display:inline-block; padding-right:10px; font-weight:bold;}
.managelist .dtextbox li a{ color:#333; }
.managelist .dtextbox li a:hover{ color:#666;}
.managelist .dtextbox li:hover{ background:#eee url(../frontimages/icon-arrow.png) left center no-repeat;}
/*內頁上方選單*/
.page_menu{border:1px solid #CCC; padding:2px 2px; margin-bottom:1%; line-height:130%; background-color:#eee; font-size:95%;}
.page_menu .page_menu2{border:1px solid #CCC;padding:1% 1%; background-color:#FFF;}
.page_menu .page_menu2 a{ display:inline-block; padding:5px; color: #000;margin-right:1px; margin-bottom:1px;}
.page_menu .page_menu2 a:hover{ background-color:#eee; border-radius:6px;}
.page_menu .page_menu2 a.on{ background-color:#f0eeb8;border-radius:6px;}
/*內頁上方標題2*/
.page_title{width:100%; height:auto; margin:0 auto;}
.page_title h2{padding:1% 0%;color:#07743d; display:inline-block; width:100%; line-height:130%; font-size:140%;border-bottom:2px solid #CCC; margin-bottom:1%;}
.page_title h2 .upday2{ font-size:75%; color:#2d811d; font-weight:normal; vertical-align:middle;display:inline-block; margin-left:8px; opacity:0.8;}
.page_title2{display:block;width:100%;height:auto; margin:0 auto;border-bottom:2px solid #CCC; padding-bottom:10px;}
.page_title2 .upday2{ font-size:90%; color:#2d811d; font-weight:normal; vertical-align:middle;display:block; margin-left:8px; opacity:0.8;}
.page_title2 h2{display:inline-block; width:100%;height:auto;color:#07743d;  line-height:130%; font-size:140%;vertical-align:middle;}
.page_title2 .playbtn{display:inline-block; width:auto; height:auto}
.page_title2 .playbtn img{ vertical-align:middle;width:99%; max-width:23px;height:auto;vertical-align:top; }
.page_title2 .playbtn a{display:block;}



/*law_main*/
.law_main{ width:100%; height:auto; margin:0 auto;}
.law_main .main_title{ font-size:140%;background: url(../frontimages/icon-arrow.png) left center no-repeat; padding:5px 0; padding-left:18px; border-bottom:2px solid #638c0b; margin-bottom:10px; }
.law_main .main_day{margin-bottom:10px;}
.law_main .main_boxin{margin-bottom:10px;}
.law_main .main_file a{display: inline-block; width:30px; height:30px; vertical-align:middle;}
.law_main .main_file .btn_disk{ color:#060; /*background: url(../frontimages/btn_disk.png) left center no-repeat;*/}
.law_main .main_file .btn_disk:hover{ color:#060; text-decoration:underline;/*background: url(../frontimages/btn_disk2.png) left center no-repeat;*/}
.law_main .main_day span,
.law_main .main_file span{ background-color:#030; color:#FFF; display: inline-block; width:100px; text-align:center; margin:3px;}
.law_main .main_boxin span{ background-color:#030; color:#FFF; display: block; width:100px; text-align:center; margin:3px;}

.law_main .main2nav{ color:#666; font-size:90%; display:block;}
.law_main .main2nav p{ float:right;}
.law_main .main2nav p .lawBB{ display: inline-block; padding:2px 10px; margin-left:5px; background-color:#333; color:#FFFFFF; text-decoration:none; border-radius:3px; letter-spacing:1px;}
.law_main .main2nav p .lawBB:hover{ background-color:#666;}

/*law_main2*/
.law_main2{ width:100%; height:auto; margin:0 auto;}
.law_main2 .main2nav{ color:#666; font-size:90%; display:block; width:100%; height:auto; overflow:hidden;}
.law_main2 .main2nav p{ float:right;display:flex;flex-wrap:wrap;}
.law_main2 .main2nav p .lawBB{ display: inline-block; padding:2px 10px; margin-left:5px; background-color:#333; color:#FFFFFF; text-decoration:none; border-radius:3px; letter-spacing:1px;margin-top:5px;}
.law_main2 .main2nav p .lawBB:hover{ background-color:#666;}
.law_main2 .main2nav p .lawBB.on{ background-color:#666;}
.law_main2 .main_title{ display:block; margin:10px 0px; font-weight:bold; font-size:105%;}
.law_main2 .main_title p{ float:left; padding:5px 10px 5px 8px; background-color:#567b22; border-radius:0px 20px 20px 0px; color:#FFFFFF;}
.law_main2 .main_s{ clear:both; border-bottom:2px solid #669966; padding:5px 0px; margin-bottom:5px;}
.law_main2 .main_boxin h3{color:#567b22;}
.law_main2 .main_boxin h4{ background: url(../frontimages/icon_law.png) no-repeat left center; padding-left:30px;  padding:5px 30px;}
.law_main2 .main_font{ margin:2px 30px; padding-bottom:15px; margin-bottom:15px; border-bottom:#999999 1px dotted;}
.law_main2 .main_font b{ font-style:normal; /* float:left; line-height:180%; padding:3px 8px 1px 8px; border-radius:4px; background-color:#eee; border:2px solid #cfd88d;*/color:#07743d; font-size:105%;  margin:5px 0;}
.law_main2 .main_font p{ clear:both; padding-left:0px; overflow:hidden;}
.law_main2 .main_font .num{ display:block; font-weight:bold;font-size:100%;background-color:#FFF;color:#000;text-align:left; }
.law_main2 .main_font .lawAA{ clear:both; display: inline-block; float:right; font-size:90%; border:2px solid #090; color:#07743d; text-decoration:none; padding:2px 8px; border-radius:5px;}
.law_main2 .main_font .lawAA:hover{background-color:#f0eeb8;}

/*law_main3*/
.law_main3{ width:100%; height:auto; margin:0 auto;}
.law_main3 .main3box .main_title{ font-size:130%; color:#000;background: url(../frontimages/icon-arrow.png) left center no-repeat; padding:5px 0; padding-left:18px; border-bottom:2px solid #638c0b; margin:10px 0; }
.law_main3 .main3box .main_title a{color:#000; font-weight:bold;}
.law_main3 .main3box{ margin-bottom:10px; background-color:#eee; padding:5px 10px;border-radius:15px;}
.law_main3 .main3box .main_span{margin:15px 0;text-align: justify;text-justify:inter-ideograph;}
.law_main3 .main3box .main_span span{ font-size:90%;background-color:#030; color:#FFF; text-align:center; width:auto; padding:2px 8px; margin:3px; border-radius:0 15px 15px 0; margin-left:-10px;}
.law_main3 .main3box .main_span .icon_t{background: url(../frontimages/icon-09.png) left center no-repeat; padding:5px 0; padding-left:18px;font-size:120%;color:#0f7a66;}
.filesulul{ border-top:1px solid #999; padding:2% 0;}
.filesulul ul{ padding:0;margin:0;  padding-left: 0px; list-style:none;}
.filesulul ul li{ background: url(../frontimages/icon-download.png) left center no-repeat;color:#000; padding:2px 8px 2px 25px;line-height:220%; vertical-align:middle;border-radius:0px; margin:0 0.5%;font-size:95%;border-bottom:1px dashed rgba(102,102,102,0.3);vertical-align:middle;}
.filesulul ul li a{ display:inline-block;color:#1e957b; line-height:120%; vertical-align:middle;}

.law_main3 .main4box{ margin-bottom:10px; padding:5px 10px;border-radius:15px;}
.law_main3 .main4box .main_span{margin:15px 0;text-align: justify;text-justify:inter-ideograph;}
.law_main3 .main4box .main_span li{ padding:5px 0; border-bottom:1px dashed #999999;}


.main2nav{ color:#666; font-size:90%; display:block; margin-bottom:10px;}
.main2nav p{ text-align:right;}
.main2nav p .lawBB{ display: inline-block; padding:2px 10px; margin-left:5px; background-color:#333; color:#FFFFFF; text-decoration:none; border-radius:3px; letter-spacing:1px;}
.main2nav p .lawBB:hover{ background-color:#666;}

.languagelink{display: inline-block; padding:2px 8px; background-color:#060; color:#FFF; border-radius:6px; margin-left:1%; margin:0.5% 1%; vertical-align:middle;}

/*cdrepair法規光碟修復下載*/
.cdrepair{font-size:100%;}
.cdrepair h2{ font-size:115%; margin:10px 0; color:#07743d;}
.cdrepair h2 span{display: inline-block; font-weight:normal; font-size:100%; }
.cdrepair .cdday{ font-size:100%; color:#f17100;}
.cdrepair .cda{margin:10px 0;}
.cdrepair .cda a{ color:#000; text-decoration:underline;}
.cdrepair .cda a:hover{color:#07743d;}
.btn-submit2{background-color:#000; color:#FFFFFF; text-decoration:none; padding:2px 10px; border-radius:15px;}
.btn-submit2:hover{background-color:#07743d;}

/* ==meeting=============================== */
.meetinglist .meetingbox{width:100%;height:auto; padding:10px 0; overflow:hidden; /*background-color:#eae9e9;*/background:url(../frontimages/meeting01.png) no-repeat left center; background-size:30px auto; overflow:hidden; padding-left:35px;border-bottom:#cccccc 1px dotted;border-left:#cccccc 1px dotted;border-right:#cccccc 1px dotted;}
.meetinglist .meetingbox:nth-child(odd){ background-color:#eee;}
.meetinglist .meetingbox:nth-child(1){border-top:#cccccc 1px dotted;}
.meetinglist .meetingbox:hover{ background-color:#e1ef81;}
.meetinglist .meetingbox .meetingtop{ width:100%; overflow:hidden; padding:2px;}
.meetinglist .meetingbox .meetingtop .icon{ float:left;width:4%; height: auto; text-align:center; background:url(../frontimages/meeting01.png) no-repeat left top; background-size:80% auto;}
.meetinglist .meetingbox .meetingtop .meetingquestion{  width:90%;color:#060;font-size:100%; font-weight:bold;}
.meetinglist .meetingbox .meetingtop .meetingquestion i{ font-style:normal; color:#060; padding-right:10px; border-right:2px solid #060; margin-right:5px;}
.meetinglist .meetingbox .meeting_text{ width:96%; height:auto; color:#474747;font-size:110%;margin:0px 0px; text-align: justify;text-justify:inter-ideograph; }

.article2 {width:100%; height:auto; margin:0 auto;overflow: hidden; background:url(../frontimages/navbg.jpg) repeat-x; margin-top:0px;}
.article2 .tablebox{width:100%;height: auto; margin:0px auto;overflow:hidden; padding-bottom:50px;  }
.article2 .tablebox .title p{ color:#FFFFFF; padding:8px; width:auto; float:left; font-size:120%; font-weight:bold;}
.article2 .tablebox .title i{ font-style:normal; color:#FFFFFF; padding:8px; width:auto; float:left; font-size:100%;}
.article2 .tablebox .title p .btn{ padding:5px 15px; display:inline-block; background-color:#666666; color:#FFFFFF; font-size:80%; letter-spacing:1px; border-radius:15px; text-decoration:none;}
.article2 .tablebox .title p .btn:hover{ background-color:#333;}
.article2 .tablebox #css_table .css_tr.title .css_td{ color:#666666;}
.article2 .tablebox #css_table .css_tr.title .css_td.line{ color:#FFFFFF;}

.c_table{ padding:1px; background:#eee; border:1px solid #ccc;}
.c_table td{ background:#FFF; padding:2px;}
.c_table .c_table_title{background:#d1d1d1; color:#666;}
.c_table .c_table_title th{padding:2px;}
.c_table td a{ color:#07743d;}

.history td{ padding:1.5%;border-bottom:1px solid #eee;}
.history .history_y{ font-size:110%; color:#393; font-weight:bold; text-align:right; width:15%; vertical-align:top; border-right:1px dashed #999999;}
.history .history_info{ }

/* == 手機版型區 =============================== */

@media screen and (max-width: 767px) {
.article {width:100%; height:auto; margin:0 auto;overflow: hidden; background:url(../frontimages/navbg2.jpg) repeat-x; background-size:100% 59px; margin-top:0px;}
.article .articlebox{width:96%;height: auto; margin:0px auto;overflow:hidden; padding-bottom:0px;  }
.article .articlebox .leftbox{ clear:both;width:100%;height: auto; margin:0px auto; float: none;}
.article .articlebox .rightbox{ float: none; width:96%;height: auto; margin:0px auto; overflow:hidden;}

/*-----------.leftbox----------*/
.article .articlebox .leftbox .top_title{width:100%;  overflow:hidden;}
.article .articlebox .leftbox .top_title .title{ width:180px; height:59px; font-size:150%;  padding:8px 0 0 10px; float:left;}
.article .articlebox .leftbox .top_title .title .title_1{ display:block;font-size:80%;  margin-top:-5px;}
.article .articlebox .leftbox .top_title .icon{ width:54px; height:48px; float:right; margin:11px 0px 0 0;}
.article .articlebox .leftbox .classificationbox{ display:none;}

/*-----------.rightbox----------*/
.article .articlebox .rightbox .topbox{width:100%;margin:0 auto 0 -5px; overflow:hidden;}

.article .articlebox .rightbox .content{ width:100%; height:auto; margin:0 auto; color:#424242;}
.article .articlebox .rightbox .content .title{ width:100%; overflow:hidden; margin:10px 0;}
.article .articlebox .rightbox .content .title h2{ float:left;}
.article .articlebox .rightbox .content .title .linkbtn{float:right;}
.article .articlebox .rightbox .content .title .linkbtn .linkbtn06{ display:none;}
.article .articlebox .rightbox .content .content_font{ width:100%; font-size:100%; line-height:150%; }
.article .articlebox .rightbox .content .ulul ,.article .articlebox .rightbox .content .olol{ margin-left:8%;}

.page_title h2 .upday2{ font-size:75%; color:#2d811d; font-weight:normal; vertical-align:middle;display: inline-block; margin-left:0px;}

.article .articlebox .rightbox .content .content_font .imglaoutTOP{width:100%; height:auto; margin-bottom:0px;}
.article .articlebox .rightbox .content .content_font .imglaoutTOP img{width:100%; height:auto; margin-bottom:5px;}
.article .articlebox .rightbox .content .content_font .imglaoutbottom{width:100%; height:auto; margin-bottom:0px;}
.article .articlebox .rightbox .content .content_font .imglaoutbottom img{width:100%; height:auto; margin-bottom:5px;}
.article .articlebox .rightbox .content .content_font .imglaoutL{ float: none;width:100%;height:auto;margin-right:0px;margin-bottom:5px;clear:both;}
.article .articlebox .rightbox .content .content_font .imglaoutR{ float: none;width:100%;height:auto;margin-left:0px;margin-bottom:5px;clear:both;}
.article .articlebox .rightbox .content .content_font .imglaoutL img{width:100%; height:auto; margin-bottom:5px; display:block;}
.article .articlebox .rightbox .content .content_font .imglaoutR img{width:100%; height:auto; margin-bottom:5px; display:block;}
.article .articlebox .rightbox .content .content_font .youtubebox iframe{width:100%; height:200px; margin-bottom:5px;}

/*創新服務-內頁*/
.font_title p{margin:1% 0;font-size:90%;display:block;width:100%;height:auto;  clear:both; margin-bottom:10px; clear:both; overflow:hidden;}
.font_title p .bgbox,
.font_title p .bgbox1{ font-weight:bold;display:inline-block;padding:3px; width:100%;height:100%; float: none; background-color:#eee;border-right:0px solid #a8b63b;border-left:5px solid #a8b63b; color:#256918; text-align:left; margin-right:0px; }
.font_title p .bgboxmain
,.font_title p .bgboxmain1{display: inline-block; width: 100%;float: none;margin-left:0px;margin-top:0px;background-color:#FFF; padding:1.5%;}
.font_title p .box{font-weight:bold;display: inline-block;padding:3px 10px; width: 100%; background-color:#256918; color:#FFF; margin:0 5px;  text-align:center; border-radius:8px;}

.font_link{color:#333;}
.font_link .link{ color:#333;}
.font_link .link:hover{ text-decoration:underline;}
.font_link p{margin:1% 0;font-size:90%;}
.font_link p .bgbox{ font-weight:bold;display: inline-block; padding:3px; width:100%;background-color:#eee;border-right:0px solid #a8b63b;border-left:5px solid #a8b63b; color:#256918; text-align:left; margin-right:5px;}
.font_link p .bgboxmain{display: block; width:100%;}
/* == searchbox =============================== */
.searchbox{ width:100%; height:auto; margin:10px 0;}
.searchbox select{font-size:100%; padding:3.6px 0;height:30px; vertical-align:middle;margin:0.5%;}
.searchbox input{line-height:150%; font-size:100%; height:30px;vertical-align:middle;margin:0.5%;}
.searchbox .btn_1{font-size:100%; border:0; padding:0px 5px; color:#fff; cursor:pointer;vertical-align:middle;height:30px; line-height:30px;margin:0.5%;}
.searchbox .searchbox-day span{ display: inline;}
/* == content photo=============================== */
.rightbox .content .photobox{ width:100%; height:auto;}
.rightbox .content .photobox .photo{ display:inline-block;width:45%; height:100px; overflow:hidden;background:#747474;margin:5.8px;}
.rightbox .content .photobox .photo img{ width:160px; height:auto;}

/* == content photo =============================== */
/*多圖*/
.article .articlebox .content .imglist{ width:100%; height:auto; overflow: hidden; margin:10px 0%; clear:both;}
.article .articlebox .content .imglist h1{ font-size:110%; color:#999; padding:2%;background:#eee;}
.article .articlebox .content .imglist .imgbox{ width:50%; height: 110px; padding:2%;margin:2px 0%; float:left; overflow: hidden;}
.article .articlebox .content .imglist .imgbox .img{ width:100%; height:100px;overflow: hidden; }
.article .articlebox .content .imglist .imgbox img{ width:100%; height:auto;}
/*多檔案下載*/
.downloadlist{ width:100%; height:auto; overflow: hidden; margin:10px 0;}
.downloadlist h1{ font-size:110%; color:#999;}
.downloadlist .listli{ display:block;width: auto;margin:1.5%;background: url(../frontimages/icon-download.png) no-repeat left top; background-size: 20px auto; padding-left:25px; line-height:130%; list-style:none; text-decoration:none; border-bottom:1px solid #eee; padding-bottom:10px; height:auto; overflow:hidden; }
.downloadlist .listli .filename{display: inline-block; width:100%;}
.downloadlist .listli .fileimg{ display: inline-block; float: none; width:100%;text-align:left; padding-right:0%; vertical-align:middle;line-height:160%;}
.downloadlist .listli .fileimg a{ margin:0 1%;display: inline-block;width:48%;line-height:160%; text-align:left;}
.downloadlist .listli .fileimg a:hover{ color: #333;}
.downloadlist .listli .fileimg a img{ vertical-align:middle;}
/*多檔案下載2*/
.downloadlist2{ width:100%; height:auto; overflow: hidden; margin:10px 0;}
.downloadlist2 h1{ font-size:110%;}
.downloadlist2 .listli{ display:block;width: auto;margin:1.5%;background: url(../frontimages/icon-download.png) no-repeat left top; background-size: 20px auto; padding-left:25px; line-height:130%; list-style:none; text-decoration:none; border-bottom:1px solid #eee; padding-bottom:10px; height:auto; overflow:hidden; }
.downloadlist2 .listli .filename{display: inline-block; width:100%;padding-bottom:10px; }
.downloadlist2 .listli .fileimg{ display: inline-block; float: none; width:100%;text-align:left; padding-right:0%; vertical-align:middle;line-height:160%;}
.downloadlist2 .listli .fileimg a{ margin:0 1%;display: inline-block;width:48%;line-height:160%; color: #999; text-align:left;}
.downloadlist2 .listli .fileimg a:hover{ color: #333;}
.downloadlist2 .listli .fileimg a img{ vertical-align:middle;}

/* == content_QA=============================== */
.qaboxlist .qabox{width:100%;height:auto; padding:10px 10px; overflow:hidden;}
.qaboxlist .qabox:nth-child(odd){ background-color:#f1f1f1;}
.qaboxlist .qabox .qatop{ width:100%; overflow:hidden; border-bottom:#9B9B9B 1px solid; padding:2px;}
.qaboxlist .qabox .qatop .icon{ float:left;width:10%; height:0; padding-bottom:8%; text-align:center; background:url(../frontimages/icon_QA.png) no-repeat center top; background-size:80% auto;}
.qaboxlist .qabox:nth-child(odd) .qatop .icon{background:url(../frontimages/icon_QA2.png) no-repeat center top;background-size:80% auto;}
.qaboxlist .qabox .qatop .qa_question{ float:right; width:90%;color:#000;font-size:120%;}
.qaboxlist .qabox .qa_text{ width:90%; color:#474747;font-size:110%; float:right; margin:10px 0;}

/* == content_book=============================== */
.bookboxlist .bookbox{ width:47%; height:auto; display:inline-block; margin:1%;}
.bookboxlist .bookbox .bookimg{ width:100%; height:auto; text-align:center; background:#fff; border:1px #A2A2A2 solid; overflow:hidden; margin:0 auto; vertical-align:middle; padding:3px; }
.bookboxlist .bookbox .bookimg .bookimgin{ width:100%;height:0; padding-bottom:141.8%;overflow:hidden;background:#eee url(../frontimages/nopicture.png) no-repeat center center; background-size:60% auto; background-position: center 50%;}
.bookboxlist .bookbox .bookimg .bookimgin img{ width:100%; height:auto; vertical-align:middle; }
.bookboxlist .bookbox .bookname{ width:100%;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden; font-size:100%;line-height:180%;}
.bookboxlist .bookbox .bookdate{font-size:90%;line-height:120%;}

/*----videolist--------------*/
.videolist .video{ width:46%; height:auto; float:left; padding:1%;margin:1% 4% 1% -0.2%;}

/*mapbox*/
#sitemap-page>li{float:left;min-height:auto;background-color:#efefef;}
#sitemap-page .title {width:100%;}

/*photolist*/
.Photolist{width: 100%;height: auto;margin:0 auto;overflow:hidden;}
.Photolist .boxli{width:46%; height: auto; float:left;margin:1% 3% 1% -0.05%;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.Photolist .boxli .box{width:100%; height:160px; overflow:hidden;  }
.Photolist .boxli .box .boxsize{width:100%; height:auto;}
.Photolist .boxli .photoname{ padding:2%;}
.Photolist .boxli .photoname p{ color:#363; font-weight:bold;font-size:100%;}
.Photolist .boxli .photoname .phototime{ font-size:80%;}
.Photolist .boxli .photoname .phototime .photoicon{ background:url(../frontimages/icon_photo.png) no-repeat left center; vertical-align:middle; padding-left:23px; float:right;}

.Photolist h3{color:#363; margin:10px 0; }
.Photolist .boxli2{width:100%; height: auto;margin:0px auto;border:#F4F4F4 2px solid;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.Photolist .boxli2 .box{width:98%; height: auto; margin:0px auto; text-align:center; padding:10px;overflow:hidden; position:relative;}
.Photolist .boxli2 .box .boxsize{width: auto;max-width:100%; height:auto; max-height:100%;}
.Photolist .boxli2 .photoname{ padding:2%; border-top:1px solid #eee;}
.Photolist .boxli2 .photoname p{ color:#363; font-weight:bold;font-size:100%;width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.Photolist .boxli2 .photoname .phototime{ font-size:80%;}
.Photolist .boxli2 .photoname .phototime .photoicon{ background:url(../frontimages/icon_photo.png) no-repeat left center; vertical-align:middle; padding-left:23px; float:right;}
.Photolist .boxli2 .box .box-prev {top: 50%; width: 25px; height: 30px; margin-top: -15px; position: absolute;opacity:0.6;left: 0px;}
.Photolist .boxli2 .box .box-next {top: 50%; width: 25px; height: 30px; margin-top: -15px; position: absolute;opacity:0.6;right: 3px;}

/*新舊地號*/
.clip_map { padding:0% 0%; }
.clip_map h3 span{ font-size:80%; opacity:0.6; font-weight:normal;}
.clip_map .ctext img{ margin:3% auto 4% auto; width:100%; height:auto;}
.clip_map .maplist .ctextbox { list-style:none; font-size:115%; }
.clip_map .maplist .ctextbox li{ float:left; width:48%;margin:2% 0%; margin-left:2%; }
.clip_map .maplist .ctextbox li a{}
.clip_map .maplist .ctextbox li a:hover{ color:#666; text-decoration:underline; }

/*出版品內頁*/
.bookpage{ width:96%; height:auto; overflow:hidden; margin-top:5%;}
.bookpage .imgbox{ float: none; width:80%; padding:2%; border:2px solid #9e9e9e; margin-right:0%; margin:0 auto;margin-bottom:2%; }
.bookpage .imgbox img{ width:100%; overflow:hidden;}
.bookpage .fontlist{ float: none; width:100%;}
.bookpage .fontlist li .btn_1{font-size:100%;background:#A7B63B; border:0; padding:0px 8px; color:#fff; cursor:pointer;vertical-align:middle;height:30px; line-height:30px;margin:0%; border-radius:5px;}

/* == 地政名詞=============================== */
.list-landname .listbox{width:100%;height:auto; padding:10px 0; overflow:hidden; margin-bottom:2%;}
.list-landname .listbox:nth-child(odd){ background-color:#f1f1f1;}
.list-landname .listbox .qatop{ width:100%; overflow:hidden; border-bottom:#9B9B9B 1px solid; padding:2px;}
.list-landname .listbox .qatop .icon{ float:left;width:10%; height:auto; text-align:center; background:url(../frontimages/icon_book.png) no-repeat center top; background-size:80% auto;}
.list-landname .listbox:nth-child(odd) .qatop .icon{background:url(../frontimages/icon_book2.png) no-repeat center top; background-size:80% auto;}
.list-landname .listbox .qatop .qa_question{ float:right; width:90%;color:#000;font-size:120%; font-weight:bold;}
.list-landname .listbox .qa_text{ width:90%; color:#474747;font-size:110%; float:right; margin:10px 0;}
/*司長介紹*/
.aboutpage{ width:96%; height:auto; overflow:hidden; margin-top:5%;}
.aboutpage .imgbox{ float: none; width:60%; max-width:250px; padding:2%; margin-right:0%; margin:0 auto;margin-bottom:2%; }
.aboutpage .imgbox img{ width:100%; overflow:hidden;}
.aboutpage .fontlist{ float: none; width:98%; margin:0 auto;}
/*地政事務所轄區示意圖*/
.managelist{ margin-top:20px; }
.managelist img{ width:100%; height:auto;}
.managelist .dtextbox {list-style:none;width:90%; font-size:115%;border:1px solid #CCC; border-radius:6px; padding:2%;}
.managelist .dtextbox li{  background:url(../frontimages/icon-arrow.png) left 14px no-repeat; padding-bottom:5px; padding-left:18px; border-bottom:1px dashed #CCCCCC; }
.managelist .dtextbox li a{ color:#333; }
.managelist .dtextbox li a:hover{ color:#666; }
.managelist .dtextbox li span{ color:#A7B63B;display:block; padding-right:10px; font-weight:bold;}
.managelist .dtextbox li:hover{ background:#eee url(../frontimages/icon-arrow.png) left center no-repeat;}

#sitemap-page{ width:100%; list-style:none;}
#sitemap-page>li{float: none;min-height: auto;background-color:#efefef;}
#sitemap-page .title {width:90%;color: #000; font-size:120%;font-weight: bold;padding-bottom: 0px;margin-right:0px;float:left;}
#sitemap-page .title>a{ display:inline-block;width:100%; height:40px; line-height:40px; font-size:90%; text-decoration:none; padding-left:4%;background-position:right bottom; background-repeat:no-repeat; background-size:40px auto;}

#sitemap-page .title ul{ margin-top:5px;  padding:2% 1%; margin-top:0px;}
#sitemap-page .title ul li{color:#000;font-size: 80%;list-style-type: none; font-weight:normal; margin-bottom:0px; width:90%; margin:0 auto;}
#sitemap-page .title ul li a{color:#000; text-decoration:none; line-height:110%;}
#sitemap-page .title ul li a:hover{text-decoration: underline;}

#sitemap-page .title ul li ul li{color: rgba(100%,100%,100%,0.7);font-size:80%; margin-left:6px;list-style-type: none;}
#sitemap-page .title ul li ul li a{color: rgba(100%,100%,100%,0.7);font-size:80%;list-style-type: none;}
#sitemap-page .title ul li ul li a:hover{text-decoration: underline;}

/*law_main2*/
.law_main2 .main_boxin h4{ background: url(../frontimages/icon_law.png) no-repeat left center; background-size:13px auto; padding-left:45px;  padding:5px 20px;}
.law_main2 .main_font{ margin:2px 20px; padding-bottom:15px; margin-bottom:15px; border-bottom:#999999 1px dotted;}
.law_main2 .main_font .lawAA{ clear:both; display: inline-block; float: none;}
.law_main2 .main_title{ display:block; margin:10px 0px; font-weight:bold; font-size:105%; width:100%; height:auto;}
.law_main2 .main_title p{ float:left; padding:5px 10px 5px 8px; background-color:#567b22;/* width:100%;*/ border-radius:0px 0px 0px 0px; color:#FFFFFF; background-color:#567b22;}
/*law_main3*/
.law_main3{ width:100%; height:auto; margin:0 auto;}
.law_main3 .main_title{ font-size:130%;background: url(../frontimages/icon-arrow.png) left center no-repeat; padding:5px 0; padding-left:18px; border-bottom:2px solid #638c0b; margin:10px 0; }
.law_main3 .main3box{ margin-bottom:10px;}
.law_main3 .main3box .main_span{margin:15px 0;}
.law_main3 .main3box .main_span span{ background-color:#030; color:#FFF; display:block; text-align:center; width:100px; padding:2px 5px; margin:3px; border-radius:0 15px 15px 0;}

/* ==meeting=============================== */

.article2 {width:100%; height:auto; margin:0 auto;overflow: hidden; background:url(../frontimages/navbg.jpg) repeat-x; margin-top:0px;}
.article2 .tablebox{width:100%;height: auto; margin:0px auto;overflow:hidden; padding-bottom:50px; }
.article2 .tablebox .title p{ color:#FFFFFF; padding:8px; width:auto; float: none; font-size:130%; background-color:#bece54;}
.article2 .tablebox .title p .btn{ padding:5px 15px; background-color:#666666; color:#FFFFFF; font-size:80%; letter-spacing:1px; border-radius:15px;}
.article2 .tablebox .title p .btn:hover{ background-color:#333;}
.article2 .tablebox #css_table .css_tr.title .css_td{ color:#666666; font-size:100%;}
.article2 .tablebox #css_table .css_tr{ margin:0px; margin-top:-1px;}
.article2 .tablebox #css_table .css_tr.title .css_td.line{ color:#FFFFFF;}

}

/* == 平板版型區 =============================== */
 
@media screen and (min-width: 768px) and (max-width: 1024px) {
	
.article {width:100%; height:auto; margin:0 auto;overflow: hidden; background:url(../frontimages/navbg2.jpg) repeat-x; background-size:100% 59px; margin-top:0px;}
.article .articlebox{width:96%;height: auto; margin:0px auto;overflow:hidden; padding-bottom:0px;  }
.article .articlebox .leftbox{ clear:both;width:100%;height: auto; margin:0px auto; float: none;}
.article .articlebox .rightbox{ float: none; width:96%;height: auto; margin:0px auto; overflow:hidden;}

/*-----------.leftbox----------*/
.article .articlebox .leftbox .top_title{width:100%; overflow:hidden;}
.article .articlebox .leftbox .top_title .title{ width:180px; height:59px; font-size:150%; padding:8px 0 0 10px; float:left;}
.article .articlebox .leftbox .top_title .title .title_1{ display:block;font-size:80%;  margin-top:-5px;}
.article .articlebox .leftbox .top_title .icon{ width:54px; height:48px; float:right; margin:11px 0px 0 0;}
.article .articlebox .leftbox .classificationbox{ display:none;}

/*-----------.rightbox----------*/
.article .articlebox .rightbox .topbox{width:100%;margin:0 auto; overflow:hidden;}

.article .articlebox .rightbox .content{ width:100%; height:auto; margin:0 auto; color:#424242;}
.article .articlebox .rightbox .content .title{ width:100%; overflow:hidden; margin:10px 0;}
.article .articlebox .rightbox .content .title h2{ float:left;}
.article .articlebox .rightbox .content .title .linkbtn{float:right;}
.article .articlebox .rightbox .content .content_font{ width:100%; font-size:100%; line-height:150%;}

/* == searchbox =============================== */
.searchbox{ width:100%; height:auto; margin:10px 0;}
.searchbox select{font-size:100%; padding:3.6px 0;height:30px; vertical-align:middle;margin:0.5%;}
.searchbox input{line-height:150%; font-size:100%; height:30px;vertical-align:middle;margin:0.5%;}
.searchbox .btn_1{font-size:100%; border:0; padding:0px 5px; color:#fff; cursor:pointer;vertical-align:middle;height:30px; line-height:30px;margin:0.5%;}
.searchbox .searchbox-day span{ display: inline;}
/* == content photo=============================== */
.rightbox .content .photobox{ width:100%; height:auto;}
.rightbox .content .photobox .photo{ display:inline-block;width:45%; height:100px; overflow:hidden;background:#747474;margin:5.8px;}
.rightbox .content .photobox .photo img{ width:160px; height:auto;}

/* == content photo =============================== */
/*多圖*/
.article .articlebox .content .imglist{ width:100%; height:auto; overflow: hidden; margin:10px 0%; clear:both;}
.article .articlebox .content .imglist h1{ font-size:110%; color:#999; padding:2%;background:#eee;}
.article .articlebox .content .imglist .imgbox{ width:50%; height: 110px; padding:2%;margin:2px 0%; float:left; overflow: hidden;}
.article .articlebox .content .imglist .imgbox .img{ width:100%; height:100px;overflow: hidden; }
.article .articlebox .content .imglist .imgbox img{ width:100%; height:auto;}
/*多檔案下載*/
.downloadlist{ width:100%; height:auto; overflow: hidden; margin:10px 0;}
.downloadlist h1{ font-size:110%; color:#999;}
.downloadlist .listli{ display:block;width: auto;margin:1.5%;background: url(../frontimages/icon-download.png) no-repeat left top; background-size: 20px auto; padding-left:25px; line-height:160%; list-style:none; text-decoration:none; border-bottom:1px solid #eee; padding-bottom:3px; height:auto; overflow:hidden; }
.downloadlist .listli .filename{display: inline-block; width:49%;}
.downloadlist .listli .fileimg{ display: inline-block; float:right; width:50%;text-align:right; padding-right:1%; vertical-align:middle;line-height:160%;}
.downloadlist .listli .fileimg a{ margin:0 1%;display: inline-block;width:46%;line-height:160%; text-align:left;}
.downloadlist .listli .fileimg a:hover{ color: #333;}
.downloadlist .listli .fileimg a img{ vertical-align:middle;}

/*多檔案下載2*/
.downloadlist2{ width:100%; height:auto; overflow: hidden; margin:10px 0;}
.downloadlist2 h1{ font-size:110%; color:#999;}
.downloadlist2 .listli{ display:block;width: auto;margin:1.5%;background: url(../frontimages/icon-download.png) no-repeat left top; background-size: 20px auto; padding-left:25px; line-height:160%; list-style:none; text-decoration:none; border-bottom:1px solid #eee; padding-bottom:3px; height:auto; overflow:hidden; }
.downloadlist2 .listli .filename{display: inline-block; width:49%;}
.downloadlist2 .listli .fileimg{ display: inline-block; float:right; width:50%;text-align:right; padding-right:1%; vertical-align:middle;line-height:160%;}
.downloadlist2 .listli .fileimg a{ margin:0 1%;display: inline-block;width:46%;line-height:160%; color: #999; text-align:left;}
.downloadlist2 .listli .fileimg a:hover{ color: #333;}
.downloadlist2 .listli .fileimg a img{ vertical-align:middle;}

/* == content_QA=============================== */
.qaboxlist .qabox{width:100%;height:auto; padding:10px 10px; overflow:hidden;}
.qaboxlist .qabox:nth-child(odd){ background-color:#f1f1f1;}
.qaboxlist .qabox .qatop{ width:100%; overflow:hidden; border-bottom:#9B9B9B 1px solid; padding:2px;}
.qaboxlist .qabox .qatop .icon{ float:left;width:10%; height:0; padding-bottom:8%; text-align:center; background:url(../frontimages/icon_QA.png) no-repeat center top; background-size:80% auto;}
.qaboxlist .qabox:nth-child(odd) .qatop .icon{background:url(../frontimages/icon_QA2.png) no-repeat center top;background-size:80% auto;}
.qaboxlist .qabox .qatop .qa_question{ float:right; width:90%;color:#000;font-size:120%;}
.qaboxlist .qabox .qa_text{ width:90%; color:#474747;font-size:110%; float:right; margin:10px 0;}

/* == content_book=============================== */
.bookboxlist .bookbox{ width:31%; height:auto; display:inline-block; margin-left:1%;}
.bookboxlist .bookbox .bookimg{ width:100%; height:auto; text-align:center; background:#fff; border:1px #A2A2A2 solid; overflow:hidden; margin:0 auto; vertical-align:middle; padding:3px; }
.bookboxlist .bookbox .bookimg .bookimgin{ width:100%;height:0; padding-bottom:141.8%; overflow:hidden;background:#eee url(../frontimages/nopicture.png) no-repeat center center; background-size:60% auto; background-position: center 50%;}
.bookboxlist .bookbox .bookimg .bookimgin img{ width:100%; height: auto; vertical-align:middle; }
.bookboxlist .bookbox .bookname{ width:100%;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden; font-size:100%;line-height:180%;}
.bookboxlist .bookbox .bookdate{font-size:90%;line-height:120%;}

/*----videolist--------------*/
.compare .comparebox .videotitle{ margin-left:2%; }
.compare .comparebox .videotitle h4{font-size:160%; color:#D84663;background:url(../images/buyup-12.png) no-repeat 0px center; padding-left:30px;}

.videolist .video{ width:30.3%; height:auto; float:left; padding:1%;margin:1% 3% 1% -0.2%; }
/*mapbox*/
#sitemap-page>li{float:left;min-height:300px;background-color:#efefef;}
#sitemap-page .title {width:32%;}
	
/*photolist*/
.Photolist{width: 100%;height: auto;margin:0 auto;overflow:hidden; margin-left:8px;}

.Photolist .boxli{margin:1%;}
	}
@media screen and (min-width: 1025px) and (max-width: 1119px) {}

/* ==  Landscape 這是手機拿橫的時候 =============================== */
@media screen and (max-width: 766px) and (orientation:landscape){
.bookboxlist{width:100%;height:auto;margin:0 auto;}
.bookboxlist .bookbox{ width:31.5%; height:auto; display:inline-block; margin-left:0%; margin-bottom:15px;margin:0.5%;}
.bookboxlist .bookbox .bookimg{ width:100%; height:auto; text-align:center; background:#fff; border:1px #A2A2A2 solid; overflow:hidden; margin:0 auto; vertical-align:middle; padding:3px; }
.bookboxlist .bookbox .bookimg .bookimgin{ width:100%; height:0; padding-bottom:141.8%;overflow:hidden;background:#eee url(../frontimages/nopicture.png) no-repeat center center; background-size:60% auto; background-position: center 50%;}
.bookboxlist .bookbox .bookimg .bookimgin img{ width:100%; height:auto; vertical-align:middle; }
.bookboxlist .bookbox .bookname{ width:100%; color:#363; font-weight:bold;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden; font-size:100%;line-height:180%;}
.bookboxlist .bookbox .bookname a{color:#363;}
.bookboxlist .bookbox .bookdate{font-size:90%; color:#636363;line-height:100%; margin-top:0px;}
	}
	/* ==  Landscape 這是平板拿橫的時候 =============================== */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){
.bookboxlist{width:100%;height:auto;margin:0 auto;}
.bookboxlist .bookbox{ width:23%; height:auto; display:inline-block; margin-left:0%; margin-bottom:15px;margin:0.5%;}
.bookboxlist .bookbox .bookimg{ width:100%; height:auto; text-align:center; background:#fff; border:1px #A2A2A2 solid; overflow:hidden; margin:0 auto; vertical-align:middle; padding:3px; }
.bookboxlist .bookbox .bookimg .bookimgin{ width:100%; height:0; padding-bottom:141.8%;overflow:hidden;background:#eee url(../frontimages/nopicture.png) no-repeat center center; background-size:60% auto; background-position: center 50%;}
.bookboxlist .bookbox .bookimg .bookimgin img{ width:100%; height:auto; vertical-align:middle; }
.bookboxlist .bookbox .bookname{ width:100%; color:#363; font-weight:bold;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden; font-size:100%;line-height:180%;}
.bookboxlist .bookbox .bookname a{color:#363;}
.bookboxlist .bookbox .bookdate{font-size:90%; color:#636363;line-height:100%; margin-top:0px;}
	}

@media(max-width: 1024px) {
	.content1 {
		margin-top: 1.5rem !important;
	}
}

.article1 {
	background-size: 100% 40px;
}

.statIndicators {
	display: flex;
	flex-wrap: wrap;
}

@media(min-width: 768px) {
	.statIndicators {
		flex-wrap: nowrap;
	}
}

.statIndicators__list {
	width: 100%;
	margin-bottom: 1rem !important;
}

@media(min-width: 768px) {
	.statIndicators__list {
		width: 50%;
		margin-bottom: 0 !important;
		margin-right: 1rem !important;
	}
}

.statIndicators__main {
	width: 100%;
}

.statIndicators__main table {
	width: 100%;
}

#containerX, #containerX_description {
	height: 500px !important;
}

@media(max-width: 767px) {
	#containerX, #containerX_description {
		width: 100% !important;
	}
}