*{ padding: 0; margin: 0; box-sizing: border-box}
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&display=swap&subset=chinese-traditional");   
.et_165dashboard{ font-family: 'Noto Sans TC', 'Microsoft JhengHei UI', 'Microsoft JhengHei'; font-weight: 300; font-size: 16px;}
/*
size_s 3列+無邊距(桌機-側欄)
size_m 3列+有邊距(手機-新聞文末)
size_l 1列+無邊距(桌機-新聞文末)
*/ 
.et_165dashboard{ display: flex; flex-direction: column; align-items: center; margin-bottom:20px; background-color: #f5f3f7; border: 1px solid #cbcbcb; border-radius: 10px; overflow: hidden;}
.et_165dashboard__title{ width: 100%; background-color: #218cff; display: flex; justify-content: center; align-items: center; gap: 7px; padding: 3px 0; position: relative;}
.et_165dashboard__title > h3{ font-size: 14px; color: #fff; font-weight: 700; border-radius: 10px;}
.et_165dashboard__more{ font-size: 11px;}    
a.et_165dashboard__more:link, a.et_165dashboard__more:visited{ color: #ffeb3b; text-decoration:none;}
.et_165dashboard__more::after{ content: "▶︎"; margin-left: 3px;}
.et_165dashboard__content{ display: flex; justify-content: center; align-items: center;}    
.et_165dashboard__content > strong, .et_165dashboard__content > em{ display: block; font-style: normal;}
.et_165dashboard__content > strong{ font-size: 20px; font-weight: 600; color: #ea4e16;}
.et_165dashboard__content > em{ font-size: 11px; font-weight: 400; color: #444; margin: 0 2px;}
.et_165dashboard__content > i{ display: block; width: 10px; height: 30px;  margin: 0 3px 0 5px; position: relative;}
.et_165dashboard__content > i::after{ content: ""; display: block; width: 1px; height: 100%; background-color: #999; transform: rotate(30deg);}
.et_165dashboard__content > em:nth-last-of-type(1){ font-size: 11px; margin-left: 10px; background-color: #ddd; padding: 2px 5px; border-radius: 5px;}
.et_165dashboard__content .et_165dashboard__more{ display: none;}
.et_165dashboard__info{ font-size: 9px; font-weight: 400; color: #444;} 
/* 3列+有邊距(手機-新聞文末) */
.et_165dashboard.size_m{ 
    margin: 20px;
    .et_165dashboard__more{ font-size: 13px;}
    .et_165dashboard__content > em{ font-size: 13px;}    
    .et_165dashboard__content > em:nth-last-of-type(1){ font-size: 11px;}
}
/* 1列+無邊距(桌機-新聞文末) */
.et_165dashboard.size_l{ 
    background-color: unset; border: unset; border-radius: unset; padding: unset; flex-wrap: wrap; flex-direction: row; align-items: stretch; margin-bottom: 20px;
    .et_165dashboard__title{ padding: unset; align-items: center; width: auto; border-radius: 10px 0 0 10px;}
    .et_165dashboard__title > h3{ font-size: 16px; padding: 0px 10px;}
    .et_165dashboard__title .et_165dashboard__more{ display: none;}
    .et_165dashboard__content{ justify-content: flex-start; flex-grow: 1; background-color: #f5f3f7; border: 1px solid #cbcbcb; border-radius: 0 10px 10px 0; padding: 0 5px;}
    .et_165dashboard__content > em:nth-last-of-type(1){ font-size: 13px;}              
    .et_165dashboard__content > i{ margin: 0 3px 0 8px;}
    .et_165dashboard__content .et_165dashboard__more{ display: block;}
    .et_165dashboard__more{ margin-left: auto; padding: 2px 7px 2px 10px; border-radius: 5px;}      
    a.et_165dashboard__more:link, a.et_165dashboard__more:visited{ background-color: #ea4e16; color: #fff; font-weight: 500;}          
    a.et_165dashboard__more:hover, a.et_165dashboard__more:active{ background-color: #f0c71d;}
    .et_165dashboard__info{ font-size: 9px; width: 100%; text-align: right; margin-top: 5px;}
}