.main_display_section .display_section_user_management{
    width: 488px;
    height: calc(100% - (61px + 282px + 58px));
    position: absolute;
    border-radius: 12px;
    top: 150px;
    left: calc(50% - (488px / 2));
    bottom: 282px;
    box-sizing: border-box;
}
.main_display_section .display_section_user_management .box_user_management{
    width: 100%;
    height: 164px;
    position: relative;
    border-radius: 12px;
    box-sizing: border-box;
    margin-bottom: 8px;
}
.main_display_section .display_section_content{
    width: 100%;
    height: calc(100% - 60px + 12px);
    background-color: #FFFFFF;
    border-radius: 12px;
    box-sizing: border-box;
    position: absolute;
    border: 1px solid #D9D9D9;
    top: 48px;
}
.main_display_section .display_section_search{
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    padding-bottom: 12px;
}
.main_display_section .box_display_section{
    width: calc(100% - 12px - 12px);
    height: calc(100% - 58px - 12px - 12px);
    position: absolute;
    left: 12px;
    bottom: 12px;
    box-sizing: border-box;
}
.main_display_section .display_section .top_bar {
    width: 100%;
    height: 60px;
    position: relative;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #CBCBCB;
}
.main_display_section .display_section .box_list{
    width: 420px;
    height: 100%;
    position: absolute;
    top: 84px;
    left: calc(50% - (420px/2));
    bottom: 346px;
    box-sizing: border-box;
}
.section_upgrade .display_section_content .footer_bar{
    height: 75px;
    border: unset;
}
.section_upgrade .display_section_content .footer_bar .line_divide {
    width: calc(100% - 8px - 8px);
    height: 1px;
    background-color: #CBCBCB;
    border-radius: 0.5px;
    left: 8px;
    position: absolute;
}
.section_upgrade .display_section_content .footer_bar .btn_action_section .btn_footer{
    margin-top: 24px;
    margin-right: 11px;
}
.box_user_management_content{
    width: calc(100% - 360px);
    height: 100%;
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 12px;
    left: 0px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
}
.box_user_management_content_2{
    width: calc(100% - 128px);
    height: 100%;
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 12px;
    right: 0px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
}
.box_total{
    position: relative;
    width: calc(100% - 128px);
    height: 29px;
    left: 128px;
    box-sizing: border-box;
    padding-bottom: 10px;
}
.box_txt_total_license{
    position: absolute;
    left: 12px;
    width: calc(50% - 12px - 12px);
    text-align: center;
}
.box_txt_license{
    position: absolute;
    bottom: 19px;
    left: 8px;
    width: calc(50% - 8px - 8px);
    text-align: center;
}
.box_txt_total_storage{
    position: absolute;
    text-align: center;
    right: 0px;
    width: 50%;
}
.box_txt_storage{
    position: absolute;
    bottom: 19px;
    right: 8px;
    width: calc(50% - 8px - 8px);
    text-align: center;
}
.box_bottom_right{
    position: absolute;
    right: 0px;
    top: 0px;
}
.box_bottom_download{
    width: 100%;
    height: 44px;
    position: relative;
}
.box_bottom_download .bottom_download{
    position: absolute;
    top: calc(22px - (36px/2));
    right: 20px;
}
.box_list .box_list_profile{
    width: 100%;
    height: 124px;
    box-sizing: border-box;
    padding-bottom: 24px;
    border-bottom: 1px solid #CBCBCB;
}
.box_list .box_profile{
    width: 100%;
    height: 108px;
    box-sizing: border-box;
    margin-top: 22px;
}
.box_profile .box_profile_data{
    width: 100%;
    height: 21px;
    box-sizing: border-box;
    margin-bottom: 8px;
    position: relative;
}
.box_profile_data .box_profile_data_right{
    position: absolute;
    left: 120px;
}
.box_profile_data .box_profile_data_left{
    position: absolute;
    left: 0px;
}
.box_creategroup_1 {
    width: 100%;
    height: 98px;
    box-sizing: border-box;
    padding: 18px 0px 20px 4px;
    border-bottom: 1px solid  #D9D9D9;
    position: relative;
}
.box_creategroup_2{
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    padding: 10px 0px 12px 0px;
    position: relative;
}
.box_creategroup_3{
    width: 100%;
    height: calc(100% - (150px));
    box-sizing: border-box;
    position: relative;
}
.box_creategroup_2 .box_creategroup_2_ct{
    padding: 8px 0px 6px 0px;
}
.box_creategroup_2_ct{
    width: 525px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}
.box_table_creategroup{
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    position: relative;
}
.box_table_creategroup_2{
    width: 100%;
    height: calc(100% - (38px + 89px));
    box-sizing: border-box;
}
.box_table_creategroup_2 #table_content_h44 td{
    width: 90%;
    border-bottom: 1px solid #CBCBCB;
    padding-left: 8px;
}
.box_table_creategroup_2 .box_td_last .btn_h36px{
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    padding: 0px 8px 0px 8px;
}
.box_table_popup_2{
    width: 100%;
    height: calc(100% - (40px + 10px));
    box-sizing: border-box;
}
.box_table_popup_2 #table_content_h44 td{
    width: 90%;
    border-bottom: 1px solid #F0F0F0;
    padding-left: 8px;
    padding-right: 18px;
}
.box_table_popup_2 .box_td_last .btn_h36px{
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    padding: 0px 8px 0px 8px;
}
.student_group_popup .box_table_popup_2{
    margin-top: 6px;
}
.rotation_edit_popup .box_table_popup_2{
    margin-top: 6px;
}
.student_group_popup .box_right .select_w93_h36{
    width: 114px;
}
.box_table_creategroup .c_institutes{
    padding-left: 7px;
}
.popup_upgrade .c_institutes{
    padding-left: 12px;
}
.box_creategroup_c1{
    width: 429px;
    height: 36px;
    position: absolute;
    box-sizing: border-box;
    margin-top: 5px;
}
.box_creategroup_1 .input_popup{
    width: 322px;
    border: 1px solid  #D9D9D9;
}
.box_year_popup{
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    margin-bottom: 11px;
}
.box_search_popup{
    width: 100%;
    height: 39px;
    box-sizing: border-box;
    margin-bottom: 17px;
}
.box_table_popup{
    width: 100%;
    height: 320px;
    box-sizing: border-box;
}
.popup_upgrade .box_table_popup{
    margin-top: 18px;
}
.box_content_popup .txt_s15 {
    position: absolute;
    left: 0px;
    padding-top: 10px;
}
.box_creategroup_1_ct{
    width: 684px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}
