body {
font: 12px arial,"新細明體";
background: #FFF;
text-align: center;
margin: 0 0 10px 0;
padding: 0;
}
select,
input,
button,
blockquote,
pre,
textarea {
font: 12px arial;
}
code {
font-family: "Courier New";
font-size: 12px;
}
button, .button, .module-title {
font-family: 微軟雅黑, 微软雅黑, Segoe UI,arial,新細明體,helvetica,clean,sans-serif;
}
.file {
height: 22px;
margin: 3px 0;
}
.outer {
background: #FFF;
width: auto;
margin: 0 auto;
}
p {
margin: 0;
padding: 5px 0;
line-height: 1.5em;
}
img {
border: 0;
}
form {
margin: 0;
}
hr {
height: 1px;
line-height: 1px;
border: 0;
background: #CCC;
border-color: #CCC;
color: #CCC;
overflow: hidden;
}
hr.dashed {
border-style: dashed;
}
a {
color: #08F;
}
a:hover {
color: #000;
}
a div {
cursor: pointer;
}

.clearall {
height: 1px;
clear: both;
overflow: hidden;
}
.clearall-50 {
height: 50px;
clear: both;
overflow: hidden;
}
.clearall-30 {
height: 30px;
clear: both;
overflow: hidden;
}
.clearall-20 {
height: 20px;
clear: both;
overflow: hidden;
}
.clearall-10 {
height: 10px;
clear: both;
overflow: hidden;
}
.clearall-5 {
height: 5px;
clear: both;
overflow: hidden;
}

.mainhead,
.mainbody,
.mainfoot {
clear: both;
}
#sitename {
margin: 0;
}
.tabs,
.module,
.block {
margin-bottom: 10px;
}
.mainhead {
background: #54A1EF url("images/bg_mainhead.gif") repeat-x left top;
background: transparent;
text-align: left;
}
.mainfoot {
/*
border-top: 1px #EEE solid;
background: #FFF url("images/bottom_gradient.png") repeat-x 0 0;
padding: 15px 0 25px 0;
*/
color: #666;
width: 935px;
margin: 0 auto;
background: #F2F2F2 url("images/bg_foot.gif") no-repeat 0 0;
padding: 15px 0 15px 15px;
margin-bottom: 15px;
}
.mainhead-inner,
.mainbody-inner {
width: 972px;
width: 1000px;
width: 950px;
text-align: left;
margin: 0 auto;
}
.mainhead-inner {
position: relative;
z-index: 100;
background: #027FFF url("images/topad.jpg") no-repeat 0 0;
height: 130px;
}
.mainbody-inner {
z-index: 10;
}
.mainfoot-inner {
width: 972px;
width: auto;
text-align: left;
padding: 5px 5px 5px 145px;
background: url("images/bg_foot_logo.gif") no-repeat 0 0;
}
.leftwrap {
float: left;
width: 140px;
overflow: hidden;
}
.mainfoot a {
color: #666;
margin: 0 3px 0 5px;
font-size: 12px;
text-decoration: none;
}
.mainfoot a:hover {
color: #000;
text-decoration: underline;
}
.copyright {
padding-top: 11px;
padding-left: 5px;
font-size: 11px;
color: #999;
}
#logo {
padding: 5px 0 10px 0;
}
.mm_01 {
padding: 0 5px;
}
.floatR {
float: right;
}
.floatL {
float: left;
}
.alignR {
display: block;
text-align: right;
}
.alignL {
display: block;
text-align: left;
}
.module .floatR {
float: right;
padding-left: 5px;
}
.module .floatL {
float: left;
padding-right: 5px;
}

.normalUL {
margin: 0;
padding: 0;
list-style: none;
}

.inlineUL {
margin: 0;
padding: 0;
list-style: none;
}

.inlineUL li {
display: inline;
}
.UL-lists li {
padding: 3px 0;
}

.UL-items li {
padding: 3px 0 3px 10px;
background: url("images/arrow_v.gif") no-repeat 0 7px;
}
.UL-items li:hover {
background: #F8FBF4 url("images/arrow_v.gif") no-repeat 0 7px;
}
.UL-items a {
text-decoration: none;
font-weight: bold;
color: #679A35;
}
.UL-items a:hover {
color: #000;
}
.UL-items span.floatL {
padding-top: 5px;
}

.UL-entries .entry-title {
display: block;
padding: 2px 0 5px 15px;
background: url("images/arrow_v.gif") no-repeat 3px 7px;
}
.UL-entries .entry-title a {
color: #666;
}
.UL-entries .entry-title a:hover {
color: #000;
}
.UL-entries .alignR a {
color: #000;
}
.UL-entries .alignR a:hover {
background: #EEE;
}


/*
.round_middle,
.rm_03,
.rm_02,
.rm_01,
*/
.module,
.md_middle,
.md_content,
.mm_03,
.mm_02,
.mm_01 {
position: relative;
}
.module {
border: 1px #DBDCE0 solid;
}
.noborder {
border: 0;
padding: 1px;
}
.noborder .module-title {
padding-left: 16px;
color: #000;
background: url("images/arrow_t_right.gif") no-repeat 0 7px;
}
.md_top {
height: 25px;
}
.module-hidetitle .md_top {
height: 4px;
}
.md_middle {
padding: 8px 5px 5px;
}
.md_bottom {
height: 4px;
}
.module-title {
padding: 0 0 0 8px;
font-weight: bold;
font-size: 14px;
line-height: 30px;
}
.module-hidetitle .module-title {
display: none;
}
.module-simple:hover {
background: #FFF;
border-color: #999;
}
.mainbody {
padding: 10px 0px 10px 0px;
}
.small-annouce {
color: #E00;
}
.time {
font-size: 12px;
font-weight: normal;
margin-left: 3px;
color: #666;
}
.scrollwrap {
overflow-y: scroll;
padding: 5px;
}
.smallwrap {
padding: 5px;
}
.smallfont {
font-size: 12px;
}
.module-title .smallfont {
color: #666;
}
.module-title .smallfont:hover {
color: #000;
}


.loading {
position: fixed;
z-index: 1002;
color:#000;
text-align:left;
top:50%;
left:50%;
margin-left: -27px;
margin-top: -27px;
height: 50px;
width: 160px;
padding: 2px;
background: #F0F0F0;
}
.loading-inner {
text-indent: 50px;
width: 158px;
height: 48px;
background: #F8F8F8 url("images/loading_m.gif") no-repeat 9px 50%;
border: 1px #CCC solid;
color: #999;
font-size: 22px;
line-height: 48px;
}
* html .loading { 
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
.roundlink {
text-decoration: none;
}
.makeround .round-top,
.makeround .round-bottom {
font-size:1px;
height:1px;
line-height:1px;
margin:0pt 1px;
background-color: #CCC;
float: none;
}
.makeround .round-middle {
padding: 3px 8px;
background-color: #CCC;
float: none;
font-size: 12px;
color: #000;
border-left: 1px #CCC solid;
border-right: 1px #CCC solid;
font-weight: bold;
}
.turn_on .round-top,
.turn_on .round-bottom {
background-color: #7FC96E;
}
.turn_on .round-middle {
background-color: #7FC96E;
border-color: #7FC96E;
}
.turn_off .round-top,
.turn_off .round-bottom {
background-color: #FC0;
}
.turn_off .round-middle {
background-color: #FC0;
border-color: #FC0;
}
.makeround:hover .round-middle,
a:hover .round-middle {
background: #EEE;
}
.turn_on:hover .round-middle,
a:hover .turn-on .round-middle {
background: #E3F5DD;
}
.turn_off:hover .round-middle,
a:hover .turn-off .round-middle {
background: #FE3;
}

.id-cert img {
padding-right: 3px;
}
.id-cert-ok {
color: #080;
}
.id-cert-no {
color: #666;
}

.partners {
height: 50px;
}
.partners span,
.partners li,
.partners a {
float: left;
}
.partners a {
margin-right: 9px;
height: 35px;
padding-right: 5px;
background: url("images/bg_partners.gif") no-repeat right top;
text-decoration: none;
color: #000;
}
.partners span {
height: 35px;
padding-left: 5px;
width: 102px;
text-align: center;
background: url("images/bg_partners.gif") no-repeat left top;
line-height: 35px;
cursor: pointer;
font-weight: bold;
}
.partners a:hover {
text-decoration: underline;
color: #666;
}
.faq_q {
font-weight: bold;
}

.datepicker_control {
display: none;
}

a.gotop {
cursor: pointer;
}

a.external {
background: url("images/external.png") no-repeat right 50%;
margin-left: 2px;
margin-right: 3px;
padding-right: 13px;
}

#selectLang {
position: absolute;
top:20px;
right:-1px;
z-index:99;

padding: 1px 7px 10px 7px;
width: 90px;
background-image: url("images/dropdown_pane.png");
background-position: left bottom;
background-repeat: no-repeat;
border-top-style: none;
}

*html #selectLang {
border: 1px #CCC solid;
width: 100px;
background: #FFF;
padding: 1px;
right: 5px;
}

#selectLang a {
color: #333333;
display: block;
height: 24px;
padding-left: 20px;
line-height: 24px;
text-decoration: none;
}
#selectLang .nav_active a {
background: url("images/icon/tick_16x16.png") no-repeat 1px 50%;
font-weight: bold;
}
#selectLang a:hover {
color: #FFF;

background-color: #68B0F9;
}
#selectLang a:active {
color: #FFF;
background-color: #3A8DE2;
}
#selectLang .close-select-site,
#selectLang .close-select-site:hover,
#selectLang .close-select-site:active {
color: #000;
border-top: 1px #CCC solid;
background: #EEE;
margin-top: 3px;
text-align: center;
padding-left: 0;
}


.popDiv {
position: absolute;
border: 2px #EEE solid;
text-align: left;
}
.popNotice .popDiv-inner {
border: 1px #AAA solid;
padding: 10px;
background: #FFE;
}


