@charset "utf-8";
/* CSS Document */

html{
	font-size:13px;
	color:#505050;
	font-family: "Gill Sans MT", Arial;
/*	background:url(images/bg.jpg) center repeat-y #d9d9d9;*/
	letter-spacing: 0.1em;	
	}
	
body {overflow-x:hidden; background:url(images/bg.jpg) center repeat-y #d9d9d9; min-width: 1000px;}

a{color:#0085d9;}
.wrap{	line-height:18px;}
	
.top {position: relative;}
/*.dl .top {position: static;}*/
.bg{ z-index: -1200;
/*  min-height: 600px;*/
  _height: 600px;
/*  min-width: 1200px;*/
  _width: 100%;
  width: 100%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;}
.cloud{
	background:url(images/cloud.png) repeat-x;
	height:184px;
	position:absolute;
	width:100%;
	bottom:0;
/*	margin-top:-184px;*/
	z-index: -888;
}
img.apps{}
.cloud a {
	position: absolute;
	width: 172px;
	height: 60px;
	top: 15%;
	left: 310px;
	margin-left: -120px;
	font-size: 0;
	text-indent: -5000px;
}
.cloud a.appLink1 {
	background: url(images/pic-app.png) no-repeat 0 0;
	}
.cloud a.appLink2 {
	background: url(images/pic-app.png) no-repeat -193px 0;
	margin-left:70px;
}
	
.bold{font-weight:bold;}
	

	body.dl {/*height: 100%; */background: #fff;}
/*	.container {position: relative; height: 100%;}*/
.bgWrap {position: relative;}
.bgWrap .bg {min-height: inherit;}
.bgWrap .cloud2 {position: absolute; bottom: 0; }
	
h2{font-size:30px;color:#000;margin:10px 0 15px;}
.banner{position: relative; min-height:500px; _height:600px; overflow: hidden;}
.bannertxt{position:absolute;top:15%;left:10%;line-height:20px; z-index: 2;}
.bannertxt2 {padding-bottom: 50px;}
.bannertxt p{margin-bottom:30px;width:320px;line-height:125%;}
.bannertxt p.long{width:440px;}
.banner .movie{
	width:527px;
	height:326px;
	background:url(images/cloud2.png) no-repeat;
	padding:50px 0 0 40px;
	position:absolute;
	top:112px;
	left:50%;
	margin-left: 20px;
/*	right: 32px;*/
}
.banner .movie3{
	width:527px;
	height:326px;
	background:url(images/cloud2.png) no-repeat;
	padding:50px 0 0 40px;
	position:absolute;
	top:112px;
	left:50%;
	margin-left: 20px;
/*	right: 32px;*/
}

.newapp a {
	position: absolute;
	width: 172px;
	height: 60px;
	top:445px;
	left:10%;
	font-size: 0;
	text-indent: -5000px;
}
a.appLink1 {
	 display: inline-block;
    *zoom: 1;
    *display: inline;
	width: 172px;
	height: 60px;
	font-size: 0;
	text-indent: -5000px;
	background: url(images/pic-app.png) no-repeat 0 0;	
}
a.appLink2 {
	 display: inline-block;
    *zoom: 1;
    *display: inline;
	width: 172px;
	height: 60px;
	font-size: 0;
	text-indent: -5000px;
	background: url(images/pic-app.png) no-repeat -193px 0;	
}
.store-app{
	margin-top: 20px;
}


.movie img {cursor: pointer;}
.movie3 img {cursor: pointer;}

.model{width:944px;height:400px;background:url(images/dl-box3.png) no-repeat;padding-top:10px;margin-top:10px;}
.model table{ text-align:center;margin:0 auto;font-size:12px;color:#5f5f5f;width:100%;}
.model th{padding-top:7px;border:none;}
.model td{border:none;}

.model2{width:945px;height:237px;background:url(images/dl-box1.png) no-repeat;padding-top:40px;margin-top:30px;}
.model2 table{ text-align:center;margin:0 auto;font-size:12px;color:#5f5f5f;width:100%;}
.model2 th{padding-top:7px;border:none;}
.model2 td{border:none;}


h1{background:url(images/ASUS.png) no-repeat;width:106px;height:22px;text-indent:-9999px;position:absolute;top:20px;left:20px;z-index:999;}
.cont{background: url(images/whtbg.png) repeat-x;}
.innercont{width:965px;margin:0 auto;}

#pop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/pop-bg.png) 0 0 repeat;
	z-index: 99999;
}

.popMain {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 640px;
	height: 360px;
	margin: -180px 0 0 -320px;
}

.popMain .close {
	position: absolute;
	top: 2px;
	right: -43px;
	width: 36px;
	height: 39px;
	font-size: 0;
	text-indent: -5000px;
	background: url(images/close.png) 0 0 no-repeat;
	cursor: pointer;
}



h3{font-size:32px;color:#000;padding:15px 0 15px 110px; font-weight:bold;}
h3.cloud-disk{background:url(images/f-CloudDisk-icon.png) no-repeat;}
h3.smart-access{background:url(images/f-SmartAccess-icon.png) no-repeat;}
h3.smart-sync{background:url(images/f-SmartSync-icon.png) 0 -3px no-repeat;}
h3.router-to-router{background:url(images/f-Router-icon.png) 0 -3px no-repeat;}
h3.compatible-models{}
h3.feature{margin-left:-110px;}

div.cloud-disk{background:url(images/f-CloudDisk-pic.png) right top no-repeat;}
div.smart-access{background:url(images/f-SmartAccess-pic.png) right top  no-repeat;}
div.smart-sync{background:url(images/f-SmartSync-pic.png) right top  no-repeat;}
div.router-to-router{background:url(images/f-RouterPic.png) right top  no-repeat;}
div.compatible-models{}

span.descript{font-size:15px;display:block;margin-top:5px;font-weight:bold;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}
a.more{color:#0085d9;}

.mainfeaturebox{margin-bottom:50px;}
.mainfeaturebox p{width:330px;margin:15px 0;}

a.dl{background:url(images/btn-dl.png) top no-repeat;width:164px;height:39px;display:block;text-indent:-9999px;}
a.dl:hover{background-position:bottom;}
a.how{background:url(images/btn-how.png) top no-repeat;width:164px;height:39px;display:block;text-indent:-9999px;}
a.how:hover{background-position:bottom;}
span.top{background:url(images/top.png) center repeat-x;height:36px;display:block;text-indent:-9999px;margin-top:15px;}
span.top a{width:65px;height:36px;display:block;margin-left:890px;cursor:pointer;}
a.prev{background:url(images/arrow-left.png) top no-repeat;width:37px;height:44px;display:block;position:absolute;top:50%;z-index:1000;}
a.prev:hover{background-position:bottom;}
a.next{background:url(images/arrow-right.png) top no-repeat;width:37px;height:44px;display:block;position:absolute;top:50%;right:0;z-index:1000;}
a.next:hover{background-position:bottom;}
a.hide{background:url(images/btn-hide.png) top no-repeat;width:97px;height:31px;display:block;text-indent:-9999px;margin-left:740px;}
a.hide:hover{background-position:bottom; cursor:pointer;}





.dot{width:80px;height:11px;display:block;position:absolute;z-index:555;left:50%;margin-left:-30px;bottom:20px;}
.dot a{height:11px;float:left;width:10px;display:block;text-indent:-9999px; background:url(images/dot.png) no-repeat;margin-right:2px;}
.dot a:hover{background-position:-10px 0;}
.dot a.act{background-position:-20px 0;}

/*.menu{height:33px;position:absolute;top:0px;right:200px;z-index:777; width: 428px;}
.menu a{float:left;text-indent:-9999px;overflow:hidden;display:block;height:33px;}
.menu a.m1{width:148px;background: url(images/menu.png) left top;}
.menu a.m1:hover{background-position:left bottom;}
.menu a.m2{width:140px;background: url(images/menu.png) center top;}
.menu a.m2:hover{background-position:center bottom;}
.menu a.m3{width:140px;background: url(images/menu.png) right top;}
.menu a.m3:hover{background-position:right bottom;}*/


.menu{height:33px;position:absolute;top:0px;right:186px;z-index:777; width: 763px;}
.menu a{float:left;text-indent:-9999px;overflow:hidden;display:block;height:33px;}
.menu a.m1{width:148px;background: url(images/menu.png) -0px -0px no-repeat;}
.menu a.m1:hover{background-position:-0px -33px;}
.menu a.m2{width:148px;background: url(images/menu.png) -148px -0px no-repeat;}
.menu a.m2:hover{background-position:-148px -33px;}
.menu a.m3{width:148px;background: url(images/menu.png) -296px -0px no-repeat;}
.menu a.m3:hover{background-position:-296px -33px;}
.menu a.m4{width:160px;background: url(images/menu.png) -456px -0px no-repeat;}
.menu a.m4:hover{background-position:-456px -33px;}
.menu a.m5{width:159px;background: url(images/menu.png) -615px -0px no-repeat;}
.menu a.m5:hover{background-position:-615px -33px;}

.nav{height:33px;position:absolute;top:0px;right:20px;z-index:888;}
.nav a{float:left;text-indent:-9999px;overflow:hidden;display:block;height:33px;}
.nav a.nav1{width:30px;background:url(images/nav.png) left top;}
.nav a.nav1:hover{background-position:left bottom;}
.nav a.nav2{width:30px;background:url(images/nav.png) -30px 0;}
.nav a.nav2:hover{background-position:-30px bottom;}
.nav a.nav3{width:59px;background:url(images/nav.png) -60px 0;}
.nav a.nav3:hover{background-position:-60px bottom;}
.nav a.nav4{width:30px;background:url(images/nav.png) -119px 0;}
.nav a.nav4:hover{background-position:-119px bottom;}
.nav a.nav5{width:30px;background:url(images/nav.png) -149px 0;}
.nav a.nav5:hover{background-position:-149px bottom;}

.sub{height:50px;margin:0 auto 50px;width:400px;padding-top:50px;}
.sub a{float:left;width:49.5px;height:48px;text-indent:-9999px;overflow:hidden;display:block;}
.sub a.f1{background:url(images/sub.png) left top no-repeat;}
.sub a.f1:hover{background:url(images/sub.png) left bottom no-repeat;}
.sub a.f2{background:url(images/sub.png) -49.5px top;}
.sub a.f2:hover{background:url(images/sub.png) -49.5px bottom;}
.sub a.f3{background:url(images/sub.png) -99px top;}
.sub a.f3:hover{background:url(images/sub.png) -99px bottom;}
.sub a.f4{background:url(images/sub.png) -148.5px top;}
.sub a.f4:hover{background:url(images/sub.png) -148.5px bottom;}
.sub a.f5{background:url(images/sub.png) -198px top;}
.sub a.f5:hover{background:url(images/sub.png) -198px bottom;}
.sub a.f6{background:url(images/sub.png) -247.5px top;}
.sub a.f6:hover{background:url(images/sub.png) -247.5px bottom;}
.sub a.f7{background:url(images/sub.png) -297px top;}
.sub a.f7:hover{background:url(images/sub.png) -297px bottom;}
.sub a.f8{background:url(images/sub.png) right top;}
.sub a.f8:hover{background:url(images/sub.png) right bottom;}


.sub li{float:left;}
.sub li:hover .pop{display:block;}
.sub .pop{display:none;position:absolute;margin-top:-40px; width: 380px;}
.sub span{background:url(images/sub-roleft.png) left no-repeat;height:31px;color:#FFF; font-size: 12px; padding-left:10px;padding-top:5px;overflow:hidden;display:block;padding-right:7px;float:left;}
.sub span.right{background:url(images/sub-roright.png) no-repeat;height:36px;widht:7px;}
.sub .last .pop {width: 150px;}




div.how{padding-left:30px;background:url(images/icon-how.png)  no-repeat;margin-top:33px;}
div.how ul{margin:5px 0 45px 15px;}
div.how li{list-style:url(images/arrow.png)}
div.how img{display:block; margin:0 auto;}

.featurebox{width:232px;height:319px;background:url(images/featurebg.png) no-repeat;float:left;margin-left:5px;margin-bottom:30px;}
.featurebox img{margin:0 auto;display:block;margin-top:5px;}
.featurebox p{width:200px;margin:0 auto;}
p.ttl{color:#000000;margin-bottom:10px;height:35px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;letter-spacing: 0em;}
p.txt{letter-spacing: 0em;	}

.ft{margin-top: 220px;font-size:10px!important; height:100px;padding-left:20px; font-family:Arial, Helvetica, sans-serif,letter-spacing: 0em;	}
.ft .ftpoint{font-weight:bold;}

.faq{padding:20px 0 80px;}
.qa{width:850px;margin-left:30px;}
.qa table{border-left:1px solid #999;border-top:1px solid #999;margin-bottom:10px;}
.qa table td,th{padding:5px 10px;border-right:1px solid #999;border-bottom:1px solid #999;}
.qa p{margin:10px 0 15px 15px;}
.qa img{margin:5px;}

ul.faqmenu{margin:15px 0 25px;width:420px;}
ul.faqmenu li{float:left;border:1px groove #888;}
ul.faqmenu a{width:200px;display:block;background:#000;color:#FFF; text-align:center;padding:15px 0;}
ul.faqmenu a:hover{display:block;background:#333;color:#FFF;text-decoration:none;}
.faq h4{font-weight:bold;font-size:14px;background:url(images/faqicon.png) no-repeat;padding-left:30px;height:30px;color:#0085d9;cursor:pointer;margin-left:15px;}
.faq h3{padding:0;margin:50px 0 30px; }
.faq div.qa{margin-bottom:15px;}
.faq ol{list-style:decimal;margin-left:35px;}

.comment{font-size:10px!important;font-family:Arial, Helvetica, sans-serif,letter-spacing: 0em;font-weight:bold;}