@charset "utf-8";
/* CSS Document */

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #666; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

.nav_pic{
     font-size:x-large;
	text-decoration:none;
	color:#FFFFFF;

}



.nav_pic a{
  font-size:x-large;
 color:#FFFFFF;
 text-decoration:none;

}

.nav_pic a:hover{
  font-size:x-large;
 color:#1c3d20;
 
}

.date{
	 font-size:x-large;
 color:#336600;
 font-weight:600;
	
	}

.content_noline{
  font-size:large;
 color:#333333;
 text-decoration:none;
 line-height:25px;

	}
.content_noline a{
  font-size:large;
 color:#333333;
 text-decoration:none;
 line-height:25px;

	}	
.content_noline a:hover{
	  font-size:large;
 color:#666666;
 text-decoration:none;
 line-height:25px;
	}	
	
.index_title{
     font-size:x-large;
	color:#333366;
	font-weight:600;
	line-height:18px;
	padding-left:18px;
	
}
.index_content_dashed{
     font-size:large;
	color:#223b25;
	text-decoration:none;
	
	
}
.index_content_dashed a{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
     font-size:large;
	color:#223b25;
	text-decoration:underline;
		
}

.index_content_dashed a:hover{
     font-size:large;
	color:#305534;
		
}

.index_content{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
     font-size:large;
	color:#333333;
	text-decoration:none;
	line-height:25px;
	
	
}

.index_content a{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
     font-size:large;
	color:#333333;
	text-decoration:none;
		
}

.index_content a:hover{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
     font-size:large;
	color:#333333;
	text-decoration: underline;
		
}

.index_title_w{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
    font-size:medium;
	color:#ffffff;
	
	line-height:25px;
	padding-left:10px;
	
}
.h1{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
	font-size:x-large;
	font-weight:600;
	color:#87aa80;
}
.h2{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
	font-size:x-large;
	font-weight: 500;
	line-height: 35px;
	color: #6F7D9E;
}
.h3{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
	 font-size:x-large;
	
	color:#89712C;
}

.sub_title{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
    font-size:large;
	color:#214121;
	font-weight:600;
	line-height:18px;
	margin-top: 30px;
	margin-bottom: 15px;
	/*padding-left:40px;*/
	
}
.content{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
	font-size:large;
	color:#333333;
	line-height:33px;
}

.paragraph{
	text-indent: 38px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.content a{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
	font-size:large;
	color:#333333;
	line-height:33px;
	text-decoration: underline;

}
.content a:hover{
	 font-size:large;
	color:#666666;
	line-height:33px;
	text-decoration: underline;

}
.note{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
  font-size:large;
 color:#a70d0d;
}

.pic_note{
	font-family:'Noto Sans TC', Arial, 'Microsoft JhengHei', Droid Sans, Helvetica, 'Heiti TC', sans-serif;
 font-size:large;
 color:#575757;
 line-height:20px;
}
.pic_note a{
 font-size:large;
 color:#575757;
 line-height:20px;
 text-decoration:underline;
}
.pic_note a:hover{
 font-size:large;
 color:#575757;
 line-height:20px;
 text-decoration:underline;
}
.note_box{
font-size:large;
display: block;
background-color: #E8E8E8;
padding:35px;
	
}
 @media screen and (max-width: 900px){#youtube_ifr{ width:100%;}}




 
/**table**/

.table-style{
	margin: 20px 0px;
	border-collapse: collapse;
	text-align: left;
	border: 3px solid #d6e8f4;
}

.table-style td{
	padding: 10px 20px;
}


.table-style th{
	padding: 10px 20px;
	background-color: #d6e8f4 !important;
}



.table-style tr:nth-of-type(odd) td	{
	background-color: #d6e8f4 !important;
	border: #f7f7f7 solid 3px;
	
}


.table-style tr:nth-of-type(even) td{
	border: #d6e8f4 solid 3px;
}


/**text-important**/

.text-im{
	color: #ff6633;
}

/**list-style**/
.list-style{
	list-style: none;
	list-style-type: none;
}

.list-style h4 {
	color: #657496;
}

.list-style a{
	color: #FF6633;
}


/**mark**/

.mark-word{
	background-color: #f1f1f1;
	padding: 35px;
	border-radius: 0.5rem;
	margin-bottom: 15px;
	color: #000;
}

/*img*/

.img-style{
	max-width: 800px;
	width: 100%;
	display: inline-block;
}

/*highlight*/
.highlight{
	color: #ff6633;
	font-weight: 500;
}