body{margin:0;padding:0}
img{
    width:100%;
}
h1{
    margin:0;
}
h2{
    font-size:44px;
    margin:0;
    color:#f47320; 
    letter-spacing:-0.02em;
    padding-bottom:20px;
}
h3{
    font-size:20px;
    margin:0;
    color:#000;
    font-weight:500;
    padding-bottom:1em;
    line-height: 1.5em;
}
ul{
    margin:0;
    font-size:18px;
}
li{
    margin-bottom:0.5em;
}
.wide-web{
    display: block;
}
.narrow-mobile{
    display: none;
}
.position-relative{
    position:relative;
}
.br-hidden{
    display: none;
}
#k-q-wrap{
    margin:0 auto;
    max-width: 1280px;
    box-sizing: border-box;
    font-size:18px;
    text-align: center;
    font-family:"Arial", "sans-serif";
}
.head-logo{
    padding:10px;
    float:left;
}
.head-logo img{
    width:200px;
}
.head-t{
    position: relative;
}
.head-t .head-t-desc{
    position:absolute; 
    z-index:1111;  
    text-align:center; 
    right:0; 
    left:0; 
    margin:auto; 
    padding-top:22%;
}
.head-t .head-t-desc h1{
    color: #f47320; 
    font-size:3em; 
    letter-spacing:-1px; 
    padding-bottom:0.25em;
}
.head-t .head-t-desc .h1-small{
    color: #fff;
    font-size:1.8em;
    font-weight:300;
    width:65%;
    margin:auto;
    letter-spacing:0;
}
.thing-right{
    float:right;
    width:100%;
    overflow:hidden;
    position:relative;
    background:#fff;
}
    .thing-right .thing-desc{
        width:52%;
        float:right;
        text-align: left;
        padding-bottom:5%
    }
    .thing-right .thing-img{
        width:48%;
        float:right;
    }
        .thing-right .thing-img img{
            padding-left:18.7%;
            width:81.3%;
        }
.thing-left{
    float:left; 
    width:100%; 
    overflow:hidden; 
    position:relative; 
    background:#F7F6F7;
}
    .thing-left .thing-desc{
        width:53.4%;
        float:left;
        text-align: left;
        padding-bottom:5%
    }
    .thing-left .thing-img{
        width:46.6%;
        float:left;
    }
        .thing-left .thing-img img{
            padding-right:16.7%;
            width:83.3%;
        }
.key-left{
    float:left; 
    width:100%; 
    overflow:hidden; 
    position:relative; 
    background: #fff;
    padding-top: 3%;
    padding-bottom: 2%;
}   
    .key-left .thing-desc{
        width:55%;
        float:left;
        text-align: left;
    }
    .key-left .thing-img{
        width:35%;
        float:left;
        padding-left:7%;
        padding-right:3%;
    }
        .key-left .thing-img img{
            padding-right:0%;
            width:100%;
        }
