@charset "utf-8";

@import url("setting.css");

a{ color:#333; text-decoration:none; transition:0.2s all;}
a:hover{ color:#e93f63; text-decoration: none;}
a:focus{ text-decoration: none;}

.container{ max-width: 1240px; padding: 0 20px; }
.container.w2{ max-width: 1400px; }
.container.w3{ max-width: 951px; }
.container.w3{ max-width: 728px; }
.container.w4{ max-width: 546px; }

.row{ margin-right: -6px !important; margin-left: -6px !important; }

/*** PRELOAD ***/
.spinner-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.95); z-index: 999999; background:#fff url("../../img/Preloader_10.gif") center center no-repeat;}
.none { transition: all 1.7s ease; opacity: 0;}
.none2 { display: none;}
/*** /PRELOAD ***/

/*** HEADER ***/
header{ width: 100%; height: 57px; padding: 12px 0; background: #112b64; }
header .logo{ float: left; }
header .logo a{ margin-top: 1px; color: #fff; font-size: .7em; font-weight: 700; line-height: 1em; display: block; }
header .dropdown{ float: right; }
header .dropdown button{ margin-top: -2px; padding: 8px 20px 10px 20px; background: #e93f63 !important; border-color: #e93f63 !important; }
header .dropdown button:focus, header .dropdown button:active{ background: #e93f63; }
header .dropdown .dropdown-menu{ min-width: 122px; color: #fff; background: #e93f63; text-align: center; }
header .dropdown .dropdown-menu a{ color: #fff; }
header .dropdown .dropdown-menu a:hover{ color: #fff; background: #112b64; }

.header li:nth-child(2) .btn{ height: 36px; margin: 0; padding: 8px 15px; color: #fff; background: #e93f63; border-color: #e93f63; }
.header li:nth-child(2) .dropdown-menu li{ color: #333 !important; font-size: 1em !important; }

.banner{ padding: 40px 0; background: url('../../img/bg-banner.png') center center no-repeat; background-size: cover; }
.banner a{ width: 100%; padding: 12px 5px 14px 5px; }
.banner a.btn-primary:hover, .banner a.btn-primary:focus{ color: #000; background: #e93f63; }
/*** /HEADER ***/

/*** SECTION ***/
section{ padding: 40px 0; }
section h2{ margin-bottom: 40px; text-align: center; position: relative; }
section h2 i{ position: absolute; top: 2px; left: 0; }
section h2 a i{ color: #e93f63; }
section h2 .func_wrap{ margin: 0; padding: 0; background: none; border-radius: 0; position: absolute; top: 2px; right: 0; }
section h2 button{ margin: 0; padding: 6px 10px 6px 28px !important; position: relative; }
section h2 button i{ margin: 5px 0 0 8px; }
/*** /SECTION ***/

/*** SELECT OPTION ***/
.bootstrap-select .dropdown-toggle{ width: 100%; min-height: 46px; margin: 10px 0; padding: 10px 40px 10px 10px; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center; background-size:16px 12px; border: 1px solid #ccc; border-radius: 5px; }
.bootstrap-select .dropdown-toggle:after{ display: none; }
/*.bootstrap-select .dropdown-toggle:hover{ border: 1px solid #e93f63; }*/
.bootstrap-select .dropdown-menu{ border: 1px solid #ccc; }
.bootstrap-select .dropdown-menu li:hover a{ color: #000; background: #ddd; }
.bootstrap-select .dropdown-menu li.active a{ color: #000; background: #e93f63; }

.bootstrap-select > select.mobile-device:hover + .dropdown-toggle, .bootstrap-select .dropdown-toggle:hover{border: 1px solid #e93f63; }
/*** /SELECT OPTION ***/

/*** CNT ***/
main{ min-height: calc(100vh - 60px - 93px); padding: 40px 0; }

.dist_box{ background: none; border: 20px solid #e93f63; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; }
.dist_box img{ width: 100%; height: auto;}
 a .dist_box{ color: #e93f63; }
.dist_box p{ font-size: 5em; font-weight: 700; line-height: 1em; position: absolute; z-index: 1; }

.cnt_wrap{ padding: 25px 30px; background: #333; border-radius: 10px; }

form a{ color: #fff; }

label{ margin-bottom: 0px; }
label{ width: 100%; }
label i{ margin-left: 5px; }
label.ctr_radio{ width: auto; margin-right: 20px; }
label.cap{ margin-bottom: 10px !important; }

.box_wrap{ margin: 6px 6px; padding: 0; border: 1px solid #e93f63; border-radius: 10px; transition:0.2s all; }
.box_wrap .box_img{ border-top-right-radius: 10px; border-top-left-radius: 10px; position: relative; overflow: hidden; }
.box_wrap .box_img img{ width: 100%; height: auto; }
.box_wrap .box_img .rate{ width: 110px; padding: 7px 5px 1px 5px; color: #000; font-size: 2.25em; font-weight: 700; line-height: 1em; background: rgba(255, 144, 0, .9); border-bottom-left-radius: 10px; position: absolute; top: 0; right: 0; z-index: 1; text-align: center; }
.box_wrap .box_img .rate span{ margin-left: 3px; font-size: .35em; font-weight: 400; }
.box_wrap .box_img .info{ width: 100%; margin: 0; padding: 10px 20px 10px 20px; color: #000; font-size: 1.5em; background: rgba(255, 144, 0, .9); overflow: hidden; position: absolute; bottom: 0; z-index: 1; }
.box_wrap .box_img .info li:nth-child(1){ float: left; font-weight: 700; }
.box_wrap .box_img .info li:nth-child(2){ float: right; }
.box_wrap .box_txt{ padding: 20px; }
.box_wrap .box_txt b{ display: block; }
.box_wrap .box_txt b:nth-child(1){ color: #e93f63; }
.box_wrap .box_txt b:nth-child(2){ color: #333; }
.box_wrap .box_txt p{ height: 63px; margin-top: 10px; color: #666; font-size: .813em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


.pic_wrap{ margin: 6px 6px; padding: 0; border-radius: 10px; transition:0.2s all; }
.pic_wrap .pic_img{ border-radius: 10px; }
.pic_wrap .pic_img img{ width: 100%; height: auto; }

:root {--swiper-navigation-color:#fff;}
.swiper_main{ color: var(--swiper-navigation-color, var(--swiper-theme-color)); background: #000; }
.swiper_thum{ margin-top: 3px; }
.swiper-slide{ position: relative; overflow: hidden; text-align: center; background: #000; }
.swiper-slide img{ width: 100%; height: auto; max-height: 590px; }
.swiper-slide .zoomin{ width: 50px; height: 50px; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, .75); font-size: 1.25em; line-height: 50px; background: rgba(233, 63, 99, .9); border-radius: 50px; position: absolute; top: 5px; right: 5px; z-index: 5; text-align: center; }
.swiper-slide .vid_wrap{ width: 100%; height: 100%; position: absolute; }
.swiper-slide video{ width: 100%; height: 100%; }

.dtl_txt{ padding: 10px 20px; font-size: 1.25em; overflow: hidden; }
.dtl_txt .cap{ overflow: hidden; }
.dtl_txt .cap h2{ margin: 0; padding: 0; color: #e93f63; font-weight: 700; display: block; text-align: left; }
.dtl_txt .cap .rate{ float: left; width: auto; margin: 5px 0 0 20px; padding: 1px 10px; color: #000; background: #e93f63; border: 0; border-radius: 10px; display: block; text-align: center; }
.dtl_txt .cap .rate i{ margin-left: 3px; font-size: .75em; font-style: normal; }
.dtl_txt span:nth-child(1){ float: left; width: 53px; margin-right: 10px; padding-right: 10px; color: #999; line-height: 1em; border-right: 1px solid #999; }
.dtl_txt span:nth-child(2){ float: left; width: calc(100% - 63px); margin: 0; color: #fff; line-height: 1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dtl_txt .price{ margin: 10px 0 0 0; color: #333; font-size: 2em; font-weight: 700; text-overflow: clip; white-space: normal; }
.dtl_txt .alert{ margin: 0; padding: 5px; font-weight: 700; display: block; }
.dtl_txt .alert-text{ float: none; width: 100%; margin: 10px 0 30px 0; text-overflow: clip; white-space: normal; }

.info_wrap{ margin: 0; padding: 30px 0px; border-top: 1px solid rgba(255, 255, 255, .1); }

.func_wrap{ margin-top: 20px; padding: 30px 40px; background: #000; border-radius: 10px; overflow: hidden; clear: both; }
.func_wrap li{ overflow: hidden; }
.func_wrap li a{ color: #ccc; }
/* .func_wrap li a:hover, .func_wrap li a.current{ color: #e93f63; } */
.func_wrap li:first-child{ float: left; color: #ccc; }
.func_wrap li:last-child{ float: right; }
.func_wrap li:first-child div{ float: left; margin-right: 30px; text-align: center;}
.func_wrap li:first-child div i{ margin-bottom: 8px; font-size: 3em; }
.func_wrap li:last-child button{ margin: 17px 0 0 0; font-size: 1.25em; font-weight: 700; }

.comment{ margin: 30px 0 0 0; }

.comment_wrap{ padding: 30px 0px; border-radius: 10px; overflow: hidden; clear: both; }
.comment_wrap li{ padding: 20px 0 10px 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.comment_wrap p{ margin: 8px 0; }
.comment_box p{ height: auto; word-break: break-all; }
.comment_usr{ overflow: hidden; }
.comment_img{ float: left; width: 60px; height: 60px; margin-right: 10px; border-radius: 50%; }
.comment_info{ float: left; width: calc(100% - 100px); padding-top: 5px; }
.comment_name{ color: #e93f63; font-size: 1.125em; }
.comment_date{ color: #999; font-size: .813em; }
.comment_date a{ color: #999; }
.comment_func{ font-size: .813em; overflow: hidden; }
.comment_func a{ color: #999; }
.comment_func span{ margin-right: 15px; display: inline-block; }
.comment_func span i{ margin-right: 8px; }
.comment_reply{ margin: 20px 0 10px 0; padding: 0px; background: #333; border-radius: 10px; }
.comment_reply li{ padding: 10px 20px; }
.comment_reply li:last-child{ border: 0; }

#note_res{ margin-left: 15px; display: inline-block; }
.note-sm{ padding: 0 5px 1px 5px; font-size: .875em; font-weight: 400; border-radius: 5px; }

.have_acc{ margin-top: 20px; font-size: .875em; text-align: center; }
.have_acc span{ margin-bottom: 10px; display: block; }

.mbr_wrap{ overflow: hidden; }
.mbr_img_wrap{ float: left; width: 100px; height: 100px; position: relative; }
.mbr_img{ width: 100%; height: 100%; border-radius: 50%; position: absolute;}
.mbr_info{ float: left; width: calc(100% - 140px); margin: 0 20px; padding: 10px 0; }
.mbr_info h4 p{ margin-right: 20px; line-height: 1em; display: inline-block; }
.mbr_info h4 span{ font-size: .75em; display: inline-block; }
.mbr_info button{ margin: 18px 10px 0 0; }

#mbr_thum_edt{ margin-bottom: 20px; }

.mbr_btn button{ font-size: 1.25em;}
.mbr_btn i{ margin: 0 10px 0 0; }

.mbr_title{ padding-top: 4px; text-align: center;}
.mbr_title a{ color: #fff; }

.note{ color: #c00; }

.file_field{ height: 250px; padding: 10px; border: 2px solid #ccc; border-radius: 5px; border-top-right-radius: 0; border-top-left-radius: 0; overflow-y: auto; }
.file_box{ float: left; margin: 5px; padding: 5px; background: #ccc; display: inline-block;}
.file_thumb{ max-height: 100px;}
.file_remove{ color: #fff; background: #444; text-align: center; display: block; cursor: pointer;}
.file_remove:hover { color: #333; background: #e93f63;}

.input_file { padding: 10px 30px; font-weight: 400; color: #333; background: #f6f6f6; border-top-right-radius: 5px; border-top-left-radius: 5px; display: inline-block; cursor: pointer; text-align: center; transition: all 0.2s;}
.input_file i{ margin-right: 10px; font-size: 1.1em; }
.input_file:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);}

.news_wrap{ padding: 20px; background: #333; border-radius: 10px; overflow: hidden; }
.news_img_wrap{ float: left; width: 400px; margin-right: 30px; }
.news_img{ width: 100%; height: 100%; border-radius: 10px; overflow: hidden;}
.news_img img{ width: 100%; height: auto; }
.news_info{ float: left; width: calc(100% - 430px); margin: 0; padding: 0; }
.news_info h3{ margin-bottom: 20px; font-weight: 700; line-height: 1.325em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news_info span{ margin-bottom: 20px; color: #999; font-size: .875em; display: block; }
.news_info p{ height: 104px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.news_info button{ margin: 59px 0 0 0; }
.news_info a{ color: #fff; }

.bnr_func{ margin: 10px 0 25px 0; padding: 0; list-style: none; }
.bnr_func input{ font-size: .65em; }
.bnr_func button{ float: left; margin-right: 10px; }
.bnr_func button i{ float: left; }
.bnr_func button i.fa-save{ margin: 1px 0 0 -2px; font-size: .875em; }
.bnr_func button i.fa-pen{ font-size: .75em; }
.bnr_func button i.fa-trash-alt{ font-size: .75em; }
.bnr_func select{ float: right; width: auto; min-height: 32px !important; margin: 0px 0 0 0; padding-top: 0; padding-bottom: 0; font-size: .75em; /*background-color: #fff !important;*/ }
.bnr_func .setcover{ float: right; width: auto; margin-top: 7px; margin-right: 0; font-size: .65em; line-height: 28px; }
.bnr_func .setcover i{ margin: 5px 5px 0 0; font-size: 1.875em;}
.bnr_func .btn_action{ margin-top: -3px; padding: 0 10px !important; }
.bnr_func .container_check{ float: left; width: auto; margin-top: 2px; font-size: .65em; font-weight: 400;}
.bnr_box{ margin: 10px 0; position: relative; }
.bnr_box .info{ padding: 5px 10px; background: rgba(0, 0, 0, .5); position: absolute; }
.bnr_box .vid_wrapper{ position: relative; background: #000; }
.bnr_box .vid_wrapper img{ width: 100%; height: auto; }
.bnr_box .vid_wrap{  width: 100%; height: 100%; position: absolute;}
.bnr_box .vid_wrap video{ width: 100%; height: 100%; }

.nopass{ margin-bottom: 10px; text-align: center; display: block; }

#shareModal img{ max-height: 75px; margin: 0 10px; }

.line_login{ background: none; border: 0; }
.line_login img{ width: 100%; max-width: 280px !important; height: auto; }

.new_note{ width: auto; height: 16px; margin-top: -10px; padding: 0 8px; color: #fff; font-size: 12px; line-height: 1.25em; background: #c00; border-radius: 5px; text-align: center; display: inline-block; }

.n_info{ margin: 20px 0 0 0; padding: 8px 0 10px 0; border: 1px solid #fff; border-right: 0; border-left: 0; }
.n_info i{ margin-right: 8px; }

/*
.inner .nav_list li{ margin-bottom: 20px; font-size: 1.25em; line-height: 1.25em; list-style: none; }
.inner .nav_list li a{ color: #ccc; }
.inner .nav_list li a:hover{ color: #e93f63; }
.inner .nav_list li a.current{ color: #e93f63; }
.inner h2{ color: #e93f63; text-align: left; }
.inner h2 .date{ margin-top: 10px; color: #666; font-size: .5em; text-align: left; display: block; }
.inner h2 .date i{ margin-right: 5px; }
.inner li{ list-style: decimal; }

.class_list{ background: #f9f9f9; border: 1px solid #ccc; border-radius: 5px; }
.class_list li{ padding: 10px 20px; list-style: none; }
.class_item{ margin-top: 5px; display: inline-block; overflow: hidden; }
.class_item span{ float: left; margin-right: 10px; padding: 2px 8px; color: #fff; font-size: .813em; background: #9b8873; border-radius: 5px; }
.class_item p{ float: left; padding-right: 20px; line-height: 1.45em;}
.class_item i{ margin-right: 5px; }

.regi_sort{ position: relative; }
.regi_sort label.ctr_radio{ width: 100%; padding: 10px 20px; border: 5px solid #ccc; border-radius: 10px; text-align: center; }
.regi_sort input{ position: absolute; opacity: 0; }
.regi_sort input:checked + label{ color: #fff; background: #e93f63; border-color: #e93f63; }
.regi_sort .radiomark{ opacity: 0; }

.parents_wrap{ margin-bottom: 20px; border: 1px solid #e93f63; }
.parents_wrap h4{ padding: 15px; color: #fff; background: #e93f63; }
.parents_wrap .row{ margin: 10px; }

.student_wrap{ margin-bottom: 20px; border: 1px solid #e93f63; }
.student_wrap h4{ padding: 15px; color: #fff; background: #e93f63; }
.student_wrap .row{ margin: 10px; }
.student_wrap .alert{ margin-top: 10px; }

.rc_wrap{ height: 40px; margin: 16px 0 0 0; display: block; overflow: hidden; }

.registor_list_wrap{ margin: 10px 0; padding: 20px; list-style: none; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; }
.registor_list_wrap li{ float: left; list-style: none; }
.registor_list_wrap li span{ padding: 3px 5px; color: #fff; background: #e93f63; border-radius: 5px; display: inline-block; }
.registor_list_wrap li p{ margin:5px 0 0 0; padding: 0; font-weight: normal; line-height: 1.25em; }
.registor_list_wrap li:nth-child(1), .registor_list_wrap li:nth-child(3){ width: 200px; }
.registor_list_wrap li:nth-child(3){ width: 150px; }
.registor_list_wrap li:nth-child(2){ width: calc(100% - 350px); }
.registor_list_wrap button{ width: 100%; margin-top: 5px; padding-right: 20px; padding-left: 20px; }
.special{ margin: 0 5px; }

.list01{ margin: 0 0 0 0px; padding: 0; list-style: decimal; }
.list01 li{ margin: 10px 0; }

.list02{ margin: 0 0 0 0px; padding: 0; list-style: lower-alpha; }
.list02 li{ margin: 10px 0; }*/
/*** /CNT ***/

/*** ACCORDION ***/
.accordion-item{ margin-bottom: 5px; border:1px solid #ccc !important; border-radius: 0;}
.accordion-item:last-child{ margin-bottom: 0; }
.accordion-item .accordion-header{ margin: 0; padding: 0; background: #f9f9f9; border-radius: 0; }
.accordion-item .accordion-header button{ width: 100%; background: none; border: 0; text-align: left; cursor: pointer; white-space: nowrap; }
.accordion-item .accordion-header button i{ color: #bbb; }
.accordion-item .accordion-header button:hover, .accordion-item .accordion-header button:hover i{ color: #fff; background: #e93f63 !important; }
.accordion-item .accordion-header button[aria-expanded="true"]{ color: #fff; background: #e93f63 !important; }
.accordion-item .accordion-header button[aria-expanded="true"] i{ color: #fff; }
.accordion-item .accordion-header button[aria-expanded="false"]{ background: #f9f9f9; }
.accordion-item .accordion-collapse{ border-radius: 0px;}
.accordion-item .accordion-body{ margin: 0; background: #f9f9f9;}
.accordion-item .accordion-body .btn_wrap{ margin-top: 10px; padding-top: 15px; border-top: 1px dashed #ccc; text-align: right;}
.accordion-button:hover::after{ background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; background-position: 0 1px !important;}
.accordion-button:not(.collapsed)::after{ background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; background-position: 0 1px !important;}
.accordion-button a{ color: #bbb; display: block; }
.accordion-button:hover a{ color: #fff !important; }

.accordion.apply h3{ margin-top: 40px; }
.accordion.apply h3:first-child{ margin-top: 0px; }
/*** /ACCORDION ***/

/*** PAGINATION ***/
.pagination{ margin: 40px 0 0 0; }
.page-item a{ width: 38px; height: 38px; margin: 0 3px; color: #666; font-weight: 700; line-height: 1.45em; border-radius: 5px !important; text-align: center;}
.page-item.t1 a{ width: auto !important;}
.page-item a:hover{ color: #e93f63; background: #ffe9d5; }
.page-item.active .page-link{ color: #fff; background: #e93f63; border-color: #e93f63; }
.page-item.disabled{ display: none; }
/*** /PAGINATION ***/

/*** FOOTER ***/
footer{ width: 100%; margin: 0; padding: 20px 0; color: #fff; background: #112b64; text-align: center; overflow: hidden; }
footer .logo a{ color: #fff; font-size: 1.5em; font-weight: 700; }
footer .copyright{ font-size: .813em; }
footer ul{ margin: 0; padding: 0; list-style: none; text-align: center; }
footer li{ font-size: 1.5em; display: inline-block; }
footer li a{ margin: 0 8px; padding: 7px 25px 9px 25px; color: #fff; border: 1px solid #fff; border-radius: 10px; display: block; text-align: center; }
footer li a:hover{ color: #fff; }
footer li a i{ margin-right: 10px; }
footer li a.current{ color: #000; background: #e93f63; border-color: #e93f63; }
/*** /FOOTER ***/

/*** CAPTCHA ***/
#captcha_code{ float: left; width: 100px; }
.captcha_wrap{ float: left; margin: 10px 0 0 10px; }
/*** /CAPTCHA ***/

/*** BTN ***/
.btn{ padding: 12px 50px 14px 50px; border-radius: 5px; line-height: 1em; }
.btn_wrap{ width: 100%; margin:30px auto 0 auto; text-align: center; }

.btn-primary{ color: #fff; background: #e93f63; border-color: #e93f63; }
.btn-primary:hover, .btn-primary:focus{ color: #fff; background: #da2d52; border-color: #da2d52;}
.btn-primary:disabled{ color: #999; background: #666; border-color: #666;}

.btn-outline-primary{ color: #e93f63; background: none; border: 2px solid #e93f63; }
.btn-outline-primary:hover, .btn-outline-primary:focus{ background: #e93f63; border: 2px solid #e93f63;}

.btn-warning.type2{ color: #916542; background: #fff3ea; border-color: #fff3ea; box-shadow: inset 0 0 20px rgba(0, 0, 0, .15); }
.btn-warning.type2:hover, .btn-warning.type2:focus{ background: #fff3ea; border-color: #fff3ea; box-shadow: none; }
/*** /BTN ***/

/*** MODAL ***/
.modal{ }
.modal-header{ color: #000; background: #e93f63 !important;}
.modal-header h4{ color: #fff; font-weight: bold; line-height: 1em; }
.modal-open {}
.modal-backdrop { opacity: .9 !important; }
.modal-content{ background: none; }
.modal-header{ background: none; border: 0; }
.modal-body{ padding: 20px; color: #000; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.modal-body .rc_wrap{ max-width: 250px; margin: 10px auto 0 auto; overflow: hidden; }
.modal-body .rc_wrap input{ float: left; margin-right: 5px; }
.modal-body .rc_wrap .check_txt{ float: left; margin-top: 2px; font-size: 1em; }
/*** /MODAL ***/

/*** COLOR ***/
.color01{ color: #e93f63; }
.color04{ color: #c00; }
.color05{ color: #999; }

.bg01{ background: #f6f6f6; }
/*** /COLOR ***/

/*** FORM ***/
/*** /FORM ***/

/*** MARGIN PADDING ***/
.mt-0{ margin-top: 0; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }

.mb-0{ margin-bottom: 0; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }

.pl-0{ padding-left: 0; }
.pr-0{ padding-right: 0; }
/*** /MARGIN PADDING ***/

/*** POPOVER ***/
[data-bs-toggle="popover"]{ cursor: pointer; }
.popover{ padding:5px; border: 5px solid #ccc; border-radius: 10px; }
.popover-arrow{ display: none !important; }
/*** /POPOVER ***/


/*** TABLE ***/
.table-responsive{ padding: 0; }
.table-responsive th, .table-responsive td{ padding: 10px; }
.table-responsive .btn_table{ color: #fff; background: none; border: 0; }
.table-responsive thead{ background: #000; }
.table-responsive tbody tr:nth-child(2n){ background: #393939; }

.table-responsive.table_res01{ }
.table-responsive.table_res01 table{ width: 100%; }
/*** /TABLE ***/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
}

@media all and (-ms-high-contrast:none){ /* IE 11 */
     *::-ms-backdrop, .label_name{ }
}

@supports (display:-ms-grid) { /* Edge */
}