﻿/* 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", "Lucida Grande", "Lucida Sans Unicode", "Arial";}
.clear {clear:both;}

h1 { list-style:none; margin:0; padding:0; font-size:40px; line-height:50px; 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:34px; line-height:50px; color:#000; font-weight:lighter; padding-top:10px; padding-bottom:5px;}
h2 a { color:#000; 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;}


#navbgnomove { margin:0 auto; width:100%; height:55px; background:url(../dvd-video-converter/imgs-2016-pdt/navbg.png) top center no-repeat; top:0px;}
.nav { margin:0 auto; width:1000px; height:55px; position:relative; z-index:10000;}
.navleft { float:left; width:300px; height:55px;}
.navright { float:left; width:700px; height:55px;}
.navright .navitem { float:right; width:auto; height:50px; padding:5px 20px 0px 20px; font-size:14px; line-height:50px; font-weight:lighter; text-decoration:none;}
.navright a {font-weight:lighter; color:#848484; text-decoration:none;}
.navright a:hover {font-weight:lighter; color:#000000; text-decoration:underline;}
.navright .navputesctxt { float:left; width:auto; height:50px;}
.navright .navputesctxt2 { float:left; width:auto; height:50px; cursor:pointer; font-size:14px; line-height:50px; font-weight:lighter; color:#848484;}
.navright .navputesctxt2:hover {font-size:14px; line-height:50px; font-weight:lighter; color:#000000; }
.navright .navputesc { float:right; width:17px; height:50px; background:url(../dvd-video-converter/imgs-2016-pdt/put-esc.png) center no-repeat;}

.nav_menu {line-height:50px; margin:0; padding:0;}
.nav_menu ul { list-style:none; margin:0; padding:0;}
.nav_menu ul li { list-style:none; margin:0; padding:0;}
.nav_menu-item {display:inline-block; position:relative; z-index:10000; font-size:14px; line-height:50px; font-weight:lighter; color:#848484; text-decoration:none;}
.nav_menu-item:hover { color:#000000;}
.nav_menu-item:hover .nav_submenu {display: block; width:877px; height:585px; background:url(../dvd-video-converter/imgs-2016-pdt/productsbg.png) center no-repeat; margin-left:-400px; }
.nav_submenu {display: none; position: absolute; background-color: #9b59b6;}


.putin {width:849px; height:571px; margin:0; padding:0px 14px 14px 14px;}
.putinframe { width:849px; height:271px;}
.putinframe a:hover { background:#E9E9E9; text-decoration:none;}
.putinitem { float:left; width:424px; height:271px; color:#777; font-size:14px; line-height:20px; text-align:center; font-weight:lighter;}
.putinitem a {font-weight:lighter;}
.putinitem a:hover {text-decoration:none; font-weight:lighter;}
.putinitem p {list-style:none; margin:0; padding:0;}
.putinitem b {font-size:20px; line-height:32px;}
.putinitem img {padding-bottom:15px; padding-top:40px;}
.putinitem:hover { background:#E9E9E9;}
.putinsp { float:left; width:1px; height:271px;}
.putinmore {width:849px; height:30px; color:#777; font-size:14px; line-height:28px; font-weight:lighter; text-align:center;}
.putinmore:hover { background:#E9E9E9;}

/* NAV end */


