@charset utf-8;

/* 一般設定 */
html {
    font-size: 0.75em;
}
body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size: medium;
	font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;
	background: #FFF url(../images/Bg_Page.png) center center fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;	
	}


div {font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;}
td {font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;}
p {font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;}
h1, h2, h3, h4, h5, h6 { font-family: "微軟正黑體", "新細明體", sans-serif, SimSun; margin:0; padding:0;}

    .imageAnchor img{
        border: 0px solid blue;
        background-color: #FFF;
    }

    .imageAnchor:focus img{
        border: 0px solid blue;
        background-color: lightblue;
    }
    .imageAnchor:hover img{
        border: 0px solid blue;
        background-color: lightblue;
    }

#fatmenu_btn {
	width: 100px;
	margin: auto;
	left: 0;
	right: 0;
}

.NavigationMenu a {
	color: #000; 
	text-decoration: none; 
}
.NavigationMenu a:hover {
	color: #FF7519;
	text-decoration: none; 
}

.NavigationMenu .search_word {
	font-size: 1em;
}

.NavigationMenu .search_word a{
	color: #15a1d6; 
	text-decoration: none; 
}

.NavigationMenu .search_word a:hover {
	color: #FF7519;
	text-decoration: none; 
}


/*--------------------------------------------------------------------------------[ 間格空白 ]-----*/
.NewsSpace{height:8px;}
.cleaner { clear: both }


/* 水平線 Css Style */

hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

/*首頁圖片*/
.AlbumImage {
	width:140px;
	margin-bottom:10px;
	padding: 0px 5px 1px 0px ;
}

.AlbumImage_Title {
	padding:3px 10px;
	font-size: 0.8em;
	color: #666666;
}

.AlbumImg     { position: relative; overflow: hidden; }
.AlbumImg img { position: absolute; }


	.AlbumImage a:hover img{
	 	opacity: 0.5;
		-webkit-transition: opacity 0.1s linear;
		-moz-transition: opacity 0.1s linear;
		-o-transition: opacity 0.1s linear;
		transition: opacity 0.1s linear;
	}
	
	.AlbumImage a:focus img{
	 	opacity: 0.5;
		-webkit-transition: opacity 0.1s linear;
		-moz-transition: opacity 0.1s linear;
		-o-transition: opacity 0.1s linear;
		transition: opacity 0.1s linear;
	}


/*--------------------------------------------------------------------------------[ 內容標題列 ]-----*/