.box_calendar{
    width: 325px;
    height: 68px;
    box-sizing: border-box;
    position: absolute;
    margin-top: 8px;
}
.box_calendar select{
    margin-right: 8px;
    border: 1px solid #D9D9D9;
}
.box_calendar .txt_s16{
    margin-bottom: 8px;
}
.box_ct_2{
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 8px;
    line-height: 36px;
    padding-left: 8px;
}
.box_ct_3{
    width: calc(50% - (12px));
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    padding: 12px 0px 0px 0px;
}
.box_top_ct_3{
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    position: relative;
    line-height: 36px;
    margin-bottom: 12px;
    padding-left: 8px;
}
.box_table_ct_3{
    width: 100%;
    height: calc(100% - (48px + 12px));
    box-sizing: border-box;
    position: absolute;
    padding-left: 14px;
}
.box_table_select_student{
    /* position: absolute;
    left: 42px; */
    padding-left: 42px;
}
.box_top_table_select_student{
    position: relative;
    left: 30px;
}
.box_table_select_student_1{
    display: inline;
    letter-spacing: -2px;
}
.section_rotation_edit .box_table_creategroup_2{
    height: calc(100% - (16px + 118px));
}
.section_rotation_edit #table_content_h44 td{
    border: unset;
    height: 30px;
    padding-bottom: 15px;
    padding-right: 6px;
}
.section_rotation_edit #table_content_h44 #td_first{
    width: 90%;
}
.rotation_edit_popup #table_content_h44 td{
    padding-left: unset;
}
.rotation_edit_popup #table_content_h44 #td_institutes{
    width: 320px;
}
.rotation_edit_popup .box_table_popup_2{
    margin-top: 8px;
}
.rotation_edit_popup .box_search_popup{
    margin-bottom: 8px;
}
.section_rotation_edit .box_top_ct_3 .txt_s16_bold{
    position: absolute;
}
.section_rotation_edit .box_top_ct_3{
    padding-left: unset;
}
.section_rotation_edit .box_creategroup_3 .btn_action_section{
    padding-right: unset;
    position: absolute;
    right: -8px;
}
.section_rotation_edit .btn_action_section .btn_h36px{
    margin-top: unset; 
}
.select_w85_h36 {
    width: 85px;
    height: 36px;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 8px 0px 8px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    font-size: 16px;
}
.select_w120_h36 {
    width: 120px;
    height: 36px;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 8px 0px 8px 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    font-size: 16px;
}
.select_w370_h36 {
    width: 370px;
    height: 36px;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 8px 0px 8px 10px;
    border: 1px solid #D9D9D9;
    position: absolute;
    font-size: 16px;
}
.student_group_popup .box_table_popup .c_institutes{
    padding-left: 12px;
}
.rotation_edit_popup .box_table_popup .c_institutes{
    padding-left: 12px;
    width: 320px;
}
/* .rotation_edit_popup .table_header .txt_s16_bold{
    position: absolute;
    left: 42px;
}
.rotation_edit_popup .table_header .sorting_symbol{
    position: relative;
    left: 141px;
} */
.box_top_year_content_1 .box_search_popup .txt_s16{
    position: absolute;
}
.box_top_year_content_1 .box_search_popup .input_popup{
    position: absolute;
    width: 365px;
    right: 0px;
}
.box_top_year_content_1 .box_search_popup .box_w204{
    width: 100%;
    height: 36px;
}
.section_creategroup .box_creategroup_2 .txt_s16_bold{
    padding-top: 14px;
    position: absolute;
    padding-left: 4px;
}
.section_creategroup .box_creategroup_2 .btn_action_section{
    right: 0px;
    position: absolute;
    padding-right: unset;
}
.section_creategroup .box_creategroup_2 .btn_action_section .btn_h36px {
    margin-top: unset;
}
.bottom_popup .btn_h36px{
    box-sizing: border-box;
    /* margin-right: 23px; */
    margin: 0 4px;
}
.icon_student{
    height: 84px;
    position: relative;
    left: 22px;
    top: 30px;
}
.icon_license{
    position: relative;
    top: 24px;
    left: calc(25% - (87px / 2));
}
.icon_storage{
    position: absolute;
    top: 24px;
    left: calc(75% - (87px / 2));
}
.box_input_w320_h36{
    width: 320px;
    height: 36px;
    position: absolute;
}
.input_w320_h36{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 7px 30px;
    border-radius: 8px;
    border: 1px solid  rgba(0, 0, 0, 0.1);
    position: absolute;
}
.select_w93_h36{
    width: 93px;
    height: 36px;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 8px 0px 8px 10px;
    border: 1px solid  rgba(0, 0, 0, 0.1);
    position: absolute;
    font-size: 16px;
    background-color: #FFFFFF;
}
.box_table_student_manage{
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 8px;
}
.box_table_student_manage_2{
    width: 100%;
    height: calc(100% - (38px + 63px + 8px));
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
}
.box_td_first{
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 9px;
    /* line-height: 20px; */
    display: contents;
}
.box_txt_td{
    width: calc(100% - 36px);
    height: 100%;
    position: relative;
    left: 36px;
    padding-left: 10px;   
}
.box_top_bar{
    width: fit-content;
    box-sizing: border-box;
    padding: 17px 0px 17px 6px;
}
#table_content_h44 .box_txt_td{
    left: unset;
    padding: unset;
}
.box_td_last{
    width: 100%;
    position: relative;
}
.box_td_last .icon{
    position: relative;
    top: calc(50% - (26px/2));
}
.box_td_last .add_icon_table{
    position: absolute;
    top: calc(50% - (16px/2));
    right: 0px;
}
.box_table_student_manage_2 #table_student_manage{
    height: unset;
}
.box_table_student_manage_2 #table_staff_manage{
    height: unset;
}
.box_top_year_content_1 .box_left{
    left: 0px;
}
.box_left{
    left: 0px;
}.box_right{
    right: 0px;
}
.box_top_year_content_1 .box_right{
    right: 0px;
}
.box_top_search{
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    position: absolute;
}
.box_table_rotation{
    width: 100px;
    height: 100%;
    box-sizing: border-box;
    text-align: left;
    padding-left: 8px;
}
.box_input_search{
    width: 100%;
    height: 39px;
    position: absolute;
    line-height: 39px;
}
.student_group_popup .box_input_search .txt_s16 {
    width: fit-content;
    left: 0px;
    position: absolute;
}
.student_group_popup .box_input_search .input_popup{
    width: 365px;
    right: 0px;
    position: absolute;
}
.rotation_edit_popup .input_popup{
    width: 372px;
    position: absolute;
    left: calc(50% - (372px/2));
}
.rotation_edit_popup .box_input_search .icon{
    position: absolute;
}
.box_icon_w22{
    position: absolute;
    top: calc(50% - (22px/2));
    margin-left: 12px;
    margin-right: 8px;
}
.section_studentgroup .box_top_year{
    width: 100%;
    height: 44px;
    box-sizing: border-box;
}
.section_studentgroup .display_section_search{
    height: 92px;
}
.section_studentgroup .display_section_content{
    height: calc(100% - (12px + 80px));
    top: 92px;
}
.section_studentgroup .box_input_w320_h36{
    position: relative;
    box-sizing: border-box;
    margin-bottom: 8px;
}
.section_studentgroup .box_top_year_content_1{
    width: 440px;
    position: absolute;
}
.section_studentgroup .box_top_year_content_2{
    width: fit-content;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0px;
    box-sizing: border-box;
    padding-right: 8px;
}
.section_upgrade .box_top_year{
    width: 100%;
    height: 44px;
    box-sizing: border-box;
}
.section_upgrade .display_section_search{
    height: 92px;
}
.section_upgrade .display_section_content{
    height: calc(100% - (12px + 80px));
    top: 92px;
}
.section_upgrade .box_input_w320_h36{
    position: absolute;
    box-sizing: border-box;
    margin-bottom: 8px;
}
.section_upgrade .box_top_year_content_1{
    width: 440px;
    position: absolute;
}
.section_upgrade .box_top_year_content_2{
    width: fit-content;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0px;
    box-sizing: border-box;
    padding-right: 8px;
}
.section_upgrade .btn_action_section .btn_h36px{
    margin-top: unset;
    margin-left: unset;
    float: unset;
}
.section_upgrade .box_table_student_manage_2{
    height: calc(100% - (38px + 63px + 8px + 42px));
}
.section_rotation .c1_roration{
    padding-left: 8px;
}
/* .section_rotation #td_first{
    padding-left: 8px;
} */
.section_rotation .c_roration{
    width: 140px;
}
.section_rotation #td_last{
    padding-right: 12px;
}
.section_rotation_edit .box_top_bar{
    padding-left: 8px;
}
.section_rotation_edit .content_bar{
    width: 100%;
    height: calc(100% - (60px + 55px));
    position: relative;
    box-sizing: border-box;
}
.section_rotation_edit .box_creategroup_1{
    height: 129px;
}
.section_rotation_edit .box_creategroup_2{
    width: calc(100% - (3px + 3px));
    left: 3px;
    height: 116px;
    border-bottom: 1px solid #CBCBCB;
    padding: 17px 0px 17px 0px;;
}
.section_rotation_edit .box_creategroup_3{
    height: 320px;
}
.section_rotation_edit .footer_bar .btn_action_section {
    margin-top: 2px;
}
body .section_rotation_edit .display_section .footer_bar {
    width: calc(100% - (3px + 3px));
    margin-bottom: 3px;
    left: 3px;
}
.section_courselist .box_top_year{
    width: 100%;
    height: 44px;
    box-sizing: border-box;
}
.section_courselist .display_section_search{
    height: 92px;
}
.section_courselist .display_section_content{
    height: calc(100% - (12px + 80px));
    top: 92px;
}
.section_courselist .box_input_w320_h36{
    position: absolute;
    box-sizing: border-box;
    margin-bottom: 8px;
}
.section_courselist .box_top_year_content_1{
    width: 100%;
    position: absolute;
}
.section_courselist .box_top_year_content_2{
    width: fit-content;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0px;
    box-sizing: border-box;
    padding-right: 8px;
}
.section_courselist .btn_action_section .btn_h36px{
    margin-top: unset;
    margin-left: unset;
    float: unset;
}
.section_courselist .box_table_student_manage_2{
    height: calc(100% - (38px + 10px + 75px + 8px));
    margin-top: 6px;
}
.section_courselist .box_table_student_manage #student_progress_table .c2{
    width: 400px;
}
.section_courselist .box_table_student_manage_2 #table_student_manage .td_2{
    width: 400px;
}
.section_courselist .box_table_student_manage_2 #table_student_manage .td_3{
    width: 180px;
}
.section_courselist .txt_year{
    box-sizing: border-box;
    margin-right: 6px;
}
.section_courselist .display_section_content .footer_bar{
    height: 60px;
    border: unset;
}
.section_courselist .display_section_content .footer_bar .line_divide {
    width: calc(100% - 12px - 12px);
    height: 1px;
    background-color: #CBCBCB;
    border-radius: 0.5px;
    left: 12px;
    position: absolute;
}
.section_courselist .display_section_content .footer_bar .btn_action_section .btn_footer{
    margin-top: 12px;
    margin-right: 11px;
    margin-bottom: 11px;
}
.section_courselist #table_student_manage #td_first {
    width: 154px;
    padding-left: 7px;  
}
.section_courselist .box_table_student_manage #student_progress_table .c3{
    width: 180px;
}
.section_courselist #table_student_manage td{
    height: 44px;
}
.main_display_section .section_courselist .btn_action_section{
    margin-top: unset;
    margin-left: unset;
    padding-right: unset;
}
.section_programyear .box_top_year {
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    margin-bottom: 12px;
}
.section_programyear .box_top_year_content_1{
    width: 440px;
    position: absolute;
}
.section_programyear .box_table_student_manage_2{
    height: calc(100% - (8px + 44px + 38px));
    margin-top: 6px;
}
.section_programyear .box_table_student_manage #student_progress_table .c2{
    width: 300px;
}
.section_programyear .box_table_student_manage_2 #table_student_manage .td_2{
    width: 300px;
}
.section_programyear .box_table_student_manage #student_progress_table .c3{
    width: 135px;
}
.section_programyear .box_table_student_manage_2 #table_student_manage .td_3{
    width: 135px;
}
.section_programyear .txt_year{
    box-sizing: border-box;
    margin-right: 6px;
}
.section_programyear #table_student_manage #td_first {
    width: 154px;
}
.section_programyear #table_student_manage td{
    height: 44px;
}
.section_programyear .td_3 .btn_h36px {
    height: 29px;
    line-height: 29px;
    font-size: 16px;
    padding: 0px 8px 0px 8px;
}
.section_program_edit .display_section .top_bar .box_top_bar{
    width: 100%;
    height: 100%;
    padding: 11px 0px 17px 0px;
    border-bottom: 1px solid #CBCBCB;
}
.section_program_edit .display_section .box_top_bar{
    padding-left: 0px;
}
.section_program_edit .display_section .top_bar{
    margin-left: 3px;
    margin-right: 3px;
    width: unset;
    height: 52px;
    border-bottom: unset;

}
body .section_program_edit .footer_bar .btn_action_section .btn_h36px {
    margin-top: 11px;
}
.section_program_edit .content_bar .box_top_bar{
    margin-left: 4px;
    padding: 12px 0px 12px 0px;
}
.section_program_edit .box_table_student_manage{
    padding: unset;
    margin-top: unset;
}
body .section_program_edit .box_table_student_manage_2{
    padding: unset;
    margin-top: 8px;
}
.section_program_edit .box_table_student_manage #student_progress_table .c1{
    width: 200px;
}
.section_program_edit .box_table_student_manage #student_progress_table .c2 {
    width: 350px;
}
.section_program_edit #table_student_manage #td_first {
    width: 200px;
}
.section_program_edit #table_student_manage td{
    width: 350px;
}
body .section_program_edit .display_section .footer_bar .btn_action_section {
    padding-right: unset;
}
body .section_program_edit .display_section .footer_bar{
    width: calc(100% - (3px + 3px));
    margin-bottom: 3px;
    left: 3px;
}
.section_program_edit #table_student_manage td{
    height: 44px;
}
.section_program_edit .display_section .content_bar{
    height: calc(100% - (59px + 42px + 51px + 18px));
}
.section_program_create .display_section .top_bar {
    margin-bottom: 12px;
}
.section_program_create .display_section .content_bar{
    height: calc(100% - (59px + 51px + 16px));
}
.popup_program_edit .box_content_popup .box_right{
    left: 189px;
}
.main_display_section .section_upgrade .btn_action_section{
    margin-top: unset;
    margin-left: unset;
    padding-right: unset;
}
.box_w204{
    width: 220px;
    height: 36px;
    box-sizing: border-box;
    position: absolute;
    line-height: 36px;
}
.section_studentgroup .txt_year{
    box-sizing: border-box;
    margin-left: 6px;
    margin-right: 6px;
}
.section_upgrade .txt_year{
    box-sizing: border-box;
    margin-left: 6px;
    margin-right: 6px;
}
.student_group_popup .txt_year{
    box-sizing: border-box;
    margin-right: 6px;
}
body .section_creategroup .display_section .footer_bar{
    width: calc(100% - 8px);
    margin-bottom: 4px;
    margin-left: 4px;
}
.section_creategroup .footer_bar .btn_action_section{
    margin-top: 3px;
}
.section_creategroup .content_bar{
    width: 100%;
    height: calc(100% - (60px + 60px));
    position: relative;
    box-sizing: border-box;
}
.section_upgrade .box_table_student_manage #student_progress_table .c2{
    width: 140px;
}
.section_upgrade .box_table_student_manage_2 #table_student_manage .td_2{
    width: 140px;
}
body .section_userprofile .display_section .box_list{
    height: 292px;
}
body .section_userprofile .display_section .box_list .box_profile{
    height: 146px;
}
.section_userprofile .display_section .top_bar .box_top_bar{
    width: 100%;
    height: 100%;
    padding: 11px 0px 17px 10px;
    border-bottom: 1px solid #CBCBCB;
}
.section_userprofile .display_section .top_bar{
    margin-left: 3px;
    margin-right: 3px;
    width: unset;
    height: 52px;
    border-bottom: unset;
}
body .section_userprofile .display_section .footer_bar {
    width: calc(100% - (3px + 3px));
    margin-bottom: 3px;
    left: 3px;
}
body .section_userprofile .footer_bar .btn_action_section .btn_h36px{
    margin-top: 10px;
}
.popup_userprofile .box_input_password{
    margin-top: 6px;
    margin-bottom: 6px;
}
.student_group_popup .box_top_year_content_1{
    width: 100%;
    height: 100px;
    position: relative;
    box-sizing: border-box;
}
.display_section_content .footer_bar{
    width: 100%;
    height: 48px;
    position: absolute;
    bottom: 0px;
    box-sizing: border-box;
    border-top: 1px solid #CBCBCB;
}
#table_student_manage{
    width: 100%;
    height: 100%;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0px;
}
#table_content_h44{
    width: 100%;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0px;
}
#table_content_h47{
    width: 100%;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0px;
}
#table_staff_manage{
    width: 100%;
    height: 100%;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0px;
}
.box_table_student_manage_2 .table_institutes td{
    border-bottom: 1px solid #F0F0F0;
}
.box_table_student_manage_2 .table_download td{
    border-bottom: 1px solid #CBCBCB;
}
.table_popup{
    width: 100%;
    height: 100%;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0px;
}
#table_student_manage th{
    padding-left: 12px;
    padding-right: 12px;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    box-sizing: border-box;
}
#table_staff_manage th{
    width: 60px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    box-sizing: border-box;
}
.table_popup th{
    width: 80px;
    font-size: 16px;
    font-weight: unset;
    color: #404040;
}
#tr_first{
    height: 100%;
    background-color:#62BAE0;
    border-radius: 8px;
    border: 1px solid  rgba(0, 0, 0, 0.15);
}
#table_student_manage td{
    width: 230px;
    height: 63px;
    border-bottom: 1px solid #CBCBCB;
    font-size: 16px;
    padding-right: 12px;
    padding-left: 12px;
    box-sizing: border-box;
}
#table_content_h44 td{
    /* width: 230px;
    height: 44px;
    font-size: 16px;
    padding-right: 12px;
    padding-left: 12px;
    box-sizing: border-box; */
}
#table_content_h47 td{
    width: 120px;
    height: 47px;
    border-bottom: 1px solid #CBCBCB;
    font-size: 16px;
    /* padding-right: 12px;
    padding-left: 12px; */
    text-align: left;
    box-sizing: border-box;
}
#table_staff_manage td{
    width: 54px;
    height: 63px;
    border-bottom: 1px solid #CBCBCB;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
