/* Mypo Style bbs版本  */

body { color:#c8c8c8; }

.content { background:url(images/mypo-bg.png) fixed center top no-repeat #000;}

.breadcrumbs a{ color:#c8c8c8;}
.breadcrumbs .crumbh1{ color:#c8c8c8; text-decoration:underline;}

h3.title { padding:5px; background:#1c3e7d; color:#fff;}
a.author,.t-blue, a.blue { color:#5fd9ff;}
.MY-msg h4{ color:#5fd9ff;}
.MY-msg>div+div { border-top: 1px solid #666;}

.profine-box{ border-radius:10px;}
.MY-profile{ background:none; box-shadow:none;}

.MY-lv{ color:#fff;}
.MY-lv img{ width:45px;}
.MY-lv .right{ width:70%; padding-top: 3px;}
.MY-name { color:#ffd016;}
.MY-profile .MY-name{color:#ffd016;}

.MY-gifts{ background:none; box-shadow:none;}
.tr-marquee-box { border-left:1px solid #666;}
.items-gifts .B-more { background:#333; color:#eee; border:none}

.box{ background:none;}
.elist{ background:none; border:none; border-bottom:1px solid #333;}
.elist:hover { background:none; border-left:none;}

.tlist{ background:none; border:none; border-bottom:1px solid #333;}
.tlist:hover{ background:none; border-left:none;}

.comment .list{ box-sizing:border-box; padding:5px; border-bottom:none;}
.comment .list .right{ right:6px;}

.MY-books .func a+a { /*border-left: 3px solid #d7e4ed;*/}
.MY-books dd,.MY-books dt{ color:#c8c8c8;}
.MY-books dd a { color:#c8c8c8;}
.cname { color:#c8c8c8;}
.cname:hover { color:#fff !important;}
.MY-recom dt { color:#c8c8c8;}

.bname{ color:#ffd016 !important;}

.B-more,.elist-btn,.tlist-btn,.B-dgray { background:#333; color:#eee; border:none;}
.B-more:hover,.elist-btn:hover,.tlist-btn:hover,.B-dgray:hover { background:#333; color:#eee; opacity:0.8;}

.box .desc { color:#c8c8c8;}
.tags a { background:none; border:1px solid #fff; border-radius:0;}
.BTN_blue { background:#fff; color:#000;}
.BTN_blue:hover { background:#fff; opacity:0.8;}
.BTN_gray { background:#eee;}
.BTN_gray:hover { background:#fff; opacity:0.8;}
.BTN_bgray { background:#999;}
.BTN_bgray:hover { background:#999; opacity:0.8;}
.cate { border:none; background:#666; color:#fff;}

.I-recom {background:url(images/icon-recom.png) no-repeat right top; background-size:40px 40px;}

.ifwithout{ color: #ff779a;}

/*書籤*/
.bookmark_green{ position:absolute; bottom:0; right:0; width:20px; height:20px; background:url(images/bookmark_green.png); border:0; background-size:20px 20px;}
.bookmark_blue{ position:absolute; bottom:0; right:0; width:20px; height:20px; background:url(images/bookmark_blue.png); border:0; background-size:20px 20px;}
.tlist .bookmark_green{ bottom:inherit; top:0; right:0; width:20px; height:20px; background:url(images/bookmark_green2.png); border:0; background-size:20px 20px;}
.tlist .bookmark_blue{ bottom:inherit; top:0; right:0; width:20px; height:20px; background:url(images/bookmark_blue2.png); background-size:20px 20px; border:0;background-size:20px 20px;}
.clist .bookmark_green{z-index:10; bottom:inherit; right:inherit; top:0; left:0; width:20px; height:20px; background:url(images/bookmark_green3.png); border:0; background-size:20px 20px;}
.clist .bookmark_blue{ z-index:10; bottom:inherit; right:inherit; top:0; left:0; width:20px; height:20px; background:url(images/bookmark_blue3.png); border:0; background-size:20px 20px;}

.collect ul.tabs li a{ color: #fff; background:#1f3153; text-shadow:none; padding:0 15px; border:none;}
.collect ul.tabs li.active a{ text-shadow:none; color:#000; border:none;}
.collect ul.tabs li a:hover{ color:#a7aabc;}
.collect ul.tabs li.active:before{ border-color:#000;}
.collect-list ul.tabs li { margin:2px;}
.collect-list ul.tabs li a{ color:#fff; background:#1f3153; text-shadow:none; padding:0 15px; border:none;}
.collect-list ul.tabs li.active a{ text-shadow:none; color:#000; border:none; background:#fff;}
.collect-list ul.tabs li.active a:hover { background:#fff; color:#000;}
.collect-list ul.tabs li a:hover{ color:#fff; opacity:0.8;}
.collect-list ul.tabs li.active:before{ border-color:#000;}
.collect-list ul.tabs:before { border-bottom:none;}

.pagenum span, .pagenum a{ background-color:#fff;}

.comment .msg-box { background:none;}
.commentbybook{ background-color:rgba(255,255,255,0.7); padding-top:20px; padding-bottom:20px;}
.commentbybook .left .box{ background-color:initial; border:none; box-shadow:none; -webkit-box-shadow:none;}
.commentbybook+.commentbybook {border-top:none; margin-top:15px; padding-top:20px;}
.commentbybook .comment .list{ background-color:initial;}

.func label{ color:#ccc;}
.box .date{ color:#9e9e9e;}

/* 分享調整 */
.share a.btn_fb { opacity:1;}
.share a.btn_plurk { opacity:1;}
.share a.btn_line { opacity:1;}
.share a.btn_twitter { opacity:1;}
.share .btn_copylink { opacity:1;}
.share a.btn_twitter:hover { opacity:1;}

@media screen and (max-width: 700px) {
	.I-recom{ background:url(images/icon-recom.png) top center/contain,url(images/mypo-bg.jpg) fixed center top; width:50px; height: 50px;}
}