/* Layout */ @charset "utf-8"; body{color:#595A59; background:#EBEBEB;} /***************************Layout********************************/ #body{ width:1008px; *width:1006px; margin: 0 auto;} #warper{ background:url(../images/mkv-body-bg.png) 0 0 repeat-y; height:100%;} #warper-bottom{ background:url(../images/mkv-body-bottom.png) 0 0 no-repeat; height:25px;} /*****************************Main********************************/ #main{ width:957px; margin:0 auto;} #main .main-left{ width:706px; float:left; margin: 0px 8px 0px 5px;} #main .main-right{ width:226px; float:left;} /***************************ContactUs******************************/ #main .main-left .contactUs-left-content h3.contactUs{ font-size:48px; color:#2D6D01;} #main .main-left .contactUs-left-content{ font-size:12px; color:#595A59; width:475px; float:left;} #main .main-left .contactUs-left-content .title{ font-size:14px; color:#333;} #main .main-left .contactUs-left-content a , #main .main-left .contactUs-left-content .phone{ color:#002DAF; text-decoration:none;} #main .main-left .contactUs-left-img { float:left; margin:22px 30px 0px 0px;} /*xiugai*/ #main .main-right-top-l{ background:url(../images/mkv-contactUs-right-top-l.gif) 0 0 no-repeat; height:32px; padding-left:5px;} #main .main-right-top-l .main-right-top-c{ background:url(../images/mkv-contactUs-right-top-c.gif) 0 0 repeat-x; height:32px; } #main .main-right-top-l .main-right-top-r{ background:url(../images/mkv-contactUs-right-top-r.gif) 100% 0 no-repeat; padding-right:5px; height:32px; } #main .main-right-top-c h3{ font-size:14px; color:#2D6D01; line-height:32px; background:url(../images/mkv-contactUs-arrow-green.png) 0 50% no-repeat; padding-left:15px; margin-left:11px; font-weight:bold;} #main .main-right-bottom-l{ background:url(../images/mkv-contactUs-right-b-l.gif) 0 0 no-repeat; height:4px; padding-left:5px; overflow:hidden;} #main .main-right-bottom-l .main-right-bottom-c{ background:url(../images/mkv-contactUs-right-b-c.gif) 0 0 repeat-x; height:4px; overflow:hidden;} #main .main-right-bottom-l .main-right-bottom-r{ background:url(../images/mkv-contactUs-right-b-r.gif) 100% 0 no-repeat; height:4px; padding-right:5px; overflow:hidden;} /*xiugai*/ #main .main-right-content{ background:#fff; border-left:1px #D7D7D7 solid; border-right:1px #D7D7D7 solid; padding:13px 10px 13px 15px;} #main .main-right-content li{ background:url(../images/mkv-contactUs-guides-li.png) 0 8px no-repeat; line-height:22px; padding-left:16px;} #main .main-right-content li a{ color:#0069C2; font-size:12px; text-decoration:underline;} #main .main-right-content li a:hover{ color:#0090ff; font-size:12px; text-decoration:underline;} #main .main-right-content .comments{ border-bottom:1px #D0D0D0 solid; padding-bottom:5px; *padding-bottom:5px; font-size:11px; color:#5C5C5C; margin-bottom:8px;} #main .main-right-content .last{ border-bottom:none;} #main .main-right-content .comments img{ float:left; margin: 5px 11px 10px 0;} #main .main-right-content .comments p{ color:#2D6D01; text-align:right; width:100%; margin-top:3px;} /*****************************Tutorials*******************************/ #main .main-left .tutorials{ border-top:2px #1D77AB solid;} #main .main-left .tutorials-content{ margin:10px 0px 15px 0px;} #main .main-left .tutorials-content a{ font-size:14px; color:#2D6D01; line-height:20px; font-weight:bold; background:url(../images/mkv-tutorials-arrow-h3.png) 0 2px no-repeat; padding-left:20px;} #main .main-left .tutorials-content a:hover{ color:#3D9302;} #main .main-left .tutorials-content p{ font-size:12px; color:#505050; padding-left:20px; padding-right:20px;} #main .main-left .tutorials-content .more a{ color:#0066CC; font-size:12px; background:none; display:inline; font-style:italic;} #main .main-left .tutorials-content .more a:hover{ text-decoration:underline; color:#FF6100; } #main .main-left .tutorials-tab{ float:right; margin-right:24px; margin-top:10px;} #main .main-left .tutorials-tab a{ background:url(../images/mkv-tutorials-tab.gif) 0 0 no-repeat; display:inline-block; margin-left:7px; width:15px; line-height:15px; height:15px; text-align:center; color:#2D6D01; float:left;} #main .main-left .tutorials-tab a:hover , #main .main-left .tutorials-tab a.active{ background:url(../images/mkv-tutorials-tab-active.gif) 0 0 no-repeat; display:inline-block; margin-left:7px; width:15px; line-height:15px; height:15px; text-align:center; color:#fff;} /******************************Affiliate*******************************/ #main .main-left .affiliate{ border-top:2px #1D77AB solid;} #main .main-left .affiliate-content{ margin:10px 0px 15px 0px;} #main .main-left .affiliate-content .img{ float:left; margin:8px 32px 0px 14px;} #main .main-left .affiliate-content .affiliate-right-content{ font-size:12px; color:#565656; width:505px; float:left;} #main .main-left .affiliate-content .affiliate-right-content h3{ font-size:30px; color:#2D6D01;} #main .main-left .affiliate-content .affiliate-right-content strong{ color:#282828;} #main .main-left .affiliate-content .affiliate-right-content .italic{ font-style:italic;} #main .main-left .affiliate-content .affiliate-right-content .blue{ color:#0096E3; font-size:16px; line-height:26px; font-weight:bold;} #main .main-left .affiliate-content .affiliate-right-content .percent{ font-size:18px; color:#E60000;} #main .main-left .affiliate-content .affiliate-getRegnow-top{ padding: 34px 13px 0 13px;} #main .main-left .affiliate-content .affiliate-getRegnow-top h3 , #main .main-left .affiliate-content .affiliate-getRegnow-bottom h3{ color:#282828; font-size:16px; font-weight:bold;} #main .main-left .affiliate-content .affiliate-getRegnow-top .tab{ border:1px #B4D8EA solid; width:100%; background:url(../images/mkv-affiliate-tab-line.gif) 210px 0 repeat-y;} #main .main-left .affiliate-content .affiliate-getRegnow-top .tab .tab1{ border-bottom:1px #B4D8EA solid;} #main .main-left .affiliate-content .affiliate-getRegnow-top .tab span{ width:204px; float:left; font-size:13px; color:#666; padding-left:6px; *font-size:11px;} #main .main-left .affiliate-content .affiliate-getRegnow-top .tab .last{ border-bottom:none;} #main .main-left .affiliate-content .affiliate-getRegnow-top .tab a{ background:url(../images/mkv-affiliate-download.png) 0 0 no-repeat; width:251px; height:24px; display:inline-block; line-height:24px; padding-left:10px; font-size:13px; color:#565656; *font-size:11px; float:left; margin:6px 0px 0px 9px;} #main .main-left .affiliate-content .affiliate-getRegnow-top .tab a:hover{ color:#333;} #main .main-left .affiliate-content .affiliate-getRegnow-text{ padding: 34px 26px 0 26px;} #main .main-left .affiliate-content .affiliate-getRegnow-text h3{ color:#4E4E4E; font-size:14px; font-weight:bold;} #main .main-left .affiliate-content .affiliate-getRegnow-bottom{ padding: 24px 13px 0 13px;} #main .main-left .affiliate-content .affiliate-getRegnow-bottom .tr-top{ text-align:center;} #main .main-left .affiliate-content .affiliate-getRegnow-bottom .td-top{ font-size:12px; color:#222; font-weight:bold;} #main .main-left .affiliate-content .affiliate-getRegnow-bottom .td-top-1{ width:169px; padding-left:9px; font-size:12px;} #main .main-left .affiliate-content .affiliate-getRegnow-bottom .td-1{ width:169px; padding-left:9px; font-size:12px; color:#0049C2; *font-size:11px; text-align:left;} #main .main-left .affiliate-content .affiliate-getRegnow-bottom .tr{ height:31px; text-align:center;} #main .main-left .affiliate-content .affiliate-getRegnow-bottom .td-2{ color:#565656; font-weight:bold;} #main .main-left .affiliate-content .affiliate-getRegnow-bottom .td-4{ font-size:12px;} #main .main-left .affiliate-content .affiliate-getRegnow-bottom .td-4 a{ color:#0049C2;} #main .main-left .affiliate-content .affiliate-getRegnow-bottom .td-4 span{ color:#FF0000;} #main .main-left .affiliate-content .affiliate-getRegnow-bottom .td-4 img{ margin-left:5px;} /*******************************Product******************************/ #product .product-tab-bg{ background:url(../images/mkv-product-tab-bg-c.gif) 0 0 repeat-x; height:31px;} #product .product-tab-bg .product-tab-bg{ background:url(../images/mkv-product-tab-bg-l.gif) 0 0 no-repeat;} #product .product-tab-bg .product-tab-bg .product-tab-bg{ background:url(../images/mkv-product-tab-bg-r.gif) 100% 0 no-repeat;} #product .product-tab-bg li{ float:left; height:25px; padding:6px 0px 0px 10px; line-height:25px;} #product .product-tab-bg li a { cursor:pointer; padding-left:4px; height:25px; color:#fff; font-size:12px; background:url(../images/mkv-product-tab-line.gif) 100% 50% no-repeat;} #product .product-tab-bg li a span{ padding-right:10px; padding-left:6px;} #product .product-tab-bg li.active a{ background:url(../images/mkv-product-tab-active-l.gif) 0 0 no-repeat; padding-left:4px; color:#fff; height:25px; display:inline-block; } #product .product-tab-bg li.active a span { background:url(../images/mkv-product-tab-active-r.gif) #fff 100% 0 no-repeat; display:inline-block; color:#464646; height:25px;} #product .product-tab-bg li a:hover{ text-decoration:underline;} #product .product-tab-bg li.active a:hover span{ text-decoration:none;} #product .product-main-content{ padding-top:16px;} #product .product-top { padding-left:12px;} #product .product-left-top{ width:485px; float:left;} #product .product-left-top h3{ color:#075800; font-size:24px; font-weight:bold;} #product .product-left-top p{ color:#353535; font-size:12px;} #product .product-right-top{ width:209px; float:left; text-align:center;} #product .product-right-top img{ margin:27px 0px 18px 0px;} #product .product-right-top .through{ font-size:14px; color:#9C9B9B; text-decoration:line-through;} #product .product-right-top .newPrice{ font-size:18px; color:#FE0000;} #product .key-border{ background:url(../images/mkv-product-key-c.gif) 0 0 repeat-x; height:32px;} #product .key-border .key-border{ background:url(../images/mkv-product-key-l.gif) 0 0 no-repeat;} #product .key-border .key-border .key-border{ background:url(../images/mkv-product-key-r.gif) 100% 0 no-repeat;} #product .key-border h3{ line-height:32px; background:url(../images/mkv-tutorials-arrow-h3.png) 0 8px no-repeat; color:#353535; font-size:14px; padding-left:22px; margin-left:9px; font-weight:bold;} #product .key-content { padding:25px 16px 25px 19px;} #product .key-content h4 { color:#2D6D01; font-size:14px; font-weight:bold; background:url(../images/mkv-contactUs-arrow-green.png) 0 6px no-repeat; padding-left:10px;} #product .key-content p{ font-size:12px; padding-left:9px; color:#474747;} #product .key-content p span{ font-size:12px; color:#2D6D01; font-weight:bold;} /********************************SiteMap*****************************/ #sitemap .sitemap-top-border { background:url(../images/mkv-contactUs-right-top-c.gif) 0 0 repeat-x; height:32px;} #sitemap .sitemap-top-border .sitemap-top-border{ background:url(../images/mkv-contactUs-right-top-l.gif) 0 0 no-repeat;} #sitemap .sitemap-top-border .sitemap-top-border .sitemap-top-border { background:url(../images/mkv-contactUs-right-top-r.gif) 100% 0 no-repeat;} #sitemap .sitemap-top-border h3{ color:#005425; font-size:14px; font-weight:bold; line-height:32px; margin-left:22px;} #sitemap .sitemap-content { border:1px #D7D7D7 solid; border-bottom:none; border-top:none; width:704px; height:100%; padding-top:15px;} #sitemap .sitemap-bottom-border { background:url(../images/mkv-contactUs-right-b-c.gif) 0 0 repeat-x; height:4px;} #sitemap .sitemap-bottom-border .sitemap-bottom-border{ background:url(../images/mkv-contactUs-right-b-l.gif) 0 0 no-repeat;} #sitemap .sitemap-bottom-border .sitemap-bottom-border .sitemap-bottom-border { background:url(../images/mkv-contactUs-right-b-r.gif) 100% 0 no-repeat;} #sitemap .treeview, .treeview ul { padding: 0px; margin:0px 0px 0px 30px; list-style: none; } #sitemap .treeview ul { background-color: white; margin-top: 4px; } #sitemap .treeview .hitarea { background: url(../images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; } #sitemap * html .hitarea { display: inline; float:none; } #sitemap .treeview li { margin: 0; padding: 3px 0pt 3px 16px; } #sitemap .treeview a.selected { background-color: #eee; } #sitemap #treecontrol { margin: 1em 0; display: none; } #sitemap .treeview li span.title{ font-size:14px; color:#007BDA;} #sitemap .treeview li span.title2{ font-size:12px; color:#6C6C6C;} #sitemap .treeview .hover { color: red; cursor: pointer; } #sitemap .treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; } #sitemap .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } #sitemap .treeview .expandable-hitarea { background-position: -80px -3px; } #sitemap .treeview li.last { background-position: 0 -1766px } #sitemap .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); } #sitemap .treeview li.lastCollapsable { background-position: 0 -111px } #sitemap .treeview li.lastExpandable { background-position: -32px -67px } #sitemap .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } /***************************Guides*****************************/ #guides{ border-top:2px #1D77AB solid;} #guides .guides-content{ margin:16px 0px 15px 5px;} #guides .guides-content .img{ float:left; margin: 0px 45px 0px 0px;} #guides .guides-content h2{ font-size:20px; color:#4E7809; font-weight:bold;} #guides .guides-content h3{ font-size:16px; color:#4E7809; font-weight:bold;} #guides .guides-content h4{ font-size:12px; color:#4E7809; font-weight:bold;} #guides .guides-content p{ font-size:12px; color:#505050;} /********************************Footer******************************/ #footer{text-align:center;} #footer .footer-menu{ height:24px;} #footer .footer-menu li{ display:inline; line-height:20px;} #footer .footer-menu li a{ color:#3e3e3e; border-right: #3e3e3e 1px solid; padding:0 10px;} #footer .footer-menu li a:hover{ text-decoration:underline;} #footer .footer-menu li a.last{ border:none;} #footer .copyright{color:#888; line-height:25px;}