@charset "utf-8";
/* CSS Document */
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td {margin:0;padding:0;}
table {	border-collapse:collapse;	border-spacing:0;}
fieldset, img {	border:0;}
ol, ul {list-style:none;}
input{ border:#CCCCCC;font-family:Arial, Helvetica, sans-serif}

/* body */
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#5D5D5D}
.clear{ clear:both; margin:0; padding:0; height:0}
.fs13{ font-size:13px;}
.fs18{ font-size:18px;}
.orange{ color:#f15309}
.blue{ color:#0068b7}
.fb{ font-weight:bold}
a{ text-decoration:none; color:#00a0e9}
a:hover{ color:#f15309}

/* content */
#wrap{ width:920px; margin:0 auto;}
#header{ width:100%; height:92px; background-image:url(../images/headBg.gif); background-repeat:repeat-x; position:relative;}
#headerLogo{ width:220px; height:70px; position:absolute; top:10px; left:10px;}
#languageNav{ width:250px; height:25px; line-height:25px; position:absolute; right:5px; top:68px; text-align:right;}
#languageNav a{ color:#a84200; font-weight:bold; font-size:13px;}
#languageNav a:hover{color:#f15309}
.main{ width:100%; margin-bottom:15px; margin-top:10px;}
.iphoneContent{ width:465px; float:left; margin-left:5px;}
.footer{ width:100%; background-image:url(../images/footerBg.gif); height:34px; line-height:34px; text-align:center}
.photoContent{ width:100%}
#iphoneBlock{ width:462px; height:327px; float:left; position:relative; background-image:url(../images/iphoneBg.jpg); background-repeat:no-repeat; }
#iphonePhoto{ width:305px; height:205px; position:absolute;top:20px; left:77px;}

#iphoneBlock2{ width:330px; height:490px; background-image:url(../images/iphoneBg2.jpg); background-repeat:no-repeat; background-position:right;position:relative; margin-bottom:6px;}
#iphonePhoto2{width:205px; height:305px; position:absolute;top:79px; left:103px;}

#SmallPhotoBlock{ width:100%; height: auto; float:left; margin-bottom:40px;}
#SmallPhotoBlock ul li{ float:left;}
#SmallPhotoBlock ul li.arrow{ width:42px; height:42px; float:left; margin-top:18px;}
#SmallPhotoBlock ul li.cachePhoto{ width:122px; height:82px; border:#CCCCCC 1px solid; margin-right:3px; background-color:#FFFFFF; text-align:center}
#SmallPhotoBlock ul li.cachePhoto img{ margin-top:4px; width:108px; height:73px;}
#SmallPhotoBlock ul li.cachePhoto2{ width:82px; height:122px; border:#CCCCCC 1px solid; margin-right:4px; background-color:#FFFFFF; text-align:center}
#SmallPhotoBlock ul li.cachePhoto2 img{ margin-top:7px; width:72px; height:107px;}
#SmallPhotoBlock ul li.arrow2{ width:42px; height:42px; float:left; margin-top:41px;}

.infoContent{ width:430px; margin-left:8px; float:left; margin-bottom:15px;}
.infoContent .Banner{ width:100%;}
.infoContent .App{ width:100%; height:55px; text-align:right; line-height:55px; margin-top:10px;}
.infoContent h1{ font-size:18px;color:#f15309; margin-top:8px; height:35px;}
.infoContent h2{ font-size:15px; color:#0068b7; margin-top:5px;}
.infoContent p{ line-height:20px; font-size:13px; border:1px #cccccc solid; padding:6px; margin-bottom:15px;}
.adPhoto{ width:100%; margin-top:10px;}
.adPhoto .photo{ width:90%; margin:0 auto; text-align:center}
.adPhoto .photo p{ clear:both; line-height:18px; font-size:13px;}

#newsBlock{ width:100%;text-align:center;}