#article {                                                
  margin-bottom: 1px;
  text-align:left;	  
}
#article .head_table {
	width: 100%;
}
#article .head_table_hd {
  width: 100%;
}
#article .bd_table {
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	BORDER-BOTTOM: 0px;
	width: 100%;
	margin-top: 2px;	
}
#article .pic{
	/*margin-right: 10px;*/
	PADDING-RIGHT: 10px;          
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	BORDER-BOTTOM: 0px;
}
#article .bd_table_hd    {
	font-weight: bold;
	width: 100%;
}
#article .bd_table_detail {
	text-align: justify;
	vertical-align: top;
}
#article .bd_table_link {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	TEXT-ALIGN: right;
	vertical-align: bottom;
}
#article .default_title {
	font-size: 20px;
	color: #000000;
	PADDING-BOTTOM: 20px;
	PADDING-TOP: 20px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 20px;
	text-align: left;
}
#article .default_photo {
	text-align: left;
}

#article .default_content {
	font-size: 16px;
	color: #000;
	padding-top: 20px;   
	text-align: justify;	
  line-height: 24px;	
}

#article .default_menu {
	font-size: 20px;
	color: #ffffff;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
	vertical-align: top;
}
#article .default_select {
	color: #ffffff;
	font-size: 16px;
}

#article .default_writedate {
	font-size: 16px;
	text-align: right;
	color: #ffffff;
}
#article .default_author {
	font-size: 16px;
	text-align: right;
	color: #ffffff;
}
#article .default_container {
	width: 100%;
}
#article .default_images {
	color: #ffffff;
	vertical-align: top;
	padding-top: 15px;
	padding-right:5px;
	padding-bottom: 5px;
	text-align: justify;
	max-width:190px;
	float:left;
}
#article .default_images br{

}
#article .default_images IMG{
	border: 1px solid #363636;
	margin-bottom: 5px;      
  margin-top:5px;     
  max-width:100%;
}   
#article .default_view_label {
	font-size: 13px;
	color: #000;
}
#article .default_view_value {
	font-size: 13px;
	color: #1e50a2;
}
#article .default_view_notes {
	font-size: 11px;
	color: #ffffff;
	text-align: right;
	padding-top: 4px;
}
#article .default_view {
	text-align: right;
	padding-top: 6px;
}
#msg_container {
	width: 100%;
	overflow: hidden;	
}
#article .msg_table {
	background-color: #ffffff;
	border: 1px solid #ddd;
	margin-bottom: 5px;
}
#article .msg_title {
	FONT-SIZE: 15px;
	COLOR: #333;
	font-weight: bold;
	background-color: #ddd;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	white-space: nowrap;
}
#article .msg_login {
	font-size: 15px;
	text-align: right;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#article .msg_titlebar {
	background-color: #ddd;	
}
#article .msg_label {
	FONT-SIZE: 15px;
	COLOR: #333;
	text-align: right;
	vertical-align: top;
	height: 20px;
	padding: 2px;
	white-space: nowrap;
}
#article .msg_nickname {
	
	
}
#article .msg_button1 {
	color: #00517c;
	width: 70px;
	height: 25px;
	margin-top:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #83bedd;
	border-right-color: #2a7399;
	border-bottom-color: #2a7399;
	border-left-color: #83bedd;
	background-color: #daedf7;
	
}
#article .msg_button2 {
	color: #666666;
	width: 70px;
	height: 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	background-color: #EAEAEA;
	margin-left: 30px;
	
}
#article .msg_btn {
	height: 35px;
}
#article .msg_seccode {
	width: 120px;
}

#article .msgshow_table {
	background-color: #fff;
	margin-top: 10px; 
	width: 100%;
  border:1px solid #ddd; 
}
#article .msgshow_table_edit {
  margin-top:10px;
	margin-bottom: 5px;
	border: 1px solid #dddddd;
	width: 100%;
	background-color: #ffffff;
}
#article .msgshow_titlebar{
	border-bottom:1px solid #ddd; 
}
#article .msgshow_nickname{
	font-size: 15px;
	color: #0067b6;
	padding:10px; 
  background-color: #eee;
}
#article .msgshow_nickname b{
	color: #3dcfff;
}
#article .msgshow_control{
	white-space: nowrap;
	text-align:right;
}
#article .msgshow_date{
	font-size: 12px;
	color: #a1a1a1;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;

}
#article .msgshow_message{
	font-size: 15px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: normal;

}
#article .msgLogin_table {
	width: 100%;
	margin-bottom: 5px;

}
#article .msgLogin_label {
	font-size: 15px;
	color: #ffffff;
}
#article .msgLogin_bd {
	background-color: #D0DBFF;
}

