@charset "UTF-8";



BODY{ font-family:'微軟正黑體 Noto Sans TC',sans-serif; font-size:1em; font-weight:normal;
    background:#f0f2f1 !important; padding:0; margin:0 auto !important; box-sizing:border-box; position:relative;}



.backfu_zone{ background:#fff; padding:0 !important; margin:0 auto; box-sizing:border-box;}



/* -- 登入 -- */
.backfu_login_bg{ background:#213146;}
.backfu_login_box{ width:420px; height:auto; border:solid 6px rgba(180,230,255,1); border-radius:20px; background:#ccc; 
    padding:40px 40px 50px 40px; background:url(../images/lo_bk.jpg) no-repeat center center; background-size:;
    margin:15% auto 0 auto; box-sizing:border-box; box-shadow:inset 0 0 30px rgba(90,200,255,.5);}
.backfu_login_box h3{ width:100%; text-align:center; font-size:1.9em; font-weight:bold; 
    color:#fff; padding:0; margin:0 auto; box-sizing:border-box;}
.backfu_login_box h3 img{ width:250px; height:auto; padding:0; margin:0 auto 10px auto; box-sizing:border-box;}

.backfu_login_inp{ position:relative;}
.backfu_login_inp label{ font-size:1.2em; font-weight:bold; color:#fff; padding:0 2px 0 5px; margin:0; box-sizing:border-box;}
.backfu_login_inp input{ width:100%; height:auto; border:solid 3px rgba(255,255,255,.5); border-radius:10px; 
    color:#fff !important; background:rgba(60,215,255,.3); padding:10px 15px; margin:0 auto; box-sizing:border-box;
    box-shadow:inset 0 0 20px 5px rgba(0,110,125,1);}
.backfu_login_inp input::placeholder{ color:#7bf7d1;}
.backfu_login_inp input:focus{ border-color:#fff; color:#fff !important; background-color:#07294b;}
.backfu_login_inp input:-webkit-autofill{ border-color:#fff; color:#fff !important; background-color:#07294b;}
.backfu_login_inp input:-webkit-autofill:focus{ border-color:#fff; color:#fff !important; background-color:#07294b;}
.backfu_login_inp input:-webkit-autofill{ background-color:#07294b !important; -webkit-text-fill-color:#fff !important;
  border:solid 3px #fff; box-shadow: 0 0 0px 1000px #07294b inset !important;}
.ba_hide_eye{ width:30px; height:30px; background:url(../images/eye_op.svg) no-repeat center center;
    padding:0; margin:0; box-sizing:border-box; 
    position:absolute; right:15px; bottom:10px; z-index:50; cursor:pointer; transition:0.4s;}
.ba_hide_eye:hover,
.ba_hide_eye:active{ background:url(../images/eye_co.svg) no-repeat center center;}
.ba_hide_eye.active{ background:url(../images/eye_co.svg) no-repeat center center;}

.backfu_login_dobbt{ font-size:1.5em !important; font-weight:bold !important; border:solid 3px rgba(255,255,255,.5) !important; 
    border-radius:10px !important; color:#fff !important; background:#16b585 !important; padding:0; margin:10px 0 0 0; 
    box-sizing:border-box; transition:0.4s;}
.backfu_login_dobbt:hover,
.backfu_login_dobbt:active{ border:solid 3px rgba(255,255,255,.9) !important; 
    background:#000 !important; box-shadow:inset 0 0 30px 1px rgba(0,170,255,.5) !important;}



/* -- 上層 -- */
.backfu_title{ display:flex; justify-content:space-between; align-items:center;
    width:100%; height:60px; background:#213146; padding:0 !important; margin:0 auto !important; box-sizing:border-box;
    z-index:50 !important;}

.backfu_logo{ display:flex; justify-content:space-between; align-items:center; width:250px; height:60px; 
    padding:0 0 0 20px; margin:0 auto; box-sizing:border-box;
    position:relative;}
.backfu_logo a{ display:block; text-decoration:none; width:100%; height:auto;}
.backfu_logo a p{ line-height:60px; font-size:1.1em; font-weight:bold; color:#fff; padding:0; margin:0; box-sizing:border-box;}

.backfu_title_r{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
    width:calc(100% - 250px); height:60px; padding:0 20px 0 0; margin:0; box-sizing:border-box;
    position:relative;}

.backfu_pop_botbar{ display:flex; justify-content:flex-start; align-items:center;
    padding:0; margin:0; box-sizing:border-box;}
.backfu_pop_botbar li{ padding:0; margin:0 10px 0 0; box-sizing:border-box;}
.toggle-tabs{ display:flex !important; justify-content:center; align-items:center;
    width:30px !important; height:30px !important; border-radius:5px;
    background:#7ed3fb; padding:0; margin:0; box-sizing:border-box; transition:all 0.4s ease;}
.toggle-tabs img{ width:70%; height:auto; padding:0; margin:0 auto; box-sizing:border-box;}
.toggle-tabs:hover,
.toggle-tabs:active{ background:#539828;}

.backfu_tittxt_box{ width:auto; height:100%; padding:0; margin:0; box-sizing:border-box;}
.backfu_title_r h3{ width:100%; font-size:1.1em; font-weight:bold; text-align:right; color:#fff; 
    color:#7ed3fb ; padding:0; margin:12px 0 0 0; box-sizing:border-box;}
.backfu_title_r p{ width:100%; font-size:1em; text-align:right; color:#fff; 
    padding:0 0 0 0; margin:0px 0 0 0; box-sizing:border-box;}






.hidden{ display:none !important;}



/* -- 上層頁籤 -- */
.backfu_title_tabs_zone{ display:none; justify-content:center; align-items:center;
    width:100%; height:calc(100vh - 60px);
    background:rgba(0,0,0,.6); padding:0; margin:0; box-sizing:border-box;
    position:absolute; top:60px; left:0; z-index:800;}

.backfu_title_tabs_box{ display:block; width:90%; height:80vh; 
    padding:0; margin:0 auto; box-sizing:border-box;}

.backfu_title_tabs{ width:100%;  border:solid 2px rgba(0,0,0,.5); border-bottom:none; border-radius:10px 10px 0 0;
    background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(3,110,172,1) 100%);
    padding:0; margin:0; overflow-x:auto; transition:all 0.3s ease;}
.backfu_title_tabs ul{ display:flex; flex-wrap:wrap; border-bottom:2px solid #539828;
    list-style:none; padding:0; margin:0; box-sizing:border-box; position:relative;}
.backfu_title_tabs li{}
.backfu_title_tabs a{ display:block; text-decoration:none; font-size:.9em; text-shadow:1px 1px 0 rgba(255,255,255,.5);
    border:2px solid #539828; border-bottom:none; border-radius:8px 8px 0 0;
    color:#436b93; background:#ecf0f1; padding:8px 20px 3px 20px; margin:0 -2px 0 0; transition:all 0.3s ease;}
.backfu_title_tabs a:hover{ text-shadow:none; background-color:#539828; color:#fff;}
.backfu_title_tabs .active a{ font-weight:bold; text-shadow:none; color:#fff; background:#539828;}
.backfu_title_tabs a img{ width:20px; height:20px; padding:0; margin:-2px 0 0 0; box-sizing:border-box;}

.backfu_title_al{ display:flex; justify-content:center !important; align-items:center !important;
    text-decoration:none; width:28px !important; height:28px !important;
    font-size:1.2em !important; font-weight:bold; text-shadow:1px 1px 0 rgba(255,255,255,.5);
    border:2px solid #539828; border-radius:8px !important;
    color:#436b93; background:#ecf0f1; padding:1px 0 0 2px !important; margin:0 !important; transition:all 0.3s ease;
    position:absolute; top:3.5px; right:10px;}
.backfu_title_al:hover,
.backfu_title_al:active{ text-shadow:none; background-color:#539828; color:#fff;}

.tab-content{ display:none; width:100%; height:calc(100% - 37px);
; border-radius:0 0 10px 10px;
    background:#fff; padding:20px; margin:0 auto 0 auto; overflow-y:auto;}

.tab-content.active{ display:inline-block;}



/* -- 下層 -- */
.backfu_main{ display:flex; justify-content:space-between; align-items:flex-start;
    width:100%;  
    background:#000; padding:0 !important; margin:0 auto !important; box-sizing:border-box;}



/* -- 左選單 -- */
.backfu_main_left{ display:flex; justify-content:left; align-items:flex-start;
    width:250px !important;  background: #000;
    padding:0 !important; margin:0 !important; box-sizing:border-box;
    overflow-y:auto; transition:width 0.3s ease; flex-shrink:0;}

.accordion-button{ font-size:14px; font-weight:bold;}
.accordion-body { padding:5px 10px;}
.nav-link{ color:#212529; text-decoration:none;}
.nav-link:hover{ color:#0d6efd; text-decoration:underline;}

.backfu_lmunu_box{ width:95% !important; border:none !important; border-radius:0 10px 10px 0 !important; 
    background:#none !important; padding:0;}
.backfu_lmunu_a{ border:none !important; border-radius:0 !important; background:rgba(0,0,0,0) !important;}
.backfu_lmunu_a h2{ border-radius:0 !important;}
.backfu_lmunu_a button{ box-shadow:none !important; border-radius:0 10px 10px 0 !important;}

.backfu_lmunu_u{ width:100% !important; padding:0 !important; margin:0 !important;}
.backfu_lmunu_u li{ width:97% !important; border-top:solid 1px #8ce5ff; border-bottom:solid 1px #015278;
    color:#fff; background:#657680; padding:8px 10px 8px 30px !important; margin:0 !important; transition:0.4s;}
.backfu_lmunu_u li:first-child{ border-top:none;}
.backfu_lmunu_u li:last-child{ border-bottom:none;}
.backfu_lmunu_u li:hover,
.backfu_lmunu_u li:active{ background:#0c1929 !important; box-shadow:inset 0 0 15px rgba(30,125,250,.9) !important;}
.backfu_lmunu_u li a{ text-decoration:none !important; color:#fff;}

.backfu_second_floor{ width:100% !important; padding:0 !important; margin:0 !important;}
.backfu_second_floor a{ display:block; text-decoration:none; width:97% !important; border-top:solid 1px #4d8eb5; border-bottom:solid 1px #294856;
    color:#fff; background:#496373; padding:8px 10px 8px 30px !important; margin:0 !important; transition:0.4s;}
.backfu_second_floor:first-child a{ border-top:none;}
.backfu_second_floor:last-child a{ border-bottom:none;}
.backfu_second_floor a:hover,
.backfu_second_floor a:active{ background:#0c1929 !important; box-shadow:inset 0 0 15px rgba(30,125,250,.9) !important;}

.backfu_second_floor .active{ color:#f48e00; background:#0c1929 !important; box-shadow:inset 0 0 15px rgba(30,125,250,.9) !important;}

.backfu_personal_bbt{ display:flex; justify-content:flex-start; width:100%; padding:0; margin:10px 0 0 0; box-sizing:border-box;}
.backfu_personal_bbt a{ display:block; text-decoration:none; width:100%; font-size:1em; font-weight:bold;
    border:solid 1px rgba(255,255,255,.1) !important; border-radius:0 10px 10px 0; color:#fff !important; 
    color:#abb516 !important; background:#275968 !important; padding:15px 20px; margin:0 !important; box-sizing:border-box; transition:0.4s;}
.backfu_personal_bbt a:hover,
.backfu_personal_bbt a:active{ text-shadow:1px 1px 0 rgba(255,255,255,.2); color:#fff !important; background:#abb516 !important; }


.backfu_Logout_bbt{ display:flex; justify-content:flex-start; width:100%; padding:0; margin:10px 0 0 0; box-sizing:border-box;}
.backfu_Logout_bbt a{ display:block; text-decoration:none; width:100%; font-size:1em; font-weight:bold;
    border:solid 1px rgba(255,255,255,.1) !important; border-radius:0 10px 10px 0; color:#fff !important; 
    color:#16b585 !important; background:#34445c !important; padding:15px 20px; margin:0 !important; box-sizing:border-box; transition:0.4s;}
.backfu_Logout_bbt a:hover,
.backfu_Logout_bbt a:active{ text-shadow:1px 1px 0 rgba(255,255,255,.2); color:#fff !important; background:#16b585 !important; }

.first_bbt{ border:none !important; border-bottom:solid 1px rgba(255,255,255,.1) !important; color:#fff !important; 
    color:#7ed3fb !important; background:#34445c !important;}
.first_bbt:hover,
.first_bbt:active{ text-shadow:1px 1px 0 rgba(255,255,255,.2); color:#213146 !important; background:#7ed3fb !important; }

.backfu_lmunu_bkere{ width:100% !important; padding:0 !important; margin:0 !important;}

.second_bker{ border:none !important; background:none !important; padding:0 !important; margin:0 !important; box-sizing:border-box !important;}
.second_bker button{ border-radius:0 !important;}
.second_bbt{ width:97% !important; border-top:solid 1px #6dacbf !important; border-bottom:solid 1px #39454b !important; 
    border-radius:50px !important; color:#fff !important; background:#657680 !important; padding:8px 10px 8px 30px !important; margin:0 !important; transition:0.4s;}
.second_bbt:hover,
.second_bbt li:active{ background:#0c1929 !important; box-shadow:inset 0 0 15px rgba(30,125,250,.9) !important;}

.backfu_lmunu_bkere{ background:none;}

.backfu_lmunu_us{ width:100%; background:none !important; padding:0 !important; margin:0 !important; box-sizing:border-box !important;}
.backfu_lmunu_us li{ width:97% !important; border-top:solid 1px #8ce5ff; border-bottom:solid 1px #015278;
    color:#fff; background:#689cc3; padding:8px 10px 8px 50px !important; margin:0 !important; transition:0.4s;}
.backfu_lmunu_us li:first-child{ border-top:none;}
.backfu_lmunu_us li:last-child{ border-bottom:none;}
.backfu_lmunu_us li:hover,
.backfu_lmunu_us li:active{ background:#006fff !important; box-shadow:inset 0 0 15px rgba(0,255,255,1) !important;}
.backfu_lmunu_us li a{ text-decoration:none !important; color:#fff;}
.backfu_lmunu_us li a i{ display:none;}


.backfu_lmunu_us .active{ background:#006fff !important; box-shadow:inset 0 0 15px rgba(0,255,255,1) !important;}
.backfu_lmunu_us .active a{ color:#f48e00 !important;}
.backfu_lmunu_us .active a i{ display:inline-block;}

.accordion-button:not(.collapsed){ color:#9affda !important; background:#0086aa !important;}

.accordion-button:not(.collapsed)::after {
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.accordion-button.collapsed::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.first_sl_bbt{ display:block; text-decoration:none; width:100%; font-size:.5em; font-weight:bold;
    border-bottom:solid 1px rgba(255,255,255,.1) !important; border-radius:0 10px 10px 0; color:#fff !important; 
    color:#7ed3fb !important; background:#34445c !important; padding:15px 20px; margin:0; box-sizing:border-box; transition:0.4s;}
.first_sl_bbt:hover,
.first_sl_bbt:active{ text-shadow:1px 1px 0 rgba(255,255,255,.2); color:#213146 !important; background:#7ed3fb !important; }



/* -- 右內容 -- */
.backfu_main_right{ width:calc(100% - 250px) !important;   background: #fff; min-height:calc(100vh - 60px);
    padding:0 !important; margin:0 !important; box-sizing:border-box; transition: width 0.3s ease; flex-grow:1;
    overflow:auto;}
.backfu_main_right_bata{ width:100%; height:100%; border-radius:15px 0 0 0; 
    background:#fff; padding:0px; margin:0 auto; box-sizing:border-box;}

.backfu_main_right_list {padding:20px;}

.backfu_main_title{ display:flex; justify-content:space-between; align-items:flex-start;
    width:100%; font-size:1.5em; font-weight:bold; text-align:left;
    padding-left:20px; margin:0 0 20px 0; box-sizing:border-box; position:relative;}

.backfu_select_ab{ margin:0 0 10px 0;}
.backfu_select_bbt{ width:auto !important;}
.backfu_select_bbt button{ width:auto; !important; height:36px; line-height:20px !important; border:solid 3px #719ed9 !important; border-radius:10px !important; 
    color:#fff !important; background:#667993 !important;}

.backfu_table_typle_a{ width:100%; border-top:solid 1px #466e81; padding:0 !important; margin:0 auto 5px auto; box-sizing:border-box;}
.backfu_table_typle_a:nth-child(even) ul{ background:#fff;}

.backfu_table_typle_a ul{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;
    color:#19536b; background:#f7f7f7; padding:0; margin:0; box-sizing:border-box;}
.backfu_table_typle_a ul li{ font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); padding:4px 8px; margin:0 0 2px 0;}
.backfu_table_typle_a ul li:nth-child(even){ color:#; background:#e1eaf0;}

.backfu_table_typle_b{ background:#f7f7f7; margin:10px auto;}
.backfu_table_bbar{ display:flex; justify-content:space-between; align-items:center;
    border-bottom:solid 1px #fff; padding:0;}
.backfu_table_bbar:nth-child(odd){ background:#e1eaf0;}
.backfu_tb_l{ width:30%; text-align:right; border-right:solid 1px #fff; color:#383838; padding:5px 12px;}
.backfu_tb_r{ width:70%; color:#19536b; padding:5px 12px;}

.backfu_selzoom_bbt{ display:flex; justify-content:center; align-items:center;
    width:30px; height:30px; overflow:hidden;}
.backfu_selzoom_bbt img{ width:100%; height:auto;}

.backfu_selzoom_box{ transition:max-height 0.3s ease, opacity 0.3s ease; overflow:hidden; opacity:1;}
.backfu_selzoom_box.hidden{ max-height:0; opacity:0;}



.label_header {width:100%; background-color:#999; color:white}



/* -- 網路編輯菜單 -- */
.webedit_menu_bar{ display:flex; justify-content:flex-start; align-items:center;
    width:auto; height:56px; border-radius:10px;
    background:#ccc; padding:5px 0 5px 5px; margin:0; box-sizing:border-box; box-shadow:inset 2px 2px 3px 1px rgba(0,0,0,.05);
    position:fixed; bottom:20px; left:50%; transform:translate(0%, -50%); z-index:0;}

.webedit_menu_movie{ display:flex; justify-content:center; align-items:center;
    width:34px; height:34px; padding:0; margin:0 10px 0 5px; box-sizing:border-box;}
.webedit_menu_movie a{ width:100%; height:100%;
    background:url(../images/wedit_movie_a.png) no-repeat center center; padding:0; margin:0; box-sizing:border-box; 
    transition:0.4s; cursor:move;}
.webedit_menu_movie a:hover,
.webedit_menu_movie a:active{background:url(../images/wedit_movie_b.png) no-repeat center center;}

.webedit_menu_box{ display:flex; justify-content:center; align-items:center; width:auto; height:40px; 
    border-radius:8px; background:#fff; padding:0 10px; margin:0 10px 0 0; box-sizing:border-box;
    box-shadow:3px 3px 5px 1px rgba(0,0,0,.2);}
.webedit_menu_box li{ padding:0; margin:0; box-sizing:border-box;}
.webedit_menu_box li a{ padding:0; margin:0 20px 0 0; box-sizing:border-box;}
.webedit_menu_box li a img{ width:30px; height:30px; padding:0; margin:0; box-sizing:border-box;}

.web_bbt_a,
.web_bbt_b,
.web_bbt_c,
.web_bbt_d,
.web_bbt_e,
.web_bbt_f,
.web_bbt_g{ display:block; width:34px; height:34px; transition:0.4s; cursor:pointer;}

.web_bbt_a{ background:url(../images/wedit_edit_a.png) no-repeat center center;}
.web_bbt_b{ background:url(../images/wedit_add_ab.png) no-repeat center center;}
.web_bbt_c{ background:url(../images/wedit_add_a.png) no-repeat center center;}
.web_bbt_d{ background:url(../images/wedit_item_a.png) no-repeat center center; margin:0 !important;}
.web_bbt_e{ background:url(../images/wedit_del_a.png) no-repeat center center;}
.web_bbt_f{ background:url(../images/wedit_edits_a.png) no-repeat center center;}
.web_bbt_g{ background:url(../images/wedit_save_a.png) no-repeat center center; margin:0 !important;}

.web_bbt_a:hover,
.web_bbt_a:active{ background:url(../images/wedit_edit_b.png) no-repeat center center;}
.web_bbt_b:hover,
.web_bbt_b:active,
.web_bbt_c:hover,
.web_bbt_c:active{ background:url(../images/wedit_add_b.png) no-repeat center center;}
.web_bbt_d:hover,
.web_bbt_d:active{ background:url(../images/wedit_item_b.png) no-repeat center center;}
.web_bbt_e:hover,
.web_bbt_e:active{ background:url(../images/wedit_del_b.png) no-repeat center center;}
.web_bbt_f:hover,
.web_bbt_f:active{ background:url(../images/wedit_edits_b.png) no-repeat center center;}
.web_bbt_g:hover,
.web_bbt_g:active{ background:url(../images/wedit_save_b.png) no-repeat center center;}



.webedit_pop_zone{ display:flex; justify-content:center; align-items:center; 
    width:100%; height:100vh; background:rgba(0,0,0,.8); padding:0; margin:0; box-sizing:border-box; 
    position:absolute; top:0; left:0; z-index:100;}

.webedit_popf_zone{ display:flex; justify-content:center; align-items:center; 
    width:100%; height:100vh; background:rgba(0,0,0,.8); padding:0; margin:0; box-sizing:border-box; 
    position:absolute; top:0; left:0; z-index:100;}

.webedit_pop_box{ width:400px; border-radius:10px; background:#fff; padding:0; margin:0; box-sizing:border-box;
    box-shadow:inset 2px 2px 3px 1px rgba(0,0,0,.05);}
.webedit_pop_top{ display:flex; justify-content:flex-start; align-items:center;
    width:100%; height:36px; border-radius:10px 10px 0 0; padding:0 10px; margin:0 auto; box-sizing:border-box;}
.webedit_pop_top img{ width:auto; height:20px; padding:0; margin:0; box-sizing:border-box;}
.webedit_pop_top p{ font-size:1.1em; font-weight:bold; padding:0; margin:0 6px; box-sizing:border-box;}
.webedit_pop_main{ display:flex; justify-content:center; align-items:center;
    width:100%; height:100px; padding:0; margin:0 auto; box-sizing:border-box;}
.webedit_pop_main p{ font-size:1.1em; font-weight:bold; color:#323333; padding:0; margin:0 6px; box-sizing:border-box;}
.webedit_pop_bbts{ display:flex; justify-content:center; align-items:flex-start;
    width:100%; height:55px; padding:0; margin:0 auto; box-sizing:border-box;}
.webedit_pop_bbts button{ display:flex; justify-content:center; align-items:center;
    width:100px; height:34px; font-size:1.1em; font-weight:bold; border:none; border-radius:6px; 
    color:#fff; background:#2E7757; padding:0; margin:0 15px; box-sizing:border-box; transition:0.4s;}
.webedit_pop_bbts button:first-child{ background:#9b9b9b;}
.webedit_pop_bbts button:hover,
.webedit_pop_bbts button:active{ background:#EBC129;}
.we_msgs{ color:#fff; background:#72AC92;}
.we_error{ color:#fff; background:#E71F19;}



/* -- 跳出編輯室窗 -- */
.webedit_side_pop{ width:50vh; min-height:50vh; border:solid 1px #ccc; border-left:none; border-radius:8px;
    background:#fff; padding:0; margin:0; box-sizing:border-box; box-shadow:2px 2px 3px 1px rgba(0,0,0,.05);
    position:relative; overflow-y:auto;}

.webedit_side_popal{ display:none; width:80%; height:auto; border-radius:10px;
    background:#cbaa3d; padding:20px 25px; margin:0; box-sizing:border-box; box-shadow:3px 3px 5px rgba(0,0,0,.2);
    position:absolute; top:20%; left:50%; transform:translate(-50%, 0%);}
.webedit_side_popal p{ width:100%; height:auto; font-size:1em; border-bottom:solid 1px rgba(255,255,255,.5);
    color:#fff; padding:0 0 10px 0; margin:0 0 10px 0; box-sizing:border-box;}
.webedit_side_popal button{ display:flex; justify-content:center; align-items:center;
    width:90px; font-size:1em; border:solid 1px rgba(255,255,255,.5); border-radius:8px;
    padding:8px 10px; margin:0 auto; box-sizing:border-box; transition:0.4s;}
.webedit_side_popal button:hover,
.webedit_pop_bbts button:active{ color:#fff; background:#2E7757;}

.webedit_top_x{ display:flex; justify-content:space-between; align-items:center;
    width:100%; height:36px; border-bottom:solid 1px #e4e4e4; border-radius:8px 8px 0 0;
    background:#72AC92; padding:0 10px 0 0; margin:0 auto; box-sizing:border-box;}
.webedit_top_tit{ display:flex; justify-content:flex-start; align-items:center;
    width:100%; height:36px; border-radius:10px 10px 0 0; padding:0 10px; margin:0 auto; box-sizing:border-box;}
.webedit_top_tit img{ width:auto; height:20px; padding:0; margin:0; box-sizing:border-box;}
.webedit_top_tit p{ font-size:1.1em; font-weight:bold; color:#fff; padding:0; margin:0 6px; box-sizing:border-box;}
.webedit_top_x a{ display:flex; justify-content:center; align-items:center; 
    width:46px; height:22px; line-height:0; border-radius:5px;
    background:#fff; padding:0; margin:0; box-sizing:border-box; transition:0.4s; cursor:default;}
.webedit_top_x a p{ font-size:.9em; font-weight:bold; color:#72AC92; 
    padding:0; margin:0; box-sizing:border-box; transition:0.4s;}
.webedit_top_x a:hover,
.webedit_top_x a:active{ background:#EBC129;}
.webedit_top_x a:hover p,
.webedit_top_x a:active p{ color:#72AC92;}

.webedit_side_main{ width:100%; height:auto; padding:5px 0 10px 0;}
.webedit_side_main p{ width:100%; height:auto; font-size:.9em; color:#72AC92;
    padding:0 0 0 5%; margin:0 0 3px 0; box-sizing:border-box;}
.webedit_side_main input{ display:block; width:90%; font-size:.9em; border:solid 1px #72AC92; border-radius:5px; 
    color:#2E7757; padding:5px 10px; margin:0 auto; box-sizing:border-box; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}

.webedit_side_main_in{ width:100%; height:auto;
    padding:5px 0 10px 0;}
.webedit_side_main_in p{ width:100%; height:auto; font-size:.9em; color:#72AC92;
    padding:0 0 0 5%; margin:0 0 3px 0; box-sizing:border-box;}
.webedit_side_ainin{ width:100%; padding:0; margin:0 auto; box-sizing:border-box;}
.webedit_side_ainin input{ display:block; width:100%; font-size:.9em; border:solid 1px #72AC92; border-radius:5px; 
    color:#2E7757; padding:5px 10px; margin:0 auto; box-sizing:border-box; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}

.webedit_side_ned{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
    width:100%; height:auto; border-top:solid 1px #; border-radius:0 0 8px 8px;
    background:#f8f8f8; padding:12px; margin:0 auto; box-sizing:border-box;}
.webedit_side_ned input{ border:none; border-radius:8px; font-size:1em;
    color:#fff; background:#72AC92; padding:5px 15px; margin:0 12px; box-sizing:border-box; transition:0.4s;}
.webedit_side_ned input:hover,
.webedit_side_ned input:active{ background:#EBC129;}
.webedit_side_ned input:first-child{ background:#9b9b9b;}

.webedit_side_ned button{ border:none; border-radius:8px; font-size:1em;
    color:#fff; background:#72AC92; padding:5px 15px; margin:0 12px; box-sizing:border-box; transition:0.4s;}
.webedit_side_ned button:hover,
.webedit_side_ned button:active{ background:#EBC129;}
.webedit_side_ned button:first-child{ background:#9b9b9b;}
.webedit_side_ned button:last-child{ background:#2E7757;}

.webedit_smd_box{ width:100%; text-align:right; border-top:solid 1px rgba(255,255,255,.5);
    background:#f2f9f6; padding:0 5%; margin:0 auto -10px auto; box-sizing:border-box; box-shadow:inset 0 2px 8px rgba(0,0,0,.05);}
.webedit_smd_in{ display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap;
    width:100%; border-bottom:dashed 1px #72AC92; padding:0; margin:0 auto; box-sizing:border-box;}
.webedit_smd_in p{ width:70%; height:auto; text-align:left; font-size:.9em;
    color:#72AC92; padding:5px 0 3px 0; margin:0; box-sizing:border-box;}
.webedit_smd_in_a{ width:calc(55% - 15px); padding:0 0 8px 0; margin:0 15px 0 0; box-sizing:border-box;}
.webedit_smd_in_a input{ display:block; width:100%; font-size:.9em; border:solid 1px #72AC92; border-radius:5px; 
    color:#2E7757; padding:5px 10px; margin:0; box-sizing:border-box; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_smd_in_b{ width:15%; padding:0 0 8px 0; margin:0; box-sizing:border-box;}
.webedit_smd_in_b button{ border:none; border-radius:8px; font-size:1em;
    color:#fff; background:#72AC92; padding:5px 0; margin:0x; box-sizing:border-box; transition:0.4s;}
.webedit_smd_in_b button:hover,
.webedit_smd_in_b button:active{ background:#EBC129;}

.webedit_smd_in_table{ display:flex; justify-content:flex-end; align-items:flex-start; flex-wrap:wrap; 
    width:100%; padding:0; margin:0; box-sizing:border-box;}
.webedit_smd_in_ta{ display:flex; justify-content:flex-end; align-items:flex-start;
    width:70%; padding:5px 0 2px 0; margin:0; box-sizing:border-box;}
.webedit_smd_in_ta h3{ width:50%; text-shadow:1px 1px 0 rgba(255,255,255,.8); font-size:1.2em; font-weight:bold; 
    border-bottom:solid 1px #539828; color:#539828; padding:0 10px 3px 10px; margin:0 0 5px 0; box-sizing:border-box;}
.webedit_smd_in_ta p{ width:50%; font-size:1em; border-bottom:solid 1px #bedfd1; padding:0 10px; margin:0 0 5px 0; box-sizing:border-box;}

.webedit_smd_totalbox{ width:100%; text-align:right;;
    padding:0 5%; margin:20px auto 0 auto; box-sizing:border-box;}
.wsin_total{ width:90%; border-bottom:solid 1px #bedfd1;}
.wsin_total:first-child{ border-bottom:solid 1px #539828;}
.wsin_total h3{border:none;}
.wsin_total h3:first-child{ width:70%;}
.wsin_total h3:last-child{ width:30%; margin:0 0 0 10px;}
.wsin_total p{border:none;}
.wsin_total p:first-child{ width:70%;}
.wsin_total p:last-child{ width:30%; margin:0 0 0 10px;}

.webedit_smd_ins{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
    padding:0 0 10px 0; margin:0 auto; box-sizing:border-box;}
.webedit_smd_ins p{ width:100%; height:auto; text-align:left; font-size:.9em;
    color:#72AC92; padding:5px 0 3px 0; margin:0; box-sizing:border-box;}
.webedit_smd_inbar{ display:flex; justify-content:flex-start; align-items:center;
    width:100%; padding:0; margin:0; box-sizing:border-box;}
.webedit_smd_inbar_a{ width:100%; padding:0; margin:0; box-sizing:border-box;}
.webedit_smd_inbar_a input{ display:block; width:100%; font-size:.9em; border:solid 1px #72AC92; border-radius:5px; 
    color:#2E7757; padding:5px 10px; margin:0 auto; box-sizing:border-box; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}

.webedit_smd_inbar_ba{ width:calc(90% - 15px); padding:0; margin:0 15px 0 0; box-sizing:border-box;}
.webedit_smd_inbar_ba input{ display:block; width:100%; font-size:.9em; border:solid 1px #72AC92; border-radius:5px; 
    color:#2E7757; padding:5px 10px; margin:0 auto; box-sizing:border-box; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_smd_inbar_bb{ width:10%; padding:0; margin:0; box-sizing:border-box;}
.webedit_smd_inbar_bb button{ display:flex; justify-content:center; align-items:center; 
    width:100%; height:34px; border-radius:8px; font-size:1em;
    color:#fff; background:#72AC92; padding:5px 0; margin:0x; box-sizing:border-box; transition:0.4s;}
.webedit_smd_inbar_bb button:hover,
.webedit_smd_inbar_bb button:active{ background:#EBC129;}
.webedit_smd_inbar_bb button img{ width:auto; height:100%; padding:0; margin:0; box-sizing:border-box;}
.whitew{ background:#fff;}

.webedit_large_pop{ width:100%; max-height:80vh; min-height:50vh; border:solid 1px #ccc; border-left:none; border-radius:8px;
    background:#fff; padding:0; margin:0; box-sizing:border-box; box-shadow:2px 2px 3px 1px rgba(0,0,0,.05);
    position:relative; overflow-y:auto;}
.wpz_large{ padding:1em 5em;}

.webedit_large_mabox{ width:100%; height:auto; 
    background:#fff; padding:0 20px; margin:0 auto 60px auto; box-sizing:border-box;}

.webedit_large_mabar{ display:flex; justify-content:flex-start; align-items:center;
    width:100%; height:auto; border-bottom:solid 1px #e4e4e4; padding:6px 0; margin:0; box-sizing:border-box;}
.webedit_large_mabar form{ display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;
    width:100%; padding:0 !important; margin:0 !important; box-sizing:border-box;}

.webedit_large_mabar form h2{ display:flex; justify-content:flex-end; align-items:center;
    width:10%; text-align:right; font-size:1em; font-weight:bold; 
    border-right:dashed 1px #72AC92; color:#005C32; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_chbox{ width:100px; padding:0; margin:0 25px; box-sizing:border-box;}
.webedit_data_a{ width:25%; padding:0; margin:0 25px 0 0; box-sizing:border-box;}
.webedit_enter{ width:50px; padding:0; margin:0 25px 0 0; box-sizing:border-box;}
.webedit_da_title{ width:calc(65% - 210px); padding:0; margin:0; box-sizing:border-box;}

.webedit_chpix{ display:flex; justify-content:center; align-items:center; 
    width:100px; padding:0; margin:0 10px 0 0; box-sizing:border-box;}
.webedit_chpix button{ border:none; background:none; padding:0; margin:0 2px; box-sizing:border-box;}

.webedit_data_a input,
.webedit_enter input,
.webedit_da_title input{ font-size:.9em; border:solid 1px #72AC92; border-radius:5px;
    color:#2E7757; padding:5px 10px; margin:0 auto; box-sizing:border-box; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}

.webedit_data_a input,
.webedit_da_title input{ width:100%;}

.webedit_enter input{ border:none; color:#fff; background:#72AC92; transition:0.4s;}
.webedit_enter input:hover,
.webedit_enter input:active{ background:#EBC129;}

.webedit_sel_box{ display:flex; justify-content:flex-end; align-items:center;
    width:100%;
    padding:0; margin:8px auto 0 auto; box-sizing:border-box;}
.webedit_sel_box input{ width:calc(90% - 110px); font-size:.9em; border:solid 1px #72AC92; border-radius:5px;
    color:#2E7757; padding:5px 10px; margin:0; box-sizing:border-box; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_sel_bs{ display:flex; justify-content:flex-end; align-items:center; 
    width:calc(90% - 110px); padding:0; margin:0; box-sizing:border-box;}
.webedit_sel_bs input{ font-size:.9em; border:solid 1px #72AC92; border-radius:5px;
    color:#2E7757; padding:5px 10px; margin:0 20px 0 0; box-sizing:border-box; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_sel_bs input:last-child{ margin:0;}

.webedit_side_main select{ display:block; width:90%; font-size:.9em; border:solid 1px #72AC92; border-radius:5px; 
    color:#2E7757; padding:5px 10px; margin:0 auto; box-sizing:border-box; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}

.webedit_side_main_double{ display:flex; justify-content:center; align-items:center;
    width:90%; height:auto; padding:5px 0 10px 0; margin:0 auto;}
.webedit_smd_a{ width:calc(90% - 15px); height:auto; padding:0; margin:0 15px 0 0; box-sizing:border-box;}
.webedit_smd_a input{ width:100%; height:auto; padding:5px 10px; margin:0; box-sizing:border-box;}
.webedit_smd_b{ width:10%; height:auto; padding:0; margin:0; box-sizing:border-box;}
.webedit_smd_b button{ width:100%; height:auto; border-radius:8px; font-size:1em; font-weight:bold;
     color:#fff; background:#72AC92; padding:5px 10px; margin:0; box-sizing:border-box; transition:0.4s;}
.webedit_smd_b button:hover,
.webedit_smd_b button:active{ background:#EBC129;}

.webedit_side_main_dobbts{display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
    width:100%; height:auto; border-top:solid 1px #; border-radius:0 0 8px 8px;
    padding:12px; margin:0 auto; box-sizing:border-box;}
.webedit_side_main_dobbts button{ border:none; border-radius:8px; font-size:1em;
    color:#fff; background:#72AC92; padding:5px 15px; margin:0 12px; box-sizing:border-box; transition:0.4s;}
.webedit_side_main_dobbts button:hover,
.webedit_side_main_dobbts button:active{ background:#EBC129;}
.webedit_side_main_dobbts button:last-child{ background:#9b9b9b;}






/* -- 全頁表單 -- */
.webedit_all_inputable{ align-items:flex-start; flex-wrap:wrap;
    width:100%; height:100%; background:#fff; padding:0; margin:0 auto; box-sizing:border-box; }
.webedit_all_inputable h2{ display:block;
    width:100%; text-align:left; font-size:1.5em; font-weight:bold; border-bottom:solid 1px #b5c6dd; 
    color:#212529; padding:30px 0 5px 20px; margin:0; box-sizing:border-box;}

.webedit_all_inputwa{ width:100%; padding:0; margin:0; box-sizing:border-box;}

.webedit_all_inputbar{ display:flex; justify-content:flex-start; align-items:center;
    border-bottom:solid 1px #e4e4e4;
    padding:10px 0; margin:0 auto; box-sizing:border-box;}

.webedit_all_inputbar label{ width:10%; text-align:right; font-size:1.1em;
    color:#667993 ; padding:0 15px 0 0; margin:0; box-sizing:border-box;}

.webedit_all_inputbox{ display:flex; justify-content:flex-start; align-items:center;
    width:89%; padding:0; margin:0; box-sizing:border-box;}
.webedit_all_inputbox label{ width:60px; text-align:left; font-size:1em;
    color:#999; padding:0 0 0 3px; margin:0; box-sizing:border-box;}
.webedit_all_inputbox select{ display:block; width:100%; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0 auto; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_all_inputbox input{ width:100%; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0 auto; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.waroro{ width:20px !important; background:#000 !important; padding:0 !important; margin:0 !important;
    box-shadow:none !important;}
.ov_sele{ color:#0d6efd !important; background:#f2f2f2;}

.webedit_all_inbbtbar{ display:flex; justify-content:center; align-items:center;
    width:100%; border-bottom:solid 1px #e4e4e4;
    padding:10px 0; margin:0 auto; box-sizing:border-box;}

.webedit_all_inbbtbar button{ border:none; border-radius:8px; font-size:1em;
    color:#fff; background:#0d6efd; padding:5px 15px; margin:0 12px; box-sizing:border-box; transition:0.4s;}
.webedit_all_inbbtbar button:hover,
.webedit_all_inbbtbar button:active{ background:#EBC129;}



/* -- 新預約表單 -- */
.webedit_appointment_zone{ display:flex; justify-content:space-between; align-items:flex-start;
    padding:0; margin:0 auto; box-sizing:border-box;}
.webedit_appointment_ld{ width:calc(100% - 440px);; height:auto; background:#fff; padding:0; margin:0; box-sizing:border-box;}
.webedit_appointment_rd{ width:400px; height:100%; border-right:solid 1px #f8f8f8;  
    background:#eff3f6; padding:0 0 5em 0; margin:0; box-sizing:border-box;
    position:fixed; right:1em; padding-bottom:5em;}

.webedit_ard_type_onff{ display:flex; justify-content:center; align-items:center;
    width:20px; height:100%; border:solid 1px #b6cddc; border-right:solid 1px #fff; border-radius:10px 0 0 10px;
    background:#d5dfe5; padding:0; margin:0; box-sizing:border-box; box-shadow:inset -6px 0px 5px rgba(0,0,0,.03);
    position:absolute; bottom:0; left:-20px;}
.webedit_ard_type_onff button{  display:flex; justify-content:center; align-items:center;
    width:20px; height:100%; border:none;
    background:none; padding:0; margin:0; box-sizing:border-box;}
.webedit_ard_type_onff button img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;
    transform:rotate(-90deg); transition:transform 0.3s ease;}

.webedit_ard_type_a{ width:100%; border-bottom:solid 1px #f8fff8; 
    padding:5px 15px 10px 15px; margin:0 auto 5px auto; box-sizing:border-box;}
.webedit_ard_type_atitile{ display:flex; justify-content:space-between; align-items:center;
    padding:0; margin:0; box-sizing:border-box;}
.webedit_ard_type_atitile p{ font-size:1em; font-weight:bold; text-shadow:1px 1px 0 rgba(255,255,255,.5); color:#334960; 
    padding:0 0 0 5px; margin:0; box-sizing:border-box;}
.webedit_ard_type_atitbbt{ display:flex; justify-content:flex-end; align-items:center;
    padding:0; margin:0; box-sizing:border-box;}
.webedit_ard_type_atitbbt button{ display:flex; justify-content:center; align-items:center;
    width:30px; height:25px; border:none; border-radius:5px; 
    background:#496373; padding:0; margin:0 0 0 8px; box-sizing:border-box; transition:0.4s;}
.webedit_ard_type_atitbbt button:hover,
.webedit_ard_type_atitbbt button:active{ background:#0c1929;}

.webedit_ard_type_atitbbt img{ width:auto; height:20px; padding:0; margin:0; box-sizing:border-box;}

.webedit_ard_remark{ width:100%; padding:0; margin:8px 0 0 0; box-sizing:border-box;}
.webedit_ard_remark p{ width:100%; height:30px; line-height:21px; font-size:.9em; border-radius:8px; 
    color:#667993; background:#fff; padding:6px 10px; margin:0; box-sizing:border-box; 
    overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; box-sizing:border-box;}

.webedit_ard_type_b{ display:flex; justify-content:space-between; align-items:center;
    width:100%; padding:6px 15px; margin:0 auto; box-sizing:border-box;}
.webedit_ard_type_b p{ display:flex; justify-content:flex-end; align-items:center; 
    width:30%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_b input{ width:70%; text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_ard_type_b select{ width:70%; text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:7px 10px 6px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.cinpute{ width:calc(70% - 25px) !important;}
.webedit_ard_type_b span{ display:flex; justify-content:flex-end; align-items:center;
    width:25px; padding:0 3px 0 0;}
.webedit_at_blost{ border-top:solid 1px #83a8cf; border-bottom:solid 1px #83a8cf; background:#deedf9;
    padding:10px 15px; margin:0 auto 5px auto;}

.webedit_ard_type_c{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
    width:100%; padding:3px 15px; margin:0 auto; box-sizing:border-box; position:relative;}

.webedit_ard_type_cbar{ display:flex; justify-content:flex-start; align-items:center;
    width:100%; padding:0; margin:0; box-sizing:border-box;}
.webedit_ard_type_cbar p{ display:flex; justify-content:flex-start; align-items:center; 
    width:30%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_cbar input{ width:60%; text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_ard_type_cbar span{ display:flex; justify-content:flex-end; align-items:center; 
    width:10%; height:auto; text-align:right; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960;  padding:0 5px 0 5px; margin:0; box-sizing:border-box;}
.webedit_ard_type_c select{ width:100%; text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:4px 0 0 0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_ard_type_c::after{ content:''; width:0; height:0;
    position:absolute; right:30px; bottom:16px; transform:translateY(-50%);
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:6px solid #0066cc; /* 下拉符號顏色 */
    pointer-events:none; /* 避免干擾點擊 */}
.webedit_ard_type_c select:focus{ outline:none; border-color:#0066cc;}

.webedit_ard_type_d{ display:flex; justify-content:space-between; align-items:center;
    width:100%; padding:6px 15px; margin:0 auto; box-sizing:border-box;}
.webedit_ard_type_d p{ display:flex; justify-content:flex-end; align-items:center; 
    width:30%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_d input{ width:calc(70% - 44px); text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_ard_type_d button{ display:flex; justify-content:center; align-items:center;
    width:34px; height:34px; border:none; border-radius:8px; 
    background:#496373; padding:0; margin:0 0 0 10px; box-sizing:border-box; transition:0.4s;}
.webedit_ard_type_d button:hover,
.webedit_ard_type_d button:active{ background:#0079ff;}
.webedit_ard_type_d img{ width:24px; height:auto; padding:0; margin:0; box-sizing:border-box;}
.webedit_ard_type_d select{ width:calc(50% - 5px); text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:7px 2px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}


.webedit_ard_type_bhs_zone{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; 
    padding:0 0 5px 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_bhs{ display:flex; justify-content:space-between; align-items:center;
    width:50%; padding:4px 15px; margin:0; box-sizing:border-box;}

.webedit_ard_type_bhs p{ display:flex; justify-content:flex-end; align-items:center; 
    width:40%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0; margin:0; box-sizing:border-box;}

.webedit_ard_type_bhs input{ width:55%; text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:2px 10px 1px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}

.webedit_ard_type_bhs select{ width:70%; text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:7px 10px 6px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.cinpute{ width:calc(70% - 25px) !important;}
.webedit_ard_type_bhs span{ display:flex; justify-content:flex-end; align-items:center;
    width:25px; padding:0 3px 0 0;}



/* -- 新預約表單 左 -- */
.webedit_member_period_bar{ display:flex; justify-content:flex-start; align-items:center;
    width:100%; height:auto; font-size:1em; 
    color:#334960; padding:15px 15px; margin:0 auto; box-sizing:border-box;}
.webedit_member_case{ display:flex; justify-content:center; align-items:center;
    width:30px; height:26px; font-size:1em; border:solid 1px #ccc; border-radius:5px; 
    color:#667993; padding:0; margin:0 6px; box-sizing:border-box;}
.webedit_member_period_bar input{ height:26px; font-size:1em; border:solid 1px #ccc; border-radius:5px;
    color:#667993; padding:0 10px; margin:0 6px; box-sizing:border-box;}

.webedit_member_attitle{ display:flex; justify-content:space-between; align-items:center;
    width:100% !important; border:solid 1px #b6cddc; border-radius:8px; 
    background:#d5dfe5; padding:10px 15px; margin:0 auto 15px auto;}
.webedit_member_attitle p{ font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5);}

.webedit_member_period_box{ display:flex; justify-content:flex-end; align-items:flex-start; flex-wrap:wrap;
    padding:0; margin:0 auto 20px auto; box-sizing:border-box;}

.webedit_member_inleft{ width:calc(45% - 10px); padding:0;}
.webedit_member_inright{ width:calc(45% - 10px); padding:0; margin:0 0 0 10px;}

.webedit_member_inthree{ width:calc(30% - 10px); padding:0; margin:0 0 0 10px;}


.webedit_ard_type_d{ display:flex; justify-content:flex-start; align-items:center;
    width:100%; padding:6px 15px; margin:0 auto; box-sizing:border-box;}
.webedit_ard_type_d p{ display:flex; justify-content:flex-end; align-items:center; 
    width:30%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_d_box{ display:flex; justify-content:flex-start; align-items:center;
    padding:0; margin:0 20px 0 0; box-sizing:border-box;}
.webedit_ard_type_d_box input{ width:20px; height:20px;
    color:#5689d4; padding:5px 10px; margin:0 3px 0 0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}

.webedit_ard_type_e{ display:flex; justify-content:flex-start; align-items:center;
    width:100%; padding:6px 15px; margin:0 auto; box-sizing:border-box;}
.webedit_ard_type_e p{ display:flex; justify-content:flex-end; align-items:center; 
    width:15%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_e input{ width:85%; text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}


.webedit_ard_type_f{ display:flex; justify-content:space-between; align-items:center;
    width:100%; padding:6px 15px; margin:0 auto; box-sizing:border-box;}
.webedit_ard_type_f p{ display:flex; justify-content:flex-end; align-items:center; 
    width:30%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_f select{ width:calc(20% - 10px); text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_ard_type_f input{ width:30%; text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}

.webedit_ard_type_f span{ display:flex; justify-content:flex-end; align-items:center; 
    width:30%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_f span a{ display:flex; justify-content:center; align-items:center;
    width:30px; height:25px; border:none; border-radius:5px; 
    background:#496373; padding:0; margin:0 0 0 8px; box-sizing:border-box; transition:0.4s; cursor:pointer;}
.webedit_ard_type_f span a:hover,
.webedit_ard_type_f span a:active{ background:#0c1929;}
.webedit_ard_type_f span a img{ width:22px; height:22px; padding:0; margin:0; box-sizing:border-box;}


.webedit_ard_type_g{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
    width:100%; padding:6px 15px; margin:0 auto; box-sizing:border-box;}
.webedit_ard_type_gbox{ display:flex; justify-content:flex-end; align-items:flex-start;
    width:100%; padding:0; margin:0; box-sizing:border-box;}
.webedit_ard_type_gbox p{ display:flex; justify-content:flex-end; align-items:center; 
    width:30%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_gbox_sel{ display:flex; justify-content:flex-end; align-items:flex-start;
    width:70%; padding:0 0 12px 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_gbox select{ width:calc(50% - 5px); text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_ard_type_gbox select:first-child{ margin:0 10px 0 0;}

.webedit_ard_type_gbox input{ width:calc(35% - 5px); text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_ard_type_gbox input:first-child{ margin:0 10px 0 0;}
.webedit_ard_type_g span{ display:flex; justify-content:flex-end; align-items:center; 
    width:30%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_g span a{ display:flex; justify-content:center; align-items:center;
    width:30px; height:25px; border:none; border-radius:5px; 
    background:#496373; padding:0; margin:0 0 0 8px; box-sizing:border-box; transition:0.4s; cursor:pointer;}
.webedit_ard_type_g span a:hover,
.webedit_ard_type_g span a:active{ background:#0c1929;}
.webedit_ard_type_g span a img{ width:22px; height:22px; padding:0; margin:0; box-sizing:border-box;}


.webedit_ard_type_h{ display:flex; justify-content:space-between; align-items:center;
    width:100%; padding:6px 15px; margin:0 auto; box-sizing:border-box;}
.webedit_ard_type_h p{ display:flex; justify-content:flex-end; align-items:center; 
    width:30%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_h p:nth-of-type(2){ display:flex; justify-content:flex-end; align-items:center; 
    width:20%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_h input{ width:25%; text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_ard_type_h select{ width:25%; text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:7px 10px 6px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}


.webedit_ard_type_phone{ display:flex; justify-content:space-between; align-items:center;
    width:100%; padding:6px 15px; margin:0 auto; box-sizing:border-box;}
.webedit_ard_type_phone p{ display:flex; justify-content:flex-end; align-items:center; 
    width:30%; height:auto; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
    color:#334960; padding:0 10px 0 0; margin:0; box-sizing:border-box;}
.webedit_ard_type_phone input{ width:70%; text-align:left; font-size:.9em; border:solid 1px #abb8c8; border-radius:5px; 
    color:#5689d4; padding:5px 10px; margin:0; box-sizing:border-box; 
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.webedit_ard_type_phone input:nth-of-type(1){ width:12%;}
.webedit_ard_type_phone input:nth-of-type(2){ width:calc(40% - 10px); margin:0 0 0 10px}
.webedit_ard_type_phone input:nth-of-type(3){ width:calc(18% - 10px); margin:0 0 0 10px}



.webedit_map_bar{ width:70%; background:#fff;}

.webedit_addwins_zone{ width:100%; height:auto; 
    padding:10px 0; margin:0; box-sizing:border-box;}
 
 .webedit_addwins_title{ display:flex; justify-content:space-between; align-items:center;
    width:100%; height:36px; border-radius:5px 5px 0 0; 
    color:#; background:#d5dfe5; padding:10px 20px; margin:0; box-sizing:border-box; 
    position:relative;}
 .webedit_addwins_body{ border-radius:0 0 5px 5px;
    background:#eee; padding:5px 0 10px 0; margin:0; box-sizing:border-box;}

.webedit_addwins_tl{ display:flex; justify-content:flex-start; align-items:center;
    padding:0; margin:0; box-sizing:border-box;}

.webedit_addwins_tit{ display:flex; justify-content:flex-start; align-items:center;
     text-decoration:none; width:auto; height:22px; text-shadow:1px 1px 0 rgba(255,255,255,.5); color:#334960; 
     padding:0; margin:0; box-sizing:border-box; cursor:pointer;}
.webedit_addwins_tit p{ width:; padding:0; margin:0; box-sizing:border-box;}
.webedit_addwins_tit img{ width:22px; height:22px; padding:0; margin:0 3px 0 0; box-sizing:border-box;}

.webedit_addwins_bbt{ width:22px !important; height:22px !important; 
    padding:0; margin:-7px 0 0 8px; box-sizing:border-box; cursor:pointer;}
.webedit_addwins_bbt img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.webedit_addwins_updo{ width:22px; height:22px; padding:0; margin:-7px 0 0 0; box-sizing:border-box; cursor:pointer;}
.webedit_addwins_updo img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box; 
    transition:transform 0.3s ease;}
.webedit_addwins_updo img.rotated{ transform:rotate(180deg);}

.webedit_member_bottom_bar{ display:flex; justify-content:space-between; align-items:center;
    width:100%; height:auto; border:solid 1px #b6cddc; border-radius:8px; 
    background:#d5dfe5; padding:15px; margin:0; box-sizing:border-box;}
.webedit_member_bottom_bar input{ border:solid 1px #85b1cc; color:#fff; background:#496373; padding:6px 15px;}
.webedit_member_bottom_bar input:hover,
.webedit_member_bottom_bar input:active{ background:#0c1929;}



















@media (max-width: 1024px) {
}


@media (max-width: 820px) {
}


@media (max-width: 768px) {
}


@media (max-width: 475px) {
/* -- 登入 -- */
.backfu_login_box{ width:90%; margin:20% auto 0 auto;}

/* -- 上層 -- */
.backfu_logo{ justify-content:left; width:120px;}
.backfu_logo a{ padding:0; margin:0; box-sizing:border-box;}
.backfu_title_r{ width: calc(100% - 120px);}
.backfu_feSel_bar{ margin:0 0 0 0;}
.backfu_feSel_bar li a{ width:36px; height:32px;}
.backfu_main_title{ margin:0 0 10px 0;}
.backfu_select_bbt{ width:100% !important; border-bottom:solid 1px #7f7f7f; padding:0 0 20px 0; margin:0 0 20px 0;}
.backfu_select_bbt button{ width:100% !important; height:44px !important; line-height:none !important; border:solid 3px #719ed9 !important; border-radius:10px !important; 
    color:#fff !important; background:#667993 !important;}

.backfu_table_typle_a.first{ border-top: 2px solid red;}
.backfu_table_typle_a:first-of-type{ border-top:2px solid #fff;}
.backfu_swap_bbt{ margin:0 -10px 0 10px !important;}


.wsin_total{ width:100%;}
.webedit_smd_in_ta h3{ font-size:1em; padding:0 5px 3px 5px;}
.webedit_smd_in_ta p{ font-size:.9em; padding:0 5px;}
.wsin_total h3:first-child{ width:72%;}
.wsin_total h3:last-child{ width:28%;}
.wsin_total p:first-child{ width:72%;}
.wsin_total p:last-child{ width:28%;}
}


@media (max-width: 375px) {
}


@media (max-width: 320px) {
}