.clear { clear:both;}
.banner-convert { background:url(../tips/imgs-topics/bg-convert.jpg) no-repeat center; height:auto; max-height:300px;}
.banner-rip { background:url(../tips/imgs-topics/bg-rip.jpg) no-repeat center; height:auto; max-height:300px;}
.banner-download { background:url(../tips/imgs-topics/bg-download.jpg) no-repeat center; height:auto; max-height:300px;}
.banner-play { background:url(../tips/imgs-topics/bg-play.jpg) no-repeat center; height:auto; max-height:300px;}
.banner-share { background:url(../tips/imgs-topics/bg-share.jpg) no-repeat center; height:auto; max-height:300px;}
.banner-record { background:url(../tips/imgs-topics/bg-record.jpg) no-repeat center; height:auto; max-height:300px;}
.banner-edit { background:url(../tips/imgs-topics/bg-edit.jpg) no-repeat center; height:auto; max-height:300px;}
.banner-toolbox { background:url(../tips/imgs-topics/bg-toolbox.jpg) no-repeat center; height:auto; max-height:300px;}
.banner-software { background:url(../tips/imgs-topics/bg-software.jpg) no-repeat center; height:auto; max-height:300px;}
.banner-kodi {  background:url(../tips/imgs-topics/bg-kodi.jpg) no-repeat center; height:auto; max-height:300px;}


