body {margin:0; padding:0; font:14px/22px "Arial", "Verdana", "Tahoma"; color: #555555; text-decoration: none; position:static;} body a {color:#0080FF; text-decoration:none; font:14px/22px "Arial", "Verdana", "Tahoma";} body a:hover {color:#0080FF; text-decoration:underline; font:14px/22px "Arial", "Verdana", "Tahoma";} .clear {clear:both;} #nav {margin:0 auto; width:100%; height:90px; background:url(../imgs-2014/nav-bg.gif) repeat-x;} #nav-in {margin:0 auto; width:1000px; height:90px;} #nav-in-logo {float:left; width:250px; height:90px;} #nav-in-item {float:left; width:500px; height:90px;} #nav-in-item-up {width:500px; height:20px; padding-top:10px; font:12px/20px "Verdana", "Tahoma", "Arial"; color: #AAAAAA; text-align:right;} #nav-in-item-up a {text-decoration:none; color: #AAAAAA;} #nav-in-item-up a:hover {text-decoration:underline;} #nav-in-item-down {width:500px; height:60px;} #nav-in-item-down a {font-weight:normal; font:16px/60px "Verdana", "Tahoma", "Arial"; color: #555555;} #nav-in-item-down .item {float:left; width:98px; height:60px; font:16px/60px "Verdana", "Tahoma", "Arial"; text-align:center; border:0px;} #nav-in-item-down .item:hover {text-decoration:none; background:url(../imgs-2014/nav-item-hover.gif) no-repeat;} #banner-bg {margin:0 auto; width:100%; height:410px; background:#00CCFF;} #pros-item-bg {margin:0 auto; width:100%; height:auto; padding-bottom:40px; background:#F2F2F2;} #pros-item {margin:0 auto; width:1000px; height:auto; padding-top:20px;} #pros-item .left {float:left; width:660px; height:370px; padding:20px 0px 20px 20px; margin-right:20px; background:#ffffff;} #pros-item .left .leftin {float:left; width:460px; height:auto; padding:20px 20px 0px 0px;} #pros-item .left .leftin .sp { width:420px; height:1px; margin:20px 0px 20px 0px; background:#F2F2F2;} #pros-item .left .leftin b {font:16px/16px "Verdana", "Tahoma", "Arial"; font-weight:normal;} #pros-item .left .leftin p {list-style:none; margin:0px; padding:2px 0px 6px 0px;} #pros-item .left .rightin {float:left; width:180px; height:auto; padding-top:100px;} #pros-item .left .rightin .scr {width:120px; height:20px; margin:30px 0px 0px 30px; padding-left:30px; background:url(../imgs-2014/scr-ico.gif) no-repeat left center;} #pros-item .right {float:left; width:300px; height:390px; padding-top:20px; background:#ffffff;} #pros-item .right .top {width:270px; height:100px; padding:0px 10px 10px 20px; } #pros-item .right .top .min {width:220px; height:50px; padding-left:50px; background:url(../imgs-2014/fea-1.gif) no-repeat left top; font:16px/20px "Verdana", "Tahoma", "Arial";} #pros-item .right .top .all {width:220px; height:50px; padding-left:50px; background:url(../imgs-2014/fea-all.gif) no-repeat left top; font:16px/20px "Verdana", "Tahoma", "Arial";} #pros-item .right .top .batch {width:220px; height:50px; padding-left:50px; background:url(../imgs-2014/fea-batch.gif) no-repeat left top; font:16px/20px "Verdana", "Tahoma", "Arial";} #pros-item .right .top .timeline {width:220px; height:50px; padding-left:50px; background:url(../imgs-2014/fea-timeline.gif) no-repeat left top; font:16px/20px "Verdana", "Tahoma", "Arial";} #pros-item .right .mid {width:270px; height:130px; padding:0px 10px 0px 20px;} #pros-item .right .mid .mleft {float:left; width:40px; height:130px; background:url(../imgs-2014/fea-item.gif) no-repeat;} #pros-item .right .mid .mleft-vw {float:left; width:40px; height:130px; background:url(../imgs-2014/fea-item-vw.gif) no-repeat;} #pros-item .right .mid .mright {float:left; width:225px; height:130px;} #pros-item .right .mid .mright a {font:14px/16px "Verdana", "Tahoma", "Arial";} #pros-item .right .mid .mright p {list-style:none; margin:0px; padding:0px 0px 8px 0px; font:14px/16px "Verdana", "Tahoma", "Arial";} #pros-item .right .bom {width:300px; height:80px;} #pros-item .right .bom .btop {width:285px; height:30px; padding:0px 0px 0px 15px;} #pros-item .right .bom .btop .tleft {float:left; width:170px; height:30px; padding:0px 10px 0px 0px; color:#999999;} #pros-item .right .bom .btop .tright {float:left; width:100px; height:30px;} #pros-item .right .bom .btop .tright em {text-decoration:line-through; color:#999999;} #pros-item .right .bom .btop .tright b {font:14px/22px "Verdana", "Tahoma", "Arial"; color:#E74F04; font-weight:normal;} #pros-item .right .bom .bbom {width:300px; height:50px;} #pros-item .right .bom .bbom .bdown {float:left; width:190px; height:50px; margin-right:10px; background:url(../imgs-2014/down-index.gif) no-repeat;} #pros-item .right .bom .bbom .bdown a {text-decoration:none;} #pros-item .right .bom .bbom .bdown .btxt {width:190px; height:50px; font:18px/50px "Verdana", "Tahoma", "Arial"; color:#ffffff; text-align:center; cursor:pointer;} #pros-item .right .bom .bbom .bdown .btxt:hover {background:url(../imgs-2014/hover-png.png) repeat;} #pros-item .right .bom .bbom .bbuy {float:left; width:100px; height:50px; background:#F66B26; background:url(../imgs-2014/purchase-index.gif) no-repeat;} #pros-item .right .bom .bbom .bbuy a {text-decoration:none;} #pros-item .right .bom .bbom .bbuy .btxt {width:100px; height:50px; font:18px/50px "Verdana", "Tahoma", "Arial"; color:#ffffff; text-align:center; cursor:pointer;} #pros-item .right .bom .bbom .bbuy .btxt:hover {background:url(../imgs-2014/hover-png.png) repeat;} #pros-item .right .sp {width:300px; height:1px; margin-bottom:34px; background:#F2F2F2;} #pros-item2 {margin:0 auto; width:1000px; height:500px; margin-top:20px; margin-bottom:50px; background:#ffffff; color:#D4D4D4; font:14px/18px "Verdana", "Tahoma", "Arial";} #pros-item2 a {color:#D4D4D4;} #pros-item2 p {list-style:none; margin:0px; padding:0px 0px 4px 0px;} #pros-item2 b {font-weight:bold;} #pros-item2 .i2item-1 {float:left; width:220px; height:90px; padding:145px 15px 15px 15px; background:url(../imgs-2014/i2item-1.jpg) no-repeat;} #pros-item2 .i2item-2 {float:left; width:220px; height:90px; padding:145px 15px 15px 15px; background:url(../imgs-2014/i2item-2.jpg) no-repeat;} #pros-item2 .i2item-3 {float:left; width:220px; height:90px; padding:145px 15px 15px 15px; background:url(../imgs-2014/i2item-3.jpg) no-repeat;} #pros-item2 .i2item-4 {float:left; width:220px; height:90px; padding:145px 15px 15px 15px; background:url(../imgs-2014/i2item-4.jpg) no-repeat;} #pros-item2 .i2item-5 {float:left; width:220px; height:90px; padding:145px 15px 15px 15px; background:url(../imgs-2014/i2item-5.jpg) no-repeat;} #pros-item2 .i2item-6 {float:left; width:220px; height:90px; padding:145px 15px 15px 15px; background:url(../imgs-2014/i2item-6.jpg) no-repeat;} #pros-item2 .i2item-7 {float:left; width:220px; height:90px; padding:145px 15px 15px 15px; background:url(../imgs-2014/i2item-7.jpg) no-repeat;} #pros-item2 .i2item-8 {float:left; width:220px; height:90px; padding:145px 15px 15px 15px; background:url(../imgs-2014/i2item-8.jpg) no-repeat;} #pros-item2 .vwtitle { width:auto; height:40px; font:18px/40px "Verdana", "Tahoma", "Arial";} #pros-item2 .vwitrm-1 {float:left; width:440px; height:215px; padding:15px 30px 20px 30px; background:#2DC0BF; color:#ffffff;} #pros-item2 .vwitrm-2 {float:left; width:200px; height:215px; padding:15px 270px 20px 30px; background:url(../imgs-2014/vwitrm-2.jpg) no-repeat; color:#434A53;} #pros-item2 .vwitrm-3 {float:left; width:200px; height:215px; padding:15px 270px 20px 30px; color:#ffffff; background:url(../imgs-2014/vwitrm-3.jpg) no-repeat;} #pros-item2 .vwitrm-4 {float:left; width:200px; height:215px; padding:15px 270px 20px 30px; color:#ffffff; background:url(../imgs-2014/vwitrm-4.jpg) no-repeat;} #pros-item3 {margin:0 auto; width:1000px; height:auto; padding-top:50px; padding-bottom:20px;} #pros-item3 .picitem {float:left; width:280px; height:240px; padding:20px; background:#ffffff;} #pros-item3 .picitem .pictop {width:280px; height:180px;} #pros-item3 .picitem .pictop b a {font:18px/24px "Verdana", "Tahoma", "Arial"; font-weight:normal;} #pros-item3 .picitem .pictop p {list-style:none; margin:0px; padding:0px 0px 8px 0px;} #pros-item3 .picitem .pictop .picl {float:left; width:80px; height:180px;} #pros-item3 .picitem .pictop .picr {float:left; width:200px; height:170px; padding-top:10px;} #pros-item3 .picitem .picbom {width:280px; height:36px; padding-top:24px; text-align:center; color:#ffffff;} #pros-item3 .picitem .picbom a {text-decoration:none; color:#ffffff;} #pros-item3 .picitem .picbom .picdown {float:left; width:180px; height:36px; background:url(../imgs-2014/down-vtop.gif) no-repeat;} #pros-item3 .picitem .picbom .picdown .piclink {width:180px; height:36px; font:16px/36px "Verdana", "Tahoma", "Arial";} #pros-item3 .picitem .picbom .picdown .piclink:hover { background:url(../imgs-2014/hover-png.png) repeat;} #pros-item3 .picitem .picbom .picbuy {float:left; width:90px; height:36px; margin-left:10px; background:url(../imgs-2014/buy-vtop.gif) no-repeat;} #pros-item3 .picitem .picbom .picbuy .piclinkb {width:90px; height:36px; font:16px/36px "Verdana", "Tahoma", "Arial";} #pros-item3 .picitem .picbom .picbuy .piclinkb:hover { background:url(../imgs-2014/hover-png.png) repeat;} #pros-item3 .piccsp {float:left; width:20px; height:10px;} .mid-sp {margin:0 auto; width:100%; height:2px; background:#ffffff;} #reviews {margin:0 auto; width:1000px; height:430px; padding:40px 0px 40px 0px;} #reviews .r-top {width:1000px; height:130px; text-align:center; font-weight:normal;} #reviews .r-top b {color:#434A53; font:36px/40px "Verdana", "Tahoma", "Arial";} #reviews .r-top em {color:#434A53; font:20px/40px "Verdana", "Tahoma", "Arial";} #reviews .r-bom {width:1000px; height:300px;} #reviews .r-bom .r-item {float:left; width:189px; height:300px; padding:0px 30px 0px 30px; text-align:center; color:#999999;} #reviews .r-bom .r-item img {padding-bottom:30px;} #reviews .r-bom .r-sp {float:left; width:1px; height:300px; background:#F2F2F2;} #bottom-bg {margin:0 auto; width:100%; height:auto; padding:75px 0px 5px 0px; background:#12181A; color:#666666;} .bottom {margin:0 auto; width:1000px; height:auto;} .bottom a {color:#666666; text-decoration:none;} .bottom .social-l {float:left; width:150px; height:30px; color:#777777; font:16px/30px "Verdana", "Tahoma", "Arial";} .bottom .social-r {float:left; width:200px; height:30px;} .bottom .social-r img {margin:0px; padding:0px 10px 0px 10px;} .bottom .b-pr {width:1000px; height:auto;} .bottom .b-pr b {font:16px/30px "Verdana", "Tahoma", "Arial"; color:#777777; font-weight:normal;} .bottom .b-pr p {list-style:none; margin:0px; padding:0px 0px 6px 0px;} .bottom .b-pr a {color:#666666; text-decoration:none;} .bottom .b-pr a:hover {color:#666666; text-decoration:underline;} .bottom .b-pr .b-copy {float:left; width:600px; height:auto;} .bottom .b-pr .b-about {float:left; width:400px; height:auto; text-align:right;} .bottom .b-pr .bpr-item {float:left; width:280px; height:auto; font:10px/16px "Verdana", "Tahoma", "Arial";} .bottom .b-pr .bpr-item a {font:10px/12px "Verdana", "Tahoma", "Arial";} .bottom .b-pr .bpr-item p {margin:0; padding-bottom:8px;} .bottom .b-pr .bpr-sp {float:left; width:80px; height:30px;} .bottom .b-sp2 {width:100%; height:1px; margin:15px 0px 14px 0px; background:#2C2E2F;} .hom-2014 {margin:0 auto; width:100%; height:20px; padding-bottom:30px;} .hom-inside {margin:0 auto; width:978px; height:20px; padding-left:22px; color:#999999; background:url(../imgs-2014/hom.gif) left no-repeat; font:12px/22px "Verdana", "Tahoma", "Arial";} /*Sample Start*/ .samplebg {margin:0 auto; width:100%; height:auto; background:#F5F5F5; padding:30px 0px 50px 0px;} .sampleinside {margin:0 auto; width:1000px; height:auto;} .sampleinside-left {float:left; width:720px; height:auto;} .sampleinside-right {float:left; width:280px; height:auto;} .sample-new-out {width:697px; height:auto;} .sample-new-left {float:left; width:219px; height:auto; padding-right:20px;} .sample-new-right {float:left; width:458px; height:auto;} .sample-new-219-219-l {float:left; width:219px; height:219px;} .sample-new-219-219 {width:219px; height:219px;} .sample-new-219-219:hover {background:url(../imgs-sample/cover.png) repeat;} .sample-new-219-356 {width:219px; height:356px;} .sample-new-219-356:hover {background:url(../imgs-sample/cover.png) repeat;} .sample-new-458-219 {width:458px; height:219px;} .sample-new-458-219:hover {background:url(../imgs-sample/cover.png) repeat;} .sample-new-458-219-l {float:left; width:458px; height:219px;} .sample-new-219-249 {width:219px; height:249px;} .sample-new-219-249:hover {background:url(../imgs-sample/cover.png) repeat;} .sample-new-219-291 {width:219px; height:291px;} .sample-new-219-291:hover {background:url(../imgs-sample/cover.png) repeat;} .sample-new-sp {width:20px; height:20px;} .sample-new-sp-l {float:left; width:20px; height:20px;} .sampleleft-1 {width:219px; height:219px; background:url(../imgs-sample/left-1.jpg) no-repeat;} .sampleleft-2 {width:219px; height:356px; background:url(../imgs-sample/left-2.jpg) no-repeat;} .sampleleft-3 {width:219px; height:219px; background:url(../imgs-sample/left-3.jpg) no-repeat;} .sampleleft-4 {width:219px; height:249px; background:url(../imgs-sample/left-4.jpg) no-repeat;} .sampleleft-5 {width:219px; height:219px; background:url(../imgs-sample/left-5.jpg) no-repeat;} .sampleleft-6 {width:219px; height:291px; background:url(../imgs-sample/left-6.jpg) no-repeat;} .sampleright-1-1 {width:219px; height:219px; background:url(../imgs-sample/right-1-1.jpg) no-repeat;} .sampleright-1-2 {width:219px; height:219px; background:url(../imgs-sample/right-1-2.jpg) no-repeat;} .sampleright-2 {width:458px; height:219px; background:url(../imgs-sample/right-2.jpg) no-repeat;} .sampleright-3-1 {width:219px; height:219px; background:url(../imgs-sample/right-3-1.jpg) no-repeat;} .sampleright-3-2 {width:219px; height:219px; background:url(../imgs-sample/right-3-2.jpg) no-repeat;} .sampleright-4 {width:458px; height:219px; background:url(../imgs-sample/right-4.jpg) no-repeat;} .sampleright-5-1 {width:219px; height:219px; background:url(../imgs-sample/right-5-1.jpg) no-repeat;} .sampleright-5-2 {width:219px; height:219px; background:url(../imgs-sample/right-5-2.jpg) no-repeat;} .sampleright-6 {width:458px; height:219px; background:url(../imgs-sample/right-6.jpg) no-repeat;} .sampleright-7-1 {width:219px; height:219px; background:url(../imgs-sample/right-7-1.jpg) no-repeat;} .sampleright-7-2 {width:219px; height:219px; background:url(../imgs-sample/right-7-2.jpg) no-repeat;} .sampleright-8-1 {width:458px; height:219px; background:url(../imgs-sample/right-8-1.jpg) no-repeat;} .sampleright-8-2 {width:219px; height:219px; background:url(../imgs-sample/right-8-2.jpg) no-repeat;} .sampleinside-right .srrp {width:280px; height:auto; background:#E3E3E3; margin:20px 0px 20px 0px;} .sampleinside-right .srrp-top {width:260px; height:40px; background:#212121; font:16px/40px "Verdana", "Tahoma", "Arial"; color:#ffffff; padding-left:20px; margin-bottom:20px; font-weight:bold;} .sampleinside-right .srrp-bom {width:240px; height:auto; padding:0px 20px 20px 20px; } .sampleinside-right .srrp-bom a {color: #555555; font:16px/30px "Verdana", "Tahoma", "Arial";} .sampleinside-right .srrp-bom ul {list-style:none; margin:0px; padding-left:2px;} .sampleinside-right .srrp-bom ul li {margin:0px; padding-bottom:8px;} /*Sample End*/ /*Tutorial Start*/ .tutorbg {margin:0 auto; width:100%; height:auto; padding:0px 0px 50px 0px;} #tutorbg {margin:0 auto; width:100%; height:auto; padding:0px 0px 50px 0px;} .tutor {margin:0 auto; width:1000px; height:auto;} .tutor a {} .tutor .ttbanner {width:420px; height:175px; padding:25px 500px 0px 80px; background:url(../imgs-2014/tutoial-banner.jpg) no-repeat;} #tutor {margin:0 auto; width:1000px; height:auto;} #tutor .ttbanner {width:420px; height:175px; padding:25px 500px 0px 80px; background:url(../imgs-2014/tutoial-banner.jpg) no-repeat;} .blog-allarea {margin:0 auto; width:1000px; height:auto; background:url(../imgs-2014/blog-center-bg.gif) repeat-y;} #blog-allarea {margin:0 auto; width:1000px; height:auto; background:url(../imgs-2014/blog-center-bg.gif) repeat-y;} .blog-left {float:left; width:700px; height:auto; padding:30px 30px 40px 30px;} .blog-left p {list-style:none; margin:0px; padding:2px 0px 15px 0px;} .blog-left img {padding:10px 0px 20px 0px;} #blog-left {float:left; width:700px; height:auto; padding:30px 30px 40px 30px;} #blog-left p {list-style:none; margin:0px; padding:2px 0px 6px 0px;} #blog-left img {padding:10px 0px 20px 0px;} .blog-right {float:left; width:200px; padding:30px 20px 40px 20px;} .blog-right img {padding-bottom:20px;} .blog-right .txttitle {width:200px; height:30px; margin-bottom:10px; font:15px/30px "Verdana", "Tahoma", "Arial"; border-bottom: 1px solid #B2B2B2;} .blog-right .txtcont {width:200px; height:auto; margin-bottom:20px;} .blog-right .txtcont ul {list-style:none; margin:0px; padding:0px;} .blog-right .txtcont ul li {font:12px/22px "Verdana", "Tahoma", "Arial"; list-style:none; margin:0px; padding:0px 0px 8px 12px; background:url(../imgs-2014/li-icon.png) left center no-repeat;} .blog-right .bgrpbbd-secure {width:200px; height:auto; padding:2px 0px 28px 0px;} .blog-right .bgrpbbd-secure img {float:left;} .blog-right .bgrpbbd-secure b {font:16px/22px "Verdana", "Tahoma", "Arial"; font-weight:normal;} .blog-right .bgrpbbd-secure p {margin:0px; padding:0px;} .blog-bom-bg {width:1000px; height:5px; background:url(../imgs-2014/blog-bottom-bg.gif) no-repeat;} .blog-top-bg {width:1000px; height:5px; background:url(../imgs-2014/blog-top-bg.gif) no-repeat;} .blog-top-bg-seo {width:1000px; height:5px; background:url(../imgs-2014/blog-top-bg-seo.gif) no-repeat;} .blog-tutor-titleout { width:600px; height:auto; padding-bottom:40px;} .blog-tutor-titleout a {font:12px/30px "Verdana", "Tahoma", "Arial"; color:#555555;} .blog-tutor-titleout a:hover {text-decoration:none;} .blog-tutor-title {width:680px; height:30px; background:#EFEFEF; padding-left:20px;} .blog-tutor-title:hover {background:#B5E663;} .blog-tutor-title2 {width:680px; height:30px; padding-left:20px;} .blog-tutor-title2:hover {background:#B5E663;} /*Tutorial End*/ /*Purchase Start*/ .purchasebg-banner {margin:0 auto; width:100%; height:630px; padding-bottom:30px; background:url(../imgs-2014/purchasebg-banner.gif) repeat-x;} .purchase-banner {margin:0 auto; width:1000px; height:630px;} .purchase-banner .p-b-top {width:1000px; height:160px;} .purchase-banner .p-b-top-l {float:left; width:560px; height:140px; padding-top:20px; color:#ffffff;} .purchase-banner .p-b-top-l p {margin:0px; padding:0px;} .purchase-banner .p-b-top-l b {font:16px/22px "Verdana", "Tahoma", "Arial"; font-weight:normal;} .purchase-banner .p-b-top-l ul li {margin:0px; padding-left:16px; background:url(../imgs-2014/purchae-li.gif) left center no-repeat;} .purchase-banner .p-b-top-rws {float:left; width:430px; height:61px; padding:42px 0px 57px 0px;} .purchase-banner .p-b-top-r {float:left; width:329px; height:41px; padding:42px 0px 77px 101px; background:url(../imgs-2014/macafee-bg.gif) right top no-repeat;} .purchase-banner .p-b-top-r img {padding:0px 8px 0px 8px;} .purchase-banner .p-b-bom {width:1000px; height:470px;} .purchase-banner .p-b-bom .p-b-b-desc {float:left; width:190px; height:345px; padding-top:55px;} .p-b-b-desc .pbbd-secure {width:190px; height:auto; padding:12px 0px 28px 0px;} .p-b-b-desc .pbbd-secure img {float:left;} .p-b-b-desc .pbbd-secure b {font:18px/22px "Verdana", "Tahoma", "Arial"; font-weight:normal;} .p-b-b-desc .pbbd-secure p {margin:0px; padding:0px;} .purchase-banner .p-b-bom .p-b-b-item {float:left; width:260px; height:400px; padding-left:10px; background:url(../imgs-2014/p-b-b-item.gif) no-repeat;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-1 {width:240px; height:65px; padding:15px 0px 0px 20px; color:#38434E;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-1 p {margin:0px; padding:0px;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-21 {float:left; width:115px; height:175px;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-22 {float:left; width:145px; height:155px; padding-top:20px;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-22 em {list-style:none; color:#FF0000;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-22 ul li {list-style:none; margin:0px; padding:0px 0px 10px 14px; background:url(../imgs-2014/p-b-b-item-22-li.gif) left top no-repeat;} .purchase-banner .p-b-bom .p-b-b-item-vtop {float:left; width:730px; height:370px; padding:30px 30px 0px 50px; background:url(../imgs-2014/p-b-b-item-vtop.gif) no-repeat;} .purchase-banner .p-b-bom .p-b-b-item-vtop-box {float:left; width:175px; height:290px; padding-top:80px;} .purchase-banner .p-b-bom .p-b-b-item-vtop-bun {float:left; width:540px; height:370px; color:#5A8D15;} .purchase-banner .p-b-bom .p-b-b-item-vtop-bun .vpblimits {font:16px/24px "Verdana", "Tahoma", "Arial"; padding-left:100px;} .purchase-banner .p-b-bom .p-b-b-item-vtop-bun .vpblimits em {font:16px/24px "Verdana", "Tahoma", "Arial"; color:#C5C5C5; text-decoration:line-through;} .purchase-banner .p-b-bom .p-b-b-item-vtop-bun .vpblimits b {color:#F66B26; font-weight:normal; font:24px/24px "Verdana", "Tahoma", "Arial";} .purchase-banner .p-b-bom .p-b-b-item-vtop-bun .vpbtime {width:540px; height:100px; padding-top:20px;} .purchase-banner .p-b-bom .p-b-b-item-vtop-bun .vpbbun {width:510px; height:120px; padding-left:30px; padding-top:30px; color:#888888;} .purchase-banner .p-b-bom .p-b-b-item-vtop-bun .vpbbun .vpbavan {float:left; width:210px; height:60px; padding-bottom:20px;} .purchase-banner .p-b-bom .p-b-b-item-vtop-bun .vpbbun .vpbavan-nopp {float:left; width:210px; height:60px; padding-bottom:20px; margin-left:100px;} .purchase-banner .p-b-bom .p-b-b-item-vtop-bun .vpbbun .vpbpp {float:left; width:170px; height:50px; padding:10px 0px 0px 83px; background:url(../video-to-picture/imgs-2014/or-buy.gif) left no-repeat;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-3 {width:247px; height:38px; padding-right:13px; text-align:right;} .purchase-banner .p-b-bom .p-b-b-item .item-3nopp { width:50px; height:30px;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-3 em {color:#999999; font:14px/38px "Verdana", "Tahoma", "Arial"; text-decoration:line-through;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-3 b {color:#F66B26; font:22px/38px "Verdana", "Tahoma", "Arial"; font-weight:normal;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-4 {width:170px; height:40px; padding:0px 13px 0px 77px;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-5 {width:177px; height:30px; padding:15px 12px 0px 70px;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-5-1 {float:left; width:33px; height:30px; background:url(../imgs-2014/or.gif) no-repeat;} .purchase-banner .p-b-bom .p-b-b-item .p-b-b-item-5-2 {float:left; width:143px; height:30px;} .purchase-bundletitle {margin:0 auto; width:1000px; height:110px; text-align:center; padding-top:40px;} .purchase-bundletitle p {font:16px/26px "Verdana", "Tahoma", "Arial"; color:#777777;} .purchase-bundlebg {margin:0 auto; width:1000px; height:200px; margin-bottom:80px;} .purchase-bundlebg-ws {float:left; width:185px; height:180px; padding:20px 0px 0px 85px; background:url(../imgs-2014/purchase-bundlebg-ws.jpg) no-repeat;} .purchase-bundlebg-ws p {margin:0px; padding:0px 0px 5px 0px;} .purchase-bundlebg-ws em {color:#999999; text-decoration:line-through; font:14px/26px "Verdana", "Tahoma", "Arial";} .purchase-bundlebg-ws b {color:#F66B26; font-weight:normal; font:16px/26px "Verdana", "Tahoma", "Arial";} .purchase-bundlebg-vw {float:left; width:185px; height:180px; padding:20px 0px 0px 85px; background:url(../imgs-2014/purchase-bundlebg-vw.jpg) no-repeat;} .purchase-bundlebg-vw p {margin:0px; padding:0px 0px 5px 0px;} .purchase-bundlebg-vw em {color:#999999; text-decoration:line-through; font:14px/26px "Verdana", "Tahoma", "Arial";} .purchase-bundlebg-vw b {color:#F66B26; font-weight:normal; font:16px/26px "Verdana", "Tahoma", "Arial";} .purchase-bundlebg-plus {float:left; width:30px; height:200px; background:url(../imgs-2014/purchase-bundlebg-plus.gif) center no-repeat;} .purchase-bundlebg-pack {float:left; width:222px; height:180px; padding:20px 0px 0px 178px; background:url(../imgs-2014/purchase-bundlebg-pack.jpg) no-repeat;} .purchase-bundlebg-pack b {font:24px/30px "Verdana", "Tahoma", "Arial"; color:#ffffff;} .purchase-bundlebg-pack em {list-style:none; font:16px/30px "Verdana", "Tahoma", "Arial"; color:#8DD5D7;} .purchase-bundlebg-pack p {margin:0px; padding:0px; font:28px/40px "Verdana", "Tahoma", "Arial"; color:#FF0E0E;} .purchase-bundlebg-pack img {padding-top:15px;} .purchase-bundlebg-am {float:left; width:30px; height:200px; background:url(../imgs-2014/purchase-bundlebg-am.gif) center no-repeat;} .purchae-mode {width:499px; height:29px; background:url(../imgs-2014/purchase-mode.gif) no-repeat; float:right; margin-top:16px;} /*Purchase End*/ /*Download Start*/ .downiconbg {float:left; width:auto; height:43px; padding-bottom:20px; font:12px/42px "Verdana", "Tahoma", "Arial";} .downiconbg img {float:left; padding:0px 10px 0px 20px;} .downitembg {width:700px; height:auto; border-top: 1px solid #CCCCCC; padding:20px 0px 20px 0px;} .downitems {float:left; width:220px; height:auto;} .downitemsp {float:left; width:1px; height:300px; margin:0px 10px 0px 9px; background:#CCCCCC;} .downitems b a {font:16px/20px "Verdana", "Tahoma", "Arial"; font-weight:normal; color:#444444;} .downitems p {margin:0px; padding:0px 0px 10px 0px;} .downitems em {text-decoration:line-through; color:#999999; font:14px/16px "Verdana", "Tahoma", "Arial";} .downitems strong {color:#F66B26; list-style:none; font:16px/16px "Verdana", "Tahoma", "Arial";} /*Download End*/ /*Support Start*/ .support-banner-bg {width:960px; height:60px; padding:20px; color:#ffffff; background:url(../imgs-2014/support-banner-bg.gif) repeat-x;} .support-title-s { width:660px; height:auto; padding:20px; background:#CFD5DD; font:16px/22px "Verdana", "Tahoma", "Arial"; margin:20px 0px;} /*Support End*/ /*About Start*/ .aboutberbg {margin:0 auto; width:100%; height:151px; background:url(../imgs-2014/aboutberbg.jpg) repeat-x;} .aboutber {margin:0 auto; width:1000px; height:151px; background:url(../imgs-2014/about-banner.png) no-repeat;} /*About End*/ /*privacy Start*/ .privacyberbg {margin:0 auto; width:100%; height:151px; background:url(../imgs-2014/privacyberbg.gif) repeat-x;} .privacyber {margin:0 auto; width:1000px; height:151px; background:url(../imgs-2014/privacyber.gif) no-repeat;} /*privacy End*/ /*Contact Start*/ .contactberbg {margin:0 auto; width:100%; height:151px; background:#F5F5F5;} .contactber {margin:0 auto; width:1000px; height:151px; background:url(../imgs-2014/contact-banner.gif) no-repeat;} /*Contact End*/ /*Thankscancel Start*/ .thanks-bannerout {margin:0 auto; width:100%; height:300px; background:url(../imgs-2014/thanks-banner.gif) repeat-x;} .thanks-banner {margin:0 auto; width:750px; height:220px; padding:40px 250px 40px 0px ; color:#ffffff; background:url(../imgs-2014/thanks-banner-icon.png) right no-repeat;} .thanks-banner b {font:30px/60px "Verdana", "Tahoma", "Arial";} /*Thankscancel End*/ /*Latest Start*/ .checklatestber {margin:0 auto; width:970px; height:100px; padding:51px 0px 0px 30px; background:url(../imgs-2014/latestversionbg.gif) no-repeat; color:#ffffff;} .checklatestber p {margin:0px; padding:10px 0px 0px 0px; font:16px/22px "Verdana", "Tahoma", "Arial";} .checklatestber b {font:30px/30px "Verdana", "Tahoma", "Arial";} .latestextra {float:left; width:220px; height:auto;} .latestextra b {list-style:none; font-weight:normal; font:16px/20px "Verdana", "Tahoma", "Arial";} .latestextra p {margin:0px; padding:0px;} .latestextra img {padding:20px 0px 25px 0px;} .latestextra em {color:#666666; text-decoration:line-through;} .latestextra strong {font:16px/22px "Verdana", "Tahoma", "Arial"; color:#FF6618;} .latestextrasp {float:left; width:19px; height:20px;} /*Latest End*/ /*SEO Start*/ .seo-left {float:left; width:760px; height:auto;} .seo-banner {width:730px; height:auto; padding:20px 0px 20px 30px; background:#73CDF5;} .seo-author { width:730px; height:53px; background:#EAEAEA; padding:6px 0px 6px 30px;} .seo-author-avatar {float:left; width:53px; height:53px; padding-right:20px;} .seo-author-right {float:left; width:650px; height:53px;} .seo-author-right-top {width:650px; height:23px;} .seo-author-right-top .ancolor {color:#A2A2A2;} .seo-author-right-bom {width:650px; height:30px;} .seo-contents {width:700px; height:auto; padding:30px;} .seo-contents p {margin:0px; padding:0px 0px 30px 0px;} .seo-contents img {padding-bottom:30px; padding-top:16px;} .seo-contents ul {list-style:none; margin:0px; padding-left:2px;} .seo-contents ul li {padding-left:12px; padding-bottom:5px; background:url(../imgs-2014/li-seo.png) left no-repeat;} .seo-contents .scsimg {width:700px; height:auto;} .seo-contents .scsimg img {float:left; padding-right:30px; padding-bottom:50px;} .seo-left .spored {font-weight:bold; color:#FF0000;} .seo-left .spored a {text-decoration:none; color:#FF0000;} .seo-left .spored a:hover {text-decoration:underline;} .seo-external-bg {width:670px; height:130px; padding:24px 0px 0px 30px; background:url(../imgs-2014/seo-external-bg.gif) no-repeat;} .seo-external-button {width:670px; height:30px; padding-top:15px;} .seo-external-button1 {font:16px/30px "Verdana", "Tahoma", "Arial"; float:left; width:395px; height:30px;} .seo-external-button1 em {text-decoration:line-through; font:16px/30px "Verdana", "Tahoma", "Arial";} .seo-external-button1 b {font:16px/30px "Verdana", "Tahoma", "Arial"; color:#FF0000; font-weight:bold;} .seo-external-button2 {float:left; width:135px; height:30px;} .seo-external-button2 img {margin:0px; padding:0px;} .icon-external {background:url(../imgs-2014/icon-external.png) right no-repeat; padding-right:15px;} .spseo {width:680px; height:50px; padding-left:20px; background:url(../imgs-2014/sp.gif) no-repeat; margin:15px 0px 20px 0px;} /*SEO End*/ /*VtoP Start*/ .vtopbannerbg {margin:0 auto; width:100%; height:398px; background:#3EA4A8;} .vtopbanner {margin:0 auto; width:1000px; height:398px; background:url(../video-to-picture/imgs-2014/vtopbanner.gif) right no-repeat;} .vtopbannerl {float:left; width:630px; height:398px;} .vtopbannerl-top {width:630px; height:70px; padding-top:28px;} .vtopbannerl-bom {width:630px; height:280px; padding-top:20px;} .vtopbannerr {float:left; width:340px; height:328px; padding-top:70px; padding-right:30px;} .vtopbannerr ul {margin:0px; padding:10px 0px 0px 20px;} .vtopbannerr ul li {margin:0px; padding:0px 0px 8px 0px;} .vtopbannerr-bunout {width:340px; height:66px; padding-top:10px;} .vtopbannerr-bunoutl {float:left; width:180px; height:66px; padding-right:30px;} .vtopbannerr-bunoutltop {padding-left:10px; width:170px; height:26px; font:11px/26px "Verdana", "Tahoma", "Arial"; color:#999999;} .vtopbannerr-bunoutlbom {width:180px; height:36px;} .vtopbannerr-bunoutr {float:left; width:110px; height:66px;} .vtopbannerr-bunoutrtop {width:110px; height:26px;} .vtopbannerr-bunoutrtop em {font:11px/26px "Verdana", "Tahoma", "Arial"; color:#999999; text-decoration:line-through;} .vtopbannerr-bunoutrtop b {font:14px/26px "Verdana", "Tahoma", "Arial"; color:#E7540B} .vtopbannerr-bunoutrbom {width:110px; height:36px;} .vtopreviewbg {margin:0 auto; width:100%; height:150px; background:#F3F3F3;} .vtopreviewcnet {margin:0 auto; width:1000px; height:150px;} .vtopoverview {margin:0 auto; width:1000px; height:auto; padding:40px 0px 40px 0px; border-bottom: 1px solid #EDEDED;} .vtopoverview img {padding:20px 0px 30px 0px;} .vtopoverviewdesc {font:16px/20px "Verdana", "Tahoma", "Arial"; color:#888888; text-align:center;} .vtopmainfea {margin:0 auto; width:1000px; height:auto; padding:50px 0px 40px 0px;} .vtopmainfea b {font:18px/22px "Verdana", "Tahoma", "Arial"; font-weight:normal;} .vtopmainfea-item1 {float:left; width:250px; height:200px; padding:30px 220px 20px 30px; background:url(../video-to-picture/imgs-2014/item1bg.jpg) no-repeat;} .vtopmainfea-item2 {float:left; width:250px; height:200px; padding:30px 220px 20px 30px; background:url(../video-to-picture/imgs-2014/item2bg.jpg) no-repeat; color:#6C5041;} .vtopmainfea-item3 {float:left; width:250px; height:200px; padding:30px 220px 20px 30px; background:url(../video-to-picture/imgs-2014/item3bg.jpg) no-repeat; color:#ffffff;} .vtopmainfea-item4 {float:left; width:250px; height:200px; padding:30px 220px 20px 30px; background:url(../video-to-picture/imgs-2014/item4bg.jpg) no-repeat; color:#ffffff;} .vtopmainfea-sp { width:20px; height:30px;} .vtopmorefea {margin:0 auto; width:1000px; height:auto; padding:30px 0px 40px 0px;} .vtopmorefea-bor {width:1000px; height:1px; background:#DDE0E1;} .vtopmorefea-item {float:left; width:238px; height:329px; background:#F7F9FA; border-bottom: 5px solid #44A6D4;} .vtopmorefea-item-top {width:238px; height:67px; text-align:center; padding-top:43px;} .vtopmorefea-item-bom {width:218px; height:180px; text-align:center; padding:20px 10px 0px 10px; color:#888888;} .vtopmorefea-item-bom b {font:16px/22px "Verdana", "Tahoma", "Arial"; font-weight:normal; list-style:none;} .vtopmorefea-item-bom p {margin:0px; padding:0px 0px 10px 0px;} .vtopmorefea-sp {float:left; width:16px; height:329px;} .vtopbom-trybuybg {margin:0 auto; width:100%; height:150px; background:url(../video-to-picture/imgs-2014/bom-trybuy-bg.gif) repeat-x;} .vtopbom-trybuybg-top {margin:0 auto; width:420px; height:45px; font:12px/45px "Verdana", "Tahoma", "Arial"; color:#999999;} .vtopbom-trybuybg-top em{font:12px/45px "Verdana", "Tahoma", "Arial"; text-decoration:line-through;} .vtopbom-trybuybg-top b{font:18px/45px "Verdana", "Tahoma", "Arial"; color:#E65A15;} .vtopbom-trybuybg-top-left {float:left; width:180px; height:45px; padding-right:62px; text-align:center;} .vtopbom-trybuybg-top-right {float:left; width:110px; height:45px; text-align:center;} .vtopbom-trybuybg-bom {margin:0 auto; width:420px; height:105px;} .vtopbom-trybuyrulebg {margin:0 auto; width:100%; height:130px; background:#E7E7E7;} .vtopbom-trybuyrule {margin:0 auto; width:1000px; height:130px; color:#888888;} .vtopbom-trybuyrule img {float:left; padding-bottom:30px;} .vtopbom-trybuyrule b {font:16px/22px "Verdana", "Tahoma", "Arial"; font-weight:normal; list-style:none;} .vtopbom-trybuyrule p {margin:0px; padding:0px 0px 7px 0px;} .vtopbom-trybuyrule-item1 {float:left; width:300px; height:130px; padding-right:50px;} .vtopbom-trybuyrule-item2 {float:left; width:300px; height:130px;} /*VtoP End*/ .screenshot {width:230px; float:left; padding-bottom:20px; text-align:center;} .screenshot-bg {width:700px; height:auto; padding-bottom:60px;} .screenshot-l {float:left; width:50px; height:37px; padding-top:180px;} .screenshot-c {float:left; width:600px; height:auto; text-align:center;} .leawobg {margin:0 auto; width:100%; height:55px; text-align:center; padding:15px 0px 10px 0px; background:#287C7E; color:#FFFFFF;} .leawobg b {font:20px/26px "Verdana", "Tahoma", "Arial"; font-weight:normal;} .leawobg p {font:12px/22px "Verdana", "Tahoma", "Arial";} .samplespace { width:100px; height:50px;} .ndownbg {width:700px; height:auto; padding:10px 0px 30px 0px;} .ndownbgtop {width:700px; height:10px; background:url(../imgs-2016/ndown-bgtop.gif) no-repeat;} .ndownbgcen { width:680px; height:auto; padding-left:20px;} .ndownbgcenl { float:left; width:420px; height:auto; padding:25px 0px 20px 0px;} .ndownbgcenln {width:420px; height:30px; font:18px/30px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#000000;} .ndownbgcenln a {font:18px/30px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#000000; text-decoration:none; font-weight:bold;} .ndownbgcenln a:hover {font:18px/30px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#0080FF; text-decoration:none; font-weight:bold;} .ndownbgcenlcnet {width:420px; height:40px; padding-top:10px; padding-bottom:15px;} .ndownbgcenlcnetl { float:left; width:40px; height:40px;} .ndownbgcenlcnetl img {margin:0; padding:0;} .ndownbgcenlcnetr { float:left; width:300px; height:40px; padding-left:5px;} .ndownbgcenlcnetrt {width:300px; height:20px; font:14px/20px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#555555;} .ndownbgcenlcnetrb {width:300px; height:20px;} .ndownbgcenlcnetrb img {margin:0; padding:0;} .ndownbgcenlcnetrtxt { width:100%; height:auto; font:14px/20px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#000000;} .ndownbgcenlcnetrtxt a {font:14px/20px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#0080FF; text-decoration:none;} .ndownbgcenlcnetrtxt a:hover {font:14px/20px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#0080FF; text-decoration:underline;} .ndownbgcenr { float:left; width:260px; height:84px; padding-top:62px; padding-bottom:50px;} .ndownbgcenrd { width:260px; height:84px; background:url(../imgs-2016/ndown-up.gif) no-repeat;} .ndownbgcenrdin { width:260px; height:84px; background:url(../imgs-2016/ndown.gif) no-repeat; cursor:pointer;} .ndownbgcenrdin:hover {background:none;} .ndownbgcenrdinfb {width:126px; height:20px; margin:12px 72px 52px 62px; cursor:default;} .ndownbgbom {width:700px; height:10px; background:url(../imgs-2016/ndown-bgbom.gif) no-repeat;} .nlrwin7bg { width:700px; height:auto; padding-bottom:50px;} .nlrwin7bg img { padding:0; margin:0;} .nlrwin7l { float:left; width:330px; height:auto; padding-right:20px;} .nlrwin7r { float:left; width:330px; height:auto; padding-left:20px;} .nlrwin7title { width:330px; height:30px; font:16px/30px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#555555; font-weight:bold;} .nlrwin7title img { float:left; padding-right:8px;} .nlrwin7txt { width:330px; height:auto;font:14px/18px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#555555;} .nfourbg { width:700px; height:auto; padding-bottom:40px;} .nfourl { float:left; width:320px; height:auto; padding-right:30px;} .nfourr { float:left; width:320px; height:auto; padding-left:30px;} .nfourimg {width:100%; height:auto; text-align:center;} .nfourimg img {margin:0; padding:0;} .nfourtitle { text-align:center; width:100%; height:auto; font:18px/28px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#555555; font-weight:bold; padding-bottom:20px;} .nfourtxt { text-align:center; width:100%; height:auto; font:16px/26px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#555555;} .nfourtxt a {font:16px/26px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#0080FF; text-decoration:none;} .nfourtxt a:hover {font:16px/26px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#0080FF; text-decoration:underline;} .nbvtpdownbg { width:700px; height:156px; padding:20px 0px 30px 0px;} .nbvtpdownl { float:left; width:325px; height:156px; padding-right:25px;} .nbvtpdownlbun {width:325px; height:156px; background:url(../video-to-picture/imgs-2016/hd-download-up.gif) no-repeat;} .nbvtpdownlbunon {width:325px; height:156px; background:url(../video-to-picture/imgs-2016/hd-download.gif) no-repeat;} .nbvtpdownlbunon:hover { background:none;} .nbvtpdownr { float:left; width:325px; height:156px; padding-left:25px;} .nbvtpdownrbun {width:325px; height:156px; background:url(../video-to-picture/imgs-2016/vtop-download-up.gif) no-repeat;} .nbvtpdownrbunon {width:325px; height:156px; background:url(../video-to-picture/imgs-2016/vtop-download.gif) no-repeat; cursor:pointer;} .nbvtpdownrbunon:hover { background:none;}