@charset "utf-8";
/* CSS Document */
@media all and (max-width: 1600px) {
.subject_wrap{ margin-bottom: 50px;}
.subject_wrap ul{ display: none; }
.subject_wrap select{ display: block; }
}

@media all and (max-width: 1399px) {
.container-fluid{ padding-right: 60px; padding-left: 60px;}

.sort_box{ margin:15px 0; }

.page_nav li{ margin: 0 20px; }

.exam.correcting .topic_cnt{ float: none; width: 100%; margin-right: 0px; }
.exam.correcting .topic_function{ float: none; width: 100%; margin: 20px -5px 0 -5px; overflow: hidden; }
.exam.correcting .topic_function li{ float: left; width: calc(100% / 5); padding: 0 5px; }
.exam.correcting .topic_function a span{ width: auto; text-align: center;}

.inner_box .options .gap{ margin: 0 20px; }
.inner_box .options .datepicker{ max-width: 200px;}

/*.list_wrap.type01 li:nth-child(4){ width: 100%; text-overflow: clip; white-space: normal; overflow: hidden; }*/

.list_wrap.type04 li:nth-child(4){ width: 100%; text-overflow: clip; white-space: normal; overflow: hidden; }
.list_wrap.type06 li:nth-child(4){ width: 100%; text-overflow: clip; white-space: normal; overflow: hidden; }

.inner_wrap.chart .inner_box{ margin: 10px 50px; padding: 0; display: inline-block; }
.inner_wrap.chart .inner_box .options{ width: auto; margin-left: 0px; padding-left: 0; }
}

