/*!
Kuang v1.0.0
Copyright 2022 KuaNg**/

/* ========================================================================== */


.rwd_img {max_width: 100%;height: auto;display: block;}


.flex_grid{ 
	display: flex; 
	flex-flow:row wrap;
	justify_content: space_between;
	margin: 0 auto;
}

.flex_grid .flexbox_1_1{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_1_2{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_1_3{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_1_4{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_1_5{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_2_3{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_3_4{ flex: 0 0 auto; width: 100%;}


/**/
@media(min-width: 320px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 100%;}
	.flex_grid .flexbox_1_3{ width: 100%;}
	.flex_grid .flexbox_1_4{ width: 100%;}
    .flex_grid .flexbox_1_5{ width: 100%;}
    .flex_grid .flexbox_2_3{ width: 100%;}
	.flex_grid .flexbox_3_4{ width: 100%;}
}

@media(min-width: 768px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 100%;}
	.flex_grid .flexbox_1_3{ width: 50%;}
	.flex_grid .flexbox_1_4{ width: 50%;}
    .flex_grid .flexbox_1_5{ width: 50%;}
	.flex_grid .flexbox_2_3{ width: 50%;}
    section.speakers .flex_grid .flexbox_1_4{ width: 40%;}
    section.speakers .flex_grid .flexbox_3_4{ width: 60%;}
}

@media(min-width:1024px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 50%;}
	.flex_grid .flexbox_1_3{ width: 33.3%;}
	.flex_grid .flexbox_1_4{ width: 25%;}
    .flex_grid .flexbox_1_5{ width: 20%;}
    .flex_grid .flexbox_2_3{ width: 66.6%;}
	.flex_grid .flexbox_3_4{ width: 75%;}
}

@media(max-width:1024px) {
    .burger-box{ display: block;}
    nav .pc_menu{display:none;}
    nav .btn_apply_pad{display: block;}
    a.btn_apply_s{display:none;}
    main section .anchor{position: absolute; top: -80px; left: 0;}
    .vision {min-height: 650px;}
    .vision .bd{ width: 720px; height:560px; }
}


@media(max-width:768px) {
    section.sponsors .box .col{margin: 0 30px 0 0; width: 100%;}
    .vision {min-height: 900px;}
    .vision .bd{ top: 100px; width: 680px; height:530px; }
    .vision .headline{ width: 57%/*496px*/;}
    .vision .vision_book{ width:39%/*325px*/;}
    footer .sponsors .box .col span{margin: 0 0.25rem 1rem 0;}
    footer .copyright{ display: inline-block; margin: 0 0.5rem 0.5rem 0;}
}


@media(max-width:580px) {
    .phone_none{display: none;}
    header .logo_box {left: 1rem;}
    nav {right:1rem;}
    header .logo_box .logo { min-width:203px; min-height: 45px;}
    .burger-box{ padding-left:8px;}
    nav a.btn_line{padding-right:4px;}
    main section .box{ padding: 60px 30px; margin: 0 auto;}
    main section .anchor{position: absolute; top: -80px; left: 0;}
    main section .table .row{ flex-flow:row wrap;}
    main section .table .row div{ width: 100%;}
    main section h2.tab{font-size: 1rem;margin: 0 0 1.5rem; letter-spacing: 0;}
    main section h3{ line-height: 140%;}
    section.intro article .img{margin: 0 0 1.5rem;}
    section.agenda .row .time{ font-size: 1.5rem; margin: 0 0 1rem;}
    section.agenda .declare{ padding: 1rem 1rem 0.5rem;}
    section.speakers .speaker .bd .img{ margin: 0 0 1.5rem;padding: 0;}
    section.speakers .speaker .bd h3{ margin: 0 0 1.5rem; text-align: center;}
    section.speakers .speaker .bd h5{ text-align: center;}
    section.speakers .speaker .bd .en{display: block;}
    section.readmore .bookslist .col .img{ min-height: auto; margin: 0 0 0.5rem;}
    .vision { min-height: 650px; background-size:auto;}
    .vision .bd{ display: none;}
    .vision .vision_phone{ position: relative; top:35px; display:block; width: 270px; height: 598px; background:url("../images/vision_phone.png") no-repeat; background-size: contain; margin: 0 auto;}
    footer span{ display: block; line-height: 180%;}
    footer a.btn{ display:block; line-height: 250%;}
    footer .web a.btn{ margin: 0 0 0.5rem;}
    footer .copyright{ margin: 0 0.5rem 0.5rem 0;}
    footer .email{ display:block; margin: 0 0 1rem 0;}
    footer .sponsors .box .hd,footer .sponsors .box .ft{justify-content: left;}
    footer .sponsors .box .col{display:block; width: 100%; text-align: center;margin: 0;} 
}