@charset 'utf-8';

#RR{
    max-width: 1280px;
    width: 90%;
    margin: 0 auto !important;
    font-family: 微軟正黑體;
    display: block;
    
}

#photo {
	padding: 2% 0;
} 

#photo img{
	width: 100%;
} 

#af-header {
	height: 60px !important;
}

.row{
	display: flex;
    align-items: center;
}
.pic {
    width: 50%;
    box-sizing: border-box;
	}
.pic img{
    width: 100% !important;
	}

#garybg {
	clear: both;
    background-color: #eef1f6;
    display: block;
    line-height: 2.35;
    color: #666;
    width: 100%;
}

@media all screen and (min-width: 1024px) and (max-width:2560px) {

#RR {
    width: 70% !important;
    margin: 0 auto;
    text-align: center;
    font-family: 微軟正黑體;
}

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

#RR div{
    max-width: 760px;
    width: 90% !important;
    margin: 0 auto;
    text-align: center;
    font-family: 微軟正黑體;
}

}

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

#RR div{
    max-width: 480px;
    width: 90% !important;
    margin: 0 auto;
    text-align: center;
    font-family: 微軟正黑體;
}

}