.hdsearch {
height: 24px;
position: absolute;

top: 80px;
right: 0;
}
.hdsearch span {
float: left;
height: 24px;
background: url("images/hdsearch.png") no-repeat;
line-height: 24px;
}
*html .hdsearch span {
background: url("images/hdsearch.gif") no-repeat;
}
.hdsearch .hdsearch-left {
background-position: 0 0;
}
.hdsearch .hdsearch-center {
background-position: 0 -24px;
width: 114px;
}
.hdsearch .hdsearch-right {
background-position: 0 -48px;
width: 30px;
}
.hdsearch-right input {
width: 30px;
height: 24px;
float: left;
border: 0;
background: none;
text-indent: -422px;
overflow: hidden;
}
.hdsearch-left div {
line-height: 24px;
padding: 0 5px;
font-size: 11px;
font-family: "新細明體";
}
.hdsearch-center div {
background: none;
border: 0;
padding: 2px 2px;
}
.hdsearch-center input {
background: none;
border: 0;
height: 14px;
padding: 3px 0;
width: 130px;
}
.loading_small {
padding-left: 20px !important;
background: url("images/loading_small.gif") no-repeat 0 50% !important;
display: block;
margin: 10px !important;
height: 16px !important;
line-height: 16px !important;
}
.subscribe_16,
#tab-hometops .subscribe_16 {
padding-left: 19px !important;
background: url("images/icon/rss_16x16.gif") no-repeat 0 0 !important;
line-height: 16px !important;
border-bottom: 0 !important;
font-weight: normal !important;
font: 12px arial,"新細明體" !important;
}

.email_16 {
padding-left: 19px !important;
background: url("images/icon/msg_16x16.gif") no-repeat 0 0 !important;
line-height: 16px !important;
border-bottom: 0 !important;
font-weight: normal !important;
font: 12px arial,"新細明體" !important;
}
.subscribe_rss {
display: inline-block;
height: 16px;
line-height: 16px;
background: url("images/rss_foot.gif") no-repeat 0 0;
padding-left: 18px;
}
*html .subscribe_rss {
display: block;
}
*html .subscribe_rss {
display: inline;
}

.TB_Close {
display: block;
height: 18px;
width: 39px;
position: absolute;
right: 0px;
top: 0px;
background: url("images/TB_Close.png") no-repeat 0 0;
z-index: 105;
}
.TB_Close:hover {
background-position: 0 -18px;
}
.TB_Close span {
display: none;
}
.ad-640 {
height: 120px;
background: #EEE;
}
.tophead {
height: 56px;
}
.tophead-inner {
margin: 0 auto;
width: 950px;
position: relative;
background: #000 url("images/bg_tophead.gif") repeat-x 0 100%;
height: 56px;
}
#toplogo {
position: absolute;
left: 0;
top: 0;
}
.topinfo {
position: absolute;
right: 26px;
top: 21px;
width: 256px;
color: #FFF;
line-height: 18px;
}
#topdown {
position: absolute;
top: 60px;
left: 1px;
display: block;
width: 119px;
height: 33px;
background: url("images/topdown.gif") no-repeat 0 0;
}
#topdown span {
display: none;
}
#totaldown {
position: absolute;
top: 67px;
left: 127px;
color: #000;
font-size: 15px;
}


#notice-install {
height: 28px;
background: #FFE177;
background: #FFA;
border: 1px #E09200 solid;
border: 1px #000 solid;
}
#notice-install-inner {
margin: 0 auto;
width: 950px;
}
#notice-install span.floatL {
margin-top: 3px;
margin-right: 5px;
height: 22px;
line-height: 22px;
padding-left: 5px;
}
#notice-install a span {
display: none;
}
#notice-install a {
float: left;
background: url("images/notice-button.gif") no-repeat 0 0;
height: 22px;
margin-right: 5px;
margin-top: 3px;
}
a#notice-down {
width: 112px;
background-position: 0 0;
}
a#notice-down:hover {
background-position: 0 -22px;
}
a#notice-close {
width: 56px;
background-position: -112px 0;
}
a#notice-close:hover {
background-position: -112px -22px;
}
a#notice-never {
width: 80px;
background-position: -168px 0;
}
a#notice-never:hover {
background-position: -168px -22px;
}
.dialog {
z-index: 1011;
position: absolute;
width: 360px;
right: 10px;
text-align: left;
}
.dialog .h3 {
font-family: 微軟雅黑, 微软雅黑, Segoe UI,arial,新細明體,helvetica,clean,sans-serif;
font-size: 15px;
padding: 0 0 5px 0;
margin-bottom: 10px;
border-bottom: 1px #EEE solid;
font-weight: bold;
}
.dialog-head {
height: 33px;
background: url("images/dialog-bg.png") no-repeat 0 0;
}
.dialog-close span {
display: none;
}
.dialog-close {
display: block;
position: absolute;
right: 11px;
top: 10px;
background: url("images/dialog-close.gif") no-repeat 0 0;
width: 20px;
height: 20px;
}
.dialog-close:hover {
background-position: 0 -20px;
}
.dialog-body {
background: url("images/dialog-bg.png") no-repeat 0 100%;
padding: 7px 40px 40px;
}

#topsearchgo {
background: url("images/bg_hdsearch.gif") no-repeat 0 0;
width: 46px;
height: 18px;
line-height: 18px;
text-align: center;
border: 0;
padding: 0;
}

.page-name .h1 {
position: absolute;
left: 85px;
top: 15px;
font-family: 微軟雅黑, 微软雅黑, 黑體, 黑体, Segoe UI,arial,新細明體,helvetica,clean,sans-serif;
font-size: 24px;
color: #FFF;
}
.down-info {
position: absolute;
right: 120px;
top: 15px;
}
.bc-dl span {
display: none;
}
.bc-dl a {
display: block;
width: 221px;
height: 35px;
background: url("images/bc_download.png") no-repeat 0 0;
}
.bc-dl a:hover {
background-position: 0 -35px;
}







@media projection, screen { 
.ui-tabs-hide {
display: none;
}
}


@media print {
.ui-tabs-nav {
display: none;
}
}


.ui-tabs-nav, .ui-tabs-panel {
}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 3px;
}
.ui-tabs-nav:after { 
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 0 0 2px;
font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
float: left; 
padding: 0 12px;
background: url(images/tabs.gif) no-repeat;
}
.ui-tabs-nav a {
margin: 0 0 0; 
padding-left: 0;
background-position: 100% -26px;
text-decoration: none;
white-space: nowrap; 
outline: 0; 
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
color: #666;
}
.ui-tabs-nav .ui-tabs-selected a {
z-index: 2;
margin-top: 0;
background-position: 100% 0;
color: #FFF;
}
.ui-tabs-nav a span {
padding-right: 0;
height: 26px;
background-position: 0 -26px;
line-height: 26px;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-top: 0;
height: 26px;
background-position: 0 0;
line-height: 26px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { 
cursor: default;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { 
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
color: #000;
}
.ui-tabs-panel {
border: 1px solid #589DEB;
padding: 5px;
background: #FFF; 
}
/*.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}*/


* html .ui-tabs-nav { 
display: inline-block;
}
*:first-child+html .ui-tabs-nav { 
display: inline-block;
}

.ui-tabs-nav em {
text-decoration: underline;
cursor: pointer;
}

.tabs .floatR {
}

.tabs-channel-type .ui-tabs-nav,
.tabs-nav {
list-style: none;
margin: 0;
padding: 0;
}

.tabs-channel-type .ui-tabs-nav,
.tabs-nav {
display: block;
height: 30px;
background: url("images/tab-line.gif") repeat-x left bottom;
padding-left: 15px;
}
.tabs-channel-type .tabs-nav li,
.tabs-channel-type .tabs-nav a,
.tabs-nav li,
.tabs-nav a,
.tabs-nav a span {
float: left;
}
.tabs-channel-type .tabs-nav a,
.tabs-nav a {
background-image: url("images/tab-back.png");
background-repeat: no-repeat;
background-position: right -100px;
padding-right: 10px;
margin-right: 2px;
border-bottom: 1px #BBB solid;
text-decoration: none;
font-size: 13px;
color: #666;
}
.tabs-channel-type .tabs-nav a span,
.tabs-nav a span {
background-image: url("images/tab-back.png");
background-repeat: no-repeat;
background-position: left -100px;
height: 23px;
padding: 6px 0 0 10px;
cursor: pointer;
}
.tabs-channel-type .tabs-nav a:hover,
.tabs-nav a:hover {
background-position: right -200px;
color: #000;
}
.tabs-channel-type .tabs-nav a:hover span,
.tabs-nav a:hover span {
background-position: left -200px;
}

.tabs-channel-type .tabs-nav .ui-tabs-selected a,
.tabs-channel-type .tabs-nav .ui-tabs-selected a:hover,
.tabs-nav .tabs-selected a,
.tabs-nav .tabs-selected a:hover {
background-position: right 0;
border-bottom: 1px #FFF solid;
}
.tabs-channel-type .tabs-nav .ui-tabs-selected a span,
.tabs-channel-type .tabs-nav .ui-tabs-selected a:hover span,
.tabs-nav .tabs-selected a span,
.tabs-nav .tabs-selected a:hover span {
background-position: left 0;
cursor: default;
color: #000;
}
.tabs-channel-type .tabs-nav .ui-tabs-selected a span {
height: 23px;
padding-top: 6px;
}
.tabs-channel-type .ui-tabs-nav a span {
line-height: normal;
}
.tabs-channel-type .ui-tabs-panel {
border-top: 0;
}

.tabs-nav .tab-comments a {
background-image: url("images/tab-back-comment.png");
}
.tabs-nav .tab-comments a span {
background-image: url("images/tab-back-comment.png");
padding-left: 28px;
}

#tab-hometops .ui-tabs-nav {
display: block;
height: 30px;
background: url("images/tab-line-gray.gif") repeat-x left bottom;
padding-left: 0;
}
#tab-hometops .ui-tabs-nav li {
margin: 0;
}
#tab-hometops a {
background: none;
padding: 0;
margin: 0;
}
#tab-hometops .ui-tabs-nav a:hover {
text-decoration: underline;
}
#tab-hometops .ui-tabs-nav span {
background: none;
height: 30px;
line-height: 30px;
color: #000;
padding: 0 8px;
font-weight: normal;
font-size: 12px;
}
#tab-hometops .ui-tabs-selected a {
background: url(images/tab-back.png) no-repeat right -100px;
padding: 0 10px 0 0;
}
#tab-hometops .ui-tabs-selected span {
background: url(images/tab-back.png) no-repeat left -100px;
padding: 0 0 0 10px;
font-weight: bold;
font-size: 15px;
}












.navbar a {
text-decoration: none;
font-weight: bold;
}