/* foot start */
#dvcfootbg { margin:0 auto; width:100%; height:auto; background:#ECECEC;  border-top: 1px solid #D0D0D0; position:relative; z-index:200;}
.dvcfoot { margin:0 auto; width:1000px; height:auto; padding:40px 0px; font-size:12px; line-height:22px; font-weight:lighter;}
.dvcfoot a { color:#696969; text-decoration:none; font-weight:lighter;}
.dvcfoot a:hover { color:#156FD6; text-decoration:underline; font-weight:lighter;}
.dvcfootleft {float:left; width:269px; height:auto; padding-right:30px; border-right: 1px solid #D0D0D0;}
.dvcfootleft b {font-size:16px; line-height:36px; color:#696969; font-weight:lighter;}
.dvcfootleft p { list-style:none; margin:0; padding:0px 0px 2px 0px;}
.dvcfootright { float:left; width:670px; height:auto; padding-left:30px;}
.dvcfootright p { list-style:none; margin:0; padding:0px 0px 5px 0px;}
.dvcfootlogobg { width:670px; height:46px; padding:20px 0px 5px 0px;}
.dvcfootlogo-l { float:left; width:180px; height:46px; border-right: 1px solid #D0D0D0;}
.dvcfootlogo-c {float:left; width:190px; height:46px; padding-left:30px; font-size:16px; line-height:46px; color:#4C4C4C; font-weight:lighter;}
.dvcfootlogo-r {float:left; width:220px; height:46px;}

.dvcfoot17 { float:left; width:100%; height:auto; text-align:center; padding:20px 0px; font-size:12px; line-height:22px; color:#444}
.dvcfoot17 a { color:#444; text-decoration:none; font-weight:lighter;}
.dvcfoot17 a:hover { color:#156FD6; text-decoration:underline; font-weight:lighter;}
.dvcfoot17 p { list-style:none; margin:0; padding:0px 0px 5px 0px;}

/* foot end */



/* TipsCorner start */

#newtips-bombgout {margin:0 auto; width:100%; height:auto; background:#F1F1F1; position:relative; z-index:200;}
.newtips-bombg {margin:0 auto; width:998px; height:auto; padding:30px 0px 50px 0px; text-align:center;}
.newtips-bombg p {list-style:none; margin:0px; padding:0px 0px 10px 0px; font-size:16px; line-height:22px; color:#666;}
.newtips-bombg p b { font-size:30px; line-height:50px; font-weight:lighter;}
.newtips-bom-item {float:left; width:239px; height:450px; background:#fff; border:solid 3px #E5E5E5; margin-right:6px; margin-top:30px;}
.newtips-bom-item a {color:#666666; text-decoration:none}
.newtips-bom-item a:hover {text-decoration:underline;}
.newtips-bom-item2 {float:left; width:239px; height:450px; background:#fff; border:solid 3px #E5E5E5; margin-top:30px;}
.newtips-bom-item2 a {color:#666666; text-decoration:none}
.newtips-bom-item2 a:hover {text-decoration:underline;}
.newtips-bom-item-top1 {width:239px; height:95px; font-size:16px; line-height:95px; color:#ffffff; background:#71B753; text-align:center;}
.newtips-bom-item-top2 {width:239px; height:75px; padding-top:20px; font-size:16px; line-height:30px; color:#ffffff; background:#8C0A91; text-align:center;}
.newtips-bom-item-top3 {width:239px; height:95px; font-size:16px; line-height:95px; color:#ffffff; background:#00A0D2; text-align:center;}
.newtips-bom-item-top4 {width:239px; height:95px; font-size:164px; line-height:95px; color:#ffffff; background:#F05A14; text-align:center;}
.newtips-bom-item-mid {width:239px; height:135px;}
.newtips-bom-item-bom {width:215px; height:auto; padding:20px 10px 0px 14px; text-align:left;}
.newtips-bom-item-bom p {margin:0px; padding:4px 0px 6px 0px; font-size:14px; line-height:22px;}

/* TipsCorner end */

/* NEW h1 start */
.newhobbg { margin:0 auto; width:100%; height:auto; background:url(../tips/imgs-2016-self/support-bg.jpg) top center no-repeat;}
.newhob { margin:0 auto; width:1000px; height:auto; padding:40px 0px;}


/* NEW h1 end */

/* Content start */
#ntcontbg { margin:0 auto; width:1000px; height:auto; padding:40px 0px 0px 0px;}
.ntcs { width:1000px; height:auto; padding:20px 0px 20px 0px; border-bottom: 1px solid #e6e6e6; margin-bottom:30px;}
.ntcsl { float:left; width:700px; height:auto; padding-right:50px; color:#555; font-size:14px; line-height:20px;}
.ntcsr { float:left; width:250px; height:auto;}
.ntcsr img { float:left; padding-right:10px;}
.ntcsr p { font-size:14px; line-height:18px;}
.ntcsr p a { color:#416FDA; text-decoration:none;}
.ntcsr p a:hover { text-decoration:underline;}

.t { width:1000px; height:auto;}
.tl { float:left; width:730px; height:auto; padding:0px 20px 20px 0px;}
.tl p { margin:0; padding:2px 0px 12px 0px; font-size:16px; line-height:28px; color:#555; font-family:"Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";}
.tl p a {color:#416FDA; text-decoration:none; }
.tl p a:hover { text-decoration:underline; }
.tl-img { width:700px; height:auto; text-align:center; padding:20px 0px;}
.tl-img p { font-size:12px; line-height:24px; color:#555;}
.tl-putbg { width:729px; height:auto; background:#E6ECE2; margin:20px 0px;}
.tl-putl { float:left; width:459px; height:auto; padding:24px 20px 20px 20px;}
.tl-putl p { margin:0; padding:0px; font-size:14px; line-height:20px; color:#555;}
.tl-putl p a {color:#416FDA; text-decoration:none;}
.tl-putl p a:hover {text-decoration:underline;}
.tl-putlb { width:459px; height:34px; color:#000; font-size:18px; line-height:30px; font-weight:lighter;}
.tl-putlb a { color:#000; text-decoration:none;}
.tl-putlb a:hover { color:#000; text-decoration:underline;}
.tl-putlb img { float:left; padding-right:10px;}
.tl-putr { float:left; width:210px; padding:20px 5px 0px 5px; height:auto;}
.tl-putrcnet { width:190px; height:30px; padding:0px 10px 10px 10px; text-align:center;}

.tl-buybg { width:721px; height:50px; background:#ECE5E2; margin:20px 0px 40px 0px; background:url(../tips/imgs-2016-self/buybg.png) no-repeat;}
.tl-buyl { float:left; width:70px; height:50px;}
.tl-buyc { float:left; width:350px; height:40px; padding:7px 20px 7px 0px; font-size:12px; line-height:18px;}
.tl-buyr { float:left; width:281px; height:50px;}
.tl-buyr a { color:#fff; text-decoration:none}
.tl-buyr a:hover { text-decoration:underline}
.tl-buyron { width:221px; height:50px; padding-left:60px; font-size:20px; line-height:50px;}
.tl-buyron:hover { background:url(../tips/imgs-2016-self/buyr-up.png) repeat;}


.tr {float:left; width:230px; height:auto; padding:0px 0px 20px 20px;}
.tr-group { width:230px; height:auto; padding:0px 0px 20px 0px; }
.tr-tit { width:210px; height:50px; font-size:20px; line-height:50px; border-bottom: 1px solid #D0D0D0; margin-bottom:10px; color:#555;}
.tr-txtbg { width:210px; height:auto; background:#ECF0E9; margin-bottom:20px;}
.tr-txtbg a { color:#555; text-decoration:none;}
.tr-txtbg a:hover { text-decoration:underline;}
.tr-txtbg p { margin:0; padding:10px 10px; font-size:12px; line-height:18px; color:#555;}

.topmenu {width:210px; height:640px; padding:0px 10px; position:absolute; background:url(../tips/imgs-2016-self/rightputbg.png) no-repeat; margin:0 auto; overflow:hidden; z-index:100;} 
.tm-icon { width:210px; height:170px; text-align:center;}
.tm-txt { width:200px; padding:0px 5px; height:140px; text-align:center;}
.tm-txt p { margin:0; padding:0; font-size:14px; line-height:18px; }
.tm-txt b a { font-size:18px; line-height:30px; text-decoration:none; color:#008AFF; font-weight:normal; }
.tm-txt b a:hover { text-decoration:underline;}
.tm-txts { width:200px; padding:0px 5px; height:140px; text-align:center;}
.tm-txts p { margin:0; padding:0; font-size:14px; line-height:18px; color:#555;}
.tm-txts b a { font-size:16px; line-height:30px; text-decoration:none; color:#008AFF; font-weight:normal; }
.tm-txts b a:hover { text-decoration:underline;}
.tm-bun { width:190px; height:76px; margin:0px 10px; padding-bottom:18px; background:url(../tips/imgs-2016-self/downup.png) no-repeat;}
.tm-bun a { text-decoration:none;}
.tm-bun-hdpro { width:190px; height:76px; margin:0px 10px; padding-bottom:18px; background:url(../tips/imgs-2016-self/downup-hdpro.png) no-repeat;}
.tm-bun-hdpro a { text-decoration:none;}
.tm-bun-hdfree { width:190px; height:76px; margin:0px 10px; padding-bottom:18px; background:url(../tips/imgs-2016-self/downup-hdfree.png) no-repeat;}
.tm-bun-hdfree a { text-decoration:none;}
.tm-bun-ripperpro { width:190px; height:76px; margin:0px 10px; padding-bottom:18px; background:url(../tips/imgs-2016-self/downup-ripperpro.png) no-repeat;}
.tm-bun-ripperpro a { text-decoration:none;}
.tm-bun-ripperfree { width:190px; height:76px; margin:0px 10px; padding-bottom:18px; background:url(../tips/imgs-2016-self/downup-ripperfree.png) no-repeat;}
.tm-bun-ripperfree a { text-decoration:none;}
.tm-bunupt { width:190px; height:32px;}
.tm-bunuptt { width:190px; height:7px;}
.tm-bunuptb { width:190px; height:25px;}
.tm-bunuptbl { float:left; width:33px; height:25px;}
.tm-bunuptbc { float:left; width:95px; height:20px; cursor:default; background:url(../tips/imgs-2016-self/downfb.gif) no-repeat;}
.tm-bunuptbc:hover { background:none;}
.tm-bunuptbr { float:left; width:31px; height:20px; cursor:text;}
.tm-bunupb { width:140px; height:44px; padding-left:50px; color:#fff; font-size:16px; line-height:44px; background:url(../tips/imgs-2016-self/down.gif) no-repeat; cursor:pointer;}
.tm-bunupb:hover { background:none;}

.tm-award { width:210px; height:206px; padding:10px 0px 20px 0px; background:url(../tips/imgs-2016-self/ic.png) center no-repeat;}
.tma-t { width:210px; height:85px; text-align:center;}
.tma-c { width:200px; height:80px; font-size:12px; padding:0px 5px; line-height:16px; color:#555;}
.tma-b { width:190px; height:45px; font-size:14px; padding:0px 10px; line-height:20px; color:#555; text-align:right;}
.tma-b a { color:#008AFF; text-decoration:none;}
.tma-b a:hover { text-decoration:underline;}




.askbg { width:720px; height:50px; margin:20px 0px; background:url(../tips/imgs-2016-self/askbg.gif) no-repeat;}
.askl { float:left; width:480px; height:50px; padding:0px 20px; font-size:14px; line-height:50px; color:#333;}
.askr { float:left; width:200px; height:50px; background:url(../tips/imgs-2016-self/askbutton.png) no-repeat;}
.askr a { text-decoration:none;}
.askrbun { width:135px; height:30px; padding:10px 25px 10px 40px; text-align:center; font-size:14px; line-height:30px; color:#fff; background:url(../tips/imgs-2016-self/askbutton2.png) no-repeat;}
.askrbun:hover { background:none;}

.later { width:1000px; height:auto; position:relative; margin-top:30px; z-index:200; background:#fff; border-top: 1px solid #e6e6e6;}
.later2 { width:1000px; height:auto; position:relative; z-index:200; background:#fff;}

.hotartsbg { width:1000px; height:auto; padding:20px 0px;}
.hotartstit { width:1000px; height:50px; font-size:24px; line-height:50px; color:#000;}
.hotartstxt { width:1000px; height:auto; padding-top:5px;}

.hota-item { float:left; width:150px; height:auto; margin:0px 20px 0px 0px; background:#e8e8e8;}
.hota-item:hover { background:#3aa5ff;}
.hota-item img { margin:0; padding:0;}
.hota-item a { color:#000; text-decoration:none;}
.hota-item a:hover { text-decoration:none;}
.hota-item-txt { width:130px; height:auto; padding:10px;}
.hota-item-txt p { margin:0; padding:0; font-size:13px; line-height:18px;}


.hota-item2 { float:left; width:150px; height:auto; background:#e8e8e8;}
.hota-item2:hover { background:#3aa5ff;}
.hota-item2 img { margin:0; padding:0;}
.hota-item2 a { color:#000; text-decoration:none;}
.hota-item2 a:hover { text-decoration:none;}
.hota-item2-txt { width:130px; height:auto; padding:10px;}
.hota-item2-txt p { margin:0; padding:0; font-size:13px; line-height:18px;}



.relatedbg { width:1000px; height:auto; padding:20px 0px;}
.relatedtit { width:1000px; height:50px; font-size:24px; line-height:50px; color:#000;}
.relatedtxt { width:1000px; height:auto;}
.relatedtxt p { line-height:none; margin:0; padding:0; font-size:14px; line-height:26px; color:#555;}
.relatedtxt p a {color:#416FDA; text-decoration:none;}
.relatedtxt p a:hover {text-decoration:underline;}
.relatedtxt ul { margin:0; padding-left:2px;}
.relatedtxt ul li { list-style:none; margin:0; padding-left:20px; font-size:14px; line-height:26px; color:#555; background:url(../tips/imgs-2016-self/li.png) left no-repeat;}
.relatedtxt ul li a {color:#416FDA; text-decoration:none;}
.relatedtxt ul li a:hover {text-decoration:underline;}

.fbbg { width:1000px; height:auto; padding:20px 0px; }
.fbbg2 { width:1000px; height:auto; padding:20px 0px; border-top: 1px solid #E7E7E7;}
.fbtit { width:1000px; height:50px; font-size:24px; line-height:50px; color:#000;}
.fbtxt{ width:1000px; height:auto;}

.catbg { width:998px; height:40px; padding:0px 1px; margin:30px 0px 0px 0px; background:url(../tips/imgs-2016-self/catbg.png) center no-repeat;}
.catitem { float:left; width:auto; height:20px; padding:10px 30px; text-align:center; font-size:14px; line-height:20px; color:#555; background:url(../tips/imgs-2016-self/catitem.png) right no-repeat;}
.catitem a { color:#555; text-decoration:none;}
.catitem a:hover { color:#416FDA; text-decoration:none;}
.catitemtxt { float:left; width:auto; height:20px; padding:10px 20px; font-size:14px; line-height:20px;}


/* Content end */



#s-webex { margin:0 auto; width:100%; height:150px; background:url(../tips/imgs-self/webex/webexbgtop.jpg) center no-repeat;}
.s-webexin { margin:0 auto; width:800px; height:auto; padding-top:40px; color:#fff; font-size:24px; line-height:36px; text-align:center; text-decoration:none;}
.s-webexin a { color:#fff; text-decoration:underline;}
.s-webexin a:hover { color:#66FF33;}

#s-ytberror { margin:0 auto; width:100%; height:150px; background:url(../tips/imgs-self/youtube-an-error-occured/banners.jpg) center no-repeat;}
.s-ytberrorin { margin:0 auto; width:700px; height:auto; padding-top:40px; padding-right:300px; color:#fff; font-size:18px; line-height:30px; text-decoration:none;}
.s-ytberrorin a { color:#fff; text-decoration:underline;}
.s-ytberrorin a:hover { color:#5EC4F3;}

#s-smts { margin:0 auto; width:100%; height:150px; background:url(../tips/imgs-self/how-to-use-camtasia/banners.gif) center no-repeat;}
.ssmts { margin:0 auto; width:810px; height:auto; padding-top:40px; padding-right:190px; color:#fff; font-size:18px; line-height:30px; text-decoration:none;}
.ssmts a { color:#fff; text-decoration:underline;}
.ssmts a:hover { color:#DEF8BC;}

#s-hb { margin:0 auto; width:100%; height:150px; background:url(../tips/imgs-self/handbrake-tutorial/banners.jpg) center no-repeat;}
.shb { margin:0 auto; width:810px; height:auto; padding-top:40px; padding-right:190px; color:#fff; font-size:18px; line-height:30px; text-decoration:none;}
.shb a { color:#fff; text-decoration:underline;}
.shb a:hover { color:#DEF8BC;}

#s-vidsites { margin:0 auto; width:100%; height:120px; background:url(../tips/imgs-self/best-sites-to-download-videos/bannertop.jpg) center no-repeat; font:24px/120px "AvenirNextLTPro-Bold", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#fff; text-align:center;}
#s-vidsites a { text-decoration:none; color:#fff;}
.s-vidss { width:100%; height:120px;}
.s-vidss:hover { background:url(../tips/imgs-self/best-sites-to-download-videos/cover.png) repeat;}