#table_student_manage th {
    width: 230px;
}
#table_student_manage #td_first{
    width: 340px;
}
#table_content_h44 #td_first{
    width: 340px;
}
#table_student_manage #td_last{
    width: unset;
}
#table_content_h44 #td_last{
    width: unset;
}
#table_content_h47 #td_last{
    width: unset;
}
#table_student_manage #th_first{
    width: 340px;
    border-radius: 8px 0px 0px 8px;
}
#table_student_manage #th_last{
    width: unset;
    border-radius: 0px 8px 8px 0px;
}
#table_staff_manage #td_first{
    width: 340px;
    text-align: unset;
}
#table_staff_manage #td_last{
    width: unset;
}
#table_staff_manage #th_first{
    width: 340px;
    border-radius: 8px 0px 0px 8px;
    text-align: unset;
}
#table_staff_manage #th_last{
    width: unset;
    border-radius: 0px 8px 8px 0px;
}
#table_staff_manage .td_width120px{
    width: 200px;
    text-align: left;
}
#table_staff_manage .td_width130px{
    width: 130px;
    text-align: unset;
}
#table_staff_manage .td_width220{
    width: 220px;
    text-align: unset;
}
.box_table_student_manage #student_progress_table .c1_width340{
    width: 340px;
}
.box_table_student_manage #student_progress_table .c1_width120{
    width: 120px;
}
.box_table_student_manage #student_progress_table .c1_width220{
    width: 220px;
}
.box_table_student_manage #student_progress_table .c_student_manage{
    width: 230px;
    padding-left: 12px;
    box-sizing: border-box;
}
.box_table_student_manage #student_progress_table .c_staff_manage{
    width: 54px;
    box-sizing: border-box;
    text-align: center;
}
.box_table_student_manage #student_progress_table .c_download_tempplate{
    width: 230px;
    box-sizing: border-box;
    padding-left: 12px;
}
.box_table_student_manage #student_progress_table .c_institutes{
    width: 80%;
    box-sizing: border-box;
    padding-left: 12px;
}
.box_table_student_manage_2 #td_institutes{
    width: 80%;
}
.rotation_edit_popup #td_institutes{
    width: 320px;
}
.txt_box_user_management_content{
    position: relative;
    text-align: center;
    top: 30px;
}
.txt_s10{
    font-size: 10px;
}
.txt_s12{
    font-size: 12px;
}
.txt_s14{
    font-size: 14px;
}
.txt_s14_bold{
    font-size: 14px;
    font-weight: bold;
}
.txt_s15{
    font-size: 15px;
}
.txt_s15_bold{
    font-size: 15px;
    font-weight: bold;
}
.txt_s16{
    font-size: 16px;
}
.txt_s16_bold{
    font-size: 16px;
    font-weight: bold;
}
.txt_s16_semibold{
    font-size: 16px;
    font-weight: bold;
}
.txt_s18_bold{
    font-size: 18px;
    font-weight: bold;
}
.txt_search{
    font-size: 16px;
    color:#3C3C43; 
}
.txt_colorblack{
    color: #404040;
}
.txt_colorblue{
    color: #62BAE0;
}
.txt_colorwhite{
    color: #FFFFFF;
}
.txt_colorgray{
    color: #808080;
}
.txt_colorgray_2{
    color: #707070;
}
.txt_colorgray_3{
    color: #D9D9D9;
}
.txt_colorgray_4{
    color: #5C5C5C;
}
.txt_colorgray_5{
    color:  rgba(64, 64, 64, 0.82);
}
.txt_colorgreen{
    color: #399899;
}
.txt_colorred{
    color: #DE6D68;
}
.txt_total_license{
    position: relative;
    display: inline;
}
.txt_license{
    position: relative;
    display: inline;
}
.txt_total_storage{
    position: relative;
    display: inline;
}
.txt_storage{
    position: relative;
    display: inline;
}
.line_box_data{
    height: calc(100% - 22.5px - 21.5px);
    width: 1px;
    background-color: #D9D9D9;
    border-radius: 0.5px;
    position: absolute;
    top: 22.5px;
    left: calc(50% - (1px/2));
}
.add_img_table{
    width: 36px;
    height: 36px;
    position: absolute;
    border-radius: 100%;
}
.add_icon_table{
    width: 7px;
    height: 16px;
    position: absolute;
    right: calc(0px + 8px + 12px);

}
.add_list_profile{
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 100%;
    background-position: center center;
    background-size: cover;
    left: calc(50% - (100px/2));
}
.add_icon_correct{
    position: absolute;
    top: calc(50% - (22px/2));
    right: calc(0px + (22px/2) + 16px);
}
.icon_search{
    position: absolute;
    padding: 7px 4px;
}
.popup_box .content_popup {
    width: calc(100%);
    height: 130px;
}
.popup_box .content_popup_2 {
    width: 100%;
    margin-left: 6px;
    padding-right: 6px;
    box-sizing: border-box;
}
.popup_box .student_group_popup {
    height: 400px;
}
.popup_box .box_content_popup{
    width: 100%;
    height: 80px;
    position: relative;
    box-sizing: border-box;
    margin-top: 12px;
    margin-right: 6px;
}
.popup_box .delete_popup .box_content_popup{
    height: 36px;
    line-height: 36px;
}
.popup_box .create_program_popup .box_content_popup{
    height: 36px;
}
.popup_box .popup_h36 .box_content_popup{
    height: 36px;
    line-height: 36px;
}
.popup_box .box_edit_profile{
    height: 36px;
    margin-top: 16px;
    line-height: 36px;
}
.content_popup_2 .box_edit_profile .box_w145{
    width: 145px;
}
.content_popup_2 .box_edit_profile .box_w276{
    width: 276px;
}
.create_program_popup .box_content_popup .box_w276{
    width: 276px;
}
.create_program_popup .box_content_popup .popup_year{
    right: 0px;
}
.create_program_popup_1 .input_popup{
    width: 100%;
}
.popup_box .create_program_popup_2{
    height: 100px;
}
.popup_box .create_program_popup_2 .btn_h36px{
    width: 270px;
    position: relative;
    bottom: unset;
    left: calc(50% - (270px/2));
    margin-bottom: 10px;
    text-align: center;
}
.content_popup_2 .box_edit_profile .btn_h36px{
    position: absolute;
    left: 145px;
}
.content_popup_2 .box_input_name .btn_h36px{
    position: relative;
    left: 145px;
}
.box_input_name .box_w145{
    margin-right: 12px;
}
.courselist_popup .box_content_popup .box_w36{
    width: 36px;
}
.courselist_popup .box_content_popup .box_w346{
    width: 352px;
}
.courselist_popup .content_popup_2 .popup_1 .btn_h36px {
    position: relative;
    left: 105px;
}
.courselist_popup .content_popup_2 .popup_2 .btn_h36px {
    position: relative;
    left: 192px;
    width: 265px;
    margin-bottom: 8px;
}
.courselist_popup .content_popup_2 .popup_2 {
    margin-bottom: 8px;
}
.courselist_popup .box_left {
    position: absolute;
    left: 192px;
}
.courselist_popup .box_descrip .btn_h36px{
    height: 100%;
}
.courselist_popup .content_popup_2 .box_descrip{
    height: 106px;
}
.courselist_popup .content_popup_2 .box_content_popup .btn_h36px {
    font-size: 15px;
}
.courselist_popup .box_file{
    width: 100%;
    height: 36px;
    box-sizing: border-box;
}
.courselist_popup .footer_bar .btn_h36px{
    width: 128px;
    margin-right: 8px;
}
.content_popup_2 .box_top_year_content_1 .box_right {
    right: -20px;
}
.box_edit_profile .btn_h36px {
    width: 305px;
    background-color: #FFFFFF;
    color: #404040;
    font-weight: unset;
    border: 1px solid  rgba(0, 0, 0, 0.1);
    padding: 0px 8px;
}
.table_popup .input_popup{
    width: 100%;
    background-color: #FFFFFF;
    color: #404040;
    font-weight: unset;
    border: 1px solid  rgba(0, 0, 0, 0.1);
    padding: 0px 8px;
}
.input_popup{
    width: 276px;
    height: 36px;
    background-color: #FFFFFF;
    border: 1px solid  rgba(0, 0, 0, 0.1);
    padding: 0px 8px;
    border-radius: 8px;
    font-size: 16px;
    box-sizing: border-box;
}
.delete_popup .input_popup{
    width: 253px;
}
.popup_affiliate .input_popup{
    width: 282px;
}
.box_content_popup .txt_edit_profile{
    position: absolute;
    left: 0px;
}
.box_content_popup .input_popup{
    position: absolute;
    right: 0px;
}
.box_content_popup .btn_h36px{
    position: absolute;
    bottom: 0px;
    left: 175px;
}
.c2_th{
    width: 100px;
}
.rotation_edit_popup #table_content_h44 .r2_td{
    width: 100px;
}
.box_rule_password{
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.rule_password{
    width: 300px;
    height: 24px;
    position: relative;
    left: 0px;
    line-height: 24px;
    margin-bottom: 6px;
}
.txt_rule_password{
    position: absolute;
    padding-left: 8px;
}
.popup_userprofile .input_popup{
    width: 253px;
}
.display_section_content .box_table_student_manage_2{
    margin-top: 10px;
}
.display_section .box_table_creategroup_2{
    margin-top: 10px;
}
.display_section .box_table_student_manage_2{
    margin-top: 10px;
}
input.input_search:hover {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}
input.input_search:focus {
    border: 2px solid #62BAE0;
    box-shadow: 0px 0px 6px #62BAE0;
    transition: 0.00000000000000001s;
}
.box_addstudent{
    width: 100%;
    height: 36px;
    margin-bottom: 12px;
    box-sizing: border-box;
    position: relative;
}
.box_addstudent .box_right{
    position: absolute;
    right: 0px;
}
.section_student_manage .display_section_content .box_table_student_manage #student_progress_table .c_student_manage{
    width: 180px;
}
.section_student_manage .display_section_content #table_student_manage td{
    width: 180px;
}
.box_please_check{
    padding-top: 6px;
    padding-bottom: 11px;
}
.popup_box input{
    border-radius: 10px;
}
.section_student_list .content_popup_2 {
    margin-left: 1px;
    padding-right: unset;
}
.section_student_list .content_popup_2 .box_input_name .btn_h36px{
    left: 150px;
}
.section_student_list .content_popup_2 .box_edit_profile .btn_h36px{
    left: 150px;
}
body .section_student_list .footer_bar .btn_action_section .btn_h36px{
    margin-top: 10px;
}
.section_student_list .display_section .top_bar .box_top_bar{
    width: 100%;
    height: 100%;
    padding: 11px 0px 17px 10px;
    border-bottom: 1px solid #CBCBCB;
}
.section_student_list .display_section .top_bar{
    margin-left: 3px;
    margin-right: 3px;
    width: unset;
    height: 52px;
    border-bottom: unset;
}
body .section_student_list .display_section .footer_bar {
    width: calc(100% - (3px + 3px));
    margin-bottom: 3px;
    left: 3px;
}
body .section_staff_list .footer_bar .btn_action_section .btn_h36px{
    margin-top: 10px;
}
.section_staff_list .display_section .top_bar .box_top_bar{
    width: 100%;
    height: 100%;
    padding: 11px 0px 17px 10px;
    border-bottom: 1px solid #CBCBCB;
}
.section_staff_list .display_section .top_bar{
    margin-left: 3px;
    margin-right: 3px;
    width: unset;
    height: 52px;
    border-bottom: unset;
}
body .section_staff_list .display_section .footer_bar {
    width: calc(100% - (3px + 3px));
    margin-bottom: 3px;
    left: 3px;
}
.section_student_manage .display_section_content .box_table_student_manage_2{
    margin-top: 8px;
}
.section_staff_manage .display_section_content .box_table_student_manage_2{
    margin-top: 8px;
}
.section_download_template .display_section .box_table_student_manage_2{
    margin-top: 8px;
}
.txt_absolute{
    position: absolute;
}
.section_download_template .box_table_student_manage{
    padding-left: unset;
    padding-right: unset;
}
.section_download_template .box_table_student_manage_2{
    padding-left: unset;
    padding-right: unset;
    height: calc(100% - (38px + 44px + 8px + 25px));
}
.section_download_template .box_bottom_download .bottom_download{
    right: 10px;
}
.section_affiliate .box_table_student_manage #student_progress_table .c_institutes{
    padding-left: 7px;
}
.section_affiliate .box_display_section #table_content_h44 td{
    padding-left: 7px;
}
.section_studentgroup .box_table_student_manage #student_progress_table .c_institutes{
    padding-left: 7px;
}
.section_studentgroup #table_content_h44 td{
    padding-left: 7px;
}
.section_studentgroup .box_table_student_manage_2{
    margin-top: 6px;
    height: calc(100% - (38px + 44px + 8px + 42px));
}
body .section_student_group_popup .content_popup_2{
    margin-left: unset;
    padding-right: unset;
}
.section_student_group_popup .box_table_popup_2{
    margin-top: 8px;
    height: calc(100% - (26px));
}
.section_creategroup .box_creategroup_c1{
    line-height: 36px;
}
.section_creategroup .box_top_bar{
    width: calc(100% - 4px);
    height: 100%;
    padding: 11px 0px 17px 10px;
    border-bottom: 1px solid #CBCBCB;
}
body .section_creategroup .display_section .top_bar{
    height: 52px;
    border-bottom: unset;
}
.section_creategroup .box_creategroup_2 .btn_action_section .btn_h36px{
    margin-right: 4px;
}
.section_creategroup .display_section .box_table_creategroup_2{
    height: calc(100% - (38px + 95px));
    margin-top: 8px;
}
.section_creategroup #table_content_h44 #td_last {
    padding-right: 16px;
}
.section_upgrade #student_progress_table .c1{
    padding-left: 7px;
}
.section_upgrade #table_student_manage #td_first{
    padding-left: 8px;
}
.main_display_section .section_upgrade .box_table_student_manage_2{
    margin-top: 8px;
}
.section_rotation .display_section_content .box_table_student_manage_2{
    margin-top: 8px;
}
.section_rotation .box_table_student_manage_2{
    height: calc(100% - (38px + 44px + 8px));
    padding-left: 15px;
}
.section_rotation .display_section_content .table_header  .c1_roration{
    width: 127px;
}
.section_rotation #table_content_h47 td{
    width: 140px;
}
.section_rotation #table_content_h47 #td_first{
    width: 120px;
}
.section_rotation_edit .box_creategroup_1_ct{
    width: 100%;
}
.section_rotation_edit .box_creategroup_1_ct .box_right{
    left: 389px;
}
.section_rotation_edit .box_creategroup_1{
    padding: 10px 0px 30px 0px;
    width: calc(100% - (3px + 3px));
    left: 3px;
}
.section_rotation_edit .box_creategroup_2_ct .box_right{
    right: 0px;
}
.section_rotation_edit .box_creategroup_3 .box_ct_3{
    width: calc(50% - (8px));
    padding: 12px 0px 0px 8px;
}
.section_rotation_edit .box_table_ct_3{
    width: calc(100% - (28px));
    padding-left: 6px;
}
.section_rotation_edit .box_top_ct_3{
    width: calc(100% - (28px));
}
.section_rotation_edit .box_table_creategroup .c_institutes{
    padding-left: 13px;
}
.section_rotation_edit .box_table_creategroup_2 #table_content_h44 td{
    padding-left: 13px;
}
.section_rotation_edit .display_section .box_table_creategroup_2{
    margin-top: 16px;
}
.section_rotation_edit .box_creategroup_2_ct{
    margin-left: 3px;
    padding: unset;
}
.section_rotation_edit .box_creategroup_2_ct .box_ct_2{
    padding-left: unset; 
}
.section_rotation_edit .box_table_ct_3{
    height: calc(100% - (18px));
}
body .section_rotation_edit .display_section .top_bar{
    height: 52px;
    border-bottom: unset;
}
.section_rotation_edit .box_top_bar {
    width: calc(100% - 4px);
    height: 100%;
    padding: 11px 0px 17px 10px;
    border-bottom: 1px solid#D9D9D9;
}
.rotation_edit_popup .box_table_popup_2 #table_content_h44 td{
    border-bottom: 1px solid #CBCBCB;
}
.popup_box .rotation_edit_popup{
    margin-left: unset;
    padding-right: unset;
}
.rotation_edit_popup .box_table_popup_2{
    height: calc(100% - (44px + 8px));
}
.section_courselist #student_progress_table .c1{
    padding-left: 7px;
}
.section_courselist .box_top_year_content_1 .box_right{
    left: 232px;
}
.section_courselist .td_3 .btn_h36px {
    height: 29px;
    line-height: 29px;
    font-size: 16px;
    padding: 0px 8px 0px 8px;
}
.courselist_popup .box_content_popup .txt_s15 {
    padding-top: unset;
}
.courselist_popup .content_popup_2{
    margin-left: unset;
    padding-right: unset;
}
.section_programyear .box_top_year_content_1{
    width: 100%;
}
.section_programyear .box_top_year_content_1 .box_right{
    left: 232px;
}
.section_programyear .display_section_content .box_table_student_manage_2{
    margin-top: 8px;
}
.section_programyear .content_popup_2{
    margin-left: unset;
    padding-right: unset;
}
.section_program_edit .box_table_student_manage_2{
    height: calc(100% - (38px + 0px));
}
.popup_box .section_program_edit .box_table_popup .c_institutes{
    width: 150px;
}
.popup_box .section_program_edit #table_content_h44 #td_institutes{
    width: 150px;
}
.popup_box .section_program_edit .box_table_popup .c2_th {
    width: 250px;
}
.popup_box .section_program_edit #table_content_h44 .r2_td{
    width: 250px;
}
.section_program_edit .content_popup_2 .popup_2 .box_right {
    left: 189px;
    position: absolute;
}
.select_search{
    width: 372px;
    height: 36px;
    position: absolute;
    left: calc(50% - (372px/2));
}
.checkbox_circle{
    width: 22px;
    height: 22px;
    border: 2px solid #404040;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - (26px/2));
    left: calc(50% - (22px/2));
}
.checkbox_circle_black{
    top: calc(50% - (4px/2));
    left: 12px;
}
.checkbox_circle_disabled{
    border: 2px solid #bfbfbf;
}
.box_rule_password .checkbox_circle{
    width: 20px;
    height: 20px;
    left: 0px;
}
.checkbox_square{
    width: 18px;
    height: 18px;
    border: 2px solid #404040;
    border-radius: 6px;
    position: absolute;
    top: calc(50% - (22px/2));
    right: calc(0px + (22px/2) + 16px);
}
.checkbox_square_black{
    width: 18px;
    height: 18px;
    border: 2px solid #404040;
    border-radius: 6px;
    position: absolute;
    top: calc(50% - (4px/2));
    left: 12px;
}
.c_institutes .checkbox_square_black{
    left: unset;
    top: calc(50% - (8px/2));
    background-color: #FFFFFF;
}
.box_checkbox{
    display: block;
    position: relative;
    cursor: pointer;
    user-select: none;
}
.box_checkbox{
    display: block;
    position: relative;
    cursor: pointer;
    user-select: none;
}
.box_rule_password .box_checkbox{
    padding-left: 35px;
    margin-bottom: 12px;
}
.box_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
  /* When the checkbox is checked, add a blue background */