.navbar {
height: 33px;
overflow: hidden;
}
.navbar ul {
margin: 0;
padding: 0;
list-style: none;
}
.navbar li {
float: left; 
padding: 0 5px 0 0;
}
.navbar li a {
float: left; 
padding: 0 0 0 10px;

cursor: pointer;
color: #FFF;
font-size: 12px;
}
.navbar li a:hover {
color: #FF0;
text-decoration: underline;
}
.navbar li span {
float: left; 

cursor: pointer;
}
.navbar li a {
margin-top: 0;
}
.navbar li span {
height: 27px;
padding: 14px 15px 0 5px;
}
.navbar li.nav_active a {
margin-top: 0;
background: url("images/navbar.gif") no-repeat left top !important;
color: #000 !important;
text-decoration: none;
cursor: default;
font-size: 13px;
}
.navbar li.nav_active a:hover {
color: #000;
text-decoration: none;
cursor: default;
}
.navbar li.nav_active span {
background: url("images/navbar.gif") no-repeat right top !important;
cursor: default;
}
.navbar #nav_download span {
/*height: 36px;
padding-top: 5px;*/
}
.navbar #nav_download span b {
display: block;
padding-left: 119px;
height: 27px;
padding-top: 9px;
background-repeat: no-repeat;
background-position: left -50px;
font-weight: normal;
}
.navbar #nav_download :hover span b {
background-position: 0 0;
color: #FF0;
}
.navbar #nav_download a:hover {
}
.navbar .nav_active .nav_download span b,
.navbar .nav_active .nav_download:hover span b {
background-position: 0 -100px !important;
color: #000 !important;
}


.mainnav {
height: 28px;
position: absolute;
top: 82px;
left: 28px;
overflow: visible;
}
.mainnav li span {
height: 22px;
padding: 6px 12px 0 5px;
}
.mainnav li {
padding: 0;
margin-right: 10px;
}
.mainnav li a {
padding: 0 0 0 7px;
font-size: 15px;

line-height: 14px;
}
.mainnav li span span {
display: none;
}
.mainnav li span .navtext {
background: url("images/navtext.png") no-repeat 0 0;
height: 22px;
width: 50px;
}
*html .mainnav li span .navtext {
background-image: url("images/navtext.gif");
}
#nav_home span .navtext {
background-position: 0 0;
width: 31px;
}
#nav_home.nav_active span .navtext {
background-position: -250px 0;
}
#nav_browse span .navtext {
background-position: 0 -50px;
width: 80px;
}
#nav_browse.nav_active span .navtext {
background-position: -250px -50px;
}
#nav_broadcast span .navtext {
background-position: 0 -200px;
width: 76px;
}
#nav_broadcast.nav_active span .navtext {
background-position: -250px -200px;
}
#nav_cooperate span .navtext {
background-position: 0 -150px;
width: 62px;
}
#nav_cooperate.nav_active span .navtext {
background-position: -250px -150px;
}
#nav_subscribe span .navtext {
background-position: 0 -250px;
width: 76px;
}
#nav_subscribe.nav_active span .navtext {
background-position: -250px -250px;
}
#nav_download span .navtext {
background-position: 0 -100px;
width: 62px;
}
#nav_download.nav_active span .navtext {
background-position: -250px -100px;
}
.navbar #nav_download span b {
display: block;
padding-left: 73px;
height: 22px;
padding-top: 1px;
background-repeat: no-repeat;
background-position: left -50px;
font-weight: normal;
}

.subnav {
height: 28px;
overflow: hidden;
}
.subnav-inner {
height: 28px;
overflow: hidden;
}
.subnav li {
margin: 0 5px 0 0;
padding-top: 4px;
}
.subnav li a {
height: 22px;
color: #666;
background: #DDD;
border: 1px #BBB solid;
border-bottom: 0;
}
.subnav li a:hover {
color: #000;
text-decoration: none;
background: #FFF;
border-color: #333;
}
.subnav li span {
height: 22px;
line-height: 22px;
padding-top: 0;

}

.subnav li.nav_active {
padding-top: 0;
}
.subnav li.nav_active a {
background: url("images/navbar.gif") no-repeat left -41px !important;
height: 29px;
border: 0;
}
.subnav li.nav_active span {
background: url("images/navbar.gif") no-repeat right -41px !important;
height: 29px;
line-height: 29px;
width: auto;
}

.usernav {
position: absolute;
left: 172px;

top: 10px;
color: #FFF;
font-weight: normal;
border-left: 1px #388CE1 solid;
line-height: 18px;
}
.usernav a {
color: #FFF;
font-weight: normal;
}
#a_itsme,
.user_login a {
font-weight: bold;
}
.usernav a:hover {
color: #000;
}
.usernav-inner {
padding: 0;
padding: 0px 10px;
border-left: 1px #BDDEFF solid;
}
.usernav span,
.globalnav span {
/*background: url("images/line_l_w.gif") no-repeat left 50%;
padding: 0 5px 0 7px;*/
}
.usernav .user_wel,
.globalnav .user_wel {
background: none;
}
.usernav .user_msg a,
.globalnav .user_msg a {
background: url("images/icon/msg_16x16.gif") no-repeat left bottom;
padding-left: 18px;
}
.usernav .user_lang a,
.globalnav .user_lang a {
background: url("images/icon/language_16x16.gif") no-repeat left bottom;
padding-left: 18px;
}
*html .usernav {
width: 1%;
}
*html .usernav-inner {
white-space: nowrap;
}

.globalnav {
width: 100%;
}
.globalnav a {
color: #EEE;
text-decoration: none;
}
.globalnav a:hover {
color: #FFF;
text-decoration: underline;
}
.globalnav-inner {
height: 28px;
padding: 0px 10px 0 0;
margin-left: 10px;
}
.globalnav .floatR {
padding-top: 0;
line-height: 28px;
color: #FFF;
}
.globalnav .inlineUL li {
margin: 0px 0 0 15px;
float: left;
line-height: 28px;
height: 28px;
}
.globalnav .inlineUL a {
text-decoration: none;
font-weight: bold;
padding: 0 5px;
float: left;
line-height: 28px;
height: 28px;

}
.globalnav .inlineUL a:hover {
background: #EEE;
color: #000;
}


.searchbar {
height: 38px;
background: url("images/navbar.gif") repeat-x left -99px;
}
.searchbar-inner {
padding-top: 6px;
text-align: center;
}
.searchbar-inner table {
margin: 0 auto;
}
.searchbar td {
padding: 2px 3px;
background: url("images/navbar.gif") repeat-x left -137px;
}
*html .searchbar td {
padding: 1px 3px;
}
*+html .searchbar td {
padding: 1px 3px;
}
.searchbar .form-input {
height: 17px;
width: 180px;
}

.makeround-head {
display: none;
}


.leftnav-top,
.sidenav-top {
height: 5px;
overflow: hidden;
background: url("images/leftnav.gif") no-repeat right top;
padding-right: 10px;
}
.leftnav-top div,
.sidenav-top div {
height: 5px;
background: url("images/leftnav.gif") no-repeat left top;
}
.leftnav-bottom,
.sidenav-bottom {
height: 5px;
overflow: hidden;
background: url("images/leftnav.gif") no-repeat right -5px;
padding-right: 10px;
}
.leftnav-bottom div,
.sidenav-bottom div {
height: 5px;
background: url("images/leftnav.gif") no-repeat left -5px;
}
.leftnav-content,
.sidenav-content {
border-left: 1px #C6C6C6 solid;
padding-left: 19px;
background: #F5F5F5 url("images/line_lg.gif") repeat-y right top;
}
.leftnav ul {
margin: 0;
padding: 0;
list-style: none;

}
.leftnav-item {
border-right: 1px #C6C6C6 solid;
padding: 4px 0 4px 5px;
}
.leftnav .nav_active .lni-top {
height: 10px;
overflow: hidden;
background: url("images/leftnav.gif") no-repeat right -10px;
}
.leftnav .nav_active .lni-top div {
height: 10px;
overflow: hidden;
background: url("images/leftnav.gif") no-repeat left -10px;
margin-right: 10px;
}
.leftnav .nav_active .lni-bottom {
height: 10px;
overflow: hidden;
background: url("images/leftnav.gif") no-repeat right -20px;
}
.leftnav .nav_active .lni-bottom div {
height: 10px;
overflow: hidden;
background: url("images/leftnav.gif") no-repeat left -20px;
margin-right: 10px;
}
.leftnav .nav_active .leftnav-item {
border-left: 1px #C6C6C6 solid;
background: #FFF;
padding: 0 0 0 5px;
border-right: 0;
}
.leftnav a {
font-weight: bold;
line-height: 18px;
}
.leftnav li li a {
font-weight: normal;
}
.leftnav .nav_active a {
font-size: 15px;
color: #000;
font-weight: bold;
text-decoration: none;
}
.leftnav li li {
padding: 2px 2px 2px 15px;
}
.leftnav .nav_active li a {
font-size: 12px;
color: #999;
font-weight: normal;
}
.leftnav li .nav_active a {
color: #000;
font-weight: bold;
font-size: 12px;

}
.nav_active li a:hover {
color: #000;
text-decoration: underline;
}
.nav_active .nav_active a:hover {
text-decoration: none;
}
.path {
font-weight: bold;
font-size: 18px;
height: 33px;
}
.path a {
font-weight: normal;
}
.path-cp {
font-size: 13px;
height: 25px;
}

.itsmenav {
height: 30px;
background: url(images/navbar.gif) repeat-x left -70px;
}
.itsmenav-inner {
padding-top: 5px;
padding-left: 100px;
width: 870px;
margin: 0 auto;
}
.itsmenav ul {
margin: 0;
padding: 0;
list-style: none;
}

.itsmenav a {
float: left;
text-decoration: none;
color: #666;
}
.itsmenav a:hover {
text-decoration: underline;
color: #000;
}
.itsmenav span {
float: left;
text-decoration: none;
height: 20px;
padding: 5px 10px 0 10px;
cursor: pointer;
}
.itsmenav li {
float: left;
list-style: none;
margin-right: 10px;
}
.itsmenav .nav_active span {
background: #FFF;
height: 20px;
padding: 4px 9px 0 9px;
border: 1px #D7D7D7 solid;
border-bottom: 0;
}
.itsmenav .nav_active a,
.itsmenav .nav_active span {
color: #000;
font-weight: bold;
cursor: default;
}
.itsmenav .nav_active:hover {
text-decoration: none;
cursor: default;
}
.itsmenav #itsme_control {
float: right !important;
}
#itsme_control span {
background: url("images/icon/nav_control.gif") no-repeat 8px 4px;
padding-left: 28px;
}
#itsme_control .nav_active span {
background: #FFF url("images/icon/nav_control.gif") no-repeat 8px 3px;
}

