@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:57.65625%; margin-bottom:6.5%; background:url(../images/img-kv.jpg) no-repeat 50%; background-size:cover}
.wrap-kv .box-img-cent{ width:55%; height:0; padding-bottom:42.581%; margin:6.5% auto 0; background:url(../images/img-kv-dock.png) no-repeat; background-size:cover; display:block}
.prd-logo{width:36%; display:block; margin:0 auto}
.prd-logo img{width:100%;}

/*Multiple connections*/
.wrap-connection-icon{width:90%; margin:0 auto; text-align:center;}
.wrap-connection-icon .num-icon{ display:inline-block; text-align:center; width:11%; margin:0 -1%!important; }
.wrap-connetcions .box-img-cent{ width:80%; height:0; padding-bottom:27.254%; background:url(../images/img-port.jpg) no-repeat; background-size:cover;}


/*Work or play without interruption + Compact and stylish design*/
.wrap-scenario{ width:100%; height:0; padding-bottom:72%; background:url(../images/img-scenario.jpg) no-repeat 50%; background-size:cover;position:relative}
.wrap-scenario .box-workPlay{ width:20%; min-width:390px;}
.wrap-scenario .box-stylish{ width:20%; min-width:390px; margin:26%  0 0 65%; }
.wrap-scenario .box-mobo-scenario{ width:100%; height:0; padding-bottom:62.37%; background:url(../images/phone/img-scenario.jpg) no-repeat 50%; background-size:cover; display:none}
@media screen and (max-width:1620px){
/*Work or play without interruption + Compact and stylish design*/	
.wrap-scenario .box-stylish{ margin:24%  0 0 65%; }
}
@media screen and (max-width:1460px){
/*Work or play without interruption + Compact and stylish design*/	
.wrap-scenario .box-stylish{ margin:20%  0 0 65%; }
}

@media screen and (max-width:1280px){
/*Multiple connections*/
.wrap-connection-icon {width: 70%;}
.wrap-connection-icon .num-icon{width:18%; margin:2%!important; }
/*Work or play without interruption + Compact and stylish design*/	
.wrap-scenario{padding-bottom:80%;}
.wrap-scenario .box-stylish{margin:31% 0 0 60%; }
.wrap-scenario .box-workPlay, .wrap-scenario .box-stylish{width:35% ;min-width:0}
}
@media screen and (max-width:1130px){
/*Work or play without interruption + Compact and stylish design*/	
.wrap-scenario { padding-bottom: 83%;}
.wrap-scenario .box-stylish{margin:23% 0 0 60%; }
}

@media screen and (max-width:1070px){
/*Work or play without interruption + Compact and stylish design*/	
.wrap-scenario { background:url(../images/mobo/img-scenario.jpg) no-repeat 65%;background-size:cover;padding-bottom: 123%;}
.wrap-scenario .box-stylish{margin:37% 0 0 60%; }
}


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

/*KV*/
.prd-logo { width: 80%;}
.box-intro{margin-top:15%!important;}
}
@media screen and (max-width:915px){
/*Work or play without interruption + Compact and stylish design*/	
.wrap-scenario { background:url(../images/mobo/img-scenario.jpg) no-repeat 65%;background-size:cover;padding-bottom: 123%;}
.wrap-scenario .box-stylish{margin:22% 0 0 60%; }
}

@media screen and (max-width:900px){
/*Multiple connections*/
.wrap-connection-icon {width: 90%;}
.wrap-connection-icon .num-icon{width:18%; margin:2%!important; }
}
@media screen and (max-width:790px){
/*Work or play without interruption + Compact and stylish design*/	
.wrap-scenario { background:url(../images/mobo/img-scenario.jpg) no-repeat 65%;background-size:cover;padding-bottom: 123%;}
.wrap-scenario .box-stylish{margin:33% 0 0 51%; }
.wrap-scenario .box-workPlay, .wrap-scenario .box-stylish{width:48% }
}
@media screen and (max-width:760px){
/*Work or play without interruption + Compact and stylish design*/	
.wrap-scenario {width:100%; height:auto; padding-bottom:0; background:none}
.wrap-scenario .fontW{color: #4b4b4b!important}
.wrap-scenario .box-workPlay, .wrap-scenario .box-stylish {width: 80%;margin: 0 auto;} 
.wrap-scenario .box-mobo-scenario{display:block}
}

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

@media screen and (max-width:420px){
/*Multiple connections*/
.wrap-connection-icon .num-icon{width:40%; margin:2%!important; }
	
}
@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;}

   
}