/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 24 2021 | 07:27:35 */
body, h1, h2, h3, h4, h5, h6, p, a, div {
    font-family: Arial,"微軟正黑體","Microsoft JhengHei",sans-serif !important;
}

body {
    background-color: #181818;
    color: #f7f7f7;
    position: relative;
}

/*footer menu on mobile*/

.mobile_menu_footer{
  display:none;
}

.flex{
  position: fixed;
    z-index: 9999;
    bottom: 0px;
    width: 100%;
    background: #222222;
    padding-top: 15px;
}

footer .flex div a span {
  font-size: 12px;
  letter-spacing: 2px;
  padding: 10px 0px;
  display: block;
}

.flex div {
  width:25%;
  float:left;
  text-align:center;
}

.flex div p{
  margin:0;
  font-size: 12px;
}

.flex div img{
width: 30px;
}


/*header*/
#site-header{
  background-color: #181818;
  border-bottom: 1px solid #525252;
}

h1, h2, h3 {
  margin-bottom:22px;
  color:#fff;
  font-weight: 700;
}

h1{
  font-size: 28px;
  letter-spacing: 1.5px;
}

h2, h3{
  font-size: 22px;
  letter-spacing: 1px;
}

p, ol, ul {
  margin-bottom: 30px;
  letter-spacing:1.6px;
  line-height: 36px;
}

/*menu*/

.menu a{
  font-size:14px;
}

/*Breadcrumb*/

.breadcrumb-b ul {
  padding: 2px 0px;
  list-style: none;
  margin: 0 0 40px;
  font-size: 14px;
  border-bottom: 1px solid #696969;
}

.breadcrumb-b ul li {
    display: inline;
    font-size: 12px;
}

.breadcrumb-b ul li a{
  color: #f3cd7f;
  font-weight: 500;
}

/*title desing*/

.row-title h2, .row-title h3{
  color: #f3cd7f;
  font-weight: 700;
  letter-spacing:1px;
}

.row-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    margin-bottom: 30px;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.25) 1%, rgba(255,255,255,0.25) 80%, transparent);
    bottom: -20px;
}

/*clearfix*/

.clearfix::after{
  content: " ";
  display: block;
  clear: both;
}

/*button*/

.button-gold a {
    color: #000000;
    background: #fed02c;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 15px;
    border-radius: 15px;
    letter-spacing: 0.5px;
}

@media only screen and (max-width: 480px) {
.mobile_menu_footer{
  display:block;
}
  #footer-bottom-inner {
    margin-bottom:85px;
  }
h1{
  font-size: 22px;
  letter-spacing: 1.5px;
}

h2, h3{
  font-size: 22px;
  letter-spacing: 1px;
  margin: 55px 0 20px;
}
p, ol, ul {
  font-size: 16px;
  margin-bottom: 15px;
}
  #site-logo-inner{
    max-width:230px;
  }
  .row-girls{
    margin-bottom: 45px;
  }
  ul.meta {
    margin-bottom: -5px;
}
div#ez-toc-container {
    margin: 30px;
}
/*homepage blog design*/
  .float-root{
    overflow-x: scroll;
    display: -webkit-box;
  }
  .float-root .col-sm-3-php{
    float:unset;
    width: 87%;
    margin: 0 4% 0 0;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
h1{
  font-size: 28px;
  letter-spacing: 1.5px;
}

h2, h3{
  font-size: 22px;
  letter-spacing: 1px;
}

p, ol, ul {
  font-size: 17px;
  margin-bottom: 20px;
}
  #site-logo-inner{
    max-width:260px;
  }
  .row-girls{
    float: left;
    width: 50%;
  padding: 15px 5% 0px;
  }
  .float-root{
  display: flow-root;
}
}

@media only screen and (min-width: 769px) {
h1{
  font-size: 28px;
  letter-spacing: 1.5px;
}

h2, h3{
  font-size: 22px;
  letter-spacing: 1px;
}
p, ol, ul {
  font-size: 17px;
  margin-bottom: 20px;
}
#site-logo-inner{
  max-width:260px;
  }
.vc_col-sm-4 {
  width: 50%;
}
.row-girls{
  float: left;
  width: 50%;
  padding: 15px 5% 0px;
}
.vc_grid-item{
  width:32%;
}
#site-navigation-wrap .dropdown-menu>li>a{
  line-height: 95px;
}
.blogger-row .vc_grid-item{
  width: 49%;
}
.col-sm-3-php {
    width: 32%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  margin:15px 0;
}
.float-root{
  display: flex;
  flex-wrap: wrap;
}
/*blog-post-page*/
.blog-post-page .vc_grid-item.vc_clearfix{
  width: 33%;
}
}

.content-area {
  border-style:none;
}

/*Blog plugin*/

.vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
    margin-right: -15px;
}

.vc_grid-item-mini.vc_clearfix{
    border: 1px solid #8a8a8a;
    border-radius: 10px;
}
.vc_gitem-zone.vc_gitem-zone-c.vc_custom_1419240516480 {
    background-color: #f9f9f900 !important;
}
.vc_gitem-post-data p{
  font-size:14px;
  color: #b1b1b1;
  line-height: 22px;
}
.vc_gitem-post-data h4{
  font-size: 20px;
  margin: 15px 0;
  color: #fff;
}
.vc_btn3-container.vc_btn3-left a{
background-color: #f3cd7f !important;
}
.vc_gitem-post-data h4:before {
    content: "";
    width: 8px;
    height: 0.8em;
    background: #f2cb7b;
    display: inline-block;
    position: relative;
    margin-right: 12px;
}

/*blog post*/

.single .thumbnail img {
    width: 400px;
    border: 1px solid;
}


.single .thumbnail {
  margin: 0 auto 40px;
  text-align: center;
}

.sub-menu a{
  color:#585858;
}

.single .entry-title{
  border-bottom:none;
}


/*table*/
#ez-toc-container{
  margin-bottom: 4em;
}

div#ez-toc-container p.ez-toc-title {
    padding-bottom: 15px;
}

/*post php*/

.col-sm-3-php {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:0 1%;
}

.post_image {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}


.post_content .post_title h3:before {
    content: "";
    width: 8px;
    height: 0.8em;
    background: #f2cb7b;
    display: inline-block;
    position: relative;
    margin-right: 12px;
}


.post_content .post_title h3:before {
    content: "";
    width: 8px;
    height: 0.8em;
    background: #f2cb7b;
    display: inline-block;
    position: relative;
    margin-right: 12px;
}

.post_title h3 {
    font-size: 18px;
    letter-spacing: 0.7px;
    margin: 20px 0 25px;
}

.post_description p {
    font-size: 15px;
    color: #c7c7c7;
    line-height: 28px;
  margin-bottom: 20px;
}

.post_meta {
    border-top: 1px solid #545454;
}

.post_meta ul{
    line-height: 10px;
  font-size:12px;
}

.single-post ul.meta {
  border-bottom: none;
}

.float-root .post_image {
    border: 2px solid;
}

/*table design*/

figure.wp-block-table{
  display:block;
}

table tr td:first-child{
  padding-left:5px;
}

.wp-block-table table thead{
  background: #c38f35;
  font-weight: 700;
  letter-spacing: 1.5px;
}

/*girl post*/
.girl-name{
  color:#ffa8d4;
  font-size:18px;
  font-weight:bold;
}

/*head desing*/
.title-change{
  text-align: center;
  font-size:18px;
  padding: 10px 15px;
  border-radius: 10px;
  margin-bottom: 50px;
  display: inline-block;
  background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}