.border_title_h3 {color:#D4394B;}

input[type="text"]  {
    -moz-border-radius:5px; // Firefox
    -webkit-border-radius: 5px; // Safari 和 Chrome
    border-radius: 5px; // Opera 10.5+
}
 /* 無障礙需要加　*/
input[type="text"]:focus  {
	background:#D8FEFF;
}

/* 首頁最新消息 */
.news_date {
	font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;
	font-size: 0.9em;
	background-color:#FFF;
	font-size: 1em;
	color: #990000;
	margin-bottom: 5px;
	font-style: italic;
	font-weight:bold;
	padding-top: 1px;
	padding-bottom: 1px;
	width:100px;
}

.news_content {
	font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;
	background-color:#FFF;
	font-weight:bold;
	font-size: 1em;
	color:#333;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* 現在位置的標誌*/
.PosMark {
   margin-left: 18px;
   font-size:1em;
}

.breadcrumbCus {
  padding: 5px 2px;
  margin-bottom: 2px;
  list-style: none;
  border-radius: 4px;
  display: inline-block;
}
.breadcrumbCus > li {
  display: inline-block;
}
.breadcrumbCus > li + li:before {
  padding: 0 3px;
  color: #666666;
  content: "/\00a0";/* /0003E */
}
.breadcrumbCus > .active {
  color: #000;
}

/* 現在位置的標誌  end*/
/* Page.aspx CSS */
.FocusText {
	font-size: 1.3em;
	font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;
	border:1px solid #005CAF;
	color:#FFF;
	background-color:#0B346E;
	background-image:url(../images/texture.png);
	text-align:left;
	padding:6px 20px;
	width:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:5px;
}
.FocusText a{ color: #FFF; text-decoration: none;}
.FocusText a:hover{ color: #FFF; text-decoration: none;}
	
.FocusMain {
	padding:6px 10px;
	background: rgba(100%,100%,100%, 1.0);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	//-webkit-border-bottom-left-radius: 5px;
	//-moz-border-bottom-left-radius: 5px;
	//border-bottom-left-radius: 5px;
	//border-bottom-right-radius: 5px;
}

.FocusMain ol{
	padding:10px 20px;
}



/* 服務項目 大圖 */
.CardDetail {
	border: 5px solid #FFF;
	text-align:center;
	width:234px;
	height:250px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.CardDetail.Case{
	background-image:url(../images/Bg_Card.png);
}

.CardDetail a {color:#000; text-decoration: none;}
.CardDetail a:hover {color:#000; text-decoration: none;}

.CardTitle {
	padding: 5px 0px;
	color:#000;
	font-size: 0.9em;
	line-height:150%;
}

.CardImg {
	padding-top:3px;
}

.CardDetail img{
	width: 190px;
    height:135px;
}


a:hover .CardDetail img, a:focus .CardDetail img{
 	transform: scale(1.05);
}

a:hover .CardDetail, a:focus .CardDetail{
 	border:dotted 3px #6699FF;
}

.CardRM {
	color:#666;
	font-size: 0.8em;
	line-height:120%;
	text-align:right;
	padding-bottom:10px;
}

.inner {    
    background-size:cover;
    background-position:center center;
    height: 100%;
    border-radius:50%;
}

/* 服務項目 小圖 */
.SCardDetail {
	border: 5px solid #FFF;
	text-align:center;
	width:150px;
	height:165px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.SCardDetail.Case{
	background-image:url(../images/Bg_Card.png);
	background-color:#FFF;
}

.SCardDetail a {color:#666; text-decoration: none;}
.SCardDetail a:hover {color:#000; text-decoration: none;}

.SCardTitle {
	padding: 0px 0px;
	color:#000;
	font-size: 0.8em;
	font-weight: bold;
	line-height:120%;
}

.Scircle {
    display: inline-block;
    width: 110px;
    height: 100px;
    border: 1px solid #eee;
    padding: 3px;
    background:#fff;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* 網頁導覽 0410 */
.SiteMap{
	font-size:1.25rem;
	line-height:160%;
}
/* 網頁導覽 0410 end*/
/* SiteMap 網頁導覽 */
ul.tree {
	margin: 0px 0px 0px 20px;
	padding: 3px 0px 0px 0px;
	list-style: none;
	background-image:url("../images/Icon_arrow.png");
	background-repeat:no-repeat;
	background-position:0.6em 0.9em; 
}

.tree li {
	margin: 3px 7px 3px 25px;
	list-style: none;
	font-weight: bold;
}

.tree li a{color:#363B61;}
.tree li a:hover {color:#C16AE6; text-decoration: none;}

ul.tree ul {
	margin: 5px 0px 0px 3px;
}

ul.tree ul li{
	margin: 0px;
	padding:5px 0px 0px 20px;
	list-style: none;
	height: 24px;
	background-image:url("../images/Icon_arrowB.png");
	background-repeat:no-repeat;
	background-position:0em 0.3em; 
	font-weight: normal;
}

ul.tree ul li a{color:#113495;}
ul.tree ul li a:hover {color:#B51142; text-decoration: none;}


/*跳到主要內容區塊
  */
#gotocenter{
	background:#fff;
	top:0px;  
	position:absolute;	
} 
#gotocenter a{
	color: #368CCF; 
	text-decoration: none; 
} 
#gotocenter a:hover{
	color: #FF7519; 
	text-decoration: none; 
} 

/* ----- goTop ----- */
#goTop {
	position:fixed;
	display:block;
	right:15px;
	bottom:15px;
	z-index:900;
}
#goTop a {
	float:left;
	display:block;
	width:50px;
	height:50px;
	font-size:0;
	border:1px solid #CCC;
	box-sizing:border-box;
	background:url(../images/btn-top.png) no-repeat 50% 50%;
}
#goTop a:hover,
#goTop a:focus {
	border:1px solid rgba(244, 219, 143,.5);
	background:rgba(244, 219, 143,0.8) url(../images/btn-top-hover.png) no-repeat 50% 50%;
}
@media screen and (min-width: 991px) {
	#goTop {
		right:30px;
		bottom:30px;
	}
}

 a:hover,a:focus #Z,  a:hover,a:focus #U,  a:hover,a:focus #C,  {
 	color:red;
 }

 a:hover #fatmenu_img, a:focus #fatmenu_img{
	opacity: .6; /* 透明度60% FireFox 的寫法 */ 
	filter: Alpha(Opacity=60); /* 透明度60% IE 的寫法 */ 
 }
 
/*導盲磚*/
.AccesskeyArea {
	padding-right:3px;
}  
/*搜尋結果無資料顯示*/
.SearchNoData {
	background-color:#ffffff;
	color: #0000FF; 
	font-size: 1.5em;
	text-align:center;
	padding: 2px 5px;
}  
/*搜尋結果資料顯示*/
.SearchData {
	min-height:100px;
	background-color:#ffffff;
}  

/* 網頁底部 Web Footer Css */
.Page_Footer {
	line-height:120%;
	font-size: 0.8em;
}
.Page_Footer >.FatMenu {
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 10px;
    padding: 10px 15px 10px 15px;
    text-align: left;
    margin: auto;	
}
.Page_Footer >.FatMenu >.row >div >h4 {
    line-height: 1.7;
    display: block;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #b6b6b6;
    color: #f18800;
    font-weight:bold;
    font-size: 1.2em;
}
.Page_Footer >.FatMenu >.row >div >ul {
	padding:0; /*這行可讓li的前面不會有空白*/
    border: 0;/*這行可讓li的前面不會有空白*/
    list-style: none;
    font-size: 1.1em;
    
}
.Page_Footer >.FatMenu >.row >div >ul >li{
	padding-left: 12px ;
	line-height: 1.7;
}
.Page_Footer >.FatMenu >.row >div >ul >li > a{
	color: #000000; 
}
.Page_Footer >.FatMenu >.row >div >ul >li > a:hover{
	color: #FF7519; 
}

.Page_Footer >.Footer_Info {
	background-color: none; 
	padding:16px 36px 16px 36px;
	text-align:center;
	line-height: 1.2;
}

.Page_Footer a {
	color: #368CCF; 
	text-decoration: none; 
}
.Page_Footer a:hover {
	color: #FF7519;
	text-decoration: none; 
}

.Page_FooterNV {
	line-height:120%;
	font-size: 0.8em;
}

.Page_FooterNV a {
	color: #eeff19; 
	text-decoration: none; 
}
.Page_FooterNV a:hover {
	color: #FFEFDA;
	text-decoration: none; 
}

.Page_FooterNV .ALogin {
	color: #FFF; 
	text-decoration: none; 
}
.Page_FooterNV a.ALogin:hover {
	color: #FFF;
	text-decoration: none; 
}


/*客製panel*/
.panel-custom {
  border-color: #E3E3E3;
}
.panel-custom > .panel-heading {
  color: #FFFFFF;
  border-color: #E3E3E3;
}
.panel-custom > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #E3E3E3;
}
.panel-custom > .panel-heading .badge {
  color: #FFFFFF;
  background-color: #7A7A7A;
}
.panel-custom > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #E3E3E3;
}

/*胖選單*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1; /*For IE 6&7 only*/
}

/*GOOGLE客製搜尋元件*/
.csetext {
margin-left: 20px;
padding: 6px 5px;
width: 50%;
height: 30px;
border: solid 1px #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url(https://www.google.com/cse/intl/zh-Hant/images/google_custom_search_watermark.gif) #fff 5px 50% no-repeat;
color: #5e7380;
}
.search_btn{
height: 30px;
background: #eee;
border:0;
border-radius: 2px;
padding: 0 8px;
min-width: 54px;
}
.csetext.focus {
	background-image: none;
	color:#000;
}

/* 活動相簿
 --------------------------------------------------  */

.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}

#cycle { margin: 0; padding: 0; width: 100%; height: 300px;}
#cycle li { position: relative; list-style: none; margin: 0; padding: 3px; width: 100%; height: 300px; overflow: hidden; }
#cycle li div { position: absolute; bottom: 3px; left: 3px; padding: 3px; width: 100%; background: black; color: white; font-size: 1.0em; opacity: .8; }



/* 底部各社群Icons
 --------------------------------------------------  */
 
 
    .Page_FooterNV ul,ol{
	    padding: 0;
	    margin: 0;
	}
    .Page_FooterNV li{
	    list-style: none;
	}
 
    .social-li>img{
        margin: 10px auto 15px;
        display: table;
        max-width: 120px;
        width: 100%;
    }
    .Page_FooterNV ul.social{
        margin-right: -4%;
    }
    .Page_FooterNV ul.social li{
        float: left;
        width: 25%;
        padding-right: 4%;
    }
    .Page_FooterNV ul.social li a{
        padding: 0;
    }
    .Page_FooterNV ul.social li a img{
        width: 100%;
        max-width: 100%;
        border-radius: 50%;
        max-width: 50px;
    }
    .Page_FooterNV ul.social li a img:hover{
        transform: scale(1.05);
    }
    
    
    /* 編輯內容區塊 */
table.EditArea {
	padding:5px;
	width:100%;
	border-collapse: collapse;
	border: 1px solid #666666;
}

table.EditArea td {
	padding:3px;
	border: 1px solid #666666;
	padding-left: 8px;	
}

table.EditArea td td{
	border: 0px;
}

table.EditArea .EditArea_Header {
	height:25px;
	text-align:right;
	background-color:#3B3B3B;
	color:#F1FFA2;
	white-space:inherit;
}

table.EditArea .EditArea_Title {
	height:25px;
	width:120px;
	text-align:right;
	background-color:#333333;
	color:#FFFFFF;
	white-space:inherit;
}


table.EditArea .EditArea_TitleB {
	height:25px;
	width:120px;
	text-align:right;
	background-color:#444444;
	color:#FFFFFF;
	white-space:inherit;
}

table.EditArea .EditArea_Contact {
	text-align:Left;
	background-color:#F7F6F3;
	color:#000000;
	white-space:inherit;
}

		.post-info {
            width: 100%;
            overflow: hidden;
            font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;
        }
        
        .post-info strong {
            float: left;
            width: auto;
            margin: -6px 16px 0 0;
            padding: 0 17px 0 0;
            line-height: 1.4em;
            font-size: 14pt;
            font-weight: 400;
            text-align: left;
            color: #E29A00;
        }

        .post-info strong b {
            display: block;
            margin: -12px 0 0 0;
            font-weight: 400;
        }

        .post-info h2 {
           padding: 0;
           margin: 5 0 0 0;
           font-size: 14pt;
        }