@CHARSET "UTF-8";
body { margin:0; padding:0; color:#333; background:#fff; font:11pt/1.2 Verdana; }
img { border:0; }
/*container global*/
.content_frame {
background-color: white;
display: inline-block;
margin-bottom: 10px;
margin-left: 15px;
width: 780px;
font-family: Microsoft JhengHei, Verdana;
}
.content_pic {
float: left;
height: 78px;
width: 78px;
background-repeat: no-repeat;
margin: 10px 10px 10px 10px;
}
.content_title {
margin: 18px 10px 10px 7px;
font-size: 18px;
font-weight: bold;
color: #666666;
}
.content_desc {
margin: 10px;
width: 650px;
color:#8C8C8C;
}
/*container list*/
.bookview_result_row,.bookview_result_row_cmt {
height: 284px;
width: 790px;
background: #efefef;
padding: 10px;
}
.bookview_result_row div.one,.bookview_result_row_cmt div.one {
height: 284px;
float: left;
width: 194px;
padding: 0;
cursor: pointer;
border: solid 3px #e0e0e0;
}
.bookview_result_row div.one div.bookview_result_row_util {
height: 244px;
position:relative;
margin: 5px;
}
.bookview_result_row div.one div.action_frame {
display: block;
padding-left: 15px;
height: 25px;
width: 170px;
position: relative;
z-index: 20;
}
.bookview_result_row div.two,.bookview_result_row_cmt div.two {
height: 254px;
padding-bottom: 0px;
float: right;
width: 574px;
padding: 0;
background: #ffffff;
border: solid 3px #e0e0e0;
display: inline-table;
}
.bookview_result_row div.two ul,.bookview_result_row_cmt div.two ul {
padding: 0;
margin: 10px 0 0 10px;
list-style-type: none;
color: #666666;
font-size: 10pt;
}
.bookview_result_row div.two ul li,.bookview_result_row_cmt div.two ul li{
padding: 0 10px 5px 0px;
}
.bookview_result_row_cmt div.one div.bookview_result_row_util {
height: 244px;
position:relative;
margin: 5px;
}
.bookview_result_row_cmt div.two ul li.commentContent{
line-height: 25px;
}
.bookview_result_row_cmt div.two div.cmt_edit_time {
position: absolute;
left: 10px;
bottom: 15px;
font-size: 13px;
color: #666666;
}
/*container grid*/
.bookview_result_b {
height: 264px;
float: left;
padding: 10px;
background: #fff;
width: 122px;
margin: 10px 10px 10px 10px;
}
.bookview_result_b ul.bookview_result_clt,.bookview_result_b ul.bookview_result_m {
list-style: none;
margin: 0;
padding: 0;
}
.bookview_result_b ul.bookview_result_m li.bookview_result_m_pic,.bookview_result_b ul.bookview_result_clt li.bookview_result_m_pic,.bookview_result_b_cmt ul.bookview_result_m li.bookview_result_m_pic {
cursor: pointer;
position: relative;
width: 122px;
height: 174px;
}
.bookview_result_b ul.bookview_result_m li {
font-size:0.8em;
color: #666;
}
.bookview_result_b ul.bookview_result_m li.linkA,.bookview_result_b_cmt ul.bookview_result_m li.linkA,.bookview_result_b ul.bookview_result_clt li.linkA {
color: #e20080;
padding-bottom: 5px;
height: 50px;
margin-top: 5px;
font-size: 0.9em;
word-wrap: break-word;
word-break: break-all;
}
.bookview_result_b_cmt_list {
float:left;
background:#efefef;
width:162px;
margin:0;
}
.bookview_result_b_cmt {
padding: 10px;
background: #ffffff;
width: 122px;
margin: 10px 10px 10px 10px;
}
.bookview_result_b_cmt ul.bookview_result_m {
list-style: none;
margin: 0;
padding: 0;
}
.bookview_result_b_cmt ul.bookview_result_m li.linkD {
line-height: 20px;
color: #8c8c8c;
margin-top: 5px;
font-size: 0.9em;
word-wrap: break-word;
word-break: break-all;
}
/*msg container*/
.clt_count_cover {
background:url('/new_include/images/collect_min.png');
width:13px;
height:13px;
float: left;
background-size: 13px 13px;
background-repeat: no-repeat;
}
.cmt_count_cover {
background:url('/new_include/images/comment_min.png');
width:13px;
height:13px;
float: left;
background-size: 13px 13px;
background-repeat: no-repeat;
}
.sl_count_cover {
background:url('/new_include/images/store_min.png');
height:13px;
float: left;
width: 13px;
background-size: 11px 11px;
background-repeat: no-repeat;
}
.clt_count_blink {
background:url('/new_ec/single/include/images/tool_002x12.jpg');
width:13px;
height:13px;
float: left;
background-size: 13px 13px;
background-repeat: no-repeat;
}
.cmt_count_blink {
background:url('/new_ec/single/include/images/tool_001x12.jpg');
width:13px;
height:13px;
float: left;
background-size: 13px 13px;
background-repeat: no-repeat;
}
.sl_count_blink {
background:url('/new_ec/single/include/images/tool_009x12.jpg');
height:12px;
float: left;
width: 11px;
margin-top: 2px;
background-size: 11px 11px;
background-repeat: no-repeat;
}
.info a {
color:#656565;
text-decoration: none;
}
.info a:hover {
text-decoration: none;
color:#E0DAD1;
}
.data_menu li {
float:left;
font-size: 0.9em;
padding: 3px;
cursor:pointer;
}
.data_menu li:hover {
color:#e20080;
cursor:pointer;
}
.data_menu li.view {
color:#e20080;
}
.book_name {
top: 80px;
left: 35px;
width: 110px;
font-size: 1em;
font-weight: bold;
color: #656565;
text-align: center;
font-family: Microsoft JhengHei;
}
/*case container*/
.tag_title {
padding-bottom: 5px;
margin-top: 5px;
word-wrap: break-word;
word-break: break-all;
font-family: Microsoft JhengHei;
letter-spacing: 1px;
}
.tag_title a {
text-decoration: none;
color: #666;
font-size: 1.5em;
font-weight: bold;
}
.tag_title a:hover {
color: #8c8c8c;
text-decoration: none;
}
.tags {
line-height: 18px;
font-size: 13px;
color: #c6c6c5;
display: inline-block;
}
.tags .link {
color: rgb(119, 119, 119);
text-decoration: none;
line-height: 20px;
}
.tags .link:hover {
color:rgb(226, 0, 126);
text-decoration: none;
}
.tags .link_click {
text-decoration: none;
font-size: 0.9em;
line-height: 20px;
color:rgb(226, 0, 126);
}
.tags .link_click:hover {
color:rgb(226, 0, 126);
}
.comment_name {
padding-bottom: 10px;
margin-top: 5px;
word-wrap: break-word;
word-break: break-all;
font-family: Microsoft JhengHei;
padding-top: 5px;
padding-left:10px;
padding-right:10px;
text-align: left;
}
.comment_name a {
text-decoration: none;
color: #666;
font-size: 1.1em;
}
.comment_name a:hover {
color: #8c8c8c;
text-decoration: none;
}
.comment_content {
margin-top: 5px;
line-height: 18px;
font-size: 13px;
color: #c6c6c5;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.comment_content a {
color: rgb(119, 119, 119);
text-decoration: none;
line-height: 20px;
}
.comment_content a:hover {
color: #e2007e;
text-decoration: none;
}
/*upload item container*/
.report_btn {
font-size: 12px;
cursor:pointer;
}
.report_btn:hover {
text-decoration: underline;
color:#e2007e;
}
/*badge container*/
.horizontal {
display:inline-table;
height:220px;
}
.badge_item_content  {
cursor:pointer;
width: 122px;
margin: 10px;
padding:10px;
float: left;
background: white;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.22);
height: 175px;
}
.cover_blank {
opacity: 0.6;
background: #efefef;
}
.badge_icon_frame {
cursor:pointer;
position:relative;
width: 122px;
height: 122px;
}
.badge_icon_frame img {
cursor:pointer;
position:absolute;
width: 122px;
height: 122px;
}
.badge_icon_frame:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}
.badge_name {
font-family: Microsoft JhengHei;
text-align: center;
padding: 10px 0px;
font-size: 15px;
color:#656565;
}
.badge_name:hover {
color:#e2007e;
}
.badge_crt_time {
color:#4d4d4d;
font-size: 13px;
text-align: center;
}
.horizontal_line .info_frame {
height:200px;
display:none;
position: relative;
}
.horizontal_line .info_frame .pc {
border-bottom: 10px solid white;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
float:left;
margin-top: 10px;
}
.horizontal_line .info_frame .close_btn {
display:none;
float:right;
font-size: 20px;
color: #8c8c8c;
cursor: pointer;
}
.horizontal_line .info_frame .close_btn:hover {
color: #656565;
}
.horizontal_line .info_frame .badge_desc_frame {
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.22);
margin: 0px 10px;
background: white;
padding: 10px 20px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
font-family: Microsoft JhengHei;
float:left;
width: 750px;
}
.horizontal_line .info_frame .badge_desc_frame h1 {
font-size: 30px;
font-weight: bold;
margin: 0 0 10px;
color:#4d4d4d;
}
.horizontal_line .info_frame .badge_desc_frame h3 {
color: #8c8c8c;
font-size: 17px;
font-weight: normal;
margin: 20px 0 30px;
}
.horizontal_line .info_frame .badge_desc_frame p {
color: #8c8c8c;
font-size: 15px;
}
/*subscribe/friend container*/
.subscribe_title {
display: inline-table;
background: url('/new_include/images/catalogbar_title_bg_h37.jpg');
width: 810px;
}
.subscribe_title ul { list-style:none; margin:0; padding:0; }
.subscribe_title ul li a { color:#666; text-decoration:none; font-size:0.9em; }
.subscribe_title ul li a:hover { color:#000; }
/*tag container*/
.tag_item {
float: left;
height: 23px;
margin: 3px 3px 3px 3px;
border: rgb(239, 239, 239) 3px solid;
border-radius: 17px 17px 17px 17px;
background-color: white;
overflow: hidden;
position: relative;
}
.tag_count {
float: left;
margin-left: 10px;
margin-right: 10px;
border-radius: 8px 8px 8px 8px;
padding-left: 3px;
padding-right: 3px;
font-size: 12px;
color:#e2007e;
padding-top: 4px;
font-weight: bold;
cursor:pointer;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
padding-top:100px;
position: absolute;
transition: all 0.4s ease 0s;
}
.tag_name {
float: left;
padding-left: 15px;
font-size: 14px;
padding-top: 4px;
font-family: Microsoft JhengHei;
color: #656565;
cursor:pointer;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
padding-right:15px;
transition: all 0.4s ease 0s;
}
.tag_name:hover {
color: #e2007e;
}
.show_more {
display:inline-table;
padding-top: 7px;
color: #656565;
cursor: pointer;
font-size: 0.7em;
background: #efefef;
width: 810px;
padding-bottom: 10px;
border-top: 1px solid white;
}
.show_more:hover {
color: #e2007e;
}
/*comment one container*/
.shared {
position: absolute;
width: 30px;
min-height: 30px;
background-color: #e2007e;
background-image: url('/new_include/images/share.png');
background-repeat:no-repeat;
bottom: 8px;
right: 0px;
border-radius: 3px 0px 0px 3px;
color: white;
padding-left: 8px;
padding-bottom: 4px;
cursor:pointer;
text-indent: -9999px;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
height: 23px;
background-position: 1px 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.63);
box-shadow: 0 1px 1px rgba(0,0,0,0.63);
}
.shared:hover {
text-indent: 0;
width:auto;
background-position: -40px;
height: 23px;
}
.shared span {
font-weight: normal;
margin: 0;
}
.fb_like {
float:left;
padding-top: 5px;
padding-bottom: 2px;
display:block;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}
.google_like {
padding-left:10px;
float:left;
padding-top: 5px;
padding-bottom: 2px;
display:block;
width: 70px;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}
.fb_share {
float:left;
padding-left:5px;
padding-top: 5px;
padding-bottom: 2px;
display:block;
}
.fb_share span {
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}
.social_share {
float:left;
padding-top: 5px;
padding-bottom: 2px;
padding-right:5px;
display:block;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
}
.social_share a {
padding-left:4px;
}
.social_share li {
font-family:Microsoft JhengHei;
}
.edit_comment {
float: left;
left: 90px;
position: absolute;
color: #666666;
cursor: pointer;
padding: 5px 10px 5px 10px;
bottom: 10px;
font-size: 14px;
}
.edit_comment:hover {
color:#e2007e;
}
.del_comment {
float: left;
left: 130px;
position: absolute;
color: #666666;
cursor: pointer;
padding: 5px 10px 5px 10px;
bottom: 10px;
font-size: 13px;
}
.del_comment:hover {
color:#e2007e;
}
.line {
float: left;
left: 121px;
position: absolute;
color: #666666;
cursor: pointer;
padding: 5px 10px 5px 10px;
bottom: 10px;
font-size: 13px;
}
.plexi {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background-color:rgba(0,0,0,0);
-webkit-user-select:none;
display:none;
}
.plexi-show {
display: block;
z-index: 9999990;
}
#commentWriter {
position:absolute;
z-index:9999999;
top: 370px;
right: 180px;
}
#commentWriter div.comment_frame {
border-radius: 4px;
width:810px;
padding:10px;
background:#ffffff;
}
#commentWriter div.comment_close {
position:absolute;
top:8px;
right:10px;
cursor:pointer;
color:#666666;
font-size: 20px;
}
#commentWriter div.comment_close:hover {
opacity: 0.6;
filter: alpha(opacity = 60);
}
#commentWriter div.delete_btn {
width:73px;
height:29px;
background:url('/images/new_index/button_004.gif');
cursor:pointer;
float:left;
}
#commentWriter div.delete_btn:hover {
background:url('/images/new_index/button_004_1.gif');
}
#commentWriter div.draft_btn {
width:73px;
height:29px;
background:url('/images/new_index/button_001.gif');
cursor:pointer;
float:left;
}
#commentWriter div.draft_btn:hover {
background:url('/images/new_index/button_001_1.gif');
}
#commentWriter div.confirm_btn {
width:49px;
height:29px;
background:url('/images/new_index/button_003.gif');
cursor:pointer;
float:left;
}
#commentWriter div.confirm_btn:hover {
background:url('/images/new_index/button_003_1.gif');
}
#commentWriter table tr td {
height: 25px;
font-size: 11pt;
color: #666666;
}
/*component*/
.bookview_result_read {
background: #333 none repeat scroll 0% 0%;
width: 65px;
height: 21px;
color: #FFF;
font-size: 10pt;
padding: 7px 0px 0px 15px;
cursor: pointer;
text-decoration: none;
display: none;
}
.edit_upload_item_b {
position: absolute;
bottom: 0px;
right: 0px;
width: 26px;
height: 26px;
display: none;
background: url(/new_include/images/edit1.png) no-repeat;
}
.bookview_result_m_watch {
position: absolute;
top: 0px;
left: 0px;
width: 26px;
height: 26px;
display: none;
background: url(/new_include/images/roll_cart1.png) no-repeat;
}
.bookview_result_m_cancel,.delete_upload_item_b {
position: absolute;
top: 0px;
right: 0px;
width: 26px;
height: 26px;
display: none;
background: url(/new_include/images/roll_x.png) no-repeat;
}
.bookview_result_m_cancel:hover,.delete_upload_item_b:hover {
background: url(/new_include/images/roll_x2.png) no-repeat;
}
.bookview_result_m_collect {
position: absolute;
bottom: 0px;
right: 0px;
width: 26px;
height: 26px;
display: none;
background: url(/include/new_index/imgs/heart2.png) no-repeat;
}
.bookview_result_m_collect:hover {
background: url(/include/new_index/imgs/heart4.png) no-repeat;
}
.bookview_result_m_category {
position: absolute;
bottom: 0px;
right: 0px;
width: 26px;
height: 26px;
display: none;
background: url(/new_include/images/collection1.gif) no-repeat;
}
.bookview_result_m_draft {
color: white;
background-color: black;
padding: 2px 5px 2px 5px;
font-weight: normal;
}
#bookview_result_sort {
display:none;
background:#efefef;
position:absolute;
width:92px;
z-index:100;
border:1;
text-align:left;
padding:0;
top: 18px;
right: 127px;
margin-top:5px;
*margin-top: 6px;
margin-left: 0px;
*margin-left: 0px;
color:#666;
font-size:0.9em;
}
.book_status {
float:left;
width:91px;
height:25px;
background:aliceblue;
border: white 0.5px solid;
}
.book_status p {
font-size: 12px;
font-family: Microsoft JhengHei,Verdana;
cursor: pointer;
padding-left: 2px;
padding-top: 5px;
color:#656565;
float:left;
}
.book_action_btn {
float:left;
width:27px;
height:25px;
background:#8c8c8c;
border: white 0.5px solid;
cursor: pointer;
position:relative;
}
.book_action_btn img {
padding-top: 5px;
padding-left: 5px;
}
.cancel {
float: left;
cursor: pointer;
margin-top:5px;
margin-left: 5px;
cursor:pointer;
margin-right: 3px;
}
.book_action_menu {
position:absolute;
width: 115px;
background: white;
border:#cccccc 1px solid;
right: 0px;
top: 25px;
display:none;
z-index: 999;
color:rgb(140, 140, 140);
box-shadow: 0 1px 3px rgba(0,0,0,0.63);
}
.want_read_action,.readed_action,.reading_action,.cmt_action {
padding: 5px 5px 5px 7px;
font-size: 12px;
}
.fb_check {
padding-right: 5px;
float: right;
}
/*notice box*/
#notice_box2,#notice_box {
line-height: 25px;
font-size: 15px;
color: #666666;
}
.prod_info a { color: #666666; text-decoration: none; }
.prod_info a:hover { color:#e2008e; text-decoration: underline; }
.prod_info .prod_name {
font-weight:bold;
font-size:18px;
}
.prod_info .prod_author {
font-size: 14px;
padding: 10px 0px 5px;
}
.lent_info {
padding:10px 0px;
font-size:10pt;
}
#notice_box2 .lent_td {
float:left;
padding: 2px 0px;
color:#666666;
border:1px solid white;
text-align: center;
}
#notice_box2 .lent_td2 {
float:left;
border:1px solid white;
}
#notice_box2 .prod_input {
color: #666666;
}
.lent_info .lent_info_complete {
text-align: center;
margin: 5px 20px 5px 0px;
float:right;
padding: 2px;
background: #8C8C8C;
color: white;
width: 100px;
font-size:14px;
cursor:pointer;
}
.lent_info .lent_info_complete:hover {
background: #454545;
}
.lent_info .alert_msg {
text-align: center;
padding: 5px;
height:20px;
}
/*notice box (zekea upload)*/
#notice_box3 {
color: #454545;
}
.upload_name {
font-weight: bold;
font-size: 18px;
padding: 10px 5px 5px 5px;
cursor:pointer;
}
.upload_name:hover {
color: #e2008e;
text-decoration: underline;
}
.upload_name2 {
font-weight: bold;
font-size: 18px;
padding: 10px 5px 5px 5px;
}
.upload_content {
font-size: 13px;
padding: 15px 5px 5px 5px;
width: 570px;
display: inline-block;
line-height:20px;
}
.upload_time {
color: #666666;
font-size: 12px;
padding: 5px;
width: 570px;
display: inline-block;
line-height:20px;
}
.upload_time2 {
color: #666666;
font-size: 14px;
padding: 5px;
display: inline-block;
line-height:20px;
}
.edit_btn {
cursor:pointer;
margin-left: 10px;
}
.edit_btn:hover {
color: #e2008e;
}
.upload_content2 {
font-size: 14px;
padding: 15px 5px 5px 5px;
width: 730px;
display: inline-table;
line-height:20px;
}
.nav_link {
/*height:25px;*/
padding-top: 5px;
}
.nav_prev {
background: url('/new_ec/single/include/images/perv_btn.png') no-repeat;
cursor:pointer;
height: 23px;
width: 23px;
float: left;
opacity: 0.8;
filter: alpha(opacity = 80);
}
.nav_next {
background: url('/new_ec/single/include/images/next_btn.png') no-repeat;
cursor:pointer;
height: 23px;
width: 23px;
float: left;
opacity: 0.8;
filter: alpha(opacity = 80);
}
.nav_current {
text-align: center;
float: left;
padding-top: 2px;
font-size: 15px;
font-family: Verdana, sans-serif;
color:#333333;
width:80px;
}
.nav_perv:hover, .nav_next:hover {
opacity: 1;
filter: alpha(opacity = 100);
}
/*report box*/
#report_suggest {
font-size: 10pt;
border: 1px solid #999;
overflow-y: hidden;
border-radius: 5px;
width: 540px;
padding: 10px;
margin: 20px 0px 30px 0px;
}
#btn_send_report {
cursor:pointer;
margin: 0px 5px;
cursor: pointer;
text-align: center;
background: #8C8C8C;
color: #FFF;
width: 45px;
float: right;
padding: 5px;
font-size: 14px;
}
#btn_send_report:hover {
opacity: 0.6;
}
/* sidebar*/
.clt_upload_btn {
width:77px;
height:19px;
cursor: pointer;
margin: 5px 10px;
background:url('/new_ec/zekea/images/clt_create_1.png') no-repeat;
}
.clt_upload_btn:hover {
background:url('/new_ec/zekea/images/clt_create_2.png') no-repeat;
}
#share_frame {
border: 1px solid rgb(247, 247, 247);
position: absolute;
width: 168px;
height: 30px;
padding-top: 5px;
background: rgb(239, 239, 239);
}
.share { padding:0px 2px; }
.share:hover { opacity: 0.9; filter: alpha(opacity=90); }
#fb_shared {
background:url('/new_ec/share/images/f.png') no-repeat;
width:46px;
height:20px;
cursor:pointer;
float:left;
margin-top: 2px;
}
#gmail_shared {
background:url('/new_ec/share/images/e.png') no-repeat;
width:21px;
height:20px;
cursor:pointer;
float:left;
margin-top: 2px;
}
#plurk_shared {
background:url('/new_ec/share/images/p.png') no-repeat;
width:21px;
height:20px;
cursor:pointer;
float:left;
margin-top: 2px;
}
#twitter_shared {
background:url('/new_ec/share/images/t.png') no-repeat;
width:21px;
height:20px;
cursor:pointer;
float:left;
margin-top: 2px;
}
.like_frame,.gplus_frame {
float:left;
width:90px;
}
#arrow_r {
width:10px;
height:24px;
background:url('/new_ec/share/images/arrow_r.png') 0px 5px no-repeat;
cursor:pointer;
float:left;
}
#arrow_l {
width:10px;
height:24px;
background:url('/new_ec/share/images/arrow_l.png') 0px 5px no-repeat;
cursor:pointer;
float:left;
}
.arrow {}
.arrow:hover { opacity: 0.9; filter: alpha(opacity=90); }
.social_frame {
font-family: Microsoft JhengHei;
}
.scribe_btn {
cursor:pointer;
margin-left: 1px;
float:left;
width:84px;
height:37px;
background:url('/new_ec/zekea/images/bk1.jpg') repeat-x;
color: white;
font-size: 14px;
}
.friend_btn {
cursor:pointer;
margin-left: 1px;
float:left;
width:84px;
height:37px;
background:url('/new_ec/zekea/images/bk1.jpg') repeat-x;
color: white;
font-size: 14px;
}
.scribe_btn div {
margin: 10px 5px 10px 5px;
text-align:center;
}
.friend_btn div {
margin: 10px 5px 10px 5px;
text-align:center;
}
#msg_me {
cursor: pointer;
height: 30px;
color: rgb(140, 140, 140);
padding: 10px 0px 0px 24px;
letter-spacing: 2px;
word-spacing: 2px;
font-weight: bold;
background: url('/new_include/images/z_icon_01.gif') no-repeat rgb(140, 140, 140);
}
.empty { background: #efefef;padding: 10px;font-size: 13px;}
.badge_item { cursor:pointer; }
#case {
cursor: pointer;
height: 30px;
background: #8C8C8C url('/new_include/images/z_icon_11.gif') no-repeat;
color: #FFFFFF;
padding: 10px 0 0 24px;
letter-spacing: 2px;
word-spacing: 2px;
font-weight: bold;
}
.cat_frame {
position:relative;
}
.catList {
border-top: 6px solid rgb(226, 0, 126);
position: absolute;
background: white;
top:0px;
left:165px;
z-index:99;
width: 375px;
font-family: Microsoft JhengHei;
box-shadow: 4px 4px 7px 1px #969696;
}
.clt_frame {
float:left;
width:200px;
border-left: 1px solid #efefef;
}
.member_info {
float:left;
width:170px;
}
.catList .cat_link {
border-left: 1px solid white;
cursor:pointer;
padding: 5px 0px 5px 10px;
color:#666;
width:170px;
}
.catList .type_link {
border-left: 1px solid white;
cursor:pointer;
padding: 5px 5px 5px 10px;
color:#666;
padding-left: 10px;
width: 155px;
}
.catList h3 {
border-top: 1px solid #efefef;
color: #666;
border-left:2px solid white;
padding: 10px 6px 3px 6px;
border-bottom: dashed #cacaca 1px;
}
.container_title { height:37px; background:url('../images/catalogbar_title_bg_h37.jpg'); }
.container_title ul { list-style:none; margin:0; padding:0; }
.container_title_static { height:37px; background:url('../images/catalogbar_title_bg_h37.jpg'); }
.container_title_static ul { list-style:none; margin:0; padding:0; }
.container_title_static ul li a { color: #666; text-decoration: none; font-size: 0.9em; }
.container_title_static ul li a:hover { color:#000; }
.container_title_static1 { height:37px; background:#efefef; cursor:pointer; color:#656565; }
.container_title_static1 ul { list-style:none; margin:0; padding:0; }
.container_list { margin:1px 0 0 0; }
.container_list div { color:#fff; font-size:0.9em; font-weight:bold; margin-top:1px; padding:8px 0 7px 20px; cursor:pointer; }
.container_list div.currentItem { background: #e2007e; cursor:default;	}
.container_list div.notCurrentItem { background:#8c8c8c; cursor:pointer; }
.container_list div.currentItem2 { background: #fff;color: #E2007E;border-bottom: solid 1px #ccc;padding: 7px 0 4px 35px;cursor: pointer; }
.container_list div.notCurrentItem2 { background: #fff;color: #333333;border-bottom: solid 1px #ccc;padding: 7px 0 4px 35px;cursor: pointer; }
.notCurrentItem a { color:#ffffff; text-decoration:none;; }
.notCurrentItem a:hover { color:#ffffff; text-decoration:none; }
.notCurrentItem2 a { color:#333333; text-decoration:none;; }
.notCurrentItem2 a:hover { color:#E2007E; text-decoration:none; }
.container_title_cat { height:37px; background:url('../images/catalogbar_title_bg_h37.jpg'); }
.container_title_cat ul { list-style:none; margin:0; padding:0; }
.sub_cat_title {
height:37px;
margin: 1px 0 0 0;
background:url('/new_include/images/catalogbar_title_bg_h37.jpg');
color:#656565;
font-weight:bold;
cursor:pointer;
}
.sub_cat_title .slide_btn {
padding-right: 5px;
float:right;
padding-top: 5px;
opacity: 0.6;
}
.sub_cat_item div {
cursor:pointer;
padding: 8px 0px 7px 20px;
margin:1px 0px 0px 0px;
font-size: 0.9em;
font-weight: bold;
color:white;
}
.sub_cat_item div.notCurrentItem {
background:rgb(140, 140, 140);
}
.sub_cat_item div.currentItem {
background: #e2007e;
}
.xsx_cat {
margin-left: 2px;
float:left;
cursor:pointer;
width:36px;
height:36px;
background:url('/new_ec/zekea/images/xsx_cat_btn.jpg') no-repeat;
}
.xsx_cat:hover {
background:url('/new_ec/zekea/images/xsx_cat_btn2.jpg') no-repeat;
}
.xsx_cat_hover,.cust_cat_hover {
width: 122px;
height:27px;
padding: 9px 0 0 10px;
float:left;
cursor:pointer;
font-weight: bold;
background: #e2007e;
color: white;
}
.xsx_cat_alone {
width: 160px;
height:27px;
padding: 9px 0 0 10px;
float:left;
cursor:pointer;
font-weight: bold;
background: #e2007e;
color: white;
}
.cust_cat_list div {
margin: 1px 0 0 0;
padding:8px 0 7px 20px;
cursor:pointer;
color:#ffffff;
font-weight:bold;
font-size:0.9em;
}
.cust_cat_list div.notCurrentItem {
background:#8c8c8c;
}
.cust_cat_list div.currentItem {
background: #e2007e;
cursor:default;
}
.add_my_cat {
background-color: rgb(140, 140, 140);
padding: 8px 0px 7px 20px;
cursor: pointer;
color: white;
font-weight: bold;
font-size: 0.9em;
opacity: 0.6;
}
.add_my_cat:hover {
opacity: 1;
}
.cat_frame2 {
background:white;
display: inline-table;
letter-spacing: 2px;
word-spacing: 2px;
height:36px;
}
.cust_cat {
margin-right: 2px;
float:left;
cursor:pointer;
width:36px;
height:36px;
background:url('/new_ec/zekea/images/my_cat_btn.jpg') no-repeat;
}
.cust_cat:hover {
background:url('/new_ec/zekea/images/my_cat_btn2.jpg') no-repeat;
}
#mySndStore {
height: 30px;
color: rgb(140, 140, 140);
padding: 10px 0px 0px 24px;
letter-spacing: 2px;
word-spacing: 2px;
font-weight: bold;
cursor: pointer;
background: url('/new_include/images/z_icon_01.gif') no-repeat rgb(140, 140, 140);
}
#mySndStore:hover {
background:#8C8C8C url('/new_include/images/z_icon_02.gif') no-repeat;
}
.search_btn {
cursor: pointer;
height: 30px;
background: white url('/include/new_index/imgs/people.png') no-repeat;
color: #8C8C8C;
padding: 10px 0 0 30px;
letter-spacing: 2px;
word-spacing: 2px;
font-weight: bold;
background-position: 8px;
border: 1px solid #EFEFEF;
border-bottom: 4px solid #efefef;
border-right: 3px solid #efefef;
}
.search_btn:hover {
background: #E2007E url('/include/new_index/imgs/people4.png') no-repeat;
background-position: 8px;
color:white;
}
.more_friend,.more_scribe {
text-align: center;
background: #8c8c8c;
padding-bottom: 5px;
font-size: 13px;
cursor: pointer;
}
.more_friend a,.more_scribe a {
text-decoration: none;
color:white;
}
.more_friend a:hover,.more_scribe a:hover {
color:#666;
}
.more_friend:hover,.more_scribe:hover {
color: #eceef5;
}
#clt_add_div,#friend_edit_div,#scribe_edit_div  {
display:none;
font-size: 18px;
background-color: gray;
margin-top: 8px;
margin-right: 8px;
padding: 1px 5px 2px 5px;
color: white;
opacity:0.6;
cursor: pointer;
}
#clt_add_div:hover,#friend_edit_div:hover,#scribe_edit_div:hover {
opacity:1;
}
.lock_btn {
margin-top: 8px;
width:15px;
height:22px;
opacity: 0.6;
background: url('/new_ec/zekea/images/lock.png') no-repeat;
padding: 1px 5px 2px;
color: white;
cursor: pointer;
}
#subscribe_item_list div.tip3,#friend_item_list div.tip3,#scribeMe_item_list div.tip3 {
float: left;
background: #000;
width: 50px;
height: 50px;
margin: 1px 2px 3px 2px;
}
.to_top {
background:url('/new_ec/zekea/images/top1.gif');
width:46px;
height:81px;
position:fixed;
bottom:20px;
right:30px;
cursor:pointer;
display:none;
}
.to_top:hover {
background:url('/new_ec/zekea/images/top2.gif');
}
.closeBanner {
cursor:pointer;
border-radius: 4px;
background: #fff;
padding: 2px 4px;
font-size: 10px;
font-weight: bold;
color:#472a2b;
z-index:20;
opacity: 0.8;
filter: alpha(opacity=80);
}
.closeBanner:hover {
color:#e2007e;
}
#sctCatgoryEditor {
background: url('/new_ec/zekea/images/edit.png') no-repeat;
width: 20px;
height: 20px;
cursor: pointer;
float: left;
margin-top: 2px;
}
#sctCatgoryShared {
background: url('/new_ec/zekea/images/share.png') no-repeat;
width: 20px;
height: 20px;
cursor: pointer;
float: left;
margin-top: 2px;
}