#article .bd_table_search {

}
#article .bd_table_search_button {
	FONT-SIZE: 13px;
	WIDTH: 60px;
	COLOR: #1854FF;
	HEIGHT: 22px;
	background-color: #D2DEFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #7195FF;
	border-right-color: #2058FF;
	border-bottom-color: #2058FF;
	border-left-color: #7195FF;
	padding-top: 2px;
}
#article .bd_table_search_td {
	margin: 0px;
	padding: 0px;
	color: #333;
}
#article FORM {
	margin: 0px;
	padding: 0px;
}
#article INPUT {
	color: #333;
}
#article .imsg {
	margin-top: 10px;
	margin-left: 2px;
  width:98%;  
}
#article .imsg_date_hd {
	width: 32%;
	FONT-SIZE: 12px;
	color: #666666;
	border-bottom-color: #ccc;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#article .imsg_name_hd {
	width: 29%;
	FONT-SIZE: 12px;
	color: #666666;
	border-bottom-color: #ccc;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#article .imsg_content_hd {
	FONT-SIZE: 12px;
	color: #666666;
	border-bottom-color: #ccc;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#article .imsg_date_bd {
	FONT-SIZE: 12px;
	color: #333;
	padding-top: 2px;
}
#article .imsg_name_bd {
	FONT-SIZE: 12px;
	color: #333;
	padding-top: 2px;
}
#article .imsg_content_bd {
	FONT-SIZE: 12px;
	color: #333;
	padding-top: 2px;
}


#article .contenthtml
{
  float:left;
  text-align:left; 
  font-size:17px; 
  line-height: 26px;    
  margin: 0 0 20px 0; 

} 
#article .contenthtml table
{
  text-align:left;       
} 
#article .contenthtml td
{

}         
#article .contenthtml td.default_author
{
  font-size:17px; 
  line-height: 26px;    
}    
#article .contenthtml td.default_writedate
{
  font-size:17px; 
  line-height: 26px;    
}    
#article .contenthtml p
{        
   
}
#article .contenthtml a
{
  color:#ffd800;
  text-decoration:underline;     
} 

#article .msgft {
  float:left;
  width: 310px;
  padding: 0 0 20px 0;
}
#article .msgft td.msg_label{
  width: 82px;
  padding:6px 0 0 0;
}
#article .msgft td.msg_value{
  padding:6px 0 0 5px;
}
#article .msgft td.msg_btn{
  padding:6px 0 0 5px;
}
#article .msgterms{
  margin: 10px ;  
  font-size:13px;
  line-height:18px;   
  color:#d3d3d3;    
  text-align:left;    
}    
#article .msgterms .bd{    
  float:left;      
  padding: 0 0 20px 0; 
}              
#article .msgterms b{   
  float:left;   
  width:100%;  
  text-align:center;
  text-decoration:underline;    
  margin: 0 0 0 0;      
}      
#article .msgterms li{   
  float:left;   
  width:100%;  
  text-align:left;     
}   
#article .msgterms ol{   
  float:left;   
  width:100%;  
  margin: 10px 0 0 20px;
  padding:0;
}         
#article .msgterms p{    
  float:left;   
  width:100%;
  text-align:left;
  font-size:13px;   
  margin: 10px 0 0 0;  
}   
#article .dropdown-menu{
  top:auto; 
  left:auto; 
  font-size:15px;
  background-color:#4a4a4a;
  color:#CCC
}
#article .dropdown-menu > li{
	border-bottom:1px solid #404040    
}
#article .dropdown-menu > li > a{      
  white-space: normal;  
   padding-top:6px; 
  padding-bottom:6px; 
  color:#5ad2fe;
  padding-left:10px
}    
#article .dropdown-menu>li>a:hover{
	background-image:none !important;
	background-color:#383838 !important;
}

#article .dropdown-menu>li>a:focus{
	background-image:none !important;
	background-color:#383838 !important;
}
#article .dropdown-menu > li > a > i {   
  display:inline-block;
  width:100%; 
  font-style:normal;   
  color:#CCC;    
}                      
#article .dropdown-menu > li > a > b {  
  display:inline-block;      
  font-weight:normal;        
  width:100%;                 
}           
#article .dropdown-toggle {
  white-space: normal; 
}
#article .dropdown-toggle i{  
  float:left;
  font-style:normal;  
  color:#fff;
  text-align:left; 
  margin-right:10px;     
}     
#article .dropdown-toggle b{
  float:left;
  font-weight:normal;        
  text-align:left;    
  margin-right:10px;      
}
#article .dropdown-toggle .caret{     
  float:right;
  margin-top:8px;
}

