div[class=tab-box]
{
	
	 display: flex; 
	 flex-direction: column;
	 align-items: center;
	 
}

div[class=text-box][location=text]
{
	
	 display: grid;
	 grid-template-columns: repeat(5, 1fr);
	 font-size: 20px;
	
}

div[class=col-md-12][name=big]
{
	
	 display: flex; 
	 flex-direction: column;
	 align-items: center;
	
}

div[name=items]
{

	display: flex;
	align-items: center;
	margin: 0px 10px;

}

p[name=number]
{

	padding: 10px 20px;
	font-weight: bold;
	font-size: 50px !important;
	align-items: center;
	color: #6792AE;

}

p[name="1"], p[name="2"], p[name="3"], p[name="4"], p[name="5"]
{
	
	font-weight: bold;
	color: #595959;
	
}

div[name=photo]
{
	
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	
}

div[class=photo]
{
	
	 display: flex; 
	 flex-direction: row; 
	 justify-content: center; 
	 align-items: center;
	
}

@media screen and (max-width: 768px) {

    div[class=text-box][location=text] {
        grid-template-columns: 1fr; /* 單欄顯示 */
        font-size: 16px;
        gap: 10px;
        text-align: center;
    }

    div[name=items] {
        flex-direction: column;
        margin: 10px 0;
    }

    p[name=number] {
        font-size: 36px !important;
        padding: 5px 10px;
    }

    div[name=photo] {
        grid-template-columns: 1fr; /* 單欄圖片 */
        gap: 10px;
    }

    div[class=photo] {
        flex-direction: column;
    }

    p[name="1"], 
    p[name="2"], 
    p[name="3"], 
    p[name="4"], 
    p[name="5"] {
        font-size: 16px;
        text-align: center;
    }

}