body{
margin:0;
}
body a{
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
text-decoration:none;
}
h1,h2,h3,h4,h5,h6,p{
margin:0;
}
ul,label{
margin:0;
padding:0;
}
body a:hover{
text-decoration:none;
}
.main-col{
margin-top:15px;
}
.col-md-5{
padding-right:0 !important;
}
.pc_hidden{
display: none;
}
.h_menu{
border-top:0px solid #ccc;
background-color: #fff;
box-shadow: 0px 3px #eee;
}
.page_content{
padding:20px;
}
#page-top {
position: fixed;
bottom: 20px;
right: 20px;
display:none;
}
#page-top i {
background: #666;
text-decoration: none;
color: #fff;
padding: 12px 16px;
text-align: center;
display: block;
border-radius: 10px;
}
#page-top i:hover {
text-decoration: none;
background: #999;
}
.card{
box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);
}
.b-example-divider {
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.bi {
vertical-align: -.125em;
fill: currentColor;
}
.form-control-dark {
color: #fff;
background-color: var(--bs-dark);
border-color: var(--bs-gray);
}
.form-control-dark:focus {
color: #fff;
background-color: var(--bs-dark);
border-color: #fff;
box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}
.text-small {
font-size: 85%;
}
.dropdown-toggle {
outline: 0;
}
.inner_pager{
margin-top:20px;
margin-left:15px;
margin-bottom:20px;
}
.footer{
margin-top:20px;
padding:20px 0;
border-top:1px solid #ddd;
background-color:#f7f7f7;
}
.copy-right{
margin-top:5px;
width:100%;
text-align: center;
}
@media (max-width: 991.98px) {
.offcanvas-collapse {
position: fixed;
top: 56px; bottom: 0;
left: 100%;
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
overflow-y: auto;
background-color: #343a40;
transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.offcanvas-collapse.open {
visibility: visible;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.list_item_content{
padding:8px 8px 16px 8px;
border-bottom:1px solid #ccc;
position:relative;
}
.post_click_bar{
position:absolute;
z-index:99;
left:0;
bottom:0;
height:5.5px;
background-color: #f1d2a0;
}
.nav-scroller {
position: relative;
z-index: 2;
height:45px;
overflow-y: hidden;
}
.nav-scroller .nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-bottom:0;
margin-top: -1px;
overflow-x: auto;
color: rgba(255, 255, 255, .75);
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
line-height:32px;
font-size:15px;
}
.nav-underline .nav-link {
padding-top: .75rem;
padding-bottom: .75rem;
font-size: .875rem;
color: #6c757d;
}
.nav-underline .nav-link:hover {
color: #007bff;
}
.nav-underline .active {
font-weight: 500;
color: #343a40;
}
.text-white-50 { color: rgba(255, 255, 255, .5); }
.bg-purple { background-color: #6f42c1; }
.d-block{
margin-top:8px;
}
.pick_top_list_right{
background-color: #fff;;
}
.pickup_item{
padding:5px 6px;
width:16.6667%;
}
@media all and (max-width: 959px) {
.pickup_item{
width:25%;
}
}
@media all and (max-width: 768px) {
.pickup_item{
width:33.3333%;
}
}
@media all and (max-width: 576px) {
.pickup_item{
width:50%;
}
}
.pickup_item:hover{
background-color:#e6e6e6;
}
.pick_top_list{
width:100%;
}
.pick_top_list_left{
position: relative;
width: 100%;
overflow: hidden;
}
.pick_top_list_left:before{
content: "";
display: block;
padding-top: 72%;
}
.pick_top_list_left img{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width:100%;
height:100%;
object-fit: cover;
}
.pick_top_list_right{
width: 100%;
font-size:15px;
padding:6px;
}
.pick_title{
height:42px;
overflow:hidden;
}
@media all and (max-width: 768px) {
.pick_title{
height:65px;
}
}
.section_title{
text-decoration: none;
padding: 0.8rem;
background: #fff;
color: #333;
border-bottom:4px solid rgb(91, 110, 192);
}
.card > .list-group {
border-top: none;
}
.sp_menu{
display: none;
position: fixed;
bottom:20px;
left:20px;
padding:6px 11px;
z-index:100;
color:#fff;
text-align: center;
background-color: rgba( 0, 0, 0, 0.7 );
border-radius:3px;
}
@media all and (max-width: 576px) {
.pick_top_list{
display:block;
overflow:auto;
height:auto;
}
.pick_top_list_left{
position: relative;
width: 100%;
overflow: hidden;
}
.pick_top_list_left:before{
content: "";
display: block;
padding-top: 75%;
}
.pick_top_list_right{
width:100%;
}
.pick_top_list_left img{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width:100%;
height:100%;
object-fit: cover;
}
.pick_title{
height:68px;overflow:hidden;
}
}
.header_menu_left li{
border-right:1px solid #ddd;
}
.header_menu_left li:hover{
background-color: #d8d8d8;
}
.header_menu_left i{
margin-right:5px;
color:#777;
}
@media all and (max-width: 768px) {
.sp_hidden{
display: none;
}
.pc_hidden{
display:block;
}
.header_menu_left{
width:100%;
}
.sp_menu{
display:block;
}
}
.custom_wiget_feed_item{
margin-bottom:20px;
border:1px solid #ccc;
padding:0;
}
.custom_wiget_feed_item ul{
list-style:none;
max-height:200px;
overflow: auto;
}
.custom_wiget_feed_item ul li{
padding:7px 5px;
border-bottom:1px dashed #ccf;
}
.custom_wiget_feed_item h6,.wiget_content h3{
text-decoration: none;
padding: 0.5rem;
background: #f7f7f7;
border-left: solid 6px #58ad5a;
box-shadow: 2px 2px 2px rgba(90, 90, 90, 0.12);
border-left-color: #b9b9b9;
color: #444;
font-size: 1rem;
}
.wiget_content{
margin-bottom:15px;
}
.page-link{
color:#777 !important;
}
.dist{
cursor : pointer;
}
.search_form {
width: 400px;
max-width: 100%;
position: relative;
}
.search_form input[type="text"] {
padding: 5px 50px 5px 10px;
width: 100%;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #e0e0e0;
}
.search_button {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
background-color:rgba(0,0,0,0);
}
.search_button button {
background-color: rgba(0,0,0,0);
border: 0px solid #fff;
}
.single_post_item{
display: none;
}
.nav-item:hover{
background-color: #eee !important;
}
.post_item_blogname{
color:#999;
}
.post_item_blogname:hover{
color:#999;
}