@charset "utf-8";
/* CSS Document */

/* *{ transition:0.2s all; -webkit-transition:0.2s all; -moz-transition:0.2s all;	-o-transition:0.2s all;	-ms-transition:0.2s all;} */
html,body{ image-rendering: -webkit-optimize-contrast; overflow-x: hidden; }
body{ margin:0; padding:0; font-family:'Noto Sans TC', sans-serif; font-size:1em; color:#434343; background: #fff; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight: 400; line-height: 1em;}

h2{ font-size: 2.25em; }
h3{ font-size: 1.875em; }
h4{ font-size: 1.5em; }
h5{ font-size: 1.25em; }
h6{ font-size: 1.125em; }



/* 20220218修改移除字型放大 p{ margin:0; padding:0; font-size: 1.125em; line-height: 1.5em; }*/
/* 20220302增加 將下方 button 改為input
    .search_wrap li:nth-child(3) button
    .search_adv .accordion-body button
   type00都要改
    pic_options 修改 max-width: 由295到365px;
*/


p{ margin:0; padding:0; line-height: 1.5em; }

img{ max-width: 100% !important; height: auto !important; vertical-align: top; }

a{ color:#434343; text-decoration:none; transition:0.2s all; -webkit-transition:0.2s all; -moz-transition:0.2s all; -o-transition:0.2s all; -ms-transition:0.2s all;}
a:hover{ color:#ffb813; text-decoration: none;}
a:focus{ text-decoration: none;}

:focus, :active{ outline: none !important; /*box-shadow: none !important;*/ }

::-webkit-input-placeholder { color:#bbb;}
::-moz-placeholder { color:#bbb;}
:-ms-input-placeholder { color:#bbb;}
:-moz-placeholder { color:#bbb;}

input:focus{ outline: 0; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #333;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
  transition: background-color 5000s ease-in-out 0s;
}

input{ width: 100%; padding:8px; border:1px solid #ccc; }
input:hover{ border:1px solid #ccc; }

textarea:hover,
input[type="text"]:hover,input[type="email"]:hover,input[type="password"]:hover,
textarea:active,
input[type="text"]:active,input[type="email"]:active,input[type="password"]:active,
textarea:focus,
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important; box-shadow:none !important; -webkit-appearance:none;
}

body#index main{ margin: 0 auto; }
main{ min-height: calc(100vh - 292px); margin: 124px auto 0 auto; }

section{ padding: 70px 0; }
section h2{ margin-bottom: 33px; font-weight: 700; line-height: 1.25em; }

.container-fluid{ padding: 0 100px;}
.container{ max-width: 1240px; padding: 0 20px; }
.container.w2{ max-width: 808px; }
.container.w3{ max-width: 520px; }

.wrap_style1{ padding: 60px; background: #fff; border-radius: 40px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }

/*** HEADER ***/
header{ width: 100%; /*height: 129px;*/ padding:34px 47px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .45); position: fixed; z-index: 999; transition:0.2s all; }
header .logo{ float: left; background: url('../img/pic-logo.png') no-repeat; background-size: cover; text-indent: -9999px; }

header.active{ padding-top:15px; padding-bottom:15px; background: rgba(255, 255, 255, .9); }
header.active .logo{ background: url('../img/pic-logo.png') no-repeat; background-size: cover; text-indent: -9999px; }
header.active  a{ color: #000; }
header.active .top_mbr_nav{ border-color: #1B1F71; text-shadow: none; box-shadow: none; }
header.active .top_mbr_nav li.logout{ border-left: 1px solid #000; }
header.active .menu-mobile .dropdown-toggle{ background: url('../img/icon-hamburger.png') no-repeat; background-size: cover;}

.logo{ float: left; }
.logo a{ width: 212px; height: 62px; display: block; }

.top_mbr_nav_wrap{ float: right; margin: 5px 0 0 0; }
.top_mbr_info{ float: left; margin:-8px 0 -3px 0; padding: 0; list-style: none; overflow: hidden; }
.top_mbr_info li{ float: left; }
.top_mbr_info li:first-child{ width: 70px; height: 70px; margin-right: 7px; }
.top_mbr_info li:last-child{ margin-right: 30px; line-height: 70px; }
.top_mbr_info li:last-child p{ margin-top: 20px; font-size: 1em;}
.top_mbr_nav{ float: left; margin: 7px 0 0 0; padding: 5px 20px 6px 20px; list-style: none; color: #000; font-size: 1em; border: 2px solid #1B1F71; border-radius: 55px; overflow: hidden; }
.top_mbr_nav li{ float: left; line-height: 22px; }
.top_mbr_nav li.logout{ margin-left: 10px; padding-left: 10px; border-left: 1px solid #000; }

.menu-mobile{ float: right; display: none; }
.menu-mobile .dropdown-toggle{ width: 49px; height: 41px; margin:1px 0 0 0; padding: 0; background: url('../img/icon-hamburger.png') no-repeat; background-size: cover; border-radius: 0; text-indent: -9999px;}
.menu-mobile .dropdown-toggle:after{ display: none; }
.menu-mobile .dropdown-menu{ margin-top: 10px !important; }
.menu-mobile .dropdown-item{ text-align: left; }
.menu-mobile .top_mbr_info{ float: none; margin: 10px 20px; padding-top: 10px; border: 1px solid #ccc; border-radius: 5px; text-align: center; background: #fff; }
.menu-mobile .top_mbr_info li{ float: none; margin: 0 auto; padding: 0; font-size: 1em; line-height: 2em; }

body#index header{ background: none; box-shadow: none;}
body#index header .logo{ float: left; background: url('../img/pic-logo_w.png') no-repeat; background-size: cover; text-indent: -9999px; }
body#index header a{ color: #fff; }
body#index header .top_mbr_nav{ border-color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, .25); box-shadow: 0 0 10px rgba(0, 0, 0, .25),  0 0 10px rgba(0, 0, 0, .25) inset; }
body#index header .top_mbr_nav li.logout{ border-left: 1px solid #fff; }
body#index header .menu-mobile .dropdown-toggle{ background: url('../img/icon-hamburger_w.png') no-repeat; background-size: cover;}

body#index header.active{ padding-top:15px; padding-bottom:15px; background: rgba(255, 255, 255, .9); box-shadow: 0 0 10px rgba(0, 0, 0, .45); }
body#index header.active .logo{ background: url('../img/pic-logo.png') no-repeat; background-size: cover; text-indent: -9999px; }
body#index header.active  a{ color: #000; }
body#index header.active .top_mbr_nav{ border-color: #1B1F71; text-shadow: none; box-shadow: none; }
body#index header.active .top_mbr_nav li.logout{ border-left: 1px solid #000; }
body#index header.active .menu-mobile .dropdown-toggle{ background: url('../img/icon-hamburger.png') no-repeat; background-size: cover;}
/*** /HEADER ***/

/*** LOGIN ***/
body#login main{ min-height: calc(100vh - 168px); margin: 0 auto 0 auto; display: table; }
body#login main .login_wrap{ width: 100vw; height: 100%; padding: 0 20px; display: table-cell; vertical-align: middle; text-align: center; }
body#login main .login_wrap .login_box{ width: 100%; max-width: 600px; margin: 70px auto; padding: 70px 60px; }
body#login main .login_wrap .login_box .logo{ float: none; width: 210px; height: 61px; margin:0 auto; }
body#login main .login_wrap .login_box .gap{ margin: 40px 0 38px 0; border-bottom: 1px solid #434343; }
body#login main .login_wrap .login_box .gap p{ width: 170px; margin: 0 auto -15px auto; color: #434343; font-size: 1.25em; font-weight: bold; background: #fff; text-align: center; }
body#login main .login_wrap .login_box .quick_login_wrap{ text-align: center; }
body#login main .login_wrap .login_box .quick_login_wrap a{ width: 50px; height: 50px; margin: 0 30px; display: inline-block; }
body#login main .login_wrap .login_box input[type="email"], body#login main .login_wrap .login_box input[type="password"]{ margin:10px 0 20px 0; border: 0; border-bottom: 1px solid #777; border-radius: 0; }
body#login main .login_wrap .login_box input[type="email"]{ padding-left: 35px; background: url('../img/icon-mail.png') 5px 13px no-repeat; background-size: 21px auto; }
body#login main .login_wrap .login_box input[type="password"]{ padding-left: 35px; background: url('../img/icon-lock.png') 5px 13px no-repeat; background-size: 21px auto; }
body#login main .login_wrap .login_box .btn{ margin:20px 0 0 0; }
body#login main .login_wrap .login_box .forgot{ margin-top: 10px; color: #1B1F71; font-size: .75em; text-decoration: underline; display: block; }
/*** /LOGIN ***/

/*** BANNER ***/
.carousel .carousel-indicators{ margin: 30px 110px; justify-content: flex-end; }
.carousel .carousel-indicators button{ width: 15px; height: 15px; margin: 0 10px; border-radius: 50%; }
.carousel-item .mb{ display: none !important; }
/*** /BANNER ***/

/*** INDEX ***/
.bg_mbr_info{ padding-top: 27px; padding-bottom: 27px; background: #1B1F71; }
.top_mbr_info.index{ float: none; color: #fff; }
.top_mbr_info.index ul{ margin: 0; padding: 0; list-style: none; }
.top_mbr_info.index li{ font-size: 2.25em; }
.top_mbr_info.index li:first-child{ width: 100px; height: 100px; margin-right: 36px; }
.top_mbr_info.index li:last-child{ margin-right: 0px; line-height: 100px; }

.sort_box{ padding: 27px; color: #fff; border-radius: 5px; text-align: center; position: relative; }
.sort_box.sb01{ background: #852983; }
.sort_box.sb02{ background: #0072BC; }
.sort_box.sb03{ background: #FFD42D; }
.sort_box.sb04{ background: #FFA227; }
.sort_box .new{ width: 40px; height: 40px; color: #fff; font-size: .875em; line-height: 40px; background: #DC0000; border-radius: 50%; position: absolute; top: -20px; right: -20px; }
.sort_box .box{ max-width: 294px; margin: 0 auto; overflow: hidden; }
.sort_box .box i, .sort_box .box p{ float: left; margin: 0 15px; padding: 0; }
.sort_box .box i{ width: 70px; height: 70px; text-align: center; }
.sort_box .box i img{ width: 100%; height: auto; }
.sort_box .box p{ font-size: 2.5em; line-height: 70px; }

#bulletin{ margin-top: 70px; }
#bulletin h2{ color: #1B1F71; }

.bulletin_list_wrap{ }
.bulletin_list{ max-height: 600px; margin: 0; padding: 0; list-style: none; overflow-y: auto; }
.bulletin_list li{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #c5c5c5; }
.bulletin_list li:last-child{ margin-bottom: 0; padding-bottom: 0; border: 0; }
.bulletin_list li a{ color: #434343; display: block; }
.bulletin_list li a b{ transition:0.2s all; }
.bulletin_list li a date{ color: #0060DE; }
.bulletin_list li a:hover b{ color: #ffb813; }
.bulletin_list li b{ font-size: 1.875em; display: block; }
.bulletin_list li date{ font-size: 1.25em; }
.bulletin_list li date span{ margin-left: 25px; }
.bulletin_list li p{ font-size: 1.25em; }

.megaphone{ padding-right: 46px; background: url('../img/icon-megaphone.png') right 11px no-repeat; background-size: 41px auto; }
/*** /INDEX ***/


/*** BREADCRUMB ***/
nav[aria-label="breadcrumb"] { padding: 5px 10px; background: #f3f3f3; border-bottom: 1px solid #ddd; }
ol.breadcrumb{ margin: 0; padding: 0; }
.breadcrumb-item{ font-size: .813em; }
/*** /BREADCRUMB ***/

/*** CNT ***/
.caption{ padding-bottom: 10px; border-bottom: 1px solid #777; }
.caption_btn{ float: right; width: 215px; margin-top: 6px; padding-top: 11px !important; padding-bottom: 11px !important; font-size: .5em !important;}

.page_nav{ margin: 80px 0; padding: 0; list-style: none; text-align: center; }
.page_nav li{ margin: 0 30px; display: inline-block; }
.page_nav li a{ width: 230px; padding: 16px 0px; color: #1b1f71; font-size: 1.25em; line-height: 1em; border: 3px solid #1b1f71; border-radius: 5px; display: block; }
.page_nav li a:hover{ color: #fff; background: #1b1f71; }
.page_nav li a.current{ color: #fff; font-weight: 700; background: #1b1f71; border: 3px solid #1b1f71; border-bottom-color: #ffb813; }

.search_wrap{ max-width: 1400px; margin: 0 auto; padding: 0; list-style: none; overflow: hidden;}
.search_wrap li{ float: left; }
.search_wrap li:nth-child(1){ width: 140px; padding-left: 8px; font-size: 1.5em; line-height: 46px; }
.search_wrap li:nth-child(2){ width: calc(100% - 295px); padding: 0 10px; }
.search_wrap li:nth-child(2) input{ margin: 0; }
.search_wrap li:nth-child(3){ width: 155px; }
.search_wrap li:nth-child(3) input{ padding-top: 12px; padding-bottom: 12px; }

.search_adv{ max-width: 1400px; margin: 0 auto; }
.search_adv .accordion-button{ margin-top: 10px; padding:0 8px; box-shadow: none; }
.search_adv .accordion-button:focus{ border-bottom: 0px solid #ccc;}
.search_adv .accordion-button:not(.collapsed){ color: #434343; background: #fff; border-bottom: 1px solid #ccc; }
.search_adv .accordion-button:after{ position: absolute; left: 110px }
.search_adv .accordion-button:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c2c2c2'%3e%3cpath 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'/%3e%3c/svg%3e");}
.search_adv .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c2c2c2'%3e%3cpath 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'/%3e%3c/svg%3e");}
.search_adv .accordion-body{ padding:13px 0; }
.search_adv .accordion-body .filter_wrap{ margin: 10px 0; overflow: hidden; }
.search_adv .accordion-body .filter_wrap p, .search_adv .accordion-body .filter_wrap .filter_sort{ float: left; text-align: center; }
.search_adv .accordion-body .filter_wrap p{ width: 148px; margin: 2px 0; padding: 2px 0; font-size: 1em; color: #434343; }
.search_adv .accordion-body .filter_wrap .filter_sort{ width: calc(100% - 148px); margin: 0; padding: 0; list-style: none; overflow: hidden; }
.search_adv .accordion-body .filter_wrap .filter_sort li{ float: left; width: 175px; margin: 5px 0; padding: 2px 0; color: #bfbfbf; border-left: 1px solid #ccc; }
.search_adv .accordion-body .filter_wrap .filter_sort li:last-child{ width: 176px; border-right: 1px solid #ccc; }
.search_adv .accordion-body .filter_wrap .filter_sort .container_check { display: block; position: relative; padding-left: 0px; margin:0px 0; text-align: center; cursor: pointer; font-weight: 300; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.search_adv .accordion-body .filter_wrap .filter_sort .container_check input { position: absolute; left: 4px; top: -5px; opacity: 0; cursor: pointer;}
.search_adv .accordion-body .filter_wrap .filter_sort .checkmark { background-color: none; border:0px solid #ccc; transition:0.2s all;}
.search_adv .accordion-body .filter_wrap .filter_sort .container_check:hover input ~ .checkmark { color: #ffb813; background-color: none; border:0px solid #ccc;}
.search_adv .accordion-body .filter_wrap .filter_sort .container_check input:checked ~ .checkmark { color: #1b1f71; background-color: none; font-weight: 700;}
.search_adv .accordion-body .filter_wrap .filter_sort .container_check input:checked ~ .checkmark:after { display: block;}
.search_adv .accordion-body .filter_wrap .filter_sort .container_check .checkmark:after { color: #1b1f71;}
.search_adv .accordion-body input[type="submit"]{ width: 100%; max-width: 155px; margin: 45px auto 20px auto; padding-top: 12px; padding-bottom: 12px; }

.accordion-button{ font-size: .6em; }

input[type="radio"].radio { width: 30px; height: 30px; border: 2px solid #ccc; border-radius: 50%; -webkit-appearance:none; appearance:none;}
input[type='radio'].radio:after { width: 28px; height: 28px; border-radius: 50%; top: -9px; left: -9px; position: relative; background-color: #d1d3d1; border: 5px solid #fff; content: ''; display: inline-block; visibility: visible;}
input[type='radio'].radio:checked:after { width: 28px; height: 28px; border-radius: 50%; top: -9px; left: -9px; position: relative; background-color: #1B1F71; border: 5px solid #fff; content: ''; display: inline-block; visibility: visible;}
input[type="radio"].radio:hover{ cursor: pointer; }

.note{ color: #c00; }

.list_box{ overflow: hidden; }
.list_box p{ margin: 15px 0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_box span{ height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list_box a span{ color: #999; }
.list_img{ position: relative; }
.list_img img{ width: 100%; height: auto; }
.list_date{ padding: 4px 30px 4px 15px; color: #fff; background: #1B1F71; border-top-right-radius: 50px; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; }

.list_box .list_name{ float: left; width: calc(100% - 48px); padding: 13px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list_box .list_name a{ color: #000; display: block; }
.list_box .list_name a:hover{ color: #ffb813; }
.list_box .list_dl{ float: right; width: 38px; padding: 10px 0; }
.list_box .list_dl .btn, .list_box .list_dl .btn i{ margin: 0; padding: 3px 5px; }

.list_wrap{ max-width: 1400px; margin:0 auto 8px auto; border-top: 1px solid #ccc; }
.list_wrap ul{ margin: 0; padding: 20px 0; list-style: none; border-bottom: 1px solid #ccc; overflow: hidden; }
.list_wrap li{ float: left; padding: 4px 8px; font-size: 1.125em; }

/*** evaluation_class/evaluation_homework ***/
.list_wrap.type01 li:nth-child(1), .list_wrap.type01 li:nth-child(2), .list_wrap.type01 li:nth-child(4){ width: 74px; }
.list_wrap.type01 li:nth-child(3){ width: calc(100% - 222px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/*** 尚無  ***/
.list_wrap.type02 li:nth-child(1), .list_wrap.type02 li:nth-child(2){ width: 74px; }
.list_wrap.type02 li:nth-child(3){ width: calc(100% - 148px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/***  handwrite ***/
.list_wrap.type03 li:nth-child(1){ width: calc(100% - 32px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list_wrap.type03 li:nth-child(3){ width: 32px; line-height: 1.25em; text-align: center; }
.list_wrap.type03 button{ width: auto; height: auto; margin: 0; padding: 0; background: none; border: 0; }
.list_wrap.type03 button:after{ display: none; }
.list_wrap.type03 .dropdown-menu{ width: 200px; padding: 5px 10px; font-size: .938em; border-radius: 15px; top: 10px !important; box-shadow: 0 3px 6px rgba(0, 0, 0, .4); }
.list_wrap.type03 .dropdown-menu li{ width: 100%; padding: 5px; border-bottom: 1px solid #e1e1e1; display: block;}
.list_wrap.type03 .dropdown-menu li:last-child{ border: 0; }
.list_wrap.type03 .dropdown-item{ transition:0.2s all; }
.list_wrap.type03 .dropdown-item:hover{ color: #ffb813; }

/*** examrecord_self/review_correcting/examrecord_class/examrecord_homework ***/
.list_wrap.type04 .accordion-item{ border: 0; }
.list_wrap.type04 .accordion-button:not(.collapsed){ color: #434343; background: #fff; }
.list_wrap.type04 .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c2c2c2'%3e%3cpath 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'/%3e%3c/svg%3e");}
.list_wrap.type04 .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c2c2c2'%3e%3cpath 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'/%3e%3c/svg%3e");}
.list_wrap.type04 .accordion-body{ border-bottom: 1px solid #ccc; }
.list_wrap.type04 button{ width: 100%; margin: 0; padding: 0; font-size: .45em; border: 0; border-radius: 0 !important; }
.list_wrap.type04 button:after{ position: absolute; right: 0; /*display: none;*/ }
.list_wrap.type04 .accordion ul{ width: 100%; }
.list_wrap.type04 .accordion li{ line-height: 1.5em; }
.list_wrap.type04 li:nth-child(1), .list_wrap.type04 li:nth-child(2){ width: 85px; }
.list_wrap.type04 li:nth-child(3){ width: calc(100% - 170px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list_wrap.type04 .accordion-body{ padding:8px 8px; color: #707070; font-size: .813em; overflow: hidden; }
.list_wrap.type04 .accordion-body .exam_info{ float: left; width: calc(100% - 190px); margin-right: 20px; }
.list_wrap.type04 .accordion-body .exam_info .exam_col{ overflow: hidden; }
.list_wrap.type04 .accordion-body .exam_info .exam_col .exam_box{ float: left; width: 370px; margin: 8px 0; }
.list_wrap.type04 .accordion-body .exam_info .exam_col .exam_box.type2 p{ color: #333; font-size: 1.325em; }
.list_wrap.type04 .accordion-body .exam_function{ float: left; width: 170px; padding: 4px 0; border: 0; }
.list_wrap.type04 .accordion-body .exam_function li{ float: none; width: 100%; }
.list_wrap.type04 .accordion-body .exam_function li .btn{ width: 100%; margin: 4px 0 4px 0; padding: 12px; }
.list_wrap.type04 .accordion-body .exam_function li .btn-outline-secondary:hover, .list_wrap.type04 .accordion-body .exam_function li .btn-outline-secondary:focus{ color: #fff; background: #1b1f71 !important; border-color: #1b1f71 !important; }

/*** review_note / ***/
.list_wrap.type05 li:nth-child(1){ width: 70px; }
.list_wrap.type05 li:nth-child(2){ width: 70px; }
.list_wrap.type05 li:nth-child(3){ width: calc(100% - 172px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }


.list_wrap.type05 button{ width: auto; height: auto; margin: 0; padding: 0; background: none; border: 0; }
.list_wrap.type05 button:after{ display: none; }
.list_wrap.type05 .dropdown-menu{ width: 200px; padding: 5px 10px; font-size: .938em; border-radius: 15px; top: 10px !important; box-shadow: 0 3px 6px rgba(0, 0, 0, .4); }
.list_wrap.type05 .dropdown-menu li{ width: 100%; padding: 5px; border-bottom: 1px solid #e1e1e1; display: block;}
.list_wrap.type05 .dropdown-menu li:last-child{ border: 0; }
.list_wrap.type05 .dropdown-item{ transition:0.2s all; }
.list_wrap.type05 .dropdown-item:hover{ color: #ffb813; }

/*** 公開資源 ***/
.list_wrap.type06 li:nth-child(1), .list_wrap.type06 li:nth-child(2){ width: 150px; }
.list_wrap.type06 li:nth-child(3){ width: 165px; }
.list_wrap.type06 li:nth-child(4){ width: calc(100% - 700px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list_wrap.type06 li:nth-child(5){ width: 100px; text-align: center; }
.list_wrap.type06 li:nth-child(6){ width: 65px; text-align: center; }
.list_wrap.type06 li:nth-child(5) a.btn, .list_wrap.type06 li:nth-child(6) a.btn{ margin: -4px 0; padding: 7px; font-size: 1em; display: block; }
.list_wrap.type06 .btn-outline-secondary:hover, .list_wrap.type06 .btn-outline-secondary:focus{ color: #fff; background: #1b1f71 !important; border-color: #1b1f71 !important; }



.subject_wrap{ margin-bottom: 60px; text-align: center; }
.subject_wrap ul{ margin: 0; padding: 0; list-style: none; }
.subject_wrap li{ padding: 2px 40px; font-size: 1.5em; font-weight: 300; line-height: 1em; display: inline-block; border-left: 1px solid #bfbfbf; }
.subject_wrap li:last-child{ border-right: 1px solid #bfbfbf; }
.subject_wrap li a{ color: #BFBFBF; }
.subject_wrap li a:hover{ color: #ffb813; }
.subject_wrap li a.current{ color: #1B1F71; font-weight: 700; text-decoration: underline; }

.subject_wrap select{ display: none; }

.inner_wrap{ max-width: 1360px; margin: 0 auto; padding: 60px 0 0 0; border-top: 1px solid #e1e1e1; }
.inner_wrap h2 span{ color: #1b1f71; font-size: .6em; display: block; }
.inner_box{ max-width: 1150px; margin: 10px auto; font-size: 1.25em; line-height: 1.25em; overflow: hidden; }
.inner_box .caption{ float: left; width: 220px; padding:17px 30px 17px 0; text-align: right; border: 0; }
.inner_box .options{ float: left; width: calc(100% - 220px); padding:10px 0 10px 30px; }
.inner_box .options .gap{ margin: 0 40px; }
.inner_box .options.dk{ display: block; }
.inner_box .options.mb{ display: none; }

.inner_wrap.mbr_report .inner_box{ max-width: 991px; }
.inner_wrap.mbr_report{ font-size: .813em;}
.inner_wrap.mbr_report .container_check .checkmark{ top: 6px;}
.inner_wrap.mbr_report .container_check .checkmark:after { top: 2px; left: 5px;}

.inner_wrap.chart{ margin-top: 60px; font-size: .813em; text-align: center; }
.inner_wrap.chart .inner_box{ margin: 10px 100px; padding: 0; display: inline-block; }
.inner_wrap.chart .inner_box .caption{ width: 98px; }
.inner_wrap.chart .inner_box .options{ width: auto; margin-left: 31px; }
.inner_wrap.chart .inner_box .container_check, .inner_wrap.chart .inner_box .checkmark{ cursor: default; }
.inner_wrap.chart .inner_box input{ display: none; }
.inner_wrap.chart .inner_box .options .container_check .checkmark:after{ display: none; }

.inner_box.w-100{ max-width: 100%; margin-top: 10px; }
.inner_box.w-100 .caption, .inner_box.w-100 .options{ float: none; width: 100%; text-align: center; }
.inner_box.w-100 .caption{ padding:17px 15px; }
.inner_box.w-100 .options{ padding: 0; }
.inner_box.w-100 .container_check, .inner_box.w-100 .container_radio{ margin: 0 20px; }

.inner_box .container_check{ min-height: 37px; margin: 4px 40px 4px 0; padding:5px 0 3px 28px; display: inline-block; position: relative; cursor: pointer; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.inner_box .container_check:last-child{ margin: 0; }
.inner_box .container_check input{ position: absolute; top: 3px; left: 3px; opacity: 0 !important; cursor: pointer; }
.inner_box .container_check .checkmark{ width: 20px; height: 20px; position: absolute; top: 9px; left: 0; background-color: #fff; border:1px solid #707070; border-radius: 3px; }
.inner_box .container_check:hover input ~ .checkmark { background-color: #fff; border:1px solid #707070;}
.inner_box .container_check input:checked ~ .checkmark { background-color: #1B1F71;}
.inner_box .checkmark:after { content: ""; position: absolute; display: none;}
.inner_box .container_check input:checked ~ .checkmark:after { display: block;}
.inner_box .container_check .checkmark:after { top: 3px; left: 5px; width: 8px; height: 11px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.inner_box .container_radio{ min-height: 37px; margin: 0px 40px 0px 0; padding:5px 0 3px 28px; display: inline-block; position: relative; cursor: pointer; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} }
.inner_box .container_radio:last-child{ margin: 0; }
.inner_box .container_radio input { position: absolute; top: 3px; left: 3px; opacity: 0 !important; cursor: pointer;}
.inner_box .container_radio .radiomark { width: 20px; height: 20px; position: absolute; top: 9px; left: 0; background-color: #fff; border:1px solid #707070; border-radius: 50%;}
.inner_box .container_radio:hover input ~ .radiomark { background-color: #fff; border:1px solid #707070;}
.inner_box .container_radio input:checked ~ .radiomark { background-color: #fff;}
.inner_box .radiomark:after { content: ""; position: absolute; display: none;}
.inner_box .container_radio input:checked ~ .radiomark:after { display: block;}
.inner_box .container_radio .radiomark:after { top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #1B1F71;}

.inner_box .container_check.with_input .input, .inner_box .container_radio.with_input .input{ width: auto !important; margin:-5px 0 -5px 5px; padding-right: 5px; padding-left: 5px !important; color: #434343; position: static; opacity: 1 !important; display: inline-block !important; text-align: center;}
.inner_box input[type="text"], .inner_box input[type="email"], .inner_box input[type="password"]{ min-height: auto !important; padding: 3px 10px 5px 10px !important; }

.inner_box .filter_sort{ margin: 0; padding: 0; list-style: none; overflow: hidden; }
.inner_box .filter_sort li{ float: left; width: 175px; margin: 2px 0; padding: 0px 0; color: #bfbfbf; border-left: 1px solid #ccc; }
.inner_box .filter_sort li:last-child{ width: 176px; border-right: 1px solid #ccc; }
.inner_box .filter_sort .container_check { margin:0px 0; padding-left: 0; display: block; position: relative; cursor: pointer; font-weight: normal; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.inner_box .filter_sort .container_check input { position: absolute; left: 4px; top: -5px; opacity: 0 !important; cursor: pointer;}
.inner_box .filter_sort .container_check .checkmark { position: static; background-color: none; border:0px solid #ccc; transition:0.2s all;}
.inner_box .filter_sort .container_check:hover input ~ .checkmark { color: #ffb813; background-color: none; border:0px solid #ccc;}
.inner_box .filter_sort .container_check input:checked ~ .checkmark { color: #1b1f71; background: none !important;}
.inner_box .filter_sort .container_check input:checked ~ .checkmark:after { display: block;}
.inner_box .filter_sort .container_check .checkmark:after { color: #1b1f71;}

.inner_box .accordion-item{ width: auto; margin-bottom: 15px; padding: 0; border: 0; border-radius: 0; display: block; }
.inner_box .accordion-item:last-child{ margin-bottom: 0;}
.inner_box .accordion-item .accordion-header{ width: auto; display: inline-block; }
.inner_box .accordion-item .accordion-button{ margin-top: 1px; font-size: 1em; border-bottom: 1px solid #ccc; }
.inner_box .accordion-item .accordion-button:not(.collapsed){ color: #434343; background: none; }
.inner_box .accordion-item .accordion-button:after { margin-left: 170px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c2c2c2'%3e%3cpath 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'/%3e%3c/svg%3e");}
.inner_box .accordion-item .accordion-button:not(.collapsed):after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c2c2c2'%3e%3cpath 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'/%3e%3c/svg%3e");}
.inner_box .accordion-item button{ padding: 0; }
.inner_box .accordion-item .accordion-body{ margin:10px 0 0 20px; border-left: 1px solid #ccc; }
.inner_box .accordion-item .accordion-body .container_check{ margin-bottom: 10px; display: block; }
.inner_box .accordion-item .accordion-body .container_check:last-child{ margin-bottom: 0; }

.inner_box .options .datepicker{ width: 100%; max-width: 225px; margin:2px 0; padding-right: 40px; color: #434343; background: url('../img/icon-calendar.png') right 10px center no-repeat; background-size: 20px auto; }
.inner_box .options select{ width: 100%; max-width: 400px; height: 34px; padding: 5px 10px; line-height: 1em; }

.exam{ overflow: hidden; }
.exam h6{ margin-bottom: 5px; line-height: 1.5em;}
/*.exam p{ font-size: 1em; }*/

.topic{ padding-left: 60px; position: relative; overflow: hidden; }
.topic i{ width: 40px; font-size: 1.25em; font-style: normal; line-height: 1.5em; text-align: right; display: block; position: absolute; left: 0px; }
.topic h6{ font-size: 1.235em; }
.topic.group h6:first-child{ margin-bottom: 20px; }

.exam .container_check{ margin: 5px 40px 5px 0; padding:0px 0 0px 28px; display: block; position: relative; cursor: pointer; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.exam .container_check:last-child{ margin: 0; }
.exam .container_check input{ position: absolute; top: 3px; left: 3px; opacity: 0 !important; cursor: pointer; }
.exam .container_check .checkmark{ width: 20px; height: 20px; position: absolute; top: 8px; left: 0; background-color: #fff; border:1px solid #707070; border-radius: 3px; }
.exam .container_check:hover input ~ .checkmark { background-color: #fff; border:1px solid #707070;}
.exam .container_check input:checked ~ .checkmark { background-color: #1B1F71;}
.exam .checkmark:after { content: ""; position: absolute; display: none;}
.exam .container_check input:checked ~ .checkmark:after { display: block;}
.exam .container_check .checkmark:after { top: 2px; left: 5px; width: 8px; height: 11px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.exam .container_radio{ margin: 5px 40px 5px 0; padding:0px 0 0px 33px; display: block; position: relative; cursor: pointer; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} }
.exam .container_radio:last-child{ margin: 0; }
.exam .container_radio input { position: absolute; top: 3px; left: 3px; opacity: 0 !important; cursor: pointer;}
.exam .container_radio .radiomark { width: 26px; height: 26px; position: absolute; top: 3px; left: 0; background-color: #fff; border:1px solid #707070; border-radius: 50%;}
.exam .container_radio:hover input ~ .radiomark { background-color: #fff; border:1px solid #707070;}
.exam .container_radio input:checked ~ .radiomark { background-color: #fff;}
.exam .radiomark:after { content: ""; position: absolute; display: none;}
.exam .container_radio input:checked ~ .radiomark:after { display: block;}
.exam .container_radio .radiomark:after { top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background: #1B1F71;}

.exam .container_radio.fontsize2{ padding:0px 0 0px 38px;}
.exam .container_radio.fontsize2 .radiomark { width: 31px; height: 31px; top: 5px;}
.exam .container_radio.fontsize2 .radiomark:after { top: 5px; left: 5px; width: 19px; height: 19px;}

.exam .container_radio.fontsize3{ padding:0px 0 0px 43px;}
.exam .container_radio.fontsize3 .radiomark { width: 35px; height: 35px; top: 7px;}
.exam .container_radio.fontsize3 .radiomark:after { top: 5px; left: 5px; width: 23px; height: 23px;}

.exam.correcting .topic{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #E1E1E1; }
.exam.correcting .topic i{ left: -60px; }
.exam.correcting .topic:last-child{ margin-bottom: 0; border: 0; }
.exam.correcting .topic_cnt{ float: left; width: calc(100% - 305px); margin-right: 50px; position: relative; }
.exam.correcting .topic_function{ float: left; width: 255px; margin: 0; padding: 0; font-size: 1.25em; list-style: none; }
.exam.correcting .topic_function li{ margin-bottom: 10px; }
.exam.correcting .topic_function a{ color: #707070; display: block; }
.exam.correcting .topic_function a:hover{ color: #fff; background: #1B1F71; }
.exam.correcting .topic_function a span{ width: auto; margin: 0 auto; text-align: center; display: block; white-space: nowrap; }
.exam.correcting .topic_function a i{ width: auto; height: auto; margin:0 3px 0 0; padding: 0; line-height: 1em; display: inline-block !important; position: static; text-align: left; }
.exam.correcting .topic_function .btn{ margin: 0; padding:10px 0; font-size: 1em; }
.exam.correcting .topic_function .btn.btn-outline-secondary:hover, .exam.correcting .topic_function .btn.btn-outline-secondary:focus{ color: #fff; background: #1b1f71 !important; border-color: #1b1f71 !important; }
.exam.correcting .topic_function .btn.cancel{ color: #fff; background: #ffd42d !important; border-color: #ffd42d !important; text-shadow: 0 0 3px rgba(0, 0, 0, .5); }
.exam.correcting .topic_function .btn.cancel span{ width: auto; text-align: center; }
.exam.correcting table{ border-collapse: collapse; }
.exam.correcting table td{ padding: 10px; border: 1px solid #707070; }


.exam.note_dtl .topic{ margin-bottom: 30px; padding-bottom: 30px; padding-left: 0; border-bottom: 1px solid #E1E1E1; }

.exam_helper{ width: 66px; height: 66px; background: #ffa227; border-radius: 50%; box-shadow: 0 3px 10px rgba(59, 59, 59, .43); position: fixed; right: 35px; bottom: 70px; z-index: 9999; }
.exam_helper button{ margin: 0; padding: 0; }
.exam_helper button img{ width: 38px; height: auto; }
.exam_helper button:after{ display: none !important; }
.exam_helper .dropdown-menu{ width: 300px; padding:10px 15px 15px 15px; color: #707070; border-radius: 15px; box-shadow: 0 3px 10px rgba(59, 59, 59, .43); bottom: 10px !important;}
.exam_helper .dropdown-menu li{ padding: 5px 0; border-bottom: 1px solid #e1e1e1; }
.exam_helper .dropdown-menu p{ font-size: 1.25em; }
.exam_helper .dropdown-menu a{ margin: 0; padding: 0; color: #707070; text-align: left; }
.exam_helper .dropdown-menu a:hover{ color: #FFD42D; background: none; }
.exam_helper .dropdown-menu a:focus{ color: #FFA227; background: none; }
.exam_helper .dropdown-menu a.disabled{ color: #BFBFBF; background: none; }
.exam_helper .dropdown-menu .active{ background: none; }
.exam_helper .dropdown-item i{ margin-right: 8px; }

.anwser_symbol{ width: 159px; height: 159px; position: absolute; right: 0; bottom: 0; }

.anwser{ width: 100%; color: #FF0000; font-size: 1.25em; display: block; clear: both; }

.pic_options{ margin: 0 0 10px 0; padding: 0; list-style: none; text-align: left;}
.pic_options li{ width: 100%; max-width: 365px; display: inline-block; text-align: left; }
.pic_options li .container_img{ width: 200px; }
.pic_options li .container_img img{ max-width: 365px; height: auto; }
.pic_options li p{ margin-top: 5px; }
.pic_options li .container_radio{ font-size: 1.125em; text-indent: 6px; }

.pic_options.img2 li img{ width: auto; max-height: 300px; }

.options_wrap{ margin: 0 0 20px 0; font-size: 1.25em; position: relative; }
.options_wrap .options{ max-width: 450px; overflow: hidden; }
.options_wrap .options span{ float: left; width: 50px; line-height: 50px; }
.options_wrap .options input[type="text"]{ float: left; width: calc(100% - 50px); }

.topic_options_wrap{ margin: 0 0 5px 0; padding: 0; font-size: 1.25em; list-style: none; }
.topic_options_wrap li{ margin-bottom: 10px; overflow: hidden; }
.topic_options_wrap li div:first-child{ float: left; width: 30px; }
.topic_options_wrap li div:last-child{ float: left; width: calc(100% - 30px); }
.topic_options_wrap li span{ margin-left: 30px; display: block; }
.topic_options_wrap li span:before{ margin-left: -20px; content: '》'; }

.font_size{ float: right; margin: 0; padding: 0; list-style: none; }
.font_size li{ float: left; margin-left: 15px; font-weight: normal; }
.font_size li:nth-child(1){ font-size: .5em; line-height: 78px; }
.font_size li:nth-child(2){ font-size: .9em; line-height: 62px; }
.font_size li:nth-child(3){ font-size: 1.25em; }
.font_size li a.current{ color: #181f71; font-weight: bold; }

.countdown_wrap{ margin: -25px 0 0 0; font-size: 1.5em; overflow: hidden;}

.topic_num_wrap{ margin-bottom: 15px; color: #707070; font-size: 1.5em; text-align: right; }
.topic_num_wrap input{ width: 60px !important; min-height: auto !important; margin: 0 !important; padding: 0 !important; color: #707070; line-height: 1em !important; text-align: center; display: inline-block; }
.topic_num_wrap span{ margin: 0 0 0 20px; display: inline-block; }

.indent{ font-size: 1.25em; text-indent: 40px; }

.embed-responsive { height: 320px; margin-bottom: 30px; padding: 0; position: relative; display: block; overflow: hidden;}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { width: 100%; height: 100% ; position: absolute; top: 0; left: 0; bottom: 0; border: 0;}
.embed-responsive-16by9 { padding-bottom: 56.25%;}
.embed-responsive-4by3 { padding-bottom: 75%;}

.topic_solving_txt{ margin-top: 60px; }
.topic_solving_txt h2{ margin: 0 0 5px 0; color: #1B1F71; font-weight: 400; }

.mbr_info{ border: 0; }
.mbr_info .mbr_pic_wrap{ margin-bottom: 20px; overflow: hidden; }
.mbr_info .mbr_pic_wrap .mbr_pic{ float: left; width: 220px; height: 220px; margin-right: 40px; border-radius: 50%; }
.mbr_info .mbr_pic_wrap .btn{ width: 130px; margin-top: 90px; padding: 10px 0; }
.mbr_info .info_col{ max-width: 450px; font-weight: 400; }
.mbr_info .info_col p{ margin-bottom: 5px; font-size: 1.2em; }
.mbr_info .info_col input, .mbr_info .info_col label, .mbr_info .info_col span{ font-size: 1.25em; }
.mbr_info .info_col .info_sort{ width: 100%; margin: 0 0; padding: 0; font-size: .825em; border: 0; list-style: none; overflow: hidden; }
.mbr_info .info_col .info_sort li{ padding: 0; }
.mbr_info .info_col .info_sort.style1{ float: left; }
.mbr_info .info_col .info_sort.style2{ }
.mbr_info .info_col .info_sort.style1 span{ margin-right: 20px; margin-bottom: 20px; padding: 3px 10px; color: #fff; background: #1b1f71; border-radius: 5px; display: inline-block; }
.mbr_info .info_col .info_sort.style2 span{ width: auto; margin-right: 10px; margin-bottom: 20px; padding: 3px 10px; color: #fff; background: #1b1f71; border-radius: 5px; display: block; }
.mbr_info .container_radio{ margin: 2px 40px 15px 0; padding:0px 0 0px 28px; display: inline-block; position: relative; cursor: pointer; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} }
.mbr_info .container_radio:last-child{ margin: 0; }
.mbr_info .container_radio input { position: absolute; top: 3px; left: 3px; opacity: 0 !important; cursor: pointer;}
.mbr_info .container_radio .radiomark { width: 20px; height: 20px; position: absolute; top: 5px; left: 0; background-color: #fff; border:1px solid #707070; border-radius: 50%;}
.mbr_info .container_radio:hover input ~ .radiomark { background-color: #fff; border:1px solid #707070;}
.mbr_info .container_radio input:checked ~ .radiomark { background-color: #fff;}
.mbr_info .radiomark:after { content: ""; position: absolute; display: none;}
.mbr_info .container_radio input:checked ~ .radiomark:after { display: block;}
.mbr_info .container_radio .radiomark:after { top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #1B1F71;}

.chart_img{ margin: 20px; }
/*** /CNT ***/

/*** FOOTER ***/
footer{ padding: 50px 38px 30px 38px; color: #fff; background: #1B1F71; clear: both; }
footer img{ height: 56px !important; }
footer p{ margin-top: 14px; font-size: .75em; }
/*** /FOOTER ***/

/*** PAGINATION ***/
.pagination_wrap{ width: 100%; text-align: center; }
.pagination{ margin-top: 50px; margin-bottom: -20px; font-size: 1.25em; }
.pagination .page-item, .pagination .page-item a{ margin: 0 1px; background: none !important; border: 0; border-radius: 0 !important; }
.pagination a{ color: #666; }
.pagination a:hover{ color: #ffb813; background: none; }
.pagination .active .page-link{ color: #ffb813; background: none; }

.pagination.prev_next .page-item a{ color: #bfbfbf; margin: 0 75px;}
.pagination.prev_next .page-item a:hover{ color: #ffb813;}
/*** /PAGINATION ***/

/*** BTN ***/
.btn_wrap{ width: 100%; margin:40px 0 0 0; }
.btn{ max-width: 370px; padding:20px 27px; color: #fff; font-size: 1.25em; line-height: 1em; border-radius: 5px; }
.btn:focus{ box-shadow: none; }
.btn.submit{ width: 100%; max-width: 370px; margin: 70px auto 0 auto; font-size: 1.25em; display: block; }
.btn i{ margin: 0 0 0 15px; }

.btn-sm{ padding:13px 20px; font-size: 1em; }

.btn-primary{ background: #1B1F71; border-color: #1B1F71; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.current{ color: #fff; background: #0060DE !important; border-color: #0060DE !important; }

.btn-outline-primary{ color: #1B1F71; background: #fff; border-color: #1B1F71; }
.btn-outline-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.current{ color: #fff; background: #1B1F71 !important; border-color: #1B1F71 !important; }

.btn-outline-secondary{ color: #707070; background: none; border-color: #707070; }
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus, .btn-outline-secondary.current{ color: #fff; background: #707070 !important; border-color: #707070 !important; }

.dropdown-item{ line-height: 1.5em; text-align: right; cursor: pointer; }
.dropdown-item:hover{ color: #fff; background: #1B1F71;}
/*** /BTN ***/

/*** MODAL ***/
/*.modal-content{ margin: 0 10px; padding: 70px; background: #fff; border-radius: 40px; }
.modal-header{ background: #1B1F71; }
.modal-title{ color: #fff;}*/
/*.modal-body{ text-align: left !important; }
/*.modal-body p{ margin: 10px 0; }
.modal-body span{ width: auto !important; margin: 0 15px 0 0; padding: 0 15px 0 0; font-weight: bold; border: 0; display: inline-block !important; word-break: keep-all; }
.modal-open { height: 100vh; padding-right: 0 !important; overflow: visible;}
.modal-body .captcha_wrap{ margin-top: 47px; }
.modal-body .btn_wrap{ margin-top: 20px; }*/

.modal-open { padding-right: 0 !important; overflow: auto;}
.second .modal-backdrop{ display: none !important; }
.modal-content{ height: auto !important; margin: 0 10px; padding: 70px; background: #fff; border-radius: 40px; }
.modal-body{ margin: 0; padding: 0; color: #707070; text-align: center; }
.modal-body .btn{ width: 100%; max-width: 370px; margin:0 auto 0 auto; padding: 12px 0; }
.modal-body .forgot{ margin-top: 10px; color: #1B1F71; font-size: .75em; text-decoration: underline; display: block; }
.modal-body h2{ margin: 0 0 20px 0; color: #1b1f71; font-size: 2em; font-weight: 400; line-height: 1em; display: block; }
.modal-body select{ max-width: 450px; margin: 20px auto 0 auto; display: block; }
.modal-body p{ font-size: 1.5em; }
.modal-body .info{ margin: 40px 0; }
.modal-body .add_wrap{ margin: 50px auto 0 auto; font-size: 1.25em;}
.modal-body .add_wrap a{ color: #bfbfbf;}
.modal-body .add_wrap a:hover{ background: none !important; }
.modal-body .add_wrap img{ width: 50px; }
.modal-body .add_wrap p{ margin-top: 10px; color: #bfbfbf; font-size: .875em; }
.modal-body .goto_no{ color: #707070; }
.modal-body .goto_no p, .modal-body .goto_no input{ font-size: 1.875em; display: inline-block; }
.modal-body .goto_no input{ width: 66px; height: auto; margin: 35px 25px 0 25px; padding:0 5px; color: #707070; text-align: center; }
.modal-body .modal-caption{ color: #707070; font-size: 3.125em; }
.modal-body button{ width: 100% !important; max-width: 370px !important; margin: 20px auto; padding: 13px 0 15px 0 !important; background: #1b1f71 !important; }

.modal-body.analyze{ text-align: left; }
.modal-body.analyze span{ margin-right: 30px; display: inline-block; }
/*** /MODAL ***/

/*** COLOR ***/
.color01{ color: #1B1F71; }
.color02{ color: #0060DE; }
.color03{ color: #ffb813; }
.color04{ color: #FF0000; }
.color05{ color: #0B8F02; }
/*** /COLOR ***/

/*** FORM ***/
form input[type="text"], form input[type="email"], form input[type="password"], form input[type="file"], form input[type="date"], form input[type="time"], form input[type="number"], form select{ margin-bottom: 20px; }

form.form-inline select{ margin: 0; }

input[type="text"],input[type="email"],input[type="password"],input[type="file"],input[type="date"],input[type="time"],input[type="number"]{ width: 100%; min-height: 46px; padding:10px 10px; line-height: 1em; border-radius: 5px; }
input[type="text"],input[type="email"],input[type="password"],input[type="file"],input[type="date"],input[type="time"],input[type="number"], select, textarea{ -moz-appearance: none; -webkit-appearance: none; appearance: none;}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="file"]:focus,input[type="date"]:focus,input[type="time"]:focus,input[type="number"]:focus,select:focus,textarea:focus{ border-color:#1B1F71; }
input[type="radio"], input[type="checkbox"]{ width: auto; }
input[type="radio"]{ width: 20px; height: 20px; display: inline; margin-top: 5px; }
input[type="checkbox"]{ width: 20px; height: 20px; display: inline; margin-top: 5px; border-radius: 3px !important; }

select{ width: 100%; padding:10px 10px; border: 1px solid #ccc; border-radius: 5px; background:#fff url(../img/icon-arrow_down.png) right 10px center no-repeat; background-size: 16px auto; }

textarea{ width: 100%; height: 150px; margin-bottom: 5px; padding:10px 10px; border:1px solid #ccc; border-radius: 5px; }

label{ margin-bottom: 0px; font-weight: bold; display: block; }
label p{ margin-bottom: 5px; }

/*.option{ margin:8px 20px 0px 0; display: inline-block; }
.option input[type="radio"], .option input[type="checkbox"], .option label{ float: left; }
.option input[type="radio"], .option input[type="checkbox"]{ margin-right: 5px; }
.option label{ margin-top: 1px; }*/

textarea#intro{ margin-bottom: -5px !important; }
#show_left{ color: #1B1F71; font-size: .813em; display: inline-block; }

.none{ display: none; }

/* radio */
/*.container_radio { display: inline-block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 1em; line-height: 35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container_radio input { position: absolute; top: 4px; left: 4px; opacity: 0; cursor: pointer;}
.radiomark { position: absolute; top: 5px; left: 0; height: 25px; width: 25px; background-color: #fff; border:1px solid #ccc; border-radius: 50%;}
.container_radio:hover input ~ .radiomark { background-color: #1B1F71; border:1px solid #ccc;}
.container_radio input:checked ~ .radiomark { background-color: #fff;}
.radiomark:after { content: ""; position: absolute; display: none;}
.container_radio input:checked ~ .radiomark:after { display: block;}
.container_radio .radiomark:after {	top: 5px;	left: 5px; width: 13px;	height: 13px;	border-radius: 50%;	background: #1B1F71;}*/
/* /radio */

/* checkbox */
/*.container_check { display: block; position: relative; padding-left: 35px; margin:5px 0; cursor: pointer; font-size: 1em; line-height: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container_check input { position: absolute; left: 4px; top: -5px; opacity: 0; cursor: pointer; height: 25px; width: 25px;}
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border:1px solid #ccc;}
.container_check:hover input ~ .checkmark { background-color: #fff; border:1px solid #ccc;}
.container_check input:checked ~ .checkmark { background-color: #1B1F71;}
.checkmark:after { content: ""; position: absolute; display: none;}
.container_check input:checked ~ .checkmark:after { display: block;}
.container_check .checkmark:after { left: 9px; top: 5px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}*/

.chk_local{ width: 100px !important; }

.multi label{ float: left; width: 78px; }

.pi_wrap{ float: left; font-size: .813em; line-height: 46px; overflow: hidden; }
.pi_wrap input[type="checkbox"]{ float: left; margin:13px 5px 0 0; }
.pi2_wrap{ float: right; font-size: .813em; line-height: 46px; overflow: hidden; }
.pi2_wrap a{ color: #333; }
.pi2_wrap a:hover{ color: #1B1F71; }
/* /checkbox */

.m_days_wrap, .w_days_wrap{ margin-bottom: 10px; padding:5px 10px; border: 1px solid #ccc; overflow: hidden; }
.m_days_wrap, .w_days_wrap, .s_day_wrap{ transition:none; -webkit-transition:none; -moz-transition:none;	-o-transition:none;	-ms-transition:none;}
.form-control{ padding:10px 10px; border-radius: 0;}
.custom-checkbox{ float: left; width: 80px; }
/*** /FORM ***/

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

.mt--20{ margin-top: -20px !important; }

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

.pl-0{ padding-left: 0 !important; }
.pr-0{ padding-right: 0 !important; }
/*** /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 ***/


@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 */
}