.sortby {
height: 20px;
}
.sortby-inner {
float: right;
}
.sortby a {
float: left;
margin-left: 10px;
padding: 1px 3px;
height: 15px;
line-height: 15px;
text-decoration: none;
}
.sortby a:hover {
background: #C6DFE9;
}
.sortby .sort_active,
.sortby .sort_active:hover {
background: #09C;
color: #FFF;
}

.head-download {
position: absolute;
top: 35px;
right: 5px;
}
.head-download a {
float: right;
background-repeat: no-repeat;
background-position: right top;
color: #000;
text-decoration: none;
width: 243px;
height: 18px;
padding: 37px 7px 0 0;
text-align: right;
}
.head-download a:hover {
background-position: right -55px;
text-decoration: underline;
}
.head-download a span {
display: none;
}
#url-ext {
position: absolute;
right: 85px;
top: 15px;
}
#url-ext a {
font-size: 12px;
font-weight: bold;
color: #FFF;
}


.hdlinks {
position: absolute;
left: 320px;
top: 2px;
/*
*/
background: url("images/hdlinks.png") no-repeat 100% -77px;
line-height: 16px;
padding-right: 18px;
}
.hdlinks-inner {
width: 360px;
padding-right: 10px;
height: 77px;
background: url("images/hdlinks.png") no-repeat 0 0;
}
*html .hdlinks,
*html .hdlinks-inner {
background-image: url("images/hdlinks.gif");
}
.hdlinks a {
color: #004D9F;
text-decoration: none;
background: url("images/dot_sq_black.gif") no-repeat 0 6px;
padding-left: 6px;
}
.hdlinks a:hover {
color: #000;
text-decoration: underline;
}
.hdlink-player {
position: absolute;
top: 14px;
left: 75px;
left: 70px;
}
.hdlink-broadcaster {
position: absolute;
top: 9px;
top: 45px;
left: 218px;
left: 70px;
}
.hdlinks li {
margin-right: 5px;
float: left;
}
.hddl {
position: absolute;
/*left: 700px;
top: 40px;*/ 
top: 10px;
right: 0;
}
.hddl-link {
background: url("images/hddl.png") no-repeat 0 0;
float: left;
display: block;
padding-left: 140px;
line-height: 37px;
font-size: 15px;
height: 37px;
font-family: 微軟雅黑, 微软雅黑, Segoe UI,arial,新細明體,helvetica,clean,sans-serif;
color: #FFF;
text-decoration: none;
font-weight: normal;
}
*html .hddl-link {
background-image: url("images/hddl.gif");
}
.hddl-link span {
}

.subcate-top {
background: url("images/bg_subcate_top.png") no-repeat -70px 0;
margin: 0 4px;
height: 9px;
overflow: hidden;
width: 426px;
}
.subcate-left {
background: url("images/bg_subcate_right.png") no-repeat 100% 100%;
padding-right: 12px;
}
.subcate-right {
background: url("images/bg_subcate_left.png") no-repeat 0 100%;
}
*html .subcate-top {
background: url("images/bg_subcate_top.gif") no-repeat -70px 0;
}
*html .subcate-left {
background: url("images/bg_subcate_right.gif") no-repeat 100% 100%;
}
*html .subcate-right {
background: url("images/bg_subcate_left.gif") no-repeat 0 100%;
}
.subcate {
position: absolute;
top: 18px;
left: 110px;
z-index: 9000;
}
.mainhead {
z-index: 900;
}
.subcate-items {
padding: 10px 0 10px 12px;
width: 410px;
}
#nav_browse .subcate ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav_browse .subcate li,
#nav_browse .subcate a {
float: left;
}
#nav_browse .subcate li a {
font-size: 12px;
color: #000;
font-weight: normal;
font-family: 新細明體,helvetica,clean,sans-serif;
white-space: nowrap;
padding: 5px 10px;
margin: 4px;
background: none;
border: 0;
height: auto;
}
#nav_browse .subcate li a:hover {
font-size: 12px;
color: #000;
background: #C2E0FF;
height: auto;
}
#nav_browse .subcate li.nav_active a,
#nav_browse .subcate li.nav_active span {
background: none;
}
#nav_browse .subcate .closethis {
float: right;
width: 13px;
height: 12px;
border: 1px #FFF solid;
margin-right: 2px;
background: url("images/icon/close_11x10.gif") no-repeat 1px 1px;
padding: 0;
}
#nav_browse .subcate .closethis:hover {
border-color: #999;
}
#nav_browse .subcate .closethis span {
display: none;
}
/*
#show_subcate {
padding: 0;
float: right;
height: 13px;
width: 13px;
margin: 1px 0 0 3px;
cursor: pointer;
background: url("images/expand_bottom.gif") no-repeat 0 0;
}
#show_subcate:hover,
.show_subcate_hover:hover {
background-position: 0 -100px;
}
.nav_active #show_subcate {
background-position: 0 -300px;
}
.nav_active #show_subcate:hover,
.nav_active .show_subcate_hover:hover {
background-position: 0 -200px;
}
*/
*html #nav_browse,
*+html #nav_browse {
/*width: 105px;
display: none !important;*/
}

.topnav ul,
.topnav li {
margin: 0;
padding: 0;
list-style: none;
}
.topnav {
position: absolute;
top: 32px;
left: 155px;
}
.topnav li,
.topnav a {
float: left;
}
.topnav a {
font-size: 12px;
color: #FFF;
text-decoration: none;
margin: 0 2px;
height: 15px;
line-height: 16px;
padding: 4px 6px 3px 6px;
border: 1px #000 solid;
border-bottom: 0;
background: #000;
}
.topnav .nav_active a,
.topnav .nav_active a:hover,
.topnav a:hover {
color: #FFF;
background: #027FFF;
border: 1px #FFF solid;
border-bottom: 0;
height: 16px;
}
.topnav .nav_active a {
font-weight: bold;
}
.topmember {
position: absolute;
top: 0;
right: 0;
height: 46px;
padding-top: 9px;
text-align: left;
background: #3C3C3C url("images/topmember.gif") repeat-y 0 0;
width: 175px;
padding-left: 30px;
}
.topmember,
.topmember a {
color: #FFF;
line-height: 20px;
text-decoration: none;
}
.topmember a:hover {
color: #FF0;
text-decoration: underline;
}
.topsearch {
position: absolute;
left: 200px;
top: 2px;
}
#keyword {
width: 150px;
background: #D1DFEC;
border: 1px #D1DFEC solid;
height: 14px;
}
#topsearchgo {
height: 21px;
}

.uhead {
position: relative;
z-index: 2;
}
.quick-links {
z-index: 999;
}
.quick-links,
.quick-links-inner {
background: url("images/dropdown.png") no-repeat 100% 100%;
}
*html .quick-links,
*html .quick-links-inner {
background: url("images/dropdown.gif") no-repeat 100% 100%;
}
.showquicklinks {
display: inline-block;
background: url("images/arrow_down.gif") no-repeat 100% 50%;
padding-right: 10px;
}
.quick-links {
position: absolute;
top: 48px;
left: 20px;
background-position: 100% 100%;
padding-right: 4px;
z-index: 9999;
font-size: 12px;
}
.quick-links-inner {
background-position: 0 100%;
padding-right: 6px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
width: 120px;
}
.quick-links,
.quick-links a {
color: #000;
text-decoration: none;
}
.quick-links a:hover {
color: #000;
text-decoration: underline;
}
.quick-links .unsign {
color: #C00;
}

#nav_browse a {
background-image: url("images/expand_bottom.gif");
background-repeat:no-repeat;
background-position: 95% 5px;
padding-right: 18px;
}
.mainhead,
.mainhead-inner,
.tophead,
.tophead-inner {
position: relative;
}
.mainhead {
z-index: 9
}
.mainhead-inner {
z-index: 80
}
.tophead {
z-index: 90

}
.tophead-inner {
z-index: 91
}




.form-input {
border: 1px #666 solid;
background: #FFF;
height: 18px;
padding-top: 2px;
padding-left: 4px;
color: #000;
line-height: 16px;
}
.form-input-default {
color: #999;
}
.form-input_active {
border: 1px #000 solid;
color: #000;
background: #FFFFE0;
}
.form-textarea {
border: 1px #666 solid;
background: #FFF;
height: 110px;
padding-left: 5px;
color: #000;
width: 90%;
}
.form-textarea_active {
border: 1px #000 solid;
background: #FFFFE0;
}
.module-login .md_middle {
padding: 10px 15px;
}
.form-desc {
padding: 0 0 10px 0;
color: #666;
}
.form-input_desc-password {
background: url("images/form-input_password.png") no-repeat left top;
}



div.rate-stars {
height: 18px;
}
.rate-stars span {
float: left;
height: 20px;
width: 95px;
background: url("images/rating_stars.gif") no-repeat left top;
cursor: default;
}
.rate-stars span span {
float: left;
height: 20px;
background: url("images/rating_stars.gif") no-repeat left -20px;
cursor: default;
}
.rate-stars em {
}
div.rate-stars-small {
height: 12px;
}
.rate-stars-small span {
float: left;
height: 12px;
width: 60px;
background: url("images/rating_stars_small.gif") no-repeat left top;
cursor: default;
}
.rate-stars-small span span {
float: left;
height: 12px;
background: url("images/rating_stars_small.gif") no-repeat left -15px;
cursor: default;
}

.channel-item-rating {
height: 20px;
}
.rating {
cursor: pointer;
margin: 2em;
clear: both;
display: block;
}
.rating:after {
content: '.';
display: block;
height: 0;
width: 0;
clear: both;
visibility: hidden;
}
.cancel,
.star {
float: left;
width: 17px;
height: 15px;
overflow: hidden;
text-indent: -999em;
cursor: pointer;
}
.cancel,
.cancel a {
background: url("images/rating_delete.gif") no-repeat 0 -16px;
}