#article #user-login {
	background-color:#fff;
  padding-bottom:5px;
  margin: 10px 0 0 0;
  border:1px solid #ddd 
}
#article #user-login .form-group{
	padding: 0 10px;
}
#article #user-login h4{ 
  padding:10px;
  font-size:17px;
  border-bottom:1px solid #ddd 
}

#article #my-msg { 
  background:#fff;
  color:#000;
  padding-bottom:15px;
  margin-top: 10px;
  border:1px solid #ddd  
}

#article #my-msg .form-group{
	padding: 0 10px;
}
#article #my-msg h4{
  border-bottom:1px solid #ddd;
  background:#eee;
  padding:10px;
  margin-top:0;       
  font-size:17px;
}
#article .seccode{
  margin: 10px 0 0 0;
}

/* -- article-header */ 

/* brown-text-right-photo */
#article-header.brown-text-right-photo #div-info{
  width:70%;
}           
#article-header.brown-text-right-photo #div-photo{
  float:right;
  width:30%;
}              
#article-header.brown-text-right-photo #photo{
  display: block;
  max-width: 100%;
  height: auto;
  float:right;
}             
#article-header.brown-text-right-photo #title{
  font-size: 23pt;
  font-weight: bold;
  color: #000;
  font-family: 標楷體;
  line-height: 32px;    
}         
#article-header.brown-text-right-photo #name span{
  color:#000;
  font-size:20pt;
  line-height: 22pt;
  font-family: 標楷體;
}    
#article-header #desc{
	color:#000;
}
#article-header #date{
	color:#000;
}
#article-header #name{
	color:#000;
}
@media (max-width: 699px) {
  #article-header.brown-text-right-photo #title{
    font-size: 16pt;
    line-height: 28px;
    margin:0 0 0 0;
  } 
  #article-header.brown-text-right-photo #name span{
    font-size:16pt;
    line-height: 20pt;
  }
}
@media (min-width: 700px) {
  #article-header.brown-text-right-photo #title{
    font-size: 23pt;
    line-height: 32px;
    margin:10px 0 0 0;
  } 
  #article-header.brown-text-right-photo #name span{
    font-size:20pt;
    line-height: 22pt;
  }
}  

/* left-black-text */
#article-header.left-black-text #title{
  font-size: 32px; 
  text-align: left; 
  margin: 10px 0 0 0; 
  font-weight: bold; 
  line-height: 30px;
}   
@media (max-width: 699px) {
  #article-header.left-black-text #title{
    font-size: 24px;
    line-height: 26px;
    margin:0 0 0 0;
  } 
}
@media (min-width: 700px) {
  #article-header.left-black-text #title{
    font-size: 32px;
    line-height: 30px;
    margin:10px 0 0 0;
  } 
}  

/* center-blue-text */
#article-header.center-blue-text #title{
  text-align:center;
  font-size: 24pt;
  font-weight: bold;
  color: #FF0;
  font-family: 新細明體;
  line-height: 32px;
} 
@media (max-width: 699px) {
  #article-header.center-blue-text #title{
    font-size: 16pt;
    line-height: 22px;
  } 
}
@media (min-width: 700px) {
  #article-header.center-blue-text #title{
    font-size: 24pt;
    line-height: 32px;
  } 
}  

/* lightbrown-text-right-photo */
#article-header.lightbrown-text-right-photo #div-info{
  width:70%; 
}           
#article-header.lightbrown-text-right-photo #div-photo{
  float:right;
  width:30%;
}              
#article-header.lightbrown-text-right-photo #photo{
  display: block;
  max-width: 100%;
  height: auto;
  float:right;
}             
#article-header.lightbrown-text-right-photo #title{
  font-size: 23pt;
  font-weight: bold;
  color: #6e4714;
  font-family: 標楷體;
  line-height: 32px;    
}         
#article-header.lightbrown-text-right-photo #name span{
  color:#6e4714;
  font-size:20pt;
  line-height: 22pt;
  font-family: 標楷體;
}                   
@media (max-width: 699px) {
  #article-header.lightbrown-text-right-photo #title{
    font-size: 16pt;
    line-height: 28px;
    margin:0 0 0 0;
  } 
  #article-header.lightbrown-text-right-photo #name span{
    font-size:16pt;
    line-height: 20pt;
  }
}
@media (min-width: 700px) {
  #article-header.lightbrown-text-right-photo #title{
    font-size: 23pt;
    line-height: 32px;
    margin:10px 0 0 0;
  } 
  #article-header.lightbrown-text-right-photo #name span{
    font-size:20pt;
    line-height: 22pt;
  }
}  

/* article-header -- */