/* BASIC css start */
#YP{padding-top: 10px;}
#YP .cate-wrap .bcate h1{padding-bottom: 10px;float:left; font-size:21px; color: #202020; line-height: 46px; height: 46px;}
#YP .cate-wrap .bcate .loc-navi{float:right;color: #a4a4a4; font-weight: 300; }
#YP .cate-wrap .bcate .loc-navi a{color: #a4a4a4; font-weight: 300;}
#YP .class-list{margin-bottom: 30px;display: table; width: 100%; border-top: 1px solid #e3e3e3;}
#YP .cate-wrap .class-list ul { border-bottom:1px solid #e3e3e3;  *zoom:1 }
#YP .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#YP .cate-wrap .class-list ul li { padding:25px 35px; float:left }
#YP .cate-wrap .class-list ul li a { display:block; font-size:15px; color:#484848; font-weight:300; }
#YP .cate-wrap .class-list ul li a.on{color:#000;font-weight:500;}
#YP .bbs-link { position: relative; }
#YP .bbs-link-top { margin-top: 10px; margin-bottom: -40px; margin-right: 400px; text-align: left; margin-left: 18px; }
#YP .bbs-link-btm { margin-top: 10px; margin-bottom: -40px; text-align: right; }

#sub{text-align:center}

.__rule:after {content:"";display:block;clear:both;}
.__rule .tab {float:left;width:300px;}
.__rule .tab a {display:block;border:1px solid #ddd;margin-top:-1px;padding:15px 30px;font-size:15px;color:#666;position:relative; text-align: left; font-weight: 300;}
.__rule .tab a:first-child {margin-top:0;}
.__rule .tab a:hover,
.__rule .tab .active {z-index:10;background:#e8334a;border-color:#e8334a;color:#fff;}
.__rule .area {float:right;width:912px;border:1px solid #ddd;background:#fafafa;}
.__rule .area .box {display:none; padding:40px; font-size:13px; line-height:1.8em; text-align: left; font-weight: 300; color: #000;/* white-space: pre-wrap;*/}
.__rule .area .box strong{display:inline-block;margin-left:-5px;}
.__rule .area .box.active {display:block;}

/* BASIC css end */