@charset "UTF-8"; .nav-tabs.category-nav { border-bottom: 2px solid #9DCEB1; } .nav-tabs.category-nav > li { float: left; margin-bottom: -2px; } .nav-tabs.category-nav > li.active > a, .nav-tabs.category-nav > li.active > a:hover, .nav-tabs.category-nav > li.active > a:focus { cursor: default; background-color: #fff; font-weight: 600; border: 2px solid #9DCEB1; border-bottom-color: transparent; } .nav-tabs.category-nav > li > a { margin-right: 7px; line-height: 1.42857143; border: 2px solid rgba(157,#9DCEB1206,177,1.00); border-bottom-color: transparent; border-radius: 8px 8px 0 0; } .nav-tabs.category-nav > li > a:hover { border: 2px solid; } .category-nav a{ color: #9DCEB1; } .category-nav a:hover, .category-nav a:focus { color: #82C09B; text-decoration: underline; } .category-kiji-box { margin-top: 30px; margin-bottom: 100px; } .col-xs-12.col-md-6.category-kiji { margin-top: 10px; margin-bottom: 30px; } .col-xs-12.col-md-6.category-kiji a { text-decoration: none; color: #000000; } .col-xs-12.col-md-6.category-kiji h3 { border-left: 9px solid #9DCEB1; font-size: 20px; padding-left: 3px; margin-bottom: 10px; } .img-responsive.img-circle { border: 3px solid #FFFFFF; -webkit-box-shadow: 4px 3px 7px rgba(179,179,179,0.45); box-shadow: 4px 3px 7px rgba(179,179,179,0.45); } .category-title-banner { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .category-kiji-box h2 { font-size: 18px; background-color: #82C09B; color: #FFFFFF; font-weight: 600; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; clear: both; } .category-kiji-box h2 small { color: #FFFFFF; font-weight: bold; } #categoryC .category-kiji-box h2 { background-color: #FF7750; } .category-kiji .col-xs-5.category-pic-box { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .category-kiji-box > .category-kiji:nth-child(odd) { clear: both; } .col-xs-6.category-pic-item { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .col-xs-12 article { padding-top: 3px; margin-top: 3px; overflow-y: hidden; padding-right: 0px; } .recomend-box { height: 400px; margin-top: 0px; } .recomend-box .label { margin-top: 3px; display: inline-block; padding-top: 4px; } .col-xs-12.soon { font-size: 40px; font-family: Verdana, Geneva, sans-serif; font-style: normal; font-weight: 600; color: #E3AFFD; margin-top: 100px; margin-bottom: 100px; } .recomend-title-box { position: relative; height: 45px; display: block; clear: both; border-bottom: 4px solid #82C09B; margin-bottom: 5px; } .recomend-box h3 { font-size: 17px; vertical-align: text-bottom; line-height: 1.2em; position: absolute; bottom: 0px; margin-bottom: 2px; } @media (max-width:500px){ .recomend-title-box { position: relative; height: 45px; display: block; clear: both; } .col-xs-12 article { font-size: 11px; font-weight: 600; } .category-kiji-box.clearfix { margin-bottom: 0px; margin-top: 0px; } .col-xs-12.col-md-6.category-kiji { padding-left: 0px; padding-right: 0px; } .col-xs-12.col-md-6.category-kiji .hover08 .col-xs-7.category-title-banner { padding-left: 0px; padding-right: 0px; } .col-xs-12.col-md-6.category-kiji .hover08 h3 { font-size: 17px; } .nav-tabs.category-nav > li > a { margin-right: 4px; } .category-kiji-box > .col-xs-12.col-md-6.category-kiji:nth-last-child(1) { margin-bottom: 20px; } .col-xs-12.col-md-6.category-kiji { margin-top: 0px; margin-bottom: 0px; } .category-kiji-box > .category-kiji:nth-child(odd) { clear: both; } .col-sm-3.col-xs-6.recomend-box { padding-left: 3px; padding-right: 3px; } .recomend-box .recomend-item-name { font-size: 12px; } .col-xs-12.soon { font-size: 30px; font-family: Verdana, Geneva, sans-serif; font-style: normal; font-weight: 600; color: #E3AFFD; margin-top: 50px; margin-bottom: 50px; } .recomend-box h3 { font-size: 12px; line-height: 1.2em; } } @media (max-width: 767px){ .recomend-box { height: auto; } .recomend-container > .recomend-box:nth-child(odd) { clear: both; } }