@charset 'utf-8';

@media (max-width:1540px) {
    #sub .about_top .desc {left: 330px;}

    .overview .show_slide_bx .slide .img_box > img {width: 600px;}
    .overview .show_slide_bx .slide .desc_box {width: 59%;}
    .overview .exhibit_list {justify-content: space-between;}
    .overview .exhibit_list > li {width: 32%;}

    .accordion-container .accordion-title > span {font-size: 28px;}
}

@media (max-width:1400px) {
    #sub .about_top .desc {max-width: 840px;}
    
    .previous .num_chart .canvas_box {width: 35%;}

    .part_guide .timeline_list > li .box > strong {font-size: 16px;line-height: 1.6;padding: 0.7rem 1rem;}
}

@media (max-width:1300px) {
    #sub .overview .about_top .sub_cont_tit.top_tit {position: static;transform: inherit;width: auto;padding-left: 20px;}
    #sub .overview .about_top .sub_cont_tit.top_tit br {display: none;}
    #sub .overview .about_top .desc {position: static;transform: inherit;}
    #sub .cont-box .desc p {padding: 1rem;}
    #sub .about_top .cont-box {background: linear-gradient(to right,#11dd2f, #01e9e3,#0081ee,  #0054cf, #0027a6);justify-content: center;}
    #sub .sponsor_prog .about_top .desc {flex: none;background: linear-gradient(to right,#11dd2f, #01e9e3,#0081ee,  #0054cf, #0027a6);position: static;transform: none;}
    #sub .about_top .cont-box .desc p {font-size: 18px;}
    #sub .about_top .cont-box .img_box {display: none;}

    .overview .show_slide_bx .slide .img_box > img {width: 440px;}
    .overview .show_slide_bx .slide .desc_box {width: 64%;}
    .overview .show_slide_bx .slide .desc_box > strong {font-size: 20px;}
    #sub .overview .show_slide_bx .slide .desc_box .txt {margin: 0;padding: 16px 1rem;}
    .overview .bx-controls {bottom: 87px;}
    .overview .downloads ul {flex-direction: column;}
    .overview .downloads ul > li {flex: none;width: 100%;margin-bottom: 20px;}

    .msg .msg_list > li.one .img_box {margin-right: 30px;}
    .msg .msg_list > li.three .img_box {margin-right: 30px;}
    .msg .msg_list > li.two .img_box {margin-left: 30px;}
    .msg .msg_list > li p br {display: none;}
    .msg .msg_list > li .img_box {height: auto;width: 40%;flex: none;}

    .previous .peformance .info > ul > li strong {font-size: 32px;}

    .bat_confer .img_box {margin-bottom: 30px;width: 100%;justify-content: center;}
    .bat_confer .desc {padding: 1rem;}
    .bat_confer .desc p {font-size: 20px;}
    .bat_confer .bat_confer_box {flex-direction: column;align-items: center;}

    .side_eve .side_list > li {flex-direction: column-reverse;}
    .side_eve .side_list > li .desc {padding-right: 0;text-align: center;margin-top: 20px;}
    .side_eve .side_list > li .desc p {font-size: 18px;line-height: 1.6;}
    #sub .side_eve .sub_cont_tit {width: auto;padding: 0.7rem 1rem;}

    .part_guide .timeline_list {flex-wrap: wrap;}
    .part_guide .timeline_list > li {width: 50%;margin-bottom: 70px;}
    #sub .part_guide .timeline_list > li .box {text-align: center;}
    .part_guide .timeline_list > li:last-of-type::after {display: block;}

    .part_guide .booth_details .tbl-type-c td > strong {font-size: 20px;}
    .part_guide .booth_details .tbl-type-c td li {font-size: 16px;}

    .part_benefit .benefit_list > li {width: 48%;}
    #sub .part_benefit .sub_cont_tit {font-size: 20px;}

    .offi_subcont .include > ul > li {width: 30%;}
    .offi_subcont .official > div > ul > li {width: 90%;}

    .ent_pro .order {flex-direction: column;display: inline-flex;}
    .ent_pro .order > li::after {right: -46px;}

    .newsletter_notice .letter_refer {flex-direction: column;text-align: left;}
    .newsletter_notice .letter_refer > label:first-of-type {margin-right: 0;}

    .info_info .info_list > li {width: 100%;}
    .info_info .info_list > li:nth-of-type(odd) {margin-right: 0;}
    .info_info .info_list > li > a:hover {background: none;}
    .info_info .info_list > li > a > p {font-size: 16px;}
    .info_info .info_list > li > a > img {width: 90px;}

    .accordion-container .accordion-title > span {display: block;padding-bottom: 10px;}

    .info_contact .info_contact_list > li > p {font-size: 18px;line-height: 1.6;}

}