#thing1 .thing-desc{
    padding-top:7%;
}
#thing2 .thing-desc{
    padding-top:7%;
}
#thing4 .thing-desc{
    padding-top:6%; 
}
#thing6 .thing-desc{
    padding-top:7%; 
    padding-bottom:6%    
}
#thing3 .thing-desc,
#thing7 .thing-desc{
    padding-top:9%
}
#thing5 .thing-desc {
	padding-top:7%
}
#thing2 .thing-desc h2,
#thing4 .thing-desc h2,
#thing6 .thing-desc h2{
    padding-left:18%;
    width:70%;
}
#thing1 .thing-desc h2{
}
#thing3 .thing-desc h2, 
#thing5 .thing-desc h2, 
#thing7 .thing-desc h2{
    padding-left:10%;
    width:85%;
}
#thing2 .thing-desc h3,
#thing4 .thing-desc h3,
#thing6 .thing-desc h3{
    padding-left:18%;
    width:70%;
}
#thing1 .thing-desc h3,
#thing3 .thing-desc h3,
#thing5 .thing-desc h3,
#thing7 .thing-desc h3{
    padding-left:10%;
    width:80%;
}
ul:nth-of-type(1){
    float:left;
    padding-left:10px;
    width:48%;
}
ul:nth-of-type(2){
    float:left;
    width:38%;
}
#thing4 .h3-bold{
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 0.2em;
}
#thing4 .demo-video{
    width: auto;
    margin-left: 18.7%;
    margin-bottom: 2em;
}
.foot_copy{
    overflow:hidden;
    width:100%;
    position:relative;
    background:#2C2C2C;
    height:9em;
}
.foot_copy a img{
    width:10em; 
    margin-top:2.75em;
}
.foot_copy .copy_desc{
    font-size:0.8em;
    color:#fff; 
    margin-top:1em;
}
.ieBg { 
 -ms-behavior: url('../styles/backgroundsize.min.htc');
 behavior: url('../styles/backgroundsize.min.htc');
}
.asset {background:url('../images/asset_ic.png') no-repeat ;background-size:300px 300px; display:inline-block;}
.asset.pop_close{background-position:-250px -50px; width:22px; height:22px;}
.dimmed{
    background:url('../images/trans70.png'); 
    position:fixed; 
    z-index:199;  
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    overflow:hidden; 
    display:none;
}
.dimmed.on{
    display:block;
}
.dimmed .pop{
    background:#fff;
    overflow:hidden;
    overflow-y:auto;
    position:fixed;
    top:15px;
    left:15px;
    right:15px;
    border:1px solid #d9d9d9;
    padding:15px 15px;
    box-sizing:border-box;
    display:none;
}
.dimmed .pop.on{
    display:block;
}
.dimmed .pop .pop_cont{
    max-height:460px;
    overflow-y:auto;
}
.dimmed .pop .pop_close{
    position:absolute;
    top:12px;
    right:15px;
}
.dimmed .pop .pop_cont{
    max-height:600px;
    overflow-y:hidden;
}
.popHeader{
    height:25px;
}
.pop_cont #movUrl{
    height:200px;
    width:100%;
}
.dimmed .pop.pop_video{
    top:5%;
}
.dimmed .pop.pop_video .pop_cont{
    border-bottom:none;
    overflow-y:visible;
}
@media(min-width:768px){ 
    .dimmed .pop {top:50%;padding:20px; bottom:auto;width:700px; left:50%; margin-left:-350px;}
    .dimmed .pop {margin-top:-234px;  }
    .dimmed .pop.pop_video {margin-top:-302px;top:50%;}
    .dimmed .pop .pop_cont {height:310px; overflow-y:auto; border-bottom:1px solid #e2e2e2;}
    .dimmed .pop.pop_video .pop_cont {border-bottom:none;overflow-y:visible;}
    .dimmed .pop .pop_cont {max-height:400px;height:400px;}
    .pop_cont #movUrl {height:400px}
}
@media(min-width:1024px){ 
    .dimmed .pop { position:fixed;  left:50%;right:auto;  box-sizing:border-box;}
    .dimmed .pop_video {top:30px;max-height:756px; margin-left:-482px; width:964px;padding:30px;  }
    .dimmed .pop.pop_video {margin-top:-350px}
    .dimmed .pop .pop_close {top:20px;right:28px;}
    .dimmed .pop .pop_cont {max-height:500px;height:500px;overflow-y:hidden;}
    .pop_cont #movUrl {height:500px}
}
@media(min-width:1280px){ 
    .dimmed .pop {}
    .dimmed .pop_video {margin-left:-542px; width:1084px; max-height:800px;}
    .dimmed .pop .pop_close {top:20px;right:28px;}
    .dimmed .pop .pop_cont {max-height:600px;height:600px;}
    .pop_cont #movUrl {height:600px}
}

@media(max-width:1024px){
    .wide-web{
        display: block;
    }
    .narrow-mobile{
        display: none;
    }
    .br-hidden{
        display: none;
    }
    #k-q-wrap{
        font-size:16px;
    }
    h2{
	    font-size:38px;
	}
	h3{
	    font-size:18px;
	}
	ul{
	    font-size:16px;
	}
    .head-t .head-t-desc{
        padding-top:22%;
    }
    .head-t .head-t-desc h1{
        line-height: 1.1em;
        letter-spacing:-1px; 
        padding-bottom:0.25em;
    }
    .head-t .head-t-desc .h1-small{
        font-size:1.8em;
    }
    ul:nth-of-type(1){
        float:left;
        width:50%;
    }
    ul:nth-of-type(2){
        float:left;
        padding-left:10%;
        width:30%;
    }
    .thing-right{
        float:right;
        width:100%;
        overflow:hidden;
        position:relative;
        background:#fff;
    }
        .thing-right .thing-desc{
            width:52%;
            float:right;
            text-align: left;
        }
        .thing-right .thing-img{
            width:48%;
            float:right;
        }
            .thing-right .thing-img img{
                padding-left:18.7%;
                width:81.3%;
            }
    .thing-left{
        float:left; 
        width:100%; 
        overflow:hidden; 
        position:relative; 
        background:#F7F6F7;
    }
        .thing-left .thing-desc{
            width:53.4%;
            float:left;
            text-align: left;
        }
        .thing-left .thing-img{
            width:46.6%;
            float:left;
        }
            .thing-left .thing-img img{
                padding-right:16.7%;
                width:83.3%;
            }
    .key-left{
        float:left; 
        width:100%; 
        overflow:hidden; 
        position:relative; 
        background: #fff;
        padding-top: 3%;
        padding-bottom: 2%;
    }   
        .key-left .thing-desc{
            width:55%;
            float:left;
            text-align: left;
        }
        .key-left .thing-img{
            width:35%;
            float:left;
            padding-left:7%;
            padding-right:3%;
        }
            .key-left .thing-img img{
                padding-right:0%;
                width:100%;
            }
    #thing1 .thing-desc {
    	 padding-top:5%;
    }
    #thing2 .thing-desc{
        padding-top:7%;
    }
    #thing4 .thing-desc{
        padding-top:6%; 
    }
    #thing6 .thing-desc{
        padding-top:8%;     
    }
    #thing3 .thing-desc,
    #thing5 .thing-desc,
    #thing7 .thing-desc{
        padding-top:9%
    }
    #thing2 .thing-desc h2,
    #thing4 .thing-desc h2,
    #thing6 .thing-desc h2{
        padding-left:18%;
        width:70%;
    }
    #thing1 .thing-desc h2{
    }
    #thing3 .thing-desc h2, 
    #thing5 .thing-desc h2, 
    #thing7 .thing-desc h2{
        padding-left:12%;
        width:80%;
    }
    #thing2 .thing-desc h3,
    #thing4 .thing-desc h3,
    #thing6 .thing-desc h3{
        padding-left:18%;
        width:70%;
    }
    #thing1 .thing-desc h3,
    #thing3 .thing-desc h3,
    #thing5 .thing-desc h3,
    #thing7 .thing-desc h3{
        padding-left:12%;
        width:75%;
    }
  
}
@media(max-width:960px){
    .wide-web{
        display: none;
    }
    .narrow-mobile{
        display: block;
    }
    .br-hidden{
        display: block;
    }
    #k-q-wrap{
        font-size:20px;
    }
    .head-t .head-t-desc{
        padding-top:30%;
    }
    .head-t .head-t-desc h1{
        line-height: 1.1em;
        letter-spacing:-1px; 
        padding-bottom:0.25em;
    }
    .head-t .head-t-desc .h1-small{
        font-size:1.2em;
        line-height: 1.5em;
        width:75%;
    }
    ul:nth-of-type(1){
        float:left;
        padding-left:10%;
        width:42%;
    }
    ul:nth-of-type(2){
        float:left;
        padding-left:4%;
        width:35%;
    }
    .thing-right{
        float:right;
        width:100%;
        overflow:hidden;
        position:relative;
        background:#fff;
    }
        .thing-right .thing-desc{
            width:100%;
            float:right;
            text-align: left;
        }
        .thing-right .thing-img{
            width:100%;
            float:right;
        }
            .thing-right .thing-img img{
                padding-left:0%;
                width:100%;
            }
    .thing-left{
        float:left; 
        width:100%; 
        overflow:hidden; 
        position:relative; 
        background:#F7F6F7;
    }
        .thing-left .thing-desc{
            width:100%;
            float:left;
            text-align: left;
        }
        .thing-left .thing-img{
            width:100%;
            float:left;
        }
            .thing-left .thing-img img{
                padding-right:0%;
                width:100%;
            }
    .key-left{
        float:left; 
        width:100%; 
        overflow:hidden; 
        position:relative; 
        background: #fff;
        padding-top: 3%;
        padding-bottom: 2%;
    }   
        .key-left .thing-desc{
            width:100%;
            float:left;
            text-align: left;
        }
        .key-left .thing-img{
            width:100%;
            float:left;
            padding-left:0%;
            padding-right:0%;
        }
            .key-left .thing-img img{
                padding-right:0%;
                width:100%;
            }
    #thing1 .thing-desc{
        padding-top: 0%;
        padding-bottom: 10%;
        padding-left: 0%;
        padding-right: 0%;
    }
    h3{
	    font-size:16px;
	    padding-bottom:1em;
	    line-height: 1.5em;
	}
	ul{
	    font-size:16px;
	}
    #thing2 .thing-desc,
    #thing3 .thing-desc,
    #thing4 .thing-desc,
    #thing5 .thing-desc,
    #thing6 .thing-desc,
    #thing7 .thing-desc{
        padding-top: 10%;
        padding-left: 0%;
        padding-right: 0%;
    }
    #thing1 .thing-desc h2,
    #thing2 .thing-desc h2,
    #thing3 .thing-desc h2,
    #thing4 .thing-desc h2,
    #thing5 .thing-desc h2,
    #thing6 .thing-desc h2,
    #thing7 .thing-desc h2{
        padding-left:17%;
        width:67.5%;
    }
    #thing1 .thing-desc h3,
    #thing2 .thing-desc h3,
    #thing3 .thing-desc h3,
    #thing4 .thing-desc h3,
    #thing5 .thing-desc h3,
    #thing6 .thing-desc h3,
    #thing7 .thing-desc h3{
        padding-left:17%;
        width:67.5%;
    }
    #thing4 .demo-video{
        width: 20%;
        margin-left: 17%;
        margin-bottom: 2em;
    }
}

