a:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

a::after{
	position:absolute;
	top:100%;
	left:0;
	width:0%;
	height:1px;
	content:'';
}

a:hover::after{
	width:100%;
}

.icon a:after, #permalink a:after, #pagination a:after, #info a:after{
    display:none;
}

img, embed, object, iframe, video{
    max-width:100%;
}

#container{
    position:fixed;
    z-index:1;
    bottom:40px;
    left:100px;
}

.icon{
    margin-left:66px;
    width:50px;
    height:50px;
    border-radius:100px;
}

.image{
    position:relative;
    z-index:10;
    width:50px;
    height:50px;
    border-radius:100px;
    overflow:hidden;
}

.icon-border{
    position:fixed;
    z-index:5;
    margin-top:-10px;
    margin-left:-10px;
    width:68px;
    height:68px;
    border-radius:100px;
}

#box{
    position:relative;
    margin-top:40px;
    margin-left:0px;
    overflow:hidden;
    width:182px;
}

.sidebar{
    width:182px;
    height:100px;
}

.sidebar .belt{
    position:absolute;
    left:0px;
    top:0px;
}

.sidebar .panel{
    float:left;
    margin:0px 10px;
    overflow:hidden;
    width:162px;
    height:100px;
}

.sidebar .panel .desc{
    position:absolute;
    width:140px;
    max-height:72px;
    overflow:auto;
    padding:10px;
}

.title{
    margin:4px 0px 10px 0px;
    width:162px;
    text-align:center;
}

#content{
    margin:0px auto;
    padding:0px;
    width:600px;
}

ul.chat{
    margin:0px;
    padding:0px;
}
 
.chat li{
    list-style-type:none;
    padding:10px;
    margin:10px 0px;
    border-radius:3px;
}
 
.label{
    font-weight:bold;
}

.question{
    margin-bottom:20px;
    padding:0px 10px 10px 10px;
    border-radius:3px;
}

#permalink{
    margin:40px auto auto auto;
    width:126px;
    height:42px;
    overflow:hidden;
}

#b{
    opacity:0;
    width:24px;
    height:24px;
    border-radius:50px;
}

#permalink:hover #b{
    opacity:1;
    margin:8px 0px;
}

.b1{
    margin:8px 0px 0px 10px;
}

.b2{
    margin:8px 10px 0px 0px;
}

.lb{
    position:relative;
    z-index:60;
    margin:2px;
    width:20px;
    height:20px;
    -moz-transform:scale(0.4,0.4);
    -webkit-transform:scale(0.4,0.4);
    transform:scale(0.4,0.4);
}

.rb{
    position:relative;
    z-index:60;
    margin:4px;
    width:16px;
    height:16px;
}

.p{
    margin:auto;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    letter-spacing:1px;
    font-size:8px;
    border-radius:50px;
}

#p-border{
    position:relative;
    z-index:50;
    opacity:0;
    border-radius:50px;
}

#b:hover #p-border, .p:hover #p-border, #pagination:hover #p-border{
    opacity:1;
    transition:all 0.3s linear;
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}

.pb{
    margin-top:-41px;
    margin-left:-1px;
    width:40px;
    height:40px;
}

.bb{
    margin:-25px 0px 0px -1px;
    width:24px;
    height:24px;
}

.info{
    padding:0px 10px;
    margin-top:-5px;
}

.tag{
    margin:30px 0px 20px 0px;
    text-align:right;
}

.src{
    margin:0px 0px 30px 0px;
    text-align:left;
}

@-webkit-keyframes spin{ 100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin{ 100% { -moz-transform: rotate(360deg); } }
@keyframes spin{ 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#pagination{
    position:fixed;
    z-index:50;
    width:15px;
    height:15px;
    text-align:center;
    line-height:15px;
    font-size:11px;
    border-radius:50px;
}

.pagi{
    margin:-16px 0px 0px -1px;
    width:15px;
    height:15px;
}

.next{
    margin-top:-19px;
    margin-left:119px;
}

.prev{
    margin-top:0px;
    margin-left:130px;
}
 
.tab{
    padding:40px;
    overflow:hidden;
    font-size:7px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin:-60px auto 120px auto;
}

.tab label{
    cursor:pointer;
    overflow:hidden;
    display:block;
}

.tab label::before{
    float:left;
    content:"show notes";
}

.tab input:checked + label::before{
    content:"hide notes";
}

.tab label::after{
    float:right;
    text-align:right;
}

.tab input:checked + label::after{
}

.tab article{
    display:none;
}

.tab input:checked ~ article{
    margin-top:20px;
    display:block;
}

.tab input, .notes img{
    display:none;
}

ol.notes{
    margin:0px;
    padding:0px;
    list-style:none;
}

.pg{
    display:none;
}