main > div>form{
    width: 100%;
}
#search_main{
   /* background-color: #1f469e;
    background-image: url(/www/images/bg.png);
    background-repeat: no-repeat;
    background-position: left top; */
    padding-top: 30px;
}
#srch{
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 70px 30px 70px 30px;
    margin-bottom: 40px;

}
.srch {
    /*background-color: #3559a8;
    padding: 20px 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 30px;
    border-radius: 70px 30px 70px 30px;*/
    padding: 50px 10% 70px;
    background-color: #3559a8;
    background-image: url("/www/images/bg.png");
    background-repeat: no-repeat;
    background-position: left center;
    border-radius: 70px 30px 70px 30px;
}
.srch .search_btn{
    padding: 3px 4px;
    font-size: 15px;
    line-height: 32px;
    border: unset;
    border-radius: 9px;
    color: #fff;
    width:100%;
    background-color: #1577ff;
    margin-top: 25px;
}
.srch .search_btn:hover{background-color: #00a2d4;}

.srch > h1 {
    color: #3eaffb;
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 20px;
}
.srch > ul {

    width:100%;
    display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;
}

.srch > ul > li {
    margin: 0 5px;
    width: calc(33.3% - 10px);
    display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 10px;
}

.srch > ul > li > span {
    /*color: #000;
    display: block;
    margin-bottom: 7px;
    font-size: 14px;*/
    /*font-size: 15px;
    line-height: 19px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #fff;*/
    margin-bottom:10px;
    font-size: 17px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #fff;
}

.srch > ul > li > input {
    background-color: #d9e9ff;
    border: 1px solid #b2c8f0;
    font-size: 12px;
    padding: 3px;
    width: calc(100% - 6px);
    line-height: 20px;
    color: #296089;
}
.srch > ul > li:nth-child(1) > input{background-color: #fff2de; border: 1px solid #f1c583;}
.srch > ul > li >select {
    background-color: #ffffff;
    border:none;
    font-size: 13px;
    padding: 3px;
    width: calc(100% - 6px);
    line-height: 20px;
    color: #296089;
}
.tooltip{display: none;position: absolute;}/*隱藏滑塊內容*/
.error_tip{color: #f37d62; font-size: 12px; margin-top: 3px;display: none;}
.show{display: block;}
#ageVal{margin-right: 15px;color: #acf2fb;font-size: 16px;}
/*搜尋結果*/
.result{width: 100%;padding-bottom: 50px;}
.result>ul{display: flex; flex-wrap: wrap;/*justify-content: space-between*/;}
.result>ul>li{ margin: 0.5% 0.5%; width: calc(33.3% - 1%);display: flex; flex-direction: column; justify-content: space-between;background-color: #fff;border-radius:16px 16px 29px 16px;}
/*.result>ul>li:hover { box-shadow: 0 1px 5px 0 rgba(255, 150, 103, 0.75); }*/
.result_main{display: flex; flex-direction: column;width:calc(100% - 20px);background-color: #fff; margin: 10px;}
.result_main>div:nth-child(2)>ul{display: flex; flex-direction: row; flex-wrap: wrap;align-content: flex-start; justify-content: flex-start;margin-left: 10px;}
.result_main>div:nth-child(3){display: flex; flex-direction: row;/*width: calc(80% - 10px); margin-left: 10px;*/}
.result_img{width:30%;display: flex; flex-direction: column; justify-content: flex-start;}
.result_img>img{width:100%; height: auto;/*border: 1px solid #d0d5e8;  padding: 3px; */ }
.result_img>a{font-size: 12px; color: #b8b8b8; margin-top: 10px; border: 1px solid #e3e0e0; border-radius: 4px; padding: 2px 5px; background-color: #f1f1f1;}
.result_title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px;/* border-bottom: 1px solid #eaeaea;*/ padding-bottom: 3px;}
.result_title>div{display: flex;align-items: center;}
.result_title>a{color: #fff; background-color:#03A9F4; font-size: 12px; padding: 2px 8px; border-radius: 5px; line-height: 16px;}
.result_title>div>h1{font-weight: bold; font-size: 17px; line-height:27px; color:#252525;}
.result_title>div>span{font-size: 13px; line-height: 22px; color:#fff; margin-left: 13px;background-color: #2b92bd; padding: 0 10px; border-radius: 5px;}
.result_con{width: 100%; margin-bottom: 5px; display: flex; flex-direction: row;}
.result_con>div:nth-child(2){width:calc(70% - 10px);margin-left: 10px;}
.result_con>div>ul{display: flex;flex-wrap: wrap;}
.result_con>div>ul>li{display: flex; flex-direction: row;margin-bottom:4px;flex-wrap: wrap;width:50%;align-items: center;}
.result_con>div>ul>li>h2{font-size: 14px; line-height: 18px; color: #757575; font-weight:normal;padding-right: 5px;}
.result_con>div>ul>li>span{min-height: 16px; display: block; font-size: 13px; line-height: 19px; color:#212121; font-weight: normal;}

.result_exp{}
.result_exp>h2{font-size: 14px; line-height: 24px; color: #000000; font-weight: bold;}
.result_exp>ul{/*background-color: #d7f3ff;*/}
.result_exp>ul>li{display: flex; flex-wrap: wrap; flex-direction: row;}
.result_exp>ul>li>span{min-height: 16px; display: block; font-size: 13px; line-height: 19px; color:#3559a8; font-weight:normal;background-color: #d7f3ff; border-radius: 5px;margin: 2px; padding: 2px 8px;}

.pass_worker_con{}
.result_pass_work{}
.result_pass_work>h2{font-size: 13px; line-height: 24px; color: #000000; font-weight:bold;}
.result_pass_work>ul{display: flex; flex-direction: row; flex-wrap: wrap;/*background-color:#d7f3ff;*/ margin-bottom: 5px;margin-top: 8px;border-left: 1px solid #2b92bd;position: relative;margin-left: 8px; padding-left: 10px;}
.result_pass_work>ul:before{ font-size: 12px; width: 14px; height: 14px; position: absolute; left: -11px; background-color: #2b92bd; text-align: center; color: #fff; border-radius: 10px; padding: 3px; line-height: 12px;}
.result_pass_work>ul:nth-child(2):before{content: "1";}
.result_pass_work>ul:nth-child(3):before{content: "2";}
.result_pass_work>ul>li{display: flex; flex-direction: row; flex-wrap: wrap;}
.result_pass_work>ul>li:nth-child(1),.result_pass_work>ul>li:nth-child(2){width: 50%}
.result_pass_work>ul>li>h3{font-size: 13px; line-height: 18px; color:#757575; font-weight: normal; padding-left: 5px;}
.result_pass_work>ul>li>span{display: flex; flex-direction: row; flex-wrap: wrap; min-height: 16px; font-size: 13px; line-height: 18px; color:#212121; font-weight: normal;padding-left: 5px;}
.result_pass_work>ul>li>div{display: flex; flex-direction: row; flex-wrap: wrap;}
.result_pass_work>ul>li>div>p{display: flex; flex-direction: row; flex-wrap: wrap;min-height: 16px; font-size: 13px; line-height: 18px; color:#3d3d3d; font-weight: normal; padding-left: 5px;background-color: #d7f3ff; border-radius: 5px; margin: 2px;}
.result_pass_work>ul>li>div>p>span{min-height: 16px; display: block; font-size: 13px; line-height: 18px; color:#9E9E9E; font-weight: normal; padding-left: 5px;}
.result_foot{ display: flex;    justify-content: flex-end;}
.result_foot>a{color: #fff; background-color:#2B92BD; font-size: 14px;font-weight: bold; width: 120px; line-height: 28px;border-radius:37px 0 43px 0;display: flex; justify-content: center; align-items: center;}
.result_foot>a>img{margin-right: 5px;width: 14px;}
/*------頁碼-----------*/
.page{display: flex; align-items: center;justify-content: center;}
.page>p{font-size: 12px;color: #212121;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;color:#e9e9e9;}
.page .active{border:none;background-color: unset;}
.page .active>span{background-color:#2b92bd;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; color: #212121;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: #212121;}
.page_con{display: flex; align-items: center;justify-content: center;padding: 20px 0;}
.page_con>p{color: #e9e9e9;}
.page_con>p>span{color:#e9e9e9;}
@media screen and (max-width: 900px) {
    /*  main{display: none;}*/
    main > div{width: 100%;}
    .srch{flex-direction: column;    margin: 0 5px 20px;}
    .srch>ul{flex-wrap: wrap;width: 100%; margin-bottom: 20px;}
    .srch > ul > li{width: calc(30% - 10px)}
    .result>ul{}
    .result>ul>li{width: calc(100% - 6%); margin: 1% 2%; padding: 2%;}
}