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

.ugC_Program_Detail-content .content-text .time { display:block;}
.ugC_Program_Detail-content .content-text .time div.Exp { display:inline;}
.ugC_Program_Detail-content .content-text .time div.Exp ul { display:inline;}
.ugC_Program_Detail-content .content-text .time div.Exp ul li { display:inline-flex; align-items:center;}
.ugC_Program_Detail-content .content-text .time div.Exp ul li a { padding:7.5px 10px; border:1px solid #ccc; border-radius: 20px; background:white; margin:1px 0;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1); line-height:1;
/*基礎動畫*/
transition:border .5s, color .5s, background .5s;}
.ugC_Program_Detail-content .content-text .time div.Exp ul li a:hover,
.ugC_Program_Detail-content .content-text .time div.Exp ul li a:active { border:1px solid rgb(25,120,240);}
.ugC_Program_Detail-content .content-text .time div.Exp ul li a:focus {  border:1px dashed blue; background:rgba(255,240,0,1);}
.ugC_Program_Detail-content .content-text .time div.Exp ul li:not(:last-child):after { content:'、';}
.ugC_Program_Detail-content .content-text .Desc { border-top:1px solid #ccc; padding-top:0.5em; width:100%;}
.ugC_Program_Detail-content .content-text .social { border-top:1px solid #ccc; padding-top:0.5em; width:100%;}
@media only screen and (min-width:0px) and (max-width:768px) {
	.ugC_Program_Detail-content .content-text .time { line-height:1.4;}
}