*{-webkit-text-size-adjust:none}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
:focus{outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;line-height:1em}
q:before,q:after{content:''}
fieldset,img,abbr,acronym{border:0}
.clear,.cl{clear:both}
.center,.c{text-align:center}
.right,.r{float:right}
.indent,.in{text-indent:5%}
.gap{padding-top:10px}
.ss{font-size:80%}
body{font:12px/150% Verdana, Arial, Helvetica, sans-serif;background:#000}
a{text-decoration:none;color:#333;font-weight:700;font-size:12px}
a:hover{text-decoration:underline;color:#8B2F20}
input{font-family:Arial, Helvetica, sans-serif;height:14px;font-size:12px;padding:2px 0}
select{font-family:Arial, Helvetica, sans-serif;height:20px;font-size:12px}
ins,.text a:hover{text-decoration:none}
.b{font-weight:700}
.left,.l{float:left}
.no,.nowrap{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.middle,.m{vertical-align:middle}
.nostyle{display:inline;line-height:1em !important;margin:0!important;padding:0!important}
.loaded{display:none}
.clrfix{*zoom:1}
.clrfix:after{display:block;content:'clear';clear:both;overflow:hidden;visibility:hidden;height:0}

.ad600{width: 600px;text-align: center;margin: 0 auto;}
.ad860{width: 860px;text-align: center;margin: 0 auto;}
.mfad600{width: 600px;text-align: center;margin: 0 auto;}
.mfad860{width: 860px;text-align: center;margin: 0 auto;}

.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}

.widepage{width:950px;margin:0 auto; position:relative;}
#page{background:#FFF repeat-x;padding-top:10px}
#content{width:598px;padding:0 10px 10px}
#sidebar{padding-bottom:10px;width:322px}
#header{height:82px;background:url(../header_bg.gif) repeat-x; padding-top:12px;}
#logo{background:url(../logo.png) no-repeat; width:180px; height:30px; position:absolute; left:0; top:0;}
#logo span{display:none}

#bookmark_ico{background:url(../bookmark.png) no-repeat;width:16px;height:16px;display:block;margin-top:9px}
#bookmark_ico:hover{background-image:url(../bookmark.hover.png)}
#bookmark_ico span{display:none}
#setting_ico{background:url(../setting.png) no-repeat;width:16px;height:16px;display:block;margin-top:9px}
#setting_ico:hover{background-image:url(../setting.hover.png)}
#setting_ico span{display:none}
#logout_ico{background:url(../logout.png) no-repeat;width:16px;height:16px;display:block;margin-top:9px}
#logout_ico:hover{background-image:url(../logout.hover.png)}
#logout_ico span{display:none}

#ad_top{float:left;width:930px;padding:0 10px 10px 10px}
#ad_right{margin:auto 0;text-align:center}
.ad{border:#dadada solid 1px;overflow:hidden;background:#fff;text-align:center;padding:2px}
.b300x250{width:300px;height:250px;margin:0 5px}
.b728x90{width:728px;height:90px}
.b468x60{width:468px;height:60px}
.b186x90{width:186px;height:90px}
.b160x600{width:160px;height:600px}

.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#666 url(../modal-bg.png) 50% 50% repeat;opacity:.3;filter:Alpha(Opacity=30)}
.ui-dialog-titlebar{display:none}
#login{position:relative;background:url(../login-dialog.png) no-repeat;width:497px;height:324px}
.textbox{position:absolute;border:0;font-size:16px;top:198px;left:152px;line-height:16px;width:280px;margin:0;padding:5px}
#navbar_username{top:148px}
#loginform .button{vertical-align:text-bottom;border:0;overflow:hidden;cursor:pointer;position:absolute;bottom:41px;right:54px;width:73px;height:32px;background:transparent url(../dialog-login.png) no-repeat center top;margin:1px 0 0;padding:32px 0 0}
#loginform .signup_button{right:146px;background-image:url(../dialog-signup.png)}
#loginform .button:hover{width:73px;height:32px;background:transparent url(../dialog-login-hover.png) no-repeat center top;padding:32px 0 0}
#loginform .signup_button:hover{background-image:url(../dialog-signup-hover.png)}
form>#login .button{height:0}

#searchbox{padding-left:30px;padding-right:10px;line-height:20px;margin-top:5px}
#searchbox a{line-height:20px;margin-left:10px}

#corner{float:left;height:23px;line-height:23px;width:675px;/*2012-12-18*/ margin-left:275px;}
#corner *{vertical-align:middle}
#corner ul{float:right}
#corner ul li{line-height:30px;float:right}
#corner a{color:#FFEDB7;margin-right:15px;font-weight:400}
#corner .newmsg{padding-left:20px;background:url(../new_msg.gif) no-repeat left center}
#corner .nomsg{padding-left:20px;background:url(../no_msg.gif) no-repeat left center}

.ui-autocomplete-input{width:150px;color:#909090;border:1px solid #ccc;background:#fff url(../lookup.png) 2px 2px no-repeat;padding:3px 3px 3px 20px}
.ui-autocomplete{max-height:400px;overflow-y:auto;overflow-x:hidden;font:11px Arial,Helvetica,sans-serif;z-index:20000 !important;background:#333;width:400px;border:3px solid #000;float:left}
* html .ui-autocomplete{height:200px}
.ui-autocomplete-loading{background:#fff url(../search-load.gif) 2px 2px no-repeat}
.ui-menu .ui-menu-item{cursor:pointer;text-align:left}
.ui-menu .ui-menu-item a{cursor:pointer;font-weight:400;display:block;color:#fff;height:32px;width:394px;padding:3px}
.ui-menu .ui-menu-item a img{float:left;vertical-align:middle;width:28px;height:28px;border:1px solid #fff;padding:1px}
.ui-menu .ui-menu-item a div{cursor:pointer;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;height:18px;vertical-align:middle;width:328px;line-height:18px;float:left;padding:0 5px}
.ui-menu .ui-menu-item a .s{color:#999;font-size:11px;font-weight:400;line-height:14px;font-style:italic}
.ui-menu .ui-menu-item a u{color:#cf6;text-decoration:underline}
.ui-menu .ui-menu-item a:hover{display:block;color:#fff;background:#000;text-decoration:none}
.ui-menu .ui-menu-item a:hover div{font-weight:700}
.ui-menu .ui-menu-item a:hover div.s{font-weight:400}

ul#menu{float:right;margin-top:21px;position:relative;}
ul#menu li{position: relative;float:left;width:135px;height:38px;font-weight:700;font-family:Arial, Helvetica, sans-serif;text-align:center;background:url(../menu_button.gif) no-repeat}
ul#menu li a{float:left;width:135px;height:30px;padding-top:10px;font-size:13px;text-decoration:none}
ul#menu li a:hover,ul#menu li a.selected{color:#500106;background:url(../menu_button_over.gif) no-repeat}
ul#menu li.left{background:url(../menu_left_button.gif) no-repeat}
ul#menu li.left a:hover,ul#menu li.left a.selected{background:url(../menu_left_button_over.gif) no-repeat;color:#500106}
ul#menu li.right{background:url(../menu_right_button.gif) no-repeat}
ul#menu li.right a:hover,ul#menu li.right a.selected{background:url(../menu_right_button_over.gif) no-repeat;color:#500106}
ul#menu li.new:after{content:'';position:absolute;right: 10px;top: 0;width: 21px;height: 16px;background:url(data:image/gif;base64,R0lGODlhFQAQANUkAPhMH/mgiPibgvNQJfM/EP7r5fxZLfeNcfZHGfNMH/NBEvq2pPNBEfVlPvmii/NSKPNAEPq0of3m4PhLHvdLHfZIGf1aL/VGGPI/D/REFf1bL/VnQf5dMvtWKflRJP1aLv9gNfZIGvI+Dv///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMzQ2RTY5MUI0N0NFMjExOTAxMTg5ODYyMDlBQjI1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNkNERTI5QTgxMzkxMUU1QkYyMEJEQzAyMjE1RjhCQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNkNERTI5OTgxMzkxMUU1QkYyMEJEQzAyMjE1RjhCQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M0IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowYjM0MjQ4My0wMDRkLWQzNDktOTQ4ZC1mYmIxZDlmMTlmY2UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjM0NkU2OTFCNDdDRTIxMTkwMTE4OTg2MjA5QUIyNTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQJFAAkACwAAAAAFQAQAAAGekCScEgsGo/I42Ijajqf0EaEFLgYQNisdmuoCAaWEWcsHpnNnHJakxB9zJ+3PB4fye0QUWe075/Nfn0EIh4jHoWGhoeHiYUeGA8UIwCUk3+WfxMJDgwIIZ+goaIICgJUAyIZClCsIgMBRAcEBxJJSAUCBba7vL2+v0NBACH5BAUUACQALAAAAAAVABAAAAZ6QJJwSCwaj8ikMrnYiJ7QqLQRIQUuBpB2y+0aKoKBZcQpk0doNOe81iREH/QnTp/PR3Q8RNQZ9f9paIB/BCIeIx6HiIiJiYuHHhgPFCMAlpWBmIETCQ4MCCGhoqOkCAoCVgMiGQpSriIDAUQHBAcSS0YFAgW4vb6/Q0EAOw==);}

#footer{text-align:center;border-top:1px solid #D8D8D8;background:#FFF repeat-y;font-size:11px;padding:20px}
#footer a{color:#024387;font-size:11px;font-weight:400}

#sidebar .topless{border:1px solid #DECF92;width:300px;border-top:none;clear:both;float:left;padding:10px}
#sidebar .toplessad{border:1px solid #DECF92;width:300px;border-bottom:none;clear:both;float:left;padding:10px;}
#sidebar h3{color:#2A6900;font:bold 16px Arial, Helvetica, sans-serif;margin-bottom:10px}

#advertisment{width:306px;background:#FFFAE7;padding:7px}

#latest{background:#FFFAE7}
#latest li{list-style:decimal;margin:10px 0}
#latest a.up{background:url(../grow.gif) right no-repeat;padding-right:25px}
#latest ol{padding-left:30px}

#intro{background:#FFFAE7;border:1px solid #DECF92;width:300px;float:left;padding:10px}
#intro h1{color:#2A6900;font:bold 16px Arial, Helvetica, sans-serif;margin-bottom:10px}
#intro p{color:#333;font-size:11px;line-height:14px;text-align:justify}
#intro a{color:#333;font-size:11px}

#spotlights{border:1px solid #DADADA;width:596px;position:relative;height:236px}
#spotlights ul.ui-tabs-nav{position:absolute;top:243px;right:10px;list-style:none;z-index:1000;margin:0;padding:0}
#spotlights ul.ui-tabs-nav li{font-size:12px;color:#666;float:left}
#spotlights li.ui-tabs-nav-item a{display:block;height:10px;width:10px;background:url(../bullets.off.png) no-repeat scroll 0 0 transparent;text-indent:-9999px;margin-left:5px}
#spotlights ul.ui-tabs-nav li.ui-tabs-selected a{background-image:url(../bullets.on.png)}
#spotlights .ui-tabs-panel{width:596px;height:236px;background:#999;position:relative}
#spotlights .ui-tabs-panel .info{position:absolute;top:166px;left:0;height:70px;width:596px;background:url(../transparent-bg.png)}
#spotlights .info h2{font-size:18px;font-family:Georgia, serif;color:#fff;overflow:hidden;margin:0;padding:5px}
#spotlights .info p{font-family:Verdana;font-size:11px;line-height:15px;color:#f0f0f0;margin:0 5px}
#spotlights .info a{text-decoration:none;color:#fff}
#spotlights .info a:hover{text-decoration:underline}
#spotlights .ui-tabs-hide{display:none}

#weeklymanga .icon{float:left;border:1px solid #DCDEE1;background:none 1px 1px no-repeat;padding:1px}
#weeklymanga .icon div{width:39px;height:39px}
#weeklymanga th{line-height:14px;display:block;padding-right:5px;color:#272727;font-weight:700;vertical-align:top;font-size:11px}
#weeklymanga #cover{border:1px solid #DDD;margin-left:20px;padding:1px}
#weeklymanga #summary{color:#8b2f20;font-weight:700;line-height:14px;padding:10px 0 3px}
#weeklymanga a#more{padding-right:25px;color:#014387;font-weight:400;font-size:11px}
#weeklymanga td,#weeklymanga p{color:#696969;font-size:11px;line-height:14px}
#weeklymanga h6{color:#2A6900;font:bold 16px Arial, Helvetica, sans-serif;margin-bottom:10px}
#weeklymanga h5,#weeklymanga h5 a{color:#8b2f20;font-size:28px;padding-bottom:10px}
#weeklymanga p{text-align:justify}
#weeklymanga a{font-weight:400}

#updates{width:598px;color:#333}
#updates a{font-weight:400}
#updates dl dt a.chapter{color:#999}
#updates dl dt{font-size:11px;}
#updates .title{padding:0 5px; white-space:inherit; clear:both;}
#updates .title a,#updates .title a:hover{color:#4f4993;font-size:12px}
#updates .title a{line-height:20px}
#updates em{float:right}
#updates div{line-height:12px;float:left;width:598px}
#updates span.chapter{width:430px;float:left;padding-left:23px}
#updates dt{float:left;width:586px;clear:both;line-height:18px;padding:0 5px}
#updates .manga_open{background:url(../manga_open.png) left center no-repeat;padding:4px 5px 4px 23px}
#updates .manga_close{background:url(../manga_close.png) left center no-repeat;padding:4px 5px 4px 23px}
.chapter{color:#909090;font-size:12px;font-weight:400}
span.hotch{color:#C30;font-weight:700;font-size:10px}
span.newch{color:#6C0;font-weight:700;font-size:10px}
span.updatedch{color:#ff9933;font-weight:700;font-size:10px}
.releases{margin-left:5px;padding-left:23px;line-height:40px;background:url(../search.png) no-repeat left center;padding-left:20px;}

#rss{background:#FFFAE7;border:1px solid #DECF92;width:300px;padding:10px;float:left;}
#rss *{vertical-align:middle}
#rss ul{padding-bottom:5px}
#rss li{height:22px}
#rss .box{width:150px}
#rss fieldset a{vertical-align:top;text-decoration:none}
#rss .button{width:84px;height:22px;border:0;background:transparent url(../rss_subscribe.gif) no-repeat center top;overflow:hidden;cursor:hand;margin:2px 5px 0;padding:22px 0 0}
#rss .button:hover{background:transparent url(../rss_subscnribe_bro.gif) no-repeat center top}
#rss a{color:#014387;font-weight:400}
a.rss{background:url(../rss.gif) left top no-repeat;padding-left:25px;padding-bottom:2px;cursor:pointer}

#popular{color:#696969;font-size:11px}
#popular h2{color:#2A6900;font:bold 16px Arial, Helvetica, sans-serif;margin-bottom:10px}
#popular .icon{float:left;border:1px solid #DCDEE1;background:none 1px 1px no-repeat;padding:1px}
#popular .icon div{width:39px;height:39px}
#popular .icon .pop1{background:url(../pop1st.gif) no-repeat}
#popular .icon .pop2{background:url(../pop2nd.gif) no-repeat}
#popular .icon .pop3{background:url(../pop3rd.gif) no-repeat}
#popular .manga{float:left;background:#F5F5F5;margin-left:5px;height:39px;width:248px;padding:4px 2px 0 2px}
#popular .updated{font-weight:bold}
#popular .updated a{font-weight:bold}
#popular a img{float:right;padding:5px 15px 0 0}
#popular a.top{color:#FF5400}
#popular span.chapter{width:248px;float:left}
#popular a:hover{color:#8F2F20}
#popular li{float:left;padding-top:10px}

#new{color:#696969;font-size:11px}
#new h2{color:#2A6900;font:bold 16px Arial, Helvetica, sans-serif;margin-bottom:10px}
#new .icon{float:left;border:1px solid #DCDEE1;background:none 1px 1px no-repeat;padding:1px}
#new .icon div{width:39px;height:39px}
#new .manga{float:left;background:#F5F5F5;margin-left:5px;height:39px;padding:4px 2px 0 2px;width:248px}
#new a img{float:right;padding:5px 15px 0 0}
#new a.top{color:#FF5400}
#new .manga span a{color:#909090;font-size:11px;font-weight:400}
#new li{float:left;padding-top:10px}
#new a:hover{color:#8F2F20}

#top{color:#909090;font-size:11px}
#top .avatar{float:left;width:39px;height:39px;border:1px solid #DCDEE1;background:none 1px 1px no-repeat;padding:1px}
#top .contributor{float:left;width:248px;margin-left:5px;height:39px;padding:4px 2px 0 2px;background:#F5F5F5}
#top .top1{background:#F5F5F5 url(../1st.png) 220px no-repeat}
#top .top2{background:#F5F5F5 url(../2nd.png) 220px no-repeat}
#top .top3{background:#F5F5F5 url(../3rd.png) 220px no-repeat}
#top .top4{background:#F5F5F5 url(../4th.png) 220px no-repeat}
#top .top5{background:#F5F5F5 url(../5th.png) 220px no-repeat}
#top a.arrow{color:#014387;font-weight:400}
#top a:hover{color:#8F2F20}
#top li{float:left;padding-top:10px}

#nav{margin-top:10px;text-align:center;float:right}
#nav li{margin-left:4px;float:left;padding:3px 0}
#nav li a{text-decoration:none;border:1px #CCC solid;color:#014387;padding:2px 6px}
#nav li a:hover{border:1px #e0a949 solid;background:#fffbe6}
#nav a .prev{background:url(../navprev.png) left no-repeat;padding-left:10px}
#nav a:hover .prev{background:url(../navprev_on.png) left no-repeat;padding-left:10px}
#nav a .next{background:url(../navnext.png) right no-repeat;padding-right:10px}
#nav a:hover .next{background:url(../navnext_on.png) right no-repeat;padding-right:10px}
#nav span.disable{border:1px #CCC solid;color:#909090;padding:2px 6px}
#nav #navprev span.disable span{background:url(../navprev_no.png) left no-repeat;padding-left:10px}
#nav #navnext span.disable span{background:url(../navnext_no.png) right no-repeat;padding-right:10px}
#nav .highlight{color:#8b2f20;margin:0 4px}
#nav .page_parts{clear:both}
#nav .page_parts a{font-weight:400}

#title hr,#chapters hr,#discussion hr{clear:left}

#title{width:702px;margin-bottom:10px}
hr{border:0;border-bottom:1px solid #ccc}
#sideads{float:left;padding:5px;margin:18px 18px 0;border:1px solid #333}
#title a{font-weight:normal}
#title a.original{font-weight:bold;padding-left:18px;background:url(../book_link.png) no-repeat left center;padding:1px 0 1px 18px}
#title h1{width:700px;white-space:nowrap;overflow:hidden;color:#8b2f20;font-size:28px;padding-bottom:5px}
#title h2{clear:left;padding-top:10px;color:#669900;font-size:14px;line-height:20px;float:left}
#title h3{white-space:nowrap;line-height:16px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#999;font-size:12px;margin-bottom:10px}
#title h3 a{font-weight:normal;color:#999;font-size:12px}
#title p.summary{text-align:justify;clear:left;overflow:hidden;color:#333;-o-text-overflow:ellipsis;text-overflow:ellipsis}
#title p.summary.more{background:url(../more.png) no-repeat right bottom;max-height:200px}
#title p.summary.less{background:none;max-height:none}
#title a.film, #title a.downloadimage{color:#669900;float:right;font-style:italic;font-weight:400;font-size:12px;line-height:20px;background:url(../film.png) no-repeat left center;padding-left:20px;margin-top:10px}
#title a.downloadimage{background: url(../downloadimage.png) no-repeat scroll left center; margin-left:10px;}
#title table tr th{font-weight:bold;font-size:11px;color:#272727;padding-right:5px}
#title table tr td{font-size:12px;font-weight:normal;padding:0 5px}
#title table tr td a{font-weight:normal;color:#666}

#series_info{width:208px;float:right;margin-left:10px;color:#696969}
#series_info .cover img{background-color:#fff;border:1px solid #604848;padding:3px}
#series_info .data{font-size:12px;font-weight:normal;margin-bottom:5px}
#series_info .data span{margin-left:5px;display:block}
#series_info .data h5{font-weight:bold;color:#272727}
#series_info a{font-weight:normal}
#series_info .data a{color:#666}
#series_info #rating{text-align:center;margin:0 auto}
#series_info #edition{clear:left;margin-bottom:20px;color:#696969;padding-top:5px;text-align:justify}
#series_info a.bookmark{background:url(../heart_add.png) left top no-repeat;padding:1px 0 1px 18px}
#series_info a.rss{background:url(../rss.gif) left top no-repeat;padding:1px 0 1px 18px}
#series_info a.upload{background:url(../add.png) left top no-repeat;padding-left:18px;padding-top:1px}
#series_info a.edit{background:url(../edit.png) left top no-repeat;padding-left:18px;padding-top:1px}
#series_info .stButton{margin:0 2px}

div.warning{border:2px solid #990000;background:#fef5f7 url(../warning.gif) no-repeat 17px 14px;margin:10px 0;padding:20px 20px 20px 100px;width:578px;float:left;text-align:justify;color:#990000;min-height:50px}

#chapters{width:702px}
#chapters h2{width:520px;white-space:nowrap;overflow:hidden;line-height:20px;color:#8b2f20;font-size:20px;padding-top:20px;float:left;padding-bottom:5px}
.slide{clear:left;cursor:pointer}
.slide img{float:left;cursor:pointer;margin:5px}
.chlist li a.edit{margin:2px 5px 0 0;float:left;visibility:hidden}
.chlist li .miniedit{display:block;width:11px;height:11px;background:url(../miniedit.png) no-repeat}
.chlist{width:697px;margin:5px 0 10px 5px;float:left}
.chlist li{float:left;padding-bottom:5px}
.chlist li div{width:694px;float:left}
.chlist h3,.chlist h4{line-height:14px;font-size:12px}
.chlist h3 a,.chlist h4 a{font-weight:normal;color:#4F4993}
.chlist i{color:#999;float:right;line-height:12px;font-size:10px}
.chlist span.title{color:#666;font-size:11px}
.chlist span.uploader{color:#999;float:right;font-size:11px;font-style:italic}
.chlist span.uploader a{color:#999;font-size:11px;font-weight:normal}
.chlist span.date{color:#666;float:right;font-size:11px;font-style:italic;line-height:12px}
#chapters span.expand{float:left;margin:5px;display:block;width:10px;height:10px;background:url(../expand.png) no-repeat}
#chapters span.collapse{float:left;margin:5px;display:block;width:10px;height:10px;background:url(../collapse.png) no-repeat}
h3.volume{font-size:12px;line-height:20px;font-weight:bold;float:left}
h3.volume span{font-weight:400;font-size:10px}
.expandall{color:#666;font-weight:400;font-size:11px;line-height:20px;background:url(../plus-button.png) no-repeat left center;padding-left:20px;margin:24px 5px 0 10px;float:right}
.collapseall{color:#666;font-weight:400;font-size:11px;line-height:20px;background:url(../minus-button.png) no-repeat left center;padding-left:20px;margin:24px 5px 0 10px;float:right}
.chlist .highlight{color:#000 !important}

#discussion{width:702px;clear:left}
#discussion a.forum{color:#0066cc;float:right;font-style:italic;font-weight:400;font-size:12px;line-height:20px;margin-top:24px;background:url(../forum.png) no-repeat left center;padding-left:20px}
#discussion h6{width:550px;white-space:nowrap;overflow:hidden;line-height:20px;color:#8b2f20;font-size:20px;padding-top:20px;float:left;padding-bottom:5px}

.tplist .author,.tplist .author a{color:#999;font-weight:400;line-height:20px}
.tplist .topic{font-style:italic;font-weight:400;color:#666;padding-left:20px;background:url(../topic.png) no-repeat left 2px}
.tplist .topic .title{font-style:italic;line-height:20px}
.tplist .topic .title a{font-style:normal;color:#4F4993;font-weight:400}
.tplist .date{float:right;font-size:11px;line-height:20px}
.tplist .highlight{color:#000 !important}

#searchform{clear:both;width:930px}
#searchform *{vertical-align:middle}
#searchform fieldset{font-size:12px;margin:0;padding:0}
#searchform .button{height:22px;border:0;overflow:hidden;cursor:hand;margin:0 5px;padding:22px 0 0}
#searchform .options_botton{cursor:pointer;width:61px;background:transparent url(../options_botton.gif) no-repeat center top}
#searchform .options_botton:hover{background:transparent url(../options_botton_bro.gif) no-repeat center top}
#searchform .search_button{cursor:pointer;width:80px;background:transparent url(../search_botton.gif) no-repeat center top}
#searchform .search_button:hover{background:transparent url(../search_botton_bro.gif) no-repeat center top}
#searchform .reset_button{cursor:pointer;width:58px;background:transparent url(../reset_button.gif) no-repeat center top}
#searchform .reset_button:hover{background:transparent url(../reset_button_bro.gif) no-repeat center top}
#searchform label{height:22px;line-height:22px;text-align:right;float:left;width:170px;margin-right:10px;position:relative;font-weight:700;color:#595959;text-decoration:none}
#searchform #searchbar{background:url(../searchbar.png) no-repeat;height:48px}
#searchform #searchbar.open{background-image:url(../searchopen.png)}
#searchform #searchbar ol{padding:12px}
#searchform fieldset li{float:left;width:100%;margin-bottom:5px}
#searchform fieldset ol li ul{float:left;width:710px;margin-left:5px}
#searchform fieldset ol li ul li{float:left;width:auto;margin-bottom:0;padding:0}
#searchform fieldset ol li ul li input{float:left;height:20px;line-height:20px}
#searchform fieldset ol li ul li label{text-align:left;width:100px;font-weight:400;height:20px;line-height:20px;margin:0 3px}
#searchform fieldset ol li ul#genres select{display:none}
#searchform fieldset ol li ul#genres label{width:130px;height:18px;line-height:18px}
#searchform fieldset ol li ul#genres label a{padding-left:20px;background:url(../genre_either.png) left center no-repeat;font-weight:400;font-size:12px;color:#595959}
#searchform fieldset ol li ul#genres label a.either{background-image:url(../genre_either.png)}
#searchform fieldset ol li ul#genres label a.include{background-image:url(../genre_include.png)}
#searchform fieldset ol li ul#genres label a.exclude{background-image:url(../genre_exclude.png)}
#searchform fieldset ol li ul#genres label a:hover{text-decoration:underline}
#searchform fieldset ol li ul.radios{float:left;list-style:none}
#searchform fieldset ol li ul.radios li{float:left;height:20px;width:auto}
#searchform fieldset ol li ul.radios li label{width:auto;margin:0 5px 1px 3px}
#searchform #searcharea{width:930px;background:url(../searchareabg.png) top left repeat-y;padding:12px}
#searchform #buttonarea{width:930px;background:url(../searchareabottom.png) bottom no-repeat;height:35px;padding-top:10px}
#searchform .adv{display:block}
#searchform .text,#searchform .select{font-size:14px}

#filter{border:1px solid #DDD2A4;border-bottom:none;clear:both;background:#EDE4BF;width:908px;padding:0 10px}
#filter a.button{vertical-align:middle;height:22px;position:relative;overflow:hidden;float:left;background-color:#999;cursor:hand;margin:10px 5px 0 0}
#filter a.button span{position:absolute;top:0;left:0;width:100%;height:100%}
#filter a.sort_date{width:59px}
#filter a.sort_date span{background:url(../dated.gif) no-repeat top}
#filter a.sort_date:hover span{background:transparent url(../dated_bro.gif) no-repeat top}
#filter a.sort_rating{width:61px}
#filter a.sort_rating span{background:transparent url(../rating.gif) no-repeat top}
#filter a.sort_rating:hover span{background:transparent url(../rating_bro.gif) no-repeat top}
#filter ul{margin:10px 0}
#filter li{float:left}
#filter li a{font:normal 15px Arial, Helvetica, sans-serif;color:#014387;text-decoration:underline;margin:10px 3px;padding:0 3px}
#filter li a:hover{font-weight:700;color:#8B2F20;text-decoration:none}
#filter h3{color:#2A6900;font:bold 16px Arial, Helvetica, sans-serif;margin:10px 0}
#filter li a.selected{color:#f60;font-weight:700}

#listing th{font-weight:700;color:#8B2F20;font:14px;background:#fffbeb;padding:0 5px}
#listing{color:#666;width:930px;border:1px solid #DDD2A4;clear:both}
#listing a{color:#333}
#listing tr{border:1px solid #DDD2A4;height:31px}
#listing td{border:1px solid #DDD2A4;padding:0 5px}
#listing th a{font-weight:700;color:#707070;font-size:14px;padding:0 5px}
#listing th a:hover{color:#8F2F20}
#listing tr.volume td{font-size:14px;font-weight:bold;background:#f5f5f5}
#listing a{color:#353232;font-weight:400}
#listing a:hover{color:#8b2f20}
#listing a.selected{font-weight:700;color:#8F2F20}
#listing a.az{background:url(../top.png) right 6px no-repeat;padding-right:12px}
#listing a.za{background:url(../bottom.png) right 6px no-repeat;padding-right:12px}
#listing a.manga_open{background:url(../manga_open.png) left top no-repeat;padding-left:22px}
#listing a.manga_close{background:url(../manga_close.png) 1px top no-repeat;padding:1px 0 1px 22px}
#listing a.edit{float:right;padding-right:5px}

span.stars{display:block;width:89px;height:16px;background:no-repeat}
span.star0{background-image:url(../stars0.png)}
span.star05{background-image:url(../stars05.png)}
span.star10{background-image:url(../stars10.png)}
span.star15{background-image:url(../stars15.png)}
span.star20{background-image:url(../stars20.png)}
span.star25{background-image:url(../stars25.png)}
span.star30{background-image:url(../stars30.png)}
span.star35{background-image:url(../stars35.png)}
span.star40{background-image:url(../stars40.png)}
span.star45{background-image:url(../stars45.png)}
span.star50{background-image:url(../stars50.png)}

#tooltip{position:absolute;opacity:0.9;color:#fff;width:172px;z-index:13000;text-align:left;left:0;top:0}
#tooltip h3{font-weight:700;font-size:11px;background:url(../bubble.png) top left;margin:0;padding:8px 8px 4px}
#tooltip div.body{font-size:11px;background:url(../bubble.png) bottom right;margin:0;padding:4px 8px 8px}

#tooltip.preview{background:#333;border:5px solid #000;color:#fff;width:600px}
#tooltip.preview.load{width:146px}
#tooltip.preview h3{font-size:16px;font-weight:400;padding:4px 10px 6px 10px;background:#000}
#tooltip.preview h3 span{float:right}
#tooltip.preview div{background:none;margin:0;padding:0}
#tooltip.preview .body{font-size:12px;position:relative;padding:10px;z-index:10000;overflow:hidden}
#tooltip.preview .body h5{position:absolute;bottom:0;right:0;margin:0;padding:0;line-height:72px;font-size:100px;z-index:10000;color:#555}
#tooltip.preview .body .aka{float:left;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-bottom:5px}
#tooltip.preview .body .basic{float:left}
#tooltip.preview .body span{float:left;display:block;margin-right:10px}
#tooltip.preview .body span b{color:#999}
#tooltip.preview .body hr{float:left;border:0;border-top:1px solid #000}
#tooltip.preview .body p{line-height:13px;font-size:11px;text-align:justify}
#tooltip.preview .body .cover{margin-right:10px;border:1px solid #fff;padding:1px;float:left;width:150px;max-height:200px}
#tooltip.preview .body .cover div{overflow:hidden;width:150px;max-height:200px}
#tooltip.preview .body .above{position:relative;z-index:11000}
#tooltip.preview .body .w{width:416px}
#tooltip.preview .body .f{width:580px}

#bmorder a{font:italic 700 12px Arial, Helvetica, sans-serif;color:#014387;text-decoration:underline}
#bmorder a:hover{font-weight:700;color:#8B2F20;text-decoration:none}

#bookmark ul{width:930px;margin-top:10px;color:#333}
#bookmark ul a{font-weight:400}
#bookmark ul dl dt a.chapter{margin-left:5px;color:#666}
#bookmark ul dl dt a.page{font-size:11px;color:#666}
#bookmark ul dl dt{font-size:11px;}
#bookmark ul h2{line-height:20px}
#bookmark ul h2 em{margin-right:10px}
#bookmark ul .title{padding:0 5px;}
#bookmark ul .title a,#updates .title a:hover{color:#4f4993;font-size:12px}
#bookmark ul .title a{line-height:20px}
#bookmark ul em{float:right;width:270px;display:block}
#bookmark ul dt em{margin-right:30px}
#bookmark ul div{line-height:12px;float:left;width:930px;padding-top:5px}
#bookmark ul div.series_grp{padding-bottom:5px;border-bottom:1px solid #ccc}
#bookmark ul li span.status{display:block;text-align:right;float:right;width:110px}
#bookmark ul li span.timing{display:block;text-align:right;float:right;width:160px}
#bookmark ul dt{float:left;width:920px;clear:both;line-height:16px;padding:0 5px}
#bookmark ul .manga_open{background:url(../manga_open.png) left center no-repeat;padding:4px 5px 4px 23px}
#bookmark ul .manga_close{background:url(../manga_close.png) left center no-repeat;padding:4px 5px 4px 23px}
#bookmark .remove{float:left;margin-left:22px}
#bookmark ul h2 a.bigremove{float:right;padding:1px;border:1px solid #eee}
#bookmark{width:930px}

#bookmark span.removeoff{display:block;width:16px;height:16px;background:url(../cross.off.png) no-repeat}
#bookmark span.removeon{display:block;width:16px;height:16px;background:url(../cross.on.png) no-repeat}
#bookmark span.plus{float:left;margin:5px;display:block;width:10px;height:10px;background:url(../plus.png) no-repeat}
#bookmark span.minus{float:left;margin:5px;display:block;width:10px;height:10px;background:url(../minus.png) no-repeat}
#bookmark span.noexpand{float:left;margin:5px;display:block;width:10px;height:10px;background:url(../noexpand.png) no-repeat}
#bookmark span.updateoff{float:left;margin-top:3px;display:block;width:10px;height:10px;background:url(../mini.update.off.png) no-repeat}
#bookmark span.deleteoff{float:left;margin-top:3px;display:block;width:10px;height:10px;background:url(../mini.delete.off.png) no-repeat}
#bookmark span.deleteon{float:left;margin-top:3px;display:block;width:10px;height:10px;background:url(../mini.delete.on.png) no-repeat}

#bmfilter{margin-bottom:10px}
#bmfilter li{float:left}
#bmfilter li a{font:normal 15px Arial, Helvetica, sans-serif;color:#014387;text-decoration:underline;margin:10px 3px;padding:0 3px}
#bmfilter li a:hover{font-weight:700;color:#8B2F20;text-decoration:none}
#bmfilter li a.selected{color:#f60;font-weight:700}
.nomark{font-size:14px;line-height:30px;border:1px solid #ddd2a4;padding:10px}

.head{font:bold 18px Arial,Helvetica,sans-serif;color:#8F2F20;margin-bottom:10px}

.manga_list{width:465px;float:left}
.manga_list ul{background:none repeat scroll 0 0 #FFFBEB;float:left;position:relative;width:421px;margin:2px;padding:30px 20px 20px}
.manga_list ul em{color:#8f2f20;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:18px;font-style:normal;font-weight:700;left:10px;position:absolute;top:5px}
.manga_list ul li{margin:5px 0}
.manga_list ul .top{position:absolute;top:8px;right:8px;background:url(../return.png) right top no-repeat;width:16px;height:16px}
.manga_list ul li a{font-weight:400}
.manga_list .manga_open{background:url(../manga_open.png) left top no-repeat;padding-left:22px}
.manga_list .manga_close{background:url(../manga_close.png) left top no-repeat;padding:1px 0 1px 22px}

#faq ol{border:1px solid #ddd2a4;border-top:none;width:908px;padding:10px}
.text a{color:#014387;text-decoration:underline}
#faq li{color:#696969;line-height:25px}
#faq span{color:#8b2f20;font-size:14px;font-weight:700}
#message{border:1px solid #ddd2a4;border-bottom:none;background:#fffae7;color:#2a6900;font-size:14px;font-weight:700;padding:7px 5px}

.login_logo{margin-left:50px;width:170px;height:300px;background:url(../login_rw.gif) no-repeat}
.login_form{width:663px;height:172px;background:#fffae7;border:1px solid #dfcf93;margin-top:31px;border-left:none;padding-left:15px;line-height:250%}
.login_form a{color:#014387;font-weight:400;text-decoration:none;margin-left:5px}
.login_form p{margin-bottom:20px;border-bottom:1px solid #e1d29a;line-height:150%;padding:10px 0}
.login_form p span{color:#8b301e;font-weight:700;font-size:16px}
.login_form fieldset input{margin-top:3px;border:1px solid #ccc;padding:4px;width:300px}
.login_form label{width:80px;float:left}
.login_form_bottom{padding-top:20px;margin-left:200px}
.login_form_bottom .button{vertical-align:middle;border:0;overflow:hidden;cursor:pointer;margin:0 10px}
.login_form_bottom .login_button{width:61px;height:27px;background:transparent url(../login.gif) no-repeat center top;padding:27px 0 0}
.login_form_bottom .login_button:hover{width:61px;height:27px;background:transparent url(../login_hover.gif) no-repeat center top;padding:27px 0 0}
#error{width:930px;padding:10px}
#error #attention{text-align:center;border:1px solid #ddd2a4;background:#fffae7;color:#8b301e;font-size:14px;font-weight:700;padding:30px 0}
#error p span{text-decoration:none;background:url(../oops.png) left no-repeat;padding:15px 0 20px 55px}
#error .wrong{background:url(../wrong_rw.gif) no-repeat;width:164px;height:157px}
#error .wrapper{width:680px}
#error .left{color:#333;padding-top:30px;padding-left:15px}
#error .left a{color:#034486;font-size:14px;font-weight:700;text-decoration:underline}

#mangalist .list{letter-spacing:-3px;color:#818181}
#mangalist .list li{width:290px;letter-spacing:0;vertical-align:top;display:inline;zoom:1;margin:0 8px 10px 0;float:left}
#mangalist .list li .manga_img{position:relative;float:left;border:1px #e5e5e5 solid;width:100px;height:124px;margin-right:10px;padding:1px}
#mangalist .list li .manga_img img{width:100px}
#mangalist .list li .manga_img div{width:100px;height:124px;float:left;overflow:hidden}

#mangalist .list li .manga_text{float:left;width:176px;overflow:hidden}
#mangalist .list li .manga_text p{line-height:21px;clear:left}
#mangalist .list li .manga_text p label{color:#666;margin-right:6px}
#mangalist .list li .manga_text p span{float:left}
#mangalist .list li .manga_text p span.stars{margin-top:2px}
#mangalist .list li .manga_text p span.rate{margin-left:4px;color:#ff9000}
#mangalist .list li .manga_text p.info{font-size:11px;line-height:16px}
#mangalist .list li a{color:#4F4993;font-weight:400}
#mangalist .list li a:hover span{text-decoration:underline}
#mangalist .list li a.title{float:left;color:#FF5400;font-size:14px;font-weight:700;display:block}
#mangalist .list li a.title:hover{color:#8f2f20}
#mangalist .list li p.latest span{cursor:hand;margin-right:5px;max-width:140px}
#mangalist .sort_by{line-height:22px;background-color:#f5f5f5;border-radius:3px;margin-bottom:10px;color:#818181;padding:4px 10px}
#mangalist .sort_by a{float:left;font-weight:400}

.tag_updated,.tag_completed,.tag_hot,.tag_new{position:absolute}
.tag_hot,.tag_new{background:url(../tag_hot.png) no-repeat;height:50px;left:-3px;top:-3px;width:50px}
.tag_new{background-image:url(../tag_new.png)}
.tag_updated,.tag_completed{background:url(../tag_updated.png) no-repeat;height:15px;left:1px;bottom:1px;width:100px}
.tag_completed{background-image:url(../tag_completed.png)}

#mangalist .head{border-bottom:5px solid #f0f0f0;margin-bottom:10px;position:relative;padding:0 0 5px 5px}
#mangalist .head h1{line-height:22px;font-size:16px;font-weight:700;color:#8f2f20}
#mangalist .head .line_black{height:5px;background-color:#545454;font-size:0;position:absolute;left:0;bottom:-5px;width:100px}

.sort_btns{height:22px;line-height:22px;background-position:0 0 !important;float:left;text-decoration:none;margin-left:10px;font-weight:400}
.sort_btns span{background-position:right -22px !important;float:left;margin-left:12px;padding-right:12px;margin-right:-2px;_margin-right:0;color:#2a2727;cursor:pointer}
.sort_btns,.sort_btns span,.sort_btns.select,.sort_btns.select span,.text_list_button{background:url(../manga_list-icons.png) no-repeat}
.sort_btns:hover span,.sort_btns.select span{background-position:right -66px !important;margin-right:-2px;_margin-right:0;text-decoration:none;color:#8f2f20}
.sort_btns:hover,.sort_btns.select{background-position:0 -44px !important;text-decoration:none}

.text_list_button{width:114px;height:22px;float:right;background-position:0 -91px}
.text_list_button:hover{background-position:0 -113px}

#manga_genres{background:#fff;border:1px solid #decf92;width:300px;padding:10px}
#manga_genres h2{color:#2A6900;font:bold 16px Arial, Helvetica, sans-serif;margin-bottom:10px}
#manga_genres ul{margin-bottom:10px}
#manga_genres ul li{float:left;width:150px;line-height:22px}
#manga_genres ul#alphabetical_filter li{width:21px}
#manga_genres ul#released_filter li{width:45px}
#manga_genres ul li a{color:#4F4993;font-weight:400}
#manga_genres ul li a.select{font-weight:700}

#bookmark ul.bookmark_nav{border-bottom:1px solid #decf92; padding-left:5px; *zoom:1; width:auto;}
#bookmark ul.bookmark_nav:after, .bookmark_contact_title:after, #bmlist:after{display:block; content:'clear'; clear:both; overflow:hidden; visibility:hidden; height:0;}
#bookmark ul.bookmark_nav li{float:left; padding:0 15px; border:1px solid #ccc; border-bottom:none; height:26px; line-height:26px; margin-left:5px; font-size:14px; _display:inline; border-radius:5px 5px 0 0; background-color:#fefefe; background:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #fefefe), color-stop(10%, #fcfcfc), color-stop(50%, #f9f9f9), color-stop(50%, #f7f7f7), color-stop(100%, #f4f4f4)); background:-moz-linear-gradient(top, #fefefe 0%, #fcfcfc 10%, #f9f9f9 50%, #f7f7f7 50%, #f4f4f4 100%); background:linear-gradient(top, #fefefe 0%, #fcfcfc 10%, #f9f9f9 50%, #f7f7f7 50%, #f4f4f4 100%);}
#bookmark ul.bookmark_nav li a{text-decoration:none; color:#8b2f20;}
#bookmark ul.bookmark_nav li.selected{border:1px solid #decf92; border-bottom:1px solid #fff; margin-bottom:-1px; background-color:#feefa1; background:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #fffae3), color-stop(10%, #fffbe8), color-stop(50%, #fffcef), color-stop(50%, #fffdf6), color-stop(100%, #ffffff)); background:-moz-linear-gradient(top, #fffae3 0%, #fffbe8 10%, #fffcef 50%, #fffdf6 50%, #ffffff 100%); background:linear-gradient(top, #fffae3 0%, #fffbe8 10%, #fffcef 50%, #fffdf6 50%, #ffffff 100%);}
#bookmark ul.bookmark_nav li.selected a{font-weight:bold; color:#2a6900;}
.bookmark_contact_title{background-color:#f5f5f5; border-radius:3px 3px 3px 3px; height:26px; line-height:26px; margin:5px 0; padding:0 5px; width:920px !important; color:#818181; *zoom:1;}
.bookmark_contact_title label{color:#186aad;}
.bookmark_contact_title label input{margin:0 5px 3px 0; vertical-align:middle;}
.bookmark_contact_title .delete{background-image:url(../delete.gif); width:78px; height:22px; text-indent:-9999px; border:none; cursor:pointer; padding:0; margin:2px 5px 0; vertical-align:top;}
.bookmark_contact_title .delete:hover{background-image:url(../delete.hover.gif);}
.bookmark_contact_title #nav ul, .bookmark_contact_title #nav ul li, .bookmark_contact_title #nav{width:auto; margin-top:0; padding:0;}
#bookmark ul div.series_grp input{float:left; margin-top:3px; vertical-align:middle;}

/* mobile banner */
.mobile-banner{height:150px; width:100%; background:rgba(0,0,0,0.8); text-align:center; position:fixed; left:0; bottom:0;}
.mobile-banner img{width:100%; height:100%; max-height:150px; max-width:960px;}
.mobile-banner .close{position:absolute; top:5px; right:50%; margin-right:-465px; width:60px; height:60px; border-radius:50%; color:#999; text-align:center; line-height:60px; font-size:50px;}
.mobile-banner .close:hover{text-decoration:none;}

/* sidetip */
.sidetip{position:fixed; left:-32px; top:70%;}
.sidetip .setting-icon{background:url(../setting-icon.png) center center #75b520 no-repeat; color:#fff; border:3px solid #fff; border-radius:50%; font-size:42px; width:64px; height:64px; text-align:center; line-height:64px; float:left; position:relative; z-index:4;}
.sidetip .sidetip-btn{float:left; height:50px; background-color:#75b520; border-radius:30px; border:3px solid #fff; padding:0 15px 0 35px; margin:8px 0 0 -35px; z-index:3; position:relative; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.sidetip .sidetip-btn a{display:inline-block; text-align:center; color:#fff; padding:0 10px; line-height:15px; font-size:13px; margin-top:10px;}
.sidetip .sidetip-btn a:last-child{border-left:1px solid #91c44d;}
.sidetip .slideout{-webkit-transform:translate3d(-100%, 0, 0); -moz-transform:translate3d(-100%, 0, 0); -o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}

@media only screen and (min-width:1px)and (max-width:1000px){
    .sidetip{left:-64px;}
	.sidetip .setting-icon{background:url(../setting-iconbig.png) center center #75b520 no-repeat; border:6px solid #fff; width:160px; height:160px; line-height:160px;}
    .sidetip .sidetip-btn{height:120px;  padding:0 30px 0 50px; margin:20px 0 0 -60px; border:6px solid #fff;}
	.sidetip .sidetip-btn a{padding:0 25px; line-height:42px;  font-size:36px; margin-top:15px;}
}