@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_030 { position: relative;}

.arl_030 .section_list > li { position:relative; margin-top: 12px;}
.arl_030 .section_list > li:first-child { border-top: 0; margin-top: 0;}
.arl_030 .section_list > li > a { position:relative; display:block; line-height:1; font-size: 15px;}
.arl_030 .section_list > li > a:hover { color: #808080;}
.arl_030 .section_list > li > a > strong { display:block; font-weight:normal; line-height:1.2;}
.arl_030 .section_list > li > a > strong > em { margin-right:7px; line-height: 1.3; font-weight: bold; font-style: normal;}
/*  end */
/*  begin */


.arl_028 { position: relative;}

.arl_028 .art_wrap { position: relative;}
.arl_028 .art_wrap .art_list li { position: relative; margin-top: 15px;}
.arl_028 .art_wrap .art_list li:first-child { margin-top: 0;}
.arl_028 .art_wrap .art_list li a { position: relative; display: block; transition: none; padding-left: 100px; height: 60px; overflow: hidden;}
.arl_028 .art_wrap .art_list li a.no_img { padding-left: 0; height: auto;}
.arl_028 .art_wrap .art_list li a > span { position: absolute; left: 0; top: 0; display: block; width: 90px; height: 58px; overflow: hidden; border: 1px solid #eaeaea;}
.arl_028 .art_wrap .art_list li a > span img { width: 100%; transition: opacity .3s ease;}
.arl_028 .art_wrap .art_list li a i { display: block; font-style: normal; color: #808080; font-size: 11px; margin: 0 0 3px -1px;}
.arl_028 .art_wrap .art_list li a b { line-height: 1.4; font-weight: normal; font-size: 15px;}
.arl_028 .art_wrap .art_list li a:hover i, .arl_028 .art_wrap .art_list li a:hover b, .arl_028 .art_wrap .art_list li a:hover img { opacity: .75;}
/*  end */