.search { margin:0 auto; width:100%; max-width:1920px; background:#fff; padding-top:20px; min-height:130px; border-bottom:1px solid #e2e2e2;}
.searchbox { margin:0 auto; width:90%; max-width:800px; height:40px; background:#fff; margin-bottom:20px;}
.searchbox-input { float:left; width:80%; height:40px;}
.searchbox-button { float:left; width:20%; height:40px; background:#5E6AB6; color:#fff; font-size:20px; line-height:40px; text-align:center; font-weight:bold;}

.topics { margin:0 auto; width:100%; max-width:1200px; padding-top:50px;}




@media screen and (min-width: 330px) { .banner-wrapper .buy, .banner-wrapper .mobile { height: 68px; line-height: 75px; margin-bottom: 17px; }
.banner-convert-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:20px; min-height:300px; color:#fff; text-align:left;}
.banner-convert-txtin { padding:0% 3%; width:94%;}
.banner-convert-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:10px;}
.banner-convert-txt p { color:#333; font: 14px/22px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-rip-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:20px; min-height:300px; color:#fff; text-align:left;}
.banner-rip-txtin { padding:0% 3%; width:94%;}
.banner-rip-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-rip-txt p { font: 13px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-download-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:20px; min-height:300px; color:#fff; text-align:left;}
.banner-download-txtin { padding:0% 3%; width:94%;}
.banner-download-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-download-txt p { font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-play-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:10px; min-height:300px; color:#fff; text-align:left;}
.banner-play-txtin { padding:0% 3%; width:94%;}
.banner-play-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:10px;}
.banner-play-txt p { font: 14px/22px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-share-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:20px; min-height:300px; color:#333; text-align:left;}
.banner-share-txtin { padding:0% 3%; width:94%;}
.banner-share-txt h1 { font:20px/34px "OpenSans"; text-align:left; color:#333; padding-bottom:20px;}
.banner-share-txt p {color:#333; font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-edit-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:20px; min-height:300px; color:#fff; text-align:left;}
.banner-edit-txtin { padding:0% 3%; width:94%;}
.banner-edit-txt h1 { font:24px/38px "OpenSans"; text-align:left; padding-bottom:15px;}
.banner-edit-txt p { font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-record-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:40px; min-height:300px; color:#fff; text-align:left;}
.banner-record-txtin { padding:0% 3%; width:94%;}
.banner-record-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-record-txt p { font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-toolbox-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:30px; min-height:300px; color:#fff; text-align:left;}
.banner-toolbox-txtin { padding:0% 3%; width:94%;}
.banner-toolbox-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-toolbox-txt p { font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-software-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:15px; min-height:300px; color:#fff; text-align:left;}
.banner-software-txtin { padding:0% 3%; width:94%;}
.banner-software-txt h1 { font:20px/30px "OpenSans"; text-align:left; padding-bottom:10px;}
.banner-software-txt p { font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-kodi-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:30px; min-height:300px; color:#fff; text-align:left;}
.banner-kodi-txtin { padding:0% 3%; width:94%;}
.banner-kodi-txt h1 { font:18px/34px "OpenSans"; text-align:left; padding-bottom:10px;}
.banner-kodi-txt p { font: 14px/26px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }

.searchbox-button { float:left; width:20%; height:40px; background:#5E6AB6; color:#fff; font-size:16px; line-height:40px; text-align:center; font-weight:bold;}
.searchbox-link { margin:0 auto; width:90%; text-align:center; margin-top:10px; padding-bottom:10px;}
.searchbox-link p { list-style:none; margin:0; padding:0; font: 12px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; line-height:20px; color:#666;}
.searchbox-link p a { color:#02C0FE; text-decoration:none;}
.searchbox-link p a:hover { text-decoration:none;}

.alltopics { float:left; width:100%;}
.alltopics .tit { width:100%; text-align:center; font-size:40px; line-height:80px; margin-bottom:40px; background:url(../tips/imgs-topics/sp-topic.gif) bottom center no-repeat;}
.alltopics .item {text-align:center; width:100%; padding-left:10%; padding-right:10%; height:44px; border-bottom:1px solid #e2e2e2;}
.alltopics a  {font-size:16px; line-height:44px; color:#444; text-decoration:none;}
.alltopics a:hover {color:#007EFF; font-weight:bold;}
.alltopics .item2 {text-align:center;  width:100%; padding-left:10%; padding-right:10%; height:44px; padding-bottom:60px;}
.alltopics .itemup {text-align:center;  width:100%; height:44px; padding-left:0%; background:#3F8BEE; color:#fff; font-weight:bold;}
.alltopics .item2up {text-align:center;  width:100%; height:44px; padding-left:0%; padding-bottom:60px; background:#3F8BEE; color:#fff; font-weight:bold;}


.subtopics { float:left; width:100%;}
.subtopics .put-hd { margin-bottom:50px; width:100%; height:auto; min-height:159px; margin-bottom:50px; background:url(../tips/imgs-topics/put-hdpro.gif) top center no-repeat; color:#fff;}
.subtopics .put-rip { width:100%; height:159px; margin-bottom:50px; background:url(../tips/imgs-topics/put-ripperpro.gif) top center no-repeat; color:#fff;}

.subtopics .put-left { width:100%; margin-top:5px; padding-left:5%;}
.subtopics .put-left .tit { font-size:20px; line-height:40px; font-weight:bold;}
.subtopics .put-left p { list-style:none; margin:0; padding:0; font-size:12px; line-height:22px;}
.subtopics .put-right { width:100%; margin-top:5px;}
.subtopics .put-down { width:0px; height:0px; }
.subtopics .put-down a { font-size:0px;}
.subtopics .put-down-up { width:0px; height:0px;}
.subtopics .put-more { margin-top:10px; margin-left:5%; width:200px; height:40px; background:url(../tips/imgs-topics/more-up.png) top center no-repeat;}
.subtopics .put-more a { color:#007EFF; font-size:18px; line-height:40px; text-align:center; text-decoration:none;}
.subtopics .put-more-up { padding-left:20px; width:200px; height:40px; background:url(../tips/imgs-topics/more.png) top center no-repeat;}
.subtopics .put-more-up:hover { background:none; color:#FD1E04;}

.subtopics .itm { width:100%;}
.subtopics .itm .itmtime { width:100%; padding-left:5%; padding-top:10px; color:#09B6E3; font-size:14px; line-height:30px;}
.subtopics .itm .itmtxt  { width:100%; padding-left:5%; padding-right:5%; padding-bottom:30px; padding-top:8px; margin-bottom:10px; border-bottom:1px solid #e2e2e2; }
.subtopics .itm .itmtxt p { list-style:none; margin:0px; padding:0px;}

.itmtxt .tit { width:100%; font-size:20px; line-height:30px; padding-bottom:5px; font-weight:bold;}
.itmtxt .tit a { color:#313131; text-decoration:none;}
.itmtxt .tit a:hover { color:#007EFF;}
.itmtxt .desc { width:100%; font-size:14px; line-height:22px; color:#777;}
.itmtxt .desc a {color:#007EFF; text-decoration:none;}
.itmtxt .desc a:hover { text-decoration:underline;}

.turnpage { margin:0 auto; width:100%; margin-top:50px; margin-bottom:50px;}
.turnpage a { text-decoration:none; color:#333;}
.turnpage a:hover { color:#fff}
.turnpage .icon { float:left; width:30px; height:30px; background:#159aee; color:#fff; font-size:14px; line-height:30px; margin-right:4px; margin-bottom:10px; text-align:center;}
.turnpage .icon2 { float:left; width:30px; height:30px; background:#e9e9e9; font-size:14px; line-height:30px; margin-right:4px; margin-bottom:10px; text-align:center;}
.turnpage .icon2:hover { background:#159aee;}

#page_navigation { margin-top:30px; margin-bottom:30px; text-align:center;}
#page_navigation a{
	padding:3px;
	border:1px solid #159AEE;
	margin:2px;
	color:#333;
	text-decoration:none;
}
#page_navigation a:hover {background:#2FA6F1; color:#fff;}
.active_page{
	background:#159AEE;
	color:#fff !important;
}

.foottop-bg { width:100%; border-bottom:solid 1px #363644; background:#000; color:#fff;}.foottop { margin:0 auto; width:100%;}.foottop-l { float:none; width:100%; text-align:center; padding:40px 0px 0px 0px; }.foottop-l1 { width:100%; padding-bottom:10px;}.foottop-l2 { width:100%; font-size:14px; line-height:28px;}.foottop-l3 { width:100%; font-size:16px; line-height:40px; font-weight:bold;}.foottop-r { float:none; margin:0 auto; width:92%; padding:10px 0px 20px 0px; border-left:solid 0px #363644;}.foottop-r-tit { font-size:16px; line-height:32px; font-weight:bold; padding-bottom:5px; padding-top:20px;}.foottop-r p { font-size:12px; line-height:20px;}.foottop-r p a { color:#fff; text-decoration:none;}.foottop-r p a:hover { text-decoration:underline;}.foottop-r-200 { float:left; width:160px; padding-right:10px;}.foottop-r-180 { float:left; width:160px;}.foot { width:100%; background:#000; color:#fff; text-align:center; padding:20px 0px;}.foot p { padding:0; font-size:12px; line-height:20px; color:#B3B3B3;}.foot p a { color:#B3B3B3; text-decoration:none;}.foot p a:hover { text-decorationu:nderline;}
}







@media screen and (min-width: 768px) { .top-wrapper { background: none; border: 0; }
.banner-convert-txt { margin:0 auto; width:100%; max-width:1000px;padding-top:20px; min-height:300px; color:#333; text-align:center;}
.banner-convert-txt h1 { font:20px/34px "OpenSans"; padding-bottom:10px;}
.banner-convert-txt p {font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";}
.banner-rip-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:20px; min-height:300px; color:#fff; text-align:left;}
.banner-rip-txtin { padding:0% 3%; width:94%;}
.banner-rip-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-rip-txt p { font: 13px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-download-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:20px; min-height:300px; color:#fff; text-align:left;}
.banner-download-txtin { padding:0% 3%; width:94%;}
.banner-download-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-download-txt p { font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-play-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:10px; min-height:300px; color:#fff; text-align:left;}
.banner-play-txtin { padding:0% 3%; width:94%;}
.banner-play-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:10px;}
.banner-play-txt p { font: 14px/22px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-share-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:20px; min-height:300px; color:#333; text-align:left;}
.banner-share-txtin { padding:0% 3%; width:94%;}
.banner-share-txt h1 { font:20px/34px "OpenSans"; text-align:left; color:#333; padding-bottom:20px;}
.banner-share-txt p {color:#333; font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-edit-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:20px; min-height:300px; color:#fff; text-align:left;}
.banner-edit-txtin { padding:0% 3%; width:94%;}
.banner-edit-txt h1 { font:24px/38px "OpenSans"; text-align:left; padding-bottom:15px;}
.banner-edit-txt p { font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-record-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:40px; min-height:300px; color:#fff; text-align:left;}
.banner-record-txtin { padding:0% 3%; width:94%;}
.banner-record-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-record-txt p { font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-toolbox-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:30px; min-height:300px; color:#fff; text-align:left;}
.banner-toolbox-txtin { padding:0% 3%; width:94%;}
.banner-toolbox-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-toolbox-txt p { font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-software-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:15px; min-height:300px; color:#fff; text-align:left;}
.banner-software-txtin { padding:0% 3%; width:94%;}
.banner-software-txt h1 { font:20px/30px "OpenSans"; text-align:left; padding-bottom:10px;}
.banner-software-txt p { font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-kodi-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:30px; min-height:300px; color:#fff; text-align:left;}
.banner-kodi-txtin { padding:0% 3%; width:94%;}
.banner-kodi-txt h1 { font:20px/34px "OpenSans"; text-align:left; padding-bottom:10px;}
.banner-kodi-txt p { font: 16px/26px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }

.searchbox-button { float:left; width:20%; height:40px; background:#5E6AB6; color:#fff; font-size:18px; line-height:40px; text-align:center; font-weight:bold;}
.searchbox-link { margin:0 auto; width:90%; text-align:center; margin-top:10px; padding-bottom:10px;}
.searchbox-link p { list-style:none; margin:0; padding:0; font: 12px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; line-height:20px; color:#666;}
.searchbox-link p a { color:#02C0FE; text-decoration:none;}
.searchbox-link p a:hover { text-decoration:underline;}

.alltopics { float:left; width:100%;}
.alltopics .tit { width:100%; text-align:center; font-size:40px; line-height:80px; margin-bottom:40px; background:url(../tips/imgs-topics/sp-topic.gif) bottom center no-repeat;}
.alltopics .item {text-align:center; width:100%; padding-left:10%; padding-right:10%; height:44px; border-bottom:1px solid #e2e2e2;}
.alltopics a  {font-size:16px; line-height:44px; color:#444; text-decoration:none;}
.alltopics a:hover {color:#007EFF; font-weight:bold;}
.alltopics .item2 {text-align:center;  width:100%; padding-left:10%; padding-right:10%; height:44px; padding-bottom:60px;}
.alltopics .itemup {text-align:center;  width:100%; height:44px; padding-left:0%; background:#3F8BEE; color:#fff; font-weight:bold;}
.alltopics .item2up {text-align:center;  width:100%; height:44px; padding-left:0%; padding-bottom:60px; background:#3F8BEE; color:#fff; font-weight:bold;}


 
.subtopics { float:left; width:100%;}
.subtopics .put-hd { margin-bottom:50px; width:100%; height:auto; min-height:159px; margin-bottom:50px; background:url(../tips/imgs-topics/put-hdpro.gif) top center no-repeat; color:#fff;}
.subtopics .put-rip { width:100%; height:159px; margin-bottom:50px; background:url(../tips/imgs-topics/put-ripperpro.gif) top center no-repeat; color:#fff;}

.subtopics .put-left { width:100%; margin-top:5px; padding-left:5%;}
.subtopics .put-left .tit { font-size:20px; line-height:40px; font-weight:bold;}
.subtopics .put-left p { list-style:none; margin:0; padding:0; font-size:12px; line-height:22px;}
.subtopics .put-right { width:100%; margin-top:5px;}
.subtopics .put-down { width:0px; height:0px; }
.subtopics .put-down a { font-size:0px;}
.subtopics .put-down-up { width:0px; height:0px;}
.subtopics .put-more { margin-top:10px; margin-left:5%; width:200px; height:40px; background:url(../tips/imgs-topics/more-up.png) top center no-repeat;}
.subtopics .put-more a { color:#007EFF; font-size:18px; line-height:40px; text-align:center; text-decoration:none;}
.subtopics .put-more-up { padding-left:20px; width:200px; height:40px; background:url(../tips/imgs-topics/more.png) top center no-repeat;}
.subtopics .put-more-up:hover { background:none; color:#FD1E04;}

.subtopics .itm { width:100%;}
.subtopics .itm .itmtime { width:100%; padding-left:5%; padding-top:10px; color:#09B6E3; font-size:14px; line-height:30px;}
.subtopics .itm .itmtxt  { width:100%; padding-left:5%; padding-right:5%; padding-bottom:30px; padding-top:8px; margin-bottom:10px; border-bottom:1px solid #e2e2e2; }
.subtopics .itm .itmtxt p { list-style:none; margin:0px; padding:0px;}

.itmtxt .tit { width:100%; font-size:20px; line-height:30px; padding-bottom:5px; font-weight:bold;}
.itmtxt .tit a { color:#313131; text-decoration:none;}
.itmtxt .tit a:hover { color:#007EFF;}
.itmtxt .desc { width:100%; font-size:14px; line-height:22px; color:#777;}
.itmtxt .desc a {color:#007EFF; text-decoration:none;}
.itmtxt .desc a:hover { text-decoration:underline;}

#page_navigation { margin-top:30px; margin-bottom:30px; text-align:center;}
#page_navigation a{
	padding:3px;
	border:1px solid #159AEE;
	margin:2px;
	color:#333;
	text-decoration:none;
}
#page_navigation a:hover {background:#2FA6F1; color:#fff;}
.active_page{
	background:#159AEE;
	color:#fff !important;
}

.foottop-bg { width:100%; border-bottom:solid 1px #363644; background:#000; color:#fff;}.foottop { margin:0 auto; width:100%;}.foottop-l { float:none; width:100%; text-align:center; padding:40px 0px 0px 0px; }.foottop-l1 { width:100%; padding-bottom:10px;}.foottop-l2 { width:100%; font-size:14px; line-height:28px;}.foottop-l3 { width:100%; font-size:16px; line-height:40px; font-weight:bold;}.foottop-r { float:none; margin:0 auto; width:92%; padding:10px 0px 20px 0px; border-left:solid 0px #363644;}.foottop-r-tit { font-size:16px; line-height:32px; font-weight:bold; padding-bottom:5px; padding-top:20px;}.foottop-r p { font-size:12px; line-height:20px;}.foottop-r p a { color:#fff; text-decoration:none;}.foottop-r p a:hover { text-decoration:underline;}.foottop-r-200 { float:left; width:160px; padding-right:10px;}.foottop-r-180 { float:left; width:160px;}.foot { width:100%; background:#000; color:#fff; text-align:center; padding:20px 0px;}.foot p { padding:0; font-size:12px; line-height:20px; color:#B3B3B3;}.foot p a { color:#B3B3B3; text-decoration:none;}.foot p a:hover { text-decorationu:nderline;}

}




@media screen and (min-width: 992px) { body { font-family: "MyriadSetPro-Thin", "OpenSans", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-convert-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:40px; min-height:300px; color:#fff; text-align:left;}
.banner-convert-txtin { padding:0; width:700px;}
.banner-convert-txt h1 { font:30px/50px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-convert-txt p { color:#333; font: 15px/28px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-rip-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:20px; min-height:300px; color:#fff; text-align:left;}
.banner-rip-txtin { padding:0; width:600px;}
.banner-rip-txt h1 { font:30px/42px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-rip-txt p { font: 16px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-download-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:50px; min-height:300px; color:#fff; text-align:left;}
.banner-download-txtin { padding:0; width:700px;}
.banner-download-txt h1 { font:30px/42px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-download-txt p { font: 15px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-play-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:50px; min-height:300px; color:#fff; text-align:left;}
.banner-play-txtin { padding:0; width:880px;}
.banner-play-txt h1 { font:32px/58px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-play-txt p { font: 16px/30px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-share-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:50px; min-height:300px; color:#333; text-align:left;}
.banner-share-txtin { padding:0; width:700px;}
.banner-share-txt h1 { font:30px/42px "OpenSans"; text-align:left; padding-bottom:20px; color:#333;}
.banner-share-txt p {color:#333; font: 15px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-record-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:30px; min-height:300px; color:#fff; text-align:left;}
.banner-record-txtin { padding:0; width:700px;}
.banner-record-txt h1 { font:30px/46px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-record-txt p { font: 16px/28px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-edit-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:50px; min-height:300px; color:#fff; text-align:left;}
.banner-edit-txtin { padding:0; width:750px;}
.banner-edit-txt h1 { font:30px/42px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-edit-txt p { font: 15px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-toolbox-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:50px; min-height:300px; color:#fff; text-align:left;}
.banner-toolbox-txtin { padding:0; width:700px;}
.banner-toolbox-txt h1 { font:30px/48px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-toolbox-txt p { font: 16px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-software-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:50px; min-height:300px; color:#fff; text-align:left;}
.banner-software-txtin { padding:0; width:650px;}
.banner-software-txt h1 { font:26px/42px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-software-txt p { font: 15px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.banner-kodi-txt { margin:0 auto; width:100%; max-width:1200px; padding-top:40px; min-height:300px; color:#fff; text-align:left;}
.banner-kodi-txtin { padding:0; width:600px;}
.banner-kodi-txt h1 { font:28px/42px "OpenSans"; text-align:left; padding-bottom:20px;}
.banner-kodi-txt p { font: 16px/28px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }


.searchbox-button { float:left; width:20%; height:40px; background:#5E6AB6; color:#fff; font-size:20px; line-height:40px; text-align:center; font-weight:bold;}
.searchbox-link { margin:0 auto; width:90%; text-align:center; margin-top:10px; padding-bottom:10px;}
.searchbox-link p { list-style:none; margin:0; padding:0; font: 14px "OpenSans", "MyriadSetPro-Ultralight", "MyriadSetPro-Thin", "OpenSansLight", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; line-height:24px; color:#666;}
.searchbox-link p a { color:#02C0FE; text-decoration:none;}
.searchbox-link p a:hover { text-decoration:underline;}

.alltopics { float:left; width:340px;}
.alltopics .tit { width:100%; text-align:center; font-size:40px; line-height:80px; margin-bottom:40px; background:url(../tips/imgs-topics/sp-topic.gif) bottom left no-repeat;}
.alltopics .item {text-align:left; width:90%; padding-left:10%; padding-right:0; height:44px; border-bottom:1px solid #e2e2e2; }
.alltopics a  {font-size:16px; line-height:44px; color:#444; text-decoration:none;}
.alltopics a:hover {color:#007EFF; font-weight:bold;}
.alltopics .item2 {text-align:left; width:90%; padding-left:10%; padding-right:0; height:44px; padding-bottom:100px;}
.alltopics .itemup {text-align:left; width:100%; height:44px; padding-left:10%; background:url(../tips/imgs-topics/tag.gif) top left no-repeat; color:#fff; font-weight:bold;}
.alltopics .item2up { text-align:left; width:100%; height:44px; padding-left:10%; padding-bottom:100px; background:url(../tips/imgs-topics/tag.gif) top left no-repeat; color:#fff; font-weight:bold;}

.subtopics { float:left; width:100%; max-width:780px; margin-left:80px;}
.subtopics .put-hd { width:100%; height:159px; margin-bottom:50px; background:url(../tips/imgs-topics/put-hdpro.gif) top center no-repeat; color:#fff;}
.subtopics .put-rip { width:100%; height:159px; margin-bottom:50px; background:url(../tips/imgs-topics/put-ripperpro.gif) top center no-repeat; color:#fff;}

.subtopics .put-left { float:left; width:475px; margin-top:25px; margin-left:20px; margin-right:60px;}
.subtopics .put-left .tit { font-size:30px; line-height:50px; font-weight:bold;}
.subtopics .put-left p { list-style:none; margin:0; padding:0; font-size:16px; line-height:28px;}
.subtopics .put-right { float:left; width:200px; margin-top:35px;}
.subtopics .put-down { width:200px; height:40px; margin-bottom:20px; background:url(../tips/imgs-topics/down-up.gif) top center no-repeat;}
.subtopics .put-down a { color:#007EFF; font-size:18px; line-height:40px; text-align:center; text-decoration:none;}
.subtopics .put-down-up { padding-left:20px; width:200px; height:40px; background:url(../tips/imgs-topics/down.gif) top center no-repeat;}
.subtopics .put-down-up:hover { background:none; color:#FD1E04;}
.subtopics .put-more { margin-left:0; width:200px; height:40px; background:url(../tips/imgs-topics/more-up.png) top center no-repeat;}
.subtopics .put-more a { color:#007EFF; font-size:18px; line-height:40px; text-align:center; text-decoration:none;}
.subtopics .put-more-up { padding-left:20px; width:200px; height:40px; background:url(../tips/imgs-topics/more.png) top center no-repeat;}
.subtopics .put-more-up:hover { background:none; color:#FD1E04;}

.subtopics .itm { width:100%;}
.subtopics .itm .itmtime { float:left; width:150px; padding-left:20px; padding-top:14px; height:auto; min-height:133px; color:#09B6E3; font-size:14px; line-height:30px; background:url(../tips/imgs-topics/timeline.gif) top left repeat-y;}
.subtopics .itm .itmtxt  { float:left; width:630px; padding-left:0; padding-right:0; padding-bottom:30px; padding-top:8px; margin-bottom:10px; border-bottom:1px solid #e2e2e2; }
.subtopics .itm .itmtxt p { list-style:none; margin:0px; padding:0px;}

.itmtxt .tit { width:100%; font-size:20px; line-height:40px; font-weight:bold;}
.itmtxt .tit a { color:#313131; text-decoration:none;}
.itmtxt .tit a:hover { color:#007EFF;}
.itmtxt .desc { width:100%; font-size:14px; line-height:22px; color:#777;}
.itmtxt .desc a {color:#007EFF; text-decoration:none;}
.itmtxt .desc a:hover { text-decoration:underline;}

.turnpage { margin:0 auto; width:480px; margin-top:60px; margin-bottom:100px;}
.turnpage a { text-decoration:none; color:#333;}
.turnpage a:hover { color:#fff}
.turnpage .icon { float:left; width:30px; height:30px; background:#159aee; color:#fff; font-size:14px; line-height:30px; margin-right:10px; margin-bottom:0px; text-align:center;}
.turnpage .icon2 { float:left; width:30px; height:30px; background:#e9e9e9; font-size:14px; line-height:30px; margin-right:10px; margin-bottom:0px; text-align:center;}
.turnpage .icon2:hover { background:#159aee;}

#page_navigation { margin-top:30px; margin-bottom:30px; text-align:center;}
#page_navigation a{
	padding:6px;
	border:1px solid #159AEE;
	margin:3px 3px 3px 3px;
	color:#333;
	text-decoration:none;
}
#page_navigation a:hover {background:#2FA6F1; color:#fff;}
.active_page{
	background:#159AEE;
	color:#fff !important;
}

.foottop-bg { width:100%; border-bottom:solid 1px #363644; background:#000; color:#fff;}
.foottop { margin:0 auto; width:1200px;}
.foottop-l { float:left; width:379px; text-align:center; padding:160px 0px 50px 0px; }
.foottop-l1 { width:100%; padding-bottom:10px;}
.foottop-l2 { width:100%; font-size:14px; line-height:28px;}
.foottop-l3 { width:100%; font-size:16px; line-height:40px; font-weight:bold;}
.foottop-r { float:left; width:780px; padding:60px 0px 50px 40px; border-left:solid 1px #363644; }
.foottop-r-tit { font-size:16px; line-height:32px; font-weight:bold; padding-bottom:15px; padding-top:0;}
.foottop-r p { font-size:12px; line-height:30px;}
.foottop-r p a { color:#fff; text-decoration:none;}
.foottop-r p a:hover { text-decoration:underline;}
.foottop-r-200 { float:left; width:180px; padding-right:0;}
.foottop-r-180 { float:left; width:170px;}

.foot { width:100%; background:#000; color:#fff; text-align:center; padding:20px 0px}
.foot p { padding:0; font-size:12px; line-height:30px; color:#B3B3B3;}
.foot p a { color:#B3B3B3; text-decoration:none;}
.foot p a:hover { text-decoration:underline;}

}