.star,
.star a {
background: url("images/rating_star.gif") no-repeat 0 0px;
cursor: default;
}
.axtab-content .star,
.axtab-content .star a {
background-image: url("images/rating_star_pop.gif");
cursor: default;
}

.cancel a,
.star a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0px;
border:1 solid #FF0000; 
}

div.star_on a {
background-position: 0 -16px;
}
div.star_hover a {
background-position: 0 -32px;
cursor: pointer;
}


#rating_result,
#rating_input {
height: 22px;
}
#rating_input .star {
float: left;
width: 19px;
height: 20px;
overflow: hidden;
text-indent: -999em;
cursor: pointer;
}
#ratingword {
float: left;
margin-left: 5px;
line-height: 20px;
}
#rating_input .star,
#rating_input .star a {
background: url("images/rating_star.gif") no-repeat 0 0;
}
.axtab-content #rating_input .star,
.axtab-content #rating_input .star a {
background-image: url("images/rating_star_pop.gif");
}
#rating_input .star a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0px;
border:1 solid #FF0000;
}
#rating_input div.star_on a {
background-position: 0 -20px;
}
#rating_input div.star_hover a,
#rating_input div.star a:hover {
background-position: 0 -20px;

}


.form-table {
margin-bottom: 10px;
}
.form-table th,
.form-table td {
padding: 4px;
vertical-align: top;
}
.form-table .thead {
background: #E0E0E0;
}
.form-table label.fn {
float: right;
padding: 3px 0 0 0;
}

.tablesorter-list td {
padding: 7px 5px 5px 5px;
}
.tablesorter-list .thead {
padding-left: 6px;
padding-right: 6px;
}


.field-desc {
display: block;
padding-top: 1px;
color: #999;
}
.form-desc-important {
background: #FFFFD9;
border: 1px solid #F6E3B8;
padding: 3px;
}
.form-desc-important p {
padding: 3px;
}
.form-desc-off {
background: #FFEE33;
padding: 4px;
}
.form-desc-on {
background: #99EE33;
padding: 4px;
}
form .error {
display: block;
padding-top: 1px;
color: #F60;
}
.field-check {
display: block;
padding-top: 1px;
}
.field-check-warning {
color: #F60;
}
.field-check-ok {
color: #080;
}
.form-submit-wrap {
text-align: center;
padding: 5px;
}
.form-submit {
border: 1px #A6A6A6 solid;
background: #E5E5E5 url("images/sb_inactive.gif") no-repeat left top;
vertical-align: middle;
margin: 0;
height: 22px;
color: #404040;
font-family: 微軟雅黑, 微软雅黑, Segoe UI,arial,新細明體,helvetica,clean,sans-serif;
font-weight: bold;
}
.form-submit-active {
border: 1px #1E5FC7 solid;
background: #439BF0 url("images/sb_active.gif") no-repeat left top;
color: #FFF;
}
.form-msg {
border: 1px #CCC solid;
background: #F5F5F5;
padding: 10px;
margin-bottom: 5px;
}
.thumb-msg {
color: #080;
padding: 3px 10px;
border: 1px #080 solid;
background: #F2FBEF;
}
.form-msg-failure {
background: #FFC;
border-color: #F60;
}
.form-msg-success {
background: #F2FBEF;
border-color: #080;
}
.field-name {
width: 35%;
text-align: right;
}
.field-input {
}
/*span.field-name-required {
background: url("images/notnull.gif") no-repeat left 3px;
padding-left: 10px;
}*/
.field-name-required label.fn {
background: url("images/notnull.gif") no-repeat left 5px;
padding-left: 10px;
}

.tablesorter .thead {
background: #EEE;
}
.tablesorter .header {
background: #EEE;
padding-right: 15px;
cursor: pointer;
}
.tablesorter .headerSortDown {
background: #CCE1FF url("images/tbsd.gif") no-repeat 100% 50%;
}
.tablesorter .headerSortUp {
background: #CCE1FF url("images/tbsa.gif") no-repeat 100% 50%;
}
.tablesorter {
background: #CCC;
}
.tablesorter td {
background: #FFF;
}
.tablesorter th {
border: 1px #FFF solid;
}

.regExt {
display: none;
}
.row_sel td {
background: #D2EAFF;
}
.row_even td {
}
.row_odd td {
background: #D2EAFF;
}
.row_over td {

}
.tablesorter-list .row_over td {
}
















#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}

#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}

#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url("images/macFFBgHack.png") repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
}
* html #TB_overlay { 
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 2px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { 
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}

#TB_title{
background-color:#e8e8e8;
height:27px;
}

#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
padding:15px;
}

#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}

#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; 
}

* html #TB_load { 
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}

* html #TB_HideSelect { 
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}

.pager input {
float: left;
margin-left: 0;
}
.pager select {
float: left;
margin-left: 5px;
padding: 0;
}
.pager b {
float: left;
margin-left: 15px;
padding-top: 2px;
}
.pager .page-display {
background: #FFF;
color: #000;
border: 1px #FFF solid;
width: 30px;
}



#comment_post {
margin: 10px 10px 0 10px;
padding: 10px;
border: 1px #DDD solid;

background: #F8FBF4;
}
#comment_post textarea {
width: 99%;
height: 100px;
border: 1px #CCC solid;
margin-bottom: 5px;
}
.comments-list {
padding: 10px 0 0;
}
.comments-list li {
padding-bottom: 10px;
padding-top: 10px;
}
.comment-title {
height: 22px;

padding: 5px 5px 0 5px;
border-top: 1px #CCC solid;
background: #EAF0F5;
position: relative;
}
.comment-title .avatar {
position: absolute;
top: 4px;
left: 5px;
border: 1px solid #CCC;
}
.comment-content {
padding: 0 5px;
}
.comment-auth {
width: 400px;
}
.comment-title .floatR {
margin-left: 5px;
font-size: 11px;
}
.comment-title a {
color: #578;
}



.tablesorter-list {
border-top: 1px #C6C6C6 solid;
border-bottom: 1px #C6C6C6 solid;
}
.tablesorter-list td {
border-bottom: 1px #E0E0E0 solid;
}
.tablesorter-list .thead {
border: 0;
border-bottom: 1px #C6C6C6 solid;
border-right: 1px #C6C6C6 solid;
background: #E0E0E0 url("images/td_3d.gif") no-repeat left top;
white-space: nowrap;
}

.list-operation {
margin: 10px 0;
background: #E8F6FF;
padding: 5px;
}
.pager {
margin-top: 15px;
height: 25px;
}
.pager-inner {

}
.pager table {
margin: 0 auto;
}
.pager table div {
white-space: nowrap;
}

.align-right {
padding-right: 5px;
padding-left: 5px;
display: block;
text-align: right;
white-space: nowrap;
}
.tablesorter .alt2 {
background: #F0F0F0;
}


.rate-no,
.rate-title,
.rate-auth,
.rate-views {
white-space: nowrap;
}
.rate-auth a {
color: #666;
}
.rate-auth a:hover {
color: #000;
}
.rate-title {
width: 288px;
overflow: hidden;
text-overflow: ellipsis;
}
.rate-title a {
text-decoration: none;
}
.rate-no-on {
padding-left: 15px;
background: url("images/channel-lights.gif") no-repeat 0 3px;
}
.rate-no-off {
padding-left: 15px;
background: url("images/channel-lights.gif") no-repeat 0 -27px;
}





#datepicker_div, .datepicker_inline {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
background: #ddd;
width: 185px;
}
#datepicker_div {
display: none;
border: 1px solid #777;
z-index: 9999; 
}
.datepicker_inline {
float: left;
display: block;
border: 0;
}
.datepicker_rtl {
direction: rtl;
}
.datepicker_dialog {
padding: 5px !important;
border: 4px ridge #ddd !important;
}
button.datepicker_trigger {
width: 25px;
}
.datepicker_wrap {
margin-left: 3px;
cursor: pointer;
}
#input_date {
cursor: pointer;
}
img.datepicker_trigger {
margin: 0;
vertical-align: middle;
margin-top: -3px;
}
.datepicker_prompt {
float: left;
padding: 2px;
background: #ddd;
color: #000;
}
* html .datepicker_prompt {
width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
clear: both;
float: left;
width: 100%;
color: #fff;
}
.datepicker_control {
background: #400;
padding: 2px 0px;
}
.datepicker_links {
background: #000;
padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
}
.datepicker_links label { 
padding: 2px 5px;
color: #888;
}
.datepicker_clear, .datepicker_prev {
float: left;
width: 34%;
}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
float: right;
text-align: right;
}
.datepicker_current {
float: left;
width: 30%;
text-align: center;
}
.datepicker_close, .datepicker_next {
float: right;
width: 34%;
text-align: right;
}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
float: left;
text-align: left;
}
.datepicker_header {
padding: 1px 0 3px;
background: #333;
text-align: center;
font-weight: bold;
height: 1.3em;
}
.datepicker_header select {
background: #333;
color: #fff;
border: 0px;
font-weight: bold;
}
.datepicker {
background: #ccc;
text-align: center;
font-size: 12px;
}
.datepicker a {
display: block;
width: 100%;
}
.datepicker_titleRow {
background: #777;
}
.datepicker_daysRow {
background: #eee;
color: #666;
}
.datepicker_weekCol {
background: #777;
color: #fff;
}
.datepicker_daysCell {
color: #000;
border: 1px solid #ddd;
}
.datepicker_daysCell a{
display: block;
}
.datepicker_weekEndCell {
background: #ddd;
}
.datepicker_titleRow .datepicker_weekEndCell {
background: #777;
}
.datepicker_daysCellOver {
background: #fff;
border: 1px solid #777;
}
.datepicker_unselectable {
color: #888;
}
.datepicker_today {
background: #fcc !important;
}
.datepicker_currentDay {
background: #999 !important;
}
.datepicker_status {
background: #ddd;
width: 100%;
font-size: 11px
text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
cursor: pointer;
margin: 0;
padding: 0;
background: none;
color: #000;
}
.datepicker_inline .datepicker_links a {
padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
padding: 2px 5px !important;
color: #eee !important;
}
.datepicker_titleRow a {
color: #eee !important;
}
.datepicker_control a:hover {
background: #fdd !important;
color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
background: #ddd !important;
color: #333 !important;
}



