﻿/* CSS Document */
@font-face{
font-family:OpenSansLight;
/* IE8+ */
src:url(../fonts/OpenSans-Light.ttf);
/* IE8+ */
}

/* NAV start */
body {margin:0; padding:0; font-family:"OpenSansLight", "Open Sans", "Calibri", "Lucida Grande", "Lucida Sans Unicode", "Arial";}
.clear {clear:both;}

h1 { list-style:none; margin:0; padding:0; font-size:40px; line-height:50px; text-align:center; color:#000; font-weight:lighter;}
h1 a { color:#000; text-decoration:underline;}
h1 a:hover {text-decoration:underline;}
h2 { list-style:none; margin:0; padding:0; font-size:40px; line-height:50px; color:#57BEC8; font-weight:lighter;}
h2 a { color:#57BEC8; text-decoration:underline;}
h2 a:hover {text-decoration:underline;}
h3 { list-style:none; margin:0; padding:0; font-size:28px; line-height:40px; color:#000; font-weight:lighter; padding-top:10px;}
h3 a { color:#000; text-decoration:underline;}
h3 a:hover {text-decoration:underline;}

#logobg { margin:0 auto; width:100%; height:55px; background:url(../imgs-2016/bg-logo.jpg) center no-repeat;}
.logo { margin:0 auto; width:1000px; height:55px;}

#titlebg { margin:0 auto; width:100%; height:180px; background: url(../imgs-2016/bg-title.gif) center no-repeat;}
.title { margin:0 auto; width:1000px; height:180px;}

#topbg { margin:0 auto; width:100%; height:347px; background:url(../imgs-2016/bg-top.jpg) center no-repeat;}
.top { margin:0 auto; width:614px; height:347px; padding-left:386px;}

#vsbg { margin:0 auto; width:100%; height:460px; background:url(../imgs-2016/bg-vs.jpg) center no-repeat;}
.vs { margin:0 auto; width:1000px; height:460px;}
.vs-name { width:1000px; height:69px; text-align:center;}
.vs-version { width:1000px; height:60px; padding-top:25px;}
.vs-versionb { float:left; width:auto; height:60px; padding-right:20px; font-size:30px; line-height:60px; color:#000;}
.vs-versions { float:left; width:auto; height:60px; font-size:18px; line-height:60px; color:#FF5A00;}
.vs-versionl { float:left; width:480px; height:60px; padding-right:135px;}
.vs-versionr { float:left; width:385px; height:60px;}

.vs-content { width:1000px; height:300px; padding-top:6px;}
.vs-cl { float:left; width:493px; height:300px; padding-right:97px;}
.vs-cll { float:left; width:135px; height:300px;}
.vs-clr { float:left; width:338px; height:300px; padding-left:20px;}
.vs-clrt { width:338px; height:auto; padding-bottom:10px;}
.vs-clrt p { font-size:16px; line-height:22px; margin:0; padding-bottom:10px;}
.vs-clrt ul { list-style:none; margin:0; padding:0; font-size:12px;}
.vs-clrt ul li { list-style:none; margin:0; height:22px; padding-left:20px; background:url(../imgs-2016/li.png) center left no-repeat; font-size:12px; line-height:22px;}
.vs-clrb { width:256px; height:59px; margin-left:82px; background:url(../imgs-2016/downloadup.png) no-repeat;}
.vs-clrb a { text-decoration:none;}
.vs-clrbup {width:190px; height:59px; padding-left:66px; font-size:16px; line-height:58px; cursor:pointer; background:url(../imgs-2016/download.png) no-repeat; color:#fff;}
.vs-clrbup:hover { background:none;}
.vs-cr { float:left; width:410px; height:300px;}
.vs-crt { width:410px; height:auto; padding-bottom:20px;}
.vs-crtl { float:left; width:260px; padding-right:10px; height:auto;}
.vs-crtl-1 { width:230px; height:auto; padding-left:30px; color:#000; padding-bottom:7px; font-size:12px; line-height:20px; background:url(../imgs-2016/fv1.png) top left no-repeat;}
.vs-crtl-2 { width:230px; height:auto; padding-left:30px; color:#000; padding-bottom:7px; font-size:12px; line-height:20px; background:url(../imgs-2016/fv2.png) top left no-repeat;}
.vs-crtl-3 { width:230px; height:auto; padding-left:30px; color:#000; padding-bottom:7px; font-size:12px; line-height:20px; background:url(../imgs-2016/fv3.png) top left no-repeat;}
.vs-crtl-4 { width:230px; height:auto; padding-left:30px; color:#000; padding-bottom:7px; font-size:12px; line-height:20px; background:url(../imgs-2016/fv4.png) top left no-repeat;}

.vs-crtr { float:left; width:140px; height:auto; background: url(../imgs-2016/list.gif) top center no-repeat;}


.vs-crtrt { width:140px; height:30px; font-size:12px; line-height:30px; text-align:center;}
.vs-crb { width:256px; height:59px; margin-left:154px; background:url(../imgs-2016/buynowup.png) no-repeat;}
.vs-crb a { text-decoration:none;}
.vs-crbup {width:180px; height:59px; padding-left:76px; color:#fff;  font-size:16px; line-height:58px; background:url(../imgs-2016/buynow.png) no-repeat; cursor:pointer;}
.vs-crbup:hover { background:none;}

#packbg { margin:0 auto; width:100%; height:489px; background:url(../imgs-2016/bg-pack.jpg) center no-repeat;}
.pack { margin:0 auto; width:1000px; height:489px;}
.packl { float:left; width:245px; height:333px;}
.packr { float:left; width:755px; height:333px;}
.packr1 { width:755px; height:75px; text-align:center;}
.packr2 {width:755px; height:54px; text-align:center; color:#fff; font-size:28px; line-height:54px;}
.packr2 a { color:#fff; text-decoration:none;}
.packr2 a:hover { text-decoration:underline;}
.packr3 { width:684px; height:134px; padding:0px 20px 0px 51px;}
.packr3i { float:left; width:344px; height:134px; padding-right:20px;}
.packr3i2 { float:left; width:320px; height:134px;}
.packr3iicon { float:left; width:125px; height:134px;}
.packr3itxthd { float:left; width:219px; height:120px; padding-top:14px; color:#fff; font-size:13px; line-height:22px;}
.packr3itxt { float:left; width:195px; height:120px; padding-top:14px; color:#fff; font-size:13px; line-height:22px;}
.packr4 { width:310px; height:70px; margin-left:185px; background:url(../imgs-2016/buypackup.png) no-repeat;}
.packr4 a { text-decoration:none;}
.packr4up {width:220px; height:70px; padding-left:90px; color:#fff; font-size:24px; line-height:70px; background:url(../imgs-2016/buypack.png) no-repeat; cursor:pointer;}
.packr4up:hover { background:none;}

#comparebg { margin:0 auto; width:100%; height:auto; background:url(../imgs-2016/comparebg.gif) center repeat-y;}
.compare { margin:0 auto; width:1000px; height:auto; padding:0px 0px 60px 0px;}
.comparet { width:1000px; height:130px; font-size:40px; line-height:100px; color:#000; text-align:center;}
.comparec { width:1000px; height:auto;}
.cct1 { width:660px; height:40px; padding-left:340px; background:#DBA965;}
.cct1i { float:left; width:219px; height:40px; font-size:14px; line-height:40px; border-left: 1px solid #9A6A29; color:#000; text-align:center;}
.cct1i a { color:#000; text-decoration:none;}
.cct1i a:hover { text-decoration:underline;}
.cct2box {width:660px; height:auto; padding:0px 0px 0px 340px;}
.cct2boxi {float:left; width:219px; padding:30px 0px; border-left: 1px solid #9A6A29; color:#000; text-align:center;}
.cct2boxi p { list-style:none; margin:0; padding-top:20px; font-size:14px; line-height:22px;}
.cct2boxi p a { color:#2A85DD; text-decoration:none; font-weight:bold;}
.cct2boxi p a:hover { text-decoration:underline;}
.cct3 { width:1000px; height:auto; border-top: 1px solid #9A6A29;}
.cct3i { float:left; width:330px; height:auto; padding:10px 10px 10px 0px;}
.cct3i p { margin:0; padding:0;}
.cct3i2 {float:left; width:179px; height:auto; padding:20px; border-left: 1px solid #9A6A29; text-align:center;}

.cct3i2-s { width:179px; height:50px; background:url(../imgs-2016/buynowup-s.png) no-repeat;}
.cct3i2-sup { width:179px; height:50px; background:url(../imgs-2016/buynow-s.png) no-repeat; cursor:pointer;}
.cct3i2-sup:hover { background:none;}

.cct3i2-sp { width:179px; height:50px; background:url(../imgs-2016/buynowup-sp.png) no-repeat;}
.cct3i2-spup { width:179px; height:50px; cursor:pointer; background:url(../imgs-2016/buynow-sp.png) no-repeat;}
.cct3i2-spup:hover { background:none;}

.cct4 { width:980px; height:40px; padding-left:20px; background:#EDC185; color:#D55225; font-size:18px; line-height:40px; font-weight:bold;}

.cct5 { width:1000px; height:auto;}
.cct5i { float:left; width:330px; height:auto; padding:10px 10px 10px 0px;}
.cct5i p { margin:0; padding:0; font-size:14px; line-height:20px; color:#000;}
.cct5i2 { float:left; width:219px; height:30px; padding:35px 0px; border-left: 1px solid #9A6A29; text-align:center;}
.cct5i2-2 { float:left; width:219px; height:30px; padding:15px 0px; border-left: 1px solid #9A6A29; text-align:center;}
.cct5i2-3 { float:left; width:219px; height:30px; padding:45px 0px; border-left: 1px solid #9A6A29; text-align:center;}




#footbg { margin:0 auto; width:100%; height:auto; background:url(../imgs-2016/footbg.gif) center repeat-y;}
.foot { margin:0 auto; width:1000px; height:auto; padding:40px 0px 0px 0px; font-size:12px; line-height:22px; color:#555; text-align:center;}
.foot p { margin:0; padding:0;}
.foot a { color:#555; text-decoration:none;}
.foot a:hover { text-decoration:underline; color:#008AFF;}
#foot2bg { margin:0 auto; width:100%; height:390px; background:url(../imgs-2016/foot2bg.jpg) center no-repeat;}


#scrollDiv{width:140px; height:120px; min-height:25px; line-height:25px; overflow:hidden;}
#scrollDiv ul { margin:0; padding:0px 10px;}
#scrollDiv li {height:25px; list-style:none; margin:0; padding:0; font-size:10px; line-height:18px; color:#CD8D40;}





#sharebg {width:91px; height:50px; padding:350px 12px 0px 17px; display:block; position:fixed; top:140px; right:0px; background:url(../imgs-2016/sidebg.gif) no-repeat;}




