html,body {font-size: 20px!important;}
body {
    overflow-x: hidden;
    touch-action: pan-y;
     margin: 0;
    padding: 0; 
    font-family: "Noto Sans TC","微軟正黑體",Verdana, Geneva, Tahoma, sans-serif;
    /* letter-spacing: 1px; */
}

img {
    display: block;
}

a, a:hover{
    text-decoration: none;
}

.font_orange {
    color: #FF6123;
}
.font_green {
    color: #28a745;
}
.font_red {
    color: #e92f51;
}
.font_blue {
    color: #4a90d9;
}
.font_mint {
    color:#33d296;
}

.button {
     align-items: center;
    display: flex;
    white-space: nowrap;
}
td .button {
    padding-left: 10px;
    padding-right: 10px;
}

.btn_site {
    width:max-content;
    padding: 8px 20px;
    align-items: center;
    display: flex
;
}
.btn_link:hover,.btn_site:hover{text-decoration:none}
.btn_link{display:flex;align-items:center;text-align:center;background-color:#f1f1f1;padding:5px 15px;border-radius:30px;width:max-content!important}
.btn_link:hover{background-color:#e4e4e4;color:inherit}


#nav #search 
.btn_submit:hover,
#nav 
.icon_area a:hover,
#nav .menu a:hover,
.btn_close:hover,
.btn_site:hover,
.modal .uk-close:hover,
.modal .btn_previous:hover
{background-color:#1d1d1d!important}

.btn_site:hover {
    color:#fff;
}
.uk-modal-body {
    word-wrap: break-word;
}


.btn_site,
.modal .uk-modal-footer .uk-modal-close,
.modal .btn_previous {
    /* min-width: 100px; */
    background-color: #363636;
    color:#fff;
    border-radius: 30px!important;
    text-align: center;
    padding: 10px 20px;
}

.uk-input, 
.uk-select, 
.uk-textarea,
.uk-button,
button {
    border-radius: 3px!important;
}
.uk-input, .uk-select, .uk-textarea {
    background-color: #f1f1f1!important;
    font-size: .75rem!important;
}
.modal .uk-icon {
    margin-right: 0;
}
.modal .uk-close {
    position: sticky;
    color: #fff;
    background-color: #363636;
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 100%!important;
    top: 10px;
    margin: -10px;
}
.modal .uk-modal-footer {
    padding: 15px 0;
}
.modal .modal_title {
    font-size: 1.1rem;
    margin-bottom: 20px;
}
.modal .page_title {
    font-size: .95rem;
}

.modal .btn_previous {
    display: inline-block;
    margin-top: 15px;
}

form .uk-form-label,
form .uk-form-controls label {
    font-size: .75rem;
    color: #999;
    margin-bottom: 5px;
    display: block;
}
form .uk-form-controls a {
    font-size: .7rem;
}
form .input_help {color:#f0506e;font-size: .7rem;display: block;margin-top: 5px;}

#overlay{display:none}


.text_meta {
    font-size: .7rem;
    color:#999;
}


 .input_error {
    display: block;
    color: #fff;
    background-color: #e0677d;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: .7rem;
    line-height: 1.4;
    margin-top: 5px;
} 

*+.uk-alert{border-radius:4px;font-size:.8rem;display:flex;align-items:center}
.uk-alert .material-symbols-outlined{display:block;float:left}
.uk-alert .icon {float: left;}
.uk-alert .icon img {
    vertical-align: middle;
    display: inline;
}
.uk-alert p {
    display: flex;
    align-items: center;
}

.uk-notification-message{padding: 15px; border:0;background-color:#282727;color:#fff!important;font-size:.75rem;border-radius:3px;top:60px}
.uk-pagination,.pagination {font-size: .8rem;align-items: center;}


/* filepod Custom */
.filepond--file {
    color:#555!important;
}
.filepond--credits {
    display: none!important;
}

.uk-inline .uk-form-icon {
    display: flex;
    align-items: baseline !important;
    margin-top: 12px;
}

.div-flex-middle {
    align-items: center;
    display: flex;
    gap: 5px;
}
.div-inline-flex-middle {
    align-items: center;
    display: inline-flex;
    gap: 5px;
}

/* UIKit Grid 擴充 - 支援 6, 7, 8, 10 個欄位 */

/* 基本 6~10 等分 */
.uk-child-width-1-6>*,.uk-width-1-6{width:16.666%}
.uk-child-width-1-7>*,.uk-width-1-7{width:14.286%}
.uk-child-width-1-8>*,.uk-width-1-8{width:12.5%}
.uk-child-width-1-9>*,.uk-width-1-9{width:11.111%}
.uk-child-width-1-10>*,.uk-width-1-10{width:10%}

/* 6 等分的其他比例 (跳過 3/6=1/2) */
.uk-width-2-6{width:33.333%}
.uk-width-4-6{width:66.666%}
.uk-width-5-6{width:83.333%}

/* 7 等分的其他比例 */
.uk-width-2-7{width:28.571%}
.uk-width-3-7{width:42.857%}
.uk-width-4-7{width:57.143%}
.uk-width-5-7{width:71.429%}
.uk-width-6-7{width:85.714%}

/* 8 等分的其他比例 (跳過 2/8=1/4, 4/8=1/2, 6/8=3/4) */
.uk-width-3-8{width:37.5%}
.uk-width-5-8{width:62.5%}
.uk-width-7-8{width:87.5%}

/* 9 等分的其他比例 (跳過 3/9=1/3, 6/9=2/3) */
.uk-width-2-9{width:22.222%}
.uk-width-4-9{width:44.444%}
.uk-width-5-9{width:55.556%}
.uk-width-7-9{width:77.778%}
.uk-width-8-9{width:88.889%}

/* 10 等分的其他比例 (跳過 2/10=1/5, 4/10=2/5, 5/10=1/2, 6/10=3/5, 8/10=4/5) */
.uk-width-3-10{width:30%}
.uk-width-7-10{width:70%}
.uk-width-9-10{width:90%}

/* Small 螢幕 (640px+) */
@media (min-width:640px){
  .uk-child-width-1-6\@s>*,.uk-width-1-6\@s{width:16.666%}
  .uk-child-width-1-7\@s>*,.uk-width-1-7\@s{width:14.286%}
  .uk-child-width-1-8\@s>*,.uk-width-1-8\@s{width:12.5%}
  .uk-child-width-1-9\@s>*,.uk-width-1-9\@s{width:11.111%}
  .uk-child-width-1-10\@s>*,.uk-width-1-10\@s{width:10%}
  
  .uk-width-2-6\@s{width:33.333%}
  .uk-width-4-6\@s{width:66.666%}
  .uk-width-5-6\@s{width:83.333%}
  
  .uk-width-2-7\@s{width:28.571%}
  .uk-width-3-7\@s{width:42.857%}
  .uk-width-4-7\@s{width:57.143%}
  .uk-width-5-7\@s{width:71.429%}
  .uk-width-6-7\@s{width:85.714%}
  
  .uk-width-3-8\@s{width:37.5%}
  .uk-width-5-8\@s{width:62.5%}
  .uk-width-7-8\@s{width:87.5%}
  
  .uk-width-2-9\@s{width:22.222%}
  .uk-width-4-9\@s{width:44.444%}
  .uk-width-5-9\@s{width:55.556%}
  .uk-width-7-9\@s{width:77.778%}
  .uk-width-8-9\@s{width:88.889%}
  
  .uk-width-3-10\@s{width:30%}
  .uk-width-7-10\@s{width:70%}
  .uk-width-9-10\@s{width:90%}
}

/* Medium 螢幕 (960px+) */
@media (min-width:960px){
  .uk-child-width-1-6\@m>*,.uk-width-1-6\@m{width:16.666%}
  .uk-child-width-1-7\@m>*,.uk-width-1-7\@m{width:14.286%}
  .uk-child-width-1-8\@m>*,.uk-width-1-8\@m{width:12.5%}
  .uk-child-width-1-9\@m>*,.uk-width-1-9\@m{width:11.111%}
  .uk-child-width-1-10\@m>*,.uk-width-1-10\@m{width:10%}
  
  .uk-width-2-6\@m{width:33.333%}
  .uk-width-4-6\@m{width:66.666%}
  .uk-width-5-6\@m{width:83.333%}
  
  .uk-width-2-7\@m{width:28.571%}
  .uk-width-3-7\@m{width:42.857%}
  .uk-width-4-7\@m{width:57.143%}
  .uk-width-5-7\@m{width:71.429%}
  .uk-width-6-7\@m{width:85.714%}
  
  .uk-width-3-8\@m{width:37.5%}
  .uk-width-5-8\@m{width:62.5%}
  .uk-width-7-8\@m{width:87.5%}
  
  .uk-width-2-9\@m{width:22.222%}
  .uk-width-4-9\@m{width:44.444%}
  .uk-width-5-9\@m{width:55.556%}
  .uk-width-7-9\@m{width:77.778%}
  .uk-width-8-9\@m{width:88.889%}
  
  .uk-width-3-10\@m{width:30%}
  .uk-width-7-10\@m{width:70%}
  .uk-width-9-10\@m{width:90%}
}

/* Large 螢幕 (1200px+) */
@media (min-width:1200px){
  .uk-child-width-1-6\@l>*,.uk-width-1-6\@l{width:16.666%}
  .uk-child-width-1-7\@l>*,.uk-width-1-7\@l{width:14.286%}
  .uk-child-width-1-8\@l>*,.uk-width-1-8\@l{width:12.5%}
  .uk-child-width-1-9\@l>*,.uk-width-1-9\@l{width:11.111%}
  .uk-child-width-1-10\@l>*,.uk-width-1-10\@l{width:10%}
  
  .uk-width-2-6\@l{width:33.333%}
  .uk-width-4-6\@l{width:66.666%}
  .uk-width-5-6\@l{width:83.333%}
  
  .uk-width-2-7\@l{width:28.571%}
  .uk-width-3-7\@l{width:42.857%}
  .uk-width-4-7\@l{width:57.143%}
  .uk-width-5-7\@l{width:71.429%}
  .uk-width-6-7\@l{width:85.714%}
  
  .uk-width-3-8\@l{width:37.5%}
  .uk-width-5-8\@l{width:62.5%}
  .uk-width-7-8\@l{width:87.5%}
  
  .uk-width-2-9\@l{width:22.222%}
  .uk-width-4-9\@l{width:44.444%}
  .uk-width-5-9\@l{width:55.556%}
  .uk-width-7-9\@l{width:77.778%}
  .uk-width-8-9\@l{width:88.889%}
  
  .uk-width-3-10\@l{width:30%}
  .uk-width-7-10\@l{width:70%}
  .uk-width-9-10\@l{width:90%}
}

/* XLarge 螢幕 (1600px+) */
@media (min-width:1600px){
  .uk-child-width-1-6\@xl>*,.uk-width-1-6\@xl{width:16.666%}
  .uk-child-width-1-7\@xl>*,.uk-width-1-7\@xl{width:14.286%}
  .uk-child-width-1-8\@xl>*,.uk-width-1-8\@xl{width:12.5%}
  .uk-child-width-1-9\@xl>*,.uk-width-1-9\@xl{width:11.111%}
  .uk-child-width-1-10\@xl>*,.uk-width-1-10\@xl{width:10%}
  
  .uk-width-2-6\@xl{width:33.333%}
  .uk-width-4-6\@xl{width:66.666%}
  .uk-width-5-6\@xl{width:83.333%}
  
  .uk-width-2-7\@xl{width:28.571%}
  .uk-width-3-7\@xl{width:42.857%}
  .uk-width-4-7\@xl{width:57.143%}
  .uk-width-5-7\@xl{width:71.429%}
  .uk-width-6-7\@xl{width:85.714%}
  
  .uk-width-3-8\@xl{width:37.5%}
  .uk-width-5-8\@xl{width:62.5%}
  .uk-width-7-8\@xl{width:87.5%}
  
  .uk-width-2-9\@xl{width:22.222%}
  .uk-width-4-9\@xl{width:44.444%}
  .uk-width-5-9\@xl{width:55.556%}
  .uk-width-7-9\@xl{width:77.778%}
  .uk-width-8-9\@xl{width:88.889%}
  
  .uk-width-3-10\@xl{width:30%}
  .uk-width-7-10\@xl{width:70%}
  .uk-width-9-10\@xl{width:90%}
}