.box_checkbox input:checked ~ .checkbox_circle {
    background-color: #62BAE0;
    border: 1px solid #62BAE0;
}
  
/* Create the checkbox_circle/indicator (hidden when not checked) */
.checkbox_circle:after {
    content: "";
    position: absolute;
    display: none;
}
  
/* Show the checkbox_circle when checked */
.box_checkbox input:checked ~ .checkbox_circle:after {
    display: block;
}
.box_checkbox .checkbox_circle:after {
    left: 7px;
    top: 2px;
    width: 6px;
    height: 13px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.2s;
}
.box_rule_password .box_checkbox .checkbox_circle:after {
    left: 6px;
    top: 2px; 
}
.box_checkbox input:checked ~ .checkbox_square {
    background-color: #404040;
}
.checkbox_square:after {
    content: "";
    position: absolute;
    display: none;
}
.box_checkbox input:checked ~ .checkbox_square:after {
    display: block;
}
.box_checkbox .checkbox_square:after {
    left: 5px;
    top: 0px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.2s;
}
.box_checkbox input:checked ~ .checkbox_square_black {
    background-color: #404040;
}
.checkbox_square_black:after {
    content: "";
    position: absolute;
    display: none;
}
.box_checkbox input:checked ~ .checkbox_square_black:after {
    display: block;
}
.box_checkbox .checkbox_square_black:after {
    left: 5px;
    top: 0px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.box_checkbox .checkbox_square_black:hover {
    border-color: #62BAE0;
}

.add_edit_photo{
    width: 24px;
    height: 24px;
    position: absolute;
    border-radius: 100%;
    top: 66px;
    left: calc(50% + 29px);
}
.meaning_square{
    background-color: #FFFFFF;
    width: calc(180px - 28px);
    border-radius: 12px;
    position: absolute;
    top: 12px;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.1);
    border: unset;
    padding: 10px 14px;
}
.meaning_triangel{
    width: 22px;
    height: 12px;
    position: absolute;
    top: 0px;
    left: calc(50% - (14px/2));
}
.box_meaning{
    width: 180px;
    box-sizing: border-box;
    position: absolute;
    left: 274px;
    top: 32px;
    z-index: 20;
}
.meaning_PA{
    left: 346px;
}
.meaning_PAS{
    left: 398px;
}
.meaning_CA{
    left: 456px;
}
.meaning_CAS{
    left: 510px;
}
.meaning_PD{
    left: 562px;
}
.meaning_CD{
    left: 616px;
}
.meaning_RM{
    left: 670px;
}
.meaning_SA{
    left: 726px;
}
.meaning_TC{
    left: 780px;
}
.meaning_txt_top{
    text-align: left;
    padding-bottom: 9px;
    border-bottom: 1px solid #CBCBCB;
    /* margin-top: 13px;
    margin-bottom: 5px;
    padding-left: 14px;
    padding-right: 14px; */
}
.meaning_txt{
    padding-top: 8px;
    
}