#el_81321514453891 { background-color: #6fba2c; color: #ffffff; padding-top: 40px; padding-bottom: 40px; } @media screen and (max-width: 767px){ #el_81321514453891 { padding-top: 20px; padding-bottom: 20px; } } #el_18261514453891{width:100%;} #el_86201514453891{width:100%;} #el_22651514453891{ font-size:24px; } #el_22651514453891 h3{ font:inherit; } @media screen and (max-width: 767px){ #el_22651514453891 { font-size: 18px; } } #el_59881514453891 { font-size: 16px; margin-top: 8px; } #el_59881514453891 h4 { font: inherit; } @media screen and (max-width: 767px){ #el_59881514453891 { font-size: 14px; } } #el_48971514450718 { padding-top: 35px; padding-bottom: 35px; } @media screen and (max-width: 767px){ #el_48971514450718 { padding-top: 25px; padding-bottom: 25px; } } #el_26951514450718{width:100%;} #el_68741514453707{width:100%;} #el_80831515237158 .item { transition-property: all; transition-duration: .3s; transition-timing-function: ease; border: 1px solid #f1f1f1; position: relative; margin-bottom: 30px; } #el_80831515237158 .item:hover { box-shadow: 3px 3px 6px rgba(0,0,0,.1); } #el_80831515237158 .imgBox { position: relative; height: 360px; overflow: hidden; border-bottom: 1px solid #f4f4f4; } #el_80831515237158 .image { display: block; position: absolute; top: 0; width: 100%; transition: all 2s; } #el_80831515237158 .item .image img { max-width: 100%; width: 100%; height: auto; } #el_80831515237158 .itemBot { text-align: center; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } #el_80831515237158 .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 12px; padding-right: 8px; padding-bottom: 12px; padding-left: 8px; font-weight: bold; font-size: 16px; } #el_80831515237158 .summary { text-align: left; background-color: #F5F5F5; padding: 10px; font-size: 14px; color: #999999; line-height: 22px; } #el_80831515237158 .itemTag { color: #999; line-height: 1.6em; overflow: hidden; font-size: 12px; text-align: left; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; } #el_80831515237158 .itemTag a { background-color: #F5F5F5; padding:5px; margin:2px; } #el_80831515237158 .itemTag a:after { content: '、'; } #el_80831515237158 .itemTag a:last-child:after { content: ''; display: none; } #el_80831515237158 .backBtn { background-color: #005bac; color: #fff; float: left; padding-top: 8px; padding-bottom: 8px; border-radius: 3px; margin: 10px; width: calc(50% - 20px); } #el_80831515237158 .previewBtn { background-color: #6fba2c; color: #fff; float: right; padding-top: 8px; padding-bottom: 8px; border-radius: 3px; margin: 10px; width: calc(50% - 20px); } #el_80831515237158 .casePreview a:hover { opacity: 0.8; } #el_80831515237158 .pageBox { text-align: center; } #el_80831515237158 .pagination>li>a,#el_80831515237158 .pagination>li>span { background: none; color: #666; } #el_80831515237158 .pagination>.disabled>span,#el_80831515237158 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_80831515237158 .pagination>.active>a,#el_80831515237158 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_80831515237158 .pagination>li:hover>a,#el_80831515237158 .pagination>li:hover>span { background-color: #ddd; } @media screen and (max-width: 767px){ #el_80831515237158 .row { margin-left: -5px; margin-right: -5px; } #el_80831515237158 .itemlist { padding-left: 5px; padding-right: 5px; } }