/*----------------------------------------------------reset----------------------------------------------------*/

html {  color: #000;  background: #FFF;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {  margin: 0;  padding: 0;  }
ol, ul {  list-style:none;  }
fieldset, img,button{border:0;}
input{border:0;outline:none;}
body * {  font-family: 'Microsoft YaHei';  font-size: 13px;  color: #adb6be;  }
table {  border-collapse: separate;  }
body > div:first-child {position: fixed; top: 0;left: 0;bottom:0; right:0;display: flex;}
select {  background-color: rgba(0, 0, 0, 0);  }
input:-webkit-autofill {  -webkit-box-shadow: 0 0 0 1000px white inset;  -webkit-text-fill-color: #364A63;  }
input:disabled, select:disabled {  /*    background-color: rgb(235, 235, 228) !important; color: rgb(84, 84, 84) !important;*/  }
input[warning], select[warning] {  background-color: rgb(251, 230, 199) !important; /*color: rgb(84, 84, 84) !important;*/  }
a {text-decoration: none;  display: block;  text-align: center;  }
.company {  display: none;  }
table {  /*    border-collapse: collapse; border: none;*/  }
input::-webkit-input-placeholder{color:#adb6be;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */  color:#adb6be;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  color: #adb6be;}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #adb6be;}
.path1,.path2,.path3,.path4,.path5,.path6,.path7,.path8,.path9,.path10,.path11,.path12,.path13,.path14,.path15{font-family: "h_icomoon";}
.form-required{content: "*"; display: inline-block; margin-right: 4px; color: var(--color-pink); font-size: 14px; line-height: 1;}
i{color:  var(--color-pink); font-size: 14px; line-height: 1; font-weight: bold;}


.column1{width: 99%!important;}
.column2-1{width: 49%!important;}
.column3-1{width: 32.3%!important;}
.column3-2{width: 65.6%!important;}
.column4-1{width: 24%!important;}
.column4-2{width: 49%!important;}
.column4-3{width: 74%!important;}
.column5-1{width: 19%!important;}
.column5-2{width: 39%!important;}
.column5-3{width: 59%!important;}
.column5-4{width: 79%!important;}

/*全局颜色*/
/*:root { --color-pink: #ff4d4f; }*/
:root { --color-pink: #e5a601; }
/*------------------------------------------全局框架----------------------------------------------------*/
/*----------------------------------------------------header----------------------------------------------------*/
header{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 3px 10px;
    background-color: #FFDD00;
}
.header_r{
    display: flex;
    align-items: center;
    flex-direction: row;
}
/*header>div{display: flex; justify-content: end;}*/
#remind{position: relative;}
#remind>ul{
    display: flex;
    padding: 3px 5px;
    border-radius: 6px;
}
#remind>ul>li{/*margin: 0 8px; */display: flex; align-items: center;}
#remind>ul>li a:before{padding-right: 6px;font-family: "sharp-light";}
#remind>ul>li:nth-child(1) a:before{content:"\e915";font-size: 14px;}
#remind>ul>li>a{display: flex; align-items: center;}
#remind>ul>li>a>span{/*animation: blink 1.5s infinite;*/color: #fff;background-color: #FF6F00;display: block;margin-left: 5px; font-size: 12px; width: 17px; height: 17px; border-radius: 18px; text-align: center; line-height: 17px;}
@keyframes blink { 50% {  opacity: 0;  } }
.remind_dis{display: none!important;}
.over_remind>ul{ background-color:#FFF176!important;color:#2d5b84}
.over_remind>ul>li>a{ color:#2d5b84}


#account>ul{/*background-color: #fff; box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.05);*/display: flex;padding:3px 5px; border-radius: 0 0 6px 6px;}
#account>ul>li{margin: 0 8px;display: flex; align-items: center;}

#account>ul>li a,#account>ul>li button{display: flex; justify-content: center; line-height: 14px;background: unset;color: #767676;}
#account>ul>li a:hover,#account>ul>li button:hover{color: #2d5b84;}
#account>ul>li a:before,#account>ul>li button:before{padding-right: 6px;font-family: "sharp-light";}
#account>ul>li:nth-child(2) a:before{content:"\f4c7";font-size: 14px;}
#account>ul>li:nth-child(3) button:before{content:"\f1a0";font-size: 14px;}
#account>ul>li:nth-child(4) button:before{content:"\ea97";font-size: 14px;}
/*-------------------------導航--------------------------*/

.logo{display: flex; justify-content: center;}
.logo img{width: 120px;}
.logo h1{
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    color: var(--color-pink);
}
.logo_display{display: none; transition: all .6s ease;}
nav{
    transition: line-height 1s;
    width: calc(100% - 20px);
    background-color: #ffffff;
    padding: 10px 10px;
    position: relative;
}
nav>ul{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    /*width: calc(100% - 24px);*/
}
.menu_display{display: none;transition: all .6s ease;}
nav>ul>li{
    position: relative;
    margin: 0 10px;
    /*list-style: none;
    margin: 0 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;*/
}
nav>ul>li:hover{background-color:#cfeffd;border-radius: 14px;}
nav>ul>li>a{
    padding: 6px 7px;
    line-height: 24px;
    color: #94a8bb;
    /*width: calc(100% - 34px);*/
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
nav>ul>li>a:hover>span{
    color:#2d5b84;
}
nav>ul>li:hover{}
nav>ul>li>a:hover{color:#2d5b84;}
nav>ul>li>a:before{
    font-size: 20px;
    font-family: 'sharp-light';

}

/*
nav>ul>li>ul.group-menu{  display: none;}
.group-menu>li:hover{background-color: #cfeffd;}
.group:hover{background-color:#cfeffd;}
.group>a:hover{color: #2d5b84;}
.group>a::after{font-size: 12px;font-family: "h_icomoon";content: "\e90e"; position: absolute; top: 5px; color:#94a8bb; right: 9px;transform: rotate(90deg);}
.group.active>a::after{transform: unset;color: #66d9f5;}
.group_display{background-color: #d6e2f5;}
.group_display>a::after{transform: unset;}
.group_menu_display{display: block!important;animation: fadein 1s;}
.group-menu{}
.group-menu li{background-color: #d6e2f5;}
.group-menu li a{margin-left: 10px;width: auto;}

nav>ul>li>ul.system-menu{  display: none;}
.system-menu>li:hover{background-color: #cfeffd;}
.system:hover{background-color:#cfeffd;}
.system>a:hover{color: #2d5b84;}
.system>a::after{font-size: 12px;font-family: "h_icomoon";content: "\e90e"; position: absolute; top: 5px; color:#94a8bb; right: 9px;transform: rotate(90deg);}
.system.active>a::after{transform: unset;color: #66d9f5;}
.system_display{background-color: #d6e2f5;}
.system_display>a::after{transform: unset;}
.system_menu_display{display: block!important;animation: fadein 1s;}
.system-menu{}
.system-menu li{background-color: #d6e2f5;}
.system-menu li a{margin-left: 10px;width: auto;}

nav>ul>li>ul.web-menu{  display: none;}
.web-menu>li:hover{background-color: #cfeffd;}
.web:hover{background-color:#cfeffd;}
.web>a:hover{color: #2d5b84;}
.web>a::after{font-size: 12px;font-family: "h_icomoon";content: "\e90e"; position: absolute; top: 5px; color:#94a8bb; right: 9px;transform: rotate(90deg);}
.web.active>a::after{transform: unset;color: #66d9f5;}
.web_display{background-color: #d6e2f5;}
.web_display>a::after{transform: unset;}
.web_menu_display{display: block!important;animation: fadein 1s;}
.web-menu{}
.web-menu li{background-color: #d6e2f5;}
.web-menu li a{margin-left: 10px;width: auto;}
*/



@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
nav ul li.home a:before{content:"\ef5b";}
nav ul li.customer a:before{content:"\f507";}
nav ul li.booking a:before{content:"\eacc";}
nav ul li.member a:before{content:"\eca8";}
nav ul li.purchase a:before{content:"\f541";}
nav ul li.sale a:before{content:"\eba8";}
nav ul li.property a:before{content:"\eaa2" ;}
nav ul li.contract a:before{content:"\ede9";}
nav ul li.invoice a:before{content:"\edf4";}
nav ul li.insure a:before{content:"\e918";}
nav ul li.report a:before{content:"\eb4c";}
nav ul li.file a:before{content:"\e924";}
nav ul li.web a:before{content:"\e933";}
nav ul li.group>a:before{content:"\e927";}
nav ul li.system>a:before{content:"\ee86";}
nav ul li.web>a:before{content:"\e927";}
/*二级导航*/
nav>ul>li>div{
    padding-top: 14px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    justify-content: center;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    width: -webkit-fill-available;
}
nav>ul>li>div:before,nav>ul>li>div:after{
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
}
nav>ul>li>div:before{
    border-width: 10px;
    border-bottom-color: #FDD835;
    top: -6px;
}
nav>ul>li>div:after{
    border-width: 8px;
    border-bottom-color:#ffffff;
    top: -2px;
}
nav>ul>li:hover>div {
    display: flex;
}
.sub-menu{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    min-width:calc(100% - 20px);
    box-shadow: 0 0px 5px rgb(0 0 0 / 6%);
    /*margin-top: 14px;*/
    /*padding: 5px 10px;*/
    border-radius: 10px;
    position: absolute;
    top: inherit;
}

.sub-menu>li{
    margin: 0 5px;
    /*border-radius: 10px;*/
}
.sub-menu>li>{}

.sub-menu>li>a{
    display: flex;
    flex-direction: row;
    width: max-content;
    align-items: center;
    padding: 8px 10px;
}
.sub-menu>li>a:before{
    padding-right: 10px;
    font-size: 20px;
    font-family: 'sharp-light';
    /* text-indent: 12px;*/
}
.sub-menu li a:before{
    padding-right: 5px;
    font-size: 12px;
    font-family: 'sharp-light';
}
.sub-menu li:nth-child(1){margin-left: 0;}
.sub-menu li:last-child{margin-right: 0;}
.sub-menu li.purview a:before{content:"\ebbb";}
.sub-menu li.purview01 a:before{content:"\e90d";}
.sub-menu li.purview02 a:before{content:"\e90d";}
.sub-menu li.purview03 a:before{content:"\ecba";}
nav ul li.user a:before{content:"\f4d6";}
nav ul li.records a:before{content:"\e923";}
nav ul li.link a:before{content:"\e91c";}
nav ul li.support a:before{content:"\e929";}
.navbar{
    position: absolute;
    top: 25%;
    right: 6px;
}
.navbar>div{
     background-color: #ffe5ea;
    padding: 6px 6px;
    border-radius: 6px;
    /*top: 120px;
    z-index: 10000000;
    right: 7px;*/
}
/*.navbar>div>span{border-bottom:2px solid var(--color-pink); width: 23px; display: block; margin: 3px 0;}*/
.navbar>div>span{
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.navbar>div>span:before{
    font-family: 'sharp-light';
    content: "\e9dc";
    color: var(--color-pink);
    font-size: 22px;
    font-weight: bold;
}
.nav{/*display: none;*/height:0;width:0;min-width:0;transition: line-height 1s;}
.active{/*border-right: 2px solid #2d5b84;*//*background-color: #2d5b84;*/border-radius: 46px;}
.action{/*border-right: 2px solid #2d5b84;*/background-color: #ffe5ea;}
.action a {color: var(--color-pink);  }
.action_show{display:flex!important;}
.active>a{
    color: var(--color-pink);
    background-color: #fff0c3;
    border-radius: 14px;

}
.active>a>span{
    color: var(--color-pink);
}
.active>a:hover{
    color: var(--color-pink);
}
nav .logo{display: none;}
.fixed{
    position: sticky;
    z-index: 1000000;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 10px 3px rgb(219 219 219);
}
.fixed>ul>li>a>span{display: none;}
/*----------------------------------------------------header----------------------------------------------------*/
main{background-color:#eeeef6;/*background: linear-gradient(to bottom,#faf1e7,#fff1d4);*/min-height:100vh;/*display:flex;flex-direction:row;position:fixed;*/ top: 0; left: 0; bottom: 0; right: 0;}
section{flex:1; /*background-color: #D5D9E5;*/  overflow: auto; width: 100%; }
section .g-m{width: 92%; margin: 0 auto; padding-top: 40px; padding-bottom: 80px;}/*全局外框架*/
/*內頁二級導航*/
.g_h{/*margin-bottom: 20px;*/}
.g_h>ul{display: flex;justify-content: space-evenly;border-bottom: 1px solid #adcfff;}
.g_h>ul>li{width: 50%; background-color:#c7ddfb;border-radius: 10px 10px 0 0;margin: 0 2px;}
/*.action{background-color: #2d5b84!important;}
.action>a{;color: #e8f4ff!important;}*/
.g_h>ul>li>a{padding: 10px;color:#2d5b84; font-size: 15px; font-weight: normal;}

section .g-t{text-align: center;margin-bottom: 30px;}/*全局標題*/
section .g-t>div{}
section .g-t>div>h1{font-size: 19px; font-weight: normal;/* color: #2d5b84;*/ color: #616161;}
section .g-t>div>h1>span{font-size: 19px;
    font-weight: bold;
    color: #2d5b84;
    margin: 0 5px;}
section .g-c{background-color: #fff; padding: 10px 20px 50px 20px;border-radius: 3px;}/*全局內容框架*/

/*彈出修改提示框*/
.prompt_box{display: flex; z-index: 30000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(18,169,255,0.38);}
.ts-alert{  position:fixed;  top:50%;  left:50%;  z-index:999;white-space: normal;min-width: 200px;text-align: center;padding: 15px;padding-right: 15px;margin-bottom: 20px;  border-radius: 4px;background-color: #32b5e5;height: 30px;font-size: 14px;}
.ts-alert-text{  text-align:center;  color: #fff; font-size: 20px;  white-space: normal;  line-height:24px;}
/*彈框*/
.spring_frame{z-index: 10000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(7, 14, 18, 0.38); display: none; align-items: center; justify-content: center;}
.spring_frame>div{width: 50%; background-color: #fff; padding:40px; box-shadow: 0 1px 3px 0 rgba(33,150,243,0.21); margin: 0 auto; min-width: 500px; border-radius: 10px;}
.spring_frame>div>div:nth-child(1){}
.spring_frame>div>div:nth-child(1)>h2{}
.spring_frame>div>div:nth-child(2)>ul{}
.spring_frame>div>div:nth-child(2)>ul>li{display: flex; margin-bottom: 10px;align-items: center;}
.spring_frame>div>div:nth-child(2)>ul>li>input{color: #3d3d3e; width:calc(70% - 22px); background-color: #fffbd8; margin-right: 3px; padding: 12px 11px; border: none; font-size: 15px;}
.spring_frame>div>div:nth-child(2)>ul>li>span{width:calc(30% - 22px); min-width: 120px; display: block; background-color: #fff; padding: 12px 11px; color: #6a6a6a;}
.spring_frame>div>div:nth-child(2)>ul>li>span>i{}
.spring_frame>div>div:nth-child(2)>p{}
.spring_frame>div>div:nth-child(3){}

/*employee彈出添加工作經驗*/
.ee-add-work{max-width: 620px; margin: 0 auto; min-width: 344px;}
.ee-add-work>ul{}
.ee-add-work>ul>li{}
.ee-add-work>ul>li>span{}
.ee-add-work>ul>li>input{}
.ee-add-work .duration{}
.ee-add-work .duration>span{}
.ee-add-work .duration>input{width:calc(34% - 22px)!important;}
.ee-add-work .duration>ins{width:2%}
.ee-add-work>ul>li>select{
    color: #3d3d3e;
    width: 70%;
    background-color: #fffbd8;
    margin-right: 3px;
    padding: 12px 11px;
    border: none;
    font-size: 15px;}
.ee-add-work>ul>li>div{width:calc(70% - 22px);background-color: #fffbd8; padding: 12px 8px;}
.ee-add-work>ul>li>div>ul{width: 100%}
.ee-add-work>ul>li>div>ul>li{background-color: #dbf8fc; padding: 3px 3px; border-radius: 5px;}
.ee-add-work>ul>li>div>ul>li>input{}
.ee-add-work>ul>li>div>ul>li>span{margin-left: 10px;color: #8c8c8c;}
.ee-add-work>ul>li>div>ul>li>input[type=text]{text-align:start;font-size: 13px; color: #616161; width: 66px; background-color: #ffffff; padding: 0px 3px; border:1px solid #d6d6d6; margin-left: 5px;}
/*
.ee-add-work>ul>li>div>ul>li>input:nth-child(5){font-size: 13px; color: #616161; width: 23px; background-color: #ffffff; padding: 0px 3px; border: 1px solid #8c8c8c; margin-left: 5px; border-radius: 5px;}
*/
/*
.spring_frame>div>div:nth-child(3)>div{align-items: center; display: flex; justify-content: center; margin-top: 40px;}
.spring_frame>div>div:nth-child(3)>div>button{box-shadow: 0 1px 3px 0 rgb(33 150 243 / 21%); background-color: #32b5e5; border: unset; border-radius: 10px; line-height: 38px; color: #fff; font-size: 16px; margin-left: 16px; width: 130px;}
.spring_frame>div>div:nth-child(3)>div>button:nth-child(1){background-color: #ffffff; color: #32b5e5; border: 1px solid #32b5e5;}
.spring_frame>div>div:nth-child(3)>div>button:nth-child(2){}
.spring_frame>div>div:nth-child(3)>div>button:hover{opacity: 0.7;}
*/

/*------頁碼-----------*/
.page{display: flex; align-items: center;justify-content: center;}
.page>p{font-size: 12px; color: #adb6be;display: flex; align-items: center; justify-content: center;}
.page>p>span{font-size: 12px; color: #adb6be;}
.page ul{display: flex;}
.page ul li{display: flex; justify-content: center; align-items: center; margin-right: 16px;font-size: 12px}
.page ul li a{font-size: 12px}
.page .active{border:none;background-color: unset;}
.page .active>span{background-color:#a6bacc;text-align: center; color: #fff; padding: 4px; line-height:10px;border-radius: 5px; width: 10px; height: 10px;}
.page ul li:nth-child(1)>span,
.page ul li:nth-child(1)>a,
.page ul li:nth-last-child(1)>a,
.page ul li:nth-last-child(1)>span{background-color: #fff; width:20px; height:20px; border-radius: 5px; display: flex; justify-content: center; align-items: center;font-size: 19px; line-height: 20px; padding: 1px 2px 3px 2px;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.05); }
.page ul li:nth-child(1)>a:hover,
.page ul li:nth-last-child(1)>a:hover{background-color:#dfdfdf; color: #fff;}


/*進度提示框*/
.remind{padding-top: 20px;display: none; z-index: 200000;position: absolute; right:-50px; top: 20px;}
.remind>ul{background-color:#FFF9C4; padding:20px 15px; border-radius: 7px;/*border: 2px solid #FDD835;*/width: max-content;box-shadow: 0 0 7px 1px rgba(255,152,0,0.55);}
.remind>ul>li{display: flex;justify-content: space-between; align-items: center; margin-bottom: 4px; border-bottom: 1px solid #FFD54F;     padding: 5px 0;/*background-color: #FFFDE7; padding: 3px 8px;*/}
.remind>ul>li>div{display: flex;align-items: center;}
.remind>ul>li>div>span{color: #F57F17;margin-right: 5px;font-size: 12px;line-height: 19px;}
.remind>ul>li>div>span:nth-child(1){border-radius: 5px;padding: 0 5px;/*margin-right: 3px 0;*/background-color: #e2fffa; color: #73a7a3;line-height: 19px; display: block;}
.remind>ul>li>a{color: #fafafa; background-color: #8BC34A; font-size: 12px; line-height: 18px; padding: 0 5px; border-radius: 5px;}
.show_remind{display: block;animation: my-animation 0.3s ease-in-out;}
@keyframes my-animation {
    0% { transform: scale(0.9);opacity: 0;  }
  /*  90% { transform: scale(0.95);opacity: 1;  }*/
    100% { transform: scale(1);opacity: 1;  }
}
/*
.remind {  width: 100px;  height: 100px;  background-color: #ccc;  position: relative;  border: 4px solid #333;  }
*/
.remind:after,.remind:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    right: 177px;
    position: absolute;
    width: 0;
}
.remind:after {
    border-width: 8px; border-bottom-color: #fff176;top: 6px; right: 78px;;
}
.remind:before {
    border-width: 10px;
    border-bottom-color: #FDD835;
    top: 0; right: 76px;
}

/*---------------------登入頁面-----------------------*/
.login--main{display: flex;justify-content:center;/*align-items:center;*/height: 80vh; margin-top: 20vh;}
.login--main>div{width: 280px; display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px;}
.login--main>div>div.login--logo{display: flex;justify-content: center;}
.login--main>div>div.login--logo img{width: 169px;}
.login--main>div>h1{text-align: center; font-size: 29px; font-weight: normal; color: var(--color-pink);}
.login--main>div ul{}
.login--main>div ul>li> p{color:var(--color-pink); font-size: 12px;line-height:18px;}
.login--main>div ul>li>div{display: flex; align-items: center; border: 1px solid #adb6be;border-radius: 43px; padding: 3px;margin-top: 20px;}
.login--main>div ul>li:nth-child(3){}
.login--main>div ul>li:nth-child(3)>div>img{
    width: 38%;
    margin-right: 5px;
}
.login--main>div ul>li>div:hover{border-color: var(--color-pink); border-right-width: 1px; z-index: 1;}
.login--main>div ul>li>div input{caret-color: #2d5b84;box-sizing: border-box; /*width: 100%;*/ min-width: 0; color: rgba(0,0,0,.85); font-size: 14px; line-height: 1.5715; background-color: #fff; transition: all .3s; padding: 0; border: none; outline: none; margin-left: 7px;}
.login--main>div ul>li:nth-child(3)>div input{width: 40%;}
.login--main>div ul>li>div:before{font-family: "sharp-light";}
.login--main>div ul>li>div:before{

    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 25px;
    border: unset;
    border-radius: 24px;
    color: #969696;
    background-color:#eaeaea;
    width: 32px;
    height: 32px;
    margin-right: 5px;
}
.login--main>div ul>li:nth-child(1)>div:before{content: "\f507";}
.login--main>div ul>li:nth-child(2)>div:before{content:"\f032";}
.login--main>div ul>li:nth-child(3)>div:before{content:"\f2af";}
.login--main>div button{background-color: var(--color-pink); border: unset; border-radius: 34px; line-height: 40px; color: #fff; font-size: 18px;margin-top: 30px; }
.inp_border{border-color: #fc8da4 !important;box-shadow: 0 0 3px 2px rgba(210, 3, 42, 0.35);}


/*---------------------搜索欄---------------------*/
/*簡單搜索*/
.g-search{display: flex; justify-content: center; margin:50px 0 20px 0;}
.g-search>div{display: flex; gap: 10px;}
.g-search>div>div{background-color: #fff; box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.05); border-radius: 37px;display: flex; justify-content: center; align-items: center;border: 1px solid #ffffff00;}
.g-search>div>div:hover{border-color: #a3dbff; border-right-width: 1px;}
.g-search>div>div>input:nth-child(1){margin-left: 16px;caret-color:#2d5b84;font-size: 16px; width: 300px; color:#616161;line-height: 34px;}
.g-search>div>div>input:nth-child(2),.g-search>div>div button{background-color: var(--color-pink); padding: 7px 9px; border-radius: 37px;color: #e7fbff;margin: 4px;}
.g-search>div>div button:hover{background-color: #bb0226; }
.g-search>div>div:nth-child(1) button:before{content:"\f03e"; font-family: "sharp-light";font-size: 20px;    font-weight: bolder;}
.g-search>div>div:nth-child(2) button{display: flex;justify-content: center;align-items: center; line-height: 25px;}
.g-search>div>div:nth-child(2) button:hover{background-color: #3170ab;}
.g-search>div>div:nth-child(2) button:after{content:"\e926"; font-family: "h_icomoon";font-size: 20px;margin-left: 7px;}
/*進階搜索*/
.advanced_search{ width:100%; background-color: #dce1ef;height: 0;box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.05);
    transition: height 0.5s;justify-content: center;}
.search_display{transition: height 0.5s; height:auto;display:flex;}
.ad_s_main{display: none;width: 80%;margin: 20px 0;}
.ad_s_main_display{display:flex;flex-direction: column;}



/*-------刪除彈出提示框------*/
#msg-box{z-index: 10000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(7, 14, 18, 0.38); display: none;align-items: center; justify-content: center;}
form#msg-box > div{background-color: #ffffff; color: white; padding: 30px 50px; border-radius: 6px; text-align: center;}
.confirm{}
.confirm>h2{margin-bottom: 20px; color: #32b5e5; font-size: 20px; font-weight: normal; text-align: center; line-height: 22px;}
.confirm>div:nth-child(2){display: flex; flex-direction: row;justify-content: center;}
.confirm>div:nth-child(2) label{background-color: #efefef; color: #32b5e5;display: block; font-size: 18px; padding: 5px; border: 1px solid #adb6be; margin-right: -1px; border-radius: 5px 0 0 5px;}
.confirm>div:nth-child(2) input{border: 1px solid #adb6be;width: 180px; caret-color: #2d5b84; box-sizing: border-box; min-width: 0; color: rgba(0,0,0,.85); font-size: 14px; line-height:21px; background-color: #fff; transition: all .3s; outline: none; border-radius: 0 5px 5px 0;  padding: 8px 10px; }
.confirm>div:nth-child(3){margin-top: 20px;display: flex; justify-content: space-around;}
.confirm>div:nth-child(3) button{background-color: #32b5e5; border: unset; border-radius: 10px; line-height: 30px; color: #fff; font-size: 16px; width: 100px;}


button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    color:#222;
    margin-left:5px;
    line-height:26px;
}