body {margin:0;	padding:0;/*font-size:1.25rem;*/font-size:1rem;
font-family: "微軟正黑體" ;text-align:center;color:#000;line-height: 1.8;}
div {display:block;}
a{text-decoration:none;color:#000;}
h1 {font-size:3rem;}
h2 {font-size:2.25rem;}
h3 {font-size:1.875rem;}
h4  {font-size:1.5rem;}
h5 {font-size:1.125rem;}

h3 a {font-size:1.875rem;}
.container {
    width: 1170px\9;
}
img{width:100%;}
.header img, .news-img img {width:auto;}
.mt-3{margin-top: 1em;}
.mb-3{margin-bottom: 1em;}


/*水平線*/
.level-blue, .level-skyblue, .level-bock, .level-brown, .level-tangerine {width:100%;height:2pt;margin-top:20px; margin-bottom:20px;}
.level-blue {background-color:#2257cb;}
.level-skyblue {background-color:#50A5C0;}
.level-bock {background-color:#000;}
.level-brown {background-color:#a86a42;}
.level-green {background-color:#6a7f1a;}
.level-tangerine {background-color:#fbcc27;}

/*web 2.0*/
.top-line {border-top:1px solid #ccc; margin-top:10px; padding-top:10px; position:relative;}
.web2  {float:right;}
.web2 a {color:#fff; display:block; line-height:34px; padding-left:0.825em; padding-right:0.825em; float:left;}
.web2 a:nth-child(1) {background-color:#e3007f;}
.web2 a:nth-child(2) {background-color:#0c8820;}
.web2 a:nth-child(3) {background-color:#b2502a;}
.web2 a:nth-child(4) {background-color:#595757;}

/*分享*/
.share_mtop {margin-top:15px;}
/*按鈕*/
.orange-btn, .purple-btn, .green-btn2, .Pink-btn, .td-pink-btn  a {display:inline-block;border:0;color:#fff; line-height:34px; padding-left:0.5em; padding-right:0.5em;}
.orange-btn {background-color:#f39800;margin-top:5px;}
.purple-btn {background-color:#910782;margin-top:15px;}
.green-btn2 {background-color:#167525;}
.Pink-btn {background-color:#e4007f;}
.Pink-btn:hover, .orange-btn:hover, .purple-btn:hover, .green-btn2:hover{color:#fff;} 
.td-pink-btn  a{background-color:#e4007f;}

.page_prev, .page_next{background-color:#e61673;}
.page_set a:hover, .page_set a.on:hover, .page_set a.on {background-color:#e61673;}
/*hesder*/
#header {border-top:6px solid}
.top-bg-color{background-color:#171c2c; position:absolute; width:50%; height:39px; top:6px; left:50%;}
.top{height:39px; background-color:#fff;}
.topbg {background-color:#171c2c; height:39px ; float:right; padding-left:0px;}
#header,{border-color:#171c2c;}
.top-border{width:0;height:0;border-top:39px solid #171c2c;border-left:39px solid transparent; position:absolute; margin-left:-39px;}
.toptext{text-align:right; color:#fff; line-height:39px;float:right; display:block; position:absolute; right:0;padding-right:0;}
.header{ text-align:left; height:96px; position:relative;}
.logo{ margin-top:5px;}
.nav {float:left; margin-top:45px;}
.nav a {font-size:14px; display:block; /*width:80px;*/float:left; text-align:center; color:#333;padding:0 10px;}
.nav a:hover { color:#03F;}
.border { border-left:1px solid #333; border-right:1px solid #333;}
.search {margin-top:39px;}
.search-conten{border:1px solid #ccc;height:30px; padding-left:0;}
.search-text {width:100%;border:0;height:100%;padding-left:5px;}
.icon-style {color:#CCC;background: #a642b8; position:absolute; right:5px; top:0px;border:none;box-shadow: none;padding: 4px;}
.icon-style a{color:#CCC;}
.search-btn {background-color:#00a0e9;}
.search-btn a{ height:28px; font-size:12px; color:#fff; line-height:30px; }
.menu-block {position:relative;}
.main-menu-bg{background-color:#601986; position:absolute;height:64px;  width:50%; left:50%;bottom:0;}
.tomenu{width:0;height: 0;border-bottom: 64px solid #601986; border-left: 64px solid transparent; margin-left:-64px; position:absolute}
.menu{background-color:#601986; height:64px;}
#menu-open {display:none;}
.menu a{font-size:1.05rem; color:#FFF;text-align:left; display:block; padding-left:1.25em;padding-right:1.25em; margin-top:23px; float:left; border-right:1px solid #fff;}
.menu a:hover{text-decoration:none; color:#fff100;}

/*index banner*/
.banner{width:100%;height:365px;}
.banner-content {margin-top:75px;}
.owl-prev a, .owl-next a {width:42px; height:58px; border:1px solid #00a0e9; color:#00a0e9; float:left; font-size:2.4em;/* padding-top:12px;*/margin-right:10px;line-height:58px;}
.owl-prev a{margin-right:0px;}
.owl-next a{margin-left:-1px;}
.banner-content h1 {font-weight:bold; color:#172a88; text-align:left;}
.banner-content p {font-size:1.05rem; font-weight:bold; text-align:left;}
.banner-btn {background-color:#3e3a39; width:100px;}
.banner-btn a {font-size:1.05rem; color:#fff; line-height:50px; }
.owl-pagination {display:none;}
.banner-img {width:40%;margin-top:2%;}

/*index content*/
.index-title {text-align:left; margin-top:10px;}
.index-title h2 {font-weight:bold;}
.more-btn-1 {margin-top:10px;}
.more-btn-1 a { height:38pox; background-color:#172a88;font-size:14px; color:#FFF; text-align:center; display:block; line-height:38px;}

/*index-activity*/
.index-activity {text-align:left; margin-top:25px; position:relative;}
.index-activity-margin {float:left;}
.index-activity h4 {font-size:1.05rem; font-weight:bold; line-height:24px;}
.index-activity p {color:#727171;}
.more-btn-2 a {width:115px; height:38pox; background-color:#1b882d;font-size:14px; color:#FFF; text-align:center; display:block; line-height:38px;}

/*index-video*/
.index-video-m {padding-left:0;padding-right:0;margin-top:25px;}
.index-video {margin-left:15px;margin-right:15px;}


/*index-news*/
.news { margin-top:25px;}
.news-img {position:relative;}
.news-content1 {background-color:#1b882d; position:absolute; bottom:0;left: 0;right: 0;}
.news-content1 a { color:#fff; margin-left:18px; display:block;}
.news-content1> small {color:#fff; margin-left:18px;display: block;float: left;margin-bottom: 22px;margin-top: 10px;}
.news-author {border-right: 1px solid #fff; padding-right:18px;}
.more-btn-3 a {width:85px; height:28pox; font-size:14px; color:#FFF; text-align:center; display:block; line-height:28px; border:1px solid #fff; position:absolute; bottom:10px; right:10px;}
.news-right  {padding-right:0;}
.news-content2 {background-color:#333;padding-left:0;height:135px;}
.news-text {padding-left:15px;padding-top:1px;}
.news-text   a {color:#fff; margin-left:14px; display:block; margin-left:0;} 
.news-text > small {color:#fff;}
.news-text > .news-author {border-right: 1px solid #fff; padding-right:14px;}
.more-btn-4 a {width:85px; height:28pox; font-size:14px; color:#FFF; text-align:center; display:block; line-height:28px; border:1px solid #fff; margin-top:10px;}

.index h2 .fa{/*color:#601986;紫色*/}

/*********相關連結*********/
.img-border {border:1px solid #ccc;}
.index_img-btn {float:right; display:block; position:absolute;right:15px; width:65px;top: 15px;}  
.index_prev a, .index_next a {width:30px; height:30px; border:1px solid #b4b4b5; color:#b4b4b5;font-size:1.05rem; float:left;padding-top:2px; display:block;}
/***/
.index-title {padding-left:15px;}
.index-fb {margin-top: 25px;margin-bottom:25px;}
.index-margin {margin-bottom:15px;}


/*content*/
.content-banner {height:160px;}
.content-title h2{display:block; color:#fff; line-height:160px;}
.content {padding-bottom:30px;}
.title-box {padding-bottom:25px; border-bottom:1px solid #ccc;}
.title > strong {font-size:1.05rem;}
.title > strong > a{ font-size:1.05rem;}
.fontsize{float: right;}
 .font_t {display: inline-block;}
.fontsize a {display: block;line-height: 20px;width: 20px;text-align: center;background-color: #f39800;color: #fff;margin-left: 2px;margin-top: 2px;text-decoration: none;-webkit-border-radius: 4px;       -moz-border-radius: 4px;border-radius: 4px;font-size: 0.8em;}
.font_t {font-size: 0.8em;margin-top: 5px;}
.albums-content {background-color:#f7f8f8;}
.content-icon {color:#00a0e9;font-size:1.05rem;}
.albums, .volunteering-introduction {margin-top:20px;margin-bottom:20px;}
.news-content-text p{word-break: break-all;}

/*認識廉政志工*/
.contenttext > p {line-height:24px;}
.liststyel {list-style-type: cjk-ideographic; line-height:30px; display:black;}
.liststyel  li {line-height:30px;display:black;}
.process {margin-top:30px; margin-bottom:30px;position:relative;}
.float-right {float:right;}
.proccess1 {background-color:#1F8DC2;}
.proccess2 {background-color:#00B820;}
.proccess3 {background-color:#B87F2C;}
.proccess4 {background-color:#8D1FC9;}
.proccess5 {background-color:#D49D2A;}
.proccess1, .proccess2, .proccess3, .proccess4, .proccess5 {display:block;position:relative;padding-left:0px;color:#fff;text-align:left;/*height: 80px;*/}
.proccess1-one {background-color:#02558F;} 
.proccess1-two {background-color:#008033;} 
.proccess1-three {background-color:#954600;}
.proccess1-four {background-color:#520C78;}
.proccess1-five {background-color:#AB6700;}
.proccess1-one, .proccess1-two, .proccess1-three, .proccess1-four, .proccess1-five {font-family:Arial;font-size:3.75rem; float:left;padding-left:1.125rem;padding-right:1.125rem;line-height:80px;}
.proccess-margin-top {margin-top:20px;}
.proccess-left-margin-top {margin-top:-50px;}
.right-radius {border-radius:0 15px 15px 0;}
.left-radius {border-radius:15px 0 0 15px;}
.proccess-margin-left {margin-left:60px;}
.vertical-line {position:absolute;border:1px solid #ccc;left:50%;height:100%;z-index:10;width:0;}

/*運用單位總覽*/
.nav2 {margin-top:15px;border-bottom:1px solid #ccc;}
.nav2 a{font-size:1rem;line-height:50px;}
.nav2 a:hover {background-color:#f39800;color:#fff;}
.vi_on {background-color:#f39800;color:#fff;}
.categories {margin-top:15px;margin-bottom:15px;}
.map-text {display:none;}
.form-margin-top {margin-top:15px;margin-bottom:15px;}
.unit-style  th{color:#fff;font-size:1.05rem;text-align:center;}
/*.unit-style  td {font-size:14px; }*/
.tab-pane {padding-top:20px;}
.image-title {text-align:left;font-size:1.5rem;line-height:24px;}
.eh_img-btn {float:right; display:block; position:absolute;right:15px; width:65px;top: 15px;}  
.eh_prev a, .eh_next a {width:30px; height:30px; border:1px solid #e61673; color:#e61673;font-size:1.05rem; float:left;padding-top:6px; display:block;}


/*志工活動介紹*/
.aac-a{height:2.5em;}
/*.vi-text-1, .vi-text-2 {font-size:14px;}*/
.vi-text-1 {padding-right:10px; /*border-right:1px solid;*/}
.vi-text-2  {margin-left:10px;}
.img-btn {float:right; display:block; position:absolute; top:2%; right:15px; width:65px;}  
.prev a, .next a {width:30px; height:30px; border:1px solid #f8b62d; color:#f8b62d;font-size:1.05rem; float:left;padding-top:6px; display:block;}
.vi-img { display: block;width: 100%;height: auto;}
.item {margin-right:15px; margin-left:15px;}
.vi-table {font-size:1.125em;}

/*最新消息*/
.news {margin-top:45px;}
.news-menu {display:block;color:#fff;}
.news-menu  a {display:block;width:100%;font-size:1.5em;border:1px solid #ccc;border-right:3px solid #172A88;line-height:45px;margin-bottom:15px;padding-right:15px;}
.news-menu a:hover {background-color:#172A88;color:#fff;text-decoration:none;}
.news-list {border:1px solid #ccc;border-bottom:1px solid #A86A42;height: auto;padding-bottom: 1em;}
.news-list > div {padding-right: 20px;padding-top:20px;display: inline-block;}
.news-img {padding-left:0;}
.news-content {margin-top:15px;margin-bottom:15px;}
.news-content-text  p {line-height:24px;padding-bottom:26px;}
.news-on {background-color:#172A88;color:#fff;}
.accessory{padding-top:10px;margin-top:15px;border-top:1px dotted #a86a42;}
.accessory a{color:#333;}
.d-flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.d-inline-block{display: inline-block;}

/*影音集錦及下載*/
.albums-margin {margin-bottom:15px;}
.albums-date {background-color:#898989;}
.albums-content{display:inline-block;min-height:80px;overflow:hidden;}
.albums-content p{font-size:1rem;margin:0;height:2rem;}
.albums-content h4{height:2.5em;line-height:normal;margin:0;padding-bottom:10px;margin-bottom:5px;display:inline-block;width:100%;overflow:hidden;}
.month, .day {color:#fff;}
.month {font-size:1.05rem;line-height:30px;}
.day {font-size:36px;line-height:50px;}
.video-highlights {margin-top:20px;}
.video-img  {padding-left:0;}
.video-text {padding-left:0; padding-right:0;}
.aac-a a{color:#000;}
.download-document > li {font-size:1.05rem;line-height:30px;}
.download-document > li > a {color:#000;font-size:1.05rem;margin-left:1em;}
.download-document > li > a:hover {color:#00a0e9;}
.margin-bottom { margin-bottom:30px;}
.labeltext {font-size:16px; line-height:34px;}
.video-style {padding-left:0; margin-top:30px;}
.table-style {margin-top:20px;}
.table-style, .table-style a{font-size:1.05rem; line-height:30px;color:#333;}
.table-style a:hover {color:#00a0e9;}
.img-style {display:block; line-height:60px;}
.div-style { margin-top:30px;}

/*網站導覽*/
.siteMap{background-color:#601986;}
.siteMap a{font-size:2.5rem;color:#fff;line-height:5rem;}
.subitem a {font-size:2.5rem;}
.subitem, .siteMap {margin-bottom:2rem;}

/*footer*/
.footer {background-color:#01518a; height:200px; position:relative; width:100%; border-bottom:6px solid #171c2c; overflow:hidden;}
#footer:before {background-color:#171c2c;height: 60px;content: "";display: block;position: absolute;left: 50%;width: 50%;bottom: 0px;}
.color-part {position: absolute;bottom: 0px;left: 0px;bottom: 0px;width: 50%;margin-left: -20%; -webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);height:336px;background-color:#003b69;}
.footer-content {margin-top:15px;margin-right:auto; margin-left:auto; text-align:left; color:#fff;}
.logo-white, .aac-contact, .footer-mian-menu, .aac-map>div{float:left;}
.aac-contact {font-size:16px; line-height:24px; font-weight:bold;}
.footer-mian-menu { padding-right:0;}
.footer-mian-menu a{color:#fff100; display:block; padding-left:8px; padding-right:8px;float:left; border-right:1px solid #fff100;}
.browse {margin-top: 24px;margin-left: 8px;}
.browse, .browse a {font-size:1.5rem;; color:#fff;        clear: left; }
.footer-bottom-content {position:absolute; bottom:0;float:left; -webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);}
.footer-bottom-content, .footer-menu{background-color:#171c2c;}
.this-is-top {color:#fff;height:60px;width:60px;text-align:center; float:left; font-size:1.05rem; background-color:#727171; margin-left:-15px; padding-top:21px;}
.this-is-top:hover{color:#000;background-color:#fff;}
.footer-menu { position:absolute; right:0px;-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform: skew(20deg);}
.footer-menu a {display:block;color:#fff100;font-size:1.05rem; float:left; line-height:60px; margin-right:2em;}

/**/
/*.btn {width: 49%;height: 45px;margin: 0 0.5%;font-size:2rem;font-weight:bold;}*/
.box-icon-gray{background-color:#adadad;color:#fff;}
.box-icon-gray:hover{background-color:#333;color:#fff;}


/* 小螢幕設備（平板，1024px（含）以下） */
@media screen and (max-width:992px){
.header{height:auto;}
/*index Banner*/
.banner{height:200px;}
.banner-content {margin-top:15px; margin-bottom:15px; width:50%;}
.owl-prev a, .owl-next a {width:31px; height:31px; border:1px solid #00a0e9; float:left; font-size:2em;margin-right:10px;}
.banner-content p {font-size:0.875em;}
.banner-btn {background-color:#3e3a39; width:80px;}
.banner-btn a {font-size:1.5em; color:#fff; line-height:40px; }
.img-width {width:100%p;}
.top-bg-color, .tomenu, .footer-menu, .color-part, .main-menu-bg {display:none;} 
.toptext, .nav, .search ,.topcnten,.topbg, .menu {float:none;}
.topbg {width:100%;}
.topcnten {display:block;}
.nav, .topcnten, .search {margin-top:10px;}
#menu-open {display:block; font-size:1.05rem;color:#fff;margin-top: 10px; background-color:#601986; text-align:left; padding-top:11px; height:40px;}
#menu-open a {color:#FFF; line-stacking:40px;}
.menu-icom {background-color:#601986; text-align:left;}
.menu {clear:left; height:40px; text-align:left;display:none;padding-left:0; padding-right:0; position:aabsolute; z-index:5;}
.menu a {display:block;border-right:0; clear:left; background-color:#601986; width:100%; margin:0; line-height:50px;}
/*index banner*/
.owl-prev a, .owl-next a {width:31px; height:31px; border:1px solid #00a0e9; float:left; font-size:1.6em;line-height:31px;}
/*index news*/
.news-img {margin-bottom:15px;margin-right: 15px;margin-left: 15px;}
.news-right {margin-left:15px;margin-right:30px;}
.news-content2 {margin-left:30px;margin-right:30px;}
/***footer***/
#footer {height:auto; display:block;}
.footer-content {margin-bottom:55px;margin-top:15px;}
.footer-mian-menu {margin-top:15px; margin-bottom:15px;clear:left; margin-left:0px;}
.footer-bottom-content {-webkit-transform: skew(0deg);-moz-transform: skew(0deg);-o-transform: skew(0deg);z-index:8;} 
#footer:before{height: 40px;width: 100%;bottom: 0px; left:0; z-index:5;}
.this-is-top {height:40px;padding-top:5px;}
.this-is-top a {height:40px;width:40px;font-size:14px;}

/*認識廉政志工*/
.proccess-left-margin-top {margin-top:0;}
.vertical-line, .process-blank  {display:none;}
.right-radius , .left-radius {border-radius:0;}
.index-news {padding-left:15px;padding-right:15px;margin-top:15px;}
.news-content1 {padding-right:15px;}
/*最新消息*/

}

/* 小螢幕設備（平板，768px（含）以下） */
@media screen and (max-width:700px) {
#main-menu-bg, .color-part{ display:none;}
#footer {height:auto; display:block;}
.header {text-align:center;}
.logo{clear:left; width:100%; }
.topcnten {float:none; width:100%;}
.nav {font-size:1em}
.topcnten {float:none;}
.aac-contact {font-size:1em;}
.footer-mian-menu{width:100%}
.news-img {padding-left:15px;}
.news-right  {padding-right:15px;}
.m-bottom {margin-bottom:15px;}
.allwidth {width:100%;}
/*index-banner*/
.banner{height:340px;}
.owl-prev a, .owl-next a {width:31px; height:31px; border:1px solid #00a0e9; float:left; font-size:1.6em;line-height:31px;}
.banner-content {margin-top:5%; margin-bottom:5%; width:60%;}
.banner-btn {background-color:#3e3a39; width:80px;}
.banner-btn a {font-size:1.25em; color:#fff; line-height:40px; }
/*index-activity*/
.activity-margin {margin-bottom:15px;}
/*index news*/
.news-img {margin-bottom:15px;margin-right:15px;margin-left:0;}
.news-content1 {left:15px;}
.news-right {margin-left:15px;margin-right:15px;}
.news-content2 {margin-left:30px;margin-right:30px;}
p.form-control-static{float: none !important;}
form.d-inline-block{display: block;}
/*認識廉政志工*/
/*.proccess-margin-left{padding-top:5px;}*/
.proccess-margin-left h3{padding-top:5px;}
.proccess1, .proccess2, .proccess3, .proccess4, .proccess5 {height:80px;width:100%;display:block;}
.proccess1-one, .proccess1-two, .proccess1-three, .proccess1-four, .proccess1-five {/*line-height:100px;*/line-height:80px;}
/*運用單位總覽*/
.map {display:none;}
.map-text {display:block; margin-top:20px;}
.map-text a{display:block; width:100%; background-color:#00a0e9; color:#fff; font-size:2rem; line-height:4rem; text-align:left; padding-left:0.625rem; margin-bottom:1.5rem; margin-left:0.9375rem; margin-right:0.9375rem; font-weight:800;}
.news-list {font-size:1.25rem;}
/**/
.banner-btn a {font-size:1rem;}
.banner-content h1 {clear:left;}
}