﻿@charset "utf-8";
/* CSS Document */

.mt75 { margin-top:75px; }
.ptb60 { padding-top: 60px; padding-bottom: 60px; }
.bg-fa { background:#fafafa; }

/* ico */
.ioc-pop, .ico-sld, .ico-art, .ico-per {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
}
.ioc-pop { background: url(http://css.66law.cn/images/sld/pop/ioc-pop.png) no-repeat; }
.ico-sld  { background: url(http://css.66law.cn/images/sld/ico-sld.png) no-repeat; }
.sld-line { background: url(http://css.66law.cn/images/sld/line.png) repeat-x bottom; }
.ico-per { background: url(http://css.66law.cn/images/sld/ico-per.png) no-repeat; }
.ico-art {
    background: url(http://css.66law.cn/images/article/ico-art.png) no-repeat;
}
.i-art18, .i-art19 {
    width: 3px;
    height: 3px;
}
.i-art18 {
    background-position: -105px -60px;
}
        /*ioc-pop*/
.i-pop1, .i-pop2, .i-pop3, .i-pop4, .i-pop5 {
	width:38px; height:33px;
}
.i-pop1 { background-position:0 0; }
.i-pop2 { background-position:0 -40px; }
.i-pop3 { background-position:0 -80px; }
.i-pop4 { background-position:0 -120px; }
.i-pop5 { background-position:0 -160px; }
.i-pop6 {
	width:14px; height:20px; 
	background-position:0 -200px; 
}
.i-pop7 {
	width:12px; height:12px; 
	background-position:-25px -205px; 
}
.i-pop8 {
	width:28px; height:24px; 
	background-position:0 -225px; 
}
    /*ico-sld*/
.i-sld1 {
    width: 12px; height: 12px;
    background-position: 0 0;
}
.i-sld2, .i-sld3, .i-sld7, .i-sld9 {
    width: 14px; height: 14px;
}
.i-sld2 { background-position: 0 -20px; }
.i-sld3 { background-position: 0 -40px; }
.i-sld4, .i-sld5, .i-sld21  {
    width: 16px; height: 16px;
}
.i-sld4 { background-position: 0 -60px; }
.i-sld5 { background-position: 0 -80px; }
.i-sld6 {
    width: 18px; height: 18px;
    background-position: 0 -100px;
}
.i-sld7 { background-position: 0 -125px; }
.i-sld8 {
    width: 20px; height: 14px;
    background-position: 0 -145px;
}
.i-sld9 { background-position: 0 -165px; }
.i-sld10 {
    width: 13px; height: 15px;
    background-position: 0 -185px;
}
.i-sld11 {
    width: 18px; height: 14px;
    background-position: 0 -205px;
}
.i-sld12, .i-sld13, .i-sld14, .i-sld15, .i-sld16, .i-sld17, .i-sld18, .i-sld19 {
    width: 18px; height: 16px;  
}
.i-sld12{ background-position: 0 -225px; }
.i-sld13 { background-position: 0 -250px; }
.i-sld14 { background-position: 0 -275px; }
.i-sld15 { background-position: 0 -300px; }
.i-sld16 { background-position: 0 -325px; }
.i-sld17 { background-position: 0 -350px; }
.i-sld18 { background-position: 0 -375px; }
.i-sld19 { background-position: 0 -400px; }
.i-sld20 {
    width: 64px; height: 70px;
    background-position: 0 -425px;
}
.i-sld21 { background-position: -35px 0; }
.i-sld22 {
    width: 16px; height: 12px;
    background-position: -35px -25px;
}
.i-sld23 {
    width: 16px; height: 15px;
    background-position: -35px -50px;
}
.i-sld24 {
    width: 14px; height: 9px;
    background-position: -35px -75px;
}
.i-sld25 {
    width: 13px; height: 9px;
    background-position: -35px -95px;
}
.i-sld26 {
    width: 10px; height: 10px;
    background-position: -35px -115px;
}
.i-sld27 {
    width: 14px; height: 5px;
    background-position: -35px -135px;
}
.i-sld28 {
    width: 9px; height: 11px;
    background-position: -35px -155px;
}
.i-sld29, .i-sld30, .i-sld31 {
    width: 17px;height: 17px;
}
.i-sld29 { background-position: -35px -175px; }
.i-sld30 { background-position: -35px -200px; }
.i-sld31 { background-position: -35px -225px; }
.i-sld32 {
    width: 13px; height: 13px;
    background-position: -35px -250px;
}
.i-sld33 {
    width: 14px; height: 12px;
    background-position: -35px -270px;
}
.i-sld34 {
    width: 17px; height: 9px;
    background-position: -35px -295px;
}
.i-sld35 {
    width: 9px; height: 5px;
    background-position: -35px -315px;
}
.i-sld36, .i-sld37 {
    width: 14px; height: 8px;
}
.i-sld36 { background-position: -35px -335px; }
.i-sld37 { background-position: -35px -350px; }
.i-sld38, .i-sld38b {
    width: 11px; height: 7px;
}
.i-sld38 { background-position: -35px -370px; }
.i-sld38b { background-position: -35px -400px; }
.i-sld39, .i-sld39b {
    width: 9px;height: 10px;
}
.i-sld39   { background-position: -35px -385px; }
.i-sld39b { background-position: -60px -385px; }
.i-sld40 {
    width: 16px; height: 15px;
    background-position: -65px 0;
}
.i-sld44 {
    width: 28px; height: 28px;
    background-position: -65px -50px;
}
.i-sld45 {
    width: 26px; height: 16px;
    background-position: -65px -85px;
}
.i-sld46, .i-sld47 {
    width: 25px; height: 23px;   
}
.i-sld46 { background-position: -65px -110px; }
.i-sld47 { background-position: -65px -140px; }
.i-sld48, .i-sld49 {
    width: 32px; height: 29px;   
}
.i-sld48 { background-position: -65px -170px; }
.i-sld49 { background-position: -65px -205px; }
.i-sld50, .i-sld51 {
    width: 17px; height: 31px;   
}
.i-sld50 { background-position: -65px -240px; }
.i-sld51 { background-position: -65px -275px; }
.i-sld52, .i-sld53, .i-sld54, .i-sld55, .i-sld56, .i-sld57 {
    width: 30px; height: 24px;   
}
.i-sld52 { background-position: -110px 0; }
.i-sld53 { background-position: -110px -30px; }
.i-sld54 { background-position: -110px -60px; }
.i-sld55 { background-position: -110px -90px; }
.i-sld56 { background-position: -110px -120px; }
.i-sld57 { background-position: -110px -150px; }
.i-sld58, .i-sld59, .i-sld60, .i-sld61, .i-sld62, .i-sld63 {
    width: 32px; height: 32px;   
}
.i-sld58 { background-position: -110px -180px; }
.i-sld59 { background-position: -110px -220px; }
.i-sld60 { background-position: -110px -260px; }
.i-sld61 { background-position: -110px -300px; }
.i-sld62 { background-position: -110px -340px; }
.i-sld63 { background-position: -110px -380px; }
.i-sld64, .i-sld65, .i-sld66 {
    width: 33px; height: 32px;   
}
.i-sld64 { background-position: -155px 0; }
.i-sld65 { background-position: -155px -40px; }
.i-sld66 { background-position: -155px -80px; }
.i-sld67, .i-sld68, .i-sld69, .i-sld70 {
    width: 42px; height: 42px;   
}
.i-sld67 { background-position: -155px -120px; }
.i-sld68 { background-position: -155px -165px; }
.i-sld69 { background-position: -155px -210px; }
.i-sld70 { background-position: -155px -255px; }
.i-sld71, .i-sld72 {
    width: 48px; height: 48px;   
}
.i-sld71 { background-position: -210px 0; }
.i-sld72 { background-position: -210px -64px; }
.i-sld73 {
    width: 64px; height: 64px;
    background-position: -210px -120px;
}
.i-sld74, .i-sld75 {
    width: 80px; height: 80px;   
}
.i-sld74 { background-position: -210px -190px; }
.i-sld75 { background-position: -210px -280px; }
.i-sld76 {
    width: 120px; height: 119px;   
    background-position: -170px -365px; }

/* m-pop*/
.m-pop {
	position:fixed; _position:absolute;
	right:10px; bottom: 10px; 
	width:78px;
	border:1px solid #eaeaea;
	background-color:#fff;
	z-index:999;
}
.m-pop li {
	position:relative;
	height:84px;
	border-bottom:1px solid #f4f4f4;
}
.m-pop-item { 
	display:block;
	height:56px; padding:14px 0;
	font-size:13px; color:#999;
	text-align:center; 
}
.m-pop-item p { margin-top:6px; }
	/*m-pop-tk*/
.m-pop-tk {
	position:absolute;
	right:78px; top:0;
	width:258px; padding-right: 22px;	
}
.m-pop-tk-style {
    border:1px solid #ddd;
	background-color:#fff;
}
.m-pop-tk .pr {
	padding:29px; 
}
.m-pop-tk .pr .i-pop6 {
	position:absolute;
	right:-14px; top:35px;
}
.m-pop-tel {
	height:32px; line-height:32px;
	font-size:30px;	
}

/* zixun-list */
.zixun-list li {
    padding: 25px 0;
    border-bottom: 1px dotted #ddd;
}
.zx-r { height: 65px;}
.zx-r p {
    float: left;
    width: 80px; 
    padding: 8px 10px 0;
    border-right: 1px solid #efefef;
    text-align: center;
}
.zx-r p span {
    display: block; 
    height: 20px; color:#999;
    overflow: hidden;
    margin-top: 5px;
}
.zx-wenda {
    height: 30px; line-height: 30px; 
    overflow: hidden;
    font-size: 14px; color: #666;
}
.zx-wenda .ico-sld {
    float: left;
    margin-right: 15px;
}
.zx-wenda .i-sld46, .zx-wenda .i-sld47 { margin-top: 3px; }
.zx-list-hover { background-color: #fff; }
.zx-list-hover .s-be { color: #f60!important; }
.zx-list-hover .i-sld52 { background-position: -110px -30px; }
.zx-list-hover .i-sld54 { background-position: -110px -90px; }
.zx-list-hover .i-sld56 { background-position: -110px -150px; }
.zx-list-hover .zx-r p span { color: #666; }

    /*evaluate-list*/
.eval-photo {
    float: left;
    width: 60px; 
    margin-right: 25px; 
}
.eval-photo img {
    display: block; height: 60px;
    border-radius: 50%;
}
.eval-photo p {
    height: 20px; overflow: hidden;
    color: #666; text-align: center;
}
.elval-r { padding-left: 85px; }
.eval-nr {
    position: relative;
    padding: 19px 29px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,.1);
}
.eval-nr .i-sld32 {
    position: absolute;
    left: -13px; top: 28px;
}
.elval-zt {
    position: absolute;
    top: 50%; right: 29px; margin-top: -28px;
    width: 80px;
    font-size: 14px; text-align: center; color: #f60;
}
.elval-tag { height: 24px; padding-right: 150px; }
.elval-tag span {
    float: left; 
    padding: 0 9px;
    border: 1px solid #f9cd91; border-radius: 2px;
    background-color: #ffefd8;
    color: #666;
    margin-right: 5px;
}
.elval-tag span.el-tag2 {
    background-color: #ebf8e4;
    border-color: #add79b;
}
.elval-tag span.el-tag3 {
    background-color: #e6f3ff;
    border-color: #bcdbf4;
}
.elval-tag span.el-tag4 {
    background-color: #fff0f0;
    border-color: #fbc6c6;
}
.elval-wz {
    margin: 19px 0 14px;
    padding-right: 150px;
    font-size: 14px; line-height: 26px; color: #666;
}
.elval-wz .i-sld24 {
    float: left;
    margin: -3px 9px 0 0;
}
.elval-wz .i-sld25 {
    position: relative;
    margin: 8px 0 0 5px;
}
.elval-dq {
    height: 20px;
    color: #999;
}
.elval-dq span {
    color: #ddd;
    margin: 0 10px; 
}
/**/
.yq-link a {
    float:left;
    margin-right:10px;
    color:#666;
    white-space:nowrap;
}
.yq-link a:hover { color:#f25618; }

/**/
.ft-bg2 {
    
    background-color:#363a3e;
}
.ft-bg2 ul li {
    width:180px;
    float:left;
    line-height:24px;
}
.ft-bg2 ul li p { color:#fff; }
.ft-mz {
    padding:20px 0;
    border-top:1px solid #3e4044;
}

/* 咨询评价*/
.user-impress {
    padding:30px 48px 30px 38px;
    background-color:#fcfcfc;
    border-bottom:1px solid #eaeaea;
    min-height:84px; _height:84px;
}
.user-impress .impr-span {
    width:12px;  height:84px; line-height:14px;
    display:block;
    color:#ccc;
}
.u-btn-oe2 { 
    padding:0 34px;
    background-color:#ff6600; 
    border-color:#ff6600;
    color:#fff;
    font-size:16px;
    border-radius:3px;
}
.u-btn-oe2:hover { 
    background-color:#ff6600; 
    border-color:#ff6600;
    color:#fff;
    opacity:.8;
}
.user-impress .btn-bq {
    display:inline-block;
    padding:0 10px;
    height:24px; line-height:24px;
    color:#666;
    border-radius:2px;
    -webkit-transition:none;
	   -moz-transition:none;
		 -ms-transition:none;
			    transition:none;
}
.user-impress .btn-bq em { color:#999; }
.user-impress .mt15 .btn-bq:hover, .user-impress .mt15 .bq-hover {
    background:#ffa52a; color:#fff;
}
.user-impress .mt15 .btn-bq:hover em, .user-impress .mt15 .bq-hover em { color:#fff; }
.user-impress .hf-bq { background:#eaeaea; }

    /*evaluate-lawyer律师评价*/
.pt12 { padding-top:12px;height: 12px; }
.evaluate-lawyer h2 {
    position:relative;
    height:11px; line-height:11px;
    border-top:1px solid #ddd;
}
.evaluate-lawyer h2 span {
    position:absolute; left:50%; top:-13px;
    display:inline-block;
    margin-left:-75px;
    width:150px; height:24px; line-height:24px;
    text-align:center;
    background:#fafafa;
}
.eval-la-nr {
    padding:50px 50px 0  235px;
    min-height:170px; _height:170px;
}
.eval-la-photo {
    left:80px;
}
.eval-la-photo img { 
    width:110px; height:110px; 
    border-radius:50%;
    display:block;
}
.lh22 { line-height:22px; }
.mt22 { margin-top:22px; }
.eval-la-sr {
    margin-top:25px; padding-top:25px;
    border-top:1px dotted #ddd;
}
.eval-la-sr .w60 { 
    display:inline-block;
    margin-right:10px;
    width:60px; line-height:24px;
    font-size:14px; color:#666;
    text-align:right;
}
.eval-la-sr .u-radio { margin-top:3px; }
.eval-la-sr .elval-tag span { 
    margin-right:10px;
    height:22px; line-height:22px;
    cursor: pointer;
}
.eval-la-sr .elval-tag span.el-tag5 {
    background:#fff; color:#999;
    border-color:#ddd;
}
.elval-tag .cm-tag span {
    border: 0 !important;background: none !important;
    margin-right:0 !important;
cursor:text;
}
    /*添加自定义标签*/
.cm-tag {
    position: relative;
    float: left;
     height: 24px;
}
.cm-tag input {
    padding-right: 39px;
    width: 110px;
    height: 22px; line-height: 22px;
    border-radius: 2px;
}
.cm-tag .el-tag-add {
    position: absolute; z-index:10;
    top: 1px; right: 0;
    padding:0 0 0 9px;
    width:20px; height:22px;
    border-left:1px solid #ddd;
}
    /**/
.eval-la-sr .elval-tag span.el-tag-click {
    position:relative;
    border-color:#ff6600; background:#fff; color:#ff6600;
}
.eval-la-sr .elval-tag span .i-sld33 { 
    display:none; 
    position:absolute; right:0; bottom:0;
}
.eval-la-sr .elval-tag span.el-tag-click .i-sld33 { display:block; }
.eval-la-sr .u-fd {
    width:685px;
    min-height:128px; _height:128px;
}
.eval-la-sr .u-btn-be { font-size:18px; }

/**/
.c-d-tit { 
    padding-bottom:20px;
    min-height:66px; _height:66px;
    border-bottom:2px solid #f00;
}
.c-d-tit h2 { font-size:26px; line-height:26px; }
.c-d-tit p span { margin:0 10px; }
.c-d-tit .pa {
    right:0; bottom:20px;
}
.c-d-tit .btn {
    display:inline-block;
    padding:5px 9px;
    border:1px solid #eaeaea;
    background:#fafafa; color:#333;
}
.c-d-tit .btn:hover { opacity:.8; }
.s-c00 { color:#000; }
.c-d-fy {
    padding:30px 0;
    border-top:1px solid #eaeaea;
}
.c-d-fy li { width:50%; }
.bg-ff { background:#fff; }
.pop-case {
    position: absolute; left:50%;top: 100px; z-index: 1003; 
    margin-left:-495px;
}
.pop-case .m-pop-tit {
    border-bottom:0; 
}

/*相册*/
.photo-album {
    float: left;
    width: 210px; height: 203px;
    background: url(http://css.66law.cn/images/lawyer-bg/lrbg-photo/bg-photo.png);
    margin: 0 40px 40px 0;
}
.pm-img {
    display: block;
    height: 140px;
    padding: 10px 13px 0 17px;
}
.pm-img span {
    bottom: 5px; right: 18px;
    height: 16px; line-height: 16px;
    padding: 0 5px; border-radius: 6px;
    background: #333; opacity: .5;
    color: #fff;
}
.pm-img img { display: block; }
.pm-name {
    height: 20px;
    padding: 0 13px 0 17px;
    font-size: 14px;
    overflow: hidden;
}
    /*相片展示*/
.photo-img {
    float: left;
    width: 180px;
    margin: 0 40px 40px 0;
}
.photo-img .pm-img { padding: 0; }
.photo-img .pm-name {
    height: 38px; line-height: 38px;
    padding: 0 10px;
    border: 1px solid #eaeaea; border-top: none;
}
    /*相片弹出*/
.photo-show-bar {
    position: fixed; _position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    z-index: 1005;
}
.photo-show-bar .ico-sld {
    position: fixed; _position: absolute;
    top: 50%; margin-top: -40px;
    opacity: .2;
    filter: alpha(opacity=20);
}
.photo-show-bar .i-sld74 { left: 30px; }
.photo-show-bar .i-sld75 { right: 30px; }
.photo-show-bar .ico-sld:hover {
    opacity: .6;
    filter: alpha(opacity=60);
}
.photo-show {
    width: 666px; height: 90%;
    text-align: center;
    margin: 40px auto;
}
.photo-show img { height: 100%; }

/* ce-list */
.ce-tab { height: 60px; }
.ce-tab a {
    position: relative;
    float: left;
    width: 178px; height: 50px; line-height: 50px;
    background-color: #999;
    font-size: 18px; color: #fff; text-align: center;
    margin-right: 25px;
}
.ce-tab a .i-sld34 {
    position: absolute;
    left: 50%; bottom: -9px;
    margin-left: -8px;
    display: none;
}
.ce-tab a.ce-tab-ct, .ce-tab a:hover { background-color: #f60; color: #fff!important; }
.ce-tab a.ce-tab-ct .i-sld34 { display: block; }
    /**/
.ce-list li {
    position: relative;
    padding: 30px 280px 30px 0;
    border-bottom: 1px dotted #ddd;
}
.ce-list li .ce-btn {
    position: absolute;
}
.ce-btn {
    padding: 0 10px;
    height: 40px; line-height: 40px;
    border: 1px solid #63afee;
    background-color: #fff;
    font-size: 14px; color: #63afee;
    -webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
			transition:none;
}
.ce-btn .i-sld29 {
    float: left;
    margin: 11px 10px 0 0;
}
.ce-tit, .ce-nr, .ce-tag, .ce-h24 { overflow: hidden; }
.ce-tit { height: 20px; }
.ce-nr, .ce-h24 {
    line-height: 24px;
    color: #999;
}
.ce-nr { height: 48px; }
.ce-h24 { height: 24px; }
.ce-tag {
    height: 14px; line-height: 14px;
    color: #999;
}
.ce-tag span {
    float: left;
    margin-right: 20px;
}
.ce-tag span .ico-sld {
    float: left; 
    margin-right: 5px;
}
.ce-list li .ce-btn{
    position: absolute;
    top: 50%; right: 20px;
    margin-top: -21px;
}
.ce-list-hover { background-color: #fcfcfc;}
.ce-list-hover .ce-tit a { color: #f60; }
.ce-list-hover .ce-btn {
    background-color: #63afee;
    color: #fff;
}
.ce-list-hover .ce-btn .i-sld29 { background-position: -35px -200px; } 

/* m-site */
.m-site li {
    height: 32px; line-height: 32px;
    font-size: 14px;
    margin-bottom: 15px;
}
.m-site li span {
    float: left;
    color: #999;
}
.m-site li span .ico-sld {
    float: left;
    margin-right: 10px;
}

.sld-map  img { display: block; }

/* ck-tel */
.ck-tel {
    position:relative;
    padding:0 19px 0 83px;
    height:68px;
    border:1px solid #eaeaea;
}
.ck-tel .i-sld20 { position:absolute; left:-1px; top:-1px; }
.ck-tel b { display:block; font-size:30px; line-height:34px; padding-top:8px; }
.ck-tel .u-btn {
    margin-top:13px;
    padding:0;
    width:152px; 
    font-size:14px;
    text-align:center;
}
.ck-tel .u-btn-oe2 {
    border-radius:0;
}
.art-list li {
    height: 32px; line-height: 32px;
    overflow: hidden;
}
.art-list li span { color: #999; margin-left: 10px; }
.art-list a { font-size: 14px; }
.art-list-c2 li {
    float: left;
    width: 50%; *width: 49.5%;
}
.art-list a .i-art18 {
    float: left;
    margin: 15px 10px 0 0;
}
.art-list a:hover .i-art18 { background-position: -105px -70px; }
    /**/
.ck-guishudu {
    position: absolute;
    bottom: 5px;
}
.ck-tel .h42 {
    height: 45px;
    padding: 10px 0;
}
.ck-tel .h42 b {
    float: left; padding: 0;
}
.ck-tel .u-btn-oe2 { margin-top: 3px; }

        /*排序列表*/
.rank-list li { 
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dotted #eaeaea;
}
.rank-list li.r-l-h {
    height: auto;
    padding-bottom: 10px;
}
.rank-list li.r-l-h .r-l-m {
    height: 32px; line-height: 32px;
    overflow: hidden;
}
.rank-list li.r-l-h .r-l-me {
    padding-left: 17px; *padding-left: 20px; _padding-left: 24px;
    height: 40px;overflow: hidden;
    line-height: 22px;
    color: #999;
}
.rank-list li em {
    float: left;
    font-family:'Georgia'; font-size: 16px; font-weight: normal; font-style: italic; color: #ccc;
    margin-right: 10px;
}

.sld-map img {
    display: block;
    width: 100%;
}

/* inform 通知 */
.inform {
    position: relative;
    height: 20px; overflow: hidden;
    font-size: 14px;
}
.inform span {
    float: left;
    color: #f00;
}
.inform .i-sld5 {
    float: right; margin-top: 2px;
    cursor: pointer;
}
.inform ul {
    position: absolute;
    left: 154px; top: 0;
    width: 786px;
}
.inform ul li { height: 20px; overflow: hidden; }

    /* pop-in */
.pop-in-bar {
    position: fixed; _position: absolute;
    left: 50%; top: 50%; margin: -272px 0 0 -385px;
    width: 770px; height: 545px;
    background: url(http://css.66law.cn/images/sld/certificate.jpg) no-repeat;
    z-index: 1005;
}
.pop-in {
    position: relative;
    width: 596px; height: 266px;
    padding: 279px 86px 0 88px;
}
.pop-in .i-me2 {
    position: absolute;
    top: 11px; right: 9px;
    background-color: #fff;
    cursor: pointer;
}
.pop-in table td {
    height: 40px; 
    font-size: 16px;
}
.pop-in table td p {
    padding: 0 19px;
    height: 40px; line-height: 40px;
    overflow: hidden;
}

/*ico-per*/
.i-per1, .i-per2 {
    width:18px; height:18px;
}
.i-per1 { background-position:0 0; }
.i-per2 { background-position:-25px 0; }
.i-per3 {
    width:15px; height:15px;
    background-position:-50px 0;
}
.i-per4, .i-per5 {
    width:16px; height:16px;
}
.i-per4 { background-position:-90px 0; }
.i-per5 { background-position:-70px 0; }
.i-per6, .i-per6a {
    width:16px; height:8px;
}
.i-per6 { background-position:-110px 0; }
.i-per6a { background-position:-130px 0; }
.i-per7 {
    width:11px; height:11px;
    background-position:-150px 0;
}
.i-per8 {
    width:12px; height:6px;
    background-position:-165px 0;
}
.i-per9 {
    width:18px; height:18px;
    background-position:-180px 0;
}
.i-per10 {
    width:28px; height:28px;
    background-position:0 -25px;
}
.i-per11 {
    width:19px; height:19px;
    background-position:-35px -25px;
}
.i-per12, .i-per12a, .i-per13, .i-per13a {
    width:16px; height:16px;
}
.i-per12 { background-position:-60px -25px; }
.i-per12a { background-position:-80px -25px; }
.i-per13 { background-position:-100px -25px; }
.i-per13a { background-position:-120px -25px; }
.i-per14 {
    width:16px; height:16px;
    background-position:-155px -165px;
}
.i-per15 {
    width:12px; height:13px;
    background-position:-160px -25px;
}
.i-per16, .i-per17, .i-per18, .i-per19 {
    width:48px; height:48px;
}
.i-per16 { background-position:0 -60px; }
.i-per17 { background-position:-50px -60px; }
.i-per18 { background-position:-100px -60px; }
.i-per19 { background-position:-150px -60px; }
.i-per20 {
    width:23px; height:35px;
    background-position:0 -120px;
}
.i-per21 {
    width:41px; height:35px;
    background-position:-30px -120px;
}
.i-per22 {
    width:38px; height:35px;
    background-position:-80px -120px;
}
.i-per23 {
    width:40px; height:35px;
    background-position:-125px -120px;
}
.i-per24, .i-per25, .i-per26 {
    width:30px; height:30px;
}
.i-per24 { background-position:0 -165px; }
.i-per25 { background-position:-40px -165px; }
.i-per26 { background-position:-80px -165px; }
.i-per27 {
    width:9px; height:14px;
    background-position:-120px -165px;
}
.i-per28 {
    width:13px; height:13px;
    background-position:-135px -165px;
}


