.Xqsb{ width:100%; margin:0 auto; height:40px;clear:both;background:#fFF}

.Xqsb h2{ padding-top:37px; padding-bottom:15px; font-weight: normal; margin:0 auto;text-align:center;font-size:30px;color:#646464;}

.XqsbTxt{ width:1190px;margin:0 auto;clear:both;}

.XqsbTxt li{ width:230px; margin-left:67px; text-align:left;float:left;}

.XqsbTxt li p{font-size:14px;color:#9f9f9f; margin:0 auto; line-height:21px;}	

.XqsbTxt li .title{font-size:24px;color:#646464; margin-bottom: 20px}

.XqsbTxt li img{ margin-left:15px; top:15px; position:relative;}



.XqYs{ width:100%; margin:0 auto; border-top:0px solid #edecec; min-height:460px; padding-top:20px;clear:both;}

.XqYs h3{font-size:30px;color:#646464; line-height:70px; font-weight:normal; text-align:center}

.XqYsTxt{ width:1160px; margin:0 auto; margin-top:25px; background:url(../image/sbdl01-2.gif) no-repeat right 30px; height:400px;clear:both;}

.XqYsTxt .text-box{ margin-top:58px; margin-left:55px;float:left;}

.XqYsTxt .text-box h3{font-size:30px;color:#646464; line-height:40px;font-weight:normal;}

.XqYsTxt .text-box p{font-size:16px;color:#646464; line-height:24px;}

.XqYsTxt img{float:right; margin-right:55px;margin-top:40px;}



.XqYs02{ width:100%; margin:0 auto; background:#fafafa;min-height:400px; padding-top:20px;clear:both;}

.XqYs02 h3{font-size:30px;color:#646464; line-height:70px; font-weight:normal; text-align:center}

.XqYs02Txt{ width:1160px; margin:0 auto; margin-top:25px; background:url(../image/sbdl02-2.gif) no-repeat left top; height:380px;clear:both;}

.XqYs02Txt .text-box{ margin-top:58px; margin-right:55px;text-align:right; float:right;}

.XqYs02Txt .text-box h3{font-size:30px;color:#646464; line-height:40px;font-weight:normal;}

.XqYs02Txt .text-box p{font-size:16px;color:#646464; line-height:24px;}

.XqYs02Txt img{float:left; margin-left:55px;margin-top:0px;}





.XqYs03{ width:100%; margin:0 auto;  min-height:400px; padding-top:20px;clear:both;}

.XqYs03 h3{font-size:30px;color:#646464; line-height:70px; font-weight:normal; text-align:center}

.XqYs03Txt{ width:1160px; margin:0 auto; margin-top:25px; background:url(../image/sbdl03-2.gif) no-repeat right top; height:380px;clear:both;}

.XqYs03Txt .text-box{ margin-top:58px; margin-left:55px;float:left;}

.XqYs03Txt .text-box h3{font-size:30px;color:#646464; line-height:40px;font-weight:normal;}

.XqYs03Txt .text-box p{font-size:16px;color:#646464; line-height:24px;}

.XqYs03Txt img{float:right; margin-right:55px;margin-top:40px;}





.XqEqu{ width:100%; margin:0 auto; background:url(../image/7-2.jpg) no-repeat top center; height:560px; padding-top:60px;  clear:both;}

.XqEqu h3{font-size:30px;color:#fff; line-height:70px; font-weight:normal; text-align:center;}

.XqEquTxt{ width:1190px; margin:0 auto; margin-top:60px;clear:both;}

.XqEquTxt li{ width:308px; margin-left:40px; margin-right:40px;float:left; border-radius:10px; background:#fff; height:340px;}

.XqEquTxt li em{background:url(https://www.edrc.cn/html/pg/sbimg/equ01-2.png) no-repeat top; top: -30px; width: 71px; height: 71px; right: -41%; display: block; position: relative;}

.XqEquTxt li .text-boxh{ border-bottom:1px solid #eeeeee;font-size:14px; width:80%; margin:0 auto; padding-bottom:14px;text-align:center;}



.XqEquTxt li .qy{background:url(https://www.edrc.cn/html/pg/sbimg/equ01-2.png) no-repeat 0px -72px; top: -30px; width: 71px; height: 71px; right: -41%; display: block; position: relative;}

.XqEquTxt li .gr{background:url(https://www.edrc.cn/html/pg/sbimg/equ01-2.png) no-repeat 0px -144px; top: -30px; width: 71px; height: 71px; right: -41%; display: block; position: relative;}

.XqEquTxt li .text-boxh h3{font-size:24px; color:#309cfe; line-height:40px; font-weight:bold; margin:0 auto;}

.XqEquTxt li .text-boxh p{font-size:14px; color:#494949; margin:0 auto;}

.XqEquTxt li .text-boxh2{ width:100%; text-align:center;font-size:14px; line-height:24px;}

.XqEquTxt li .text-boxh2 p{ font-size:14px; line-height:40px; margin:0; padding:0;}

.XqEquTxt li .text-boxh2 p.text-boxh-font{font-size:22px; height:60px; line-height:60px; font-weight:bold;color:#ff6600;}

.XqEquTxt li a{ margin: 10px auto 0px; border-radius: 4px; width: 198px; color:#fff; line-height: 40px; font-weight: bold; display: block; cursor: pointer; background-color:#58b0ff; text-align:center;}

.XqEquTxt li a:hover{background-color:#309cfe;}



.XqEquTxt2{ width:1212px;margin:0 auto;clear:both;}

.XqEquTxt2 li{ width:520px; margin:60px 43px; height:313px;float:left;}

.XqEquTxt2 h3{ padding-left:70px; padding-top:26px;display:block; margin-bottom:20px; text-align:left;font-size:24px;color:#646464;}

.pad70{ margin-left:75px;font-size:16px; color:#666;}

.XqEquTxt2 .XqE-boxh{ width:92%; margin:0 auto;clear:both;}

.XqEquTxt2 .XqE-boxh p{ width:33%;float:left;color:#666; text-align:center;font-size:20px;margin-bottom:25px; line-height:36px; border-right:1px solid #e5e5e5;}

.border0{border:none;}

.XqEquTxt2 .XqE-boxh span{color:#ff6600;}

.xqequan{width:200px; height:40px;  margin:0 auto;line-height:40px; text-align:center; background:#ff6600;color:#fff;font-size:16px;border-radius:4px; display:block; clear:both;}

.xqequan:hover{background:#ff4e00;}

.combo-box-li-01{ background:url(../image/19-2.png) no-repeat;height:310px;}

.combo-box-li-02{ background:url(../image/20-2.png) no-repeat;height:310px;}

.XqEquTxt2 .XqE-boxh2{ padding-left:70px; padding-top:10px; padding-bottom:10px; width:100%; clear:both;}

.XqEquTxt2 .XqE-boxh2 p{ width:45%;float:left; text-align:left;font-size:16px;color:#646464;margin-bottom:25px; line-height:44px; }

.XqEquTxt2 .XqE-boxh2 span{color:#ff6600;font-size:26px;}













.XqImg{ width:100%; margin:0 auto; background:#fafafa;min-height:530px; padding-top:40px;clear:both;}

.XqImg h3{font-size:30px;color:#646464; line-height:70px; font-weight:normal; text-align:center}

.XqImgTxt1{ width:1011px; margin:0 auto; clear:both}

.XqImgTxt2{ margin:0 auto; width:1011px; clear:both}



.XqImgTxt22{ width:340px; margin:0 auto; height:50px; margin-top:50px; border-top:1px solid #646464;clear:both;}

.XqImgTxt23{ top:-15px;left:30px;position:relative; width:260px; background:#fafafa; font-size:18px; text-align:center;}

.XqImgTxt24{ line-height:22px; text-align:center;font-size:14px;}





















.Xqservice-aim{ width:1190px; margin:0 auto; margin-top:70px; height:250px; clear:both;}

.Xqservice-aim li{ width:150px; height:150px; margin-left:41px; margin-right:41px; line-height:24px; text-align:center;float:left;}

.Xqservice-aim li span{ font-size:20px; margin-top:20px; display:block; line-height:30px; }

.Xqservice-aim li p{ margin:0 auto;}

.Xqservice-aim li em{ background:url(../image/aim-2.png) no-repeat 0px 0px; width:87px; height:87px; margin:0 auto; display:block;}

.Xqservice-aim li .a2{background-position: -87px 0px; }

.Xqservice-aim li .a3{background-position: -174px 0px; }

.Xqservice-aim li .a4{background-position: -260px 0px; }

.Xqservice-aim li .a5{background-position: -348px 0px; }



















/**
 * top
 */
.jj-contents__inner {
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .jj-contents__inner {
        padding-bottom: 30px;
    }
}

.jj-notice {
    background: #2b4850;
    padding: 15px 0;
}

@media screen and (max-width: 767px) {
    .jj-notice {
        padding: 9px 0;
    }
}

.jj-notice__inner {
    width: 1100px;
    margin: 0 auto;
    line-height: 1;
    font-size: 0;
}

@media screen and (max-width: 767px) {
    .jj-notice__inner {
        width: 100%;
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .jj-notice__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.jj-notice__icon {
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .jj-notice__icon {
        margin-right: 7px;
    }
}

.jj-notice__text {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .jj-notice__text {
        font-size: 11px;
    }
}

.jj-notice__link {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 14px;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-notice__link:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-notice__link {
        -webkit-transition: none;
                transition: none;
    }
    .jj-notice__link:hover {
        opacity: 1;
    }
}

.jj-notice__link .is-sp {
    display: none;
}

@media screen and (max-width: 767px) {
    .jj-notice__link {
        -webkit-transform: scale(.85);
            -ms-transform: scale(.85);
                transform: scale(.85);
        margin-left: auto;
    }
    .jj-notice__link .is-sp {
        display: inline-block;
        margin-top: -1px;
    }
}

.jj-visual {
    height: 300px;
    /*background-image: url(/assets/top/bg_header_pc.jpg);*/
    background-size: cover;
}

.jj-visual--shanghai {
    /*background-image: url(/assets/top/bg_header_cn_shanghai_pc.jpg);*/
    background-repeat: no-repeat;
    background-color: #ebf8fb;
    background-size: auto 100%;
}

.jj-visual--beijing {
    /*background-image: url(/assets/top/bg_header_cn_beijing_pc.jpg);*/
    background-repeat: no-repeat;
    background-color: #ebf8fb;
    background-size: auto 100%;
}

.jj-visual--guangzhou {
    /*background-image: url(/assets/top/bg_header_cn_guangzhou_pc.jpg);*/
    background-repeat: no-repeat;
    background-color: #ebf8fb;
    background-size: auto 100%;
}

.jj-visual--dalian {
    /*background-image: url(/assets/top/bg_header_cn_dalian_pc.jpg);*/
    background-repeat: no-repeat;
    background-color: #ebf8fb;
    background-size: auto 100%;
}

.jj-visual--shenzhen {
    /*background-image: url(/assets/top/bg_header_cn_shenzhen_pc.jpg);*/
    background-repeat: no-repeat;
    background-color: #ebf8fb;
    background-size: auto 100%;
}

.jj-visual--suzhou {
    /*background-image: url(/assets/top/bg_header_cn_suzhou_pc.jpg);*/
    background-repeat: no-repeat;
    background-color: #ebf8fb;
    background-size: auto 100%;
}

.jj-visual--tianjin {
    /*background-image: url(/assets/top/bg_header_cn_tianjin_pc.jpg);*/
    background-repeat: no-repeat;
    background-color: #ebf8fb;
    background-size: auto 100%;
}

@media screen and (max-width: 767px) {
    .jj-visual {
        height: auto;
        overflow: visible;
        background: none;
    }
}

.jj-visual__inner {
    width: 1100px;
    margin: 0 auto;
    display: table;
    padding-top: 20px;
}

@media screen and (max-width: 767px) {
    .jj-visual__inner {
        width: 100%;
        display: block;
        padding-top: 0;
    }
}

.jj-visual__main {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-visual__main {
        display: block;
        padding: 20px 0;
        /*background-image: url(/assets/top/bg_header_sp.jpg);*/
        background-size: cover;
    }
    .jj-visual--shanghai .jj-visual__main {
        /*background-image: url(/assets/top/bg_header_cn_shanghai_sp.jpg);*/
    }
    .jj-visual--beijing .jj-visual__main {
        /*background-image: url(/assets/top/bg_header_cn_beijing_sp.jpg);*/
    }
    .jj-visual--guangzhou .jj-visual__main {
        /*background-image: url(/assets/top/bg_header_cn_guangzhou_sp.jpg);*/
    }
    .jj-visual--dalian .jj-visual__main {
        /*background-image: url(/assets/top/bg_header_cn_dalian_sp.jpg);*/
    }
    .jj-visual--shenzhen .jj-visual__main {
        /*background-image: url(/assets/top/bg_header_cn_shenzhen_sp.jpg);*/
    }
    .jj-visual--suzhou .jj-visual__main {
        /*background-image: url(/assets/top/bg_header_cn_suzhou_sp.jpg);*/
    }
    .jj-visual--tianjin .jj-visual__main {
        /*background-image: url(/assets/top/bg_header_cn_tianjin_sp.jpg);*/
    }
    .jj-visual--childPage .jj-visual__main {
        padding: 60px 0 40px;
    }
}

.jj-visual--childPage .jj-visual__main {
    text-align: left;
    vertical-align: top;
    padding-top: 50px;
}

.jj-visual__balloon {
    font-size: 14px;
    font-weight: bold;
    color: #35b5d9;
    background: #ffee58;
    line-height: 1.43;
    padding: 4px 12px 6px 16px;
    border-radius: 15px;
    display: inline-block;
    margin-bottom: 8px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-visual__balloon {
        padding: 4px 43px 6px;
    }
}

.jj-visual__balloon::after {
    content: "";
    position: absolute;
    margin-left: -7px;
    left: 50%;
    bottom: -13px;
    border: 7px solid transparent;
    border-top-color: #ffee58;
}

.jj-visual--childPage .jj-visual__balloon {
    position: relative;
}

.jj-visual--childPage .jj-visual__balloon::after {
    left: 35px;
}

@media screen and (max-width: 767px) {
    .jj-visual--childPage .jj-visual__balloon {
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        white-space: nowrap;
        margin-top: -49px;
    }
    .jj-visual--childPage .jj-visual__balloon::after {
        left: 50%;
    }
}

.jj-visual__heading {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.49;
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

@media screen and (max-width: 767px) {
    .jj-visual__heading {
        font-size: 18px;
        line-height: 1.5;
    }
}

.jj-visual--childPage .jj-visual__heading {
    text-align: left;
    font-size: 38px;
}

.jj-visual--childPage .jj-visual__heading > span {
    font-size: 48px;
}

@media screen and (max-width: 767px) {
    .jj-visual--childPage .jj-visual__heading {
        font-size: 18px;
        text-align: center;
    }
    .jj-visual--childPage .jj-visual__heading > span {
        font-size: 24px;
    }
}

.jj-visual__btns {
    text-align: center;
    font-size: 0;
    margin-top: 24px;
}

@media screen and (max-width: 767px) {
    .jj-visual__btns {
        padding: 0 15px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 767px) {
    .jj-visual__btns--chinaTop .jj-visual__btn {
        width: 100%;
        padding: 0 !important;
    }
    .jj-visual__btns--chinaTop .jj-visual__btn + .jj-visual__btn {
        margin-top: 10px;
    }
}

.jj-visual__btn {
    width: 226px;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .jj-visual__btn {
        width: 50%;
    }
}

.jj-visual__btn + .jj-visual__btn {
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .jj-visual__btn + .jj-visual__btn {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .jj-visual__btn:first-child {
        padding-right: 5px;
    }
}

@media screen and (max-width: 767px) {
    .jj-visual__btn:last-child {
        padding-left: 5px;
    }
}

.jj-visual__slider {
    display: table-cell;
    vertical-align: middle;
    width: 420px;
    height: 260px;
    opacity: 0;
    -webkit-transition: 300ms;
            transition: 300ms;
}

.jj-visual__slider.is-show {
    opacity: 1;
}

.jj-visual__slider .slider {
    width: 420px;
    position: relative;
    z-index: 1;
}

.jj-visual__slider .slider .is-pc {
    display: block;
}

.jj-visual__slider .slider .is-sp {
    display: none;
}

@media screen and (max-width: 767px) {
    .jj-visual__slider .slider {
        width: 100%;
    }
    .jj-visual__slider .slider img {
        width: 100%;
    }
    .jj-visual__slider .slider .is-pc {
        display: none;
    }
    .jj-visual__slider .slider .is-sp {
        display: block;
    }
    .jj-visual__slider .slider .slick-list {
        overflow: visible;
    }
    .jj-visual__slider .slider .slick-slide {
        padding: 0 7.5px;
    }
}

@media screen and (max-width: 767px) {
    .jj-visual__slider {
        display: block;
        width: 76.5%;
        height: auto;
        margin: 15px auto 0;
        padding-bottom: 20px;
        position: relative;
    }
    .jj-visual__slider .slider::after {
        content: "";
        display: block;
        clear: both;
    }
    .jj-visual__slider::before, .jj-visual__slider::after {
        content: "";
        width: 13%;
        height: calc(100% - 20px);
        position: absolute;
        top: 0;
        z-index: 8;
    }
    .jj-visual__slider::before {
        left: -15%;
    }
    .jj-visual__slider::after {
        right: -15%;
    }
}

@media screen and (max-width: 767px) {
    .jj-registerBoxWrap {
        position: relative;
        height: 100%;
    }
}

.jj-registerBox {
    padding: 25px 25px 50px;
    background: #fff;
}

@media screen and (max-width: 767px) {
    .jj-registerBox {
        padding: 15px 12.5px 12.5px;
        border: 1px solid #FC565C;
    }
}

.jj-registerBox__heading {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.45;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .jj-registerBox__heading {
        font-size: 10px;
    }
}

.jj-registerBox__logo {
    margin-top: 20px;
    padding: 0 10px;
}

@media screen and (max-width: 767px) {
    .jj-registerBox__logo {
        margin-top: 13px;
    }
}

.jj-registerBox__logo > img {
    width: 100%;
}

.jj-registerBox__btn {
    margin-top: 17px;
}

@media screen and (max-width: 767px) {
    .jj-registerBox__btn {
        margin-top: 17px;
    }
}

.jj-popularArea {
    background: #f2f2f2;
    padding: 20px 0;
}

@media screen and (max-width: 767px) {
    .jj-popularArea {
        padding: 15px 7.5px 20px;
    }
}

.jj-popularArea__inner {
    width: 1100px;
    margin: 0 auto;
}

.jj-popularArea__inner::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-popularArea__inner {
        width: 100%;
    }
}

.jj-popularArea__list {
    display: table;
    float: left;
}

@media screen and (max-width: 767px) {
    .jj-popularArea__list {
        display: block;
        float: none;
        font-size: 0;
    }
}

.jj-popularArea__heading {
    font-size: 16px;
    padding-right: 30px;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .jj-popularArea__heading {
        display: block;
        padding: 0 7.5px;
        margin-bottom: 5px;
    }
}

.jj-popularArea__contents {
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .jj-popularArea__contents {
        display: inline-block;
        float: left;
        padding: 0 7.5px;
        width: 50%;
        margin-top: 10px;
    }
}

.jj-popularArea__contents > a {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    width: 98px;
    line-height: 36px;
    border-radius: 6px;
    background: #fff;
    text-align: center;
    display: block;
    color: #000;
    font-size: 14px;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-popularArea__contents > a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-popularArea__contents > a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-popularArea__contents > a:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-popularArea__contents > a {
        width: 100%;
    }
}

.jj-otherArea {
    float: right;
    line-height: 36px;
    color: #35b5d9;
    cursor: pointer;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-otherArea:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-otherArea {
        -webkit-transition: none;
                transition: none;
    }
    .jj-otherArea:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-otherArea {
        float: left;
        margin-top: 10px;
        width: 50%;
        text-align: center;
    }
}

.jj-otherArea__text {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .jj-otherArea__text {
        font-size: 12px;
    }
}

.jj-otherArea__icon {
    margin-top: 2px;
    margin-left: 8px;
}

@media screen and (max-width: 767px) {
    .jj-otherArea__icon {
        margin-left: 3px;
    }
}

.jj-companyLinks {
    width: 1100px;
    margin: 0 auto;
    padding: 25px 35px;
    height: 110px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 300ms;
            transition: 300ms;
}

@media screen and (max-width: 767px) {
    .jj-companyLinks {
        width: 100%;
        padding: 0 0 30px;
        margin-top: 35px;
        height: auto;
        overflow: visible;
    }
}

.jj-companyLinks.is-show {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .jj-companyLinks__heading {
        background: #FC565C;
        font-size: 20px;
        padding: 14px 25px 17px;
        line-height: 1.45;
        border-radius: 6px;
        color: #fff;
        margin-bottom: 30px;
        font-weight: bold;
        position: relative;
        border-radius: 0;
        position: relative;
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .jj-companyLinks__heading {
        font-size: 18px;
        padding: 12px 100px 12px 15px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .jj-companyLinks__heading::after {
        content: "";
        width: 67px;
        height: 60px;
        background: url(https://www.edrc.cn/assets/common/img_title_company.png) no-repeat;
        background-size: 67px 60px;
        position: absolute;
        bottom: 0;
        right: 20px;
    }
}

@media screen and (max-width: 767px) {
    .jj-companyLinks__contents {
        padding-left: 10px;
        margin-right: -25%;
    }
}

.jj-companyLinks__list {
    font-size: 0;
}

.jj-companyLinks__item {
    padding: 0 5px;
}

.jj-companyLinks__inner {
    width: 120px;
    height: 60px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
}

@media screen and (max-width: 767px) {
    .jj-companyLinks__inner {
        width: 100%;
        height: auto;
        border: 0;
        border-radius: 0;
        padding: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .jj-companyLinks__verticalWrap {
        width: 100%;
        border: 1px solid #e6e6e6;
        border-radius: 6px;
    }
    .jj-companyLinks__verticalWrap + .jj-companyLinks__verticalWrap {
        margin-top: 10px;
    }
}

.jj-companyLinks__logo {
    display: table;
    width: 100%;
    height: 100%;
}

.jj-companyLinks__logo a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-companyLinks__logo a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-companyLinks__logo a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-companyLinks__logo a:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-companyLinks__logo a {
        padding: 10px;
    }
}

.jj-companyLinks__logo img {
    vertical-align: middle;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .jj-companyLinks__logo img {
        /*width: 100%;*/
        height: 56px;
    }
}

.jj-jobs {
    padding: 30px 0 60px;
    background: #f8f8f8;
}

.jj-jobs-signed{
    padding: 0px 0 60px;
    background: #ebf8fb;
}

@media screen and (max-width: 767px) {
    .jj-jobs-signed {
        padding: 15px 15px 30px;
    }
}

@media screen and (max-width: 767px) {
    .jj-jobs {
        padding: 15px 15px 30px;
    }
}

.jj-jobs__inner {
    width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .jj-jobs__inner {
        width: 100%;
    }
}

.jj-jobs__heading {
    font-size: 24px;
    font-weight: bold;
    line-height: 31px;
    position: relative;
    padding-left: 33px;
    margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
    .jj-jobs__heading {
        padding-left: 20px;
        font-size: 18px;
        line-height: 19px;
    }
}

.jj-jobs__heading::before {
    content: "";
    width: 3px;
    height: 31px;
    background: #337ab7;
    border-radius: 1.5px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 6px 0 0 0 #FC565C, 12px 0 0 0 #e51573;
            box-shadow: 6px 0 0 0 #FC565C, 12px 0 0 0 #e51573;
}

@media screen and (max-width: 767px) {
    .jj-jobs__heading::before {
        width: 2px;
        height: 19px;
        -webkit-box-shadow: 4px 0 0 0 #FC565C, 8px 0 0 0 #e51573;
                box-shadow: 4px 0 0 0 #FC565C, 8px 0 0 0 #e51573;
    }
}

@media screen and (max-width: 767px) {
    .jj-jobs__heading {
        margin-bottom: 15px;
    }
}

.jj-jobs__contents::after {
    content: "";
    display: block;
    clear: both;
}

.jj-jobs__main {
    float: left;
    width: 1200px;
}

.jj-jobs__main-signed {
    width: 100%;
}


@media screen and (max-width: 767px) {
    .jj-jobs__main {
        float: none;
        width: 100%;
    }
}

.jj-jobs__sidebar {
    float: right;
    width: 240px;
}

@media screen and (max-width: 767px) {
    .jj-jobs__sidebar {
        float: none;
        width: 100%;
        margin-top: 15px;
    }
}

.jj-jobs__item {
    margin-top: 20px;
}

.jj-jobs__item:first-child {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .jj-jobs__item {
        margin-top: 15px;
    }
}

.jj-jobs__more {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .jj-jobs__more {
        margin-top: 15px;
    }
}

.jj-searchCondition {
    margin-top: 30px;
    padding: 24px 30px 17px 30px;
    background: #fff;
    border-radius: 6px;
}

@media screen and (max-width: 767px) {
    .jj-searchCondition--area .jj-searchCondition__contents {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchCondition--job .jj-searchCondition__contents {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchCondition {
        padding: 15px 15px 7px;
    }
}

.jj-searchCondition + .jj-searchCondition {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .jj-searchCondition + .jj-searchCondition {
        margin-top: 15px;
    }
}

.jj-searchCondition__list::after {
    content: "";
    display: block;
    clear: both;
}

.jj-searchCondition__heading {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.45;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .jj-searchCondition__heading {
        font-size: 16px;
        margin-bottom: 12px;
    }
}

.jj-searchCondition__contents {
    float: left;
    margin: 0 19px 18px 0;
}

@media screen and (max-width: 767px) {
    .jj-searchCondition__contents {
        margin: 0 0 8px;
        line-height: 1.5;
    }
}

.jj-searchCondition__contents > a {
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-searchCondition__contents > a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-searchCondition__contents > a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-searchCondition__contents > a:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchCondition__contents > a {
        font-size: 12px;
    }
}

.jj-history {
    border-radius: 6px;
    background: #fff;
}

@media screen and (max-width: 767px) {
    .jj-history {
        margin-top: 30px;
        padding: 0 15px 30px;
    }
}

.jj-history__heading {
    padding: 14px 15px 13px;
    font-size: 16px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .jj-history__heading {
        font-size: 24px;
        font-weight: bold;
        line-height: 31px;
        position: relative;
        padding-left: 33px;
        padding: 0 0 0 20px;
        margin: 0 0 15px;
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .jj-history__heading {
        padding-left: 20px;
        font-size: 18px;
        line-height: 19px;
    }
}

@media screen and (max-width: 767px) {
    .jj-history__heading::before {
        content: "";
        width: 3px;
        height: 31px;
        background: #e51573;
        border-radius: 1.5px;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-box-shadow: 6px 0 0 0 #FC565C, 12px 0 0 0 #e51573;
                box-shadow: 6px 0 0 0 #FC565C, 12px 0 0 0 #e51573;
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .jj-history__heading::before {
        width: 2px;
        height: 19px;
        -webkit-box-shadow: 4px 0 0 0 #FC565C, 8px 0 0 0 #e51573;
                box-shadow: 4px 0 0 0 #FC565C, 8px 0 0 0 #e51573;
    }
}

.jj-history__item {
    border-top: 1px solid #e6e6e6;
}

@media screen and (max-width: 767px) {
    .jj-history__item {
        border: 1px solid #e6e6e6;
    }
    .jj-history__item + .jj-history__item {
        margin-top: 15px;
    }
}

.jj-history + .jj-banner {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .jj-history + .jj-banner {
        margin-top: 15px;
    }
}

.jj-banner--vertical .jj-banner__item + .jj-banner__item {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .jj-banner--vertical .jj-banner__item + .jj-banner__item {
        margin-top: 15px;
    }
}

.jj-banner__item {
    border-radius: 6px;
    overflow: hidden;
}

.jj-banner__item a {
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-banner__item a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-banner__item a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-banner__item a:hover {
        opacity: 1;
    }
}

.jj-banner__item img {
    width: 100%;
}

.jj-news {
    width: 1100px;
    margin: 57px auto 0;
}

@media screen and (max-width: 767px) {
    .jj-news {
        width: 100%;
        margin: 20px 0 0;
        padding: 0 15px;
    }
}

.jj-news__heading {
    font-size: 24px;
    font-weight: bold;
    line-height: 31px;
    position: relative;
    padding-left: 33px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .jj-news__heading {
        padding-left: 20px;
        font-size: 18px;
        line-height: 19px;
    }
}

.jj-news__heading::before {
    content: "";
    width: 3px;
    height: 31px;
    background: #e51573;
    border-radius: 1.5px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 6px 0 0 0 #FC565C, 12px 0 0 0 #e51573;
            box-shadow: 6px 0 0 0 #FC565C, 12px 0 0 0 #e51573;
}

@media screen and (max-width: 767px) {
    .jj-news__heading::before {
        width: 2px;
        height: 19px;
        -webkit-box-shadow: 4px 0 0 0 #FC565C, 8px 0 0 0 #e51573;
                box-shadow: 4px 0 0 0 #FC565C, 8px 0 0 0 #e51573;
    }
}

@media screen and (max-width: 767px) {
    .jj-news__heading {
        margin-bottom: 15px;
    }
}

.jj-news__list {
    margin-top: -20px;
}

.jj-news__list::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-news__list {
        margin-top: 0;
        border-top: 1px solid #e6e6e6;
    }
}

.jj-news__item {
    float: left;
    width: 50%;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .jj-news__item {
        float: none;
        width: 100%;
        margin-top: 0;
        border-bottom: 1px solid #e6e6e6;
    }
}

.jj-news__more {
    margin: 30px 0 0 auto;
    width: 275px;
}

@media screen and (max-width: 767px) {
    .jj-news__more {
        margin: 20px 0 0;
        width: 100%;
    }
}

.jj-newsCassette__anchor {
    display: table;
    width: 100%;
    color: #000;
}

@media screen and (max-width: 767px) {
    .jj-newsCassette__anchor {
        padding: 14px 0;
    }
}

.jj-newsCassette__anchor:hover .jj-newsCassette__heading {
    color: #35b5d9;
}

.jj-newsCassette__img {
    display: table-cell;
    vertical-align: middle;
    width: 150px;
}

@media screen and (max-width: 767px) {
    .jj-newsCassette__img {
        width: 100px;
        vertical-align: top;
    }
}

.jj-newsCassette__img > img {
    width: 100%;
}

.jj-newsCassette__detail {
    display: table-cell;
    vertical-align: top;
    padding: 12px 20px;
}

@media screen and (max-width: 767px) {
    .jj-newsCassette__detail {
        vertical-align: top;
        padding: 0 0 0 10px;
    }
}

.jj-newsCassette__time {
    background: #f2f2f2;
    border-radius: 4px;
    display: inline-block;
    padding: 2px 10px 3px;
    font-size: 11px;
    line-height: 1.5;
}

.jj-newsCassette__heading {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    margin-top: 11px;
}

@media screen and (max-width: 767px) {
    .jj-newsCassette__heading {
        font-size: 14px;
        margin-top: 7px;
    }
}

.jj-topics {
    width: 1100px;
    margin: 50px auto 0;
}

@media screen and (max-width: 767px) {
    .jj-topics {
        width: 100%;
        margin: 30px 0 0;
        padding: 0 15px;
    }
}

.jj-topics__heading {
    font-size: 24px;
    font-weight: bold;
    line-height: 31px;
    position: relative;
    padding-left: 33px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .jj-topics__heading {
        padding-left: 20px;
        font-size: 18px;
        line-height: 19px;
    }
}

.jj-topics__heading::before {
    content: "";
    width: 3px;
    height: 31px;
    background: #e51573;
    border-radius: 1.5px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 6px 0 0 0 #FC565C, 12px 0 0 0 #e51573;
            box-shadow: 6px 0 0 0 #FC565C, 12px 0 0 0 #e51573;
}

@media screen and (max-width: 767px) {
    .jj-topics__heading::before {
        width: 2px;
        height: 19px;
        -webkit-box-shadow: 4px 0 0 0 #FC565C, 8px 0 0 0 #e51573;
                box-shadow: 4px 0 0 0 #FC565C, 8px 0 0 0 #e51573;
    }
}

@media screen and (max-width: 767px) {
    .jj-topics__heading {
        margin-bottom: 15px;
    }
}

.jj-topics__list {
    margin: -20px 0 0 -11px;
    font-size: 0;
}

@media screen and (max-width: 767px) {
    .jj-topics__list {
        margin: -20px 0 0;
    }
}

.jj-topics__item {
    display: inline-block;
    vertical-align: top;
    width: 267px;
    margin: 20px 0 0 11px;
}

@media screen and (max-width: 767px) {
    .jj-topics__item {
        width: 50%;
        margin-left: 0;
    }
}

.jj-topics__item:nth-child(4n) {
    margin-left: 10px;
}

@media screen and (max-width: 767px) {
    .jj-topics__item:nth-child(4n) {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .jj-topics__item:first-child, .jj-topics__item:nth-child(2n+1) {
        padding-right: 7.5px;
    }
}

@media screen and (max-width: 767px) {
    .jj-topics__item:nth-child(2n) {
        padding-left: 7.5px;
    }
}

.jj-topicsCassette__anchor {
    color: #000;
}

.jj-topicsCassette__anchor:hover .jj-topicsCassette__heading {
    color: #35b5d9;
}

.jj-topicsCassette__img > img {
    width: 100%;
}

.jj-topicsCassette__detail {
    margin-top: 14px;
}

@media screen and (max-width: 767px) {
    .jj-topicsCassette__detail {
        margin-top: 7px;
    }
}

.jj-topicsCassette__time {
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .jj-topicsCassette__time {
        font-size: 11px;
    }
}

.jj-topicsCassette__heading {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 10px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .jj-topicsCassette__heading {
        font-size: 14px;
        line-height: 1.46;
        margin-top: 7px;
    }
}

.jj-otherLink {
    padding: 34px 30px 40px;
    border-radius: 6px;
    background: #f6f6f6;
    width: 1100px;
    margin: 40px auto 0;
}

@media screen and (max-width: 767px) {
    .jj-otherLink {
        width: 90.6%;
        margin: 30px auto 0;
        padding: 15px;
    }
}

.jj-otherLink + .jj-otherLink {
    margin-top: 42px;
}

@media screen and (max-width: 767px) {
    .jj-otherLink + .jj-otherLink {
        margin-top: 15px;
    }
}

.jj-otherLink__heading {
    font-size: 24px;
    font-weight: bold;
    line-height: 31px;
    position: relative;
    padding-left: 33px;
    margin-bottom: 26px;
}

@media screen and (max-width: 767px) {
    .jj-otherLink__heading {
        padding-left: 20px;
        font-size: 18px;
        line-height: 19px;
    }
}

.jj-otherLink__heading::before {
    content: "";
    width: 3px;
    height: 31px;
    background: #e51573;
    border-radius: 1.5px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 6px 0 0 0 #FC565C, 12px 0 0 0 #e51573;
            box-shadow: 6px 0 0 0 #FC565C, 12px 0 0 0 #e51573;
}

@media screen and (max-width: 767px) {
    .jj-otherLink__heading::before {
        width: 2px;
        height: 19px;
        -webkit-box-shadow: 4px 0 0 0 #FC565C, 8px 0 0 0 #e51573;
                box-shadow: 4px 0 0 0 #FC565C, 8px 0 0 0 #e51573;
    }
}

@media screen and (max-width: 767px) {
    .jj-otherLink__heading {
        margin-bottom: 15px;
    }
}

.jj-otherLink__list {
    margin: -13px 0 0 -22px;
}

.jj-otherLink__list::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-otherLink__list {
        margin: -10px 0 0 -15px;
    }
}

.jj-otherLink__item {
    float: left;
    line-height: 1.43;
    margin: 13px 0 0 22px;
}

@media screen and (max-width: 767px) {
    .jj-otherLink__item {
        margin: 8px 0 0 15px;
    }
}

.jj-otherLink__item > a {
    font-size: 14px;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-otherLink__item > a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-otherLink__item > a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-otherLink__item > a:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-otherLink__item > a {
        font-size: 12px;
    }
}

/* slick original */
.slick-prev, .slick-next {
    position: absolute;
    background: rgba(255, 255, 255, .9);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    z-index: 9 !important;
    text-indent: -9999px;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    border: 0;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.slick-prev::after, .slick-next::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 20px;
    top: 11px;
}

.slick-prev:hover, .slick-next:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .slick-prev, .slick-next {
        -webkit-transition: none;
                transition: none;
    }
    .slick-prev:hover, .slick-next:hover {
        opacity: 1;
    }
}

.slick-prev {
    left: -20px;
    z-index: 9;
}

.slick-prev::after {
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_arrow_left.png) no-repeat;
    background-size: 10px 20px;
    left: 13px;
}

.slick-next {
    right: -20px;
    z-index: 9;
}

.slick-next::after {
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_arrow_right.png) no-repeat;
    background-size: 10px 20px;
    right: 13px;
}

.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
    width: 100%;
    font-size: 0;
}

@media screen and (max-width: 767px) {
    .slick-dots {
        bottom: -20px;
    }
}

.slick-dots > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
}

@media screen and (max-width: 767px) {
    .slick-dots > li {
        margin: 0 5px;
    }
}

.slick-dots > li button {
    -webkit-appearance: none;
    background-color: #2b4850;
    width: 12px;
    height: 12px;
    padding: 0;
    border-radius: 50%;
    border: 0;
    outline: 0;
    text-indent: -9999px;
    cursor: pointer;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.slick-dots > li button:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .slick-dots > li button {
        -webkit-transition: none;
                transition: none;
    }
    .slick-dots > li button:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .slick-dots > li button {
        width: 10px;
        height: 10px;
    }
}

.slick-dots > li button[aria-selected="true"] {
    background-color: #FC565C;
}
@media screen and (min-width: 767px) {
    .jj-article {
        width: 544px;
    }
}




/**
 * body and base
 */
@font-face {
    font-family: "Noto Sans Japanese";
    font-style: normal;
    font-weight: 100;
    src: url(https://www.edrc.cn/css/font/Thin/NotoSansJP-Thin.woff2) format("woff2"), url(https://www.edrc.cn/css/font/Thin/NotoSansJP-Thin.woff) format("woff"), url(https://www.edrc.cn/css/font/Thin/NotoSansJP-Thin.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans Japanese";
    font-style: normal;
    font-weight: 200;
    src: url(https://www.edrc.cn/css/font/Light/NotoSansJP-Light.woff2) format("woff2"), url(https://www.edrc.cn/css/font/Light/NotoSansJP-Light.woff) format("woff"), url(https://www.edrc.cn/css/font/Light/NotoSansJP-Light.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans Japanese";
    font-style: normal;
    font-weight: 300;
    src: url(https://www.edrc.cn/css/font/DemiLight/NotoSansJP-DemiLight.woff2) format("woff2"), url(https://www.edrc.cn/css/font/DemiLight/NotoSansJP-DemiLight.woff) format("woff"), url(https://www.edrc.cn/css/font/DemiLight/NotoSansJP-DemiLight.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans Japanese";
    font-style: normal;
    font-weight: 400;
    src: local("NotoSansJP-Regular.otf"), url(https://www.edrc.cn/css/font/Regular/NotoSansJP-Regular.woff2) format("woff2"), url(https://www.edrc.cn/css/font/Regular/NotoSansJP-Regular.woff) format("woff"), url(https://www.edrc.cn/css/font/Regular/NotoSansJP-Regular.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans Japanese";
    font-style: normal;
    font-weight: 500;
    src: url(https://www.edrc.cn/css/font/Medium/NotoSansJP-Medium.woff2) format("woff2"), url(https://www.edrc.cn/css/font/Medium/NotoSansJP-Medium.woff) format("woff"), url(https://www.edrc.cn/css/font/Medium/NotoSansJP-Medium.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans Japanese";
    font-style: normal;
    font-weight: 700;
    src: url(https://www.edrc.cn/css/font/Bold/NotoSansJP-Bold.woff2) format("woff2"), url(https://www.edrc.cn/css/font/Bold/NotoSansJP-Bold.woff) format("woff"), url(https://www.edrc.cn/css/font/Bold/NotoSansJP-Bold.otf) format("opentype");
}

@font-face {
    font-family: "Noto Sans Japanese";
    font-style: normal;
    font-weight: 900;
    src: url(https://www.edrc.cn/css/font/Black/NotoSansJP-Black.woff2) format("woff2"), url(https://www.edrc.cn/css/font/Black/NotoSansJP-Black.woff) format("woff"), url(https://www.edrc.cn/css/font/Black/NotoSansJP-Black.otf) format("opentype");
}

body {
    font-family: arial, 'Microsoft Yahei', '微软雅黑', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
    -webkit-text-size-adjust: 100%;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    min-width: 1140px;
}

@media screen and (max-width: 767px) {
    body {
        min-width: 100%;
    }
}

button, input, select, textarea {
    font-family: arial, 'Microsoft Yahei', '微软雅黑', "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #35b5d9;
}

.jj-wrapper {
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-wrapper {
        overflow: hidden;
    }
}

/**
 * header
 */
@media screen and (max-width: 767px) {
    .jj-header {
        height: 55px;
        border-bottom: 1px solid #e6e6e6;
    }
}

.jj-header__logo {
    position: absolute;
    width: 350px;
    top: 13px;
    left: 50%;
    margin-left: -550px;
    z-index: 3;
}

.jj-header__logo img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .jj-header__logo {
        position: static;
        margin-left: 0;
        width: 240px;
        padding: 13px 15px;
    }
}

@media screen and (max-width: 767px) {
    .jj-header__menu {
        -webkit-appearance: none;
        background: none;
        border: 0;
        outline: 0;
        position: absolute;
        width: 55px;
        height: 55px;
        top: 0;
        right: 0;
    }
    .jj-header__menu::before, .jj-header__menu::after {
        content: "";
        position: absolute;
        right: 15px;
        width: 25px;
        height: 3px;
        background: #221815;
        border-radius: 2px;
        -webkit-transition: 300ms;
                transition: 300ms;
    }
    .jj-header__menu::before {
        top: 18px;
        -webkit-box-shadow: 0 8px 0 #221815;
                box-shadow: 0 8px 0 #221815;
    }
    .jj-header__menu::after {
        top: 34px;
    }
}

@media screen and (max-width: 767px) {
    .is-open .jj-header__menu::before {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        -webkit-box-shadow: none;
                box-shadow: none;
        top: 26px;
    }
    .is-open .jj-header__menu::after {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        top: 26px;
    }
}

@media screen and (max-width: 767px) {
    .jj-header__contents {
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
        -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
                transform: translateX(100%);
        -webkit-transition: -webkit-transform 300ms;
                transition: -webkit-transform 300ms;
                transition:         transform 300ms;
                transition:         transform 300ms, -webkit-transform 300ms;
        position: relative;
        z-index: 10;
    }
    .is-open .jj-header__contents {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
}

.jj-header__inner {
    width: 1100px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .jj-header__inner {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .jj-header__inner--bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    }
}

.jj-header__main {
    width: 100%;
    height: 72px;
    position: relative;
    z-index: 2;
    background: #fff;
}

.jj-header__main::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-header__main {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        height: auto;
    }
}

.jj-header__search, .jj-header__country {
    float: left;
    margin-top: 20px;
}

.jj-header__search {
    width: 240px;
    margin-left: 418px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-header__search {
        margin-left: 0;
        width: 100%;
        margin-top: 15px;
        padding: 0 15px 20px;
        float: none;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchKeyword {
        display: table;
        width: 100%;
        -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
                box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
        height: 30px;
        border-radius: 6px;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchKeyword__input {
        display: table-cell;
        vertical-align: middle;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchKeyword__submit {
        display: table-cell !important;
        vertical-align: middle;
        width: 60px;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchKeyword__btn {
        width: 100%;
        border-radius: 0 6px 6px 0;
        background-color: #FC565C;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.3;
        color: #fff;
        -webkit-appearance: none;
        border: 0;
        outline: 0;
        height: 30px;
        line-height: 30px;
    }
}

.jj-searchHistory {
    padding: 12px 15px 20px;
    border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    position: absolute;
    top: 42px;
    left: 10px;
    width: 260px;
    z-index: 10;
    display: none;
    -webkit-box-shadow: 0 -2px 13px -2px rgba(0, 0, 0, .2) \9;
            box-shadow: 0 -2px 13px -2px rgba(0, 0, 0, .2) \9;
}

@media screen and (max-width: 767px) {
    .jj-searchHistory {
        position: static;
        -webkit-box-shadow: none;
                box-shadow: none;
        width: 100%;
        padding: 0;
        margin-top: 15px;
    }
}

.jj-searchHistory.is-show {
    display: block;
}

.jj-searchHistory::before, .jj-searchHistory::after {
    content: "";
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
}

@media screen and (max-width: 767px) {
    .jj-searchHistory::before, .jj-searchHistory::after {
        display: none;
    }
}

.jj-searchHistory::before {
    top: -5px;
    left: 121px;
    -webkit-box-shadow: -4px -4px 7px -3px rgba(0, 0, 0, .1);
            box-shadow: -4px -4px 7px -3px rgba(0, 0, 0, .1);
    z-index: 5;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    display: none\9;
}

.jj-searchHistory::after {
    top: -16px;
    left: 121px;
    z-index: 6;
}

.jj-searchHistory__heading {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    margin-bottom: 15px;
}

.jj-searchHistory__item + .jj-searchHistory__item {
    margin-top: 10px;
}

.jj-searchHistory__item > a {
    padding: 6px 10px;
    display: block;
    font-size: 12px;
    line-height: 1.5;
    color: #35b5d9;
    background: #f2f2f2;
    border-radius: 2px;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-searchHistory__item > a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-searchHistory__item > a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-searchHistory__item > a:hover {
        opacity: 1;
    }
}

.jj-searchHistory__close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-searchHistory__close:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-searchHistory__close {
        -webkit-transition: none;
                transition: none;
    }
    .jj-searchHistory__close:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchHistory__close {
        display: none !important;
    }
}

.jj-header--registration {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-header--registration {
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.jj-header--registration .jj-header__inner {
    height: 72px;
}

.jj-header--registration .jj-selectLocale {
    float: right;
}

@media screen and (max-width: 767px) {
    .jj-header--registration .jj-selectLocale {
        width: 65px;
        padding: 0;
        margin-top: 10px;
        float: none;
        position: absolute;
        top: 0;
        right: 15px;
    }
}

@media screen and (max-width: 767px) {
    .jj-otherNav {
        border-bottom: 1px solid #e6e6e6;
    }
    .jj-otherNav__item {
        border-top: 1px solid #e6e6e6;
    }
    .jj-otherNav__item > a {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.3;
        padding: 13px 15px;
        color: #000;
        display: block;
        position: relative;
    }
    .jj-otherNav__icon {
        position: absolute;
        top: 15px;
        right: 15px;
    }
}

.jj-header__country {
    width: 160px;
    margin-left: 10px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-header__country {
        margin: 15px 0 0;
        padding: 0 10px 0 15px;
        width: 50%;
    }
}

.jj-header__country select {
    -webkit-appearance: none;
    background: #fff;
    border: 0;
    outline: 0;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    line-height: 1;
    padding: 0 12px 0 50px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: 11px 7px;
}

.jj-header__country select:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-header__country select {
        -webkit-transition: none;
                transition: none;
    }
    .jj-header__country select:hover {
        opacity: 1;
    }
}

@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .jj-header__country select {
        width: 120%;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .jj-header__country select {
        width: 120%;
    }
}

@media screen and (max-width: 767px) {
    .jj-header__country select {
        padding: 0 12px 0 50px;
        height: 36px;
        line-height: 36px;
    }
}

.jj-header__country select.jp {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_japan.png);
}

.jj-header__country select.cn {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_china.png);
}

.jj-header__country select.hk {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_hongkong.png);
}

.jj-header__country select.mo {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_macau.png);
}

.jj-header__country select.sg {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_singapore.png);
}

.jj-header__country select.th {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_thailand.png);
}

.jj-header__country select.vn {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_vietnam.png);
}

.jj-header__country select.in {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_india.png);
}

.jj-header__country select.id {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_indonesia.png);
}

.jj-header__country select.tw {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_taiwan.png);
}

.jj-header__country select.my {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_malaysia.png);
}

.jj-header__country select.ph {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_philippines.png);
}

.jj-header__countryWrapper {
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.jj-selectLocale {
    margin-top: 20px;
    float: left;
    display: table;
    margin-left: 10px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    border-radius: 4px;
}

@media screen and (max-width: 767px) {
    .jj-selectLocale {
        width: 50%;
        margin: 15px 0 0;
        padding: 0 15px 0 10px;
        width: 50%;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.jj-selectLocale__item {
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #e6e6e6;
}

.jj-selectLocale__item:first-child {
    border-left: 0;
}

.jj-selectLocale__label {
    display: block;
    cursor: pointer;
}

.jj-selectLocale__radio {
    display: none;
}

.jj-selectLocale__radio:checked + .jj-selectLocale__text, .jj-selectLocale__radio:hover + .jj-selectLocale__text {
    background: #ebf8fb;
}

.jj-selectLocale__text {
    font-size: 14px;
    line-height: 1;
    padding: 10px 0;
    text-align: center;
    display: block;
    width: 39px;
}

.jj-header__client {
    float: right;
    margin-top: 30px;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-header__client:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-header__client {
        -webkit-transition: none;
                transition: none;
    }
    .jj-header__client:hover {
        opacity: 1;
    }
}

.jj-header__bar {
    border-top: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    height: 55px;
    position: relative;
    z-index: 1;
}

.jj-header__bar::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-header__bar {
        border-top: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-shadow: none;
                box-shadow: none;
        height: auto;
    }
}

.jj-globalNav {
    float: left;
}

@media screen and (max-width: 767px) {
    .jj-globalNav {
        float: none;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.jj-globalNav__list::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-globalNav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .jj-header--login .jj-globalNav__list {
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }
}

.jj-globalNav__item {
    float: left;
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-globalNav__item {
        float: none;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    }
    .jj-globalNav__item + .jj-globalNav__item {
        border-left: 1px solid #e6e6e6;
    }
}

@media screen and (max-width: 767px) {
    .jj-globalNav__item:nth-child(2) {
        border-left: 0;
    }
}

.jj-globalNav__item--hasSub:hover .jj-globalNav__text {
    background: #ebf8fb;
}

.jj-globalNav__item--hasSub:hover .jj-globalNav__subList {
    display: block;
}

@media screen and (max-width: 767px) {
    .jj-globalNav__item--profile .jj-globalNav__text, .jj-globalNav__item--list .jj-globalNav__text, .jj-globalNav__item--history .jj-globalNav__text {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 40px 0 10px;
        font-size: 11px;
        position: relative;
    }
    .jj-globalNav__item--profile .jj-globalNav__text::before, .jj-globalNav__item--list .jj-globalNav__text::before, .jj-globalNav__item--history .jj-globalNav__text::before {
        content: "";
        position: absolute;
        top: 23px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
}


@media screen and (max-width: 767px) {
    .jj-globalNav__item--profile .jj-globalNav__text::before {
        background: url(https://www.edrc.cn/html/pg/sbimg/icon_menu_profile.png) no-repeat;
        background-size: 22px;
        width: 22px;
        height: 22px;
    }
}

@media screen and (max-width: 767px) {
    .jj-globalNav__item--list .jj-globalNav__text::before {
        background: url(https://www.edrc.cn/html/pg/sbimg/icon_menu_list.png) no-repeat;
        background-size: 21px 20px;
        width: 21px;
        height: 20px;
    }
}

@media screen and (max-width: 767px) {
    .jj-globalNav__item--history .jj-globalNav__text::before {
        background: url(https://www.edrc.cn/html/pg/sbimg/icon_menu_contact.png) no-repeat;
        background-size: 22px 18px;
        width: 22px;
        height: 18px;
    }
}

.jj-globalNav__text {
    display: block;
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    text-align: center;
    width: 140px;
    color: #000;
    -webkit-transition: background 200ms;
            transition: background 200ms;
    height: 54px;
}

.jj-globalNav__subList {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 54px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    z-index: 10;
}

.jj-globalNav__subItem + .jj-globalNav__subItem {
    border-top: 1px solid #e6e6e6;
}

.jj-globalNav__subItem > a {
    font-size: 14px;
    line-height: 1.43;
    display: block;
    padding: 14px 10px 16px;
    text-align: center;
    background: #fff;
}

.jj-globalNav__subItem > a:hover {
    background: #ebf8fb;
}

.jj-globalNav__number {
    background: #e51573;
    font-size: 10px;
    color: #fff;
    line-height: 1;
    border-radius: 8px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 8px;
    padding: 3px 10px;
    font-weight: normal;
}

@media screen and (max-width: 767px) {
    .jj-globalNav__number {
        margin: 0 0 0 2px;
        position: absolute;
        top: 8px;
        left: 50%;
        padding: 3px 7px;
    }
}

.jj-globalNav .is-current .jj-globalNav__text, .jj-globalNav a.jj-globalNav__text:hover {
    background: #ebf8fb;
}

.jj-loginBtnGroup {
    float: right;
    margin-top: 8px;
}

@media screen and (max-width: 767px) {
    .jj-loginBtnGroup {
        float: none;
        padding: 0 15px 10px;
        margin-top: 15px;
    }
}

.jj-loginBtnGroup__list::after {
    content: "";
    display: block;
    clear: both;
}

.jj-loginBtnGroup__item {
    float: left;
    width: 120px;
}

@media screen and (max-width: 767px) {
    .jj-loginBtnGroup__item {
        width: 50%;
    }
}

.jj-loginBtnGroup__item:first-child {
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .jj-loginBtnGroup__item:first-child {
        padding-right: 10px;
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .jj-loginBtnGroup__item:last-child {
        padding-left: 10px;
    }
}

.jj-myAccount {
    float: right;
    width: 246px;
    height: 54px;
    display: table;
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-myAccount {
        float: none;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding: 10px 15px;
        table-layout: fixed;
    }
}

.jj-myAccount__img {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
}

.jj-myAccount__img > img {
    width: 100%;
}

.jj-myAccount__detail {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

@media screen and (max-width: 767px) {
    .jj-myAccount__inner {
        display: table;
        width: 100%;
    }
}

.jj-myAccount__heading {
    margin-bottom: 5px;
    font-weight: bold;
}

.jj-myAccount__heading > span {
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .jj-myAccount__heading {
        margin-bottom: 0;
        display: table-cell;
        vertical-align: middle;
        max-width: 1px;
    }
}

.jj-myAccount__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 160px;
}

@media screen and (max-width: 767px) {
    .jj-myAccount__name {
        max-width: calc(100% - 2em);
    }
}

@media screen and (max-width: 767px) {
    .jj-myAccount__link {
        display: table-cell;
        width: 86px;
        text-align: right;
        vertical-align: middle;
    }
}

.jj-myAccount__link > a {
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-myAccount__link > a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-myAccount__link > a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-myAccount__link > a:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-myAccount__link > a {
        width: 100px;
        font-size: 12px;
        font-weight: bold;
    }
}

.jj-noticeBalloon {
    position: absolute;
    right: 0;
    width: 377px;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    position: absolute;
    top: 68px;
    z-index: 10;
}

@media screen and (max-width: 767px) {
    .jj-noticeBalloon {
        display: none;
    }
}

.jj-noticeBalloon.is-hide {
    display: none;
}

.jj-noticeBalloon::before, .jj-noticeBalloon::after {
    content: "";
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
}

.jj-noticeBalloon::before {
    top: -5px;
    left: 180px;
    -webkit-box-shadow: -4px -4px 7px -3px rgba(0, 0, 0, .1);
            box-shadow: -4px -4px 7px -3px rgba(0, 0, 0, .1);
    z-index: 5;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    display: none\9;
}

.jj-noticeBalloon::after {
    top: -16px;
    left: 180px;
    z-index: 6;
}

.jj-noticeBalloon__content {
    padding: 14px 40px 14px 15px;
}

.jj-noticeBalloon__icon {
    margin-right: 10px;
    margin-top: 1px;
}

.jj-noticeBalloon__text {
    display: inline-block;
    vertical-align: middle;
    line-heght: 1.43;
}

.jj-noticeBalloon__text > span {
    color: #e51573;
    font-weight: bold;
}

.jj-noticeBalloon__text > a {
    margin-left: 5px;
    font-weight: bold;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-noticeBalloon__text > a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-noticeBalloon__text > a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-noticeBalloon__text > a:hover {
        opacity: 1;
    }
}

.jj-noticeBalloon__close {
    position: absolute;
    top: 13px;
    right: 10px;
    background: #f2f2f2;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 6px 5px 5px;
    font-size: 0;
    cursor: pointer;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-noticeBalloon__close:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-noticeBalloon__close {
        -webkit-transition: none;
                transition: none;
    }
    .jj-noticeBalloon__close:hover {
        opacity: 1;
    }
}

.jj-header__logout {
    clear: both;
    text-align: center;
    font-size: 14px;
    padding-top: 17px;
}

.jj-header__close {
    clear: both;
    padding: 18px 15px 30px;
}

.jj-header.is-open + .jj-contents .jj-fixedBar {
    -webkit-transform: translate(0, 150%);
        -ms-transform: translate(0, 150%);
            transform: translate(0, 150%);
}

.jj-header__clTitle {
    width: 130px;
    font-weight: bold;
    position: relative;
    margin-left: 380px;
    margin-top: 30px;
    margin-right: 176px;
    float: left;
}

.jj-header__barLogout {
    float: right;
    padding: 20px 0;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-header__barLogout:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-header__barLogout {
        -webkit-transition: none;
                transition: none;
    }
    .jj-header__barLogout:hover {
        opacity: 1;
    }
}

.jj-spLoginContentsNav {
    display: none;
}

@media screen and (max-width: 767px) {
    .jj-spLoginContentsNav {
        display: block;
    }
    .jj-spLoginContentsNav .jj-myAccount {
        display: table;
    }
    .jj-spLoginContentsNav .jj-globalNav__list {
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }
    .jj-spLoginContentsNav .jj-globalNav__item:first-child {
        border-left: 0;
    }
    .jj-spLoginContentsNav .jj-globalNav__item:nth-child(2) {
        border-left: 1px solid #e6e6e6;
    }
}

/**
 * footer
 */
.jj-footer {
    padding: 30px 15px;
    border-top: 1px solid #e6e6e6;
}

.jj-footer__inner {
    width: 1100px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .jj-footer__inner {
        width: 100%;
    }
}

.jj-footer__logo {
    width: 350px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .jj-footer__logo {
        width: 210px;
    }
}

.jj-footer__logo img {
    width: 100%;
}

.jj-otherCountry {
    border-top: 1px solid #e6e6e6;
}

.jj-otherCountry__list {
    max-width: 320px;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}

.jj-otherCountry__list::after {
    content: "";
    display: block;
    clear: both;
}

.jj-otherCountry__item {
    padding: 5px;
    font-size: 12px;
    display: inline-block;
}

.jj-otherCountry__item > a {
    color: #666;
}

.jj-docsLink {
    margin-top: 20px;
}

.jj-docsLink__list {
    display: table;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .jj-docsLink__list {
        max-width: 290px;
        margin: 0 auto;
        display: block;
        font-size: 0;
        text-align: center;
    }
    .jj-docsLink__list::after {
        content: "";
        display: block;
        clear: both;
    }
}

.jj-docsLink__item {
    display: table-cell;
    /*vertical-align: middle;*/
    padding: 0 20px;
    border-right: 1px solid #000;
}

@media screen and (max-width: 767px) {
    .jj-docsLink__item {
        padding: 0 10px;
        margin-bottom: 12px;
        display: inline-block;
        font-size: 12px;
    }
}

.jj-docsLink__item:last-child {
    border-right: 0;
}

@media screen and (max-width: 767px) {
    .jj-docsLink__item:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .jj-docsLink__item:nth-child(2), .jj-docsLink__item:nth-child(5) {
        border-right: 0;
    }
}

.jj-docsLink__item > a {
    color: #000;
}

.jj-docsLink__item > a:hover {
    text-decoration: underline;
}

.jj-licenseLink {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .jj-licenseLink {
        margin-top: 25px;
    }
}

.jj-licenseLink__list {
    text-align: center;
}

.jj-licenseLink__item {
    display: inline-block;
    vertical-align: middle;
}

.jj-licenseLink__item + .jj-licenseLink__item {
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .jj-licenseLink__item + .jj-licenseLink__item {
        margin: 15px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .jj-licenseLink__item {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .jj-licenseLink__item:first-child {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.jj-licenseLink__item:first-child .jj-licenseLink__img > img {
    width: 30px;
}

@media screen and (max-width: 767px) {
    .jj-licenseLink__item:first-child .jj-licenseLink__img > img {
        width: 26px;
    }
}

@media screen and (max-width: 767px) {
    .jj-licenseLink__item:last-child {
        margin-left: 0;
    }
}

.jj-licenseLink__item:last-child .jj-licenseLink__img > img {
    width: 18px;
    margin: 0 1px 0 2px;
}

@media screen and (max-width: 767px) {
    .jj-licenseLink__item:last-child .jj-licenseLink__img > img {
        width: 23px;
    }
}

.jj-licenseLink__item > a {
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

.jj-licenseLink__item > a:last-child {
    margin-left: 8px;
}

.jj-copyright {
    margin-top: 24px;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
}

/**
 * change display PC/SP
 */
@media screen and (max-width: 767px) {
    .is-pc {
        display: none;
    }
}

.is-sp {
    display: none;
}

@media screen and (max-width: 767px) {
    .is-sp {
        display: block;
    }
}

/**
 * breadcrumb
 */
.jj-breadcrumb {
    margin-bottom: 30px;
}

.jj-breadcrumb::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-breadcrumb {
        display: none;
    }
}

.jj-breadcrumb__item {
    font-size: 10px;
    float: left;
}

.jj-breadcrumb__item:after {
    content: ">";
    padding: 0 4px;
}

.jj-breadcrumb__item:last-child:after {
    display: none;
}

.jj-breadcrumb__item > a {
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-breadcrumb__item > a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-breadcrumb__item > a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-breadcrumb__item > a:hover {
        opacity: 1;
    }
}

.jj-breadcrumb--top {
    width: 1100px;
    padding: 20px 0;
    margin: 0 auto;
}

/**
 * btn
 */
.jj-btn {
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    width: 100%;
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.3;
    padding: 0;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-btn:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-btn {
        -webkit-transition: none;
                transition: none;
    }
    .jj-btn:hover {
        opacity: 1;
    }
}

.jj-btn__text {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.jj-btn--primary {
    background: #e51573;
    color: #fff;
}

.jj-btn--white {
    background: #fff;
    color: #000;
}

.jj-btn--secondary {
    background: #FC565C;
    color: #fff;
}

.jj-btn--ll {
    border-radius: 6px;
}

.jj-btn--ll .jj-btn__text {
    font-size: 20px;
    padding: 13px 0;
}

@media screen and (max-width: 767px) {
    .jj-btn--ll .jj-btn__text {
        font-size: 16px;
        padding: 10px 0;
    }
}

.jj-btn--ll .jj-btn__resultNumber {
    font-size: 16px;
    font-weight: normal;
}

.jj-btn--lm {
    border-radius: 6px;
}

.jj-btn--lm .jj-btn__text {
    font-size: 18px;
    padding: 13px 0 14px;
}

@media screen and (max-width: 767px) {
    .jj-btn--lm .jj-btn__text {
        font-size: 16px;
        padding: 10px 0;
    }
    .jj-btn--lm .jj-btn__text span {
        font-size: 13px;
        font-weight: normal;
        position: relative;
        top: -1.5px;
    }
}

.jj-btn--ls {
    border-radius: 6px;
}

.jj-btn--ls .jj-btn__text {
    font-size: 16px;
    padding: 10px 0;
}

.jj-btn--l {
    border-radius: 4px;
}

.jj-btn--l .jj-btn__text {
    font-size: 14px;
    padding: 10px 0 11px;
}

.jj-btn--m {
    border-radius: 4px;
}

.jj-btn--m .jj-btn__text {
    font-size: 14px;
    padding: 8px 0 10px;
}

.jj-btn--full {
    border-radius: 4px;
}

.jj-btn--full .jj-btn__text {
    font-size: 18px;
    padding: 13px 0 14px;
}

.jj-btn--hide {
    display: none;
}

.jj-btn.is-disabled {
    background: #ccc;
    -webkit-box-shadow: none;
            box-shadow: none;
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .jj-btn--sp--ll .jj-btn__text {
        padding: 14px 0 16px;
    }
    .jj-btn--sp--lm .jj-btn__text {
        font-size: 16px;
        padding: 9px 0 11px !important;
    }
    .jj-btn--sp--l {
        border-radius: 6px;
    }
    .jj-btn--sp--l .jj-btn__text {
        font-size: 14px;
        padding: 8px 0 10px;
    }
    .jj-btn--sp--m .jj-btn__text {
        font-size: 9px;
        padding: 8px 0 10px;
    }
}

.jj-btn__icon {
    margin-right: 8px;
}

.jj-btn__icon.icon--arrowBtnRight {
    margin: -7.5px;
    position: absolute;
    top: 50%;
    right: 15px;
}

.jj-btn__icon.icon--edit {
    position: relative;
    top: -1px;
}

.jj-btn__notify {
    background: #e51573;
    font-size: 10px;
    color: #fff;
    line-height: 1;
    border-radius: 8px;
    vertical-align: middle;
    padding: 3px 10px;
    font-weight: normal;
    position: absolute;
    top: -8px;
    right: -10px;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .jj-btn__notify {
        right: 10px;
        top: 50%;
        padding: 3px 5px;
        margin-top: -8px;
    }
}

.jj-btn[disabled="disabled"], .jj-btn--disabled {
    pointer-events: none;
    background-color: #ccc;
    color: #fff !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
            transition: none;
    cursor: auto;
}

.jj-btn[disabled="disabled"]:hover, .jj-btn--disabled:hover {
    opacity: 1;
}

.jj-btn--colorBlue {
    color: #FC565C !important;
}

.jj-btn--iconBtnRight {
    position: relative;
}

.jj-btn--iconBtnRight .jj-btn__icon {
    margin-right: 0;
}

.jj-btn--chinaTop .jj-btn__text {
    font-size: 16px;
    padding: 14px 0 15px 38px;
}

@media screen and (max-width: 767px) {
    .jj-btn--chinaTop .jj-btn__text {
        padding: 10px 0;
    }
}

.jj-btn--chinaTop .jj-btn__icon {
    position: absolute;
    top: 15px;
    left: 13px;
}

@media screen and (max-width: 767px) {
    .jj-btn--chinaTop .jj-btn__icon {
        top: 10px;
    }
}

.jj-btn--topMoreLink {
    text-align: left;
    padding-left: 18px;
}

@media screen and (max-width: 767px) {
    .jj-btn--topMoreLink {
        text-align: center;
        padding-left: 0;
    }
}

.jj-btn--clTable .jj-btn__text {
    padding: 5px 0 7px;
}

.jj-btn--record {
    padding-left: 12px;
    text-align: left;
    color: #FC565C;
}

.jj-btn--record .jj-btn__text {
    font-weight: normal;
}

.jj-btn--recordStop .jj-btn__text {
    font-weight: normal;
}

/**
 * cassette
 */
.jj-cassette {
    display: table;
    background: #fff;
    border-radius: 4px;
    border-top: 2px solid #FC565C;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    width: 100%;
}

@media screen and (max-width: 767px) {
    .jj-cassette {
        display: block;
        padding: 15px;
    }
}

.jj-cassette.is-hover {
    cursor: pointer;
}

.jj-cassette.is-hover .jj-cassette__heading a {
    color: #FC565C;
}

.jj-cassette--done {
    position: relative;
}

.jj-cassette--done::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: rgba(0, 0, 0, .2);
    border-radius: 4px 4px 0 0;
    z-index: 5;
}

.jj-cassette--done::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    border-radius: 2px 2px 4px 4px;
    z-index: 5;
}

.jj-cassette--check .jj-cassette__img {
    width: 120px;
    padding-left: 0px;
}

@media screen and (max-width: 767px) {
    .jj-cassette--check .jj-cassette__img {
        width: 90px;
        padding-left: 0;
    }
}

.jj-cassette--agency {
    border-top-color: #ccc;
}

.jj-cassette--agency.jj-cassette--noCheck .jj-cassette__detail {
    padding-left: 30px;
}

@media screen and (max-width: 767px) {
    .jj-cassette--agency.jj-cassette--noCheck .jj-cassette__detail {
        padding-left: 0;
    }
}

.jj-cassette--headingSingleLine .jj-cassette__heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 676px;
}

@media screen and (max-width: 767px) {
    .jj-cassette--headingSingleLine .jj-cassette__heading {
        overflow: visible;
        text-overflow: initial;
        white-space: normal;
        width: auto;
    }
}

.jj-cassette--contact {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
}

@media screen and (max-width: 767px) {
    .jj-cassette--contact {
        border: none;
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .jj-cassette__header {
        margin-bottom: 10px;
    }
}

.jj-cassette__header--hasCheck {
    display: table-cell;
    vertical-align: middle;
    width: 64px;
    text-align: center;
    position: relative;
}

.jj-cassette__header--hasCheck::after {
    content: "";
    width: 1px;
    background: #e6e6e6;
    position: absolute;
    top: 12px;
    bottom: 12px;
    right: 0;
}

@media screen and (max-width: 767px) {
    .jj-cassette__header--hasCheck::after {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .jj-cassette__header--hasCheck {
        display: table;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .jj-cassette__header--hasCheck .jj-cassette__heading {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .jj-cassette__check {
        display: table-cell;
        vertical-align: middle;
        width: 29px;
        text-align: left;
    }
}

.jj-cassette__main {
    display: table-cell;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .jj-cassette__main {
        display: block;
    }
}

.jj-cassette__inner {
    display: table;
    width: 100%;
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-cassette__inner {
        display: block;
    }
}

.jj-cassette__img {
    width: 130px;
    padding-left: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .jj-cassette__img {
        display: block;
        float: left;
        width: 90px;
        padding-left: 0;
        margin: 0 10px 10px 0;
        position: relative;
        height: 70px;
    }
}

.jj-cassette__img--check .jj-cassette__img {
    padding-left: 20px;
}

.jj-cassette__img img {
    max-width: 100%;
}

.jj-cassette__detail {
    padding: 16px 50px 20px 20px;
    display: table-cell;
    vertical-align: top;
}

@media screen and (max-width: 767px) {
    .jj-cassette__detail {
        display: block;
        padding: 0;
    }
}

.jj-cassette__heading {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .jj-cassette__heading {
        font-size: 14px;
        line-height: 1.46;
    }
}

.jj-cassette__heading > a {
    color: #000;
}

.jj-cassette__info {
    line-height: 1.5;
    margin-top: 7px;
}

@media screen and (max-width: 767px) {
    .jj-cassette__info {
        padding-top: 5px;
        margin: 0 0 10px;
    }
}

.jj-cassette__company {
    font-size: 13px;
    margin-bottom: 3px;
}

@media screen and (max-width: 767px) {
    .jj-cassette__company {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 2px;
    }
}

.jj-cassette__price {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .jj-cassette__price {
        display: block;
        font-size: 13px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

.jj-cassette__place {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .jj-cassette__place {
        display: block;
        margin-left: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-top: 1px;
    }
}

.jj-cassette__comment {
    font-size: 14px;
    line-height: 1.43;
    padding: 6px 15px 8px 11px;
    background: #f2f2f2;
    margin-top: 10px;
    border-left: 4px solid #FC565C;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .jj-cassette__comment {
        clear: both;
        display: block;
        margin-bottom: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 11px;
        margin-top: 0;
        padding: 5px 15px 7px 11px;
    }
}

.jj-cassette__tags {
    margin-top: 2px;
    margin-left: -10px;
}

.jj-cassette__tags::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-cassette__tags {
        clear: both;
        margin-top: 0;
        margin-bottom: -8px;
    }
}

.jj-cassette__tag {
    float: left;
    margin: 8px 0 0 10px;
}
.edrc{ margin-top:15px;}
@media screen and (max-width: 767px) {
    .jj-cassette__tag {
        margin: 0 0 8px 10px;
    }
}

@media screen and (max-width: 767px) {
    .jj-cassette__tag--agency {
        display: block;
        /*width: 100%;*/
    }
}

.jj-cassette__btns {
    display: table-cell;
    vertical-align: top;
    width: 160px;
    padding: 22px 30px 45px 0;
}

@media screen and (max-width: 767px) {
    .jj-cassette__btns {
        display: table;
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .jj-cassette__btn {
        display: table-cell;
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .jj-cassette__btn:first-child {
        padding-right: 5px;
    }
}

@media screen and (max-width: 767px) {
    .jj-cassette__btn:last-child {
        padding-left: 5px;
    }
}

.jj-cassette__btn + .jj-cassette__btn {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .jj-cassette__btn + .jj-cassette__btn {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .jj-cassette__btn--single {
        width: 100%;
        padding: 0 !important;
        display: block;
    }
}

.jj-cassette__date {
    position: absolute;
    right: 31px;
    bottom: 17px;
    color: #999;
    font-size: 10px;
}

@media screen and (max-width: 767px) {
    .jj-cassette__date {
        position: static;
        margin-top: 10px;
        text-align: right;
        display: block;
    }
}

.jj-cassette__icon {
    margin-right: 4px;
    position: relative;
    top: -1px;
}

@media screen and (max-width: 767px) {
    .jj-cassette__icon {
        top: -2px;
    }
}

.jj-cassette__limit {
    margin-top: 7px;
    font-size: 13px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .jj-cassette__limit {
        font-size: 12px;
        margin-bottom: 5px;
    }
}

.jj-cassette__limit > span {
    color: #e51573;
    font-weight: bold;
}

.jj-cassette__limit > span > span {
    font-size: 16px;
}

/**
 * icon
 */
[class*="icon--"] {
    display: inline-block;
    vertical-align: middle;
}

.icon--edit {
    width: 20px;
    height: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_edit.png) no-repeat;
    background-size: 20px;
}

.icon--close {
    width: 18px;
    height: 18px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_close_blue.png) no-repeat;
    background-size: 18px;
}

.icon--closeTips {
    width: 12px;
    height: 12px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_close_gray.png) no-repeat;
    background-size: 12px;
}

.icon--closeModal {
    width: 24px;
    height: 24px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_close_gray.png) no-repeat;
    background-size: 24px;
}

@media screen and (max-width: 767px) {
    .icon--closeModal {
        width: 14px;
        height: 14px;
        background-size: 14px;
    }
}

.icon--closeBalloon {
    width: 9px;
    height: 9px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_close_gray.png) no-repeat;
    background-size: 9px;
}

.icon--clip {
    width: 18px;
    height: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_clip.png) no-repeat;
    background-size: 18px 20px;
}

.icon--searchDetail {
    width: 18px;
    height: 18px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_search_detail.png) no-repeat;
    background-size: 18px;
}

.icon--contact {
    width: 20px;
    height: 16px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_contact.png) no-repeat;
    background-size: 20px 16px;
}

.icon--arrowDown {
    width: 16px;
    height: 9px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_arrow_bottom.png) no-repeat;
    background-size: 16px 9px;
}

@media screen and (max-width: 767px) {
    .icon--arrowDown {
        width: 13.5px;
        height: 7.5px;
        background-size: 13.5px 7.5px;
    }
}

.icon--arrowRight, .icon--arrowBtnRight {
    width: 9px;
    height: 16px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_arrow_right.png) no-repeat;
    background-size: 9px 16px;
}

@media screen and (max-width: 767px) {
    .icon--arrowRight, .icon--arrowBtnRight {
        width: 7.5px;
        height: 13.5px;
        background-size: 7.5px 13.5px;
    }
}

.icon--arrowLeft {
    width: 9px;
    height: 16px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_arrow_left.png) no-repeat;
    background-size: 9px 16px;
}

@media screen and (max-width: 767px) {
    .icon--arrowLeft {
        width: 7.5px;
        height: 13.5px;
        background-size: 7.5px 13.5px;
    }
}

.icon--minArrowLeft {
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_arrow_left.png) no-repeat;
}

@media screen and (max-width: 767px) {
    .icon--minArrowLeft {
        width: 5.5px;
        height: 9.8px;
        background-size: 5.5px 9.8px;
    }
}

.icon--searchArea {
    width: 22px;
    height: 22px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_search_area.png) no-repeat;
    background-size: 22px;
}

@media screen and (max-width: 767px) {
    .icon--searchArea {
        width: 14px;
        height: 14px;
        background-size: 14px;
    }
}

.icon--searchCategory {
    width: 22px;
    height: 22px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_search_jobcategory.png) no-repeat;
    background-size: 22px;
}

@media screen and (max-width: 767px) {
    .icon--searchCategory {
        width: 14px;
        height: 14px;
        background-size: 14px;
    }
}

.icon--searchFree {
    width: 22px;
    height: 22px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_search_detail.png) no-repeat;
    background-size: 22px;
}

@media screen and (max-width: 767px) {
    .icon--searchFree {
        width: 14px;
        height: 14px;
        background-size: 14px;
    }
}

.icon--searchIndustry {
    width: 22px;
    height: 22px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_search_company.png) no-repeat;
    background-size: 22px;
}

.icon--detailCompany {
    width: 20px;
    height: 21px;
    background: url(../image/icon_company.png) no-repeat;
    background-size: 20px 21px;
}

@media screen and (max-width: 767px) {
    .icon--detailCompany {
        width: 13px;
        height: 13.5px;
        background-size: 13px 13.5px;
    }
}

.icon--detailPlace {
    width: 20px;
    height: 21px;
    background: url(../image/icon_area.png) no-repeat;
    background-size: 20px 21px;
}

@media screen and (max-width: 767px) {
    .icon--detailPlace {
        width: 13px;
        height: 13.5px;
        background-size: 13px 13.5px;
    }
}

.icon--detailLevel {
    width: 20px;
    height: 21px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_level.png) no-repeat;
    background-size: 20px 21px;
}

@media screen and (max-width: 767px) {
    .icon--detailLevel {
        width: 13px;
        height: 13.5px;
        background-size: 13px 13.5px;
    }
}
.exdrctel{
	height: 20px;
	background: url(../image/icon_tel.png) no-repeat;
	background-size: 15px 16px;
	padding-left: 20px;
	margin-top: 5px;
}
.icon--company {
    width: 15px;
    height: 16px;
    background: url(../image/icon_company.png) no-repeat;
    background-size: 15px 16px;
}

@media screen and (max-width: 767px) {
    .icon--company {
        width: 13px;
        height: 13.5px;
        background-size: 13px 13.5px;
    }
}

.icon--place {
    width: 15px;
    height: 16px;
    background: url(../image/icon_area.png) no-repeat;
    background-size: 15px 16px;
}

@media screen and (max-width: 767px) {
    .icon--place {
        width: 13px;
        height: 13.5px;
        background-size: 13px 13.5px;
    }
}

.icon--salary {
    width: 15px;
    height: 16px;
    background: url(../image/icon_salary.png) no-repeat;
    background-size: 15px 16px;
}

@media screen and (max-width: 767px) {
    .icon--salary {
        width: 13px;
        height: 13.5px;
        background-size: 13px 13.5px;
    }
}

.icon--starOff {
    width: 16px;
    height: 15px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_star_off.png) no-repeat;
    background-size: 16px 15px;
}

.icon--starOn {
    width: 16px;
    height: 15px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_star_on.png) no-repeat;
    background-size: 16px 15px;
}

.icon--alertWhite {
    width: 20px;
    height: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_alert_white.png) no-repeat;
    background-size: 20px;
}

@media screen and (max-width: 767px) {
    .icon--alertWhite {
        width: 17px;
        height: 17px;
        background-size: 17px;
    }
}

.icon--complete {
    width: 20px;
    height: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_check_white.png) no-repeat;
    background-size: 20px;
}

@media screen and (max-width: 767px) {
    .icon--complete {
        width: 17px;
        height: 17px;
        background-size: 17px;
    }
}

.icon--flagJp {
    width: 30px;
    height: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_japan.png) no-repeat;
    background-size: 30px 20px;
}

.icon--flagCn {
    width: 30px;
    height: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_china.png) no-repeat;
    background-size: 30px 20px;
}

.icon--alertRed {
    width: 20px;
    height: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_alert_red.png) no-repeat;
    background-size: 20px;
}

@media screen and (max-width: 767px) {
    .icon--alertRed {
        width: 25px;
        height: 25px;
        background-size: 25px;
    }
}

.icon--deleteSelected {
    width: 8px;
    height: 8px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_delete.png) no-repeat;
    background-size: 8px;
}

.icon--question {
    width: 16px;
    height: 16px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_question.png) no-repeat;
    background-size: 16px;
}

.icon--datePicker {
    width: 22px;
    height: 22px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_search_calendar.png) no-repeat;
    background-size: 22px;
}

.icon--contactSmall {
    width: 18px;
    height: 14px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_contact_small.png) no-repeat;
    background-size: 18px 14px;
}

.icon--tableContact {
    width: 16px;
    height: 13px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_table_contact.png) no-repeat;
    background-size: 16px 13px;
}

.icon--portlait {
    width: 28px;
    height: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_portlait.png) no-repeat;
    background-size: 28px 20px;
}

.icon--telSmall {
    width: 16px;
    height: 16px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_tel_small.png) no-repeat;
    background-size: 16px;
}

.icon--expand {
    width: 22px;
    height: 22px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_expand.png) no-repeat;
    background-size: 22px;
}

.icon--recordWhite {
    width: 15px;
    height: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_mic_white.png) no-repeat;
    background-size: 15px 20px;
}

.icon--recordBlue {
    width: 15px;
    height: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_mic_blue.png) no-repeat;
    background-size: 15px 20px;
}

/**
 * minCassette
 */
.jj-minCassette {
    line-height: 1.43;
}

.jj-minCassette__anchor {
    display: table;
    width: 100%;
    color: #000;
}

.jj-minCassette__anchor::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-minCassette__anchor {
        padding: 12px 15px 15px;
        display: block;
    }
}

.jj-minCassette__anchor:hover .jj-minCassette__heading {
    color: #FC565C;
}

.jj-minCassette__img {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    .jj-minCassette__img {
        width: 90px;
        padding-left: 0;
        display: block;
        float: left;
    }
}

.jj-minCassette__img + .jj-minCassette__detail {
    padding: 16px 20px;
}

@media screen and (max-width: 767px) {
    .jj-minCassette__img + .jj-minCassette__detail {
        width: 100%;
        padding: 0 0 0 100px;
        margin-left: -90px;
        display: block;
        float: right;
    }
}

.jj-minCassette__img > img {
    width: 100%;
}

.jj-minCassette__detail {
    display: table-cell;
    vertical-align: middle;
    padding: 16px 15px;
}

@media screen and (max-width: 767px) {
    .jj-minCassette__detail {
        padding: 0;
    }
}

.jj-minCassette__heading {
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .jj-minCassette__heading {
        margin-bottom: 10px;
    }
}

.jj-minCassette__list {
    margin-top: 9px;
}

@media screen and (max-width: 767px) {
    .jj-minCassette__list {
        margin-top: 6px;
        font-size: 12px;
    }
}

.jj-minCassette__item {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
}

.jj-minCassette__item + .jj-minCassette__item {
    margin-top: 8px;
}

@media screen and (max-width: 767px) {
    .jj-minCassette__item + .jj-minCassette__item {
        margin-top: 2px;
    }
}

.jj-minCassette__item--salary {
    font-weight: bold;
}

.jj-minCassette__icon {
    margin-right: 4px;
    position: relative;
    top: -2px;
}

.jj-minCassette__icon.icon--salary {
    top: -1px;
}

.jj-minCassette--mypageHistory .jj-minCassette__heading {
    height: 40px;
}

@media screen and (max-width: 767px) {
    .jj-minCassette--mypageHistory .jj-minCassette__heading {
        height: auto;
    }
}

/**
 * table
 */
.jj-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
    border: 1px solid #e6e6e6;
}

.jj-table--face {
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .jj-table--face {
        margin-bottom: 10px;
    }
}

.jj-table--face .jj-table__contents {
    padding: 10px 14px;
}

@media screen and (max-width: 767px) {
    .jj-table--face .jj-table__face {
        height: 60px;
        padding-right: 72px;
    }
}

@media screen and (max-width: 767px) {
    .jj-table--face .jj-table__faceImg {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        right: 0;
    }
}

.jj-table--formEdit {
    margin-top: 20px;
}

.jj-table--formEdit:first-child {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .jj-table--formEdit {
        margin-top: 15px;
    }
}

.jj-table--formEdit + .jj-table--profile {
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .jj-table--formEdit + .jj-table--profile {
        margin-top: 10px;
    }
}

.jj-table--formEdit .jj-table__contents {
    padding: 15px;
}

.jj-table--clDefaultTable .jj-table__heading {
    width: 259px;
}

.jj-table__heading {
    font-size: 14px;
    font-weight: normal;
    background: #f2f2f2;
    padding: 11px 15px 12px;
    text-align: left;
    width: 199px;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6;
    line-height: 1.7;
}

@media screen and (max-width: 767px) {
    .jj-table__heading {
        padding: 6px 14px 7px;
        border-bottom: 0;
    }
}

.jj-table__heading + .jj-table__heading _self__contents {
    border-left: 1px solid #e6e6e6;
}

.jj-table__heading--2row .jj-table__tag {
    margin-top: -10px;
}

.jj-table__contents {
    font-size: 14px;
    font-weight: normal;
    padding: 11px 18px 12px 19px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6;
    line-height: 1.7;
}

tr.unread td{
    font-weight: bold !important;
}

.jj-table__contents--none {
    font-size: 14px;
    font-weight: normal;
    padding: 11px 18px 12px 19px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6 !important;
    line-height: 1.7;
}

@media screen and (max-width: 767px) {
    .jj-table__contents {
        padding: 6px 14px 7px;
        border-bottom: 0;
    }
}

.jj-table__contents--disabled {
    color: #ccc;
}

.jj-table tr:first-child .jj-table__heading:first-child {
    border-radius: 5px 0 0 0;
}

.jj-table tr:first-child .jj-table__contents:last-child {
    border-radius: 0 5px 0 0;
}

@media screen and (max-width: 767px) {
    .jj-table tr:first-child .jj-table__contents:last-child {
        border-radius: 0;
    }
}

.jj-table tr:last-child .jj-table__heading, .jj-table tr:last-child .jj-table__contents {
    border-bottom: 0;
}

.jj-table tr:last-child .jj-table__heading:first-child {
    border-radius: 0 0 0 5px;
}

@media screen and (max-width: 767px) {
    .jj-table tr:last-child .jj-table__heading:first-child {
        border-radius: 0;
    }
}

.jj-table tr:last-child .jj-table__contents:last-child {
    border-radius: 0 0 5px 0;
}

@media screen and (max-width: 767px) {
    .jj-table thead, .jj-table tbody, .jj-table tr, .jj-table th, .jj-table td {
        display: block;
        width: 100%;
    }
}

.jj-table__question {
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
    margin-left: 8px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_question.png) no-repeat;
    background-size: 16px;
    border: none;
    display: inline-block;
    cursor: pointer;
}

.jj-table__icon{
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
    margin-left: 8px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_menu_profile.png) no-repeat;
    background-size: 16px;
    border: none;
    display: inline-block;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .jj-table__question {
        margin-bottom: -3px;
    }
}

.jj-table__modalLink {
    color: #35b5d9;
    cursor: pointer;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-table__modalLink:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-table__modalLink {
        -webkit-transition: none;
                transition: none;
    }
    .jj-table__modalLink:hover {
        opacity: 1;
    }
}

.jj-table__modalLink .jj-table__question {
    margin-left: 1px;
    margin-bottom: 0;
    margin-right: 9px;
    position: relative;
    top: -1px;
}

.jj-table__tag {
    padding: 5px 6px;
    margin-top: 2px;
    margin-right: -5px;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    float: right;

}

@media screen and (max-width: 767px) {
    .jj-table__tag {
        margin-right: 0;
    }
}

.jj-table__tag--closed {
    background: #ccc;
}

.jj-table__tag--required {
    background: #e51573;
}

.jj-table__tag + .jj-table__tag {
    margin-right: 6px;
}

.jj-table__notes {
    color: #666;
    font-size: 12px;
}

.jj-table__notes--historyWork {
    margin-bottom: 10px;
}

.jj-table__notes--radio {
    margin-left: 26px;
}

.jj-table__notes--cl {
    margin-top: 10px;
}

.jj-table__notes--clOnlyText {
    margin-top: 5px;
}

.jj-table__notes--underSpace {
    margin-bottom: 10px;
}

.jj-table__item::after {
    content: "";
    display: block;
    clear: both;
}

.jj-table__item.is-hide {
    display: none;
}

.jj-table__item + .jj-table__item {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .jj-table__item + .jj-table__item {
        margin-top: 20px;
    }
}

.jj-table__item--float .jj-table__inputWrapper {
    margin-right: 10px;
    float: left;
}

@media screen and (max-width: 767px) {
    .jj-table__item--float .jj-table__inputWrapper {
        float: none;
    }
}

.jj-table__item--float .jj-table__inputWrapper:last-child {
    margin-right: 0;
}

.jj-table__item--password .jj-table__inputWrapper + .jj-table__inputWrapper, .jj-table__item--mailDouble .jj-table__inputWrapper + .jj-table__inputWrapper {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .jj-table__item--yearMonth {
        padding-right: 10px;
        float: none;
    }
}

.jj-table__item--yearMonth + .jj-table__item--yearMonth {
    margin-top: 13px;
}

.jj-table__item--yearMonth .jj-table__inputWrapper {
    width: 160px;
    margin-right: 10px;
    float: left;
}

@media screen and (max-width: 767px) {
    .jj-table__item--yearMonth .jj-table__inputWrapper {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .jj-table__item--yearMonth .jj-table__inputWrapper:nth-child(even) {
        margin-top: 0;
        margin-right: -10px;
    }
}

.jj-table__item--pr .jj-table__inputWrapper + .jj-table__inputWrapper {
    margin-top: 10px;
}

.jj-table__face {
    width: 100%;
    height: 74px;
    padding-right: 78px;
    position: relative;
    display: table;
}

@media screen and (max-width: 767px) {
    .jj-table__face {
        height: auto;
    }
}

.jj-table__face--edit {
    padding-right: 0;
    padding-left: 89px;
}

@media screen and (max-width: 767px) {
    .jj-table__face--edit {
        padding-left: 0;
    }
}

.jj-table__face--edit .jj-table__faceImg {
    right: 0;
    left: 0;
}

@media screen and (max-width: 767px) {
    .jj-table__face--edit .jj-table__faceImg {
        margin: 0 auto;
        position: inherit;
    }
}

.jj-table__face--registration {
    height: 190px;
    padding-right: 0;
    padding-left: 205px;
}

@media screen and (max-width: 767px) {
    .jj-table__face--registration {
        padding-left: 0;
    }
}

.jj-table__face--registration .jj-table__faceImg {
    width: 160px;
    height: 160px;
    margin-top: -80px;
    right: 0;
    left: 15px;
}

@media screen and (max-width: 767px) {
    .jj-table__face--registration .jj-table__faceImg {
        width: 110px;
        height: 110px;
        margin: 0 auto;
        position: inherit;
        right: auto;
        left: auto;
    }
}

.jj-table__face--registration .jj-table__faceBtn {
    width: 150px;
    margin-right: 0;
    display: block;
    float: none;
}

@media screen and (max-width: 767px) {
    .jj-table__face--registration .jj-table__faceBtn {
        width: 100%;
    }
}

.jj-table__face--registration .jj-table__faceBtn a {
    display: block;
}

.jj-table__face--registration .jj-table__faceBtn + .jj-table__faceBtn {
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .jj-table__face--registration .jj-table__faceBtn + .jj-table__faceBtn {
        margin-top: 10px;
    }
}

.jj-table__face--confirm {
    height: 90px;
    padding-right: 0;
}

@media screen and (max-width: 767px) {
    .jj-table__face--confirm {
        padding: 9px 0;
    }
}

.jj-table__face--confirm .jj-table__faceImg {
    right: 0;
    left: 6px;
}

@media screen and (max-width: 767px) {
    .jj-table__face--confirm .jj-table__faceImg {
        margin: 0 auto;
        position: inherit;
        left: auto;
    }
}

.jj-table__faceText {
    display: table-cell;
    vertical-align: middle;
}

.jj-table__faceImg {
    width: 74px;
    height: 74px;
    margin-top: -37px;
    position: absolute;
    top: 50%;
    right: -8px;
}

@media screen and (max-width: 767px) {
    .jj-table__faceImg {
        width: 110px;
        height: 110px;
    }
}

.jj-table__faceImg > img {
    width: 100%;
    height: auto;
}

.jj-table__faceBtns {
    display: table-cell;
    vertical-align: middle;
}

.jj-table__faceBtns::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-table__faceBtns {
        margin: 15px 0;
        display: block;
    }
}

.jj-table__faceBtn {
    margin-right: 10px;
    display: inline-block;
    float: left;
}

@media screen and (max-width: 767px) {
    .jj-table__faceBtn {
        margin-top: 10px;
        margin-right: 0;
        display: block;
        float: none;
    }
}

.jj-table__faceNotes {
    padding-left: 1rem;
    color: #666;
    font-size: 12px;
    position: relative;
}

.jj-table__faceNotes:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
}

.jj-table__inputWrapper {
    width: 260px;
}

@media screen and (max-width: 767px) {
    .jj-table__inputWrapper {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .jj-table__inputWrapper + .jj-table__inputWrapper {
        margin-top: 10px;
    }
}

.jj-table__inputWrapper--wide {
    width: 100%;
}

.jj-table__inputWrapper--short {
    width: 160px;
}

@media screen and (max-width: 767px) {
    .jj-table__inputWrapper--short {
        width: 100%;
    }
}

.jj-table__inputWrapper--salary {
    width: 100%;
    padding-right: 62px;
    margin-right: -62px;
    float: left;
}

.jj-table__salary {
    width: 212px;
}

.jj-table__salary::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-table__salary {
        width: 100%;
    }
}

.jj-table__salaryText {
    width: 62px;
    margin-top: 5px;
    text-align: right;
    float: right;
    word-break: break-all;
}

.jj-table__locationText {
    margin-top: 5px;
    margin-right: 20px;
    float: left;
}

@media screen and (max-width: 767px) {
    .jj-table__locationText {
        margin-top: 0;
        margin-bottom: 8px;
        display: block;
        float: none;
    }
}

.jj-table__periodText {
    margin-top: 5px;
    float: left;
}

@media screen and (max-width: 767px) {
    .jj-table__periodText {
        padding-top: 10px;
        text-align: center;
        display: block;
        float: none;
        clear: both;
    }
}

.jj-table__clText {
    margin-top: 5px;
    margin-right: 10px;
    float: left;
}

.jj-table__count {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.7;
    float: right;
}

.jj-table__count.is-error {
    color: #e61641;
}

.jj-table__summary::after {
    content: "";
    display: block;
    clear: both;
}

.jj-table__fileNameWrapper + .jj-table__fileNameWrapper, .jj-table__fileNameWrapper + .jj-table__uploadBtn {
    margin-top: 10px;
}

.jj-table__fileName {
    padding: 7px 34px 7px 12px;
    background: #f2f2f2;
    border-radius: 4px;
    line-height: 1.43;
    display: inline-block;
    position: relative;
    word-break: break-all;
}

.jj-table__fileDelete {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_delete.png) no-repeat;
    background-size: 14px;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-table__fileDelete:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-table__fileDelete {
        -webkit-transition: none;
                transition: none;
    }
    .jj-table__fileDelete:hover {
        opacity: 1;
    }
}

.jj-table__uploadBtn {
    width: 150px;
}

@media screen and (max-width: 767px) {
    .jj-table__uploadBtn {
        width: 100%;
    }
}

.jj-table__uploadBtn--l {
    width: 178px;
}

.jj-table__uploadNotice {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.jj-table__uploadLogo {
    padding-top: 15px;
}

@media screen and (max-width: 767px) {
    .jj-table__formAddBtn {
        padding-top: 15px;
        margin-top: 15px;
        border-top: 1px solid #e6e6e6;
    }
}

.jj-table__formAddBtn.is-hide {
    display: none;
}

.jj-table__errorText {
    margin-top: 5px;
    color: #e61641;
    font-size: 12px;
    line-height: 1.7;
}

.jj-table__errorText + .jj-table__inputWrapper {
    margin-top: 10px;
}

.jj-table__errorText--textarea {
    float: left;
}

.jj-table__errorText.is-hide {
    display: none;
}

.jj-table__radioList {
    margin-top: 20px;
}

.jj-table__radioList--float {
    margin-top: 0;
}

.jj-table__radioList--float .jj-table__radioItem {
    float: left;
    margin-right: 30px;
    margin-top: 0 !important;
}

.jj-table__radioList--voice {
    margin-top: 0;
    margin-bottom: 11px;
}

.jj-table__radioList--voice .jj-table__radioItem + .jj-table__radioItem {
    margin-top: 12px;
}

.jj-table__radioItem + .jj-table__radioItem {
    margin-top: 16px;
}

.jj-table__radioContents {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 200ms;
            transition: height 200ms;
}

.jj-table--companySide tbody, .jj-table--companySide tr, .jj-table--companySide th, .jj-table--companySide td {
    display: block;
    width: 100%;
    float: left\9;
}

.jj-table--companySide .jj-table__heading, .jj-table--companySide .jj-table__contents {
    font-size: 13px;
    padding: 6px 15px;
}

.jj-table--companySide tr:last-child .jj-table__heading {
    border-radius: 0 !important;
}

.jj-table--cl {
    border-radius: 0;
    table-layout: fixed;
}

.jj-table--cl thead .jj-table__heading {
    padding: 9px 0;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px solid #e6e6e6 !important;
    border-left: 1px solid #e6e6e6;
    border-radius: 0 !important;
}

.jj-table--cl thead .jj-table__heading:first-child {
    border-left: 0;
}

.jj-table--cl .jj-table__contents {
    background: #fff;
    border-left: 1px solid #e6e6e6;
    padding: 13px 0;
    border-radius: 0 !important;
}

.jj-table--cl .jj-table__contents a {
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-table--cl .jj-table__contents a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-table--cl .jj-table__contents a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-table--cl .jj-table__contents a:hover {
        opacity: 1;
    }
}

.jj-table--cl tr .jj-table__contents:first-child {
    border-left: 0;
}

.jj-table--cl .jj-table__heading--check, .jj-table--cl .jj-table__contents--check {
    width: 50px;
    text-align: center;
}

.jj-table--cl .jj-table__contents--none {
    background: #f2f2f2;
    border-left: 1px solid #e6e6e6 !important;
    padding: 13px 0;
    border-radius: 0 !important;
}

.jj-table--cl.jj-table--clJob .jj-table__heading--id {
    width: 60px;
}

.jj-table--cl.jj-table--clJob .jj-table__heading--status {
    width: 85px;
}

.jj-table--cl.jj-table--clJob .jj-table__heading--title {
    width: 368px;
}

.jj-table--cl.jj-table--clJob .jj-table__heading--place {
    width: 200px;
}

.jj-table--cl.jj-table--clJob .jj-table__heading--number {
    width: 60px;
}

.jj-table--cl.jj-table--clJob .jj-table__heading--date {
    width: 94px;
}

.jj-table--cl.jj-table--clJob .jj-table__heading--period {
    width: 181px;
}

.jj-table--cl.jj-table--clJob .jj-table__contents--id {
    text-align: center;
}

.jj-table--cl.jj-table--clJob .jj-table__contents--status {
    text-align: center;
}

.jj-table--cl.jj-table--clJob .jj-table__contents--title {
    padding-left: 12px;
    padding-right: 12px;
}

.jj-table--cl.jj-table--clJob .jj-table__contents--title a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jj-table--cl.jj-table--clJob .jj-table__contents--place {
    padding-left: 12px;
    padding-right: 12px;
}

.jj-table--cl.jj-table--clJob .jj-table__contents--number {
    text-align: center;
}

.jj-table--cl.jj-table--clJob .jj-table__contents--date {
    text-align: center;
}

.jj-table--cl.jj-table--clJob .jj-table__contents--period {
    text-align: center;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--date {
    width: 94px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--status {
    width: 86px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--title {
    width: 185px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--name {
    width: 100px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--sex {
    width: 47px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--age {
    width: 47px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--address {
    width: 100px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--jlpt {
    width: 50px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--situation {
    width: 73px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--voice {
    width: 63px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--resume {
    width: 63px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--deadline {
    width: 94px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__heading--contact {
    width: 46px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents {
    padding: 5px 0;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--date {
    text-align: center;
    line-height: 1.43;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--date span {
    font-size: 12px;
    display: block;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--status {
    text-align: center;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--title {
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--name {
    padding-left: 12px;
    padding-right: 12px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--name a {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--sex {
    text-align: center;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--age {
    text-align: center;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--address {
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--jlpt {
    text-align: center;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--situation {
    text-align: center;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--voice {
    text-align: center;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--resume {
    text-align: center;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--resume a {
    margin: 0 2px;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--deadline {
    text-align: center;
}

.jj-table--cl.jj-table--clApplicant .jj-table__contents--contact {
    text-align: center;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__heading--date {
    width: 94px;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__heading--status {
    width: 122px;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__heading--title {
    width: 705px;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__heading--read {
    width: 81px;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__heading--contact {
    width: 96px;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__contents {
    padding: 5px 0;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__contents--date {
    text-align: center;
    line-height: 1.43;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__contents--date span {
    font-size: 12px;
    display: block;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__contents--status {
    text-align: center;
    padding: 10px;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__contents--title {
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__contents--read {
    text-align: center;
}

.jj-table--cl.jj-table--clApplicationHistory .jj-table__contents--contact {
    text-align: center;
    padding: 10px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--id {
    width: 80px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--age {
    width: 48px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--sex {
    width: 48px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--experienceYear {
    width: 73px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--address {
    width: 100px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--workplace {
    width: 100px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--desiredsalary {
    width: 120px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--background {
    width: 62px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--situation {
    width: 140px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--introduce {
    width: 60px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--date {
    width: 94px;
}

.jj-table--cl.jj-table--clResume .jj-table__heading--dl {
    width: 50px;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--id {
    text-align: left;
    padding-left: 12px;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--id a {
    margin-right: 10px;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--age {
    text-align: center;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--sex {
    text-align: center;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--experienceYear {
    text-align: center;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--address {
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--workplace {
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--desiredsalary {
    text-align: center;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--background {
    text-align: center;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--situation {
    text-align: center;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--date {
    text-align: center;
}

.jj-table--cl.jj-table--clResume .jj-table__contents--dl {
    text-align: center;
}

.jj-table--cl.jj-table--clContact .jj-table__heading--date {
    width: 94px;
}

.jj-table--cl.jj-table--clContact .jj-table__heading--status {
    width: 86px;
}

.jj-table--cl.jj-table--clContact .jj-table__heading--title {
    width: 292px;
}

.jj-table--cl.jj-table--clContact .jj-table__heading--name {
    width: 249px;
}

.jj-table--cl.jj-table--clContact .jj-table__heading--sex {
    width: 47px;
}

.jj-table--cl.jj-table--clContact .jj-table__heading--age {
    width: 47px;
}

.jj-table--cl.jj-table--clContact .jj-table__heading--address {
    width: 100px;
}

.jj-table--cl.jj-table--clContact .jj-table__heading--jlpt {
    width: 50px;
}

.jj-table--cl.jj-table--clContact .jj-table__heading--situation {
    width: 73px;
}

.jj-table--cl.jj-table--clContact .jj-table__contents {
    padding: 5px 0;
}

.jj-table--cl.jj-table--clContact .jj-table__contents--date {
    text-align: center;
    line-height: 1.43;
}

.jj-table--cl.jj-table--clContact .jj-table__contents--date span {
    font-size: 12px;
    display: block;
}

.jj-table--cl.jj-table--clContact .jj-table__contents--status {
    text-align: center;
}

.jj-table--cl.jj-table--clContact .jj-table__contents--title {
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jj-table--cl.jj-table--clContact .jj-table__contents--name {
    padding-left: 12px;
    padding-right: 12px;
}

.jj-table--cl.jj-table--clContact .jj-table__contents--name a {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jj-table--cl.jj-table--clContact .jj-table__contents--sex {
    text-align: center;
}

.jj-table--cl.jj-table--clContact .jj-table__contents--age {
    text-align: center;
}

.jj-table--cl.jj-table--clContact .jj-table__contents--address {
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jj-table--cl.jj-table--clContact .jj-table__contents--jlpt {
    text-align: center;
}

.jj-table--cl.jj-table--clContact .jj-table__contents--situation {
    text-align: center;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__heading--date {
    width: 94px;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__heading--status {
    width: 86px;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__heading--title {
    width: 292px;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__heading--name {
    width: 153px;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__heading--sex {
    width: 47px;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__heading--age {
    width: 47px;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__heading--address {
    width: 100px;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__heading--jlpt {
    width: 50px;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__heading--situation {
    width: 73px;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents {
    padding: 5px 0;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents--date {
    text-align: center;
    line-height: 1.43;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents--date span {
    font-size: 12px;
    display: block;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents--status {
    text-align: center;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents--title {
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents--name {
    padding-left: 12px;
    padding-right: 12px;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents--name a {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents--sex {
    text-align: center;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents--age {
    text-align: center;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents--address {
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents--jlpt {
    text-align: center;
}

.jj-table--cl.jj-table--clGroupContact .jj-table__contents--situation {
    text-align: center;
}

.jj-table--cl.jj-table--clUserManage .jj-table__heading--number {
    width: 50px;
}

.jj-table--cl.jj-table--clUserManage .jj-table__heading--authority {
    width: 100px;
}

.jj-table--cl.jj-table--clUserManage .jj-table__heading--user {
    width: 768px;
}

.jj-table--cl.jj-table--clUserManage .jj-table__heading--action {
    width: 120px;
}

.jj-table--cl.jj-table--clUserManage .jj-table__contents {
    padding: 10px;
}

.jj-table--cl.jj-table--clUserManage .jj-table__contents--number {
    text-align: center;
}

.jj-table--cl.jj-table--clUserManage .jj-table__contents--authority {
    text-align: center;
}

.jj-table--cl.jj-table--clUserManage .jj-table__contents--action {
    text-align: center;
}

.jj-table--clProfile .jj-table__heading {
    width: 100px;
}

.jj-table__companyImgWrap img {
    width: 200px;
    height: auto;
}

.jj-table__companyImgWrap img + img {
    margin-left: 10px;
}

.jj-table__companyImgEdit {
    margin-bottom: 10px;
}

.jj-table__companyImgEdit::after {
    content: "";
    display: block;
    clear: both;
}

.jj-table__companyImg {
    float: left;
    position: relative;
    width:160px;
    height:110px;
    display:block;
    line-height: 107px;
    text-align: center;
    border-radius: 5px;
    margin:auto 5px;
    /*border:1.5px gray solid*/
}

.jj-table__companyImg + .jj-table__companyImg {
    margin-left: 10px;
}

.jj-table__companyImgDelete {
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    cursor: pointer;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-table__companyImgDelete:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-table__companyImgDelete {
        -webkit-transition: none;
                transition: none;
    }
    .jj-table__companyImgDelete:hover {
        opacity: 1;
    }
}

.jj-table__companyImgDelete:after {
    content: "";
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_delete.png) no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
}

.jj-table__read {
    width: 60px;
    background: #ccc;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
}

.jj-table__read.is-unopened {
    background: #e51573;
}

.jj-tableBefore {
    font-size: 13px;
    text-align: right;
    margin-bottom: 10px;
}

.jj-tableBefore__icon {
    position: relative;
    top: -1px;
    margin-right: 10px;
}

/**
 * tag
 */
.jj-tag {
    font-size: 11px;
    font-weight: bold;
    line-height: 1.55;
    color: #fff;
    border-radius: 4px;
    padding: 1px 9px 2px;
    border: 1px solid #FC565C;
    color: #FC565C;
    height: 22px;
    border-radius: 11px;
    display: inline-block;
}

.jj-tag--invertColor {
    background: #FC565C;
    color: #fff;
}

.jj-tag--notes {
    margin-right: 5px;
}

.jj-modal__element {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    display: none;
}

.jj-modal__main {
    position: absolute;
    background: #fff;
    border-top: 6px solid #FC565C;
    z-index: 21;
    top: 50%;
    left: 50%;
    border-radius: 6px;
    padding: 30px;
}

@media screen and (max-width: 767px) {
    .jj-modal__main {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        height: 100%;
        overflow-y: scroll;
        border-radius: 0;
        border-top-width: 2px;
        overflow-x: hidden;
    }
}

.jj-modal__main--job, .jj-modal__main--area {
    width: 980px;
    margin-left: -490px;
    margin-top: -303px;
}

@media screen and (max-width: 767px) {
    .jj-modal__main--job, .jj-modal__main--area {
        width: 100%;
        margin: 0;
    }
}

.jj-modal__heading {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 14px;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .jj-modal__heading {
        font-size: 16px;
        padding: 14px 14px 15px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .jj-modal__heading .is-sp {
        display: inline-block;
    }
}

.jj-modal__bg {
    background: #000;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}

.jj-modal__submit {
    margin: 29px auto 0;
    width: 240px;
}

@media screen and (max-width: 767px) {
    .jj-modal__submit {
        border-top: 1px solid #e6e6e6;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 11;
        background: #fff;
        padding: 10px;
    }
}

@media screen and (max-width: 767px) {
    .jj-modal__submit--area {
        -webkit-transform: translateY(100%);
            -ms-transform: translateY(100%);
                transform: translateY(100%);
        -webkit-transition: -webkit-transform 300ms;
                transition: -webkit-transform 300ms;
                transition:         transform 300ms;
                transition:         transform 300ms, -webkit-transform 300ms;
        height: 0;
        overflow: hidden;
        padding: 0;
    }
    .is-open .jj-modal__submit--area {
        padding: 10px;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
        height: auto;
    }
}

.jj-modal__close {
    position: absolute;
    top: 28px;
    right: 30px;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .jj-modal__close {
        width: 30px;
        height: 30px;
        top: 10px;
        right: 10px;
        padding: 8px;
    }
}

.jj-selectJobs {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    padding: 30px 0 30px 30px;
    overflow: scroll;
}

@media screen and (max-width: 767px) {
    .jj-selectJobs {
        border-radius: 0;
        border: 0;
        padding: 0;
        border-top: 1px solid #e6e6e6;
    }
}

.jj-selectJobs__contents {
    font-size: 0;
    margin-bottom: -25px;
    height: 371px;
}

@media screen and (max-width: 767px) {
    .jj-selectJobs__contents {
        margin-bottom: 0;
        height: auto;
        padding-bottom: 72px;
    }
}

.jj-selectJobs__inner {
    width: 420px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .jj-selectJobs__inner {
        width: 100%;
        margin-bottom: 0;
    }
}

.jj-selectJobs__inner:nth-child(2n) {
    margin-left: 15px;
}

@media screen and (max-width: 767px) {
    .jj-selectJobs__inner:nth-child(2n) {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .jj-selectJobs__arrow {
        position: absolute;
        width: calc(100% - 40px);
        height: 100%;
        top: 0;
        right: 0;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .jj-selectJobs__list {
        max-height: 0;
        -webkit-transition: max-height 600ms ease 10ms;
                transition: max-height 600ms ease 10ms;
        overflow: hidden;
    }
    .is-open .jj-selectJobs__list {
        max-height: 5000px;
    }
}

.jj-selectJobs__item {
    padding: 5px 6px;
}

@media screen and (max-width: 767px) {
    .jj-selectJobs__item {
        border-bottom: 1px solid #e6e6e6;
        padding: 0;
    }
}

.jj-selectJobs__item + .jj-selectJobs__item {
    margin-top: 4px;
}

@media screen and (max-width: 767px) {
    .jj-selectJobs__item + .jj-selectJobs__item {
        margin-top: 0;
    }
}

.jj-selectJobs__header {
    margin-bottom: 9px;
}

@media screen and (max-width: 767px) {
    .jj-selectJobs__header {
        margin-bottom: 0;
        border-bottom: 1px solid #e6e6e6;
        position: relative;
    }
}

@media screen and (max-width: 767px) {
    .jj-selectJobs__icon {
        -webkit-transition: -webkit-transform 300ms;
                transition: -webkit-transform 300ms;
                transition:         transform 300ms;
                transition:         transform 300ms, -webkit-transform 300ms;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
}

@media screen and (max-width: 767px) {
    .is-open .jj-selectJobs__icon {
        -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
                transform: translateY(-50%) rotate(180deg);
    }
}

.jj-selectAreas::after {
    content: "";
    display: block;
    clear: both;
}

.jj-selectAreas__contents {
    width: 325px;
    height: 415px;
    overflow: scroll;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    float: left;
}

@media screen and (max-width: 767px) {
    .jj-selectAreas__contents {
        float: none;
        width: 100%;
        height: auto;
        border-radius: 0;
        border-width: 1px 0 0;
    }
}

.jj-selectAreas__inner {
    border-bottom: 1px solid #e6e6e6;
}

.jj-selectAreas__header {
    font-size: 14px;
    padding: 18px 15px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-selectAreas__header {
        font-weight: bold;
        padding: 15px;
    }
}

.jj-selectAreas__header:hover {
    background: #ebf8fb;
    cursor: pointer;
}

.jj-selectAreas__list {
    display: none;
}

.jj-selectAreas__item {
    border-bottom: 1px solid #e6e6e6;
}

.jj-selectAreas__result {
    overflow: scroll;
    width: 575px;
    height: 415px;
    float: left;
    border: 1px solid #e6e6e6;
    margin-left: 20px;
    background: #fff;
    border-radius: 6px;
}

@media screen and (max-width: 767px) {
    .jj-selectAreas__result {
        float: none;
        width: 100%;
        height: auto;
        min-height: 100%;
        border: 0;
        -webkit-transform: translate(100%, 0);
            -ms-transform: translate(100%, 0);
                transform: translate(100%, 0);
        -webkit-transition: 300ms;
                transition: 300ms;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0;
        z-index: 10;
        padding-bottom: 72px;
    }
    .is-open .jj-selectAreas__result {
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
    }
}

.jj-selectAreas__result .jj-selectAreas__list {
    display: block;
}

.jj-selectAreas__number {
    font-size: 12px;
    color: #999;
    margin-left: 5px;
}

@media screen and (max-width: 767px) {
    .jj-selectAreas__number {
        font-weight: normal;
        font-size: 14px;
    }
}

.jj-selectAreas__icon {
    position: absolute;
}

.jj-selectAreas__icon--header {
    top: 16px;
    right: 15px;
}

.jj-selectAreas__icon--back {
    top: 10px;
    left: 15px;
}

.jj-selectAreas__icon--close {
    position: static;
}

@media screen and (max-width: 767px) {
    .jj-selectAreas__sub {
        font-size: 16px;
        font-weight: bold;
        padding: 15px;
        line-height: 1.5;
    }
}

.jj-selectAreas__back {
    -webkit-appearance: none;
    border: 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #f2f2f2;
    font-size: 12px;
    padding: 5px 15px 5px 28px;
    width: 100%;
    text-align: left;
    position: relative;
}

.jj-selectAreas__close {
    display: none;
}

@media screen and (max-width: 767px) {
    .jj-selectAreas__close {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        padding: 8px;
    }
}

.jj-selectAreas__areaCountry {
    padding: 16px 15px;
}

.jj-selectAreas__areaCountry:hover {
    background: #ebf8fb;
}

@media screen and (max-width: 767px) {
    .jj-selectDetail {
        padding-bottom: 80px;
    }
    .jj-selectDetail__section {
        border-top: 1px solid #e6e6e6;
        padding: 15px;
    }
    .jj-selectDetail__heading {
        font-weight: bold;
        margin-bottom: 13px;
    }
}

.jj-pagination {
    margin: 40px auto 0;
    display: table;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    border-radius: 4px;
    background: #fff;
}

.jj-pagination__item {
    display: table-cell;
    vertical-align: top;
    width: 45px;
    height: 40px;
    border-left: 1px solid #e6e6e6;
}

.jj-pagination__item:first-child {
    border-left: 0;
}

.jj-pagination__item--prev, .jj-pagination__item--next {
    width: 40px;
}

.jj-pagination__item > a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 39px;
    text-align: center;
    color: #000;
    -webkit-transition: background 200ms;
            transition: background 200ms;
}

.jj-pagination__item > a:hover {
    background: #ebf8fb;
}

.jj-pagination__item.is-current > a {
    background-color: #ebf8fb;
}

.jj-pagination__icon {
    margin-top: -3px;
}

.jj-simpleModal__element {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    display: none;
}

.jj-simpleModal__element.is-show {
    display: block;
}

.jj-simpleModal__element.is-show .jj-simpleModal__main {
    opacity: 0;
}

.jj-simpleModal__element.is-show .jj-simpleModal__main[style], .jj-simpleModal__element.is-show .jj-simpleModal__main.is-scroll {
    -webkit-animation: fadein .4s linear 0s 1 forwards;
            animation: fadein .4s linear 0s 1 forwards;
}

@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .jj-simpleModal__element.is-show .jj-simpleModal__main[style], .jj-simpleModal__element.is-show .jj-simpleModal__main.is-scroll {
        -webkit-animation: fadein .4s linear 0s 1;
                animation: fadein .4s linear 0s 1;
        opacity: 1;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .jj-simpleModal__element.is-show .jj-simpleModal__main[style], .jj-simpleModal__element.is-show .jj-simpleModal__main.is-scroll {
        -webkit-animation: fadein .4s linear 0s 1;
                animation: fadein .4s linear 0s 1;
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-simpleModal__element {
        padding: 15px;
    }
}

.jj-simpleModal__main {
    position: absolute;
    background: #fff;
    border-top: 6px solid #FC565C;
    z-index: 21;
    top: 50%;
    left: 50%;
    border-radius: 6px;
    padding: 20px 30px 30px;
    width: 600px;
    margin-left: -300px;
}

@media screen and (max-width: 767px) {
    .jj-simpleModal__main {
        width: 90%;
        width: calc(100% - 30px);
        padding: 12px 15px 15px;
        margin-left: calc(-50% + 15px);
        border-top: 3px solid #FC565C;
        border-radius: 3px;
    }
}

.jj-simpleModal__main.is-scroll {
    height: 90%;
    height: calc(100% - 30px);
    margin-top: 0 !important;
    top: 15px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: .75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
    .jj-simpleModal__main.is-scroll .jj-simpleModal__links {
        padding-bottom: 30px;
    }
}

.jj-simpleModal__heading {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 14px;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .jj-simpleModal__heading {
        font-size: 16px;
    }
}

.jj-simpleModal__contents {
    line-height: 1.5;
}

.jj-simpleModal__intro {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 14px;
}

.jj-simpleModal__section {
    margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
    .jj-simpleModal__section {
        margin-bottom: 16px;
    }
}

.jj-simpleModal__section:last-child {
    margin-bottom: 0;
}

.jj-simpleModal__subHeading {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}

.jj-simpleModal__subHeading--underSpace {
    margin-bottom: 1em;
}

.jj-simpleModal__labelHeading {
    font-size: 14px;
    font-weight: bold;
    padding: 0 11px;
    line-height: 30px;
    background: #f2f2f2;
    margin-bottom: 1em;
}

.jj-simpleModal__text {
    font-size: 13px;
}

@media screen and (max-width: 767px) {
    .jj-simpleModal__text {
        font-size: 12px;
    }
}

.jj-simpleModal__text--bold {
    font-weight: bold;
}

.jj-simpleModal__text--underSpace {
    margin-bottom: 1em;
}

.jj-simpleModal__text--underSpaceLarge {
    margin-bottom: 1.5em;
}

.jj-simpleModal__close {
    position: absolute;
    top: 27px;
    right: 30px;
    cursor: pointer;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-simpleModal__close:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-simpleModal__close {
        -webkit-transition: none;
                transition: none;
    }
    .jj-simpleModal__close:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-simpleModal__close {
        top: 15px;
        right: 15px;
    }
}

.jj-simpleModal__bg {
    background: #000;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}

.jj-simpleModal__links {
    margin-top: 26px;
    color: #666;
    font-size: 0;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .jj-simpleModal__links {
        margin-top: 15px;
        margin-bottom: 5px;
        text-align: left;
    }
}

.jj-simpleModal__link {
    padding: 0 17px;
    font-size: 12px;
    border-right: 1px solid #666;
    line-height: 1;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .jj-simpleModal__link {
        padding: 0;
        border-right: 0;
        display: block;
    }
}

.jj-simpleModal__link:last-child {
    border-right: 0;
}

.jj-simpleModal__link > a {
    margin-left: 12px;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-simpleModal__link > a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-simpleModal__link > a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-simpleModal__link > a:hover {
        opacity: 1;
    }
}

.jj-simpleModal__link + .jj-simpleModal__link {
    margin-top: 10px;
}

.jj-simpleModal__list--salary {
    margin-bottom: 15px;
}

.jj-simpleModal__list--salary .jj-simpleModal__item {
    font-weight: bold;
}

.jj-simpleModal__list--salary .jj-simpleModal__item + .jj-simpleModal__item {
    margin-top: 12px;
}

.jj-simpleModal__list--point {
    margin-bottom: 20px;
}

.jj-simpleModal__list--point .jj-simpleModal__item {
    border-left: 4px solid #FC565C;
    background: #f2f2f2;
    font-size: 16px;
    padding: 8px 14px;
    width: 461px;
}

.jj-simpleModal__list--point .jj-simpleModal__item + .jj-simpleModal__item {
    margin-top: 10px;
}

.jj-simpleModal__list--pointUnder {
    margin-top: 18px;
}

.jj-simpleModal__list--pointUnder .jj-simpleModal__item {
    font-size: 13px;
}

.jj-simpleModal__list--pointUnder .jj-simpleModal__item + .jj-simpleModal__item {
    margin-top: 18px;
}

.jj-simpleModal__notice {
    font-size: 12px;
}

.jj-simpleModal__img {
    width: 100%;
}

.jj-simpleModal__img > img {
    width: 100%;
    height: auto;
}

.jj-registration__inputWrapper, .jj-registration__errorText, .jj-registration__checkbox {
    width: 400px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .jj-registration__inputWrapper, .jj-registration__errorText, .jj-registration__checkbox {
        width: 100%;
    }
}

.jj-registration__inputWrapper {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .jj-registration__inputWrapper {
        margin-top: 26px;
    }
}

.jj-registration__errorText {
    margin-top: 5px;
    color: #e61641;
    font-size: 12px;
    line-height: 1.7;
}

.jj-registration__checkbox {
    margin-top: 18px;
}

@media screen and (max-width: 767px) {
    .jj-registration__checkbox {
        margin-top: 10px;
    }
}

.jj-registration__checkbox a {
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-registration__checkbox a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-registration__checkbox a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-registration__checkbox a:hover {
        opacity: 1;
    }
}

.jj-registration__action {
    padding: 30px 0;
    margin: 30px -30px 0;
    background: #f2f2f2;
    color: #666;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .jj-registration__action {
        padding: 20px 15px;
        margin: 20px -15px 0;
    }
}

.jj-registration__btn {
    width: 320px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .jj-registration__btn {
        width: 100%;
    }
}

.jj-registration__notes {
    margin-top: 12px;
    color: #666;
    font-size: 12px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .jj-registration__notes {
        text-align: left;
    }
}

.jj-complete {
    margin: 0 -30px;
}

@media screen and (max-width: 767px) {
    .jj-complete {
        margin: 0 -15px;
    }
}

.jj-complete__visual {
    width: 100%;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .jj-complete__visual {
        margin-top: 20px;
    }
}

.jj-complete__visual > img {
    width: 100%;
}

.jj-complete__message {
    padding: 28px 0 25px;
    background: #f2f2f2;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .jj-complete__message {
        padding: 15px;
    }
}

.jj-complete__heading {
    color: #e61641;
    font-weight: bold;
}

.jj-complete__icon {
    margin-top: -3px;
    margin-right: 10px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-complete__icon {
        margin: 0 auto 6px;
        display: block;
    }
}

.jj-complete__text {
    margin-top: 14px;
    font-size: 12px;
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .jj-complete__text {
        text-align: left;
        line-height: 1.5;
    }
}

@media screen and (max-width: 767px) {
    .jj-complete + .jj-simpleModal__links .jj-simpleModal__link {
        text-align: center;
    }
}

.jj-sendContact {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .jj-sendContact {
        margin-top: 0;
    }
}

.jj-sendContact__visual {
    background: #ebf8fb;
    padding: 30px 0;
    margin: 0 -30px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .jj-sendContact__visual {
        margin: 0 -15px;
        padding: 20px 0 20px 50%;
    }
}

.jj-sendContact__visual img {
    margin-left: 50px;
}

@media screen and (max-width: 767px) {
    .jj-sendContact__visual img {
        max-width: 180px;
    }
}

.jj-sendContact__visual img.is-sp {
    margin: 0 0 0 -51px;
}

.jj-sendContact__text {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 28px;
}

@media screen and (max-width: 767px) {
    .jj-sendContact__text {
        margin-top: 20px;
        margin-bottom: 5px;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.jj-searchPanel {
    position: relative;
    border-radius: 6px;
    border: 1px solid #FC565C;
    background: #fff;
    padding: 36px 59px 42px;
    margin: 0 auto -65px;
    width: 1100px;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel {
        width: 100%;
        position: static;
        margin: 0;
    }
}

.jj-searchPanel--header {
    display: none;
    border: 0;
    border-radius: 0;
    background: #ebf8fb;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel--header {
        display: block;
        padding: 17px 15px 20px;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchPanel--top {
        width: 90.6%;
        margin: 20px auto 0;
        padding: 15px;
    }
}

.jj-searchPanel--sideSearch {
    width: 100%;
    position: static;
    margin: 0;
    padding: 0;
    border: 0;
}

.jj-searchPanel--sideSearch .jj-searchPanel__heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.jj-searchPanel--sideSearch .jj-searchPanel__inner {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.jj-searchPanel--sideSearch .jj-searchPanel__list {
    width: 100%;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    border-radius: 6px;
}

.jj-searchPanel--sideSearch .jj-searchPanel__item {
    float: none;
    width: 100% !important;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.jj-searchPanel--sideSearch .jj-searchPanel__item + .jj-searchPanel--sideSearch .jj-searchPanel__item {
    margin-top: 10px;
}

.jj-searchPanel--sideSearch .jj-searchPanel__item + .jj-searchPanel__item {
    border-left: 0;
}

.jj-searchPanel--sideSearch .jj-searchPanel__item--area {
    border-radius: 6px 6px 0 0;
}

.jj-searchPanel--sideSearch .jj-searchPanel__item--job {
    border-radius: 0;
    border-top: 1px solid #e6e6e6;
}

.jj-searchPanel--sideSearch .jj-searchPanel__item--free {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #e6e6e6;
}

.jj-searchPanel--sideSearch .jj-searchPanel__select {
    padding: 15px 50px 15px 35px;
}

.jj-searchPanel--sideSearch .jj-searchPanel__textHolder {
    font-size: 14px;
    font-weight: normal;
}

.jj-searchPanel--sideSearch .jj-searchPanel__icon--mean {
    -webkit-transform: translateX(-5px) scale(.75);
        -ms-transform: translateX(-5px) scale(.75);
            transform: translateX(-5px) scale(.75);
}

.jj-searchPanel--sideSearch .jj-searchPanel__input {
    font-size: 14px;
    padding-left: 35px;
}

.jj-searchPanel--sideSearch .jj-searchPanel__btn {
    border-radius: 6px;
    width: 100%;
    font-size: 14px;
    padding: 9px 0;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    margin-top: 15px;
}

.jj-searchPanel--pageTopSearch {
    padding: 0;
    margin-top: 18px;
    border: 0;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel--pageTopSearch .jj-searchPanel__list {
        width: 100%;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
                box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
        border-radius: 6px;
    }
    .jj-searchPanel--pageTopSearch .jj-searchPanel__list::after {
        content: "";
        display: block;
        clear: both;
    }
}

.jj-searchPanel--pageTopSearch .jj-searchPanel__item {
    float: none;
    width: 100%;
    -webkit-box-shadow: none;
            box-shadow: none;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel--pageTopSearch .jj-searchPanel__item + .jj-searchPanel__item {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchPanel--pageTopSearch .jj-searchPanel__item--area {
        border-radius: 6px 6px 0 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchPanel--pageTopSearch .jj-searchPanel__item--job {
        border-radius: 0 !important;
        border-top: 1px solid #e6e6e6;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchPanel--pageTopSearch .jj-searchPanel__item--free {
        border-radius: 0 0 0 6px !important;
        border-top: 1px solid #e6e6e6;
        width: 61% !important;
        float: left;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchPanel--pageTopSearch .jj-searchPanel__item--detail {
        border-radius: 0 0 6px 0 !important;
        border-top: 1px solid #e6e6e6;
        border-left: 1px solid #e6e6e6 !important;
        width: 39% !important;
        float: left;
    }
    .jj-searchPanel--pageTopSearch .jj-searchPanel__item--detail .jj-searchPanel__select {
        padding-left: 15px;
        padding-right: 27px;
    }
}

.jj-searchPanel--pageTopSearch .jj-searchPanel__btn {
    font-size: 16px;
    padding: 10px 0;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__heading {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 15px;
    }
}

.jj-searchPanel__inner {
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.jj-searchPanel__inner::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__inner {
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.jj-searchPanel__list {
    width: 846px;
    float: left;
}

.jj-searchPanel__list::after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__list {
        width: 100%;
    }
}

.jj-searchPanel__item {
    float: left;
    cursor: pointer;
    background: #fff;
    position: relative;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-searchPanel__item:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__item {
        -webkit-transition: none;
                transition: none;
    }
    .jj-searchPanel__item:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__item {
        float: none;
        width: 100% !important;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
                box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
        border-radius: 6px !important;
    }
    .jj-searchPanel__item + .jj-searchPanel__item {
        margin-top: 10px;
    }
}

.jj-searchPanel__item--area {
    width: 240px;
    border-radius: 5px 0 0 5px;
}

.jj-searchPanel__item--job {
    width: 330px;
}

.jj-searchPanel__item--free {
    width: 276px;
}

.jj-searchPanel__item + .jj-searchPanel__item {
    border-left: 1px solid #e6e6e6;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__item + .jj-searchPanel__item {
        border-left: 0;
    }
}

.jj-searchPanel__item--country select {
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: 11px 8px;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__item--country select {
        -webkit-appearance: none;
        background-color: #fff;
        border: 0;
        outline: 0;
        border-radius: 4px;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        width: 100%;
        cursor: pointer;
        padding: 0 12px 0 50px;
        height: 36px;
        line-height: 36px;
    }
}

.jj-searchPanel__item--country select.jp {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_japan.png);
}

.jj-searchPanel__item--country select.cn {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_china.png);
}

.jj-searchPanel__item--country select.hk {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_hongkong.png);
}

.jj-searchPanel__item--country select.sg {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_singapore.png);
}

.jj-searchPanel__item--country select.th {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_thailand.png);
}

.jj-searchPanel__item--country select.vn {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_vietnam.png);
}

.jj-searchPanel__item--country select.in {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_india.png);
}

.jj-searchPanel__item--country select.id {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_indonesia.png);
}

.jj-searchPanel__item--country select.tw {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_taiwan.png);
}

.jj-searchPanel__item--country select.my {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_malaysia.png);
}

.jj-searchPanel__item--country select.ph {
    background-image: url(https://www.edrc.cn/html/pg/sbimg/icon_philippines.png);
}

.jj-searchPanel__select {
    padding: 14px 50px 15px 42px;
}

.jj-searchPanel__select--noIcon {
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__select {
        padding: 10px 50px 11px 40px;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__checkBox {
        padding: 10px 50px 11px 12px;
    }
}

.jj-searchPanel__textHolder {
    font-size: 16px;
    line-height: 1.3;
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__textHolder {
        font-size: 14px;
    }
}

.jj-searchPanel__icon {
    position: absolute;
}

.jj-searchPanel__icon--arrow {
    right: 15px;
    top: 20px;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__icon--arrow {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
        top: 16px;
        right: 13px;
    }
}

.jj-searchPanel__icon--mean {
    top: 13px;
    left: 13px;
}

.jj-searchPanel__input {
    color: #000;
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    line-height: 1.3;
    font-size: 16px;
    padding: 0 15px 0 42px;
    height: 50px;
    line-height: 50px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__input {
        width: 100%;
        border-radius: 5px;
        font-size: 14px;
        padding: 0 15px 0 40px;
        height: 40px;
        line-height: 40px;
    }
}

.jj-searchPanel__input:placeholder-shown {
    color: #999;
}

.jj-searchPanel__input::-webkit-input-placeholder {
    color: #999;
}

.jj-searchPanel__input:-ms-input-placeholder {
    color: #999;
}

.jj-searchPanel__btn {
    float: left;
    width: 134px;
    -webkit-appearance: none;
    background: #FC565C;
    color: #fff;
    border: 0;
    outline: 0;
    line-height: 1.3;
    font-size: 18px;
    font-weight: bold;
    padding: 14px 0 14px;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    margin: 0;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-searchPanel__btn:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__btn {
        -webkit-transition: none;
                transition: none;
    }
    .jj-searchPanel__btn:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__btn {
        width: 100%;
        float: none;
        margin-top: 15px;
        border-radius: 6px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
                box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    }
}

@media screen and (max-width: 767px) {
    .jj-searchPanel__btn .is-sp {
        display: inline-block;
    }
}

.jj-searchPanel--cl {
    padding: 30px;
    margin: 30px auto 10px;
}

.jj-searchPanel--cl .jj-searchPanel__inner {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.jj-searchPanel--cl .jj-searchPanel__list {
    width: auto;
}

.jj-searchPanel--cl .jj-searchPanel__item {
    border-left: 0;
    cursor: default;
}

.jj-searchPanel--cl .jj-searchPanel__item:hover {
    opacity: 1;
}

.jj-searchPanel--cl .jj-searchPanel__item--first {
    width: 420px;
}

.jj-searchPanel--cl .jj-searchPanel__item--date {
    margin-left: 15px;
}

.jj-searchPanel--cl .jj-searchPanel__item--clArea {
    width: 280px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    border-radius: 6px;
    margin-right: 15px;
    cursor: pointer;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-searchPanel--cl .jj-searchPanel__item--clArea:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-searchPanel--cl .jj-searchPanel__item--clArea {
        -webkit-transition: none;
                transition: none;
    }
    .jj-searchPanel--cl .jj-searchPanel__item--clArea:hover {
        opacity: 1;
    }
}

.jj-searchPanel--cl .jj-searchPanel__item--clFree {
    width: 480px;
}

.jj-searchPanel--cl .jj-searchPanel__btnWrap {
    float: right;
    width: 250px;
}

.jj-searchPanel--resumeTop {
    padding: 20px 30px 40px;
    width: 100%;
    margin-top: 0;
}

.jj-searchPanel__afterSubmit {
    margin: 20px auto 0;
    width: 400px;
}

.jj-searchResume__add {
    margin-top: 24px;
    text-align: center;
}

.jj-searchResume__more {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
    cursor: pointer;
}

.jj-searchResume__more:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-searchResume__more {
        -webkit-transition: none;
                transition: none;
    }
    .jj-searchResume__more:hover {
        opacity: 1;
    }
}

.jj-searchResume__more span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.jj-searchResume__icon {
    -webkit-transition: -webkit-transform 300ms;
            transition: -webkit-transform 300ms;
            transition:         transform 300ms;
            transition:         transform 300ms, -webkit-transform 300ms;
}

.jj-searchResume__icon--more {
    margin-top: 3px !important;
}

.is-open .jj-searchResume__icon {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.jj-searchResume__contents {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 300ms ease-in-out;
            transition: height 300ms ease-in-out;
}

.jj-searchResume__contents__inner {
    padding: 30px 20px 5px;
}

.jj-resumeTable {
    width: 100%;
    border-collapse: separate;
}

.jj-resumeTable__head {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    width: 110px;
    line-height: 1.5;
    vertical-align: top;
    height: 55px;
    padding-top: 22px;
}

.jj-resumeTable__contents {
    padding: 1px 0;
    font-size: 0;
    vertical-align: middle;
}

.jj-resumeTable__inputWrapper {
    display: inline-block;
    vertical-align: middle;
    width: 320px;
}

.jj-resumeTable__inputWrapper + .jj-resumeTable__inputWrapper {
    margin-left: 20px;
}

.jj-resumeTable__inputWrapper + .jj-resumeTable__checkWrapper {
    margin-left: 20px;
}

.jj-resumeTable__inputWrapper--modal {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
    border-radius: 6px;
    cursor: pointer;
}

.jj-resumeTable__inputWrapper--modal:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-resumeTable__inputWrapper--modal {
        -webkit-transition: none;
                transition: none;
    }
    .jj-resumeTable__inputWrapper--modal:hover {
        opacity: 1;
    }
}

.jj-resumeTable__inputWrapper--short {
    width: 200px;
}

.jj-resumeTable__inputWrapper--full {
    width: 100%;
}

.jj-resumeTable__inputWrapper--secondLine {
    margin: 15px 20px 0 0 !important;
}

.jj-resumeTable__checkWrapper {
    display: inline-block;
    vertical-align: middle;
}

.jj-resumeTable__checkWrapper + .jj-resumeTable__checkWrapper {
    margin-left: 20px;
}

.jj-resumeTable tr:last-child .jj-resumeTable__heading, .jj-resumeTable tr:last-child .jj-resumeTable__contents {
    padding-bottom: 0;
}

.jj-selectPriceList__item + .jj-selectPriceList__item {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .jj-selectPriceList__item {
        display: table;
        width: 100%;
    }
}

.jj-selectPriceList__label {
    margin-bottom: 9px;
    display: block;
}

@media screen and (max-width: 767px) {
    .jj-selectPriceList__label {
        margin-bottom: 0;
        display: table-cell;
        vertical-align: middle;
        width: 3em;
        font-size: 14px;
    }
}

.jj-searchCheckList {
    padding-top: 3px;
}

.jj-searchCheckList__item + .jj-searchCheckList__item {
    margin-top: 12px;
}

.jj-searchCheckList__number {
    color: #999;
}

.jj-datePicker {
    display: table;
}

.jj-datePicker__item {
    display: table-cell;
    vertical-align: middle;
}

.jj-datePicker__to {
    display: table-cell;
    vertical-align: middle;
}

.jj-datePicker--clSearchPanel .jj-datePicker__item {
    width: 200px;
}

.jj-datePicker--clSearchPanel .jj-datePicker__to {
    width: 36px;
    font-size: 16px;
    text-align: center;
}

.jj-datePicker--clResumeTable {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.jj-datePicker--clResumeTable .jj-datePicker__item {
    width: 200px;
}

.jj-datePicker--clResumeTable .jj-datePicker__to {
    width: 36px;
    font-size: 16px;
    text-align: center;
}

.flatpickr-calendar {
    width: 320px !important;
    margin-top: 12px;
    margin-left: -60px !important;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
    left: 160px !important;
}

.flatpickr-calendar:before {
    border-width: 9px !important;
    margin: 0 -9px !important;
}

.flatpickr-calendar:after {
    border-width: 8px !important;
    margin: 0 -8px !important;
}

.flatpickr-calendar .flatpickr-months {
    padding-top: 13px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    background-size: 9px 16px;
    height: 16px;
    padding: 4.5px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg, .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
    display: none;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    top: 20px;
    left: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_arrow_left.png) no-repeat;
    background-size: 9px 16px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    top: 20px;
    right: 20px;
    background: url(https://www.edrc.cn/html/pg/sbimg/icon_arrow_right.png) no-repeat;
    background-size: 9px 16px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
    padding: 0;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .cur-year, .flatpickr-calendar .flatpickr-months .flatpickr-current-month .cur-month {
    font-size: 20px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .cur-year {
    font-weight: bold;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .cur-month {
    font-weight: normal;
    position: absolute;
    top: 5px;
    left: 127px;
    font-weight: bold;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .cur-month:after {
    content: "/";
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    bottom: 3px;
    left: -8px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .cur-month:hover {
    background: transparent;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper {
    position: absolute;
    left: 68px;
    width: 68px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper .arrowUp, .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper .arrowDown {
    display: none;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper:hover {
    background: transparent;
}

.flatpickr-calendar .flatpickr-months, .flatpickr-calendar .flatpickr-month {
    height: 40px;
}

.flatpickr-calendar .flatpickr-innerContainer {
    padding: 15px;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays {
    background-color: #f2f2f2;
    height: 30px;
    display: block;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdaycontainer {
    width: 290px;
    display: block;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekday {
    display: inline-block;
    color: #000;
    font-weight: normal;
    width: 14.2857143%;
    height: 30px;
    line-height: 28px;
    border: 1px solid #e6e6e6;
    border-right: none;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekday:last-child {
    border-right: 1px solid #e6e6e6;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days {
    width: 290px;
}

.flatpickr-calendar .flatpickr-innerContainer .dayContainer {
    width: 290px;
    min-width: 290px;
    max-width: 290px;
    display: block;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day {
    color: #35b5d9;
    border: none;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
    max-width: 42px;
    height: 40px;
    font-weight: normal;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day:nth-child(7n) {
    border-right: 1px solid #e6e6e6;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.prevMonthDay, .flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.nextMonthDay {
    color: #ccc;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.today {
    color: #35b5d9;
    background-color: #fff;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.today:hover {
    color: #35b5d9;
    background-color: #f2f2f2;
    border-color: #e6e6e6;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day:hover {
    background-color: #f2f2f2;
}

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-day.selected {
    color: #fff;
    background-color: #35b5d9;
    border-color: #e6e6e6;
}

/**
 * common
 */
input.is-error, .jj-select.is-error, textarea.is-error {
    border: 1px solid #e61641;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/**
 * input checkbox
 */
.jj-checkbox {
    font-size: 0;
    position: relative;
}
.jj_checkbox_publish {
    height: 50px;
    top: 15px;
    left: 12px
}

.jj-checkbox__label {
    display: inline-block;
    cursor: pointer;
}

.jj-checkbox__element {
    display: none;
}

.jj-checkbox__element:checked + .jj-checkbox__iconWrapper .jj-checkbox__icon, .jj-checkbox__element:checked + .jj-checkbox__icon {
    background: #FC565C;
}

.jj-checkbox__icon {
    width: 19px;
    height: 19px;
    background: #ccc;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.jj-checkbox__icon::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 6px;
    background: url(https://www.edrc.cn/assets/common/img_check_small.png) no-repeat;
    background-size: 9px 6px;
    top: 7px;
    left: 5px;
}

.jj-checkbox__text {
    line-height: 1.3;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.jj-checkbox--l .jj-checkbox__element:checked + .jj-checkbox__iconWrapper .jj-checkbox__icon, .jj-checkbox--l .jj-checkbox__element:checked + .jj-checkbox__icon {
    background: #e51573;
}

.jj-checkbox--l .jj-checkbox__icon {
    width: 28px;
    height: 28px;
    background: #ccc;
    border-radius: 14px;
}

.jj-checkbox--l .jj-checkbox__icon::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 7px;
    background: url(https://www.edrc.cn/assets/common/img_check_big.png) no-repeat;
    background-size: 12px 7px;
    top: 11px;
    left: 8px;
}

@media screen and (max-width: 767px) {
    .jj-checkbox--l .jj-checkbox__icon {
        width: 19px;
        height: 19px;
        background: #ccc;
        border-radius: 10px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .jj-checkbox--l .jj-checkbox__icon::before {
        content: "";
        position: absolute;
        width: 9px;
        height: 6px;
        background: url(https://www.edrc.cn/assets/common/img_check_small.png) no-repeat;
        background-size: 9px 6px;
        top: 7px;
        left: 5px;
    }
}

.jj-checkbox--red .jj-checkbox__element:checked + .jj-checkbox__iconWrapper .jj-checkbox__icon, .jj-checkbox--red .jj-checkbox__element:checked + .jj-checkbox__icon {
    background: #e51573;
}

.jj-checkbox--jobModalHeader .jj-checkbox__label {
    display: block;
    background: #f2f2f2;
    font-weight: bold;
    border-radius: 4px;
    padding: 5px 6px;
}

@media screen and (max-width: 767px) {
    .jj-checkbox--jobModalHeader .jj-checkbox__label {
        background: #fff;
        padding: 13px 15px;
        display: table;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .jj-checkbox--jobModalHeader .jj-checkbox__iconWrapper {
        display: table-cell;
        vertical-align: middle;
        width: 18px;
    }
}

@media screen and (max-width: 767px) {
    .jj-checkbox--jobModalHeader .jj-checkbox__text {
        font-size: 14px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }
}

@media screen and (max-width: 767px) {
    .jj-checkbox--jobModal .jj-checkbox__label {
        padding: 13px 15px 13px 30px;
        display: table;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .jj-checkbox--jobModal .jj-checkbox__iconWrapper {
        display: table-cell;
        vertical-align: middle;
        width: 18px;
    }
}

@media screen and (max-width: 767px) {
    .jj-checkbox--jobModal .jj-checkbox__text {
        font-size: 14px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }
}

.jj-checkbox--areaModal .jj-checkbox__label {
    display: block;
    padding: 16px 15px;
}

.jj-checkbox--registration {
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-checkbox--registration .jj-checkbox__icon {
        margin-top: -10px;
        position: absolute;
        top: 50%;
        left: 0;
    }
}

.jj-checkbox--registration .jj-checkbox__text {
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .jj-checkbox--registration .jj-checkbox__text {
        margin-left: 29px;
    }
}

.jj-checkbox--registrationModal {
    position: relative;
}

@media screen and (max-width: 767px) {
    .jj-checkbox--registrationModal .jj-checkbox__icon {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.jj-checkbox--registrationModal .jj-checkbox__text {
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .jj-checkbox--registrationModal .jj-checkbox__text {
        margin-left: 29px;
    }
}

.jj-checkbox--searchCheck .jj-checkbox__label {
    display: table;
}

@media screen and (max-width: 767px) {
    .jj-checkbox--searchCheck .jj-checkbox__label {
        padding: 10px;
        width: 100%;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
                box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
        border-radius: 6px;
    }
}

.jj-checkbox--searchCheck .jj-checkbox__iconWrapper {
    display: table-cell;
    vertical-align: middle;
    width: 27px;
}

.jj-checkbox--searchCheck .jj-checkbox__text {
    display: table-cell;
    vertical-align: middle;
}

@media screen and (max-width: 767px) {
    .jj-checkbox--searchCheck .jj-checkbox__text {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .jj-checkbox--listFixedBar .jj-checkbox__text {
        font-size: 12px;
    }
}

.jj-checkbox--clListFixedBar .jj-checkbox__text {
    font-size: 16px;
}

.jj-checkbox--clListRefine .jj-checkbox__label {
    padding: 8px 13px;
    width: 100%;
}

.jj-checkbox--clListRefine .jj-checkbox__text {
    font-size: 14px;
    position: relative;
    top: -1px;
}

.jj-checkbox--clResumeTable .jj-checkbox__text {
    font-size: 14px;
    position: relative;
    top: -1px;
}

.jj-checkbox--clFormAction {
    position: relative;
}

.jj-checkbox--clFormAction .jj-checkbox__text {
    line-height: 1.5;
}

.jj-checkbox--clFormAction .jj-checkbox__text a {
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-checkbox--clFormAction .jj-checkbox__text a:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-checkbox--clFormAction .jj-checkbox__text a {
        -webkit-transition: none;
                transition: none;
    }
    .jj-checkbox--clFormAction .jj-checkbox__text a:hover {
        opacity: 1;
    }
}

.jj-checkbox--refineContact .jj-checkbox__text {
    font-size: 14px;
    position: relative;
    top: -1px;
}

/**
 * input radio
 */
.jj-radio {
    font-size: 0;
    position: relative;
}

.jj-radio--table .jj-radio__text {
    font-size: 14px;
}

.jj-radio--check .jj-radio__icon {
    width: 19px;
    height: 19px;
    background: #ccc;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.jj-radio--check .jj-radio__icon::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 6px;
    background: url(https://www.edrc.cn/assets/common/img_check_small.png) no-repeat;
    background-size: 9px 6px;
    top: 7px;
    left: 5px;
}

.jj-radio__element {
    display: none;
}

.jj-radio__element:checked + .jj-radio__icon {
    background: #FC565C;
}

.jj-radio__icon {
    width: 18px;
    height: 18px;
    background: #ccc;
    border-radius: 9px;
    display: inline-block;
    vertical-align: middle;
}

.jj-radio__icon:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    top: 5px;
    left: 5px;
}

.jj-radio__text {
    line-height: 1.3;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.jj-radio--thumbnail .jj-radio__icon {
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: -9px;
}

.jj-radio--thumbnail .jj-radio__content {
    display: block;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 38px 9px 9px;
    position: relative;
}

.jj-radio--thumbnail .jj-radio__element {
    display: none;
}

.jj-radio--thumbnail .jj-radio__element:checked + .jj-radio__icon + .jj-radio__content {
    border-color: #FC565C;
}

/**
 * input file
 */
.jj-inputFile {
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-inputFile:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-inputFile {
        -webkit-transition: none;
                transition: none;
    }
    .jj-inputFile:hover {
        opacity: 1;
    }
}

.jj-inputFile__label {
    -webkit-appearance: none;
    background: #fff;
    border: 0;
    outline: 0;
    border-radius: 4px;
    font-size: 14px;
    color: #999;
    line-height: 1;
    padding: 10px 12px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    width: 100%;
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.jj-inputFile__element {
    display: none;
}

.jj-inputFile__text {
    color: #FC565C;
}

.jj-inputFile__icon {
    margin-right: 8px;
}

.jj-inputFile__icon.icon--clip {
    margin: -4px 6px -2px -3px;
}

/**
 * input text
 */
.jj-inputText__element {
    -webkit-appearance: none;
    border-radius: 4px;
    background: #f2f2f2;
    font-size: 14px;
    color: #000;
    padding: 0 12px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0;
    width: 100%;
    outline: 0;
    height: 34px;
    line-height: 34px;
}

@media screen and (max-width: 767px) {
    .jj-inputText__element {
        height: 40px;
    }
}

.jj-inputText__element:placeholder-shown {
    color: #999;
}

.jj-inputText__element::-webkit-input-placeholder {
    color: #999;
}

.jj-inputText__element:-ms-input-placeholder {
    color: #999;
}

.jj-inputText__element.is-error {
    padding: 0 11px;
}

.jj-inputText--search {
    position: relative;
}

.jj-inputText--search .jj-inputText__element {
    padding-left: 38px;
}

@media screen and (max-width: 767px) {
    .jj-inputText--search .jj-inputText__element {
        background: #fff;
        padding: 0 12px 0 38px;
        border-radius: 6px 0 0 6px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
}

.jj-inputText--search .jj-inputText__icon {
    position: absolute;
    top: 8px;
    left: 10px;
}

@media screen and (max-width: 767px) {
    .jj-inputText--search .jj-inputText__icon {
        top: 6px;
    }
}

.jj-inputText--registrationModal .jj-inputText__element {
    height: 42px;
    font-size: 16px;
    line-height: 42px;
}

@media screen and (max-width: 767px) {
    .jj-inputText--registrationModal .jj-inputText__element {
        height: 50px;
        font-size: 14px;
        line-height: 50px;
    }
}

.jj-inputText--login .jj-inputText__element {
    height: 42px;
    font-size: 16px;
    line-height: 42px;
}

.jj-inputText--clSearchTitle, .jj-inputText--clSearchKeyword {
    line-height: 50px;
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    border-radius: 6px;
}

.jj-inputText--clSearchTitle .jj-inputText__element, .jj-inputText--clSearchKeyword .jj-inputText__element {
    line-height: 50px;
    font-size: 16px;
    height: 50px;
    background: #fff;
    padding-left: 43px;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-inputText--clSearchTitle .jj-inputText__element:hover, .jj-inputText--clSearchKeyword .jj-inputText__element:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-inputText--clSearchTitle .jj-inputText__element, .jj-inputText--clSearchKeyword .jj-inputText__element {
        -webkit-transition: none;
                transition: none;
    }
    .jj-inputText--clSearchTitle .jj-inputText__element:hover, .jj-inputText--clSearchKeyword .jj-inputText__element:hover {
        opacity: 1;
    }
}

.jj-inputText--clSearchTitle .jj-inputText__icon, .jj-inputText--clSearchKeyword .jj-inputText__icon {
    position: absolute;
    top: 15px;
    left: 15px;
}

.jj-resumeTable .jj-inputText--clSearchTitle, .jj-resumeTable .jj-inputText--clSearchKeyword {
    line-height: 1;
}

.jj-inputText--clResumeTable {
    line-height: 50px;
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    border-radius: 6px;
}

.jj-inputText--clResumeTable .jj-inputText__element {
    line-height: 50px;
    font-size: 16px;
    height: 50px;
    padding-left: 20px;
    background: #fff;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-inputText--clResumeTable .jj-inputText__element:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-inputText--clResumeTable .jj-inputText__element {
        -webkit-transition: none;
                transition: none;
    }
    .jj-inputText--clResumeTable .jj-inputText__element:hover {
        opacity: 1;
    }
}

.jj-resumeTable .jj-inputText--clResumeTable {
    line-height: 1;
}

.jj-inputText--clDatePicker {
    line-height: 50px;
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    border-radius: 6px;
}

.jj-inputText--clDatePicker .jj-inputText__element {
    line-height: 50px;
    font-size: 16px;
    height: 50px;
    background: #fff;
    padding-left: 20px;
    cursor: pointer;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-inputText--clDatePicker .jj-inputText__element:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-inputText--clDatePicker .jj-inputText__element {
        -webkit-transition: none;
                transition: none;
    }
    .jj-inputText--clDatePicker .jj-inputText__element:hover {
        opacity: 1;
    }
}

.jj-inputText--clDatePicker .jj-inputText__icon {
    position: absolute;
    top: 15px;
    right: 13px;
    pointer-events: none;
}

.jj-inputText--clTable .jj-inputText__element {
    height: 30px;
    line-height: 30px;
}

/**
 * select
 */
.jj-select {
    position: relative;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .jj-select__inner {
        overflow: hidden;
        border-radius: 3px;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .jj-select__inner {
        overflow: hidden;
        border-radius: 3px;
    }
}

.jj-select__element {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: #fff;
    border: 0;
    outline: 0;
    font-size: 14px;
    color: #000;
    padding: 0 40px 0 12px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: 200ms;
            transition: 200ms;
    opacity: 1;
}

.jj-select__element:hover {
    opacity: .5;
}

@media screen and (max-width: 767px) {
    .jj-select__element {
        -webkit-transition: none;
                transition: none;
    }
    .jj-select__element:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .jj-select__element {
        height: 40px;
    }
}

.jj-select__element.is-error {
    padding: 0 11px;
}

.jj-select__element::-ms-expand {
    display: none;
}

@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .jj-select__element {
        border: 1px solid #fff;
        width: 160%;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .jj-select__element {
        border: 1px solid #fff;
        width: 160%;
    }
}

@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .jj-select:before {
        content: "";
        width: 21px;
        height: 32px;
        background: #fff;
        display: block;
        position: absolute;
        top: 1px;
        right: 12px;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .jj-select:before {
        content: "";
        width: 21px;
        height: 32px;
        background: #fff;
        display: block;
        position: absolute;
        top: 1px;
        right: 12px;
    }
}

.jj-select .icon--arrowDown {
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 15px;
    pointer-events: none;
}

.jj-select--locale .jj-select__element {
    padding: 0 12px;
    height: 36px;
    line-height: 36px;
}

@media screen and (max-width: 767px) {
    .jj-select--selectLocale .jj-select__element {
        height: 34px;
        padding-right: 24px;
        line-height: 34px;
    }
}

@media screen and (max-width: 767px) {
    .jj-select--selectLocale .icon--arrowDown {
        right: 10px;
    }
}

.jj-select--clSearchSelect, .jj-select--clResumeTable, .jj-select--clListModal {
    border-radius: 6px;
}

.jj-select--clSearchSelect .jj-select__element, .jj-select--clResumeTable .jj-select__element, .jj-select--clListModal .jj-select__element {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding-left: 20px;
    border-radius: 5px;
}

.jj-select--clApplicationHistory .jj-select__element {
    height: 30px;
    line-height: 30px;
}

@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {
    .jj-select--clApplicationHistory:before {
        height: 29px;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .jj-select--clApplicationHistory:before {
        height: 29px;
    }
}

/**
 * textarea
 */
.jj-textarea__element {
    border-radius: 4px;
    background: #f2f2f2;
    font-size: 14px;
    color: #000;
    line-height: 1.5;
    padding: 7px 12px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0;
    width: 100%;
    outline: 0;
    height: 180px;
    display: block;
}

@media screen and (max-width: 767px) {
    .jj-textarea__element {
        height: 438px;
    }
}

.jj-textarea__element:placeholder-shown {
    color: #999;
}

.jj-textarea__element::-webkit-input-placeholder {
    color: #999;
}

.jj-textarea__element:-ms-input-placeholder {
    color: #999;
}

.jj-textarea__element.is-error {
    padding: 6px 11px;
}

a.sp_btn {
    margin: 30px auto 0;
    padding: 0 10px;
    color: #fff;
    max-width: 432px;
    min-height: 92px;
    line-height: 1.2;
    position: relative;
    display: block;
    background: url(https://www.edrc.cn/assets/common/btn_bg.png) center no-repeat;
    background-size: contain;
}

a.sp_btn span {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.get_sms_code{
    position: absolute;
    width: 76px;
    height: 34px;
    line-height: 34px;
    right: 10px;
    top:0px;
}

.pc_edit_get_sms_code{
    position: absolute;
    width: 76px;
    height: 34px;
    line-height: 34px;
    right: 10px;
    top:0px;
}
@media screen and (max-width: 767px) {
    .get_sms_code{
        height: 40px;
        line-height: 40px;
    }
    .pc_edit_get_sms_code{
        height: 40px;
        line-height: 40px;
    }
}

/*职位申请完成  引导关注微信公众号*/
.is_pc_wechat{
    display: inline-block;
    text-align:left;
    word-break:break-all;
    margin-bottom: 5px;
    width: 55%;
}
.pic{
    width: 32%;
    height: 240px;
    border: 1px solid black;
}

@media screen and (max-width: 767px) {
    .is_pc_wechat{
        width: 100%;
    }
    .pic{
        width: 100%;
        height: 100%;
        margin-bottom: 5px;
    }
}

.jj-shield-company {
    font-weight: bold;
    font-size: 16px;
}
.jj-add-icon{
    width: 20px;
    height: 20px;
}

.jj-resume-update {
    margin-top: 20px;
}

.jj-common-search{
    width: 30%
}

.jj-common-search-clear{
    width: 30%;
    float: right;
    background-color: #d1ccd3;

}

.jj-common-clear-url{
    color: white
}

.jj-common-search-save{
    margin-left: 18px;
    width: 30%
}

.jj-common-list-search{
    width: 48%
}

.jj-common-list-search-clear{
    width: 48%;
    background-color: #d1ccd3
}

.tips_content_wrap{
    position: fixed;
    top: 10%;
    left: 0;
    width: 100%;
    z-index: 20;
    font-size: 14px;
}
.tips_content{
    margin:0 auto;
    padding: 20px 10px 10px 10px;
    width: 400px;
    background-color: #fff;
    border-radius: 5px;
}
.tips_content p{
    line-height: 25px;
    margin:0;
}
p.tips_title{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}
.tips_title span{
    font-size: 20px;
    color: red;
}
.tips_close_wrap{
    position: relative;
}
.tips_close{
    position: absolute;
    right: 0px;
    top: -10px;
    width: 20px;
    height: 20px;
}
.shadow{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
}
.img_wrap{
    text-align: center;
}
.img_wrap img{
    width: 200px;
    height: 200px;
}
.jj-profile-progress{
    margin-left: 10px;
    border-radius: 5px;
    background-color: #e51573;
    display: inline-block;
    padding: 5px;
    color: white;
}
/* 手机端响应式 */
@media screen and (max-width: 768px) {
    .jj-profile-progress{
        margin-left: 0;
    }
    .tips_content_wrap{
        top: 20%;
    }
    .tips_content{
        width: 80%;
    }
    .no_mobile{
        display: none;
    }
    .mobile_bold{
        font-weight: bold;
    }
}

/* 简历搜索列表页面 */
.jj-ca-table li{
    list-style: none;
}
.jj-ca-wrap{
    width: 1100px;
    padding: 0px 0px 60px;
    margin: 0px auto;
}
.jj-ca-table{
    width: 100%;
}
.jj-ca-thead{
    font-size: 14px;
    font-weight: normal;
    background: rgb(238, 241, 246);
}
.jj-ca-thead td{
    padding:10px 0;
    vertical-align: middle;
}
.jj-ca-check{
    text-align: center;
    width: 35px;
    border-right: 1px solid rgb(220, 220, 220);
}
.jj-ca-input-wrap{
    width: 35px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.jj-ca-input-wrap input{
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
}
.jj-ca-thead-content{
    position: relative;
    width: 100%;
}
.jj-ca-thead-content span{
    margin-left: 5px;
}
.fujian{
    background: rgb(235, 248, 251);
    color: rgb(53, 181, 217);
    padding: 2px;
}
.jj-ca-time{
    position: absolute;
    right: 8px;
    font-size: 13px;
    color: #AAB4BA;
}
.jj-ca-row{
    padding: 20px 0px;
}
.jj-ca-contents{
    display: table-cell;
    vertical-align: top;
}
.jj-ca-contents-rb{
    border-right: 1px solid rgb(220, 220, 220);
}
.jj-ca-contents-back img{
    width: 55px;
}
.jj-ca-contents-back div{
    text-align: center;
    margin-top: 5px;
    width: 55px;
    font-size: 90%;
}
.jj-ca-basic-info{
    width: 470px;
    padding: 0px 10px;
    font-size: 13px;
}
.self-basic-info,.self-school-info,.self-school-info>li:not(:last-child){
    margin-bottom: 10px;
}
.self-basic-info > span:not(:last-child):not(:empty)::after {
    content: "|";
    color: rgb(169, 174, 184);
    font-weight: 300;
    display: inline-block;
    width: 20px;
    text-align: center;
}
.self-school-info li span{
    margin-right: 5px;
}
.self-school-info li{
    width: 100%;
    white-space: wrap;
    word-break: break-all;
}
.self-skill-info{
    color: rgb(53, 181, 217);
}
.self-skill-info span{
    background: rgb(235, 248, 251);
    padding:2px;
}
.self-work-info-wrap{
    width: 500px;
    padding: 0px 10px;
    font-size: 13px;
}
.work-info-detail-wrap{
    width: 100%;
    height: 50px;
    line-height: 20px;
    margin-top: 5px;
    border-radius: 5px;
    padding: 5px;
    background-color: #f5f5f5;
}
.self-work-info-detail{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.self-work-info-wrap ul>li:not(:last-child){
    margin-bottom: 5px;
}