section[name=note]
{
	
	margin: 0px;
	background-color: #FCFCFC
	
}

h2[name=noteTitle]
{
	
	font-weight: bold;
	
}

p[name=note]
{
	
	font-weight: bold;
	color: #4A738B;
	
}

p[name="1"]
{
	
	color: #D13B56;
	
}

div[class=myContent]
{
	
	margin: 50px 0px;
	display: flex; 
	flex-direction: column; 
	align-items: center;
	 
}

h1[name=clearTitle], h1[name=videoTitle]
{
	
	font-weight: bold;
	color: #4A738B;
	
}

div[class=clearContent]
{
	
	display: flex; 
	flex-direction: row;
	
}

div[class=clearItem]
{
	
	margin: 20px;
	
}

h3[class=clearItemTitle]
{
	
	margin-top: 10px;
	text-align: center;
	
}

@media (max-width: 768px) {
	/* 清除內容在平板以下改為垂直排列 */
	div[class=clearContent] {
		flex-direction: column;
	}

	/* 清除項目在平板以下減少左右間距 */
	div[class=clearItem] {
		margin: 15px 0;
	}

	/* 設置小螢幕標題字體大小 */
	h2[name=noteTitle], h1[name=clearTitle], h1[name=videoTitle] {
		font-size: 30px;
	}

	/* 設置小螢幕文字字體大小 */
	p[name=note] {
		font-size: 18px;
	}

	/* myContent 內部間距縮小 */
	div[class=myContent] {
		margin: 30px 0;
	}
}

@media (max-width: 480px) {
	/* 移動設備的內容和文字進一步縮小 */
	h2[name=noteTitle], h1[name=clearTitle], h1[name=videoTitle] {
		font-size: 30px;
	}

	p[name=note] {
		font-size: 18px;
	}

	/* 在手機上，清除項目之間的間距進一步減少 */
	div[class=clearItem] {
		margin: 10px 0;
	}

	/* myContent 上的間距再次縮小 */
	div[class=myContent] {
		margin: 20px 0;
	}
}