@charset "utf-8";
@import url("/tw/css/ugC_Content.css");

.about-img img { display:block; max-width:100%; height:auto; border-radius:15px;}

.about-02 dl { display:block; width:100%; height:auto; border:2px solid var(--color-main); border-radius:10px; overflow:hidden;}
.about-02 dl * { padding:0; margin:0; list-style:none; text-decoration:none;}
.about-02 dl dt { padding:5px 10px; background:var(--color-main); color:white; display:block; width:100%; height:auto; overflow:hidden;}
.about-02 dl dd { display:block; width:100%; height:auto; overflow:hidden; padding:2.5px 10px;}
.about-02 dl dd strong { color:var(--color-main);}
.about-02 dl dd.notice { color:crimson; font-weight:bold;}

.about-03 { display:flex; flex-wrap:wrap; flex-direction:row-reverse;}
.about-03 > div { width:50%; overflow:hidden;}
.about-03 > div img { display:block; max-width:100%; height:auto; border-radius:10px; }
.about-03 > div.text { padding-right:20px;}

@media only screen and (min-width:0px) and (max-width:768px){
	.about-03 { flex-direction:column;}
	.about-03 > div { width:100%;}
}