/* Catalog List - Default */
div.MArticle {overflow: hidden; position: relative; width:646px; }

.MArticle .ListView { list-style: none; overflow: hidden; }
.MArticle .ListView li { height: 1%; position: relative; }
.MArticle .ListView li.itm { float:right; width:646px; color:#303030; font-size:12px; background:url('/ui/herbsof/m/catMenu_sep.gif') repeat-x bottom; margin-bottom:20px; padding-bottom:10px;}

.MArticle .ListView li.itm .dthumb{float:right; width:130px; text-align:right;}
.MArticle .ListView li.itm .content{float:right; width:79%;}
.MArticle .ListView li.itm .content h2{font-weight:bold; font-size:1.2em;}
.MArticle .ListView li.itm .description{margin:0; margin-top:5px; line-height:1.2em; font-size:1.2em;}
.MArticle .ListView li.itm .dlink{float:left; width:100%; text-align:left;}
.MArticle .ListView li.itm .dlink a{font-weight:bold; text-decoration:underline;}
.MArticle .ListView li.itm .dlink a:hover{text-decoration:none;}

.m_articleTop{border-top:1px solid #EEEEEC; border-bottom:1px solid #EEEEEC; padding:3px 0; height:16px; margin-bottom:1em;}
.m_articleTop .date_dv{float:right; line-height:16px;}
.m_articleTop .tools_dv{float:left;}
.m_articleTop .tools_dv a{line-height:16px; display:inline-block; margin-left:10px;}
.m_articleTop .tools_dv img{width:16px; height:16px; }
.m_articleTop .tools_dv a.tb_friend{background:url('m/email2-off.png') no-repeat; }
.m_articleTop .tools_dv a.tb_friend:hover{background:url('m/email2.png') no-repeat;}
.m_articleTop .tools_dv a.tb_print{background:url('m/printer-off.png') no-repeat;}
.m_articleTop .tools_dv a.tb_print:hover{background:url('m/printer.png') no-repeat;}
.m_articleTop .tools_dv a img.fontB{background:url('m/zoom_in-off.png') no-repeat; }
.m_articleTop .tools_dv a img.fontB:hover{background:url('m/zoom_in.png') no-repeat;}
.m_articleTop .tools_dv a img.fontS{background:url('m/zoom_out-off.png') no-repeat;}
.m_articleTop .tools_dv a img.fontS:hover{background:url('m/zoom_out.png') no-repeat;}

.m_article .content{font-size:1.2em; line-height:1.2em;}
.m_article .link_dv{margin-top:2em; text-align:center; font-size:1.2em;}



h2.MArticleBox_ttl{color:#7A8E37; margin-bottom:0.5em; font-size:17px;}
.MArticle_Box { overflow: hidden; position: relative; width:646px; margin-bottom:1em;}
.MArticle_Box a, .MArticle_Box a:hover { color: #303030; text-decoration: none; }
.MArticle_Box img {}
.MArticle_Box .boxItem {color:#303030; cursor: pointer; width:266px; margin:0px 10px; padding:8px 5px; float:right; border-bottom:2px solid #F8F5EC; overflow:hidden;}
.MArticle_Box div.current {color:#303030; cursor: pointer; width:266px; margin:0px 10px; padding:8px 5px; float:right; border-bottom:2px solid #F8F5EC; overflow:hidden;}
.MArticle_Box div.current a { color: #303030; }
.MArticle_Box div.current b{color:#303030; font-size:14px;}
.MArticle_Box div.current dt { font-weight: bold; text-decoration: underline; }
.MArticle_Box div dt { font-weight: bold; }
.MArticle_Box div dd { font-weight: normal; }
.MArticle_Box dd{font-weight:normal;}
.MArticle_Box .boxItem b{color:#7A8E37; font-size:14px;}
#MArticleWarp, .MArticleWarp { float:right; height:222px; width:296px; background:#fff;}
#MArticlePicWarp, .MArticlePicWarp {float:left; width:350px; height:222px; text-align: center; overflow:hidden; }
.MArticlePicWarp .dthumb{width:322px; height:202px; overflow:hidden; margin:10px 20px 10px 8px;}
.bg1 { background:url('m/art_bg1.gif') no-repeat; }
.bg2 { background:url('m/art_bg2.gif') no-repeat; }
.bg3 { background:url('m/art_bg3.gif') no-repeat; }

.boxItem { display:block; }
.MArticle_Box .description {font-size:12px; padding-top:3px; height:40px; line-height:1.1em; overflow:hidden; }