@charset "utf-8"; 



.wq03_kotra {width:100%;float:left;}
.wq03_kotra .qboxwrap {}
.wq03_kotra .qboxwrap .qblock {}
.wq03_kotra .qboxwrap .qblock .quickWrap {float:left;height:205px;position:relative;overflow: hidden;z-index: 0;box-sizing: border-box;}

.wq03_kotra .imgbox {z-index: -1;/* width: 100%; */}
.wq03_kotra .imgbox img {}
.wq03_kotra .txtbox {padding: 35px 30px 20px;box-sizing: border-box;width: 100%;z-index: 1;color: #fff;}
.wq03_kotra .txtbox .qtit {font-size:20px;line-height:130%;font-weight: 600;letter-spacing: -0.5px;}
.wq03_kotra .txtbox .subtxt {font-size:16px;line-height: 160%;margin-top: 10px;}



/* quick design -special */
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(1) .txtbox {position:absolute;bottom:0;background: rgba(0,0,0,0.6);color: #fff;padding-top: 20px;height: auto !important;}


.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(1) .txtbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(4) .txtbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(6) .txtbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(7) .txtbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(8) .txtbox {height:100%;}
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(1) .imgbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(4) .imgbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(6) .imgbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(7) .imgbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(8) .imgbox {position:absolute;width: 100%;height: 100%;}
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(1) .imgbox img,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(4) .imgbox img,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(6) .imgbox img,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(7) .imgbox img,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(8) .imgbox img {min-width:100%;min-height:100%;}

.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(2),
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(3),
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(5) {background:#f2f2f2;text-align: center;padding-top: 35px;}
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(2) .txtbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(3) .txtbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(5) .txtbox {padding: 10px; color: #333;}
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(2) .txtbox .subtxt,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(3) .txtbox .subtxt,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(5) .txtbox .subtxt {display:none;}
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(2) .imgbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(3) .imgbox,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(5) .imgbox {width: 80px;height: 70px;line-height: 80px;display: inline-block;margin-bottom: 10px;}
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(2) .imgbox img,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(3) .imgbox img ,
.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(5) .imgbox img {max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle;}



	@media (min-width:800px) {
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(1) {width:50%; height:410px;}
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(2),
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(3),
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(4),
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(5) {width:25%;}
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(6),
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(7) {width:25%;}
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(8) {width:50%;}
	}
    @media (min-width:991px) {

    }

	@media (min-width:991px) and (max-width:1100px) {
	}
	@media (min-width:800px) and (max-width:990px) {

	}

	@media (max-width:799px) {
		.wq03_kotra .qboxwrap .qblock .quickWrap {height: 150px;}
		.wq03_kotra .txtbox {padding:20px 15px;}
		.wq03_kotra .txtbox .qtit {font-size:17px;}
		.wq03_kotra .txtbox .subtxt {font-size:15px;line-height:130%;letter-spacing: -0.5px;}

		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(1) {width:100%;height: 200px;}
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(2),
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(3),
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(4),
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(5),
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(6),
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(7) {width: 33.333%;/* width: 50%; */}
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(8) {width:100%;}

		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(2), 
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(3), 
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(5) {padding-top:15px;}
		.wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(2) .imgbox,
        .wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(3) .imgbox,
        .wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(5) .imgbox {width:50px;height:50px;line-height:50px;}
        .wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(2) .txtbox,
        .wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(3) .txtbox,
        .wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(5) .txtbox {padding:5px 10px; }

        .wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(1) .imgbox img {width:100%;}
        .wq03_kotra .qboxwrap .qblock .quickWrap:nth-child(2) {border-bottom: 1px solid #064384;}
	}
	@media (max-width:799px) and (min-width:600px) {
	
	}
	
	@media (max-width:499px) {
        .wq03_kotra .txtbox {padding:10px 10px;}
        .wq03_kotra .qboxwrap .qblock .quickWrap {height: 180px;}
		

	}