@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%; padding: 12px 0; overflow: hidden; background: #000a20; }
.header{ margin: 0; padding: 0; list-style: none; overflow: hidden; }
.header li{ float: left; overflow: hidden; }
.header li:nth-child(1), .header li:nth-child(3){ width: 117px; }
.header li:nth-child(1) a{ margin-top: 1px; color: #fff; font-size: 1.75em; font-weight: 700; line-height: 1.25em; display: block; }
.header li:nth-child(1) a span{ color: #e93f63; }
.header li:nth-child(2){ width: calc(100% - 234px); padding: 0 10px; }
.header li:nth-child(2) form{ max-width: 540px; margin: 0 auto; position: relative; }
.header li:nth-child(2) form select, .header li:nth-child(2) form input{ float: left; min-height: 36px; margin: 0; color: #fff; background: #051c4c; border-color: #051c4c !important; }
.header li:nth-child(2) form select:hover, .header li:nth-child(2) form input:hover{ border-color: #051c4c;}
.header li:nth-child(2) form select{ width: 74px; padding: 2px 10px !important; 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='%23ffffff' 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 0px center; background-size:16px 12px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.header li:nth-child(2) form input{ width: calc(100% - 74px); padding: 1px 35px 2px 10px !important; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.header li:nth-child(2) form button{ color: #fff; background: none; border: 0; position: absolute; top: 4px; right: 5px; }
.header li:nth-child(3) a{ float: right; height: 36px; margin: 0; padding: 8px 15px; color: #000; background: #e93f63; border-color: #e93f63; }

.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; color: #fff; 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 ***/

/*** BREADCRUMB ***/
nav[aria-label="breadcrumb"]{ padding:8px 0 7px 0; font-size: .875em; color: #999; background: #f9f9f9; border-top: 0px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; }
ol.breadcrumb{ margin: 0; padding: 0;}
.breadcrumb-item:before{ color: #999 !important; }
.breadcrumb-item.active{ color: #e93f63; font-weight: bold; }
ol.breadcrumb a{ color: #999; }
ol.breadcrumb a:hover{ color: #e93f63; }
/*** /BREADCRUMB ***/

/*** CNT ***/
main{ padding: 40px 0 129px 0; }

.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; background: #000a20; 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: #fff; font-size: 2.25em; font-weight: 700; line-height: 1em; background: rgba(233, 63, 99, .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: #fff; font-size: 1.5em; background: rgba(233, 63, 99, .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; font-size: .875em; }
.box_wrap .box_txt span:nth-child(1){ float: left; width: 39px; margin-right: 10px; padding-right: 10px; color: #999; line-height: 1em; border-right: 1px solid #999; }
.box_wrap .box_txt span:nth-child(2){ float: left; width: calc(100% - 49px); margin: 0; color: #fff; line-height: 1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.box_wrap .box_txt .price{ color: #fff; font-size: 1.25em; text-align: center; display: none; }
.box_wrap .box_txt .dist{ margin: 0 0 0 5px; font-style: normal; display: none; }

.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{ float: left; color: #e93f63; display: block; }
.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: 30px 0; color: #e93f63; 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: #000a20; 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_wrap{ width: 100%; text-align: center; }
.pagination{ margin-top: 40px; }
.pagination li{ list-style: none; }
.pagination .page-item a{ width: 38px; height: 38px; margin: 0 5px; padding-right: 0; padding-left: 0; border: 0; border-radius: 50% !important; text-align: center; }
.pagination a{ color: #666; }
.pagination a:hover{ color: #fff; background: #e93f63; }
.pagination .active .page-link{ background: #e93f63; }
.pagination_jump{ margin-top: 10px; display: none; text-align: center; }
.pagination_jump select{ width: 60px; margin: 0 5px; padding: 5px 10px; display: inline-block; }
/*** /PAGINATION ***/

/*** FOOTER ***/
footer{ width: 100%; margin: 0; padding: 20px 0; color: #fff; background: #000a20; position: fixed; bottom: 0; z-index: 99; overflow: hidden; }
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: #fff; 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 !important; background: #e93f63; border-color: #e93f63; }
.btn-primary:hover, .btn-primary:focus{ color: #e93f63; background: none; border-color: #e93f63;}
.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: #e93f63; 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 */
}