/* CSS Document */
/* 網頁預設文字顏色，一定要是黑色，不要修改，其他要使用顏色另外自訂 */
html {
		overflow-x: hidden;/*禁止x捲軸*/
	}
body {
	color: #000;
	font-size: 1.063em;
	line-height: 1.6;
	font-family: "微軟正黑體",Verdana, Geneva, sans-serif,"新細明體";
	background-image: url(images/back.jpg);
	background-position: center center;
	/* 文字左右對齊 */ 
	text-align:justify;
	text-justify:inter-ideograph;
}

/* ****************無障礙，超連結外框線**************** */
a:focus {
    border: 2px dotted rgb(255, 80, 44);
	display: inline-block;
	outline: none;
	hlbr: expression(this.onFocus=this.blur()); /* IE */
}
input:focus { background-color: yellow;border: 2px dotted rgb(255, 80, 44);} /*也可以限制類型 input[type="text"]:focus { background-color: yellow; }*/
textarea:focus { background-color: yellow; }
/* ****************無障礙，超連結外框線**************** */

.w_white {color : #FFF; }
.w_white a:link {color:#fff;}
.w_white a:visited {color:#fff;}
.w_white a:hover {color: #f2c11c;} 

.w_red {color : #F00; }
.w_red a:link {color:#F00;}
.w_red a:visited {color:#F00;}
.w_red a:hover {color: #000;} 

.w_red2 {
	color:#a40000;
	}

.w_blue {color : #00a0e9; }
.w_blue a:link {color:#00a0e9;}
.w_blue a:visited {color:#00a0e9;}
.w_blue a:hover {color: #f2c11c;} 

.w_blue2 {color : #037aa1; font-weight:bold; }
.w_blue3 {color : #037aa1; }

.w_brown {color : #6c6354; }
.w_brown a:link {color:#6c6354;}
.w_brown a:visited {color:#6c6354;}
.w_brown a:hover {color: #f2c11c;} 

.w_black {color : #000; }
.w_black a:link {color:#000;}
.w_black a:visited {color:#000;}
.w_black a:hover {color: #464646;} 
 

.td_height_5 {height:5px; clear:both;}
.td_height_8 {height:8px; clear:both;}
.td_height_10 {height:10px; clear:both;}
.td_height_20 {height:20px; clear:both;}

.w_15 {
	font-size:0.938em;
	}
.w_20 {
	font-size:1.250em;
	font-weight:bold;
	}

/*這個要保留，給bootstrap accordion_menu用*/
.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }


/* 會有RWD變化的「預設」樣式，都放在這，後續方便直接複製到style.rwd.css中修改 */
.w_rwd_t1 {
	font-size:1.250em;
	}
.w_rwd_1 {
	font-size:1.125em;
	}
.w_rwd_2 {
	font-size:0.938em;
	}

/* 會有RWD變化的「預設」樣式，都放在這，後續方便直接複製到style.rwd.css中修改 */

/*----新聞內容與圖片---------------------*/
#main_main_title1 {
	border-bottom: 2px solid #dedede;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	height:auto;
	overflow:hidden;
	}
#main_main_content {
	clear: both;
	line-height: 285%;
    letter-spacing: 0;
	font-size:0.938em;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
	text-align: justify;
	}
#main_main_content_pic1 {
	background-color: #ffd200;
	color:#fff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width:150px;
	}
#main_main_content_pic2 {
	padding: 20px;
	border: 2px solid #ffd200;
	height:auto;
	overflow:hidden;
	}
.img-responsive-wrap {
    display: block;
    height: 150px;
    overflow: hidden;
}
.pic_border1 {
	padding: 3px;
	border: 1px solid #CCC;	
	}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  .video-container object,  .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#showmember {
	height: 100%;
	overflow:hidden;
	}
#showmember1 {
	height:450px;
	width: 200px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 30px;
	}
#showmember2 {
	height:450px;
	width: 200px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
	float:left;
	}
#shareBtn {
	background-color:#4267b2; 
	margin-right:5px; 
	border:0px; 
	width:40px; 
	height:20px; 
	padding:0; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
/*----新聞內容與圖片---------------------*/

.box {
	background-color:#fff; -moz-box-shadow: 0px 0px 20px #454545;
    -webkit-box-shadow: 0px 0px 20px #454545;
    box-shadow: 0px 0px 20px #454545;
	}
.box2 {
	padding-top:10px; 
	background-color:#f3f3f3; 
	background-image:url(images/b1.gif); 
	border:#e1e1e1 1px solid;  
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	}
.padding_15 {
	padding: 0 15px;
	}
.padding_15_2 {
	padding: 15px;
	}
.input_style1 {
	width:100%;
	height:29px;
	border:#0f5d74 4px solid;
	padding:5px;
	}
#video_header {
	background-image:url(images/b2.gif); 
	height:36px;
	border:#e2e2e2 1px solid;
	-moz-box-shadow: 0px 2px 5px #dbdbdb;
    -webkit-box-shadow: 0px 2px 5px #dbdbdb;
    box-shadow: 0px 2px 5px #dbdbdb;
	}
#video_header {
	background-image:url(images/b2.gif); 
	height:36px;
	}
.tithing {
	padding:15px;
	}
#link_header {
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:#6c6354 1px solid;
	}
#footer_info {
	background-image:url(images/b4.gif);
	margin-bottom:20px;
	}
#footer_info1 {
	background-image:url(images/b3.gif);
	height:13px; 
	}
#footer_info2 {
	background-image:url(images/b5.gif);
	height:14px; 
	}
.footer_info_line {
	border-bottom:#6c6354 1px solid;
	margin-bottom:10px;
	}
#footer {
	padding:0 15px 40px 40px;
	line-height:30xp;
	}
#footer div {
	padding:5px 0 ; 
	}

.pic_border {
	padding:4px;
	border:#c0c0c0 1px solid;
	}
	
.under_line {
	border-bottom: 1px #dedede solid;
	padding-bottom:5px;
	}

.arrow_bg {
	background-size:cover; background-position:center center; position:relative;
	}	
	
#msg a { color: rgb(0, 0, 0); text-decoration: none; }
#msg a:hover { color: rgb(160, 0, 0); text-decoration: none; font-weight: bold; }
#msg { float: left; width: 100%; height: auto; line-height: 2; font-size: 1.5em; overflow: hidden; }
#msg .row { float: left; width: 100%; border-top: 1px #dedede solid; text-align: left; }
#msg .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; padding-left: 7em; padding-right: 5px; margin-left: -6em; width: 100%; height: 100%; box-sizing: border-box; }
#msg .date { position: relative; float: left; width: 6em; text-align: center; box-sizing: border-box; }

.tb_bor1 {
	border:#dbeefb 1px solid;
	padding:4px;
	margin-bottom:20px;
	}
.tb_bor_pic {
	border:#e7e7e7 1px solid;
	padding:4px;
	}
.w_blue {
	color:#285aac;
	}
.w_blue a:link {color:#285aac;}
.w_blue a:visited {color:#285aac;}
.w_blue a:hover {color: #fff100;}  
.w_weight {
	font-weight:bold;
	}