@charset "utf-8";
/*Venbox*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	height:100%;
}
.vbox-overlay{
    background: #fdfdfd;
    background: rgba(0,0,0,0.85); 
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
	z-index:999999;
}
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url('../images/preload-circle.png');
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(18) infinite;
       -moz-animation: playload 1.4s steps(18) infinite;
        -ms-animation: playload 1.4s steps(18) infinite;
         -o-animation: playload 1.4s steps(18) infinite;
            animation: playload 1.4s steps(18) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
.vbox-close{    cursor: pointer;    position: fixed;    top: -1px;    right: 0;    width: 46px;    height: 40px;    padding: 10px 20px 10px 0;    display: block;    background: url('../images/close.gif') no-repeat #161617;  background-position:10px center;    color: #fff;    text-indent: -100px;    overflow: hidden;}
.vbox-inline{    width: 420px;    height: 315px;    padding: 10px;    background: #fff;    text-align: left;    margin: 0 auto;    overflow: auto;}

.venoframe{ border: none;  width: 100%;   height: 99%;}

/*rslider*/
.wrap-slider{position:relative}
.rslides {list-style: none;overflow: hidden;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.rslides {margin: 0 auto ;}
.rslides_tabs li {display: inline-block;vertical-align: middle;	margin: 0%;	text-align:center}
.rslides_tabs li a {transition : background-position .3s ease-out ; color:#4B4B4B}
.rslides_here a{ background-position:50% 100%;}
/*-------------*/

/*///////////////////////////////////////////////////////////////////*/

/*KV*/
.wrap-key-visual{position:relative; width:100%;}
.product_logo {width: 100%;margin: 0 auto;}
.product_logo img{width:100%; max-width: 446px !important;}
.box-k-visual { width:85%; margin:0 auto; text-align:center;}
.box-k-visual img{width:100%; max-width:2300px; margin:0 auto;} 
.box-intro{}
.wrap-play-video{ margin:02%;text-align:center;	cursor: pointer; text-align:center; display:inline-block;
	-moz-transition:background-position 0.3s;
	-ms-transition:background-position 0.3s;
	-o-transition:background-position 0.3s;
	transition:background-position 0.3s;
}
.box-play-video{font-family : "myriad-pro";	font-weight:300;font-size: 1.3em !important;letter-spacing: 0.02em;word-spacing: 0.04em;color: #2096d1; display:inline-block; }
.box-ani-icon{vertical-align:middle; margin:-7px 0 0 5px ;}
.box-circle-border{width:25px; height:25px; border-radius:27px; border:#2096d1 solid 1px; display:inline-block; vertical-align:middle; margin-top:-5px; background:url(../images/icon-play.png)  95.2% 75.1% no-repeat;cursor: pointer;
	-webkit-transition:background-position 0.3s;
	-moz-transition:background-position 0.3s;
	-ms-transition:background-position 0.3s;
	-o-transition:background-position 0.3s;
	transition:background-position 0.3s;
	}
	
.box-circle-border:hover{background:url(../images/icon-play.png)  3% 75.1% no-repeat;}

/*Stylish Design,Expertly Crafted*/
.wrap-stylish{width:100%; position:relative; text-align:center;}
.wrap-stylish .box-word-left{width:23%; max-width:480px;min-width:235px; margin-left:20%; display:inline-block; vertical-align:top;}
.box-img-stylish{width:63%; position:relative;display:inline-block; margin-top:4%;margin-left:-15%; z-index:-1;}
.box-img-stylish img{width:100%; max-width:1400px;}

/*IPS Display and Wide Viewing Angle*/
.wrap-ips{width:100%;position:relative}
.box-word-hinge{ width:29%; padding:0 8.1% 0 .5%; float:right;}
.box-img-ips{ width:100%; text-align:center}
.box-img-ips img{ width:100%; max-width:2300px}
.box-img-hinge img{width:100%;}

/*10-Point Multi-touch */
.wrap-touch{width:100%; height:0; padding-bottom:75%;position:relative; text-align:center;}
.wrap-img-touch{width:25%;max-width:800px; position:relative;float:left;  margin-top:15%; margin-left:27%;}
.box-img-touch{ width:100%;position:absolute;top:0;left:0; z-index:2}
.box-img-touch img{width:100%;}
.box-img-inscreen{width:69.25%; position:absolute;top:0;left:0;margin-top:18%; margin-left:25%; z-index:3;
  -webkit-transition: all 2000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition:all 2000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition:all 2000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition:all 2000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition:all 2000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.box-img-inscreen img{width:100%;}
.box-img-touchscreen{width:69.25%; position:absolute;top:0;left:25%;  z-index:5; opacity:0;
  -webkit-transition: all 2000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition:all 2000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition:all 2000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition:all 2000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition:all 2000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
.box-img-touchscreen img{width:100%}

.wrap-touchscreen-txt{width:16%; position:relative; float:right; margin-right:25%; text-align:left;min-width:300px;}

.box-img-hand{width:60%;position:absolute; top:0; left:0; margin-top:45%; margin-left:70%;
  -webkit-transition: all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
}
.box-img-hand img{width:100%; max-width:820px;}


/*Powerful Beyond Your Imagination*/
.wrap-powerful{width:100%; position:relative;}
.wrap-powerful .box-img-cent {width:80%}
.wrap-powerful .box-img-cent img{width:100%; max-width:1520px}

.box-powerful-img{width:90%; margin:0 auto}
.box-powerful-img img{width:100%;}
.wrap-powerful-icon{text-align:center;}
.icon-powerful{margin:0 1.5%!important; display:inline-block; text-align:left;}

/*Massive Multi- Speaker Sound.*/
.wrap-sound{width:100%; position:relative;}
.wrap-sound .box-img-cent{width:65%; margin:0 auto; text-align:center}
.wrap-sound .box-img-cent img {width:100%; max-width:2000px;}
.box-logo-sound{ width:40%; margin:0 auto; text-align:center;}
.box-logo-sound img{width:100%; max-width:550px!important;}

/*Ultra-fast data transfers with USB 3.1 */
.wrap-ports{width:100%; position:relative;}
.box-content-port{width:80%; margin:0 auto; max-width:2000px;}
.wrap-ports .box-content-port .box-word-left{ width:39%; margin:-2px; display:inline-block; padding:0 5.5%;}
.wrap-ports .box-content-port .box-icon-right{ width:40%; margin:-2px; display:inline-block;padding:0 5%; vertical-align:top; position:relative}
.fontY{color:#b77d0d!important;}
/*yellow bar*/

.box-wrap-bar{width:100%; height:15px; position:relative; margin-top:5px}
.box-bar-mask-yellow{width:0%;/*variable*/ height:100%; overflow:hidden; position:absolute;
  -webkit-transition: all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
}
.box-yellow-bar{width:100%; height:5px; background:#edb03b; position:absolute;top:5px;left:0}
.box-dot-yellow{width:10px; height:10px; border-radius:100%; background:#dea433;position:absolute; left:0%;/*variable*/
-webkit-box-shadow: 0px 1px 2px 2px rgba(132,93,19,0.65);
-moz-box-shadow: 0px 1px 2px 2px rgba(132,93,19,0.65);
box-shadow: 0px 1px 2px 2px rgba(132,93,19,0.65);
-webkit-transition: all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
}
.box-dot-yellow-txt{width:240px;height:10px; position:absolute;top:-50%;left:95%; margin-left:10px;}

/*gray bar*/
.box-bar-mask-gray, .box-bar-mask-gray2{width:10%; /*variable*/ height:100%; overflow:hidden; position:absolute;
-webkit-transition: all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
}
.box-gray-bar,.box-gray-bar2{width:100%; height:5px; background:#9b9b9b; position:absolute;top:5px;left:0}
.box-dot-gray,.box-dot-gray2{width:10px; height:10px; border-radius:100%; background:#888787;position:absolute; left:10%; /*variable*/
-webkit-box-shadow: 0px 1px 2px 2px rgba(83,83,83,0.65);
-moz-box-shadow: 0px 1px 2px 2px rgba(83,83,83,0.65);
box-shadow: 0px 1px 2px 2px rgba(83,83,83,0.65);
-webkit-transition: all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);
transition:all 2000ms  cubic-bezier(0.645, 0.045, 0.355, 1);

}
.box-dot-gray-txt, .box-dot-gray2-txt{width:100px;height:10px; position:absolute;top:-50%;left:20%;margin-left:20px;}

/**/
.icon-ports{ display:inline-block; margin:0 10% 0 0!important; text-align:center}
.icon-ports img{width:100%;}

.wrap-ports .box-img-cent img {width:100%; max-width:2300px;}

/*Create Your Own Personal Cloud*/
.wrap-webstorage{width:100%; position:relative; margin:0 auto; text-align:center;}
.icon-webstorage{width:30%;}
.icon-webstorage img {width:100%; max-width:180px!important;}
.wrap-webstorage-player{width:60%; margin:0 auto; position:relative}
.box-player-content{width:100%; text-align:center}
.box-player-content img{width:100%; max-width:1100px!important;}
.wrap-webstorage-icon{width:100%; margin:0 auto; text-align:center;}
.box-storage-btn{display:inline-block; margin:3% 2% 0; cursor:pointer;}

#screenmode{margin-top:2.4em}
.box-screenmode-pager , .control-option{width:60%; margin:0 auto; text-align:center;}

.box-screenmode-pager ul{margin:0}
#screenmode-pager{width:100%;}
#screenmode-pager li{width:4.4%;margin:1.5% 1.5% 1%;  vertical-align:top;color:#C9C9C9;display:inline-block}
.box-icon-img{width:100%; height:0; padding-bottom:100%;}
.i1 { background-image:url(../images/main/homecloud.png); background-position:0 100%; background-size:cover}
.i2 { background-image:url(../images/main/pclink.png); background-position:0 100%; background-size:cover}
.i3 { background-image:url(../images/main/sharelink.png); background-position:0 100%; background-size:cover}
.i4 { background-image:url(../images/main/synup.png); background-position:0 100%; background-size:cover}
.rslides_here .box-icon-img{ background-position:0% 0%;
-webkit-transition: all 200ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition:all 200ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition:all 200ms  cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition:all 200ms  cubic-bezier(0.645, 0.045, 0.355, 1);
transition:all 200ms  cubic-bezier(0.645, 0.045, 0.355, 1);
}
.icon-txt{width:100%; margin-top:10%;display:block; text-align:center;}

.box-player-content-txt{width:25%; margin:-2px; display:inline-block; vertical-align:top;padding:0 4% 0 10%;}
.box-player-content-img{width:60%; margin:-2px; display:inline-block; vertical-align:middle;}
.box-player-content-img img {width:100%;}
.box-homecloud-sync{width:100%;}
.box-homecloud-sync img { width:100%; max-width:330px!important;}
.box-qrcode{width:80%; display:block}
.box-qrcode img {width:100%; max-width:125px!important; text-align:left}
.box-googleplay{ width:80%;  display:flex}
.box-googleplay img {width:100%; max-width:125px!important; text-align:left}

/*Enjoy the Latest Version of Windows*/
.wrap-win10{width:80%; margin:0 auto;position:relative; text-align:center;}
.wrap-win10 .box-img-cent{width:80%; margin:0 auto; text-align:center;}
.wrap-win10 .box-img-cent img{width:100%; max-width:1042px;}
.box-img-win10{width:80%; margin:0 auto; text-align:center;}
.box-img-win10 img{width:100%; max-width:385px!important;}

/*goto link*/
.wrap-goto{width:100%; background:#f2f2f2; text-align:center}
.wrap-goto .box-img-left{ width:39%; margin:-2px;display:inline-block}
.wrap-link{width:50%; margin:0 auto; padding:4%; text-align:left}
.box-goto-intro{ width:51%; margin:-2px; margin-left:5%;display:inline-block ; vertical-align:middle;}
.box-link-tital{text-align:left;;font-family: "myriad-pro";font-weight: 300; font-size: 2em !important;letter-spacing: -0.0028em;word-spacing: 0.015em;color: #4b4b4b;line-height: 1.4em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; margin-bottom:1.5%;}

@media screen and (max-width:1500px){
/*Create Your Own Personal Cloud*/	
.wrap-webstorage-player {width: 80%;}
}
@media screen and (max-width:1370px){
/*10-Point Multi-touch */
.wrap-touchscreen-txt{width:27%;margin-right:20%;}
.wrap-stylish .box-word-left{width:25%;}
}
@media screen and (max-width:1310px){
/*10-Point Multi-touch */
.wrap-img-touch {width: 24%;}
}
@media screen and (max-width:1250px){
/*10-Point Multi-touch */
.wrap-img-touch {width: 23%;}
}
@media screen and (max-width:1200px){
/*10-Point Multi-touch */
.wrap-img-touch { margin-left:24%;}
.wrap-touchscreen-txt {width: 36%;margin-right: 12%;}
}
@media screen and (max-width:1100px){
/*10-Point Multi-touch */	
.wrap-stylish .box-word-left {width: 33%;margin-left: 13%;}	
.wrap-img-touch { width:30%;margin-left: 15%; margin-top:5%;}

/*Ultra-fast data transfers with USB 3.1 */
.icon-ports {margin: 0 7% 0 0!important;}
.box-dot-yellow-txt { width: 20%;}
.box-dot-gray-txt {width: 30%;}
 
 /*Create Your Own Personal Cloud*/
.wrap-webstorage-player {width: 100%;}
.box-player-content-txt {padding: 0 4% 0 4%;}
#screenmode-pager li {width: 9.4%;}
   
 /*go link*/  
.wrap-link { width: 70%;}    
}