.datepicker_multi .datepicker {
border: 1px solid #777;
}
.datepicker_oneMonth {
float: left;
width: 185px;
}
.datepicker_newRow {
clear: left;
}



.datepicker_cover {
display: none; 
display
position: absolute; 
z-index: -1; 
filter: mask(); 
top: -4px; 
left: -4px; 
width: 200px; 
height: 200px; 
}


.color-input {
width: 60px;
border: 1px #CCC inset;
height: 18px;
font-size: 14px;
text-align: center;
}
.widget_getcode {
width: 98%;
height: 70px;
font-size: 11px;
background: #FFF;
border: 1px #999 solid;
overflow: auto;
}



.thumblist a {
float: left;
margin: 8px;
border: 1px #CCC solid;
padding: 2px;
background: #E0E0E0;
text-align: center;
overflow: hidden;
color: #666;
text-decoration: none;
}
.thumblist a:hover {
background: #CCC;
color: #000;
}
.module-s2 .thumblist a:hover {
background: #FFF;
}
.thumblist-32 a {
width: 32;
height: 32px;
margin: 7px;
}
.thumblist-64 a {
width: 64px;
height: 80px;
}
.thumblist-100 a {
width: 100px;
height: 105px;
padding: 4px 5px;
margin: 8px 10px;
}
.thumblist-130 a {
width: 130px;
height: 130px;
padding: 4px 5px;
}
.block-upload {
border: 1px #CCC solid;
margin: 5px 0;
}
.block-upload .block-inner {
border: 1px #FFF solid;
background: #EEE;
padding: 10px;
}
.block-tips {
background: #FFFFD9;
border: 1px #F6E3B8 solid;
padding: 10px;
color: #666;
}
.block-tips p {
padding: 0;
}
.block-tips a {
color: #000;
}
.block-tips a:hover {
color: #666;
}
.block-thick {
border: 1px #CCC solid;
background: #F9F9F9;
padding: 5px;
}
.block-thick:hover {
background: #FFF;
}
.block-title {
border-bottom: 1px #CCC solid;
padding: 3px 0;
font-size: 14px;
}
.block-adimg .block-title {
font-size: 12px;
color: #BBB;
padding: 0;
border-bottom: 0;
}
.block-ad-item {
padding: 5px 0;
}
.block-adtext .block-ad-item {
padding: 5px 0 15px 0;
}
.block-adtext {
border: 1px #BDF solid;
padding: 5px 10px;
}
.block-adtext .block-title {
font-size: 12px;
color: #BBB;
padding: 0;
border-bottom: 0;
}

.ad-title a {
font-size: 14px;
color: #00B;
}
.ad-desc {
padding: 5px 0 0 0;
line-height: 18px;
}
.ad-url a {
color: #480;
}






.block-getcode .block-title {
border: 0;
}
.block-widget_preview .block-content {
margin-top: 5px;
width: 280px;
padding: 5px;
overflow: auto;
}
.widget_sel_display a {
float: left;
height:73px;
border: 2px #EEE solid;
margin-right: 10px;
}
.widget_sel_display a:hover {
border-color: #2FACEF;
}
.widget_sel_display a.nav_active {
border-color: #2FACEF;
}

.block-web800 {
display: none;
}
.block-web800 a {
background: url("images/web800.gif") no-repeat 0 0;
display: block;
width: 200px;
height: 64px;
}
.block-web800 span {
display: none;
}

.biground {
border: 0;
}
.biground .md_top {
height: 45px;
}
.biground .mt_03 {
background: url("images/bg_login.jpg") no-repeat right top;
padding-right: 100px;
}
.biground .mt_02 {
background: url("images/bg_login.jpg") no-repeat left top;
}
.biground .mt_01 {
padding: 10px 0 0 15px;
height: 35px;
}
.biground .md_middle {
border: 1px #DDD solid;
border-width: 0 1px;
}
.biground .md_bottom {
height: 20px;
}
.biground .mb_03 {
background: url("images/bg_login.jpg") no-repeat right -65px;
padding-right: 400px;
height: 20px;
}
.biground .mb_02 {
background: url("images/bg_login.jpg") no-repeat left -65px;
height: 20px;
}
.biground .module-title {
background: none;
padding-left: 0;
}
.module-s1,
.module-s2 {
border: 0;
}
.module-s1 .md_top,
.module-s2 .md_top {
height: 30px;
}
.module-s1 .mt_03 {
height: 30px;
background: url("images/md_top.gif") no-repeat left top;
padding-left: 10px;
}
.module-s1 .mt_02 {
height: 30px;
background: url("images/md_top.gif") no-repeat right top;
}
.module-s1 .module-title {
padding-left: 5px;
}
.module-s1 .md_middle,
.module-s2 .md_middle {
border: 1px #D9DDE0 solid !important;
}
.module-s2 .module-title {
padding-left: 5px;
color: #FFF;
}
.module-s2 .mt_03 {
height: 30px;
background: url("images/md_top.gif") no-repeat left -30px;
padding-left: 10px;
}
.module-s2 .mt_02 {
height: 30px;
background: url("images/md_top.gif") no-repeat right -30px;
}
.module-s2 a {
color: #666;
}
.module-s2 a:hover {
color: #689834;
}
.module-comments .module-content a {
text-decoration: none;
}
.module-comments p {
padding: 2px 0;
}
.module-title .floatR {
padding: 2px 5px 0 0;
font-size: 12px;
font-family: arial;
}
.module-s1 .module-title a {
color: #666;
}
.module-s1 .module-title a:hover {
color: #000;
}
.module-s2 .module-title a {
color: #FFF;
}
.module-s2 .module-title a:hover {
color: #000;
}
.module-foot {
border-top: 1px #CCC dashed;
padding: 3px;
text-align: center;
}
.module-foot a {
color: #000;
text-decoration: underline !important;
}

.module-userlist .userlist-name li {
line-height: 1.75em;
margin-right: 10px;
float: left;
width: 45%;
}
.module-userlist .userlist-name li a {
text-decoration: none;
}

.classes-title {
font-weight: bold;
padding-top: 3px;
color: #689834;
}
.module-class .inlineUL a {
}
.module-class .inlineUL li {
float: left;
margin: 5px 10px 5px 0;
}

.module-s3 .md_top {
height: 30px;
background: #F5F5F5;
border-bottom: 1px #EEE solid;
}

.module-partners .normalUL li {
float: left;
margin-bottom: 10px;
width: 90px;
}
.module-partners .normalUL a {
float: left;
overflow: hidden;
padding-left: 10px;
width: 80px;
}
.module-announce .h4 {
font-weight: bold;
font-size: 15px;
padding-left: 10px;
}
.module-announce .h4 a {
color: #00366F;
text-decoration: none;
line-height: 22px;
}
.module-announce .h4 a:hover {
color: #000;
}
.module-announce .message {
line-height: 18px;
padding-left: 10px;
padding-right: 3px;
}
.announce-date {
font-size: 11px;
font-weight: normal;
color: #666;
}



.doicon,
.doicon-s {
height: 25px;
padding-top: 0;
line-height: normal;
}
.doicon a {
float: left;
height: 18px;
margin-right: 10px;
padding-left: 19px;
text-align: left;
font-size: 12px;
font-weight: normal;
font-family: 微軟雅黑, 微软雅黑, Segoe UI,arial,新細明體,helvetica,clean,sans-serif;
}
.doicon-s a {
float: left;
height: 18px;
margin-left: 5px;
width: 18px;
text-align: left;
text-indent: -9999px;
padding: 0;
}
.doiconx16 {
height: 20px;
}
.doiconx16 a {
height: 16px;
}
.doicon a.roundlink {
padding-left: 5px;
}
.doicon .makeround .round-middle {
padding-top: 2px;
padding-bottom: 2px;
font-size: 12px;
font-family: arial;
}
.doicon-s a span {
display: none;
}
.doicon-b a {
text-decoration: none;
}
.doicon-block a {
float: none;
display: block;
padding-bottom: 3px;
}
.doicon .floatR a {
margin-right: 0;
margin-left: 10px;
}
.profile-id a {
margin: 8px 3px 0 8px;
}
.doiconx16 span {
float: left;
height: 16px;
line-height: 16px;
}
.doicon .edit-add {
background: url("images/icon/add_16x16.gif") no-repeat 0 50%;
}
.doicon .edit-add2 {
background: url("images/icon/add2_16x16.gif") no-repeat 0 50%;
font-family: tahoma;
}
.doicon .edit-edit {
background: url("images/icon/edit_16x16.gif") no-repeat 0 50%;
}
.doicon .edit-delete {
background: url("images/icon/delete_16x16.gif") no-repeat 0 50%;
}
.doicon .do-pm {
background: url("images/icon/msg_16x16.gif") no-repeat 0 2px;
}
.doicon .do-friend-add {
background: url("images/icon/useradd_16x16.gif") no-repeat 0 0;
}
.doicon .do-fav-add {
background: url("images/icon/favadd_16x16.png") no-repeat 0 0;
}
.doicon .do-goblog {
background: url("images/icon/web_16x16.gif") no-repeat 0 0;
}
.floatR a.do-down {
background: url("images/icon/down.gif") no-repeat 2px 2px;
}
.floatR a.do-up {
background: url("images/icon/up.gif") no-repeat 2px 2px;
}
.doicon .do-online {
background: url("images/icon/status_online.png") no-repeat 0 0;
}
.doicon .do-offline {
background: url("images/icon/status_offline.png") no-repeat 0 0;
}
.doicon .do-forward-add {
background: url("images/icon/forward_16x16.png") no-repeat 0 0;
}
.doicon .do-comments {
background: url("images/icon/comment_16x16.gif") no-repeat 0 0;
}
.doicon .do-email {
background: url("images/icon/msg_16x16.gif") no-repeat 0 1px;
}
/*
.doicon .do-report {
background: url("images/icon/report_16x16.gif") no-repeat 0 0;
}
*/
.doicon .do-fav {
background: url("images/icon/do-fav.gif") no-repeat 0 0;
}
.doicon .do-dig {
background: url("images/icon/do-dig.gif") no-repeat 0 0;
}