@media (max-width:1080px) {
    body.page:not(.twentyseventeen-front-page) .entry-title {font-size: 36px !important;}

    #sub .sub_cont_tit {width: auto;font-size: 22px;padding: 0.7rem 1rem;}

    #sub .about_top .cont-box {flex-direction: column;}

    .tbl-type-a th {font-size: 20px;}
    .tbl-type-a td {font-size: 16px;}

    .overview .bx-viewport {height: 460px !important;}
    .overview .show_slide_bx .slide {flex-direction: column;}
    .overview .show_slide_bx .slide .img_box {width: 100%;}
    .overview .show_slide_bx .slide .img_box > img {width: 100%;}
    .overview .show_slide_bx .slide .desc_box {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #fff;}
    .overview .bx-controls {bottom: auto;top: 0;right: 24px;transform: translateY(50%);background-color: #fff;padding: 7px;border-radius: 7px;}
    .overview .exhibit_list > li {width: 48%;}
    .overview .exhibit_list > li > strong {padding: 2rem 1rem;}

    .msg .msg_list > li {flex-direction: column;}
    .msg .msg_list > li.two {flex-direction: column;}
    .msg .msg_list > li .img_box {margin-bottom: 50px;margin-right: 0;width: 100%;display: flex;justify-content: center;}
    .msg .msg_list > li.two .img_box {margin-left: 0;}
    .msg .msg_list > li.one .img_box {margin-right: 0;}
    .msg .msg_list > li.three .img_box {margin-right: 0;}

    .exhibitor_box {flex-direction: column;}
    .exhibitor_box .search_box {margin-right: 0 !important;margin-bottom: 30px;}
    .exhibitor_box .search_box select {width: 100% !important;}
    #sub .coplist_btn {padding-left: 0;text-align: center;}

    .previous .img_box {flex: none;width: 30%;}
    .previous .peformance .info > ul {flex-direction: column;}
    .previous .peformance .info > ul > li {padding: 1rem;}
    .previous .peformance .info > ul > li:last-of-type::after {display: none;}
    .previous .peformance .info > ul > li:first-of-type {width: 100%;}
    .previous .num_chart .canvas_box {width: 40%;}
    .previous .bars.four > li {width: 100%;margin-bottom: 30px;}

    .special_events > ul > li{width: 40%;}
    .special_events > ul > li .img_box {margin-bottom: 10px;}
    .special_events > ul > li > a > p {margin: 0 0 20px;font-size: 16px;}

    #sub .part_benefit .sub_cont_tit {width: 90%;}

    .offi_subcont .include > ul > li {width: 45%;}
    
    #sub .media_ad .sub_cont_tit {width: auto;}
    .media_ad .regi > ul {flex-wrap: wrap;justify-content: center;}
    .media_ad .regi > ul > li {width: 48%;}
    .media_ad .regi > ul > li:nth-of-type(2)::after {display: none;}
    .media_ad .regi > ul > li:nth-of-type(4)::after {display: none;}
    .media_ad .regi > ul > li:nth-of-type(5)::after {display: none;}

}   

@media (max-width:960px) {
    .overview .bx-controls {display: none;}

    .previous .pre_overview_box {flex-direction: column;align-items: center;}
    .previous .pre_overview_box .img_box {margin-bottom: 30px;}
    .previous .doughnuts {flex-wrap: wrap;}
    .previous .doughnuts > li {width: 40%;margin-bottom: 30px;}

    .ex_regi .step .downloads > ul {flex-wrap: wrap;}
    .ex_regi .step .downloads > ul > li {padding: 1rem;width: 350px;}
    .ex_regi .step .downloads > ul > li:first-of-type {margin-right: 0;}

    .sponsor_prog .prog_list > ul > li > strong {font-size: 20px;width: 100%;}
    
    .media_ad .tbl-type-a th {padding: 1rem;}
    .media_ad .tbl-type-a td {padding: 1rem;}

    .info_contact .info_contact_list > li {width: 100%;}
    .info_contact .info_contact_list > li:nth-of-type(odd) {margin-right: 0;}
}

@media (max-width:767px) {
    .tbl-type-a th {font-size: 16px;}

    .overview .bx-viewport {height: 330px !important;}
    .overview .show_slide_bx .slide .desc_box {width: 90%;}
    .overview .show_slide_bx .slide .desc_box > strong {font-size: 18px;}
    #sub .overview .show_slide_bx .slide .desc_box .txt {font-size: 16px;}
    .overview .exhibit_list > li {width: 100%;margin-right: 0;}
    .overview .exhibit_list > li:first-of-type {margin-right: 0;}
    .overview .exhibit_list > li+li {margin-right: 0;}
    .overview .exhibit_list > li > strong {font-size: 16px;}
    .desc_list_modal > li > p {font-size: 16px;}
    .desc_list_modal > li > p:nth-of-type(1) {padding: 0 60px 0 30px;}
    .desc_list_modal > li:nth-of-type(1) {top: 83px;}
    .desc_list_modal > li:nth-of-type(2) {top: 202px;}
    .desc_list_modal > li:nth-of-type(3) {top: 321px;}
    .desc_list_modal > li:nth-of-type(4) {top: 438px;}
    .desc_list_modal > li:nth-of-type(5) {bottom: auto;top: 540px;}
    .desc_list_modal > li:nth-of-type(6) {bottom: auto;top: 654px;}
    .desc_list_modal > li:nth-of-type(7) {bottom: auto;top: 769px;}

    #sub .previous .sub_cont_tit {width: auto;}

    .previous .num_chart > strong {font-size: 18px;margin-bottom: -30px;}
    .previous .num_chart .canvas_box {width: 50%;}

    #sub .bat_confer .sub_cont_tit {width: auto;}

    .tbl-type-c td {padding: 1rem 10px;}
    .part_guide .booth_details .tbl-type-c td > strong {font-size: 16px;padding: 0.7rem;}
    .part_guide .booth_details .tbl_box .tbl-type-c {min-width: 560px;}

    #sub .part_benefit .sub_cont_tit {font-size: 18px;}
    .part_benefit .benefit_list > li .pop {width: 98%;}

    #sub .about_top .cont-box .desc p {font-size: 16px;}

    .offi_subcont .include > ul > li {width: 100%;font-size: 16px;}
    #sub .offi_subcont .sub_cont_tit {width: auto;}
    .offi_subcont .official > div {flex-direction: column;}
    .offi_subcont .official > div > ul {justify-content: center;width: 100%;}
    .offi_subcont .official > div > ul > li {margin: 0 0 10px 0;padding: 1rem 0.7rem;font-size: 16px;}
    .offi_subcont .tele > p {font-size: 16px;}
    .offi_subcont .tele > p strong {font-size: 20px;}

    .media_ad .possible {flex-direction: column;}
    .media_ad .possible > img {margin-right: 0;margin-bottom: 40px;}
    #sub .media_ad .xpace p {font-size: 16px;}
    .media_ad .channel > ul > li {width: 100%;}
    .media_ad .channel > ul > li p {font-size: 16px;}
    .media_ad .channel > ul > li > strong {font-size: 18px;margin-bottom: 0;}
    .media_ad .channel > ul > li > strong::after {bottom: -14px;}
    .media_ad .down > ul {flex-direction: column;}
    .media_ad .down > ul > li:first-of-type {margin-right: 0;margin-bottom: 10px;}

    .accordion-container .accordion-title > span {font-size: 18px;}
    #sub .accordion-container .accordion-title {font-size: 16px;}

    #sub .info_contact .sub_cont_tit {width: auto;}
}

@media (max-width:640px) {
    body.page:not(.twentyseventeen-front-page) .entry-title {font-size: 26px !important;width: 100%;}
 
    #sub .about_top .sub_cont_tit.top_tit {font-size: 20px;}
    #sub .overview .about_top .cont-box .desc p {font-size: 16px;}

    .tbl-type-a th {width: auto;padding: 0 20px;}
    .tbl-type-a td {padding: 10px 20px;}

    .overview .show_slide_bx .slide .desc_box {top: 80%;}

    #kboard-thumbnail-list .kboard-list-thumb .kboard-list-thumbnail {width: 140px;height: 140px;}

    .previous .peformance .info > ul > li {font-size: 16px;}
    .previous .peformance .info > ul > li strong {font-size: 24px;}
    .previous .peformance > .wrap > div > strong {font-size: 24px;}
    .previous .doughnuts > li {width: 60%;}
    .previous .num_chart .canvas_box {width: 60%;}
    
    .bat_confer .desc p {font-size: 16px;}
    
    .special_events > ul > li {width: 48%;}
    .special_events > ul > li > a > p {line-height: 1.6;}

    .part_guide .timeline_list > li {width: 100%;}
    .part_guide .timeline_list > li::after {display: none;}
    .part_guide .timeline_list > li:last-of-type:after {display: none;}
    .part_guide .timeline_list > li::before {display: none;}
    .part_guide .tbl_box {overflow-x: auto;}
    .part_guide .booth .desc_box > ul > li {font-size: 16px;}

    .ex_regi .step_sub {font-size: 18px;}
    .ex_regi .step .desc p {font-size: 16px;}
    .ex_regi .step .note strong {font-size: 18px;}
    .ex_regi .step .note strong::before {top: -2px;}
    .ex_regi .step .note p {font-size: 16px;}
    
    .part_benefit .benefit_list > li {width: 100%; margin-bottom: 90px;position: relative;}
    #sub .part_benefit .sub_cont_tit {width: 70%;}
    .part_benefit .benefit_list > li .pop strong {font-size: 16px;}
    .part_benefit .benefit_list > li .pop p {font-size: 16px;}
    .part_benefit .benefit_list > li .pop li {font-size: 16px;}

    .sponsor_prog .prog_list > ul > li {flex-direction: column;}
    .sponsor_prog .prog_list > ul > li > strong {padding: 1rem;}
    .sponsor_prog .prog_list > ul > li .details {padding: 1rem 1rem 1rem 10px;}

    .media_ad .regi > ul > li {width: 100%;}
    .media_ad .regi > ul > li:nth-of-type(1)::after {display: none;}
    .media_ad .regi > ul > li:nth-of-type(3)::after {display: none;}

    #sub .visit_guide .sub_cont_tit {width: auto;}
    .visit_guide .tbl-type-a th {word-break: break-all;}

    .ent_pro .order > li {font-size: 16px;}
    .ent_pro .order > li::after {display: none;}
    #sub .ent_pro .sub_cont_tit {width: auto;}
    .ent_pro .ent_pro_box > ul > li > p {font-size: 20px;}
    .ent_pro .bar > li {font-size: 16px;}
    .ent_pro .common > li {font-size: 16px;}

    .newsletter_notice .letter_refer > label:first-of-type {flex-direction: column;}
    .newsletter_notice .letter_refer > label > a {margin-left: 40px;}

    #sub .media_vid .sub_cont_tit {width: auto;}

    .accordion-container .accordion-title::after {top: 20px;right: 20px;}
    .accordion-container .accordion-title::before {top: 20px;right: 20px;}
    .accordion-content {padding: 0 1em;border: 1px solid #0079c1;}
    .accordion-content p {font-size: 16px;}
    .info_faq .tabs > ul > li > a {font-size: 18px;width: 130px;padding: 0.5rem;}
}

@media (max-width:480px) {
    #sub .sub_cont_tit {font-size: 18px;}

    .overview .show_slide_bx .slide .desc_box {top: 100%;}
    .desc_list_modal > li:nth-of-type(2) {top: 197px;}
    .desc_list_modal > li:nth-of-type(3) {top: 312px;}
    .desc_list_modal > li:nth-of-type(4) {top: 426px;}

    #sub_quick ul li a {width: 40px;height: 40px;padding-top: 0;opacity: 0.5;}
    #sub_quick ul li a:hover {opacity: 1;}

    #sub .overview .downloads ul > li > a {font-size: 16px;line-height: 1.6;}

    .msg .msg_list > li .desc > p {line-height: 1.6;}

    .previous .num_chart .canvas_box {width: 87%;}
    
    #sub .bat_confer .click .click_btn {font-size: 16px;}

    #sub .part_benefit .sub_cont_tit {width: 100%;}

    .media_ad .tbl-type-a th {padding: 5px;letter-spacing: -1px;}
    .media_ad .tbl-type-a td {padding: 5px;}
    .media_ad .regi > ul > li {margin-bottom: 40px;}
    .media_ad .regi > ul > li .img_box {width: 160px;height: 160px;}
}

@media (max-width:370px) {
    .previous #participate-legend > li:nth-of-type(4) > span > i {left: 19px;}
}