/* BASIC css start */
/*ΔόΔόΔό*/
#rightBar {position:fixed;right:-199px;top:0;padding-top:0px;width:224px;height:100%;border-right:1px solid #e3e3e3;z-index:999;}
#rightBar.mainOpen {right:0;}

#rightBar .rightinner {margin-left:26px;width:194px;padding:15px ;height:100%;background-color:#fff;border-left:1px solid #e3e3e3;}

#rightBar .rightinner .inlinebar {margin:10px -15px;height:1px;background:#e3e3e3;}

#rightBar .rightinner .insta {width:170px;padding:20px 0;}
#rightBar .rightinner .insta .instaTit {overflow:hidden;padding:0 0 10px;font-size:10px;font-family:"arial";}
#rightBar .rightinner .insta .instaTit span {float:left;padding-right:10px;}
#rightBar .rightinner .insta .instaTit strong {display:block;font-weight:bold;;font-size:11px;line-height:39px;}
#rightBar .rightinner .insta .instaTit span img {max-width:40px;border-radius:150%;}

#rightBar .rightinner .otherSocial {overflow:hidden;padding:10px 0;}
#rightBar .rightinner .otherSocial .instaTit {overflow:hidden;padding:10px 0 10px;font-size:10px;font-family:"arial";}
#rightBar .rightinner .otherSocial .instaTit span {float:left;padding-right:10px;}
#rightBar .rightinner .otherSocial .instaTit strong {display:block;font-weight:bold;;font-size:11px;line-height:16px;}
#rightBar .rightinner .otherSocial .instaTit span img {max-width:40px;border-radius:150%;}

#rightBar ul.boardList {position:relative;padding:20px 0;width:180px;background-color:#fff;}
#rightBar ul.boardList li {display:inline-block;width:80px;border:1px solid #ddd;height:28px;line-height:28px;margin:2px 0;text-align:center;}

#rightBar .rightinner .quickCS {padding:20px 0px;font-family:"Roboto";}
#rightBar .rightinner .quickCS h3 {font-family:"Roboto";font-size:12px;font-weight:500;}
#rightBar .rightinner .quickCS .call {display:block;padding:5px 0;font-size:14px;font-weight:700;}
#rightBar .rightinner .quickCS .time {display:block;font-size:10px;line-height:16px;}

.xans-layout-productrecent { position:relative;padding:5px 0;display:block; line-height:1%; font-size:1%; }
.xans-layout-productrecent h3 {font-family:"Roboto";line-height:28px;font-size:12px;font-weight:500;text-align:left; }
.xans-layout-productrecent ul { margin:0 auto;text-align:left; }
.xans-layout-productrecent li {display:i    nline-block;margin:2px;width:51px;border:1px solid #ddd;}
.xans-layout-productrecent li img { display:block; margin:0 auto;width:51px; }
.xans-layout-productrecent li span { display:block; padding:0 0 5px; font-size:11px; line-height:18px; }
.xans-layout-productrecent .player {position:absolute;top:10px;left:120px;}


#rightBar ul.barList {position:relative;left:26px;width:120px;height:100%;background-color:#fff;border-left:1px solid #e3e3e3;}
#rightBar ul.barList li.first {height:170px;background-color:#f2f2f2;}

#rightBar ul.barList li.hidden {visibility:hidden;}

#rightBar ul.barList li a {display:block;height:41px;padding-left:37px;border-bottom:1px solid #e3e3e3;line-height:41px;color:#999;}



#rightBar ul.barList li a:hover {background-color:#f8f8f8;color:#000;}
#rightBar ul.barList li li a:hover {background-color:transparent;}


#rightBar ul.barList li {position:relative;}
#rightBar ul.barList li span.count {position:absolute;left:-5px;top:20px;display:block;width:17px;height:17px;border-radius:10px;background-color:#000;color:#fff;line-height:17px;text-align:center;
font-size:10px;z-index:1;font-family:"arial";}

#rightBar ul.barList li.rctView li a {display:block;background:none;border:0 none;padding:0;}
#rightBar ul.barList li.rctView li a:hover {color:#999;}

#rightBar p.close {position:absolute;left:0;top:50%;margin-top:-44px;}



#layerTodayView { width: 170px;  }
#layerTodayView .list { width: 170px; }
#layerTodayView .list li { display:inline-block;width:50px; text-align: center; }
#layerTodayView .list img { width: 50px; height: 50px; }




/* BASIC css end */