.doicon-s .page-first {
background: url("images/icon/page-first.png") no-repeat 0 0;
}
.doicon-s .page-prev {
background: url("images/icon/page-prev.png") no-repeat 0 0;
}
.doicon-s .page-next {
background: url("images/icon/page-next.png") no-repeat 0 0;
}
.doicon-s .page-last {
background: url("images/icon/page-last.png") no-repeat 0 0;
}
.doicon-s .page-first span,
.doicon-s .page-prev span,
.doicon-s .page-next span,
.doicon-s .page-last span{
display: none;
}
.page-more {
text-indent: 0;
width: auto;
padding: 2px 6px;
text-decoration: none;
margin: 0 2px;
height: 14px;
color: #105CB6;
background: #FFF;
border: 0;
font-size: 11px;
font-family: arial;
float: left;
}
.page-num {
text-indent: 0;
width: auto;
padding: 2px 6px;
text-decoration: none;
margin: 0 2px;
height: 14px;
color: #105CB6;
background: #FFF;
border: 1px #9AAFE5 solid;
font-family: arial;
float: left;
}
.page-prev,
.page-next {
width: 45px;
text-align: center;
}
.page-num:hover {
color: #000;
background: #FFF;
border: 1px #2E6AB1 solid;
}
.page-active {
color: #FFF;
background: #2E6AB1;
border: 1px #2E6AB1 solid;
font-weight: bold;
}
.page-active:hover {
color: #FFF;
background: #2E6AB1;
border: 1px #2E6AB1 solid;
cursor: default;
}


.doicon-s .put-up {
background: url("images/icon/put-up.png") no-repeat 0 0;
}
.doicon-s .put-down {
background: url("images/icon/put-down.png") no-repeat 0 0;
}
.put-up span,
.put-down span {
display: none;
}

.doicon-s .do-mode-list span,
.doicon-s .do-mode-grid span,
.doicon-s .do-mode-grids span {
display: none;
}
.doicon-s .do-mode-list {
background: url("images/icon/mode_list.gif") no-repeat 0 0;
margin-right: 5px;
margin-top: 5px;
}
.doicon-s .do-mode-grid2,
.doicon-s .do-mode-grid {
background: url("images/icon/mode_grid.gif") no-repeat 0 0;
margin-right: 5px;
margin-top: 5px;
}
.doicon-s .do-mode-grids {
background: url("images/icon/mode_grids.gif") no-repeat 0 0;
margin-right: 5px;
margin-top: 5px;
}
.doicon-s .do-active {
background-position: 0 -25px;
}

.doicon .do-done {
background-position: 0 -18px;
cursor: default;
}
.doiconx16 .do-done {
background-position: 0 -16px;
cursor: default;
}

.dotext {
height: 25px;
}
.dotext a {
float: left;
padding: 2px 18px 2px 4px;
border:1px solid #7F93BC;
background: url("images/icon/do-add.gif") no-repeat right 50%;
text-decoration: none;
line-height: 14px;
color: #3B5998;
margin-right: 10px;
}
.dotext a:hover {
background: #3B5998 url("images/icon/do-add_hover.gif") no-repeat right 50%;
color: #FFF;
}
.dotext .do-done {
background: url("images/icon/do-remove.gif") no-repeat right 50%;
}
.dotext .do-done:hover {
background: #3B5998 url("images/icon/do-remove_hover.gif") no-repeat right 50%;
color: #FFF;
}


.profile-id .button-subscribe {
background: url("images/icon/bg_buttons.gif") no-repeat 0 0;
height: 17px;
padding: 0 0 0 18px;
width: 52px;
line-height: 18px;
float: left;
text-decoration: none;
color: #FFF;
}
.profile-id .button-web800 {
background: url("images/icon/bg_buttons.gif") no-repeat 0 -20px;
height: 17px;
width: 70px;
text-align: center;
line-height: 18px;
float: left;
text-decoration: none;
color: #FFF;
}







.tabs-datepick {
border: 1px #DDD solid;
border-top: 0;
border-bottom: 0;
background: #F5F5F5;
padding: 3px 0 3px 8px;
height: 22px;
}
.tabs-datepick td {
padding: 0 2px;
}
.tabs-datepick .date-input {
border: 1px #AAA solid;
background: #FFF;
padding: 2px;
height: 14px;
width: 97px;
overflow: hidden;
}
.tabs-datepick .date-input input {
float: left;
height: 14px;
width: 80px;
border: 0;
background: #FFF;
line-height: 14px;
text-align: center;
}
.tabs-datepick .date-input a {
float: left;
height: 14px;
width: 14px;
background: url("images/icon/calendar_16x16.gif") no-repeat left top !important;
}
.tabs-datepick .date-input a span {
display: none;
}

#tab-hometops .ui-tabs-panel {
padding: 0;
border: 1px #DDD solid;
}
/*
.channel-item-m {
padding: 5px 5px 4px 5px;
border-bottom: 1px #DBDCE0 solid;
height: 105px;
position: relative;
}
.channel-item-s {
padding: 5px 5px 4px 5px;
border-bottom: 1px #DBDCE0 solid;
position: static;
min-height: 105px;
overflow: hidden;
}
.channel-item-l {
padding: 0 5px 4px 0;
border-bottom: 0;
position: static;
min-height: 105px;
overflow: hidden;
}
*/
div.channel-item-info {
padding: 0 0 0 15px;
width: 130px;
}
div.channel-item-info p {
padding: 0 0 3px 0;
}
.channel-item-pic a {
float: left;
border: 2px #CCC solid;
margin-right: 5px;
text-align: center;
text-decoration: none;
/*opacity: .8;
filter: alpha(opacity=80);
opacity: 1;
filter: alpha(opacity=100);*/
}
.block-item:hover .channel-item-pic a,
.block-item-hover .channel-item-pic a,
.channel-item-pic a:hover {
/*opacity: 1;
filter: alpha(opacity=100);*/
border-color: #AAA;
}
.channel-item-num .round-middle {
font-family: system;
font-size: 14px;
font-weight: bold;
padding: 2px;
background: #999 url("images/icon/status_stop.gif") no-repeat 5px 5px;
padding-left: 20px;
color: #FFF;
text-align: left;
height: 18px;
line-height: 18px;
overflow: hidden;
}
*html .channel-item-num .round-middle {
height: 16px;
line-height: 16px;
}
*html .channel-item-num .floatR {
margin: 0;
padding: 0;
}

/*
.channel-item-s .channel-item-title {
font-size: 12px;
}
*/
.channel-item-title {

font-size: 12px;
}
.channel-item-desc {
color: #999;
padding-top: 3px;
}
.channel-item-desc p {
padding-top: 0;
padding-bottom: 0;
}
.channel-status {
clear: right;
margin-top: 3px;
}
.rt_03 {
background: url("images/round_yellow.gif") no-repeat left top;
padding-left: 10px;
}
.rt_02 {
background: url("images/round_yellow.gif") no-repeat right top;
padding-right: 10px;
}
.rt_01 {
background: url("images/round_yellow.gif") no-repeat -30px top;
height: 7px;
}
.rm_03 {
border: 1px #F6E4B8 solid;
border-width: 0 1px;
background: #FFFFDB;
padding: 0 8px;
}
.rb_03 {
background: url("images/round_yellow.gif") no-repeat left bottom;
padding-left: 10px;
}
.rb_02 {
background: url("images/round_yellow.gif") no-repeat right bottom;
padding-right: 10px;
}
.rb_01 {
background: url("images/round_yellow.gif") no-repeat -30px bottom;
height: 7px;
}
.channel-block-round .rt_03 {
background: url("images/round_white.gif") no-repeat left top;
padding-left: 10px;
}
.channel-block-round .rt_02 {
background: url("images/round_white.gif") no-repeat right top;
padding-right: 10px;
}
.channel-block-round .rt_01 {
background: url("images/round_white.gif") no-repeat -30px top;
height: 7px;
}
.channel-block-round .rm_03 {
border: 1px #DCDDE1 solid;
border-width: 0 1px;
background: #FFF;
padding: 0 8px;
}
.channel-block-round .rb_03 {
background: url("images/round_white.gif") no-repeat left bottom;
padding-left: 10px;
}
.channel-block-round .rb_02 {
background: url("images/round_white.gif") no-repeat right bottom;
padding-right: 10px;
}
.channel-block-round .rb_01 {
background: url("images/round_white.gif") no-repeat -30px bottom;
height: 7px;
}
.channel-item-start {
height: 24px;
background: #F7F8FA;
border-top: 1px #DBDCE0 solid;
border-left: 1px #DBDCE0 solid;
width: 455px;
right: 0;
bottom: 0;
position: absolute;
float: right;
}
.channel-block-start {
height: 20px;
background: url("images/bt_channel_start.gif") repeat-x left top;
border: 1px #5A9401 solid;
padding: 0px 0 0;
margin: 1px 5px 0 0;
color: #FFF;
font-weight: bold;
cursor: pointer;
font-size: 14px;
width: 125px;
text-align: center;
}
.channel-block-start:hover {
color: #FF0;
}
.channel-block-start span {
cursor: pointer;
}
.channel-block-start:hover span {

}

.block-channel-inactive .channel-block-start {
background: #BBB;
border: 1px #666 solid;
cursor: default;
}
.block-channel-inactive .channel-block-start:hover {
color: #FFF;
}
.block-channel-inactive .channel-block-start span {
cursor: default;
}
.channel-item-now {
padding: 5px 0 0 5px;
color: #000;
}

.block-channels {
padding-left: 10px;
}
.block-channel {
/*position: relative;
height: 262px;
overflow: hidden;
width: 170px;
margin: 8px 14px 3px 0;
float: left; */
}
.list-type-list .channel-item {
padding: 0;
border-bottom: 0;
position: static;
height: 150px;
overflow: hidden;
width: auto;
float: none;
margin: 0 10px 10px 0;
border: 1px #FFF solid;
}

.list-type-list .channel-item-pic {
padding: 4px;
float: left;
width: 135px;
height: 180px;
margin-right: 0;
text-align: left;
}
.list-type-list .channel-pic-inner img {
width: 130px;
height: 97px;
}
.list-type-list .channel-item-info {
padding: 0 6px 8px 0;
}
.list-type-list .channel-item-title {
padding: 3px 6px 3px 0;
font-weight: bold;
}
.list-type-list .channel-item-pic a {
border: 0;
text-decoration: none;
/*opacity: .8;
filter: alpha(opacity=80);*/
}
.block-sel .channel-item-pic a,
.list-type-list .channel-item:hover .channel-item-pic a,
.list-type-list .channel-item-hover .channel-item-pic a,
.list-type-list .channel-item-pic a:hover {
opacity: 1;
filter: alpha(opacity=100);
border-color: #AAA;
}
.block-item:hover,
.block-item-hover {
border-color: #AAA;

}
.channel-item-on .channel-item-num .round-middle {
margin: 0 auto;
background: #37A133 url("images/icon/status_start.gif") no-repeat 5px 5px;
}
.channel-item-off .channel-item-num .round-middle {
margin: 0 auto;
background: #AAA url("images/icon/status_stop.gif") no-repeat 5px 5px;
}

