@charset "UTF-8";
/*===== General Variables =====*/
:root {
    --hint_bg: #666666;
    --hint_color: #ffffff;

    --header_main_bg_color: #ffffff;
    --header_main_f_color: #000000;
    --header_sub_bg_color: #de6f6f;
    --header_btn_top_bg_color: #ec0e0e;
    --header_btn_top_f_color: #ffffff;
    --header_link_f_color: #000000;
    --header_link_hover_color: #000000;
    --mega-menu_left: 0%;
    --mega-menu_width: 800%;

    --footer_main_bg_color: #000000;
    --footer_main_f_color: #ffffff;
    --footer_sub_bg_color: #d22d26;
    --footer_link_f_color: #000000;
    --footer_link_hover_color: #000000;

    --upload_filenam_display: block;
    --upload_statusbar_width: 500px;
    --upload_statusbar_margin: 5px;
    --upload_progress_width: 250px;
    
    /* =========================
       Color
    ========================= */     
	/* 配色 */
	--white_color: #ffffff;
	--black_color: #000000;
	--red_color: #FE3F3D;
	--red_color_hover: #FE0D0A;
	
	
    /* 主色 */
    --color_primary: #000000;
    --color_primary_hover:#000000;
    --color_primary_border: #000000;
    --color_primary_border_hover: #000000;
    --color_main_text: #000000;
    
    
    /* Link */
    --link_color_primary: #0075E0;
    --link_color_primary_hover:#0075E0;
 
        
    /* =========================
       Background
    ========================= */
    --bg_primary: #000000;
    --bg_white: #ffffff;
    --bg_light: #F8F9FA;
 
    
    /* =========================
       Button
    ========================= */
    /* 主色 */
    --btn_primary_bg: #000000;
    --btn_primary_bg_hover: #0075E0;
    --btn_primary_text: #ffffff;
    --btn_primary_text_hover: #ffffff;
    --btn_primary_border: #000000;
    --btn_primary_border_hover: #0075E0;
    
    /* 一般次要色 */
    --btn_secondary_bg: #ffffff;
    --btn_secondary_bg_hover: #000000;
    --btn_secondary_text: #000000;
    --btn_secondary_text_hover: #ffffff;
    --btn_secondary_border: #000000;
    --btn_secondary_border_hover: #000000;
    
    /* 特色色 */
    --btn_accent_bg: #0075E0;
    --btn_accent_bg_hover: #0068C7;
    --btn_accent_text: #ffffff;
    --btn_accent_text_hover: #ffffff;
    
    /* Disabled */
    --color_disabled_bg: #E9ECEF;
    --color_disabled_text: #B2B5B7;
    --color_disabled_border: #E9ECEF;
    
    /* 灰色 */
    --gray_bg:  #F3F4F6;
 	--gray_100: #f8f9fa;
 	--gray_200: #e9ecef;
    --gray_300: #dee2e6;
    --gray_400: #ced4da;
    --gray_500: #adb5bd;
    --gray_600: #6c757d;
    --gray_700: #495057;
    --gray_800: #343a40;
    --gray_900: #212529;
     
    /* 狀態色 */
    --color_success: #13795B;
    --color_warning: #FFC107;
    --color_danger: #DC3545;
    --color_info: #0075E0;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::
================ 整站色系主軸 START ================
::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*=============== 顏色設定 START ===============*/
.color-primary {
	color: var(--color_primary, #000000);
}
.color-main-text {
	color: var(--color_main_text, #212529);
}

.gray_100{
	color:var(--gray_100, #f8f9fa);
}
.gray_200{
	color:var(--gray_200, #e9ecef);
}
.gray_300{
	color:var(--gray_300, #dee2e6);
}
.gray_400{
	color:var(--gray_400, #ced4da);
}
.gray_500{
	color:var(--gray_500, #adb5bd);
}
.gray_600{
	color:var(--gray_600, #6c757d);
}
.gray_700{
	color:var(--gray_700, #495057);
}
.gray_800{
	color:var(--gray_800, #343a40);
}
.gray_900{
	color:var(--gray_900, #212529);
}
/*=============== 背景設定 START ===============*/

/*=============== 背景設定 START ===============*/
.bg-primary {
	background-color: var(--bg_primary, #000000);
}

/*=============== 按鈕設定 START ===============*/
.btn-primary {
	font-size:16px;
	font-weight:500!important;
	padding:14px 24px;
    background: var(--btn_primary_bg, #000000);
    color: var(--btn_primary_text, #ffffff);
    border: 1px solid var(--btn_primary_border, #000000);
}
.btn-primary:hover{
	color: var(--btn_primary_text_hover, #ffffff);
    background: var( --btn_primary_bg_hover, #0075E0);
    border-color: var(--btn_primary_border_hover, #0075E0);
}
.btn-secondary {
	font-size:16px;
	font-weight:500!important;
	height:46px;
    color: var(--btn_secondary-text, #000000);
    background: var(--btn_secondary-bg, #ffffff);
    border: 1px solid var(--btn_secondary-border, #000000);
}
.btn-secondary:hover {
    color: var(--btn_secondary_text_hover, #ffffff);
    background: var(--btn_secondary_bg_hover, #000000);
}


/*=============== SWAL2 Alert START ===============*/
.swal2-icon.swal2-error [class^=swal2-x-mark-line]{
	background-color: var(--color_primary, #ee3025)!important;
}
.swal2-icon.swal2-error{
	border-color: var(--color_primary, #ee3025)!important;
    color: var(--color_primary, #ee3025)!important;
}
.swal2-close,
.swal2-close:focus,
.swal2-close:active{
	border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.swal2-html-container{
	margin-top:0;
}