@charset "utf-8";
/*  begin */


.arl_009 { position: relative;}

.arl_009 .rate_list { position: relative; background: #f3f3f3; padding: 22px 16px;}
.arl_009 .rate_list li { position: relative; padding-left: 24px; margin-top: 13px;}
.arl_009 .rate_list li:first-child { margin-top: 0;}
.arl_009 .rate_list li a { display: block; line-height: 1.3; font-size: 15px; color: #363636;}
.arl_009 .rate_list li a br { display: none;}
.arl_009 .rate_list li a span { position: absolute; left: -3px; top: 1px; width: 20px; font-size: 19px; color: #808080; display: block; font-family: rubik, sans-serif; font-weight: 400; line-height: 1; font-style: italic; text-align: center;}
.arl_009 .rate_list li a span.i_rate.r01 { background: url(/data/skin/content/1/arl_009//images/i_rate.png) no-repeat 3px 0; text-indent: -9999px; background-position: 3px 0;}
.arl_009 .rate_list li a span.i_rate.r02 { background: url(/data/skin/content/1/arl_009//images/i_rate.png) no-repeat 3px 0; text-indent: -9999px; background-position: 3px -25px;}
.arl_009 .rate_list li a span.i_rate.r03 { background: url(/data/skin/content/1/arl_009//images/i_rate.png) no-repeat 3px 0; text-indent: -9999px; background-position: 3px -50px;}
.arl_009 .rate_list li a:hover { color: #999;}
/*  end */
/*  begin */


.arl_014 { position: relative; overflow: hidden;}

.arl_014 .art_list_all { position: relative; margin-top: -17px;}
.arl_014 .art_list_all > li { position: relative; margin: 17px 0 0;}
.arl_014 .art_list_all > li > a { position: relative; display: block;}
.arl_014 .art_list_all > li > a > div { height: 65px;}
.arl_014 .art_list_all > li > a h3 { font-size: 15px; font-weight: normal; line-height: 1.3; margin: 0 0 5px; color: #222; padding-top: 10px;}
.arl_014 .art_list_all > li > a b { display: block; line-height: 1; font-size: 11px; color: #777; font-weight: normal; color: #808080;}
.arl_014 .art_list_all > li > a > span { border: 1px solid #eaeaea;}
.arl_014 .art_list_all > li > a > span img { transition: opacity .3s ease;}
.arl_014 .art_list_all > li > a:hover h3, .arl_014 .art_list_all > li > a:hover b, .arl_014 .art_list_all > li > a:hover img { opacity: .75;}
/*  end */
/*  begin */


.arl_034 { position: relative;}

.arl_034 .art_box { position: relative; border: 1px solid #dedede; padding: 0 10px 12px; background: #fff;}

.arl_034 .art_list li { padding-left: 8px; margin-top: 10px; background: url(/data/skin/content/1/arl_034//images/icon_bu.png) no-repeat 0 8px;}
.arl_034 .art_list li a:hover { opacity: .75;}
/*  end */