@charset "utf-8";
/*temp font style*/
@font-face {
	font-family: 'myriad-pro';
	src: url(../fonts/MyriadPro-Light.eot);
	src:
	url(../fonts/MyriadPro-Light.eot?#iefix) format('embedded-opentype'),  
	url(../fonts/MyriadPro-Light.woff) format('woff'),  
	url(../fonts/MyriadPro-Light.ttf) format('truetype'),  
	url(../fonts/MyriadPro-Light.svg#MyriadPro-Light) format('svg');
}	


/*kv*/
#box-productOverview-containter{	width: 100%;	position: relative;	left: 50%;	overflow: hidden;	margin-top: 60px;	font-size: 16px !important; }
.wrap-kv{width:100%; position:relative;}
.wrap-kv .box-kv-bg{ width:100%; height:0; padding-bottom:77.083%;  background:url(../images/main/img-kv-bg.jpg) no-repeat 50%; background-size:cover}
.wrap-kv .box-img-cent{ width:35.5%; height:0; padding-bottom:63%; margin:0 auto; background:url(../images/main/img-kv.png) no-repeat 0%; background-size:cover; display:block}
.prd-logo{width:80%; max-width:410px;display:block; margin:0 auto}
.prd-logo img{width:100%;}


/*Less size, more connections!*/
.wrap-img-connection{width:100%; height:0; padding-bottom:50%; position:relative;overflow:hidden}
.wrap-img-connection .box-connection-visual{ width:100%; height:0; padding-bottom:65.875%; background:url(../images/main/img-connection.jpg) no-repeat; background-size:contain;
position:absolute; left:0;top:0; z-index:-1 ;
-webkit-transition: all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition:all 2000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.wrap-connection .box-word-cent .txt-cent{max-width:890px;}

/*Multi-talented USB Type-C*/
.wrap-ports .box-img-cent{ width:100%; height:0;padding-bottom:48.90140845070423%; background:url(../images/main/img-ports.jpg) no-repeat; background-size:cover;}

.wrap-ports .box-txt-left { width:30%; min-width:552px; margin-left:5%; margin-top:-10%;}
.wrap-ports .box-txt-left .box-icon {margin-left:-10%;}
.wrap-ports .box-txt-left .box-icon .num-icon { width:28%;display:inline-block; text-align:center;}

@media screen and (max-width:1100px) {
	.wrap-ports .box-txt-left {margin-top:-5%;}
	
}


@media screen and (max-width:960px) {
#box-productOverview-containter{margin-top: 5em;}

/*KV*/
.box-intro{margin-top:15%!important;}
}

@media screen and (max-width:800px) {
	.wrap-ports .box-txt-left {margin-top:0%;}
	.wrap-ports .box-txt-left { width:80%; text-align:center; min-width:0; margin:0 auto; }
	.wrap-ports .box-txt-left .txt-left{text-align:center;}
}

@media screen and (max-width: 719px){
#box-productOverview-containter {margin-top:0px;}
}
@media screen and (max-width:490px) {
/*KV*/
.wrap-kv .box-kv-bg {width: 100%;height: 0;padding-bottom: 96.84375%;background: url(../images/main/img-kv-bg.jpg) no-repeat 50%; background-size: cover;}
.wrap-kv .box-img-cent {
    width: 100%;height: 0;padding-bottom: 70%; margin: 0 auto;background: url(../images/main/img-kv.png) no-repeat;  background-size: cover;display: block;}
	
}


@media screen and (max-width:415px) {
/*KV*/
.prd-logo { width:98%;}
.box-intro{margin-top:15%!important;}
.wrap-kv .box-kv-bg {padding-bottom: 125%;}
.wrap-kv .box-img-cent {width:95%; padding-bottom: 62%; margin: 6.5% auto;}

   
}