@media all and (max-width: 991px) {
h2{ font-size: 2em; }
h3{ font-size: 1.5em; }
h4{ font-size: 1.325em; }
h5{ font-size: 1.125em; }
h6{ font-size: 1em; }
p{ font-size: 1em; }

header{ padding:34px 40px; background: #fff; }
.logo img{ max-height: 60px; }

.top_mbr_nav_wrap{ display: none; }
.menu-mobile{ margin-top: 8px; display: block; }
.menu-mobile .dropdown-toggle{ width: 29px; height: 24px;}

.sort_box .box{ max-width: 218px; }
.sort_box .box i, .sort_box .box p{ margin: 0 10px;}
.sort_box .box i{ width: 50px; height: 50px; }
.sort_box .box p{ font-size: 2em; line-height: 50px; }

.bulletin_list li b{ font-size: 1.625em;}
.bulletin_list li date, .bulletin_list li p{ font-size: 1.125em; }

.page_nav li{ margin: 0 10px; }
.page_nav li a{ width: 180px; padding: 16px 0; font-size: 1.25em; line-height: 1.25em;}

.search_wrap li:nth-child(1){ width: 110px; padding-left: 8px; font-size: 1.2em;}
.search_wrap li:nth-child(2){ width: calc(100% - 265px); }

.search_adv .accordion-body .filter_wrap{ /*font-size: 1em;*/ }
.search_adv .accordion-body .filter_wrap p, .search_adv .accordion-body .filter_wrap .filter_sort{ float: none; width: 100%; }
.search_adv .accordion-body .filter_wrap p{ padding: 2px 8px; text-align: left; }
.search_adv .accordion-body .filter_wrap .filter_sort{ margin: 0 8px; }
.search_adv .accordion-body .filter_wrap .filter_sort li{ padding: 2px 20px; }
.search_adv .accordion-body .filter_wrap .filter_sort .container_check:hover input ~ .checkmark { color: #bfbfbf;}

.inner_box .container_check.with_input .input, .inner_box .container_radio.with_input .input{ width: 120px !important;}

.inner_box .accordion-item{ width: auto; margin-bottom: 5px;}

.font_size{ display: none; }

.pic_options{ text-align: left;}
.pic_options.img2 li{ width: 100%; max-width: calc((100% / 1) - 10px);}

.exam.correcting .topic_function li{ width: calc(100% / 1) !important; }
.exam.correcting .topic_function li .btn{ max-width: 100%; }

.inner_box .options .datepicker{ max-width: 160px;}
.inner_box .options.dk{ display: none; }
.inner_box .options.mb{ display: block; }

.list_wrap.type04 .accordion-header{ font-size: 2.325em; }

.inner_wrap.chart .inner_box{ margin: 10px 10px; display: inline-block; }
.inner_wrap.chart .inner_box .caption{ width: auto; padding-right: 0px; padding-left: 0; color: #777; text-align: center; }
.inner_wrap.chart .inner_box .caption:after{ content: '：'; }
.inner_wrap.chart .inner_box .options{ width: auto; margin-left: 0px; padding-left: 0; }
.inner_wrap.chart .inner_box .filter_sort li{ float: left; width: auto; margin: 2px 0; padding: 0px 0; color: #bfbfbf; border-left: 0px solid #ccc; }
.inner_wrap.chart .inner_box .filter_sort li:last-child{ width: auto; border-right: 0px solid #ccc; }
}

@media all and (max-width: 768px) {
header{ padding:15px 25px;}
.logo a{ width: 137px; height: 40px; }
.menu-mobile .dropdown-toggle{ width: 36px; height: 30px; margin:-4px 0 0 0;}

main{ margin: 60px auto 0 auto; }
section{ padding: 50px 0; }

.carousel .carousel-indicators{ margin: 15px 30px; }
.carousel .carousel-indicators button{ width: 10px; height: 10px; margin: 0 5px; }

.top_mbr_info.index li{ font-size: 2em; }
.top_mbr_info.index li:first-child{ width: 80px; height: 80px; margin-right: 20px; }
.top_mbr_info.index li:last-child{ margin-right: 0px; }
.top_mbr_info.index li:last-child p{ margin-top: 14px;}

.page_nav{ margin: 30px 0;}
.page_nav li{ width: 100%; margin: 3px 0px; }
.page_nav li a{ width: 100%; padding: 10px 0; font-size: .938em; line-height: .938em;}

.pagination{ margin-top: 30px; margin-bottom: -20px; }

.topic{ padding-left: 45px; }
.topic i{ left: -0px; }
.topic h6{ margin-bottom: 20px; }

/*.pic_options li{ width: 100%; max-width: calc((100% / 3) - 10px); margin: 10px 0;}*/

.topic_num_wrap{ margin-top: 5px; text-align: left; }
.topic_num_wrap span{ margin: 0 20px 0 0; }

.inner_box .options .gap{ margin: 10px 0; display: block; }
.inner_box .options .datepicker{ max-width: 100%;}

.list_wrap.type04 .accordion-body .exam_info{ float: none; width: 100%; margin-right: 0px; }
.list_wrap.type04 .accordion-body .exam_info .exam_col .exam_box{ float: none; width: 100%; }
.list_wrap.type04 .accordion-body .exam_function{ float: none; width: calc(100% + 16px); margin: 0 -8px; overflow: hidden; }
.list_wrap.type04 .accordion-body .exam_function li{ float: left; width: calc(100% / 2); }
.list_wrap.type04 .accordion-body .exam_function li .btn{ width: 100%; margin: 2px 0 2px 0; }
.list_wrap.type04 .accordion-body .exam_function li .btn-outline-secondary:hover{ color: #fff; background: #1b1f71 !important; border-color: #1b1f71 !important; }
.list_wrap.type04 .accordion-body .exam_function.btn_num_3 li{ float: left; width: calc(100% / 3); }
}

@media all and (max-width: 767px) {
.sort_box .box{ max-width: 184px; }
.sort_box .box i, .sort_box .box p{ margin: 0 10px;}
.sort_box .box i{ width: 40px; height: 40px; }
.sort_box .box p{ font-size: 1.625em; line-height: 40px; }

.search_wrap li:nth-child(1){ display: none; }
.search_wrap li:nth-child(2){ width: calc(100% - 155px); padding: 0 10px 0 0; }

.search_adv .accordion-body .filter_wrap .filter_sort li{ width: calc((100% / 3) - 1px); }
.search_adv .accordion-body .filter_wrap .filter_sort li:last-child{ width: calc((100% / 3) - 0px); }

.inner_box .caption{ float: none; width: 100%; padding:0px 0px 5px 0; font-weight: bold; text-align: left;}
.inner_box .options{ float: none; width: 100%; padding:0px 2px 20px 2px; }
.inner_box .options select{ max-width: 100%; }
.inner_box .options .container_check, .inner_box .options .container_radio{ width: 100%; }
.inner_box .options .accordion-header{ width: 100%;}
.inner_box .options .accordion-button{ width: 100%;}
.inner_box .options .accordion-button:after { margin-left: auto;}

.inner_wrap.chart .inner_box .caption{ float: left; width: auto; padding:17px 0px 17px 0; color: #777; font-weight: normal; text-align: center; }
.inner_wrap.chart .inner_box .caption:after{ content: '：'; }
.inner_wrap.chart .inner_box .options{ float: left; width: auto; padding:10px 0 10px 0px; }

.caption_btn{ float: none; margin-top: 10px; margin-bottom: 5px; display: block;}

.inner_box .options .gap{ margin: 0 20px; display: inline-block; }
.inner_box .options .datepicker{ max-width: 160px;}

.list_wrap.type01 ul{ display: flex; flex-wrap: wrap; }
.list_wrap.type01 li:nth-child(1), .list_wrap.type01 li:nth-child(2), .list_wrap.type01 li:nth-child(4){ flex: 33.3333%; }
.list_wrap.type01 li:nth-child(3){ width: 100%; text-overflow: clip; white-space: normal; overflow: hidden; flex: 100%; order: 4; }

.list_wrap.type02 li:nth-child(3){ width: 100%; text-overflow: clip; white-space: normal; overflow: hidden; }

.list_wrap.type03 li:nth-child(1){ text-overflow: clip; white-space: normal; overflow: hidden; }
.list_wrap.type03 li:nth-child(2){ text-align: left; }

.list_wrap.type04 li:nth-child(3){ width: 100%; text-overflow: clip; white-space: normal; overflow: hidden; }




}

@media all and (max-width: 600px) {
.mbr_pic_wrap{ text-align: center; }
.mbr_info .mbr_pic_wrap .mbr_pic{ float: none; width: 220px; height: 220px; margin: 0 auto; }
.mbr_info .mbr_pic_wrap .btn{ width: 130px; margin: 30px auto 0 auto; padding: 10px 0; }
}

@media all and (max-width: 576px) {
.container-fluid{ padding-right: 25px; padding-left: 25px;}

.wrap_style1{ padding: 20px; border-radius: 20px;}

.bg_mbr_info{ padding-top: 28px; padding-bottom: 23px; }
.top_mbr_info.index{ text-align: center; }
.top_mbr_info.index li{ float: none; font-size: 1.5em; display: inline-block; }
.top_mbr_info.index li:first-child{ width: 50px; height: 50px; margin-right: 15px; }
.top_mbr_info.index li:last-child{ min-width: 110px; margin-right: 0px; position: relative; top: -36px; }
.top_mbr_info.index li:last-child p{ position: absolute;}

.carousel-item .dk{ display: none !important; }
.carousel-item .mb{ display: block !important; }
.carousel-indicators{ display: none; }

footer{ padding: 40px 28px 20px 28px;}
footer img{ height: 46px; }

body#login main .login_wrap .login_box{ margin: 20px auto; padding: 50px 40px;}
body#login main .login_wrap .login_box .gap p{ width: 140px;}
body#login main .login_wrap .login_box .quick_login_wrap a{ margin: 0 15px;}
body#login main .login_wrap .login_box .btn{ margin:30px 0 0 0; }
body#login main .login_wrap .login_box .modal b{ font-size: 1.825em; }

.modal-content{ padding: 25px;}

.pagination.prev_next .page-item a{ margin: 0 30px;}
}

@media all and (max-width: 575px) {
}

@media all and (max-width: 480px) {
h2{ font-size: 1.625em; }
h3{ font-size: 1.375em; }
h4{ font-size: 1.25em; }
h5{ font-size: 1.125em; }
h6{ font-size: 1em; }
p{ font-size: 1em; }

section h2{ margin-bottom: 28px;}

#bulletin{ margin-top: 30px; }
.bulletin_list li{ margin-bottom: 20px; padding-bottom: 20px; }
.bulletin_list li b{ font-size: 1.5em; display: block; }
.bulletin_list li date{ font-size: 1em; }
.bulletin_list li date span{ margin-left: 25px; }
.bulletin_list li p{ font-size: 1em; }

.megaphone{ padding-right: 36px; background: url('../img/icon-megaphone.png') right 6px no-repeat; background-size: 30px auto; }

.btn{ padding:12px 19px; font-size: 1em; border-radius: 5px; }
.btn i{ margin: 0 0 0 8px; }
/*.btn-sm{ padding:5px 12px; font-size: .813em; }*/

.exam_helper{ width: 50px; height: 50px; right: 15px; bottom: 25px; }
.exam_helper button img{ width: 28px; }

.search_wrap li:nth-child(2){ width: 100%; padding: 0; }
.search_wrap li:nth-child(3){ width: 100%; margin-top: 10px; padding: 0; }
.search_wrap li:nth-child(3) button{ max-width: 100%; margin: 0; padding-top: 12px; padding-bottom: 12px; }
.search_adv .accordion-body{ padding:2px 0; }
.search_adv .accordion-body .filter_wrap .filter_sort li{ width: calc((100% / 2) - 1px); }
.search_adv .accordion-body .filter_wrap .filter_sort li:last-child{ width: calc((100% / 2) - 0px); }
.search_adv .accordion-button{ padding-top: 9px; padding-bottom: 9px; font-size: .928em; }

.exam{ font-size: 1em; }

.topic{ padding-left: 35px; }
.topic i{ left: -10px; }
.topic h6{ margin-bottom: 10px; }

.options_wrap { margin-top: -5px !important; }
/*.pic_options li{ width: 100%; max-width: calc((100% / 2) - 10px);}*/
.pic_options li{ max-width: 200px; text-align: left; }
.pic_options li .container_img img{ width: 160px !important; }

.topic_options_wrap{ font-size: 1em; }
.topic_options_wrap li span{ margin-left: 20px; text-align: justify; }
.topic_options_wrap li span:before{ margin-left: -17px; content: '》'; }

.exam.correcting .topic_function a{ font-size: .875em !important; }

.countdown_wrap{ margin-top: -20px; }
.countdown_wrap, .topic_num_wrap{ font-size: 1.125em;}

.pagination.prev_next .page-item a{ margin: 0 15px;}

.modal-body .modal-caption{ font-size: 2.5em; }
.modal-body p{ font-size: 1.25em; }
.modal-body .info{ margin: 20px 0; }

.inner_box .options .gap{ margin: 10px 0; display: block; }
.inner_box .options .datepicker{ max-width: 100%;}

.list_wrap.type04 button{ font-size: .615em;}
.list_wrap.type04 .accordion-body{ font-size: 1em;}

.list_wrap.type04 .accordion-body .exam_function.btn_num_3 li{ float: none; width: 100%; }



.mbr_info .info_col input, .mbr_info .info_col label, .mbr_info .info_col span{ font-size: 1em; }

.list_wrap.type04 .accordion-header{ font-size: 1.625em; }

.list_wrap.type04 .accordion-body .exam_info .exam_col .exam_box.type2 p{ font-size: 1.125em; }



}

@media all and (max-width: 375px) {
.container-fluid{ padding-right: 20px; padding-left: 20px;}

header{ padding:10px 20px;}
.logo a{ width: 116px; height: 34px; }
.menu-mobile .dropdown-toggle{ width: 29px; height: 24px; margin:-7px 0 0 0;}
.menu-mobile .dropdown-menu{ margin-top: 5px !important; }

main{ margin: 44px auto 0 auto; }
section{ padding: 40px 0; }

.sort_box{ margin:13px 0; }

.search_adv .accordion-body .filter_wrap .filter_sort li{ width: calc((100% / 2) - 2px); }
.search_adv .accordion-body .filter_wrap .filter_sort li:last-child{ width: calc((100% / 2) - 1px); }

.pagination{ margin-top: 30px; margin-bottom: -10px; }

.exam.correcting .topic_function a{ font-size: .75em !important; }

.inner_wrap.chart .inner_box{ width: 156px; margin: 0; padding: 0; }
.inner_wrap.chart .inner_box .caption{ float: left; width: auto; height: 26px; margin: 0; padding:7px 0px 7px 0; color: #777; font-weight: normal; text-align: center; }
.inner_wrap.chart .inner_box .caption:after{ content: '：'; }
.inner_wrap.chart .inner_box .options{ float: left; width: auto; height: 26px; margin: 0; padding:0px 0 0px 0px; }
}

@media all and (max-width: 374px) {
.sort_box{ padding: 20px;}
.sort_box .new{ width: 34px; height: 34px; font-size: .75em; line-height: 34px; top: -17px; right: -17px; }
.sort_box .box{ max-width: 142px; }
.sort_box .box i, .sort_box .box p{ margin: 0 8px;}
.sort_box .box i{ width: 30px; height: 30px; }
.sort_box .box p{ font-size: 1.25em; line-height: 30px; }

.search_adv .accordion-body .filter_wrap{ margin: 5px 0; font-size: 1em;}

.inner_box .accordion-item .accordion-header{ display: block; }
.inner_box .accordion-item .accordion-button{ width: 100%; }
.inner_box .accordion-item .accordion-button:after { margin-left: auto;}

.inner_box .container_check, .inner_box .container_radio{ margin-right: 20px; }
.inner_box .container_check.with_input, .inner_box .container_radio.with_input{ margin-right: 0; }
.inner_box .container_check.with_input .input, .inner_box .container_radio.with_input .input{ width: 100% !important; margin:5px 0 0 0 !important; display: block !important;}

.exam.correcting .topic_function li{ float: left; width: calc(100% / 1); padding: 0 5px; }
.exam.correcting .topic_function{ margin: 10px -2px 0 -2px; }
.exam.correcting .topic_function li{ margin: 2px 0; padding: 0 2px; }

.list_wrap.type04 .accordion-body .exam_function li{ float: none; width: 100%; }

.mbr_info .info_col .info_sort.style1 span, .mbr_info .info_col .info_sort.style2 span{ margin-right: 5px !important; margin-bottom: 10px !important; }
}