.channel-item-num .floatR {
margin: 3px 3px 0 0;
}
*+html .channel-item-num .floatR,
*html .channel-item-num .floatR {
margin: 0;
}

.block-item a {
color: #06F;
}
.block-item a:hover {
color: #000;
}
.block-item .channel-item-info a {
text-decoration: underline;
}

.list-type-list .channel-item:hover a {
text-decoration: underline;
}

.block-sel,
.block-sel:hover {
border-color: #F90 !important;
background: #FFE !important;
}
.block-sel a {
color: #000;
text-decoration: underline !important;
}
.block-sel .channel-item-num .round-middle {
background-color: #FC0;
color: #000;
}

.channel-item-on .channel-block-stop,
.channel-item-off .channel-block-start,
.span-channel-on,
.span-channel-off {
display: none;
}
.channel-item-on .span-channel-on,
.channel-item-off .span-channel-off {
display: inline;
}


.channel-tags li {
margin-right: 5px;
}
.channel-item-op {
text-align: center;
clear: both;
}
.channel-item-op input {
margin: 2px auto 0 auto;
}

.channel-item-op .floatR {
margin-right: 0;
}
.channel-item-op .channel-block-start {
height: 25px;
background: #8BC000 url("images/bt_channel_start.gif") repeat-x left top;
border: 1px #5A9401 solid;
width: auto;
color: #FFF;
cursor: default;
font-size: 14px;
line-height: 25px;
text-align: center;
font-family: arial;
width: 100px;
cursor: pointer;
}
.channel-item-op .channel-block-stop {
height: 25px;
background: transparent;
border: 0;
width: auto;
color: #999;
cursor: default;
font-size: 12px;
line-height: 25px;
text-align: center;
font-family: arial;
width: 100px;
}
.channel-item-op .channel-block-contact {
height: 25px;
background: #FC0;
border: 1px #F90 solid;
width: auto;
color: #000;
cursor: default;
font-size: 12px;
line-height: 25px;
text-align: center;
font-family: arial;
width: auto;
}
/*
*html .list-type-list .channel-item {
position: relative;
}
*/


.list-type-list .channel-item {
border-color: #CCC;
}
.list-type-list .channel-item-pic {
border-right: 1px #CCC dashed;
margin-right: 5px;
width: 132px;
background: #EEE;
}
.channel-item-on .channel-item-pic {
background: #E3F5DD;
}
.block-item:hover .channel-item-pic,
.block-item-hover .channel-item-pic {
background: #DDD;
}
.channel-item-on:hover .channel-item-pic {
background: #D8F2D1;
}
.block-sel .channel-item-pic,
.block-sel:hover .channel-item-pic {
background: #FC0;
border-right: 1px #F90 solid;
}
.block-item:hover .channel-item-pic a,
.block-item-hover .channel-item-pic a,
.channel-item-pic a:hover {
opacity: 1;
filter: alpha(opacity=100);
border-color: #AAA;
}
.block-item:hover,
.block-item-hover {
border-color: #AAA;

}
.channel-item-on:hover {

}

#tab-hometops .list-type-list .channel-item-pic {
background: none;
}



.list-type-grid .channel-item {
padding: 0;
border-bottom: 0;
position: static;
height: 150px;
overflow: hidden;
width: 310px;
float: left;
margin: 7px 3px 3px 7px;
margin: 0 10px 10px 0;
border: 1px #CCC solid;
}
.list-type-grid .channel-item-pic {
padding: 4px;
float: left;
width: 125px;
height: 180px;
margin-right: 0;
text-align: left;
}
.list-type-grid .channel-item-pic {
border-right: 1px #CCC dashed;
margin-right: 5px;
width: 122px;
}
.list-type-grid .channel-item-info {
padding: 0 6px 8px 0;
}
.list-type-grid .channel-item-title {
padding: 4px 6px 8px 0;
}
.list-type-grid .channel-item-pic a {
border: 0;
text-decoration: none;
/*opacity: .8;
filter: alpha(opacity=80);*/
}
.list-type-grid .channel-pic-inner img {
width: 120px;
height: 90px;
}
.list-type-grid .channel-desc,
.list-type-grids .channel-desc {
display: none;
}
.channel-desc {
padding-right: 5px;
}




.channel-info-auth,
.channel-info-date,
.channel-info-views,
.channel-info-online,
.channel-info-comments {
display: block;

}

.block-channels {
padding-top: 10px;
}
.list-type-grids .channel-item {
padding: 0 10px 0 0;
position: static;
height: 200px;
overflow: hidden;
width: 134px;
float: left;
margin: 0 6px 5px 0;
}
.list-type-grids .channel-pic {
padding: 0;
float: none;
width: 132px;
border: 1px #999 solid;
}
.list-type-grids .channel-pic-inner {
padding: 0;
height: 97px;
border: 1px #FFF solid;
overflow: hidden;
width: 130px;
}
.list-type-grids .channel-pic-inner img {

}
.list-type-grid .channel-item-120 .channel-item-pic {
height: auto;
padding: 0;
}
.list-type-grids .channel-item-120 {
width: 124px;
height: 175px;
border: 0;
}
.list-type-grids .channel-item-120 .channel-pic {
width: 122px;
}
.list-type-grids .channel-item-120 .channel-pic-inner {
width: 120px;
}
.list-type-grids .channel-item-120 .channel-pic-inner img {
width: 120px;
height: 90px;
}
.list-type-grid .channel-item-142 .channel-item-pic {
height: auto;
padding: 0;
}
.list-type-grids .channel-item-142 {
width: 146px;
height: 200px;
border: 0;
}
.list-type-grids .channel-item-142 .channel-pic {
width: 144px;
}
.list-type-grids .channel-item-142 .channel-pic-inner {
width: 142px;
height: 100px;
}
.list-type-grids .channel-item-142 .channel-pic-inner img {
width: 142px;
height: 100px;
}
.list-type-grid .channel-item-108 .channel-item-pic {
height: auto;
padding: 0;
}
.list-type-grids .channel-item-108 {
width: 112px;
height: 170px;
border: 0;
}
.list-type-grids .channel-item-108 .channel-pic {
width: 110px;
}
.list-type-grids .channel-item-108 .channel-pic-inner {
width: 108px;
height: 81px;
}
.list-type-grids .channel-item-108 .channel-pic-inner img {
width: 108px;
height: 81px;
}
.list-type-grids .channel-pic a {
border: 0;
float: none;
margin-right: 0;
text-align: center;
text-decoration: none;
}
.list-type-grid .channel-item-desc,
.list-type-grids .channel-item-op,
.list-type-grids .channel-item-desc,
.list-type-grids .channel-item-rate {
display: none;
}
.list-type-grids .channel-item:hover {
background: none;
}
.list-type-grids .channel-item-title {
line-height: 20px;
padding: 2px 2px 0 2px;
}
.list-type-grids .channel-item-info {
padding: 2px 2px 0 2px;
}



.list-type-list .channel-lang-auth,
.list-type-list .channel-info-comments,
.block-channels-comments .channel-info-date,
.block-channels-online .channel-info-date,
.block-channels-online .channel-info-comments,
.block-channels-views .channel-info-date,
.block-channels-views .channel-info-comments,
.block-channels-added .channel-info-comments,
.block-channels-added .channel-info-online {
display: none;
}
.list-type-list .channel-info-auth,
.list-type-list .channel-info-date {
display: inline;
margin-right: 10px;
}
.list-type-list .channel-info-comments {
display: block;
}

.channel-item-title a {
color: #0F83EA;
text-decoration: none;
}





.channel-item-on .item-title,
.channel-item-on .channel-item-title a {
padding-left: 15px;
background: url("images/channel-lights.gif") no-repeat 0 3px;
}
.channel-item-off .item-title,
.channel-item-off .channel-item-title a {
padding-left: 15px;
background: url("images/channel-lights.gif") no-repeat 0 -27px;
}
.rank-no1 .channel-item-on .item-title {
padding-left: 15px;
background: url("images/channel-lights.gif") no-repeat 0 9px;
}
.rank-no1 .channel-item-off .item-title {
padding-left: 15px;
background: url("images/channel-lights.gif") no-repeat 0 -21px;
}

.channel-item-title label {
display: block;
}








.user-item-s {
padding: 0;
border-bottom: 0;
position: static;
height: 150px;
overflow: hidden;
width: 350px;
float: left;
margin: 8px 15px 7px 0;
border: 1px #CCC solid;
}
.user-item-info {
padding: 0 0 0 15px;
}
.user-item-pic {
padding: 4px;
float: left;
width: 132px;
height: 180px;
margin-right: 10px;
text-align: left;
background-color: #F5F5F5;
border-right: 1px #AAA dashed;
}

.user-item-s .user-item-info {
padding: 0 6px 8px 0;
}
.user-item-s .user-item-title {
padding: 4px 6px 8px 0;
font-weight: bold;
}
.user-item-s .user-item-pic a {
text-decoration: none;
opacity: .8;
filter: alpha(opacity=80);
margin-bottom: 5px;
border: 1px #FFF solid;
background: #FFF;
}

.user-item:hover {
background: #FFF;
}
.block-item:hover .user-item-pic a,
.block-item-hover .user-item-pic a,
.user-item-pic a:hover {
opacity: 1;
filter: alpha(opacity=100);
border-color: #FFF;
}
.user-item-s:hover .user-item-pic,
.user-item-hover .user-item-pic {
background-color: #EEE;
}
.user-item-s:hover,
.user-item-hover {
border: 1px #AAA solid;
}
.block-sel .user-item-pic,
.block-sel:hover .user-item-pic {
background: #FC0;
border-right: 1px #F90 solid;
}
.block-sel .user-item-pic a {
opacity: 1;
filter: alpha(opacity=100);
border-color: #FFF;
}