/* General */
html {overflow-y:scroll}
body {text-align:center; margin:0; padding:0; background:url(../images/bg.gif)}
* {line-height:1.33em}
body,table,input,select,textarea,button {font:12px Tahoma,Verdana}

a {text-decoration:none; color:#003399}
a:hover {text-decoration:none; color:#FF9900}
img {border:0}
table {border-collapse:collapse; text-align:left; table-layout:fixed; word-wrap:break-word; overflow:hidden}
tr {vertical-align:top}
td,input {padding:0}
textarea {overflow-y:auto}
form {margin:0}

/* Ad */
#ad0 {position:absolute; left:-160px; top:65px; width:728px; height:90px;}
#ad1 {width:300px; height:auto} /* don't set fixed height, need to support adsfactor 300x600 ad */
#ad2 {width:728px; height:90px; margin:20px auto 5px}
#ad4 {width:160px; height:600px}
#ad5 {width:300px; height:auto; margin-top:8px}
#ad8 {width:300px; height:auto; margin-top:8px; display:none} /* don't set fixed height to support ysm */
#ad9 {width:728px; height:18px}
#ad9 a {font-size:15px; font-weight:bold; text-decoration:underline}
#ad9 a:hover {text-decoration:underline}

/* Body */
.body_outer {width:992px; text-align:center; margin-left:auto; margin-right:auto}
.body_outer_body {background-color:#FFFFFF}
.body_outer_l {width:21px; background:url(../images/border_l.gif)}
.body_outer_r {width:21px; background:url(../images/border_r.gif)}
.body_outer_b {height:21px; background:url(../images/border_b.gif)}
.body_outer_l_corner {background:url(../images/border_l_corner.gif)}
.body_outer_r_corner {background:url(../images/border_r_corner.gif)}
.body_table {width:950px}
.body_col1 {width:635px; padding-right:15px}
.body_col2 {width:300px}

/* General */
tr.general_msg td {width:635px; height:100px; text-align:center; vertical-align:middle}
div.general_msg {padding-top:45px; text-align:center}
.clear {clear:both}
.nowrap {white-space:nowrap}
.small {font-size:11px}
.error {color:#FF0000}
.v12 {height:12px; line-height:12px}
.forum_link {font-size:9px; color:#000000; font-family:arial; -webkit-text-size-adjust:none}
a:hover.forum_link {color:#FF9933; text-decoration:none}
optgroup.og_zone{background-color:#DDEDFF}

/* Header & right column */
.head {width:950px;}
.head div {float:left}
.head .logo {width:175px; height:90px}
.head .top {width:775px; height:24px; margin-bottom:8px}
.head .main {width:515px; height:78px; position: relative !important; z-index:1; left:20px;} /* 2013-04-23 updated by angus */
.head .right {width:240px; height:60px}
.head .menu {float:right; width:348px; height:16px; padding:4px 4px 4px 8px; background:#71874A url(../images/topmenu_l.gif) no-repeat; color:#FFFFFF; text-align:right; white-space:nowrap}
.head .menu a {color:#FFF}
.head .menu a:hover {color:#FFE87C}
.head .menu span {margin:0 4px}
#head_login {width:100%; height:24px; text-align:right}
#head_login img {vertical-align:middle}
.head .lang {float:right; width:65px; height:15px; color:#999999; display:none; text-align:right}
.head .search {position:relative; left:75px; top:24px; width:380px; height:40px; background:#F3F4E6; padding:5px 10px; border-radius:5px; border:1px solid #E3E4D6;} /* 2013-04-23 updated by angus */
.head .search .cat { width:110px; height:24px; text-align:right; line-height:24px; } /* 2013-04-23 updated by angus */
.head .search .box { width:210px; height:24px; line-height:24px; } /* 2013-04-23 updated by angus */
.head .search .shopbox { width:320px; height:24px; line-height:24px; text-align:left; } /* 2013-04-24 added by angus */
.head .search .button { width:50px; height:24px; text-align:left; line-height:24px; } /* 2013-04-23 updated by angus */
.head .search .hotwords { width:392px; height:20px; overflow:hidden; text-align:left; margin-top:4px; margin-left:4px; color:#666; } /* 2013-04-23 updated by angus */
.head .search .submit {background-color:#E7ECDF; border:1px solid #A4B97F; height:24px; width:60px; border-radius:3px; line-height:24px; color:#333; }
.head .tb {width:950px; height:110px;}
.head .tl {width:950px; height:33px; padding:0 111px}
.searchtype{ position:absolute; top:-24px; left:15px; } /* 2013-04-24 added by angus */
.searchtype a{ display:inline-block; padding:3px 15px; margin-right:3px; color:#444; font-size:13px; border-left:1px solid #FFF; border-right:1px solid #FFF; } /* 2013-04-24 added by angus */
.searchtype a.searchtype_active{ background:#F3F4E6; border-radius:5px 5px 0 0; border-top:1px solid #E3E4D6; border-left:1px solid #E3E4D6; border-right:1px solid #E3E4D6; top:1px; } /* 2013-04-24 added by angus */


.right_func {width:300px; height:28px; margin-bottom:8px}
.right_func div {float:left}
.right_ss {margin-bottom:8px; width:240px; height:22px; padding:63px 27px 10px 33px; overflow:hidden; background-image:url('../images/right_starshop_bg.jpg')}
.right_ss select {width:240px}

/* Livesearch */

#searchg { height:24px; line-height:24px; width:110px; font-size:13px; } /* 2013-04-24 updated by angus */
#searchq {float:left; width:180px; height:22px; line-height:22px; margin:0 0 0 8px; color:#333; padding:0 5px; font-size:13px; border:1px solid #aaa}  /* line-height is to vertical center text in IE */
/*#searchq_mc { height:22px; width:297px; font-size:13px; color:#333; padding:0 5px; border:1px solid #AAA} */
#searchq_mc {float:left; width:298px; height:22px; line-height:22px; margin:0 0 0 0px; color:#333; padding:0 5px; font-size:13px; border:1px solid #aaa}
#searchres {display:none; position:absolute; top:31px; width:330px; z-index:20; font-size:14px; box-shadow:0 2px 5px #999;}
.ls_outer {background-color:#A4B97F; width:100%; border:1px solid #A4B97F;}
.ls_outer td {padding:0px; margin:0; white-space: pre-wrap;}
.ls_inner {background-color:#FFFFFF; cursor:default; width:100%;}
.ls_inner div {clear:both;}	
.ls_inner tr {cursor:pointer;}
.ls_inner td {padding:3px; white-space: nowrap;}
.ls_inner .ls_cname {color:#777; font-size:11px; width:100%}
.ls_inner_tr {background-color:#FFFFFF; font-size:14px; font-weight:normal; border-bottom:1px dashed #e6e6e6;}
.ls_inner_tr_movr {background-color:#A4B97F; color:#FFFFFF; border-bottom:1px dashed #e6e6e6; font-size:13px;}
.ls_inner_tr_movr td {font-size:13px; white-space:pre-wrap;}
.ls_inner_tr span {color:#FF3333; font-weight:bold;}
.ls_inner_tr_movr span {color:#FFFFFF; font-weight:bold; padding:3px; padding:0;}
.ls_inner_tr td {padding:5px; font-size:13px; white-space: pre-wrap; padding-left:5px;}
.ls_large {padding:3px; font-size:14px;}
.ls_large td {padding:5px;}
.ls_title {color:#999999; background:#eee; color:#666; border-bottom:1px solid #d9d9d9; border-top:1px solid #e9e9e9; font-size:13px;}
.img50 {width:50px; height:50px; }
/*
#searchg {height:20px}
#searchq {float:left; width:167px; height:16px; margin-left:2px}
#searchres {position:absolute; left:182px; top:31px; width:300px; display:none; z-index:20;}
.ls_outer {width:100%; background-color:#A4B97F}
.ls_outer td {padding:1px}
.ls_inner {width:100%; background-color:#FFFFFF; cursor:default}
.ls_inner td {padding:1px 3px; white-space:nowrap}
.ls_inner_tr {background-color:#FFFFFF}
.ls_inner_tr_movr {background-color:#A4B97F; color:#FFFFFF}
.ls_inner_tr span {color:#FF3333; font-weight:bold}
.ls_inner_tr_movr span {color:#FFFFFF; font-weight:bold}
*/

/* Recent product */
#rp_layer {position:absolute; width:350px; z-index:50; background-color:#FFFFFF; border:2px solid #A4B97F; padding:2px 0}
#rp_layer p {width:333px; height:14px; border-bottom:1px dashed #DDD; background:url(../images/icon/arrow_green.gif) no-repeat 3px 5px; text-indent:16px; margin:0 auto; padding:2px 3px; overflow:hidden}

/* Navigation menu */
.nav {margin:0 0 15px 0}

/* Debug Info */
#debug-container {position:absolute; left:50%; margin-left:-350px; z-index:99}
#debug-frame {position:absolute; width:700px; height:450px}
#debug-content {position:absolute; width:700px; height:450px; z-index:1; background-color:#FFFFCC; border:1px solid #000000; text-align:left; padding:10px; overflow:auto}

/* Pager */
.p_bar {height:20px}
.p_bar a {float:left; height:16px; padding:1px 4px; text-decoration:none}
.p_total {border:1px solid #DDD; font-weight:bold; color:#000000}
.p_pages {border:1px solid #DDD; border-left:0; margin-right:1px; vertical-align:middle; font-weight:bold; color:#000000}
.p_num {border:1px solid #D6E0EF; margin-right:1px; vertical-align:middle}
a:hover.p_num  {border:1px solid #000000; text-decoration:none}
.p_redirect {border:1px solid #D6E0EF; margin-right:1px}
a:hover.p_redirect {border:1px solid #000000; text-decoration:none}
.p_curpage {margin-right:1px; border:1px solid #D6E0EF; vertical-align:middle; background-color:#E6FDDF; color:#000000; font-weight:bold}
.p_top {margin-bottom:5px}
.p_bottom {margin-top:5px}

/* Rank */
.rank_title {width:294px; border-bottom:3px solid #DDD; padding:6px 3px; margin-top:20px}
.rank_table {display:table}
.rank_row {width:300px; display:table-row; border-bottom:1px dashed #DDD}
.rank_row div {padding:6px 3px; float:left}
.rank_tp_col1 {width:22px}
.rank_tp_col2i {width:64px}
.rank_tp_col3i {width:196px}
.rank_tp_col2 {width:180px}
.rank_tp_col3 {width:80px; text-align:right}
.rank_col1 {width:15px}
.rank_col2 {width:187px}
.rank_col3 {width:80px; text-align:right}
.rank_model {}
.rank_cat {font-size:11px; color:#777777}
.rank_price {font-weight:bold; color:#FF6600}

/* Index */
.idx_news_title {width:629px; border-bottom:3px solid #DDD; padding:6px 3px}
.idx_news {width:635px; margin:10px 0 15px 0; font-family:Verdana; font-size:13px; padding-bottom:10px; border-bottom:1px dashed #DDD}
.idx_news .headline {width:100%; margin-bottom:10px; border-bottom:1px dashed #DDD}
.idx_news .headline .cover {float:left; } /* 2013-04-03 updated by Angus */
.idx_news .headline .text {float:left; } /* 2013-04-03 updated by Angus */
.idx_news .headline .title {font-size:15px; font-weight:bold; margin-bottom:8px}
.idx_news .headline .title a {color:#333}
.idx_news .headline .title a:hover {color:#FF9900}
.idx_news .headline .date {color:#999; line-height:22px}
.idx_news .headline .abstract {line-height:22px}
.idx_news .sub {width:623px; background:url(../images/icon/bullet_orange.gif) no-repeat 0 6px; padding-left:12px; line-height:22px}
.idx_news .sub .date {color:#999}
.idx_news .sub div { cursor: pointer;}

.idx_table {width:634px; margin-left:1px}
.idx_group {width:309px; padding-bottom:20px; border:1px solid #DDD}
.idx_group_title {}
.idx_group_inner {padding:12px}
.idx_group_cat {width:170px; line-height:1.75em; float:left}
.idx_group_image {width:106px; height:81px; float:right; border:1px solid #DDD; background-color:#FFFFFF}
.idx_group_image img {width:100px; height:75px; margin:3px}
.idx_cat_stat {font-size:11px; color:#777777}

.idx_rank_title {width:305px; border-bottom:3px solid #DDD; padding:6px 3px}
.idx_rank_table {display:table}
.idx_rank_row {width:311px; display:table-row; border-bottom:1px dashed #DDD}
.idx_rank_row div {padding:6px 3px; float:left}
.idx_rank_tp_col1 {width:22px}
.idx_rank_tp_col2i {width:64px}
.idx_rank_tp_col3i {width:207px}
.idx_rank_tp_col2 {width:191px}
.idx_rank_tp_col3 {width:80px; text-align:right}
.idx_rank_lp_col1 {width:15px}
.idx_rank_lp_col2i {width:64px}
.idx_rank_lp_col3i {width:214px}
.idx_rank_lp_col2 {width:198px}
.idx_rank_lp_col3 {width:80px; text-align:right}
.idx_rank_model {}
.idx_rank_cat {font-size:11px; color:#777777}
.idx_rank_price {font-weight:bold; color:#FF6600}

/* Group page */
.group_menu {width:100%; height:75px}
.group_menu p {font-weight:bold; padding:5px 15px 25px 15px}
.group_cat {width:305px; margin:0 10px 25px 0; float:left}
.group_cat_image {width:106px; height:81px; border:1px solid #DDD; background-color:#FFFFFF; margin-right:8px}
.group_cat_image img {width:100px; height:75px; margin:3px}
.group_cat_body {width:185px; float:left}
.group_cat_name {font-weight:bold;font-family: "微軟正黑體","Microsoft JhengHei","蘋果儷中黑","Apple LiGothic Medium","黑体","SimHei"; font-size: 16px; }
.group_cat_product p {background:url(../images/icon/bullet_orange.gif) no-repeat 0 7px; margin:0; padding:4px 0 4px 10px}
.group_cat_stat {font-size:11px; color:#777777}

/* Category page */
.cat_filter_table {width:635px; display:table}
.cat_filter_head {width:100%; display:table-row; background-color:#E7ECDF}
.cat_filter_title {float:left; padding:5px; font-weight:bold}
.cat_filter_clear {float:right; padding:2px 5px}
.cat_filter {width:100%; display:table-row; background-color:#F8F8E8}
.cat_filter div {width:148px; height:36px; float:left; padding:5px; overflow:hidden}
.cat_filter span {font-weight:bold}
.cat_filter select {max-width:145px; width:expression(this.offsetWidth > 145?'145px':true)}

/* Product Grid */
.pgrid_table {width:100%; display:block}
.pgrid_col1 {width:120px; padding:8px 4px 15px 4px; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD}
.pgrid_col2 {width:341px; padding:8px 4px 15px 4px; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD}
.pgrid_col3 {width:150px; padding:8px 4px 15px 4px; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD; text-align:right}
.pgrid_model {font-size:18px; font-weight:bold}
.pgrid_cat {font-size:11px; color:#777777}
.pgrid_price {font-size:18px; font-weight:bold; color:#FF6600}
.pgrid_attr {font-size:11px; table-layout:auto}
.pgrid_attr .name {white-space:nowrap; padding-right:8px}
.pgrid_attr div {width:230px}
.pgrid_bold {font-weight:bold}
.pgrid_label td {width:90px}
.pgrid_label img {vertical-align:top}
.pgrid_minibanner {width:100%}
.pgrid_minibanner td {height:auto; padding:12px 0; text-align:center; vertical-align:middle}

/* Product page */
.prod_prod {width:635px}
.prod_prod div {float:left}
.prod_prod .col1a {width:215px}
.prod_prod .col1b {width:160px}
.prod_prod .col2a {width:420px}
.prod_prod .col2b {width:475px}
.prod_prod .head_a {width:335px; min-height:66px; margin:0 10px 12px 0}
.prod_prod .head_b {width:390px; margin:0 10px 12px 0}
.prod_prod .model {font-size:18px; font-weight:bold}
.prod_prod .price {font-size:18px; font-weight:bold; color:#FF6600}
.prod_prod .desc {font-weight:bold}
.prod_prod .suggest {color:#777777}
.prod_prod .attr {table-layout:auto}
.prod_prod .attr .name {white-space:nowrap; padding-right:8px}
.prod_prod .attr div {width:300px}
.prod_prod .rate {position:relative; width:55px}

.prod_rate {position:absolute}
.prod_rate .score {width:75px; height:48px; background:url("../images/rating_bg.gif") no-repeat; text-align:center; padding:15px 0 12px 0; font:bold 20px Arial; color:#646400}
.prod_rate .score .big {font-size:48px; line-height:48px; letter-spacing:-2px}
.prod_rate .detail {position:relative; top:2px; left:-88px; width:139px; padding:5px 10px; border:2px solid #EFEFC3; background-color:#FFFFFF; text-align:center}
.prod_rate .detail table {table-layout:auto; margin-bottom:5px}

.prod_quote {display:block}
.prod_quote td {padding:6px 4px; border-bottom:0}
.prod_quote img {vertical-align:-3px}
.prod_quote .head td {font-weight:bold; background-color:#E7ECDF; border:0}
.prod_quote .addr {padding-top:3px; font-size:11px; color:#777}
.prod_quote .price_line {height:18px}
.prod_quote .price {font-weight:bold; color:#FF6600}
.prod_quote .price_icon {margin-top:4px}
.prod_quote .cheap {font-weight:bold; color:#FF0000}
.prod_quote .date {vertical-align:bottom; font-size:9px; color:#777}
.prod_quote .mc {width:148px}
.prod_quote .remarks {width:311px}
.prod_quote .rowend {padding-bottom:12px; border-bottom:1px dashed #DDD; text-align:right}
.prod_quote_line {width:100%; height:1px; background-color:#BBBBBB; overflow:hidden; margin:8px 0}

.prod_review {width:621px}
.prod_review .left {width:150px; background:url("../images/review_bg.jpg") no-repeat 85px 0}
.prod_review .avatar {width:75px; height:75px; border:1px solid #DDD; margin-bottom:6px; overflow:hidden}
.prod_review .info {width:139px; margin-top:12px}
.prod_review .info td {padding:1px 0}
.prod_review .rate {table-layout:auto; margin-top:12px}
.prod_review .rate td {padding-right:6px; white-space:nowrap}
.prod_review .line {width:100%; height:1px; background-color:#DDD; overflow:hidden; margin:5px 0}
.prod_review .row {width:471px}
.prod_review .row div {float:left; line-height:16px /* for chrome */}
.prod_review .col1 {width:50px; padding:3px 0; font-weight:bold}
.prod_review .col2 {width:421px; padding:3px 0}
.prod_review .score {width:30px; height:18px; text-align:center; padding:7px 0 5px; font:bold 18px/18px Arial; color:#888888; background-color:#EEEEEE; border:1px solid #DDD; overflow:hidden}
.prod_review .foot {width:431px; height:30px; padding-left:8px}
.prod_review .hide {display:none}
.prod_review .blue {color:#3366FF}
.prod_review_line {width:100%; height:1px; background-color:#BBBBBB; overflow:hidden; margin:8px 0}

.prod_ext {text-align:left}
.prod_ext table {table-layout:auto}
.prod_ext td {padding:4px 2px}
.prod_ext .grid td {border:1px solid #DDD}

.prod_annot td {width:90px}
.prod_annot img {vertical-align:top}
.prod_minibanner {width:621px; height:auto; text-align:center; padding:12px 0; border-bottom:1px dashed #DDD}

/* Tab */
.tab {list-style-type:none; margin:0; padding:0; font-weight:bold}
.tab {_height:28px; _overflow:hidden} /* IE6 */
.tab li {float:left; position:relative; top:1px; border:1px solid #BBBBBB; border-bottom:0; margin:0 2px 0 0}
/*.tab a {display:block; float:left; padding:6px 12px 5px; color:#999999; height:15px; overflow-y:hidden}
.tab a:hover {color:#000000}*/
.tab a {display:block; float:left; padding:6px 12px 5px; color:#000; height:15px; overflow-y:hidden; font-weight:normal}
.tab a:hover {color:#FF9900}
.tab span {display:block; float:left; padding:6px 12px; background:#FFFFFF url("../images/tab_on.gif") repeat-x; height:15px; overflow-y:hidden}
.tabs .content {width:621px; border:1px solid #BBBBBB; padding:12px 6px; clear:both; overflow-x:hidden}

/* Shop page */
.shop_shop {width:100%}
.shop_shop td {padding-bottom:20px}
.shop_name {font-size:18px; font-weight:bold}
.shop_attr td {padding-bottom:3px}
.shop_bold {font-weight:bold}
.shop_store {width:100%}
.shop_store td {padding:5px; border-bottom:1px dashed #DDD}
.shop_store_head td {font-weight:bold; background-color:#E7ECDF; border:0}

/* Star Shop page */
.ss_shop {width:100%}
.ss_shop td {padding-bottom:20px}
.ss_name {font-size:18px; font-weight:bold}
.ss_attr td {padding-bottom:3px}
.ss_bold {font-weight:bold}

.ss_filter_table {width:635px; display:table}
.ss_filter_head {width:100%; display:table-row; background-color:#E7ECDF}
.ss_filter_title {float:left; padding:5px; font-weight:bold}
.ss_filter_clear {float:right; padding:2px 5px}
.ss_filter {width:100%; display:table-row; background-color:#F8F8E8}
.ss_filter div {height:36px; float:left; padding:5px 15px 5px 5px; overflow:hidden}
.ss_filter span {font-weight:bold}
.ss_filter .q {float:left; width:120px; height:16px}
.ss_filter .submit {background-color:#E7ECDF; border:1px solid #A4B97F; height:20px}

.ss_shop_box {width:230px; height:180px; float:left}

/* star shop search result - 2013-04-23 added by angus */
.starshop_table{ display:block; width:100%; }
.starshop{ border-top:1px dashed #DDD; padding:10px 0; display:inline-block; width:100%; }
.starshop_img{ float:left; width:210px; padding-left:5px; }
.starshop_stat{ float:right; padding:0 0 5px 5px; clear:both; text-align:right; }
.starshop_info{ float:left; width:415px; padding-right:5px; color:#222; }
.starshop_name{ margin-bottom:10px; font-size:18px; font-weight:bold; }
a:hover .img200x100{ border:1px solid #f90; }

/*
.ss_order {display:block; width:98px; height:39px; padding:3px 2px; font-size:11px; line-height:13px; color:#003300; text-align:right; overflow:hidden; background-image:url('../images/starshop/buy2.gif')}
.ss_order span {color:#CC0000}
.ss_order:hover {color:#000}
.ss_order:hover span {color:#000}
*/
.ss_star {margin:5px 0 2px}
.buybox {width:114px; background:#fff; overflow-x:hidden}
.buybox .top {width:114px;height:22px;background:url(../images/starshop/buyviaprice.gif) no-repeat}
.buybox .body {width:108px;border:1px solid #497c3a;padding:4px 2px;text-align:left}
.buybox .body .hongprice, .buybox .body .waterprice {margin:1px 3px; font-weight:bold}
.buybox .body .protect {margin:3px 3px}
.buybox .body .hongprice .price, .buybox .body .waterprice .price {margin-left:2px;color:#4a7d3b}
.buybox .body .protect .protection {margin-left:2px;color:#aa0000}
.buybox .body .cheap .price {color:#900; background:#ffdd9f}
.buybox img {vertical-align:-3px}

/* star shop listing page */
.slgrid_table {width:100%;}
.slgrid_table .col1 {width:208px; padding:8px 4px 15px 4px; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD}
.slgrid_table .col2 {padding:8px 4px 15px 4px; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD}

/* news */
.news_title {width:629px; border-bottom:3px solid #DDD; padding:6px 3px}
.news {width:635px; margin:10px 0 0 0; font-family:Verdana; font-size:13px}
.news .headline {width:100%; border-bottom:1px dashed #DDD; margin-bottom:10px}
.news .headline .cover {float:left; width:260px; margin-bottom:10px}
.news .headline .text {float:left; width:345px; height:220px; padding:15px; margin-bottom:10px; background-color:#F5F8F7}
.news .headline .title {font-size:15px; font-weight:bold; margin-bottom:8px}
.news .headline .title a {color:#333; font-size:18px;}
.news .headline .title a:hover {color:#FF9900}
.news .headline .date {color:#999; line-height:22px}
.news .headline .abstract {line-height:22px; font-size:15px; color:#333;}

.news .sub {width:635px; display:table}
.news .even {background-color:#F3F4E6}
.news .sub .cover {float:left; width:100px; padding:15px 5px}
.news .sub .text {float:left; width:515px; padding:15px 5px}
.news .sub .title {float:left; width:400px; font-weight:bold; margin-bottom:8px}
.news .sub .title a {color:#333; font-size:15px;}
.news .sub .title a:hover {color:#FF9900}
.news .sub .date {float:left; width:115px; color:#999; text-align:right}
.news .sub .abstract {clear:both; width:100%; line-height:22px}

.news_content * {font-family:Verdana; font-size:15px; line-height:22px}
.news_content .title {font-size:21px; font-weight:bold; color:#333}
.news_content .date {font-weight:bold; color:#999; margin-bottom:10px}
.news_content .left {float:left; margin:0 10px 10px 0; font-size:11px}
.news_content .right {float:right; margin:0 0 10px 10px; font-size:11px}
.news_content .grid {width:634px; margin-left:1px; *width:635px; *margin-left:0; border-spacing:0; *border-collapse:collapse}
.news_content .grid td {padding:3px; border:1px solid #DDD}
.news_content .grid p {margin:0}

.news_msg_head {background:#DDD; padding:4px; margin:20px 0 5px}
.news_msg {margin:8px 0}
.news_msg div {float:left}
.news_msg .d1 {width:20px; height:13px; padding-top:3px}
.news_msg .d2 {width:345px; height:16px; color:#72884A; font-weight:bold}
.news_msg .d3 {width:250px; height:16px; text-align:right; color:#999}
.news_msg .d4 {width:20px; height:13px; text-align:right; padding-top:3px}
.news_msg .d5 {width:615px; padding:5px 0 0 20px}
.news_msg_sep {width:100%; height:1px; background-color:#DDD; overflow:hidden; margin:5px 0}
.news_msg_none {width:100%; padding:40px 0; text-align:center}

/* Compare */
.cmp_option {width:100%}
.cmp_option td {padding-bottom:8px}
.cmp_option_title {font-weight:bold}
.cmp_result td {padding:8px}
.cmp_title {width:109px; font-weight:bold; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD}
.cmp_col {width:154px; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD}
.cmp_model {font-size:15px; font-weight:bold}
.cmp_price {font-size:15px; font-weight:bold; color:#FF6600}
.cmp_cheap {font-size:15px; font-weight:bold; color:#FF0000}
.cmp_bold {font-weight:bold}
.cmp_label td {width:90px}
.cmp_label img {vertical-align:top}

/* Image */
a.thumb:hover img {border:1px solid #A5BA7B; cursor:url(../images/magnify.cur),auto}
.img60 {width:60px; height:60px; border:1px solid #DDD}
.img100 {width:100px; height:100px; border:1px solid #DDD}
.img150 {width:150px; height:150px; border:1px solid #DDD}
.img200 {width:200px; height:200px; border:1px solid #DDD}
.img200x100 {width:200px; height:100px; border:1px solid #DDD}
.img100x50 {width:100px; height:50px; border:1px solid #DDD}

/* facebook icon */
.fbshare {padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif) no-repeat top left}

/* member page */
.bookmark_body table {width:621px}
.bookmark_body td {padding:5px}
.bookmark_body tr.row td {border-bottom:1px solid #ddd}
.bookmark_body .price {font-weight:bold; color:#FF6600}
.bookmark_body tr.field_title {background:#f0f0f0; font-weight:bold}
.bookmark_body .pager {margin:8px 0}

/* fancyBox */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fb/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/fb/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
	font-weight:bold;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fb/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../images/fb/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../images/fb/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../images/fb/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/fb/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/fb/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/fb/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fb/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fb/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fb/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fb/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fb/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fb/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fb/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fb/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fb/fancy_shadow_nw.png', sizingMethod='scale'); }

/* Added style v5 (2012-09-18) */
/***** Top Navigation Bar *****/
#topmenu .topmenu_news{ float:left; width:100px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-radius:0 0 0 5px; }
#topmenu .topmenu_news a{ display:block; width:100px; height:22px; line-height:22px; background:#649953; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ca75a', endColorstr='#5e904f'); background: -webkit-gradient(linear, left top, left bottom, from(#6ca75a), to(#5e904f)); background: -moz-linear-gradient(top, #6ca75a, #5e904f); border-left:1px solid #6ea85d; font-size:15px; color: #fff; text-align:center; text-decoration:none; border-radius:0 0 0 5px; }
#topmenu .topmenu_news a:hover{ -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85; }

#topmenu .topmenu_zoneBtn{ float:left; width:434px; border-bottom:1px solid #e3e3e3; }
#topmenu .topmenu_zoneBtn .zone{ float:left; }
#topmenu .topmenu_zoneBtn .zone a.zoneName{ display:block; width:60px; height:22px; line-height:22px; background:#f8f8f8; border-left: 1px solid #fff; border-right:1px solid #dfdfdf; font-size:15px; color:#666; text-align:center; text-decoration:none; }

#topmenu .topmenu_zoneBtn .zone .group{ text-align: left; background:#f8f8f8; position:absolute; margin:0; padding: 0; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; aoverflow:hidden; z-index:999; display:inline-block; box-shadow:0 2px 3px #ccc; -moz-box-shadow:0 2px 3px #ccc; -webkit-box-shadow:0 2px 3px #ccc; }
#topmenu .topmenu_zoneBtn .zone .group a{ display:block; width:auto; color:#777; text-decoration:none; font-size:13px; padding:5px 10px 5px 20px; background: url(../images/gdot.png) no-repeat 8px 12px; border-top:1px solid #d6d6d6; border-bottom:1px solid #fff; text-align: left; }
#topmenu .topmenu_zoneBtn .zone .group a:hover{ -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; }
#topmenu .topmenu_zoneBtn .zone .group.hidden { display: none !important;}


/***** Homepage Tabs *****/
.idx_news_title{ height:33px; padding:0; margin:0; width:635px; border-bottom:0; top:1px; position:relative; }
.idx_news_title a{ width:210px; height:30px; display:block; float:left; text-align:center; margin:0; background-color:#eee; background-position:center center; background-repeat:no-repeat; }
.idx_news_title a:hover{ -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; }
.idx_news_title a.newsActiveTab:hover{ -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }
.idx_news_title a#newsTab1{ width:209px; border-top:1px solid #eaeaea; border-right:1px solid #cbcbcb; border-left:1px solid #eaeaea; border-bottom:1px solid #d6d6d6; border-radius:10px 0 0 0; background-image:url(../images/press_title.png); }
.idx_news_title a#newsTab1.newsActiveTab{ background-color:#fff; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-bottom:1px solid #fff; }
.idx_news_title a#newsTab2{ border-top:1px solid #eaeaea; border-right:1px solid #cbcbcb; border-left:1px solid #fff; border-bottom:1px solid #d6d6d6; background-image:url(../images/right_topproduct.png); }
.idx_news_title a#newsTab2.newsActiveTab{ background-color:#fff; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-left:1px solid #fff; border-bottom:1px solid #fff; }
.idx_news_title a#newsTab3{ border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; border-left:1px solid #fff; border-bottom:1px solid #d6d6d6; border-radius:0 10px 0 0; background-image:url(../images/right_newproduct.png); }
.idx_news_title a#newsTab3.newsActiveTab{ background-color:#fff; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-left:1px solid #fff; border-bottom:1px solid #fff; }

.idx_news_title a img{ margin-top:9px; }
.idx_news_title a:hover img{ -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
.idx_news_title a.newsActiveTab:hover img{ -moz-opacity:.100; filter:alpha(opacity=100); opacity:1; }


/***** 最新情報 *****/
.idx_news{ margin:0; padding:1px 0 0; width:633px; }
.idx_news .headline{ border:0; margin-bottom:0; 
	background-color:#FFFFE2;
	background: -moz-linear-gradient(#FFFFFF, #FFFFCC);
	background: -o-linear-gradient(#FFFFFF, #FFFFCC);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFCC)); /* older webkit syntax */
	background: -webkit-linear-gradient(#FFFFFF, #FFFFCC);
}
.idx_news .headline .cover{ width:160px; margin:15px 15px 5px 15px; background-color:#FFF; height: 160px; overflow: hidden; text-align: center; } /* 2013-04-02 updated by Angus */
.idx_news .headline .cover img{ max-width: 148px; max-height: 148px; } /* 2013-04-02 updated by Angus */
.idx_news .headline .cover a{ display:inline-block; width:148px; height:148px; margin:6px; overflow:hidden; } /* 2013-04-02 added by Angus */
.idx_news .headline .text{ float:none; margin-left:190px;  width:425px; padding:0px; height:185px; overflow:hidden; background-color:transparent; margin-bottom:0; } /* 2013-04-02 updated by Angus */
.idx_news .headline .title{ font-size:21px;  margin-bottom:0px; padding-top:10px; font-family: 微軟正黑體,Microsoft JhengHei,蘋果儷中黑,Apple LiGothic Medium,黑体,SimHei;text-shadow: 0px 1px 1px #FFFFFF; }
.idx_news .headline .title a{ display:block; color:#222; line-height:22px; font-size: 18px;}
.idx_news .headline .abstract{ font-size:15px; color:#333; line-height:20px; height:120px; overflow:hidden; text-align:justify;}
.idx_news .headline .date{ color:#AAA; line-height:18px; font-size:13px; margin-bottom:0px; cursor:default; text-align:right;}

.idx_news{ border:0; float:left; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; height:280px; overflow:hidden; border-bottom:1px solid #d6d6d6; }
.idx_news .subarea{ float:left; padding:0; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; } 
.idx_news .sub{ float:left; width:300px; height:70px; display:block; margin:0; padding:0 10px 0 5px; font-size:15px; overflow:hidden; border-right:1px solid #f5f5f5; background-image:none; font-size:13px;}
.idx_news .sub:hover{ color:#333;
	background-color:#DDD;
	background: -moz-linear-gradient(#EEE, #CCC);
	background: -o-linear-gradient(#EEE, #CCC);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC)); /* older webkit syntax */
	background: -webkit-linear-gradient(#EEE, #CCC);
}
.idx_news .sub .date{ color:#999999; font-size:11px; display:inline-block; }
.idx_news .sub .subthumb{
	width:50px;
	height:50px;
	float:left;
	background-size:90%;
	margin:8px 5px 0px 8px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center;
	border:1px solid #DDD;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";	
}
.idx_news .sub .subtext{
	margin-left:0px 5px 0px 65px;
	line-height:18px;
	height:54px;
	padding-top:6px;
	overflow:hidden;
}
.more{
	clear:both;
	font-size:12px;
	width:100%;
	text-align:center;
	display:block;
	height:26px;
	line-height:26px;
	color:#333;
	text-shadow: 0px 1px 1px #FFFFFF;
	filter: dropshadow(color=#FFFFFF, offx=0, offy=1);
	background-color:#DDD;
	background: -moz-linear-gradient(#EEE, #CCC);
	background: -o-linear-gradient(#EEE, #CCC);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC)); /* older webkit syntax */
	background: -webkit-linear-gradient(#EEE, #CCC);
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.more:hover{
	line-height:28px;
	background:#CCC;
	color:#000;
	background: -moz-linear-gradient(#BBB, #DDD);
	background: -o-linear-gradient(#EEE, #CCC);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC)); /* older webkit syntax */
	background: -webkit-linear-gradient(#EEE, #CCC);
}


/***** 人氣產品 / 最新產品 *****/
.idx_rank_table{ float:left; width:311px; }
/*.idx_rank_row{float:left;height:93px; width:310px; margin-left:3px;}*/
.idx_rank_row{float:left;height:93px;}
.idx_rank_table .rank1, .idx_rank_table .rank2{
	background-color:#FFFFD8;
	background: -moz-linear-gradient(#FFFFFF, #FFFFD8);
	background: -o-linear-gradient(#FFFFFF, #FFFFD8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFD8)); /* older webkit syntax */
	background: -webkit-linear-gradient(#FFFFFF, #FFFFD8);
	border-right:1px dashed #eee;
}
.idx_rank_table .rank3{
	background-color:#FFFFEE;
	background: -moz-linear-gradient(#FFFFFF, #FFFFEE);
	background: -o-linear-gradient(#FFFFFF, #FFFFEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFEE)); /* older webkit syntax */
	background: -webkit-linear-gradient(#FFFFFF, #FFFFEE);
	border-right:1px dashed #eee;
}
.idx_rank_table .rank5, .idx_rank_table .rank6, .idx_rank_table .newest5, .idx_rank_table .newest6{ background-color:#FFFFFF;}
.idx_rank_table .idx_rank_model{ line-height:16px; max-height:32px; overflow:hidden; }

.idx_rank_table .bg-icon-rank1, .idx_rank_table .bg-icon-rank2, .idx_rank_table .bg-icon-rank3, .idx_rank_table .bg-icon-rank4, .idx_rank_table .bg-icon-rank5, .idx_rank_table .bg-icon-rank6, .idx_rank_table .bg-icon-newest1, .idx_rank_table .bg-icon-newest2, .idx_rank_table .bg-icon-newest3, .idx_rank_table .bg-icon-newest4, .idx_rank_table .bg-icon-newest5, .idx_rank_table .bg-icon-newest6{
	background-position:right 23px;
	background-repeat:no-repeat;
	height:100%;
	padding-bottom:0px !important;
}
.idx_rank_table .bg-icon-rank1{ background-image:url(../images/rank_bg_crown_1.png); }
.idx_rank_table .bg-icon-rank2{ background-image:url(../images/rank_bg_crown_2.png); }
.idx_rank_table .bg-icon-rank3{ background-image:url(../images/rank_bg_crown_3.png); }

/*
.idx_rank_table .bg-icon-rank4{ background-image:url(../images/rank_bg_crown_4.png); }
.idx_rank_table .bg-icon-rank5{ background-image:url(../images/rank_bg_crown_5.png); }
.idx_rank_table .bg-icon-rank6{ background-image:url(../images/rank_bg_crown_6.png); }
*/

.idx_rank_table .bg-icon-newest1{ background-image:url(../images/newest_bg_crown_1.png); }
.idx_rank_table .bg-icon-newest2{ background-image:url(../images/newest_bg_crown_2.png); }
.idx_rank_table .bg-icon-newest3{ background-image:url(../images/newest_bg_crown_3.png); }
.idx_rank_table .bg-icon-newest4{ background-image:url(../images/newest_bg_crown_4.png); }
.idx_rank_table .bg-icon-newest5{ background-image:url(../images/newest_bg_crown_5.png); }
.idx_rank_table .bg-icon-newest6{ background-image:url(../images/newest_bg_crown_6.png); }

.idx_rank_table .newest1, .idx_rank_table .newest2{
	background-color:#E9E9E9;
	background: -moz-linear-gradient(#FFFFFF, #EFEFEF);
	background: -o-linear-gradient(#FFFFFF, #E9E9E9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E9E9E9)); /* older webkit syntax */
	background: -webkit-linear-gradient(#FFFFFF, #E9E9E9);
	border-right:1px dashed #eee;
}
.idx_rank_table .newest3{
	background-color:#F6F6F6;
	background: -moz-linear-gradient(#FFFFFF, #F6F6F6);
	background: -o-linear-gradient(#FFFFFF, #F6F6F6);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F6F6F6)); /* older webkit syntax */
	background: -webkit-linear-gradient(#FFFFFF, #F6F6F6);
	border-right:1px dashed #eee;
}
.idx_rank_table .rank1:hover, .idx_rank_table .rank2:hover, .idx_rank_table .rank3:hover, .idx_rank_table .rank4:hover, .idx_rank_table .rank5:hover, .idx_rank_table .rank6:hover, .idx_rank_table .newest3:hover, .idx_rank_table .newest4:hover, .idx_rank_table .newest5:hover, .idx_rank_table .newest6:hover {
	background-color:#E9E9E9;
	background: -moz-linear-gradient(#FFFFFF, #E9E9E9);
	background: -o-linear-gradient(#FFFFFF, #E9E9E9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E9E9E9)); /* older webkit syntax */
	background: -webkit-linear-gradient(#FFFFFF, #E9E9E9);
}
.idx_rank_table .newest1:hover, .idx_rank_table .newest2:hover {
	background-color:#DCDCDC;
	background: -moz-linear-gradient(#FFFFFF, #DCDCDC);
	background: -o-linear-gradient(#FFFFFF, #DCDCDC);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#DCDCDC)); /* older webkit syntax */
	background: -webkit-linear-gradient(#FFFFFF, #DCDCDC);
}
.idx_rank_row div{ padding:9px 3px; float:left; }
.idx_rank_row a{display:block;}
.idx_rank_row_tiny div{ padding:10px 3px !important; }
.idx_rank_tp_col1{
	width:26px;
	text-align:center;
}
.idx_rank_tp_col3i{
	width:202px;
}
.idx_rank_tp_col1, .idx_rank_tp_col2i, .idx_rank_tp_col3i{
	margin-top:5px;
}


/* Product Zone */
.idx_table{ clear:both; width:635px; margin-left:0; }
.idx_column_1{ width:205px; float:left; padding-bottom:10px; margin-right:10px; }
.idx_column_2{ width:205px; float:left; padding-bottom:10px; margin-right:10px; }
.idx_column_3{ width:205px; float:left; padding-bottom:10px; }

.idx_zoneBlock{ width:205px; position:relative; margin-top:15px; }
.idx_zoneBlock img{ border:0; }
.idx_zoneHead{ position:absolute; width:197px; height:105px; display:block; top:0px; right:1px; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; background-color:#fcfcfc; overflow:hidden; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; }
.idx_zoneTitle{ position:absolute; width:195px; height:32px; top:0; right:0; background:url(../images/zone_bg.png) no-repeat top right; z-index:2; color:#fff; font-size:16px; padding-top:3px; padding-left:10px; }
.idx_zoneTitle:hover{ color:#eee; }
.idx_zoneBlockSide{ position:absolute; width:6px; height:35px; background:url(../images/zoneBlockSide.png) no-repeat top left; left:-6px; z-index:3; top:0; background:#f00; }

.idx_zone{ padding:105px 0 0 0; margin-left:6px; }
.idx_zone:after{ width:199px; height:11px; display:block; content:""; background:url(../images/shadow.png) no-repeat center bottom; position:relative; top:0px; }
.idx_zone_footer{ width:197px; height:10px; background:#f8f8f8; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-radius:0 0 5px 5px; }
.idx_icon{ display:block; width:11px; height:11px; overflow:hidden; float:left; margin:10px 4px 0 0; }
.idx_catBlock{ border-bottom:1px solid #d6d6d6; }
.idx_group, .idx_cat{ text-decoration:none; color:#003399; }
.idx_group{
	position:relative;
	display:block;
	padding:0;
	border:0;
	line-height:40px;
	height:40px;
	width:auto;
	color:#666;
	border-top:1px solid #fff;
	border-bottom:1px solid #dfdfdf;
	padding-left:15px;
	width:182px;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	background-color:#f8f8f8;
	z-index:1;
	font-size:16px;
}
.idx_btn{ width:25px; height:26px; position:absolute; margin-left:162px; margin-top:9px; background:url(../images/btn_entry.png) no-repeat 0 0; display:none; z-index:2; }
.idx_btn:hover{ display:block !important; background-position:0 -26px; }
.idx_btn.idx_collapse{ background:url(../images/btn_collapse.png) no-repeat 0 0; display:block; }
.idx_btn.idx_collapse:hover{ background-position:0 -26px; }
	
.idx_cat_header{ margin:0 5px; display:block; padding:5px 10px 5px 25px; background:#f0f0f0 url(../images/sub_upper_shadow.png) no-repeat top center; }
.idx_cat_footer{ margin:0 5px; display:block; padding:5px 10px 5px 25px; background:#f0f0f0 url(../images/sub_lower_shadow.png) no-repeat bottom center; }
.idx_cat{ font-size:13px; margin:0 5px; display:block; padding:5px 5px 5px 25px; color:#333; background:#f0f0f0 url(../images/gdot.png) no-repeat 12px 10px; word-spacing: -2px;}
.idx_cat_stat{ color:#777; font-size:11px; margin-left:3px; position:relative; top:0; }
.idx_group_nocat{ padding-left:15px; }

/* Zone Page (2012-09-18) */
.zone_titlebar {
    background: url(../images/title_bg.png) repeat 0 0; text-align: left;
    padding: 8px 8px 8px 15px; border-radius: 10px 0 0 0;
    position: relative; display: inline-block; width: 612px;
}

.zone_titlebar .zone_title {
    color: #fff;
    font-family: 微軟正黑體, Microsoft JhengHei, 蘋果儷中黑, Apple LiGothic Medium, 黑体,
        SimHei; font-size: 26px; text-shadow: 1px 2px 5px #000;
    width: 165px; float: left;
}

.zone_titlebar .zone_grouplink {
    background: #eee; margin: 0; padding: 7px 10px; margin-left: 165px;
    border-radius: 5px 0 0 0;
}

.zone_titlebar .zone_grouplink a {
    color: #333; background: url(../images/gdot.png) no-repeat left center;
    padding-left: 10px; margin-left: 15px; white-space: nowrap;
    line-height: 1.8em;
}

.group_title {
    display: block; text-align: left;
    font-family: 微軟正黑體, Microsoft JhengHei, 蘋果儷中黑, Apple LiGothic Medium, 黑体,
        SimHei; color: #444; font-size: 21px;
    text-shadow: 1px 1px 3px #ccc; padding-left: 5px;
    border-left: 4px solid #339933; border-bottom: 1px solid #bbb;
    margin-top: 20px;
}
/* CSS end */

/* Shadow on IE */

.idx_news .headline {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFCC);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFCC)";
}
.idx_news .sub:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFCCCCCC);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFCCCCCC)";
}
.more {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFCCCCCC);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFCCCCCC)";
}
.more:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFBBBBBB, endColorstr=#FFDDDDDD);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFBBBBBB, endColorstr=#FFDDDDDD)";
}
.idx_rank_table .rank1, .idx_rank_table .rank2 {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFD8);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFD8)";
}
.idx_rank_table .rank3 {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFEE);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFEE)";
}
.idx_rank_table .newest1, .idx_rank_table .newest2 {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFE9E9E9);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFE9E9E9)";
}
.idx_rank_table .newest3 {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFF6F6F6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFF6F6F6)";
}
.idx_rank_table .rank1:hover, .idx_rank_table .rank2:hover, .idx_rank_table .rank3:hover, .idx_rank_table .rank4:hover, .idx_rank_table .rank5:hover, .idx_rank_table .rank6:hover, .idx_rank_table .newest3:hover, .idx_rank_table .newest4:hover, .idx_rank_table .newest5:hover, .idx_rank_table .newest6:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFE9E9E9);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFE9E9E9)";
}
.idx_rank_table .newest1:hover, .idx_rank_table .newest2:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFDCDCDC);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFDCDCDC)";
}