﻿:root{
    --color_focus: #f8d89cb2;
}


/*select:hover, select:focus, input[type=password]:hover, input[type=password]:focus, input[type=email]:hover, input[type=email]:focus, input[type=text]:hover, input[type=text]:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=url]:hover, input[type=url]:focus, .form-select:hover, .form-select:focus {
    background-color: var(--color_focus);
    color: #000;
    box-shadow: none;
}*/
/*修改select2樣式*/
/*.select2-container--bootstrap4.select2-container--focus .select2-selection {
    background-color: var(--color_focus);
    color: #000;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-color: transparent;
}

input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus, button:hover, button:focus, button:focus-visible {
    background-color: var(--color_focus) !important;
    color: #000 !important;
    box-shadow: none !important;
    border: 1px dashed #850000 !important;
    outline: none;
}
.form-check:has(label:hover), .form-check:has(input[type=checkbox]:hover), .form-check:has(input[type=checkbox]:focus) {
    box-shadow: none !important;
    border: 1px dashed #850000 !important;
    outline: none;
}

.form-check { display: flex; padding: 5px;  border-radius: 5px; border: 1px dashed transparent;}
.form-check .form-check-input {float: none; margin-left: 0px;}
.form-check-input{margin-right: 3px;}
.form-check-input:focus{box-shadow: none;}
.form-select:disabled{background-color: #cacaca;}*/

/*移至主要內容的跳轉*/
.sr_only_R { padding: .5rem; color: #fff; position: absolute; top: -2.5rem; left: 0; transition: top 1s ease-out; z-index: 100; text-decoration: none; border:none; }
.sr_only_R:focus { position: absolute; left: 0; top: 0; outline-color: transparent; transition: top .1s ease-in; border: #ffbf47b2 solid .4rem; background: #ffbf47b2; color: #000; font-weight: 700; }

/*問答頁的 ratio 設定*/
/*.form-check-input:focus + .forAclass, .form-check-input:hover + .forAclass{border:2px dashed #850000 !important;}*/




