/*=====字體=====*/
.TreeMenu_0 a {
    color: #004aa9;
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    font-family: 'Noto Serif TC',serif;

}
.TreeMenu_0 a:hover {
    color: #004aa9;
    font-size: 40px;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    font-family: 'Noto Serif TC',serif;

}

.experience .ClassName{
    display: block;
}



/*======bolg======*/
.experience {
    padding: 120px 20px;
}

.experience .TreeMenu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.experience .TreeGroup_4 {
    width: 33.3%;
    padding: 20px;
}




.experience img{ 
   width: 100%;
    height: 400px;
    object-fit: cover;
    margin-bottom: 20px;
}

@media (max-width:768px) {
.experience .TreeMenu{
    display: flex;
    flex-direction: column;
}
.experience .TreeGroup_4 {
    width: 100%;
    padding: 20px;
}}



/*======blog tree預設=====*/
.TreeNode_1:hover, .TreeNode_2:hover, .TreeNode_3:hover, .TreeNode_4:hover, .TreeNode_5:hover, .TreeNode_6:hover, .TreeNode_7:hover, .TreeNode_8:hover, .TreeNode_9:hover {
    background: unset;
}

/*背景*/
#ns_Main {
    margin-top: 70px;
    background-image: url(https://comet.noonspace.com/w62/north/MsgInfo/bg.png);
    background-size: 209px auto;
    background-repeat: no-repeat;
    background-position: top right;
}

@media (max-width:768px){
	#ns_Main {
	    margin-top: 0;
	    background-image:none;
	}

	.experience {
	    padding: 20px;
	}
}