/*-------------------------------------------------*/
/* = OP
/*-------------------------------------------------*/
#hide {
z-index:101;
height:41px;
width:44px;
position:fixed;
right:196px;
top:195px;
background:url(../img/bg/tohide.jpg);
border:1px solid #e5e5e5;
border-right:1px solid #e9e9e9
}

#show {
opacity:0;
z-index:101;
height:41px;
width:44px;
position:fixed;
right:0;
top:195px;
background:url(../img/bg/toshow.jpg);
border:1px solid #e5e5e5;
border-right:1px solid #e9e9e9
}

#option_panel {
width:195px;
background:#fff;
position:fixed;
right:0;
z-index:1.0E+18;
top:150px;
-webkit-box-shadow:0 2px 5px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0 2px 5px 2px rgba(0,0,0,0.1);
box-shadow:0 2px 5px 2px rgba(0,0,0,0.1);
border:1px solid rgba(0,0,0,0.1);
-webkit-border-top-left-radius:2px;
-webkit-border-bottom-left-radius:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-bottomleft:2px;
border-top-left-radius:2px;
border-bottom-left-radius:2px;
transition:all ease-in-out .4s;
-webkit-transition:all ease-in-out .4s;
-moz-transition:all ease-in-out .4s;
-o-transition:all ease-in-out .4s
}

.op_top_title {
color:#000;
font-size:15px;
height:44px;
line-height:44px;
text-align:center;
border-bottom:1px solid rgba(0,0,0,0.1);
background-image:linear-gradient(top,#FFF 0%,#F7F4F4 100%);
background-image:-o-linear-gradient(top,#FFF 0%,#F7F4F4 100%);
background-image:-moz-linear-gradient(top,#FFF 0%,#F7F4F4 100%);
background-image:-webkit-linear-gradient(top,#FFF 0%,#F7F4F4 100%);
background-image:-ms-linear-gradient(top,#FFF 0%,#F7F4F4 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(1,#F7F4F4))
}

.op_sub_title {
font-size:12px;
height:41px;
line-height:41px;
text-align:center;
border-bottom:1px solid rgba(0,0,0,0.1)
}

.layout_select {
font-size:12px;
height:41px;
line-height:41px;
border-bottom:1px solid rgba(0,0,0,0.1)
}

#to_wide,#to_boxed {
padding:3px;
border:1px solid #dcdcdc;
background-color:rgba(230,230,230,0.3);
margin:0 0 0 41px;
cursor:pointer
}

.skin_select {
font-size:12px;
height:82px;
line-height:38px;
border-bottom:1px solid rgba(0,0,0,0.1)
}

#to_light,#to_light_t,#to_dark,#to_dark_t {
padding:3px;
border:1px solid #dcdcdc;
background-color:rgba(230,230,230,0.3);
margin:0 0 0 21px;
cursor:pointer
}

#to_dark,#to_dark_t {
background-color:#353535;
color:#f1f1f1
}

.color_select {
font-size:12px;
height:65px;
line-height:38px;
padding:7px;
border-bottom:1px solid rgba(0,0,0,0.1)
}

.color_select img {
float:left;
margin:10px 1px 0 0;
cursor:pointer
}

.bg_select {
font-size:12px;
height:38px;
line-height:38px;
padding:14px 0 0 46px;
border-bottom:1px solid rgba(0,0,0,0.1)
}

.bg_select img {
margin-right:1px;
cursor:pointer;
max-width:25px;
min-width:25px
}