/*=================================================================
                             Color
=================================================================*/
:root {
  --color1: #f4a13f;
  --color2: #f35958;
	--default: #4a4a4a;
  --red: #f00;

  --footer_bg: #f4a13f;
  --table_th_color: #212529; 
  --table_th_bg: #ededed;
  --table_striped_bg: #fff;
  --table_border_color: #dee2e6;
  --card_header_bg: #e1e2e1;
  --placeholder_color: #AAAAAA;
  --authors_login_bg: #ededed;
}

/*=================================================================
                             頁面
=================================================================*/
a:hover, a:focus {
  color: var(--color1);}

/*== 主按鈕 ==*/
.btn {
  padding: .5rem 1rem;  
  font-size: var(--font18);  
  border-radius: 0;}
.btn-outline-secondary {
  color: var(--color1);
  border-color: var(--color1);}
@media (hover: hover) {
  /* :link — :visited — :hover — :focus  — :active */
  /* .btn_color1:visited,
  .btn_color1:hover,  
  .btn_color1:focus, */
  .btn-outline-secondary:visited,
  .btn-outline-secondary:hover,
  .btn-outline-secondary:focus {
    color: #4a4a4a;
    background-color: #dae0e5;
    border-color: #dae0e5;}
}
.btn-group .btn-outline-secondary {
  color: #4a4a4a;
  background-color: #ededed;
  border-color: #dae0e5;}
.btn-group .btn-outline-secondary:visited,
.btn-group .btn-outline-secondary:hover,
.btn-group .btn-outline-secondary:focus {
  color: #fff;
  background-color: var(--color2);
  border-color: var(--color2);}

/*== Title ==*/
.title_dec p {
  color: var(--color1);}
.title {
  color: var(--default);
  font-size: var(--font34);}
.title:after,
.title_dec_line {
  display: none;}

/*== Input ==*/ 
.col-form-label, .form-control, .form-select, label {
  font-size: var(--font16);}
.form-check-input:checked {
  background-color: var(--color2);
  border-color: var(--color2);}
.form-control,
.form-control:focus-within,
.form-select:focus-within {
  color: #000;}

/*== Tabs ==*/
#nav-tab {
  border: none;}
#nav-tab .nav-link {
  color: #747678;
  background: #ededed;}
#nav-tab .active, #nav-tab .nav-link:hover {
  color: var(--default);
  background: var(--color1);}

/*== Modal ==*/
.modal-footer, .modal-header {
  background-color: #ededed;}
.modal_title {
  color: #000;}

/*== Footer ==*/
.section_footer {
  padding: 2em 1.5rem;}
.section_footer a,
.section_footer p,
.section_footer span {
  color: #fff;}
.section_footer a:hover {
  color: var(--color2);}


.footer_info {
  display: block;}
.footer_info p {
  margin-bottom: 1.5rem;}
.footer_info_title {
  margin-bottom: 1em;
  padding-right: 1rem;}


.footer_social {
  padding-top: 1em;}
.footer_social .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;}
.footer_social .logo_link {
  display: inline-block;
  padding: 1.2rem;
  border-radius: .8rem;
  background: #fff;}
@media (min-width: 992px) {
  .footer_social .text {
    padding-left: 1.6rem;}  
}
@media (max-width: 991px) {
  .footer_social .logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;}
  .footer_social .text {
    padding-top: 1.6rem;}
}
.section_footer .section_social {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;}
.section_footer .icon_facebook i,
.section_footer .icon_line i,
.section_footer .icon_youtube i,
.section_footer .icon_twitter i,
.section_footer .icon_wechat i {
  color: #fff;}
.section_footer .icon_facebook:hover i {
color: #4460ae;}
.section_footer .icon_line:hover i {
color: #00c300;}
.section_footer .icon_youtube:hover i {
color: #ff0000;}
.section_footer .icon_twitter:hover i {
color: #1DA1F2;}
.section_footer .icon_wechat:hover i {
color: #09B83E;}
@media (max-width: 480px) {
  .menu_social .section_social {
    margin: 0 0 1em;}
}
@media (hover: hover) {
  .section_footer .icon_facebook:hover,
  .section_footer .icon_line:hover,
  .section_footer .icon_twitter:hover,
  .section_footer .icon_wechat:hover {
    border: none;}  
}


.footer_copyright {
  margin-top: 2em;
}

/*== Goto ==*/
.go_top {
  width: 7rem;
  height: 7rem;
  background: var(--color2);
  -webkit-box-shadow: none;
          box-shadow: none;}
.go_top_icon {
  position: relative;}
.go_top_icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '\f106';
  color: #fff;
  font-family: 'Font Awesome 6 Free';
  font-family: 14px;
  font-weight: 700;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);}