#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}#navi .navi-in>.menu-header .sub-menu {
background-color:#28569a;
}
.header-container{
box-shadow: 0 6px 5px -3px rgba(0,0,0,0.24),
0 6px 10px -3px rgba(0,0,0,0.18);
}
.header-container .navi {
background-color:#28569a;
}
.header-container.fixed-header{
background-color: #28569a;
}
#navi .navi-in a{
color: white;
transition:0.5s;
}
#navi .navi-in a:hover {
background-color: rgba(214, 232, 232, 0.3);
} .main,
.sidebar,
.carousel-in,
.sbp-main-before,
.sbp-footer-before,
.pbp-main-before,
.pbp-footer-before {
box-shadow: 0 2px 2px 0 rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.08);
} .a-wrap {
background-color: #f8fbff;
-webkit-transition: all .5s;
transition: all .5s;
} .entry-card-wrap.a-wrap,
.related-entry-card-wrap.a-wrap,
.prev-post.a-wrap,
.next-post.a-wrap {
background-image: repeating-linear-gradient(
135deg,
#f7fafd 0%,
#f7fafd 80%,
#fdebf2
);
} .a-wrap:hover {
background-color: #eff5ff;
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0,0,0,0.25), 0 6px 8px rgba(0,0,0,0.22);
} .a-wrap .blogcard {
border-color: #85aff3;
} .toc-title {
color: #333;
font-size: 120%;
border-radius: 4px;
background-color: #eff5ff;
}
.article .toc{
margin: 15px auto;
min-width:50%;
max-width:95%;
position: relative;
border: solid 2px #f4f6f9;
border-radius: 4px;
background-color: #fdffff;
box-shadow: 0px 0px 3px 2px #eee;
} .article h2 {
font-size: 24px;
padding: 12px;
color: #333;
background-color: #f8faff;
border-top: 2px solid #3261ab;
border-bottom: 2px solid #3261ab;
}  .article h3 {
margin-top: 40px;
padding: 6px 10px;
border: none;
border-bottom: solid 3px #3261ab;
position: relative;
} .article h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #eaa8bf;
bottom: -3px;
left: -3px;
width: 15%;
} .article h4 {
border: none;
position: relative;
padding: 0 0 2px 32px;
border-bottom: 2px solid #3261ab;
}
.article h4:before, .article h4:after {
content: "";
position: absolute;
bottom: 0;
width: 12px;
height: 12px;
margin: auto;
} .article h4:before {
border: 2px solid #eaa8bf;
top: -20px;
left: 0px;
} .article h4:after {
border: 2px solid #3261ab;
top: -8px;
left: 6px;
} .article h5 {
position: relative;
padding: 0 0 2px 32px;
border-bottom: 1px solid #3261ab;
} .article h5:after {
position: absolute;
top: 5px;
left: 4px;
z-index: 2;
content: '';
width: 12px;
height: 12px;
background-color: #3261ab;
transform: rotate(45deg);
} .article h6 {
border:none;
border-bottom: 1px solid #3261ab;
}  .sidebar h2,
.sidebar h3 {
background: none;
border-top: none;
border-bottom: solid 3px #3261ab;
padding: 4px 10px;
color: #333435;
position: relative;
} .sidebar h2::after,
.sidebar h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #eaa8bf;
bottom: -3px;
left: 0px;
width: 15%;
} .sidebar ul li a:hover{
background-color: #eff5ff;
}  .page-numbers {
border-radius: 99px;
border: 1px solid #3261ab;
transition: 0.4s;
box-shadow: 4px 4px 5px -3px rgba(0,0,0,0.24),
4px 4px 10px -3px rgba(0,0,0,0.18);
}
.pagination a:hover, .pagination a:focus, .pagination a:active {
transform: translateY(-4px);
} .pagination .current{
color:#eaa8bf;
background-color: #3261ab;
border: 1px solid #eaa8bf;
} .pagination-next-link,
.comment-btn,
input[type='submit']  {
border: 1px solid #85aff3;
background-color: #f8faff;
border-radius: 4px;
transition: 0.4s;
}
.pagination-next-link:hover,
.pagination a:hover,
.comment-btn:hover,
input[type='submit']:hover  {
background-color: #d5e5ff;
}  table th, .scrollable-table th {
background-color: #9fc3fd;
color: white;
} table tr:nth-of-type(2n+1) {
background-color:#eff5ff;
} input[type='submit'] {
font-size: 22px;
} .pager-post-navi:not(.post-navi-square) a.prev-post {
margin-bottom: 8px;
}  .widget-entry-cards .a-wrap,
.recent-comments .a-wrap {
border-bottom: 1px solid #d0d0c7;
box-shadow: 0px 2px 0px #fbfafa;
color: #5a5129;
} .widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
border-bottom: 1px solid #e0e5ec;
transition-duration: 0.2s;
box-shadow: 0px 2px 0px #fdfdfd;
}
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover {
background-color: #eff5ff;
}
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a {
padding: 5px 0;
} .go-to-top-button{
background-color:#3261ab;
border:1px solid #eaa8bf;
color:#eaa8bf;
-webkit-transition: all .5s;
transition: all .5s;
}
.go-to-top-button:hover{
background-color:#3261ab;
border:1px solid #eaa8bf;
color:#eaa8bf;
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}  .cat-item a::before {
font-family: FontAwesome;
content: '\f054';
color: rgba(50, 97, 171, 0.6);
margin: 0 8px 0 16px;
} .cat-item .children a::before {
color: rgba(234, 168, 191, 0.6);
} blockquote::before,
blockquote::after {
color: #a3a8bf;
}
blockquote{
padding: 1.5em 1em;
margin: 2em 0;
color: #5d627b;
background-color: #f8faff;
border-top: solid 5px #9fc3fd;
border-radius:5px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}  .widget-entry-cards.ranking-visible [class*="no-"] .card-thumb::before {
background: none;
} .widget-entry-cards.ranking-visible .card-thumb::before {
content: counter(p-rank);
position: absolute;
top: 2px;
left: 2px;
line-height: 26px;
opacity: .9;
text-align: center;
font-size: 26px;
font-family: Arial,sans-serif;
z-index: 1;
font-weight: bold;
font-style: italic;
text-shadow: -2px -1px 0 #fff, 2px 1px 0 rgba(0,0,0,.9);
color: #edad0b;
width: auto;
} .large-thumb.widget-entry-cards.ranking-visible .card-thumb::before,
.large-thumb-on.widget-entry-cards.ranking-visible .card-thumb::before {
top: 6px;
left: 6px;
line-height: 38px;
font-size: 38px;
} .widget_recent_entries ul li a .post-count,
.widget_categories ul li a .post-count,
.widget_archive ul li a .post-count,
.widget_pages ul li a .post-count,
.widget_meta ul li a .post-count,
.widget_rss ul li a .post-count,
.widget_nav_menu ul li a .post-count {
font-style: italic;
font-size: 90%;
color: #3261ab;
text-shadow: 1px 1px 0 rgba(234, 168, 191, 0.7);
} .font-awesome-5 .cat-item a::before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
}