@media(max-width:768px){
    .head-logo img{
        width:180px;
    }
	#k-q-wrap{
        font-size:16px;
    }
    .head-t .head-t-desc h1{
        font-size: 46px;
    }
    .head-t .head-t-desc .h1-small{
        font-size:30px;
        line-height: 130%;
        width:85%;
    }
    #thing1 .thing-desc h2,
    #thing2 .thing-desc h2,
    #thing3 .thing-desc h2,
    #thing4 .thing-desc h2,
    #thing5 .thing-desc h2,
    #thing6 .thing-desc h2,
    #thing7 .thing-desc h2{
        padding-left:10%;
        width:80%;
    }
    ul:nth-of-type(1){
    	float:left;
        padding-left: 10%;
        width: 40%;
    }
    ul:nth-of-type(2){
    	float:left;
        padding-left: 10%;
        width: 40%;
    }
    #thing1 .thing-desc h3,
    #thing2 .thing-desc h3,
    #thing3 .thing-desc h3,
    #thing4 .thing-desc h3,
    #thing5 .thing-desc h3,
    #thing6 .thing-desc h3,
    #thing7 .thing-desc h3{
        padding-left: 10%;
        width: 80%;
    }
    #thing4 .demo-video{
        width:auto;
        margin-left: 10%;
        margin-bottom: 2em;
    }
}
@media(max-width:500px){

    #k-q-wrap{
        font-size:14px;
    }
    .head-t .head-t-desc{
        padding-top:30%;
    }
    .head-t .head-t-desc h1{
        font-size: 26px;
    }
    .head-t .head-t-desc .h1-small{
        font-size:16px;
        line-height: 120%;
    }
    h2{
	    font-size:25px;
	    padding-bottom:15px;
	}
	h3{
	    font-size:15px;
	}
	ul{
	    font-size:14px;
	}
	li{
	    margin-bottom:0.5em;
	}
    
    #thing4 .h3-bold{
	    font-size: 18px;
	}
    
    #thing4 .demo-video{
        width:150px; 
    }
}
@media(max-width:375px){
	.head-t .head-t-desc{
        padding-top:28%;
    }
    .head-t .head-t-desc h1{
        font-size: 24px;
    }
    .head-t .head-t-desc .h1-small{
        font-size: 14px;
    }
    ul:nth-of-type(1){
        padding-left: 10%;
        width: 100%;
    }
    ul:nth-of-type(2){
        padding-left: 10%;
        width: 100%;
    }
    #thing4 .demo-video{
        width: 40%;
    }
}