@charset "UTF-8";

.modal button{text-transform: none; vertical-align: middle;}
.modal button,.modal [type="button"],.modal [type="reset"],.modal [type="submit"] {background:none; cursor: pointer; }
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;text-align:center}
.modal:before{display:none}
.modal__open{overflow:hidden;height:100%}
.modal__open .modal{overflow-x:hidden;overflow-y:auto}
.modal__backdrop{position:absolute;top:0;right:0;left:0;background-color:rgba(0,0,0,.3)}
.modal__body{position:relative; top:50%; display:inline-block;max-width: 800px; margin:0 auto 0; transform:translate(0,-150%);transition:all .4s ease-out;vertical-align:middle;text-align:left; background-color: transparent; border: none;}


.fancybox-slide .modal__body {padding:0px !Important; top:0%;     transform: translate(0,0%); background:none;}

.modal__open{height: auto !important;}
.modal__header{display: flex;    align-items: center;  border-radius: 10px 10px 0 0;  justify-content: center;    margin: 0;    padding: 0;    height: 60px;    border: none;      background-color: #3d5080;}
.modal .modalTitle,.modal__title{font-size: 24px; color: #fff; text-align: center}
.modal__content{position:relative;padding:25px;overflow-y:auto; background-color: #fff; border-radius:0 0 10px 10px;
    /*display: inline-block;*/
    vertical-align: top;}
.modal__content.no_pd {padding:0px; border-radius:0 0 10px 10px}
.modal__content.no_pd img {vertical-align:top;}
.modal__content.no_btn {padding:40px 40px 0 40px;}
.modal__content .text{display: flex; align-items:center; position: relative; padding-left: 75px; min-height:46px; font-size: 17px; color: #000; text-align: left; word-break:keep-all;}
.modal__content .text:before{content:''; display: block; position: absolute; top: 0; left: 0; background: url(/common/images/alert_icon_sprite.png) no-repeat -10px -16px; }
.modal__content .text.success:before{width: 46px; height: 55px; background-position: -74px -10px;}
.modal__content .text.fail:before{width: 47px; height: 49px; background-position: -10px -16px;}
.modal__content .alert_btn{display: inline-block; margin-top: 20px; padding: 0 35px; height: 44px; border: 1px solid #0c4ca3; font-size: 16px; color: #0c4ca3; line-height: 44px; text-decoration: none;}
.modal__content .img_box {width:100%; display:inline-block; vertical-align:top;}
.modal__content .text_box {width:100%; display:inline-block; vertical-align:top; font-size:16px; word-break:keep-all; padding:0px; margin-top:15px; color:#222222;}
.modal__footer{padding: 0 0 40px; border: none; background-color: #fff; text-align:center;
    display: inline-block;
    vertical-align: top;}
.modal__content > * {}

.modal__close{position:absolute;top: 18px; right:18px;}
.modal__close-button{width: 28px; height: 28px;border-width: 0px;}
.modal__close-button span{display:inline-block;width:28px;height:28px;background:rgba(0,0,0,.5)}

.modal__close-button span{position: absolute; top: 0; left: 0; background-color:transparent; font-size: 0; color: transparent;}
.modal__close-button span:before,
.modal__close-button span:after{content:''; display: block; position: absolute; top: calc(50% - 10px); left: calc(50% - 2px); width: 3px; height: 19px; background-color: #fff;}
.modal__close-button span:before{transform:rotate(-45deg);}
.modal__close-button span:after{transform:rotate(45deg);}

.modal.fade .modal__backdrop{opacity:0;transition:opacity 1s}
.modal.fade.active .modal__backdrop{opacity:.75;transition:opacity 1s}
.modal.active .modal__body{transform:translateY(-50.1%)}




@media screen and (max-width:640px){
    .modal__body {max-width:90%; margin:0 5%;     max-height: calc(100vh - 40px)}
    .modal__content {padding:15px;     max-height: calc(100vh - 120px); border-radius:0 0 20px 20px}

    ul.bu {padding:2px 0 5px 15px}
    ul.bu > li:before {top:8px}
    .modal__close {top:12px; right:12px}
    .org_pop .modal__header {height:50px; border-radius:10px 10px 0 0}
    .org_pop .modal__body .modal__content {border-radius:0 0 10px 10px}

}



.form_btn_box {position:relative; width:100%; font-size:0px; display:inline-block; text-align:center; margin:15px 0 5px}
.form_btn_box button {width:150px; height:35px; line-height:31px; margin:0 2px; display:inline-block; font-size:14px;  box-sizing:border-box;border:0 none;background-color:transparent;cursor:pointer}
.form_btn_box button.btn1 {background:#2477c0; color:#fff}
.form_btn_box button.btn2 {background:#333; color:#fff;}
.form_btn_box button.btn3 {border:2px solid #000; color:#000;}




.form_table .in_table {position:relative; width:100%;margin:5px 0 10px;  border-top:2px solid #333; border-collapse: collapse;    border-spacing: 0;}
.form_table .in_table th,
.form_table .in_table td {padding:15px}
.form_table .in_table td input {width:auto}
.form_table .in_table td .del_btn{border:0 none;background-color:transparent;cursor:pointer}






.ch_ra_box {display:inline-block; vertical-align:middle;}
.ch_ra_box input {display:none}
.ch_ra_box input.input_item_text {display:inline-block}
.ch_ra_box label {float:left; padding:4px 15px; border:1px solid #ccc; margin:2px 5px 2px 0; border-radius:6px;}
.ch_ra_box input:checked + label {background:#005faf; border:1px solid #005faf; color:#fff;}
.ch_ra_box table .filter_btn {background:#005faf; color:#fff; padding:0 25px; line-height:30px; border-radius:5px; margin:0 0 0 5px}


.modal_search_box {width:100%; display:inline-block; vertical-align:top; }
.modal_search_box select {font-size:15px; width:100px; height:35px; display:inline-block; border:1px solid #ccc;  vertical-align:top;}
.modal_search_box input.intext {font-size:15px; width:200px; height:35px; display:inline-block; border:1px solid #ccc;  vertical-align:top;}
.modal_search_box button {background:#0063ab !important; color:#fff !important; vertical-align:top; line-height:35px; display:inline-block;padding:0 25px; border:none; font-size:15px;}


.modal_location_list {margin-top:10px;}
.location_list {position:Relative; width:100%; display:inline-block; border-bottom:1px dashed #ccc; padding:15px 0;}
.location_list p {margin:0px }
.location_list p.title {font-weight:bold; color:#000; font-size:16px; margin:0 0 10px 0}

.location_list button {position:absolute; top:calc(50% - 16px); right:0px; background:#333 !important; color:#fff; padding:5px 15px; border-radius:5px;}
.location_list button:hover {color:yellow}

@media screen and (max-width:640px){
.location_list button {position:relative; top:auto; right:0px; line-height:1.25em; width:100%;  margin-top:10px; padding:5px 15px; border-radius:5px;}
}


@media screen and (max-width:480px){
	.modal_search_box {display:flex}
	.modal_search_box input.intext {margin:0 2px}
}

.activity_fee_title {position:relative; width:100%; display:inline-block; border-bottom:1px dashed #ccc; padding:0 0 5px 0; margin:0 0 5px 0; font-weight:bold; color:#000; font-size:16px; letter-spacing:-0.025em}

.activity_fee_list {position:Relative; width:100%; display:inline-block; border-bottom:1px dashed #ccc; padding:5px 0;}
.activity_fee_list input[type="file"] {display:none}
.activity_fee_list label {position:relative; padding:0 15px; float:right; cursor:pointer; line-height:30px; background:#005faf; color:#fff; font-size:14px}
.activity_fee_list .title {float:left; font-size:15px; margin:5px 0 0 0}
.activity_fee_list .fee_text_wrap {position:relative; width:100%; display:inline-block; vertical-align:top; text-align:right;}
.activity_fee_list .fee_text_wrap .fee_text {margin:0 10px 0 0;}


.activity_pay_title {position:relative; width:100%; display:inline-block; border-bottom:1px dashed #ccc; padding:0 0 5px 0; margin:0 0 5px 0; font-weight:bold; color:#000; font-size:16px; letter-spacing:-0.025em}

.activity_pay_list {position:Relative; width:100%; display:inline-block; border-bottom:1px dashed #ccc; padding:5px 0;}
.activity_pay_list input[type="file"] {display:none}
.activity_pay_list label {position:relative; padding:0 15px; float:right; cursor:pointer; line-height:30px; background:#005faf; color:#fff; font-size:14px}
.activity_pay_list .title {float:left; font-size:15px; margin:5px 0 0 0}
.activity_pay_list .pay_text_wrap {position:relative; width:100%; display:inline-block; vertical-align:top; text-align:right;}
.activity_pay_list .pay_text_wrap .pay_text {margin:5px 7px 5px 0;border: 1px dot-dash #ccc; padding: 10px 15px;width: 200px;}



.alertclose{ display: none !important; }