File: /www/wwwroot/www.yndqf.com/ceshi/index.html
<!DOCTYPE html>
<!-- saved from url=(0057)https://www.careonline.com.tw/2020/05/bedwetting.html?m=1 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="./index_files/1171200566-widget_css_mobile_2_bundle.css" rel="stylesheet" type="text/css">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<link href="https://www.careonline.com.tw/favicon.ico" rel="icon" type="image/x-icon">
<title>女生私密處搔癢有異味、白帶異常？醫師教你一招輕鬆有效解決！</title>
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="./index_files/bootstrap.min.css" rel="stylesheet">
<script src="./index_files/jquery.min.js"></script>
<style>
.redzi {
font-weight: bold;
background-color: yellow;
color: red;
}
body {
font-size: 16px;
color: #777;
line-height: 1.4;
background-color: #f7f7f7
}
body p {
line-height: 1.6
}
a {
color: #579eb8
}
a:active,
a:focus,
a:hover {
text-decoration: none;
color: #337ab7
}
video {
width: 100% !important;
height: auto !important
}
.btn-main {
color: #fff;
background-color: #579eb8;
padding: 0 30px !important;
line-height: 49px
}
.btn-main.active,
.btn-main.active.focus,
.btn-main.active:focus,
.btn-main.active:hover,
.btn-main.focus,
.btn-main:active,
.btn-main:active.focus,
.btn-main:active:focus,
.btn-main:active:hover,
.btn-main:focus,
.btn-main:hover,
.open>.dropdown-toggle.btn-main,
.open>.dropdown-toggle.btn-main.focus,
.open>.dropdown-toggle.btn-main:focus,
.open>.dropdown-toggle.btn-main:hover {
color: #fff;
background-color: #504f4c
}
.btn-main.disabled,
.btn-main.disabled.focus,
.btn-main.disabled:focus,
.btn-main.disabled:hover,
.btn-main[disabled].focus,
.btn-main[disabled]:focus,
.btn-main[disabled]:hover,
fieldset[disabled] .btn-main.focus,
fieldset[disabled] .btn-main:focus,
fieldset[disabled] .btn-main:hover {
background-color: #ffcc29
}
.btn-main .badge {
color: #579eb8;
background-color: #fff
}
.btn.btn-dashed {
position: relative
}
.btn.btn-dashed:after {
position: absolute;
top: 4px;
right: 4px;
content: " ";
bottom: 4px;
left: 4px;
z-index: 1;
border: 1px dashed rgba(255, 255, 255, .3);
-webkit-transition: border-color ease .2s;
-moz-transition: border-color ease .2s;
-o-transition: border-color ease .2s;
transition: border-color ease .2s
}
.btn.btn-dashed:hover:after {
border-color: rgba(255, 255, 255, .6)
}
.btn-main.green {
background-color: #9BC53D
}
.btn-main.red {
background-color: #E55934
}
.btn-main.blue {
background-color: #5BC0EB
}
.btn-main.green:hover {
background-color: #7D9E33
}
.btn-main.red:hover {
background-color: #BF4A2B
}
.btn-main.blue:hover {
background-color: #51A4C7
}
.social-icons {
font-size: 0
}
.social-icons a {
color: #999;
width: 30px;
display: inline-block;
text-align: center;
line-height: 30px;
font-size: 14px;
-webkit-transition: color ease .2s;
-moz-transition: color ease .2s;
-o-transition: color ease .2s;
transition: color ease .2s
}
.social-icons a:hover {
color: #579eb8
}
.social-icons a:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.social-icons a.facebook:before {
content: "\f09a"
}
.social-icons a.twitter:before {
content: "\f099"
}
.social-icons a.gplus:before {
content: "\f0d5"
}
.social-icons a.rss:before {
content: "\f09e"
}
.social-icons a.youtube:before {
content: "\f167"
}
.social-icons a.skype:before {
content: "\f17e"
}
.social-icons a.stumbleupon:before {
content: "\f1a4"
}
.social-icons a.tumblr:before {
content: "\f173"
}
.social-icons a.vine:before {
content: "\f1ca"
}
.social-icons a.stack-overflow:before {
content: "\f16c"
}
.social-icons a.linkedin:before {
content: "\f0e1"
}
.social-icons a.dribbble:before {
content: "\f17d";
font-weight: 700
}
.social-icons a.soundcloud:before {
content: "\f1be"
}
.social-icons a.behance:before {
content: "\f1b4"
}
.social-icons a.digg:before {
content: "\f1a6"
}
.social-icons a.instagram:before {
content: "\f16d";
font-weight: 700
}
.social-icons a.pinterest:before {
content: "\f0d2"
}
.social-icons a.delicious:before {
content: "\f1a5"
}
.social-icons a.codepen:before {
content: "\f1cb"
}
.social-icons a.vimeo:before {
content: "\f27d"
}
.fa-instagram:before,
.fa-dribbble:before {
font-weight: 700
}
.tooltip-inner {
text-transform: capitalize
}
#loading,
.overflow-hidden {
position: fixed;
top: 0;
left: 0;
right: 0
}
.alert {
border-radius: 0
}
.body-overlay.show-body-overlay {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100)
}
.body-overlay {
top: 0;
right: 0;
left: 0;
background: rgba(0, 0, 0, .5);
display: none;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: visibility ease .2s, opacity ease .2s;
-moz-transition: visibility ease .2s, opacity ease .2s;
-o-transition: visibility ease .2s, opacity ease .2s;
transition: visibility ease .2s, opacity ease .2s;
content: " "
}
.overflow-hidden {
overflow: hidden;
bottom: 0
}
#loading {
margin: auto;
bottom: 0;
z-index: 999999999;
background: #fff
}
.cssload-thecube {
top: 45%;
left: 47%;
margin-top: -20px;
margin-left: -20px;
position: absolute
}
.loader {
width: 50px;
height: 50px;
border-radius: 50%;
margin: 3em;
display: inline-block;
position: relative;
vertical-align: middle
}
.loader,
.loader:before,
.loader:after {
animation: 1s infinite ease-in-out
}
.loader:before,
.loader:after {
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0
}
.loader-black {
background-color: #333
}
.loader-1 {
animation-name: loader1
}
@keyframes loader1 {
from {
transform: scale(0);
opacity: 1
}
to {
transform: scale(1);
opacity: 0
}
}
.back-top-fixed.show-button {
right: 0
}
.back-top-fixed {
background: #579eb8;
right: -40px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #579eb8;
cursor: pointer;
font-size: 10px;
-webkit-transition: right ease .2s, background-color ease .2s;
-moz-transition: right ease .2s, background-color ease .2s;
-o-transition: right ease .2s, background-color ease .2s;
transition: right ease .2s, background-color ease .2s;
color: #fff;
text-decoration: none
}
.back-top-fixed,
.body-overlay {
position: fixed;
z-index: 20;
bottom: 0
}
.back-top-fixed {
background: #579eb8
}
body {
color: #777;
background-color: #f7f7f7
}
.btn-main {
background-color: #579eb8
}
.btn-main:focus,
.btn-main.focus,
.btn-main:hover,
.btn-main:active,
.btn-main.active,
.open>.dropdown-toggle.btn-main,
.btn-main:active:hover,
.btn-main.active:hover,
.open>.dropdown-toggle.btn-main:hover,
.btn-main:active:focus,
.btn-main.active:focus,
.open>.dropdown-toggle.btn-main:focus,
.btn-main:active.focus,
.btn-main.active.focus,
.open>.dropdown-toggle.btn-main.focus {
background-color: #504f4c
}
.btn-main.disabled,
.btn-main.disabled:hover,
.btn-main[disabled]:hover,
fieldset[disabled] .btn-main:hover,
.btn-main.disabled:focus,
.btn-main[disabled]:focus,
fieldset[disabled] .btn-main:focus,
.btn-main.disabled.focus,
.btn-main[disabled].focus,
fieldset[disabled] .btn-main.focus {
background-color: #ffcc29
}
.btn-main .badge {
color: #579eb8
}
.social-icons>a:hover {
color: #579eb8
}
.nav-wrapper .nav-menu ul>li.active:hover>a,
.nav-wrapper .nav-menu ul>li.active>a {
background-color: #579eb8
}
.nav-wrapper .nav-menu ul>li:hover>a {
color: #579eb8
}
.nav-wrapper .nav-menu ul>li>ul {
background-color: #579eb8
}
.nav-wrapper .nav-menu ul>li>ul>li.active>a,
.nav-wrapper .nav-menu ul>li>ul>li.active:hover>a,
.nav-wrapper .nav-menu ul>li>ul>li:hover>a {
background-color: #504f4c
}
footer .footer-text {
background-color: #579eb8
}
@media only screen and (max-width: 1200px) {
.nav-wrapper .nav-menu ul>li.active {
border-bottom-color: #579eb8
}
}
@media only screen and (max-width: 900px) {
.wrapper.header-lg .nav-wrapper .nav-menu ul>li.active {
border-bottom-color: #579eb8
}
}
.widget .widget-heading:after {
background-color: #579eb8
}
.widget-social-icons>a:hover {
color: #579eb8
}
.widget-tags>a:hover {
background-color: #579eb8
}
.widget-list ul>li>a span {
background-color: #579eb8
}
.widget-twitter ul>li:hover:before {
color: #579eb8
}
.widget-comments ul>li .comment-heading .date {
color: #579eb8
}
.widget-post-list.list-numbering ul>li:hover:before {
color: #579eb8
}
.widget-tabs .nav-tabs>li.active>a,
.widget-tabs .nav-tabs>li.active>a:hover,
.widget-tabs .nav-tabs>li.active>a:focus {
border-bottom-color: #579eb8
}
.category a:hover {
color: #579eb8
}
.post-meta a:hover {
color: #579eb8
}
.has-post-format:hover .featured-img:after {
background-color: #579eb8
}
.content-inner .next-prev-post .next-post:before,
.content-inner .next-prev-post .prev-post:before {
background-color: #579eb8
}
.widget-about.post-author .social-icons a:hover {
color: #579eb8
}
.page-heading:before {
background-color: #579eb8
}
.archive-heading .subheading {
color: #579eb8
}
.archive-heading.bold-bordered {
-webkit-box-shadow: 0 10px 0 0 #579eb8;
-moz-box-shadow: 0 10px 0 0 #579eb8;
box-shadow: 0 10px 0 0 #579eb8
}
.page-inner-content .heading-404 span {
color: #579eb8
}
body.header-01-fixed {
padding-top: 110px
}
body {
font-size: 16px;
color: #777;
background: #f7f7f7
}
.clr {
clear: both;
float: none
}
.wrapper {
position: relative;
min-height: 100%
}
.wrapper:after,
.wrapper:before {
display: table
}
.wrapper:after {
clear: both
}
.wrapper.fixed-layout {
padding-top: 80px
}
.wrapper.fixed-layout header {
position: fixed;
top: 0;
left: 0;
right: 0;
-webkit-transition: top ease .2s;
-moz-transition: top ease .2s;
-o-transition: top ease .2s;
transition: top ease .2s
}
.wrapper.fixed-layout header.scroll-up {
top: -80px;
-webkit-box-shadow: 0 2px 10px 0 transparent;
-moz-box-shadow: 0 2px 10px 0 transparent;
box-shadow: 0 2px 10px 0 transparent
}
.wrapper.fixed-layout.header-lg {
padding-top: 200px
}
.wrapper.fixed-layout.header-lg header.header-shrink {
top: -120px
}
.wrapper.fixed-layout.header-lg header.header-shrink .header-content .icons-and-search .search-form {
top: 135px
}
.wrapper.fixed-layout.header-lg header.header-shrink.scroll-up {
top: -200px
}
.wrapper.fixed-layout.disable-scroll-up header.scroll-up {
top: 0;
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}
.wrapper.fixed-layout.disable-scroll-up.header-lg header.header-shrink.scroll-up {
top: -120px
}
.wrapper.header-lg header {
height: auto;
padding: 0 !important
}
.wrapper.header-lg header .header-content {
text-align: center;
float: none;
display: block;
width: 100%;
max-width: 1200px;
position: relative;
margin: 0 auto;
padding: 20px 15px;
height: 120px
}
.wrapper.header-lg header .header-content .main-logo {
float: none;
padding: 20px 0;
margin-right: 0;
display: inline-block;
position: relative;
z-index: 5
}
.wrapper.header-lg header .header-content .main-logo.text-logo h1 {
font-size: 36px
}
.wrapper.header-lg header .header-content .icons-and-search {
right: 15px;
padding-right: 50px;
left: 15px;
height: 120px
}
.wrapper.header-lg header .header-content .icons-and-search:after,
.wrapper.header-lg header .header-content .icons-and-search:before {
display: table;
content: " "
}
.wrapper.header-lg header .header-content .icons-and-search:after {
clear: both
}
.wrapper.header-lg header .header-content .icons-and-search .social-icons {
float: left;
margin: 45px 45px 45px 0
}
.wrapper.header-lg header .header-content .icons-and-search .search-form {
top: 35px;
width: 250px;
-webkit-transition: top ease .2s;
-moz-transition: top ease .2s;
-o-transition: top ease .2s;
transition: top ease .2s
}
.wrapper.header-lg header .header-content .icons-and-search .search-form .btn-form {
cursor: default
}
.wrapper.header-lg header .header-content .icons-and-search .search-form .btn-form:after {
background-color: transparent
}
.wrapper.header-lg header .header-content .icons-and-search .search-form.toggle-search-form {
width: 250px
}
.wrapper.header-lg header .header-content .icons-and-search .search-form.toggle-search-form .btn-form:after {
content: "\f002"
}
.wrapper.header-lg header .nav-wrapper {
float: none;
display: block;
}
.wrapper.header-lg header .nav-wrapper .nav-menu {
width: 100%;
max-width: 1200px;
position: relative;
margin: 0 auto;
padding: 0 8px
}
header {
background-color: #fff;
display: block;
padding: 0 15px;
position: relative;
height: 80px;
z-index: 20;
-webkit-transition: box-shadow ease .2s;
-moz-transition: box-shadow ease .2s;
-o-transition: box-shadow ease .2s;
transition: box-shadow ease .2s
}
header:after,
header:before {
display: table;
content: " "
}
header:after {
clear: both
}
header.add-shadow {
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}
header .collapse-nav-menu-btn {
display: none
}
header .header-content {
float: left
}
header .header-content:after,
header .header-content:before {
display: table;
content: " "
}
header .header-content:after {
clear: both
}
header .header-content .main-logo {
float: left;
padding: 20px 0;
margin-right: 30px
}
header .header-content .main-logo img {
height: 60px;
}
header .header-content .main-logo h1,
header .header-content .main-logo p {
padding: 0;
margin: 0;
line-height: 1
}
header .header-content .main-logo h1 {
margin-bottom: 10px;
font-size: 40px;
text-shadow: 4px 4px rgba(0, 0, 0, .08);
color: #579eb8;
max-width: 555px
}
header .header-content .main-logo p {
font-style: italic;
color: #cecece;
font-weight: 400;
font-size: 12px;
display: none
}
header .header-content .main-logo.text-logo {
height: 80px
}
header .header-content .main-logo.text-logo img {
display: none
}
header .header-content .main-logo.text-logo h1,
header .header-content .main-logo.text-logo p {
display: block
}
header .header-content .main-logo.text-logo.without-description {
padding: 5px 0
}
header .header-content .main-logo.text-logo.without-description h1 {
line-height: 60px
}
header .header-content .main-logo.text-logo.without-description p {
display: none
}
header .header-content .main-logo>a {
-webkit-transition: color ease .4s;
-moz-transition: color ease .4s;
-o-transition: color ease .4s;
transition: color ease .4s
}
header .header-content .icons-and-search {
position: absolute;
right: 15px;
top: 0;
padding-right: 65px;
height: 80px;
z-index: 1
}
header .header-content .icons-and-search .social-icons {
margin: 25px;
-webkit-transition: opacity ease .2s;
-moz-transition: opacity ease .2s;
-o-transition: opacity ease .2s;
transition: opacity ease .2s
}
header .header-content .icons-and-search .social-icons.toggle-social-icons {
opacity: 0;
filter: alpha(opacity=0)
}
header .header-content .icons-and-search .search-form {
position: absolute;
z-index: 2;
right: 0;
top: 15px;
width: 50px;
height: 50px;
-webkit-transition: width ease .2s;
-moz-transition: width ease .2s;
-o-transition: width ease .2s;
transition: width ease .2s
}
header .header-content .icons-and-search .search-form .form-group {
position: relative
}
header .header-content .icons-and-search .search-form .form-group .form-control {
border-color: #f4f4f4;
background-color: #f4f4f4;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
-webkit-transition: background-color ease .15s, border-color ease .15s;
-moz-transition: background-color ease .15s, border-color ease .15s;
-o-transition: background-color ease .15s, border-color ease .15s;
transition: background-color ease .15s, border-color ease .15s
}
header .header-content .icons-and-search .search-form .form-group .form-control:focus {
border-color: #ececec;
background-color: #fff
}
header .header-content .icons-and-search .search-form .form-group .btn-form {
position: absolute;
width: 50px;
height: 50px;
right: 0;
top: 0;
background-color: transparent;
cursor: pointer
}
header .header-content .icons-and-search .search-form .form-group .btn-form:after {
position: absolute;
content: "\f002";
font-family: FontAwesome;
width: 50px;
height: 50px;
line-height: 50px;
color: #999;
right: 0;
top: 0;
text-align: center;
background-color: #f4f4f4;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
-webkit-transition: background-color ease .2s;
-moz-transition: background-color ease .2s;
-o-transition: background-color ease .2s;
transition: background-color ease .2s
}
.nav-wrapper .nav-menu ul>li>a,
.widget-twitter ul>li:before {
-webkit-transition: color ease .2s;
-moz-transition: color ease .2s;
-o-transition: color ease .2s
}
header .header-content .icons-and-search .search-form.toggle-search-form {
width: 320px
}
header .header-content .icons-and-search .search-form.toggle-search-form .btn-form:after {
content: "\f00d";
background-color: transparent
}
.material-icons {
font-weight: 400;
font-style: normal;
font-size: 24px;
display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: liga;
line-height: inherit
}
header .nav-wrapper {
float: left
}
.nav-wrapper {
height: 80px;
text-align: left
}
.nav-wrapper .nav-menu ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 0
}
.nav-wrapper .nav-menu ul>li {
font-size: 14px;
text-transform: uppercase;
display: inline-block
}
.nav-wrapper .nav-menu ul>li>a {
display: block;
line-height: 80px;
padding: 0 20px;
color: #555;
transition: color ease .2s
}
.nav-wrapper .nav-menu ul>li.has-children {
position: relative
}
.nav-wrapper .nav-menu ul>li.has-children>a {
position: relative;
padding-right: 30px
}
.nav-wrapper .nav-menu ul>li.has-children>a:after {
position: absolute;
height: 80px;
width: 10px;
top: 0;
right: 15px;
content: "\f0d7";
font-family: FontAwesome;
}
.nav-wrapper .nav-menu ul>li.active:hover>a,
.nav-wrapper .nav-menu ul>li.active>a {
background-color: #579eb8;
color: #fff
}
.nav-wrapper .nav-menu ul>li.active.has-children>a:after,
.nav-wrapper .nav-menu ul>li.active:hover.has-children>a:after {
color: #fff
}
.nav-wrapper .nav-menu ul>li:hover>a {
color: #579eb8
}
.nav-wrapper .nav-menu ul>li:hover>ul {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
top: 100%
}
.nav-wrapper .nav-menu ul>li>ul {
position: absolute;
top: 120%;
width: 225px;
background-color: #579eb8;
left: 0;
z-index: 2;
-webkit-transition: opacity ease .5s, visibility ease .5s, top ease .3s;
-moz-transition: opacity ease .5s, visibility ease .5s, top ease .3s;
-o-transition: opacity ease .5s, visibility ease .5s, top ease .3s;
transition: opacity ease .5s, visibility ease .5s, top ease .3s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden
}
.nav-wrapper .nav-menu ul>li>ul>li {
text-transform: none;
display: block
}
.nav-wrapper .nav-menu ul>li>ul>li>a {
line-height: 40px;
padding: 0 20px;
color: #fff;
-webkit-transition: background-color ease .2s, color ease .2s;
-moz-transition: background-color ease .2s, color ease .2s;
-o-transition: background-color ease .2s, color ease .2s;
transition: background-color ease .2s, color ease .2s
}
.nav-wrapper .nav-menu ul>li>ul>li.active:hover>a,
.nav-wrapper .nav-menu ul>li>ul>li.active>a,
.nav-wrapper .nav-menu ul>li>ul>li:hover>a {
background-color: #504f4c;
color: #fff
}
.sidebar,
footer {
background-color: #fff
}
.nav-wrapper .nav-menu ul>li>ul>li.has-children>a:after {
right: 10px;
height: 40px;
content: "\f105";
color: #fff;
font-size: 12px
}
.nav-wrapper .nav-menu ul>li>ul>li:hover>ul {
top: 0
}
.nav-wrapper .nav-menu ul>li>ul>li>ul {
left: 100%;
top: 50%
}
.content-wrapper {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 30px 0
}
footer {
text-align: center
}
footer .footer-logo {
padding: 40px 0
}
footer .footer-logo .logo {
display: inline-block
}
footer .footer-logo .logo img {
height: 90px
}
footer .footer-logo .logo h1,
footer .footer-logo .logo p {
padding: 0;
margin: 0;
line-height: 1;
display: none
}
footer .footer-logo .logo h1 {
margin-bottom: 10px;
font-size: 30px;
text-shadow: 4px 4px rgba(0, 0, 0, .08)
}
footer .footer-logo .logo p {
font-style: italic;
color: #cecece;
font-weight: 400;
font-size: 12px
}
.widget-twitter ul>li .date,
footer .footer-text .footer-back-top,
footer footer .footer-logo .logo.text-logo {
height: auto
}
footer .footer-logo .logo.text-logo img {
display: none
}
footer .footer-logo .logo.text-logo h1,
footer .footer-logo .logo.text-logo p {
display: block
}
footer .footer-logo .logo.text-logo.without-description {
padding: 5px 0
}
footer .footer-logo .logo.text-logo.without-description h1 {
line-height: 60px
}
footer .footer-logo .logo.text-logo.without-description p {
display: none
}
footer .footer-logo .logo>a {
-webkit-transition: color ease .4s;
-moz-transition: color ease .4s;
-o-transition: color ease .4s;
transition: color ease .4s
}
footer .footer-logo .social-icons {
margin-top: 30px
}
footer .footer-text {
background-color: #579eb8;
color: #fff;
padding: 30px 0;
position: relative;
}
footer .footer-text .footer-back-top {
position: absolute;
width: 80px;
height: 80px;
top: 0;
left: calc(50% - 40px);
text-align: center;
z-index: 3;
border-left: 1px solid rgba(255, 255, 255, .2);
border-right: 1px solid rgba(255, 255, 255, .2);
line-height: 1.6;
padding: 15px 0;
cursor: pointer;
font-size: 14px
}
footer .footer-text .footer-copyright {
padding: 0;
margin: 0;
text-align: left;
line-height: 1.4
}
footer .footer-text .footer-menu {
padding: 0;
margin: 0;
list-style: none;
font-size: 0;
text-align: right
}
footer .footer-text .footer-menu li {
font-size: 13px;
display: inline-block;
padding: 0 15px;
text-transform: uppercase
}
@media only screen and (max-width: 1200px) {
.wrapper.header-lg header .collapse-nav-menu-btn {
display: none
}
.wrapper.header-lg .nav-wrapper {
width: 100%;
position: relative;
top: 0;
left: 0;
bottom: auto;
overflow-x: visible;
overflow-y: visible;
background-color: transparent;
height: auto;
float: none;
z-index: 21;
-webkit-overflow-scrolling: none;
overflow-scrolling: none;
-webkit-transition: left ease .2s;
-moz-transition: left ease .2s;
-o-transition: left ease .2s;
transition: left ease .2s
}
.wrapper.header-lg .nav-wrapper.collapse-nav-wrapper {
left: 0
}
.wrapper.header-lg .nav-wrapper .nav-menu {
width: 100%;
max-width: 1200px;
position: relative;
margin: 0 auto;
padding: 0 15px
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li {
display: inline-block;
width: auto;
border-bottom: none
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>a {
line-height: 80px;
height: 80px
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li:hover>ul {
display: block
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul {
position: absolute;
top: 100%;
width: 225px;
left: 0
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li {
width: 225px
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>a {
line-height: 40px;
height: 40px;
padding: 0 20px
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li.has-children>a:after {
right: 10px;
height: 40px;
content: "\f105";
color: #fff;
font-size: 12px
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>ul {
left: 100%;
top: 0
}
header .header-content {
margin-left: 95px;
float: none;
display: block
}
header .header-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
content: " ";
z-index: 10;
display: none;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: visibility ease .2s, opacity ease .2s;
-moz-transition: visibility ease .2s, opacity ease .2s;
-o-transition: visibility ease .2s, opacity ease .2s;
transition: visibility ease .2s, opacity ease .2s
}
header .header-overlay.toggle-header-overlay {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100)
}
header .collapse-nav-menu-btn {
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, .05);
cursor: pointer;
position: absolute;
top: 0;
left: 0;
z-index: 6;
display: block
}
.nav-wrapper {
width: 250px;
position: fixed;
top: 0;
left: -250px;
bottom: 0;
overflow-y: auto;
overflow-x: hidden;
background-color: #fff;
height: auto;
float: none;
z-index: 21;
-webkit-transition: left ease .2s;
-moz-transition: left ease .2s;
-o-transition: left ease .2s;
transition: left ease .2s;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch
}
.nav-wrapper.collapse-nav-wrapper {
left: 0
}
.nav-wrapper .nav-menu {
width: auto;
display: block
}
.nav-wrapper .nav-menu ul>li {
display: block;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.nav-wrapper .nav-menu ul>li>a {
line-height: 60px;
height: 60px
}
.nav-wrapper .nav-menu ul>li.active {
border-bottom-color: #579eb8
}
.nav-wrapper .nav-menu ul>li:hover>ul {
display: none
}
.nav-wrapper .nav-menu ul>li>ul {
position: relative;
top: auto;
left: auto;
width: 100%;
display: none;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100)
}
.nav-wrapper .nav-menu ul>li>ul>li {
border-bottom: none
}
.nav-wrapper .nav-menu ul>li>ul>li>a {
height: 40px;
padding-left: 30px
}
.nav-wrapper .nav-menu ul>li>ul>li>ul {
left: auto;
top: auto
}
.nav-wrapper .nav-menu ul>li>ul>li>ul>li>a {
padding-left: 40px
}
.nav-wrapper .nav-menu ul>li>ul>li>ul>li>ul>li>a {
padding-left: 55px
}
.content-wrapper {
padding: 30px
}
}
@media only screen and (max-width: 1024px) {
.wrapper {
padding-top: 80px
}
.wrapper.fixed-layout header.scroll-up {
top: 0;
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}
.wrapper.fixed-layout.header-lg {
padding-top: 200px
}
.wrapper.fixed-layout.header-lg header {
position: fixed
}
.wrapper.fixed-layout.header-lg header.header-shrink {
top: -120px
}
.wrapper.fixed-layout.header-lg header.header-shrink .header-content .icons-and-search .search-form {
top: 135px
}
.wrapper.fixed-layout.header-lg header.header-shrink.scroll-up {
top: -120px
}
.wrapper.header-lg {
padding-top: 0
}
.wrapper.header-lg header {
position: static
}
header {
position: fixed;
top: 0;
right: 0;
left: 0
}
footer .footer-text {
height: auto;
padding-top: 0
}
footer .footer-text .footer-back-top {
position: relative;
left: auto;
margin: 0 auto;
display: block
}
footer .footer-text .footer-back-top+.container-fluid {
border-top: 1px solid rgba(255, 255, 255, .2)
}
footer .footer-text .footer-copyright,
footer .footer-text .footer-menu {
text-align: center;
line-height: 1.6;
margin-bottom: 15px;
margin-top: 30px
}
footer .footer-text .footer-menu {
margin: 0
}
}
@media only screen and (max-width: 900px) {
.wrapper.fixed-layout.header-lg,
.wrapper.header-lg {
padding-top: 80px
}
.wrapper.fixed-layout.header-lg header.header-shrink {
top: 0
}
.wrapper.fixed-layout.header-lg header.header-shrink .header-content .icons-and-search .search-form {
top: 15px
}
.wrapper.fixed-layout.disable-scroll-up.header-lg header.header-shrink.scroll-up,
.wrapper.fixed-layout.header-lg header.header-shrink.scroll-up {
top: 0
}
.wrapper.header-lg header {
height: 80px;
text-align: left;
position: fixed;
top: 0;
right: 0;
left: 0
}
.wrapper.header-lg header .header-content {
margin-left: 80px;
float: none;
display: block;
width: auto;
height: 80px;
padding: 0 15px;
text-align: left
}
.wrapper.header-lg header .header-content .main-logo {
float: left;
padding: 10px 0
}
.wrapper.header-lg header .header-content .main-logo.text-logo h1 {
font-size: 30px
}
.wrapper.header-lg header .header-content .main-logo.text-logo.without-description {
padding: 5px 0
}
.wrapper.header-lg header .header-content .icons-and-search {
height: 80px;
right: 15px;
top: 0;
padding-right: 65px;
left: auto
}
.wrapper.header-lg header .header-content .icons-and-search .social-icons {
float: none;
margin: 25px;
-webkit-transition: opacity ease .2s;
-moz-transition: opacity ease .2s;
-o-transition: opacity ease .2s;
transition: opacity ease .2s
}
.wrapper.header-lg header .header-content .icons-and-search .social-icons.toggle-social-icons {
opacity: 0;
filter: alpha(opacity=0)
}
.wrapper.header-lg header .header-content .icons-and-search .search-form {
top: 15px;
width: 50px;
height: 50px;
-webkit-transition: width ease .2s;
-moz-transition: width ease .2s;
-o-transition: width ease .2s;
transition: width ease .2s
}
.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form {
cursor: pointer
}
.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form:after {
background-color: #f4f4f4
}
.wrapper.header-lg header .header-content .icons-and-search .search-form.toggle-search-form {
width: 320px
}
.wrapper.header-lg header .header-content .icons-and-search .search-form.toggle-search-form .btn-form:after {
content: "\f00d";
background-color: transparent
}
.wrapper.header-lg header .collapse-nav-menu-btn {
display: block;
background: #fff;
}
.wrapper.header-lg .nav-wrapper {
width: 250px;
position: fixed;
top: 0;
left: -250px;
bottom: 0;
overflow-y: auto;
overflow-x: hidden;
background-color: #fff;
height: auto;
float: none;
z-index: 21;
-webkit-transition: left ease .2s;
-moz-transition: left ease .2s;
-o-transition: left ease .2s;
transition: left ease .2s;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch
}
.wrapper.header-lg .nav-wrapper.collapse-nav-wrapper {
left: 0
}
.wrapper.header-lg .nav-wrapper .nav-menu {
width: auto;
padding: 0 !important;
display: block
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li {
display: block;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>a {
line-height: 60px;
height: 60px
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li.active {
border-bottom-color: #579eb8
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li:hover>ul {
display: none
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul {
position: relative;
top: auto;
left: auto;
width: 100%
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li {
border-bottom: none;
width: 100%
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>a {
height: 40px;
padding-left: 30px
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>ul {
left: auto;
top: auto
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>ul>li>a {
padding-left: 40px
}
.wrapper.header-lg .nav-wrapper .nav-menu ul>li>ul>li>ul>li>ul>li>a {
padding-left: 55px
}
}
@media only screen and (max-width: 800px) {
.wrapper.header-lg header .header-content,
header .header-content {
text-align: center;
margin: 0
}
.wrapper.fixed-layout.header-lg header.header-shrink .header-content .icons-and-search .search-form {
top: 0
}
.wrapper.header-lg header .header-content .main-logo {
float: none;
margin-right: 0;
display: inline-block;
position: relative;
z-index: 5
}
.wrapper.header-lg header .header-content .icons-and-search {
right: 0;
left: 0;
bottom: 0
}
.wrapper.header-lg header .header-content .icons-and-search .search-form {
background: #fff;
top: 0;
right: 0;
width: 80px;
height: 80px
}
.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form {
background-color: transparent;
cursor: pointer
}
.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form:after {
background-color: transparent
}
.wrapper.header-lg header .header-content .icons-and-search .search-form.toggle-search-form {
width: 100%;
border-left: 1px solid transparent
}
header .collapse-nav-menu-btn {
-webkit-transition: visibility ease .2s, opacity ease .2s;
-moz-transition: visibility ease .2s, opacity ease .2s;
-o-transition: visibility ease .2s, opacity ease .2s;
transition: visibility ease .2s, opacity ease .2s
}
header .collapse-nav-menu-btn.bring-to-back {
z-index: 1;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0)
}
header .header-content .main-logo {
float: none;
margin-right: 0;
display: inline-block;
position: relative;
z-index: 5;
-webkit-transition: visibility ease .2s, opacity ease .2s;
-moz-transition: visibility ease .2s, opacity ease .2s;
-o-transition: visibility ease .2s, opacity ease .2s;
transition: visibility ease .2s, opacity ease .2s
}
header .header-content .main-logo.bring-to-back {
z-index: 1;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0)
}
header .header-content .social-icons {
display: none
}
header .header-content .icons-and-search {
z-index: 4;
right: 0;
left: 0;
bottom: 0;
height: 80px;
padding-right: 0
}
header .header-content .icons-and-search .search-form {
top: 0;
right: 0;
width: 80px;
height: 80px;
border-left: 1px solid rgba(0, 0, 0, .05);
-webkit-transition: width ease .2s, left ease .2s;
-moz-transition: width ease .2s, left ease .2s;
-o-transition: width ease .2s, left ease .2s;
transition: width ease .2s, left ease .2s
}
header .header-content .icons-and-search .search-form .form-group .form-control {
height: 80px;
border-color: transparent;
background-color: transparent;
padding-right: 80px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
header .header-content .icons-and-search .search-form .form-group .form-control:focus {
border-color: transparent;
background-color: transparent
}
header .header-content .icons-and-search .search-form .form-group .btn-form {
width: 80px;
height: 80px;
background-color: transparent;
cursor: pointer
}
header .header-content .icons-and-search .search-form .form-group .btn-form:after {
width: 80px;
height: 80px;
line-height: 80px;
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
header .header-content .icons-and-search .search-form.toggle-search-form {
width: 100%;
border-left: 1px solid transparent
}
.content-wrapper {
padding: 30px 0
}
}
@media only screen and (max-width: 480px) {
.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form:after,
header .collapse-nav-menu-btn {
height: 60px;
line-height: 60px;
width: 60px
}
.wrapper,
.wrapper.fixed-layout,
.wrapper.header-lg,
.wrapper.header-lg.fixed-layout {
padding-top: 60px
}
.wrapper.header-lg header,
.wrapper.header-lg header .header-content {
height: 60px
}
.wrapper.header-lg header .header-content .main-logo.text-logo.without-description {
padding: 0
}
.wrapper.header-lg header .header-content .icons-and-search {
height: 60px
}
.wrapper.header-lg header .header-content .icons-and-search .search-form {
width: 60px;
height: 60px
}
.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .form-control {
height: 60px;
padding-right: 60px
}
.wrapper.header-lg header .header-content .icons-and-search .search-form .form-group .btn-form {
width: 60px;
height: 60px
}
header {
height: 60px
}
header .header-content .main-logo {
padding: 10px 0
}
header .header-content .main-logo img {
height: 40px;
margin: 0 !important
}
header .header-content .main-logo h1 {
font-size: 30px
}
header .header-content .main-logo.text-logo {
height: 60px
}
header .header-content .main-logo.text-logo img,
header .header-content .main-logo.text-logo p {
display: none
}
header .header-content .main-logo.text-logo.without-description {
padding: 0
}
header .header-content .main-logo.text-logo.without-description h1 {
line-height: 1.7
}
header .header-content .icons-and-search {
height: 60px
}
header .header-content .icons-and-search .search-form {
width: 60px;
height: 60px
}
header .header-content .icons-and-search .search-form .form-group .form-control {
height: 60px;
padding-right: 60px
}
header .header-content .icons-and-search .search-form .form-group .btn-form {
width: 60px;
height: 60px
}
header .header-content .icons-and-search .search-form .form-group .btn-form:after {
width: 60px;
height: 60px;
line-height: 60px
}
footer .footer-text .footer-menu>li {
padding: 0 10px
}
}
.form-control,
.input-group-lg .form-control {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0
}
.form-control {
padding: 0 20px;
height: 50px;
line-height: 50px;
color: #777;
border-color: #ececec;
border-radius: 0;
-webkit-box-shadow: inset 0 0 0 0 transparent;
-moz-box-shadow: inset 0 0 0 0 transparent;
box-shadow: inset 0 0 0 0 transparent;
-webkit-transition: border-color ease .15s;
-moz-transition: border-color ease .15s;
-o-transition: border-color ease .15s;
transition: border-color ease .15s
}
.form-control:focus,
.progress {
-webkit-box-shadow: inset 0 0 0 0 transparent;
-moz-box-shadow: inset 0 0 0 0 transparent
}
.form-control:focus {
border-color: #cecece;
box-shadow: inset 0 0 0 0 transparent
}
.form-control:-ms-input-placeholder {
color: #cecece
}
.form-control::-moz-placeholder {
color: #cecece
}
.form-control::-webkit-input-placeholder {
color: #cecece
}
.form-control.input-lg {
padding: 0 30px;
height: 70px;
line-height: 70px
}
.form-control.input-sm {
padding: 0 15px;
height: 40px;
line-height: 40px
}
.form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #fafafa
}
.input-group-lg .form-control {
height: 70px;
line-height: 70px;
padding: 0 30px;
border-radius: 0
}
.input-group-lg .input-group-addon {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.input-group-sm .form-control {
height: 40px;
line-height: 40px;
padding: 0 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.input-group-sm .input-group-addon {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.has-feedback .form-control {
padding-right: 50px
}
.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-lg+.form-control-feedback {
width: 46px;
height: 66px;
line-height: 66px
}
.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-sm+.form-control-feedback {
width: 46px;
height: 36px;
line-height: 36px
}
.input-group-addon {
color: #fff;
background-color: #cecece;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.btn-group.btn-group-lg .btn,
.btn-group.btn-group-sm .btn {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0
}
.help-block {
margin: 10px 0;
color: #999
}
.form-group label {
font-weight: 700;
font-weight: 500
}
.form-horizontal .control-label,
.form-horizontal .form-control-static {
height: 50px;
line-height: 50px;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
color: #9bc53d
}
.has-success .form-control {
border-color: #9bc53d;
-webkit-box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0);
-moz-box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0);
box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0)
}
.has-success .form-control:focus {
border-color: #92bb38;
-webkit-box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0);
-moz-box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0);
box-shadow: inset 0 0 0 0 rgba(155, 197, 61, 0)
}
.has-success .input-group-addon {
color: #fff;
background-color: #9bc53d;
border-color: #9bc53d
}
.has-success .form-control-feedback {
color: #9bc53d
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
color: #579eb8
}
.has-warning .form-control {
border-color: #579eb8;
-webkit-box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0);
-moz-box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0);
box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0)
}
.has-warning .form-control:focus {
border-color: #504f4c;
-webkit-box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0);
-moz-box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0);
box-shadow: inset 0 0 0 0 rgba(245, 187, 0, 0)
}
.has-warning .input-group-addon {
color: #fff;
background-color: #579eb8;
border-color: #579eb8
}
.has-warning .form-control-feedback {
color: #579eb8
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
color: #e55934
}
.has-error .form-control {
border-color: #e55934;
-webkit-box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0);
-moz-box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0);
box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0)
}
.has-error .form-control:focus {
border-color: #e34e26;
-webkit-box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0);
-moz-box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0);
box-shadow: inset 0 0 0 0 rgba(229, 89, 52, 0)
}
.has-error .input-group-addon {
color: #fff;
background-color: #e55934;
border-color: #e55934
}
.has-error .form-control-feedback {
color: #e55934
}
@-webkit-keyframes empty {
0% {
opacity: 1
}
}
@-moz-keyframes empty {
0% {
opacity: 1
}
}
@keyframes empty {
0% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px)
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%)
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%)
}
}
@-moz-keyframes backSlideOut {
25% {
opacity: .5;
-moz-transform: translateZ(-500px)
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%)
}
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%)
}
}
@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px)
}
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%)
}
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%)
}
}
@-webkit-keyframes backSlideIn {
0%,
25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%)
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px)
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0)
}
}
@-moz-keyframes backSlideIn {
0%,
25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%)
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px)
}
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0)
}
}
@keyframes backSlideIn {
0%,
25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%)
}
75% {
opacity: .5;
transform: translateZ(-500px)
}
100% {
opacity: 1;
transform: translateZ(0) translateX(0)
}
}
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(.8)
}
}
@-moz-keyframes scaleToFade {
to {
opacity: 0;
-moz-transform: scale(.8)
}
}
@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(.8)
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%)
}
}
@-moz-keyframes goDown {
from {
-moz-transform: translateY(-100%)
}
}
@keyframes goDown {
from {
transform: translateY(-100%)
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5)
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity: 0;
-moz-transform: scale(1.5)
}
}
@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5)
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5)
}
}
@-moz-keyframes scaleUpTo {
to {
opacity: 0;
-moz-transform: scale(1.5)
}
}
@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5)
}
}
blockquote:after,
blockquote:before {
position: absolute;
color: #f4f4f4;
font-size: 180px;
line-height: 1;
z-index: 0;
}
.category {
font-size: 12px;
font-weight: 700
}
.category,
.post-meta,
.post-title {
padding: 0;
margin: 0;
line-height: 1
}
a.btn-sm {
line-height: 40px
}
.back-top-fixed,
a,
a.btn {
text-decoration: none
}
.btn-sm {
padding: 0 15px;
height: 40px
}
.post-head .entry-title {
color: #50514f;
line-height: 1.2;
margin: 0;
margin-bottom: 15px;
font-size: 36px;
text-transform: uppercase
}
.post-body {
font-size: 16px;
font-weight: 400;
padding: 0;
margin: 0;
line-height: 31px;
word-wrap: break-word
}
.post-meta-span {
margin-right: 5px;
background: #579eb8;
color: #fff;
font-weight: 100;
padding: 4px 5px
}
.post-meta-span a {
color: #fff !important
}
.post-meta-span a:hover {
color: #fff
}
.iframe_wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden
}
.iframe_wrapper iframe,
.iframe_wrapper object,
.iframe_wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.post-header .social-icons {
float: right
}
.first_post_img {
width: 100%
}
.trending-badges {
position: absolute;
top: 0;
left: -45px;
text-align: center;
min-width: 40px;
z-index: 11
}
.trending-badges .badges {
font-size: 20px;
color: #fff;
line-height: 30px
}
.trending-badges .trending-label {
padding: 7px 12px 3px;
min-width: 43px;
background-color: #579eb8;
color: #333
}
.trending-badges .score-label.point {
line-height: 28px
}
.trending-badges .score-label {
color: #f3f3f3;
font-size: 12px;
font-weight: 700;
line-height: 14px;
background: #333;
padding: 8px 12px 7px;
min-width: 43px
}
.trending-badges .score-label span {
display: block
}
.post-archive ul {
padding: 0;
margin: 0;
list-style: none;
}
.post-archive ul li {
margin-bottom: 30px
}
.post-archive.list-style ul li .post-item {
padding: 30px
}
.post-archive ul li .post-item {
background-color: #fff;
position: relative;
display: block;
color: #444
}
.post-archive.list-style.left-img ul li .post-item .featured-img {
float: left
}
.post-archive ul li .post-item .featured-img {
width: 55%;
overflow: hidden;
}
.post-archive ul li .post-item .featured-img img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover
}
.post-archive ul li .post-item .caption .category {
margin: 0 0 5px
}
.post-archive ul li .post-item .caption p {
margin-bottom: 15px
}
.category {
font-size: 12px;
font-weight: 700
}
.category,
.post-meta,
.post-title {
padding: 0;
margin: 0;
line-height: 1
}
.category,
.post-title,
.widget-tabs .nav-tabs>li {
text-transform: uppercase
}
.post-archive ul li .post-item .caption .category a,
.post-archive ul li .post-item .caption .post-meta span {
margin-right: 10px
}
.post-archive ul li .post-item .caption .post-meta span i {
margin-right: 3px
}
.post-archive ul li .post-item .caption .post-title {
color: #50514f;
font-size: 24px;
line-height: 1.2;
margin-bottom: 10px
}
.post-archive ul li .post-item .caption .post-title a {
color: #50514f
}
.category a {
margin: 0 !important;
color: #579eb8
}
.post-archive ul li .post-item .caption .post-meta {
font-size: 14px;
margin-bottom: 15px
}
.post-archive ul li .post-item .caption p {
margin-bottom: 15px
}
.post-archive ul li .post-item .caption .category a,
.post-archive ul>li .post-item .caption .post-meta span {
margin-right: 10px
}
.post-meta span.author {
font-weight: 700
}
.category a:nth-child(n+6) {
display: none
}
.blog-feeds {
display: none
}
.pnote {
padding: 20px;
background: #fafafa;
border: 1px dashed #ececec
}
.pnote h5 {
font-size: 18px;
margin: 0 0 10px;
padding: 5px 60px 15px 0;
color: #50514f;
font-weight: 700;
border-bottom: 1px dashed #ececec;
text-transform: capitalize
}
.pnote h5:before {
position: absolute;
right: 55px;
width: 40px;
margin-top: -15px;
height: 40px;
background: #ececec;
content: "\f0c6";
font-family: FontAwesome;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 18px;
font-weight: 400;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px
}
.pnote p {
font-size: 15px
}
.pnote.pnote-default {
background-color: #fff
}
.pnote.pnote-success {
background: rgba(155, 197, 61, .08);
border-color: #9bc53d
}
.pnote.pnote-success h5 {
color: #9bc53d;
border-bottom-color: #9bc53d
}
.pnote.pnote-success h5:before {
background: #9bc53d
}
.pnote.pnote-info {
background: rgba(91, 192, 235, .08);
border-color: #5bc0eb
}
.pnote.pnote-info h5 {
color: #5bc0eb;
border-bottom-color: #5bc0eb
}
.pnote.pnote-info h5:before {
background: #5bc0eb
}
.pnote.pnote-warning {
background: rgba(245, 187, 0, .08);
border-color: #f5bb00
}
.pnote.pnote-warning h5 {
color: #f5bb00;
border-bottom-color: #f5bb00
}
.pnote.pnote-warning h5:before {
background: #f5bb00
}
.pnote.pnote-danger {
background: rgba(229, 89, 52, .08);
border-color: #e55934
}
.pnote.pnote-danger h5 {
color: #e55934;
border-bottom-color: #e55934
}
.pnote.pnote-danger h5:before {
background: #e55934
}
.post-meta-bottom {
padding: 15px 0;
margin-top: 25px;
}
.post-meta-bottom .widget-tags {
float: left;
width: 50%;
padding-top: 10px
}
.widget-tags a {
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
background-color: #f4f4f4;
color: #999;
margin: 0 10px 10px 0;
padding: 0 15px;
-webkit-transition: background-color ease .2s, color ease .2s;
-moz-transition: background-color ease .2s, color ease .2s;
-o-transition: background-color ease .2s, color ease .2s;
transition: background-color ease .2s, color ease .2s
}
.post-meta-bottom .social-icons {
margin-top: 10px;
float: left;
width: 50%;
text-align: right
}
.post-meta-bottom:after,
.post-meta-bottom:before {
display: table;
content: " "
}
.post-meta-bottom:after {
clear: both
}
.widget-tags a:nth-child(n+2) {
display: none
}
.widget-tags>a:hover {
background-color: #579eb8;
color: #fff
}
.widget-about.post-author {
text-align: left;
position: relative;
padding: 30px 0
}
.widget-about.post-author:after,
.widget-about.post-author:before {
display: table;
content: " "
}
.widget-about.post-author .avatar {
float: left;
width: 80px;
height: 80px;
position: relative;
z-index: 2;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
margin: 0 auto 15px;
background-color: #cecece
}
.widget-about .avatar img {
position: absolute;
margin: auto;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
width: 100%;
height: auto;
z-index: 1
}
.widget-about.post-author .caption {
position: relative;
margin-left: 100px
}
.widget-about .name {
color: #50514f;
margin-bottom: 5px;
font-size: 20px
}
.widget-about.post-author .caption .subname {
font-size: 12px;
text-transform: uppercase
}
.widget-about.post-author .caption .description {
font-size: 14px;
color: #999
}
.widget-about.post-author .social-icons {
position: relative;
left: -10px
}
.widget-about.post-author .social-icons a {
color: #50514f
}
.widget-about.post-author:after {
clear: both
}
.widget-about.post-author:after,
.widget-about.post-author:before {
display: table;
content: " "
}
.text-warning {
color: #f5bb00
}
.item-related {
width: 235px;
float: left
}
.item-related img {
width: 100%;
height: 235px;
object-fit: cover
}
.item-related h3 a {
padding: 0;
margin: 10px 0;
font-size: 18px;
text-transform: uppercase;
line-height: 1.3;
color: #50514f
}
.item-related h3 a:hover {
color: #f5bb00
}
.content-inner {
display: block;
position: relative;
overflow: hidden;
width: 100%;
background-color: #fff;
margin-bottom: 40px
}
.content-inner .widget {
padding: 20px
}
.content-inner .widget-heading {
padding: 0 0 15px;
margin: 0;
line-height: 1;
font-size: 14px;
text-transform: uppercase;
color: #50514f;
border-bottom: 1px solid #f4f4f4;
position: relative;
text-align: left
}
.content-inner .widget-heading:after {
background-color: #579eb8
}
.widget-related-post {
padding-top: 20px
}
.content-inner .widget-heading:after {
position: absolute;
content: " ";
z-index: 1;
bottom: -1px;
left: 0;
width: 100px;
height: 1px;
background-color: #579eb8
}
.next-prev-post {
position: relative;
padding-top: 40px;
border-top: 1px solid #f4f4f4
}
.next-prev-post:after,
.next-prev-post:before {
display: table;
content: " "
}
.next-prev-post .next-post,
.next-prev-post .prev-post {
float: left;
position: relative;
width: 50%;
height: 70px;
padding: 5px 40px
}
.next-prev-post .next-post:before,
.next-prev-post .prev-post:before {
background-color: #504f4c;
content: "\f104";
font-family: FontAwesome;
position: absolute;
width: 30px;
background-color: #504f4c;
color: #fff;
text-align: center;
line-height: 70px;
height: 70px;
left: 0;
top: 0;
font-size: 14px
}
.next-prev-post .post-title {
line-height: 1.4;
font-size: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #777
}
.next-prev-post p {
color: #cecece;
font-size: 12px
}
.next-prev-post .prev-post {
float: left;
text-align: left
}
.next-prev-post .next-post {
float: right;
text-align: right
}
.next-prev-post .next-post:before {
right: 0;
left: auto;
content: "\f105"
}
.next-prev-post:after {
clear: both
}
.status-msg-wrap {
text-align: center;
padding: 17px;
color: #6F6B6B;
margin-bottom: 25px;
text-transform: capitalize;
border: 1px solid #ddd
}
.status-msg-border {
display: none
}
#blog-pager {
display: block;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
padding: 0;
margin: 0 0 30px;
list-style: none;
text-align: center
}
blockquote {
border-left: 0;
position: relative;
padding: 65px 25px 45px;
color: #999;
font-size: 20px !important;
background: #f9f9f9;
line-height: 1.4;
z-index: 1;
margin: 0
}
blockquote:before {
top: 0;
left: 0;
content: "\f10d"
}
blockquote:after {
bottom: 0;
right: 0;
content: "\f10e"
}
blockquote:after,
blockquote:before {
position: absolute;
color: #f4f4f4;
font-size: 65px;
line-height: 1;
z-index: 0;
font-family: FontAwesome;
transition: .2s ease-in
}
blockquote:before {
color: #579eb8
}
blockquote:after {
color: #579eb8
}
pre {
color: #fff;
white-space: pre-wrap;
word-wrap: break-word;
background: 100% 50% no-repeat #579eb8;
padding: 20px;
border-width: 0;
border-style: initial;
border-color: initial;
border-radius: 0;
font-size: 16px;
margin: 0
}
.btn-tc {
padding: 8px 20px;
display: inline-block;
text-align: center;
font-weight: 900;
border: 3px solid #000;
margin: 5px;
transition: .2s ease-in
}
.btn-tc:hover {
background: #000;
color: #fff
}
.btn-tc.red {
border-color: #e74c3c;
color: #e74c3c
}
.btn-tc.red:hover {
background: #e74c3c;
color: #fff
}
.btn-tc.green {
border-color: #27ae60;
color: #27ae60
}
.btn-tc.green:hover {
background: #27ae60;
color: #fff
}
.btn-tc.blue {
border-color: #2980b9;
color: #2980b9
}
.btn-tc.blue:hover {
background: #2980b9;
color: #fff
}
.btn-tc.yellow {
border-color: #f1c40f;
color: #f1c40f
}
.btn-tc.yellow:hover {
background: #f1c40f;
color: #fff
}
.popular-posts ul {
counter-reset: my-badass-counter
}
.popular-posts ul li {
position: relative;
padding-left: 0;
font-size: 14px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #f4f4f4;
margin-left: 0
}
.popular-posts ul li:last-child {
border: 0;
margin: 0;
padding-bottom: 0
}
.popular-posts li:hover .item-thumbnail:before {
background-color: rgba(0, 0, 0, .5)
}
.popular-posts .item-thumbnail {
display: block;
width: 100%;
position: relative;
z-index: 2;
overflow: hidden;
background-color: #cecece
}
.popular-posts .item-thumbnail img {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
z-index: 1;
object-fit: cover
}
.popular-posts .item-title {
line-height: 1.4;
color: #777;
font-size: 15px;
font-weight: 700;
background: #f9f9f9;
text-align: center;
position: relative;
padding: 15px;
overflow: hidden
}
.popular-posts li .item-title a {
color: #777
}
.popular-posts li .item-title a:hover {
color: #50514f
}
.popular-posts .item-snippet {
display: none
}
.list-label-widget-content li {
font-size: 14px;
display: block;
padding: 15px 0 !important;
border-bottom: 1px solid #f4f4f4;
margin: 0 !important;
position: relative
}
.list-label-widget-content li a {
color: #999;
display: block
}
.list-label-widget-content li span {
background-color: #f5bb00;
height: 30px;
padding: 0 10px;
line-height: 30px;
background-color: #f5bb00;
color: #fff;
position: absolute;
right: 0;
top: 10px;
font-weight: 700;
-webkit-transition: background-color ease .2s;
-moz-transition: background-color ease .2s;
-o-transition: background-color ease .2s;
transition: background-color ease .2s
}
.list-label-widget-content li:hover>a {
color: #50514f
}
.list-label-widget-content li:hover span {
background-color: #50514f
}
.cloud-label-widget-content .label-size {
display: inline-block;
line-height: 30px;
text-align: center;
font-size: 14px;
background-color: #f4f4f4;
color: #999;
margin: 0 5px 6px 0;
border-radius: 2px;
padding: 0 15px;
-webkit-transition: background-color ease .2s, color ease .2s;
-moz-transition: background-color ease .2s, color ease .2s;
-o-transition: background-color ease .2s, color ease .2s;
transition: background-color ease .2s, color ease .2s
}
.widget-content.cloud-label-widget-content {
padding-top: 10px
}
.cloud-label-widget-content .label-size a {
color: #999
}
.cloud-label-widget-content .label-size:hover {
background-color: #579eb8;
color: #fff
}
.cloud-label-widget-content .label-size:hover a {
color: #fff
}
.Profile img {
border: 1px solid #cecece;
background: #fff;
float: left;
margin: 5px 10px 5px 0;
padding: 5px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px
}
.profile-data {
color: #999;
font: bold 20px/1.6em Arial, Helvetica, Tahoma, sans-serif;
font-variant: small-caps;
margin: 0;
text-transform: capitalize
}
.profile-datablock {
margin: .5em 0
}
.profile-textblock {
line-height: 1.6em;
margin: .5em 0
}
a.profile-link {
clear: both;
display: block;
font: 80% monospace;
padding: 10px 0;
text-align: center;
text-transform: capitalize
}
.sidebar .widget h2 {
padding: 0 0 15px;
margin: 0;
line-height: 1;
font-size: 14px;
text-transform: uppercase;
color: #50514f;
border-bottom: 1px solid #f4f4f4;
position: relative;
text-align: left
}
.sidebar .widget {
clear: both;
margin-bottom: 30px
}
.sidebar .widget:last-child {
margin: 0
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none
}
.sidebar li {
margin: 0;
padding: 0;
text-transform: capitalize
}
#comments {
padding: 0 20px;
display: inline-block;
width: 100%;
background: #fff
}
#comments>h4 {
padding: 0 0 15px;
margin: 0;
line-height: 1;
font-size: 14px;
text-transform: uppercase;
color: #50514f;
border-bottom: 1px solid #f4f4f4;
position: relative;
text-align: left;
padding-top: 20px
}
#comments>h4:before {
position: absolute;
content: " ";
z-index: 1;
bottom: -1px;
left: 0;
width: 80px;
height: 1px;
background-color: #579eb8
}
.c_msg_p {
font-size: 12px;
padding: 5px
}
#comments #comment-post-message {
color: #FFF;
background: #504f4c;
margin: 0;
padding: 10px;
line-height: normal;
border-radius: 2px;
font-size: 15px
}
#comments .user a {
color: #555;
font-style: normal;
font-size: 16px;
line-height: 26px;
font-weight: 400;
letter-spacing: 1px
}
#comments .datetime,
#comments .datetime a {
color: #999;
text-decoration: none;
margin: 0;
font-size: 14px;
display: inline-block;
float: right
}
.comments .comments-content .comment-content {
margin: 0 0 20px;
color: #7B7B7B
}
#comments .datetime a {
margin: auto
}
#comments .comment-actions a {
background-color: #504f4c;
border: 1px solid #504f4c;
border-radius: 2px;
color: #FFF;
font-size: 11px;
padding: 5px 15px;
text-transform: uppercase;
text-decoration: none;
margin-right: 10px
}
#comments .comment-actions a:hover {
color: #fff;
background-color: #555;
border: 1px solid #555
}
#comments .comment {
border-bottom: 1px solid #eee;
padding: 0 0 5px
}
#comments .loadmore {
margin-top: 0
}
#comment-editor {
height: 235px
}
.comments .comments-content .avatar-image-container {
max-height: 76px;
width: 76px
}
#comments .comments-content .avatar-image-container img {
max-width: 75px;
border-radius: 205px
}
.comments .comment-block {
margin-left: 90px !important
}
span.icon.user.blog-author:after {
background-color: #579eb8;
color: #FFF;
padding: 2px 5px;
font-weight: 400;
font-size: 13px;
content: "Admin";
display: inline-block
}
.thread-toggle {
display: block !important
}
.thread-toggle.thread-expanded {
border-bottom: 1px solid #ddd;
width: 100%;
padding: 0 0 10px;
margin-bottom: 10px
}
#comments .thread-chrome .comment {
border-bottom-color: #ddd !important
}
#comments .comment-author {
padding-left: 25px
}
.comment-body {
margin: .5em 25px
}
.comment-footer {
margin: .5em 25px 1.5em
}
.comment-body p {
margin: 0
}
#comments .avatar-comment-indent .comment-author {
margin-left: -45px;
padding-left: 45px
}
.deleted-comment {
font-style: italic;
opacity: .5
}
#comment-actions {
background: transparent;
border: 0;
padding: 0;
position: absolute;
height: 25px
}
#comments .blogger-comment-icon,
.blogger-comment-icon {
line-height: 16px;
background: url(/img/b16-rounded.gif) left no-repeat;
padding-left: 20px
}
#comments .openid-comment-icon,
.openid-comment-icon {
line-height: 16px;
background: url(/img/openid16-rounded.gif) left no-repeat;
padding-left: 20px
}
#comments .anon-comment-icon,
.anon-comment-icon {
line-height: 16px;
background: url(/img/anon16-rounded.gif) left no-repeat;
padding-left: 20px
}
.comment-form {
clear: both;
_width: 410px
}
.comment-link {
white-space: nowrap
}
.paging-control-container {
float: right;
margin: 0 6px 0 0;
font-size: 80%
}
.unneeded-paging-control {
visibility: hidden
}
#comments-block .avatar-image-container img {
-ms-interpolation-mode: bicubic;
border: 1px solid #ccc;
float: right
}
#comments-block .avatar-image-container.avatar-stock img {
border-width: 0;
padding: 1px
}
#comments-block .avatar-image-container {
height: 37px;
left: -45px;
position: absolute;
width: 37px
}
#comments-block.avatar-comment-indent {
margin-left: 45px;
position: relative
}
#comments-block.avatar-comment-indent dd {
margin-left: 0
}
iframe.avatar-hovercard-iframe {
border: 0 none;
padding: 0;
width: 25em;
height: 9.4em;
margin: .5em
}
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0
}
.comments .comments-content {
margin-bottom: 16px
}
.comments .comment .comment-actions a {
padding-right: 5px;
padding-top: 5px
}
.comments .comment .comment-actions a:hover {
text-decoration: underline
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: left
}
.comments .comments-content .inline-thread {
padding: .5em 1em
}
.comments .comments-content .comment-thread {
margin: 8px 0
}
.comments .comments-content .comment-thread:empty {
display: none
}
.comments .comments-content .comment-replies {
margin-left: 36px;
margin-top: 1em
}
.comments .comments-content .comment {
margin-bottom: 16px;
padding-bottom: 8px
}
.comments .comments-content .comment:first-child {
padding-top: 16px
}
.comments .comments-content .comment:last-child {
border-bottom: 0;
padding-bottom: 0
}
.comments .comments-content .comment-body {
position: relative
}
.comments .comments-content .user {
font-style: normal;
font-weight: 700
}
.comments .comments-content .icon.blog-author {
display: inline-block;
height: 18px;
margin: 0 0 -4px 6px;
width: 18px
}
.comments .comments-content .datetime {
margin-left: 6px
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
margin: 0 0 8px
}
.comments .comments-content .comment-content {
text-align: justify
}
.comments .comments-content .owner-actions {
position: absolute;
right: 0;
top: 0
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%
}
.comments .comment-replybox-single {
margin-left: 48px;
margin-top: 5px
}
.comments .comment-replybox-thread {
margin-top: 5px
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
border: 1px solid #ddd;
width: 100%;
padding: 10px;
margin-bottom: 10px
}
.comments .continue {
cursor: pointer
}
.comments .continue a {
background-color: #579eb8;
border: 1px solid #579eb8;
border-radius: 2px;
color: #FFF;
font-size: 11px;
display: inline-block;
padding: 10px 20px;
text-transform: uppercase;
text-decoration: none;
margin-right: 10px
}
.comments .comments-content .loadmore {
cursor: pointer;
margin-top: 3em;
max-height: 3em
}
.comments .comments-content .loadmore.loaded {
max-height: 0;
opacity: 0;
overflow: hidden
}
.comments .thread-chrome.thread-collapsed {
display: none
}
.comments .thread-toggle {
display: inline-block
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 8px;
margin: .3em;
overflow: visible;
padding-right: 4px;
width: 10px;
top: 3px;
position: relative
}
.comments .thread-expanded .thread-arrow {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent
}
.comments .thread-collapsed .thread-arrow {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent
}
.comments .avatar-image-container {
float: left;
max-height: 36px;
overflow: hidden;
width: 36px
}
.comments .avatar-image-container img {
max-width: 36px
}
.comments .comment-block {
margin-left: 48px;
position: relative
}
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0
}
}
table.tr-caption-container {
padding: 4px;
margin-bottom: .5em
}
td.tr-caption {
font-size: 80%
}
.icon-action {
border-style: none !important;
margin: 0 0 0 .5em !important;
vertical-align: middle
}
.comment-action-icon {
width: 13px;
height: 13px;
margin-top: 3px
}
.delete-comment-icon {
background: url(/img/icon_delete13.gif) no-repeat left;
padding: 7px
}
#comment-popup {
position: absolute;
visibility: hidden;
width: 100px;
height: 20px
}
@media screen and (max-width: 768px) {
#comment-editor {
margin: 10px
}
.footer {
width: 50%
}
}
@media screen and (max-width: 420px) {
.comments .comments-content .datetime {
display: block;
float: none
}
.comments .comments-content .comment-header {
height: 70px
}
}
@media screen and (max-width: 320px) {
.footer {
width: 100%
}
.ct-wrapper {
padding: 0
}
.comments .comments-content .comment-replies {
margin-left: 0
}
}
h2.date-header,
.post-feeds {
display: none
}
@media all and (max-width: 600px) {
.post-archive.list-style ul>li .post-item .featured-img {
position: relative;
z-index: 2;
overflow: hidden
}
.post-archive ul li .post-item .caption .post-title {
font-size: 21px
}
.category,
.post-meta {
display: none
}
}
@media screen and (max-width: 480px) {
.post-item .caption {
padding: 20px
}
.post-item .featured-img {
display: block;
height: 0;
position: relative;
z-index: 2;
overflow: hidden;
width: 100%;
padding-top: 50%;
}
.post-item .featured-img img {
position: absolute;
margin: auto;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
width: 100%;
height: auto;
z-index: 1
}
.post-item .caption .category {
margin-bottom: 5px;
display: block
}
.post-item .caption .post-title {
font-size: 18px
}
.post-item .caption .post-meta {
margin-bottom: 0;
display: block
}
.post-archive.list-style ul>li .post-item {
padding: 0
}
h1.post-title.entry-title {
text-align: center;
font-size: 24px;
padding: 18px;
border-bottom: 1px solid #ddd
}
.social-icons {
float: none !important;
text-align: center
}
}
.item.slick-slide:before {
content: '';
position: absolute;
opacity: 0;
background: #000;
height: 100%;
width: 100%;
z-index: 9;
transition: all .25s;
-moz-transition: all .25s;
-webkit-transition: all .25s
}
.item.slick-slide.slick-active:before {
content: '';
position: absolute;
opacity: 0;
background: none;
transition: all .25s;
-moz-transition: all .25s;
-webkit-transition: all .25s
}
.slicknav_menu {
display: none
}
@media screen and (max-width: 40em) {
.sky-mega-menu {
display: none
}
.slicknav_menu {
display: block
}
}
.large-12.column {
text-align: center
}
@-webkit-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0
}
to {
opacity: .7
}
}
@-moz-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0
}
to {
opacity: .7
}
}
@-o-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0
}
to {
opacity: .7
}
}
@keyframes justified-gallery-show-caption-animation {
from {
opacity: 0
}
to {
opacity: .7
}
}
@-webkit-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-o-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes justified-gallery-show-entry-animation {
from {
opacity: 0
}
to {
opacity: 1
}
}
.justified-gallery {
width: 100%;
position: relative;
overflow: hidden;
margin-bottom: 30px
}
.justified-gallery>
a,
.justified-gallery>
div {
position: absolute;
display: inline-block;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0)
}
.justified-gallery>
a>
a>
img,
.justified-gallery>
a>
img,
.justified-gallery>
div>
a>
img,
.justified-gallery>
div>
img {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: 0
}
.justified-gallery>
a>
.caption,
.justified-gallery>
div>
.caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
background-color: #000;
left: 0;
right: 0;
margin: 0;
color: #fff;
font-size: 12px;
font-weight: 300;
}
.justified-gallery>
a>
.caption.caption-visible,
.justified-gallery>
div>
.caption.caption-visible {
display: initial;
opacity: .7;
filter: "-webkit-animation:justified-gallery-show-caption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-caption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-caption-animation 500ms 0 ease}
.justified-gallery>
.entry-visible {
opacity: 1;
filter: alpha(opacity=100);
-webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-entry-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-entry-animation 500ms 0 ease
}
.justified-gallery>
.spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0;
left: 50%;
opacity: initial;
filter: initial;
overflow: initial
}
.justified-gallery>
.spinner>
span {
display: inline-block;
opacity: 0;
filter: alpha(opacity=0);
width: 8px;
height: 8px;
margin: 0 4px;
background-color: #000;
border-radius: 6px
}
.post-header {
display: inline-block;
width: 100%;
}
.btn-main {
margin: 10px;
}
</style>
<style>
.f1,
.f11,
.f12,
.f13,
.f14,
.f15,
.f16,
.f17,
.f18,
.f19,
.f2,
.f20,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8,
.f9 {
margin-left: 5px;
float: left;
margin-right: 5px
}
.f1,
.f10,
.f11,
.f12,
.f13,
.f14,
.f15,
.f16,
.f17,
.f18,
.f19,
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8,
.f9,
.w1,
.w10,
.w11,
.w12,
.w13,
.w14,
.w15,
.w16,
.w17,
.w18,
.w19,
.w2,
.w3,
.w4,
.w5,
.w6,
.w7,
.w8,
.w9 {
float: left
}
.f1,
.f10,
.f11,
.f12,
.f13,
.f14,
.f15,
.f16,
.f17,
.f18,
.f19,
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8,
.f9,
.l1,
.l10,
.l11,
.l12,
.l13,
.l14,
.l15,
.l16,
.l17,
.l18,
.l19,
.l2,
.l3,
.l4,
.l5,
.l6,
.l7,
.l8,
.l9 {
margin-right: 5px
}
.f1 {
width: calc(5% - 10px)
}
.f2 {
width: calc(10% - 10px)
}
.f3 {
width: calc(15% - 10px)
}
.f4 {
width: calc(20% - 10px)
}
.f5 {
width: calc(25% - 10px)
}
.f6 {
width: calc(30% - 10px)
}
.f7 {
width: calc(35% - 10px)
}
.f8 {
width: calc(40% - 10px)
}
.f9 {
width: calc(45% - 10px)
}
.f10 {
margin-left: 5px;
width: calc(50% - 10px)
}
.f11 {
width: calc(55% - 10px)
}
.f12 {
width: calc(60% - 10px)
}
.f13 {
width: calc(65% - 10px)
}
.f14 {
width: calc(70% - 10px)
}
.f15 {
width: calc(75% - 10px)
}
.f16 {
width: calc(80% - 10px)
}
.f17 {
width: calc(85% - 10px)
}
.f18 {
width: calc(90% - 10px)
}
.f19 {
width: calc(95% - 10px)
}
.f20 {
width: calc(100% - 10px)
}
.w1 {
width: 5%
}
.w2 {
width: 10%
}
.w3 {
width: 15%
}
.w4 {
width: 20%
}
.w5 {
width: 25%
}
.w6 {
width: 30%
}
.w7 {
width: 35%
}
.w8 {
width: 40%
}
.w9 {
width: 45%
}
.w10 {
width: 50%
}
.w11 {
width: 55%
}
.w12 {
width: 60%
}
.w13 {
width: 65%
}
.w14 {
width: 70%
}
.w15 {
width: 75%
}
.w16 {
width: 80%
}
.w17 {
width: 85%
}
.w18 {
width: 90%
}
.w19 {
width: 95%
}
.w100,
.w20 {
width: 100%;
overflow: hidden
}
.fw1 {
width: 5%
}
.fw2 {
width: 10%
}
.fw3 {
width: 15%
}
.fw4 {
width: 20%
}
.fw5 {
width: 25%
}
.fw6 {
width: 30%
}
.fw7 {
width: 35%
}
.fw8 {
width: 40%
}
.fw9 {
width: 45%
}
.fw10 {
width: 50%
}
.fw11 {
width: 55%
}
.fw12 {
width: 60%
}
.fw13 {
width: 65%
}
.fw14 {
width: 70%
}
.fw15 {
width: 75%
}
.fw16 {
width: 80%
}
.fw17 {
width: 85%
}
.fw18 {
width: 90%
}
.fw19 {
width: 95%
}
.l1 {
margin-left: calc(5% + 5px)
}
.l2 {
margin-left: calc(10% + 5px)
}
.l3 {
margin-left: calc(15% + 5px)
}
.l4 {
margin-left: calc(20% + 5px)
}
.l5 {
margin-left: calc(25% + 5px)
}
.l6 {
margin-left: calc(30% + 5px)
}
.l7 {
margin-left: calc(35% + 5px)
}
.l8 {
margin-left: calc(40% + 5px)
}
.l9 {
margin-left: calc(45% + 5px)
}
.l10 {
margin-left: calc(50% + 5px)
}
.l11 {
margin-left: calc(55% + 5px)
}
.l12 {
margin-left: calc(60% + 5px)
}
.l13 {
margin-left: calc(65% + 5px)
}
.l14 {
margin-left: calc(70% + 5px)
}
.l15 {
margin-left: calc(75% + 5px)
}
.l16 {
margin-left: calc(80 + 5px)
}
.l17 {
margin-left: calc(85% + 5px)
}
.l18 {
margin-left: calc(90% + 5px)
}
.l19 {
margin-left: calc(95% + 5px)
}
@media screen and (max-width:900px) {
.mf1 {
width: calc(5% - 10px)
}
.mf2 {
width: calc(10% - 10px)
}
.mf3 {
width: calc(15% - 10px)
}
.mf4 {
width: calc(20% - 10px)
}
.mf5 {
width: calc(25% - 10px)
}
.mf6 {
width: calc(30% - 10px)
}
.mf7 {
width: calc(35% - 10px)
}
.mf8 {
width: calc(40% - 10px)
}
.mf9 {
width: calc(45% - 10px)
}
.mf10 {
margin-l.mft: 5px;
width: calc(50% - 10px)
}
.mf11 {
width: calc(55% - 10px)
}
.mf12 {
width: calc(60% - 10px)
}
.mf13 {
width: calc(65% - 10px)
}
.mf14 {
width: calc(70% - 10px)
}
.mf15 {
width: calc(75% - 10px)
}
.mf16 {
width: calc(80% - 10px)
}
.mf17 {
width: calc(85% - 10px)
}
.mf18 {
width: calc(90% - 10px)
}
.mf19 {
width: calc(95% - 10px)
}
.mf20 {
width: calc(100% - 10px)
}
}
</style>
<style>
/*模版*/
body,
.header-content {
background: #ecf5fb;
}
header {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.row {
margin: 0
}
.content-wrapper .container-fluid {
padding: 0
}
.content-wrapper .col-md-8 {
padding-left: 0
}
.content-wrapper .col-md-8 .section {
margin-top: 0
}
.content-wrapper .col-md-4 {
padding-right: 0
}
.widget li {
padding-top: 0
}
#Blog1 {
background: #fff;
padding-bottom: 5px;
}
.sidebar {
background: initial;
}
.sidebar .widget {
background: #fff;
padding: 15px 20px;
}
/*字型*/
body {
font-family: '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', Arial, sans-serif;
}
/*標頭*/
@media only screen and (min-width: 901px) {
.wrapper.header-lg header .header-content {
text-align: left;
padding: 0 0 0 30px;
height: initiafl
}
}
.section {
margin: 15px 0 0
}
/*登入註冊*/
@media only screen and (min-width: 901px) {
.login_area,
.dropdown.user_name {
position: absolute;
padding-bottom: 5px;
right: 30px;
font-size: large;
top: 50%;
transform: translateY(-50%);
list-style-type: none;
z-index: 30;
}
.login_area li {
float: left;
}
.login_area a {
color: #9d9d9d;
padding: 10px 15px
}
.login_area a:hover {
color: #555;
background: #eee;
text-decoration: none;
}
.user_name>a {
font-size: 20px;
font-weight: bold;
}
.dropdown:hover .dropdown-menu {
display: block;
margin: 0;
min-width: initial;
right: 0;
left: initial;
}
#nav_login,
#mobile_member_name {
display: none !important;
}
}
@media screen and (max-width: 900px) {
.login_area,
.user_name {
display: none !important;
}
#mobile_member_name {
display: none;
}
#mobile_member_name>ul {
display: block;
}
#nav_login {
display: block;
}
}
/*導覽列*/
.wrapper.header-lg .nav-wrapper {
background: #e7e6e5
}
.wrapper.header-lg header .nav-wrapper .nav-menu {
padding: 0
}
.nav-wrapper .nav-menu ul>li {
font-size: 18px;
}
.nav-wrapper .nav-menu ul>li.active:hover>a,
.nav-wrapper .nav-menu ul>li.active>a {
background-color: #176788
}
.nav-wrapper .nav-menu ul>li>ul {
background-color: #176788
}
.nav-wrapper .nav-menu ul>li:hover>a {
background-color: #176788;
color: #fff;
text-decoration: none;
}
/*搜尋框*/
.nav_search {
float: right;
margin: 20px 10px;
}
.nav_search .search_input {
font-family: FontAwesome;
height: 40px;
box-sizing: border-box;
width: 140px;
border: 1px solid #194071;
padding: 4px 10px;
color: #8B8B8B;
font-size: 20px;
vertical-align: middle;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
.nav_search .search_btn {
width: 70px;
height: 40px;
font-size: 20px;
box-sizing: border-box;
background-color: #194071;
color: #fff;
border: 1px solid #194071;
vertical-align: middle;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
@media only screen and (min-width: 901px) {
.search-form {
display: none;
}
.nav_search {
display: block;
}
}
@media only screen and (max-width: 900px) {
.search-form {
display: block;
}
.nav_search {
display: none;
}
}
/*輪播*/
.owl-carousel {
position: relative
}
.owl-carousel .caption {
position: absolute;
bottom: 40px;
width: 100%;
height: 50px;
line-height: 50px;
font-size: 24px;
color: #333;
background-color: rgba(230, 230, 230, .7);
text-align: center
}
.owl-carousel .owl-item img {
height: 400px
}
.owl-prev {
position: absolute;
left: 0;
top: calc(50% - 30px)
}
.owl-next {
position: absolute;
right: 0;
top: calc(50% - 30px)
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
margin: 0;
padding: 10px;
font-size: 30px;
color: #888;
background: #f3f3f3
}
.owl-dots {
position: absolute;
bottom: 0;
right: 20px
}
.owl-theme .owl-dots .owl-dot span {
width: 15px;
height: 15px;
border: 1px solid #869791;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
/*索引頁*/
.post-archive ul li {
margin: 0;
padding;
0;
}
.post-archive ul li .post-item .featured-img a {
display: block;
position: relative;
width: 100%;
padding-bottom: 52.5%;
}
.post-item .ellipsis {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-height: 26px;
height: 104px;
}
.post-archive ul li .post-item .caption p {
margin-bottom: 0
}
.post-meta {
line-height: 30px;
overflow: auto;
}
.featured-img:hover img {
transform: scale(1.1);
}
.featured-img img {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.like_btn {
float: right;
margin-right: 0 !important;
}
.post-meta,
.post-meta a {
color: #555;
}
/*查詢頁*/
.status-msg-wrap {
padding: 10px;
background: #fff;
}
.status-msg-body {
position: initial;
}
/*文章頁*/
.post-header {
margin-bottom: 10px;
}
.date-header {
font-size: small;
margin-bottom: 10px
}
.post-body img {
max-width: 100%;
}
/*作者資訊*/
.post-meta {
margin-bottom: 15px;
}
.doctor_name img {
height: 30px;
}
/*文末資訊 社群分享按鈕*/
.division_name {
margin-bottom: 15px;
color: #0e4c83;
font-weight: bold;
font-size: large;
}
.division_name a {
color: #00bbff;
}
.postPV_container,
.postPV_container a {
color: #999;
}
#social_btn a {
display: inline-block;
text-decoration: none;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s
}
#social_btn a:hover {
-ms-transform: translateY(-4px);
-webkit-transform: translateY(-4px);
transform: translateY(-4px)
}
#social_btn .fa-stack-1x {
color: #fff
}
.social_fb .fa-stack-2x {
color: #3B5998
}
.social_gplus .fa-stack-2x {
color: #d73d32
}
.social_twitter .fa-stack-2x {
color: #2ba9e1
}
.social_rss .fa-stack-2x {
color: #f90
}
/*相關文章*/
.widget-heading {
margin-top: 10px;
}
.related-slide {
overflow: auto;
}
.related-slide h3 {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.item-related {
width: 225px;
margin: 0 10px 20px 0;
}
.item-related>a {
position: relative;
padding-bottom: 52.5%;
display: block
}
.item-related>a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*上下頁*/
#blog-pager-newer-link,
#blog-pager-older-link {
float: none;
}
/*數字分頁*/
#blog-pager {
clear: both;
margin: 30px auto;
text-align: center;
padding: 7px
}
.blog-pager {
background: none
}
.displaypageNum a,
.showpage a,
.pagecurrent {
display: inline-block;
margin: 0 5px 5px 0;
min-width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 12px;
margin-right: 5px;
color: #666;
background-color: #efefef;
transition: all .2s ease-in;
}
.showpage a {
float: none;
}
.displaypageNum a:hover,
.showpage a:hover,
.pagecurrent {
background: #b5b6b6;
text-decoration: none;
color: #fff
}
#blog-pager .pagecurrent {
font-weight: 700;
color: #fff;
background: #b5b6b6;
}
.showPageOf {
display: none !important
}
#blog-pager .pages {
border: none
}
/*作者頁面*/
/*側邊欄*/
.sidebar .section {
margin: 0
}
.sidebar .widget h2 {
margin-bottom: 10px;
padding: 0;
text-align: center;
font-size: 20px;
font-weight: bold;
border: 0;
color: #0e4c83;
}
#HTML4 {
height: 400px;
}
#HTML4 iframe {
display: block;
margin: auto;
}
/*熱門文章*/
.popular-posts .item-thumbnail {
padding-bottom: 52.5%;
float: none;
}
.item-thumbnail:hover img {
transform: scale(1.1);
}
.item-thumbnail img {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
#PopularPosts1 .item-title {
padding: 0;
text-align: left;
background: initial;
overflow: initial;
}
#PopularPosts1 li {
counter-increment: no;
border-bottom: 0;
padding-bottom: 0;
}
#PopularPosts1 li a:before {
content: counter(no) ". ";
color: #194071;
}
/*底部標籤文章*/
#crosscol h2 {
display: block;
margin: 10px auto;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #0e4c83;
}
#crosscol .widget {
background: #fff;
padding: 15px
}
@media only screen and (min-width: 641px) {
.label_post .post_container {
width: 50%
}
}
@media only screen and (max-width: 640px) {
.label_post .post_container {
width: 100%
}
}
.label_post {
overflow: auto;
}
.label_post .post_container {
float: left;
padding: 15px 20px 15px 15px
}
.label_post .post_thumb {
position: relative;
padding-bottom: 52.5%;
overflow: hidden;
}
.label_post .post_thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.label_post .post_thumb:hover img {
transform: scale(1.1);
}
.label_post .post_title {
margin-top: 5px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.label_post .post_title a {
color: #777
}
.label_link {
text-align: center;
font-size: 24px;
}
.label_link a {
color: #0e4c83;
}
/*頁尾*/
footer .footer-text {
background-color: #fff;
color: initial;
padding: 30px 0 15px;
}
footer .section {
margin: 0
}
@media only screen and (min-width: 901px) {
.footer_link {
width: 800px
}
}
@media only screen and (max-width: 900px) {
.footer_link {
width: 400px
}
}
.footer_link {
margin: auto;
max-width: 100%;
overflow: auto
}
.footer_link .footer_webLogo,
.footer_link .link_3col {
float: left;
margin-bottom: 20px;
width: 400px;
max-width: 100%;
text-align: center
}
.footer_link .footer_webLogo img {
height: 60px
}
.footer_link .link_col {
float: left;
width: 30%
}
.footer_link .link_col:first-child {
width: 40%
}
.link_col a {
display: block;
text-align: left;
font-size: 20px
}
.footer_link~.footer_row {
margin: 5px
}
/*彈跳視窗*/
.pop_cover {
display: none;
background: rgba(0, 0, 0, .7);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
}
.pop_window {
position: absolute;
top: 50%;
left: 50%;
font-size: 16px;
transform: translate(-50%, -50%);
border: 1px solid #bbb;
padding: 15px 40px;
text-align: center;
z-index: 10;
background: #ecf5fb;
max-height: 95vh;
overflow: auto;
overflow-x: hidden;
}
.pop_header {
margin-bottom: 15px;
font-weight: bold;
font-size: 120%;
color: gray;
}
.pop_body {
margin: 10px 0 25px;
}
.pop_footer {}
#wait_gif .pop_window {
background: transparent;
border: 0;
}
#wait_gif img {
width: 150px;
}
/*彈跳按鈕*/
@keyframes bounce {
from {
transform: translateY(0px)
}
to {
transform: translateY(-10px)
}
}
@-webkit-keyframes bounce {
from {
transform: translateY(0px)
}
to {
transform: translateY(-10px)
}
}
.bounce {
animation: bounce 1s infinite alternate;
-webkit-animation: bounce 1s infinite alternate;
}
.draw_btn {
display: initial;
position: fixed;
z-index: 30;
bottom: 0;
right: 40px;
height: 90px;
animation: bounce 1s infinite alternate;
-webkit-animation: bounce 1s infinite alternate;
}
/*常用class*/
.none {
display: none
}
.none {
display: none
}
.auto {
margin: auto
}
.center {
text-align: center
}
.decoration {
text-decoration: none !important
}
.middle {
vertical-align: middle
}
.inline {
display: inline
}
.inlineBlock {
display: inline-block
}
.hidden {
visibility: hidden
}
.overflow {
overflow: auto;
}
.clear {
clear: both;
}
.red {
color: #990000;
}
.right {
float: right;
}
.left {
float: left;
}
.alignLeft {
text-align: left;
}
.alignRight {
text-align: right;
}
.tableRow {
display: table-row;
}
.tableCell {
display: table-cell;
}
label.tableCell {
white-space: nowrap;
padding-bottom: 10px;
vertical-align: top;
}
.nowrap {
white-space: nowrap;
}
.fixedRatio {
position: relative;
padding-bottom: 65%;
}
.fixedRatio img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<style>
.content-wrapper {
padding: 15px 0;
}
.content-wrapper .col-md-8 {
padding: 0 10px;
}
html .widget {
margin-bottom: 15px;
}
#Blog1 {
padding: 10px;
}
#crosscol {
margin: 15px 10px;
}
/*字型*/
html body {
font-size: 1em;
}
/*導覽列*/
.header-content {
background: #fff;
}
.wrapper.header-lg header .collapse-nav-menu-btn {
background: #83b2c9;
color: #fff;
border: 0;
}
.btn-form {
font-size: 24px;
}
header .header-content .icons-and-search .search-form {
border: 0;
}
/*輪播*/
#HTML1 {
position: relative;
padding-bottom: 52.5%;
}
#HTML1 .widget-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.owl-carousel .owl-item img {
height: initial
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
padding: 2vw;
font-size: 5vw;
line-height: 8vw
}
.owl-prev,
.owl-next {
top: calc(50% - 4vw);
}
.owl-theme .owl-dots .owl-dot span {
width: 3vw;
height: 3vw;
}
.owl-carousel .caption {
bottom: 6vw;
height: 8vw;
line-height: 8vw;
font-size: 4.5vw
}
/*索引頁*/
/*查詢頁*/
/*文章頁*/
html .post-header {
font-size: 100%
}
.date-header {
font-size: small
}
h1.post-title.entry-title {
text-align: left;
margin-bottom: 5px;
font-size: 20px;
padding: 0;
border: 0
}
.iframe_wrapper {
padding-top: 0
}
.post-item .caption {
padding: 0
}
html .post-body {
line-height: 31px
}
/*作者資訊*/
.post-meta {
display: block
}
.doctor_name img {
height: 25px
}
/*文末資訊 社群分享按鈕*/
/*相關文章*/
.widget-related-post {
padding-top: 10px
}
.related-slide {
margin: 0 -5px -20px 0;
}
.item-related {
width: 50%;
float: left;
margin: 0 0 20px;
padding: 0 5px
}
.item-related h3 a {
margin: 0;
font-size: 14px
}
/*數字分頁*/
.displaypageNum a,
.showpage a,
.pagecurrent {
min-width: 25px;
height: 25px;
line-height: 25px;
font-size: 13px;
padding: 0 8px;
}
/*作者頁面*/
/*底部標籤文章*/
#crosscol .widget {
padding: 10px 15px;
}
#crosscol h2,
.label_link {
margin: 0;
font-size: 14px;
font-weight: bold;
}
.label_post .post_title a {
color: #555;
font-size: 16px;
}
/*一欄式*/
#HTML3 .post_container {
padding: 10px 20px;
}
/*二欄式*/
#crosscol #HTML2 {
padding: 10px 5px;
}
#HTML2 .post_container {
width: 50%;
padding: 10px 5px 10px;
}
/*頁尾*/
footer .footer-text {
padding: 0 0 15px;
background-color: #ecf5fb;
}
.mobile_footer_link {
margin: 5px;
font-size: 14px;
}
</style>
<link href="css/style.css" media="all" rel="stylesheet">
<link href="./index_files/authorization.css" media="all" rel="stylesheet">
</head>
<body class="has-load-animation">
<div class="wrapper fixed-layout header-lg">
<header class="">
<div class="header-overlay"></div>
<div class="collapse-nav-menu-btn"><i class="material-icons"><i class="fa fa-bars"
aria-hidden="true"></i></i></div>
<div class="header-content">
<div class="main-logo">
<div class="header section" id="header">
<div class="widget Header" data-version="1" id="Header1">
<div id="header-inner">
<div class="titlewrapper">
<h1 class="title" title="照護線上">
<a href=" "><img
src="./index_files/footer_logo.jpg"></a>
</h1>
</div>
<div class="descriptionwrapper">
<p class="description">
<span>照護線上是個醫護人員所組成的團隊，由醫師擔任編輯，並邀請各專科醫師撰稿，提供給您高品質、具有實證、符合世界醫療指引的健康資訊。
只要免費註冊會員就能使用整合診所、藥局、護理之家等醫療機構的地圖資訊，便捷的搜尋功能，是您的就醫好幫手。</span></p>
</div>
</div>
</div>
</div>
</div>
<!-- End Main Logo -->
<div class="icons-and-search">
<!-- Begin Social Icons -->
<div class="none section" id="doctor_info" name="doctor_info">
<div class="widget HTML" data-version="1" id="HTML8">
<h2 class="title">醫師 + 診別資訊</h2>
<div class="widget-content">
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit"
href=" "
onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML8"));"
rel="nofollow" target="configHTML8" title="編輯">
<img alt="" height="18" src="./index_files/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
</div>
<!-- Begin Search Form -->
<div class="search-form">
<form _lpchecked="1" action="https://www.careonline.com.tw/search">
<div class="form-group">
<div class="btn-form"></div>
<input class="form-control" name="q" placeholder="請輸入關鍵字..." size="40" type="text">
</div>
<!-- /.form-group -->
</form>
</div>
<!-- /.search-form -->
<!-- End Search Form -->
</div>
<!-- /.icons-and-search -->
<!--登入 註冊 會員名稱-->
<ul class="login_area none" style="display: block;">
<li>
<a href=" " rel="nofollow">登入</a>
</li>
<li>
<a href=" " rel="nofollow">註冊</a>
</li>
</ul>
<div class="dropdown user_name none">
<a class="dropdown-toggle decoration" data-toggle="dropdown" href="javascript:">
<span class="member_name"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a class="admin_center"
href=" "
rel="nofollow">照護線上管理後台</a>
</li>
<li>
<a class="clinic_center" href=" "
rel="nofollow">醫事機構後台</a>
</li>
<li>
<a href=" " rel="nofollow">會員中心</a>
</li>
<li>
<a href=" " rel="nofollow">設定</a>
</li>
<li>
<a href=" " rel="nofollow">登出</a>
</li>
</ul>
</div>
<!-- -->
</div>
<!-- End header content -->
<!--導覽列-->
<nav class="nav-wrapper">
<div class="nav-menu">
<!--搜尋框-->
<div class="nav_search">
<form action=" " method="get" role="search">
<input class="search_input left" name="q" placeholder="" type="text">
<input class="search_btn left" title="搜尋" type="submit" value="搜尋">
</form>
</div>
<!-- -->
<!--下拉選單-->
<ul>
<li><a href=" ">首頁</a></li>
<li id="nav_login">
<a href=" " rel="nofollow">登入 / 註冊</a>
</li>
<li class="active has-children" id="mobile_member_name">
<a class="member_name"
href=" "></a>
<ul class="opened">
<li>
<a class="admin_center"
href=" "
rel="nofollow">照護線上管理後台</a>
</li>
<li>
<a class="clinic_center" href=" "
rel="nofollow">醫事機構後台</a>
</li>
<li>
<a href=" "
rel="nofollow">會員中心</a>
</li>
<li>
<a href=" "
rel="nofollow">設定</a>
</li>
<li>
<a href=" " rel="nofollow">登出</a>
</li>
</ul>
</li>
<li><a href=" ">照護地圖</a>
</li>
<li class="has-children"><a
href=" ">健康好生活</a>
<ul>
<li><a
href=" ">運動專區</a>
</li>
<li><a
href=" ">兒童健康發展</a>
</li>
<li><a
href=" ">懷孕的大小事</a>
</li>
<li><a
href=" ">青少年轉大人</a>
</li>
<li><a
href=" ">男人</a>
</li>
<li><a
href=" ">女人</a>
</li>
<li><a
href=" ">老年人</a>
</li>
</ul>
</li>
<li class="has-children"><a
href=" ">疾病知多少</a>
<ul>
<li><a
href=" ">傳染疾病</a>
</li>
<li><a
href=" ">癌症專區</a>
</li>
<li><a
href=" ">牙科問題</a>
</li>
<li><a
href=" ">消化系統</a>
</li>
<li><a
href=" ">循環系統</a>
</li>
<li><a
href=" ">呼吸系統</a>
</li>
<li><a
href=" ">生殖系統</a>
</li>
<li><a
href=" ">內分泌系統</a>
</li>
<li><a
href=" ">免疫系統</a>
</li>
<li><a
href=" ">泌尿系統</a>
</li>
<li><a
href=" ">表皮系統</a>
</li>
<li><a
href=" ">神經系統</a>
</li>
<li><a
href=" ">肌肉骨骼系統</a>
</li>
</ul>
</li>
<li class="has-children"><a
href=" ">健康懶人包</a>
<ul>
<li><a
href=" ">吃出健康</a>
</li>
<li><a
href=" ">影音專輯</a>
</li>
<li><a
href=" ">急救懶人包</a>
</li>
<li><a
href=" ">健康好人生</a>
</li>
<li><a
href=" ">防癌一把罩</a>
</li>
</ul>
</li>
<li class="has-children"><a
href=" ">專題</a>
<ul>
<li><a
href=" ">免疫疾病名醫會客室</a>
</li>
<li><a
href=" ">抗癌營養
專家這樣說</a></li>
<li><a
href=" ">心臟名醫會客室</a>
</li>
<li><a
href=" ">皮膚名醫會客室</a>
</li>
<li><a
href=" ">泌尿科名醫會客室</a>
</li>
</ul>
</li>
<li><a href=" " rel="nofollow" target="_blank">照護線上粉絲團</a>
</li>
</ul>
<!-- -->
</div>
<!-- /.nav-menu -->
</nav>
<!-- /.nav-wrapper -->
<!-- 導覽列 -->
</header>
<!-- -->
<div class="content-wrapper" style="height: auto !important;">
<div class="container-fluid" style="height: auto !important;">
<div class="row" style="height: auto !important;">
<!-- Begin large content -->
<div class="col-md-8" style="height: auto !important; min-height: 0px !important;">
<div class="content" style="height: auto !important;">
<div class="content section" id="content" style="height: auto !important;">
<div class="widget Blog" data-version="1" id="Blog1" style="height: auto !important;">
<div class="blog-posts hfeed" style="height: auto !important;">
<article class="post-archive list-style left-img"
style="height: auto !important;">
<ul style="height: auto !important;">
<span name="6518680878128979732"></span>
<li style="height: auto !important;">
<div class="post-item" style="height: auto !important;">
<div class="post-header">
<div class="date-header">2020年5月12日 星期二</div>
<div class="post-head">
<h1 class="post-title entry-title" style="font-weight:700;margin-bottom:10px">
女生私密處搔癢有異味、白帶異常？醫師教你一招輕鬆有效解決！
</h1>
</div>
<p class="post-meta">
<span class="post_labels none"
id="dr6518680878128979732"><a
href=" "
rel="tag">兒童</a>,<a
href=" "
rel="tag">兒童健康發展</a>,<a
href=" "
rel="tag">泌尿系統</a>,<a
href=" "
rel="tag">泌尿科</a>,<a
href=" "
rel="tag">泌尿科名醫會客室</a>,<a
href=" "
rel="tag">楊緒棣</a>,<a
href=" "
rel="tag">照護線上編輯部</a>,<a
href=" "
rel="tag">影音</a>,<a
href=" "
rel="tag">影音專輯</a></span>
<span class="doctor_name"><span
class="doctor_avatar"><img
src="./index_files/CareOnline logo - 120X120.png">
<a
href=" ">照護線上編輯部
</a></span>
</span>
</p>
</div>
<div class="caption" style="height: auto !important;">
<!-- 內容 -->
<p style="font-size: large;">當女生真的好辛苦</p>
<p style="font-size: large;">你有沒有遇到過這些問題</p>
<p style="text-align: center;margin:20px 0;"><img
src="images/01.png" style="max-width: 100%;"></p>
<p style="font-size: large;">其中，最惱人的前三名就是：<span
class="redzi">最困擾的搔癢、最冏的魚腥味，還有最害怕的突起！</span></p>
<br>
<p style="font-size: large;">
現在還有很多女生認為沒有性生活就不會有婦科問題，這真的是正確的嗎？！</p>
<br>
<p style="font-size: large;">
雖然有一些婦科疾病確實是通過性行為傳播的，但也有很多是由於個人生活習慣導致的哦~<span
class="redzi">遇到這些「難以啟齒」的問題，到底該怎樣輕鬆有效解決呢？</span></p>
<section style="margin:20px 0;">
<section
style="display: inline-block;border-width: 1px;border-style: solid;border-color: rgb(239, 241, 236);padding: 10px;width: 100%;border-radius: 0px;box-shadow: rgba(240, 214, 19, 0) 0px 0px 0px;background-image: url(https://img.alicdn.com/imgextra/i1/1593099316/O1CN01yiQEJw2IgmLV4shUu_!!1593099316.png);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;height: auto;">
<section
style="display: inline-block;vertical-align: middle;width: 20%;">
<section
style="max-width: 100%;vertical-align: middle;display: inline-block;line-height: 0;width: 100%;border-width: 0px;border-radius: 100px;border-style: none;border-color: rgb(62, 62, 62);overflow: hidden;">
<img style="vertical-align: middle; width: 100% !important; height: auto !important; visibility: visible !important;"
src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01ugubEq2IgmLMiUhIH_!!1593099316.jpg">
</section>
</section>
<section
style="display: inline-block;vertical-align: middle;width: 70%;">
<section
style="transform: translate3d(15px, 0px, 0px);-webkit-transform: translate3d(15px, 0px, 0px);-moz-transform: translate3d(15px, 0px, 0px);-o-transform: translate3d(15px, 0px, 0px);margin: 5px 0%;">
<section
style="text-align: left;font-size: 18px;line-height: 1.6;">
<p><strong>Tina老師</strong>
</p>
</section>
</section>
<p></p>
<section
style="transform: translate3d(15px, 0px, 0px);">
<section
style="text-align: left;color: rgb(160, 160, 160);line-height: 1.5;font-size: 14px;">
<p>專長：改善私處鬆弛、搔癢、乾澀、疼痛及各類婦科炎症</p>
<p>已幫助：308711人</p>
</section>
</section>
</section>
</section>
</section>
<p style="font-size: large;">
夏天，台灣的天氣是比較悶熱潮濕的，現在很多女生都比較愛美，喜歡穿緊身超短褲或者牛仔褲，因為這樣能顯出好身材，但「妹妹」被緊緊貼住，當身體排除汗液和一些分泌物，在不通風透氣的情況下，就很容易產生異味和滋生細菌並進入陰道！
</p>
<p style="text-align: center;margin:20px 0;"><img
src="images/02.png" style="max-width: 100%;"></p>
<p style="font-size: large;">
大部分女生在身體不舒服的時候都會選擇自己去藥局買買藥膏或者塞劑這樣簡單處理一下，甚至是沒有處理，並沒有針對性的去護理，<span
class="redzi">這些方式有些是錯誤的，就會導致你出現反覆、或者加重病症！</span>
</p>
<br>
<section style="width: 98%;margin: 20px auto;">
<section style="box-shadow: #fcd4d7 0px 0px 10px; background-image: -webkit-linear-gradient(top, #fffdfd, #feeef0); padding: 1em; color: #9c5340; box-sizing: border-box;">
<section style="display: flex; justify-content: center; align-items: center; padding: 1em 0px; box-sizing: border-box;">
<p style="font-size: large;"><img src="images/a1.jpg" style="width:100%;margin-bottom: 8px;"></p>
</section>
<section style=" font-size: 14px;text-align: justify;letter-spacing: 1.5px;line-height: 1.75em;">
<p style="line-height: 1.75em; letter-spacing: 1px;">
<span style="font-size: 18px;">
<strong>
<img src="https://img.alicdn.com/imgextra/i4/1593099316/O1CN01o8aoHe2IgmKKLFURR_!!1593099316.jpg" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
<span style="color: rgb(38, 38, 38); font-family: PingFangTC-Light;">陳*婷 患者 35歲 </span></strong>
</span>
</p>
<p style="font-size: large;">
問：我之前也有過黴菌感染，然後就自己去藥局買以前醫師開的藥膏，然後自己也有用熱水敷和用水沖洗乾淨妹妹，這樣就沒那麼癢，但是還是會一直反反覆復，去醫院檢查也還是說黴菌感染。
</p>
<p style="text-align: center;margin:20px 0;margin-top:8px"><img
src="images/03.png" style="width: 100%;"></p>
<p style="font-size: large;margin-top:8px">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01ugubEq2IgmLMiUhIH_!!1593099316.jpg" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
回復：我看到你說你有用熱水敷和用水沖洗私密處，這樣做是不對的呢！你反反覆復會癢，很可能就是因為你用水一直衝洗然後加上衣服或毛巾的摩擦，外陰表皮受傷了。
</p>
<p style="font-size: large;margin-top:8px"><img src="https://img.alicdn.com/imgextra/i4/1593099316/O1CN01o8aoHe2IgmKKLFURR_!!1593099316.jpg" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
追問：那我該怎麼辦呢？和老公開心的時候，他說有聞到魚腥味。
</p>
<p style="font-size: large;margin-top:8px">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01ugubEq2IgmLMiUhIH_!!1593099316.jpg" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
回復：私密處異味多多少少都會有一些的，畢竟每天都會有分泌物，如果是魚腥味就不正常了，你可以加下我的LINE：<span style="color:#ff0000 "><script>document.write(stxlwx);</script></span>
我把解決方法傳給你。</p>
<p style="font-size: large;margin-top:8px">
<img src="https://img.alicdn.com/imgextra/i4/1593099316/O1CN01o8aoHe2IgmKKLFURR_!!1593099316.jpg" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
回復：好的，已經加你LINE了</p>
</section>
</section>
</section>
<section style="width: 98%;margin: 20px auto;">
<section style="box-shadow: #fcd4d7 0px 0px 10px; background-image: -webkit-linear-gradient(top, #fffdfd, #feeef0); padding: 1em; color: #9c5340; box-sizing: border-box;">
<section style="display: flex; justify-content: center; align-items: center; padding: 1em 0px; box-sizing: border-box;">
<p style="font-size: large;"><img src="images/a2.jpg" style="width:100%;margin-bottom: 8px "></p>
</section>
<section style=" font-size: 14px;text-align: justify;letter-spacing: 1.5px;line-height: 1.75em;">
<p style="line-height: 1.75em; letter-spacing: 1px;">
<span style="font-size: 18px;">
<strong>
<img src="https://img.alicdn.com/imgextra/i4/1593099316/O1CN01jbOxwf2IgmKEPnUzX_!!1593099316.jpg" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
<span style="color: rgb(38, 38, 38); font-family: PingFangTC-Light;">李*艷 患者 32歲 </span></strong>
</span>
</p>
<p style="font-size: large;margin-top:8px">
問：最近我發現分泌物有開始變多，超尷尬的是會有魚腥味，有次同事在辦公室說怎麼一股很臭的味道，我都不敢抬頭看他，現在我就一直有在用護墊，怕他們聞到。
</p>
<p style="text-align: center;margin:20px 0;"><img
src="images/04.png" style="max-width: 100%;"></p>
<p style="font-size: large;margin-top:8px">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01ugubEq2IgmLMiUhIH_!!1593099316.jpg" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
回復：你這是有細菌感染哦，這種情況就更不能用護墊了，不通風透氣反而會加重癥狀，想要解決首先是要抗菌，建議你是用草本植物成分的藥品，因為草本植物成分的比較安全而且效果更加好！
</p>
<p style="font-size: large;margin-top:8px">
<img src="https://img.alicdn.com/imgextra/i4/1593099316/O1CN01jbOxwf2IgmKEPnUzX_!!1593099316.jpg" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
追問：好的，謝謝您~</p>
</section>
</section>
</section>
<section style="box-shadow: #fcd4d7 0px 0px 10px; background-image: -webkit-linear-gradient(top, #fffdfd, #feeef0); padding: 1em; color: #9c5340; box-sizing: border-box;">
<section style="display: flex; justify-content: center; align-items: center; padding: 1em 0px; box-sizing: border-box;">
<p style="font-size: large;"><img src="images/a3.jpg" style="width:100%;margin-bottom: 8px "></p>
</section>
<section style=" font-size: 14px;text-align: justify;letter-spacing: 1.5px;line-height: 1.75em;">
<p style="line-height: 1.75em; letter-spacing: 1px;">
<span style="font-size: 18px;">
<strong>
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01gWZqoV2IgmKKLUGEt_!!1593099316.png" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
<span style="color: rgb(38, 38, 38); font-family: PingFangTC-Light;">王*曉 患者 30歲 </span></strong>
</span>
</p>
<p style="font-size: large;margin-top:8px">
問：生寶寶的時候我選擇的是順產，現在老公說我下面好松，沒有以前的緊握感了，我也感覺很難高潮起來，感覺裡面蠻乾的，有時候還會痛有一點兒出血！
</p>
<p style="text-align: center;margin:20px 0;"><img
src="images/05.png" style="max-width: 100%;"></p>
<p style="font-size: large;">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01ugubEq2IgmLMiUhIH_!!1593099316.jpg" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
回復：一般女生產後都會出現鬆弛現象，這是由於產後陰道內壁肌肉萎縮變得鬆垮，因此會出現難以達到高潮、沒感覺的現象，建議你要進行縮陰！
</p>
<p style="font-size: large;margin-top:8px">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01gWZqoV2IgmKKLUGEt_!!1593099316.png" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
追問：那為什麼會疼痛出血呢？
<p style="font-size: large;margin-top:8px">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01ugubEq2IgmLMiUhIH_!!1593099316.jpg" style="width:25px;border-radius: 25px;float:left;margin-right:5px">
回復：具體疼痛和出血因為什麼比較難說，我看到你有提到你感覺你陰道比較乾澀，這樣是會導致疼痛感的，建議你可以用一些改善陰道內環境的藥品，當然也可能跟個人的姿勢、力度、技巧、前戲有關。
</p>
</section>
</section>
</section>
<br>
<p style="font-size: large;font-weight: bold;">
我從事這個行業已經12年了，對女生私處問題一直有研究，大家可以加我LINE：<span style="color:#ff0000 "><script>document.write(stxlwx);</script></span>免費咨詢，每天有很多姐妹來跟我尋求幫助，其中很多都是私處鬆弛乾澀、搔癢異味、多次流產導致陰道炎症，還有做了縮陰手術沒有效果的，我都會用我的專業知識幫助大家！
</p>
<p style="text-align: center;margin-top:12px;margin-bottom:30px"><a
href="javascript:{showline()}"> <img
src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01POhuKK2IgmFUmCrwx_!!1593099316.gif"
style="width:200px;"></a>
</p>
<!-- <button class="btn--show-comments btn--toggle-comment" data-analytic-imps="generel,mobileClick,imps-comment-in-blog" data-analytic-click="generel,mobileClick,click-comment-in-blog" data-analytic-once="true" data-is-in-view="true" data-need-analytic="undefined"> <span>查看留言</span>
</button>-->
<section style="margin:10px 0;text-align:center;display: inline-block;width:100%;border-width: 1px;border-style: solid;border-color: rgb(239, 241, 236);padding: 10px;border-radius: 0px;box-shadow: rgba(240, 214, 19, 0) 0px 0px 0px;">
<section style="display: inline-block;vertical-align: middle;width: 15%;">
<section style="max-width: 100%;vertical-align: middle;display: inline-block;line-height: 0;width: 80%;border: 0px none rgb(62, 62, 62);border-top-left-radius: 100px;border-top-right-radius: 100px;border-bottom-right-radius: 100px;border-bottom-left-radius: 100px;overflow: hidden;">
<img style="vertical-align: middle;width: 100% !important; height: auto !important; visibility: visible !important;" src="https://img.alicdn.com/imgextra/i3/1593099316/O1CN01zOTeFP2IgmLUFM6Tk_!!1593099316.jpg">
</section>
</section>
<section style="display: inline-block;vertical-align: middle;width: 80%;">
<section style="text-align: justify;line-height: 1.5;">
<p style="font-size: 14px;"><strong>本期科學審核 </strong>程艷香</p>
<p style="font-size: 14px;">婦科主任醫師</p>
</section>
</section>
</section>
<div style="background:#51adde;height:45px;line-height:45px;color:#fff;text-indent:5px;font-size:15px;width:100%;font-size:16px">
患者迴響
</div>
<div style="padding:10px 5px 10px;border-bottom:1px solid #e9ebee;position:relative;color:#333;font-weight:700;font-size:16px;height:55px;line-height:55px">
<div style="position:absolute;right:0px;top:8px;">排序依據 <select >
<option value ="1">熱門</option>
<option value="2">最新</option>
<option value ="3">最舊</option>
</select></div>
7則留言
</div>
<textarea placeholder="新增回應" style="width:100%;margin-top:15px;height:60px;font-size:16px"></textarea>
<!--評論<img src="images/a4.jpg" style="width:100%;margin-bottom:0px;margin-top:20px">-->
<div class="comment" style="padding-top:0px">
<div class="list">
<div class="top">
<div class="head">
<img src="https://img.alicdn.com/imgextra/i4/1593099316/O1CN01eMc6g42IgmJgMP66i_!!1593099316.jpg">
</div>
<div class="name">何*生</div>
<div class="text">最近幾次和女友愛愛她總是喊疼，還說妹妹會很癢，一開始我只是以為前戲做的不夠，沒有加太多潤滑油的原因，後來跟老師說了我們的情況以後才知道，可能是我清潔不到位才導致女友有輕微的炎症！ </div>
</div>
</div>
<div class="list">
<div class="top">
<div class="head">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01bx3HpU2IgmF8hJXOv_!!1593099316.jpg">
</div>
<div class="name">李*芳</div>
<div class="text">之前我總是感覺妹妹很癢，用醫生開的藥膏也不管用，在外面又不敢亂動，只能腳一直在下面扭，反反覆復超煩的！按照Tina老師說的方式在調理了一段時間，現在已經不會癢了，上星期特地去醫院做複查，都很正常XD
<img src="images/06.png">
</div>
</div>
<div class="bottom">
<div class="head">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01ugubEq2IgmLMiUhIH_!!1593099316.jpg">
</div>
<div class="name">Tina</div>
<div style="clear: both;"></div>
<div class="text">平時一定要多注意個人衛生哦，防止黴菌感染！</div>
</div>
</div>
<div class="list">
<div class="top">
<div class="head">
<img src="https://img.alicdn.com/imgextra/i1/1593099316/O1CN01pwWFqm2IgmF9H2AXJ_!!1593099316.jpg">
</div>
<div class="name">張*欣</div>
<div class="text">我之前下面偶爾癢、分泌物多，以前用的是達克寧和制黴菌素，當時是好了，可是2個月左右又覆發了，家人還催我要孩子。按照Tina老師的方法，剛開始的時候流了一點東西出來，排出來之後，感覺私處很清爽。現在比以前明顯感覺有好很多~
<img src="images/07.png">
</div>
</div>
</div>
<div class="list">
<div class="top">
<div class="head">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01PjC7PD2IgmF8kRgNb_!!1593099316.jpg">
</div>
<div class="name">肖*珊</div>
<div class="text">男人都是喜新厭舊，分泌物有點異常他就在懷疑我有沒有在外面亂搞，所以不僅要保養臉蛋，私處保養也很重要，讓那裏緊致水潤。</div>
</div>
</div>
<div class="list">
<div class="top">
<div class="head">
<img src="https://img.alicdn.com/imgextra/i1/1593099316/O1CN011r7ExQ2IgmF9yyMJE_!!1593099316.jpg">
</div>
<div class="name">陳*玲</div>
<div class="text">男友說我下面好松，還問我是不是之前有很多男生。和他做的時候我也沒感覺到快感，一檢查才知道裡面萎縮發炎了，按照Tina老師指導的方式保養陰道之後，昨天再去照陰道內鏡，發現裡面緊緻好多了！
<img src="images/08.png">
</div>
</div>
<div class="bottom">
<div class="head">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01ugubEq2IgmLMiUhIH_!!1593099316.jpg">
</div>
<div class="name">Tina</div>
<div style="clear: both;"></div>
<div class="text">看來恢復的很不錯哦，最近要多注意休息，多增強體育鍛煉會恢復的更好的。</div>
</div>
</div>
<div class="list">
<div class="top">
<div class="head">
<img src="https://img.alicdn.com/imgextra/i1/1593099316/O1CN0158HwFh2IgmJ1Q1pDZ_!!1593099316.jpg">
</div>
<div class="name">Olive</div>
<div class="text">我也是聽同事說他老婆用了老師的方法，生完孩子後下面緊緻的還像剛結婚時一樣，就讓老婆加了她的LINE，現在跟著Tina老師調理才半個月，效果就出來了。跟老婆又體會到了久違的快感，每次隔著早已溼透的內褲撫摸她，然後手指探索進去，感受她緊緊夾住我手指的彈性，又濕又滑，噴了好多......好像回到了熱戀的時候，特別滿足，床單都濕了！
<img src="images/09.png">
</div>
</div>
</div>
<div class="list">
<div class="top">
<div class="head">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01uldJJ72IgmFADakDJ_!!1593099316.jpg">
</div>
<div class="name">SHEILA</div>
<div class="text">我之前分泌物超多，黃黃的好噁心，也有用過塞劑之類的，可就是還會有很多。諮詢了Tina老師之後，她詳細給我分析了原因，並指導我怎樣去調理，最近我有注意飲食和按照方法去調理，感覺排出來的分泌物顏色那些有好轉，不會像之前那麼噁心了。
<img src="images/10.png">
</div>
</div>
</div>
<div class="list">
<div class="top">
<div class="head">
<img src="https://img.alicdn.com/imgextra/i2/1593099316/O1CN01juShky2IgmF837d5u_!!1593099316.jpg">
</div>
<div class="name">CoCo姐</div>
<div class="text">男友一直介意我下面黑黑的，問我說之前是不是有過很多男生，真的好氣人哦~人家明明超乖的好不好，特地問Tina老師怎麼改善，她有說這個是比較因人而異的，不一定是做的多才會黑，但也可以改善，然後就按照她說的做，沒想到還真的有改善哦，變的比以前粉嫩一些，不會那麼黑了！</div>
</div>
</div>
<!-- <div class="list">
<div class="top">
<div class="head">
<img src="https://img.alicdn.com/imgextra/i3/1593099316/O1CN01YlcqKW2IgmF8r4Pm4_!!1593099316.png">
</div>
<div class="name">劉慧嫻</div>
<div class="text">太有感了！按照姚姚說的方法保養私處。昨天我老公突然想來一下，剛見面他就說褲檔間硬了，縮陰之後G點更敏感更刺激，腫脹濕潤的陰部緊緊的包覆著他、即將高潮前的一吸一夾也快把他給逼出，到後面他一直低吼著快不行了，結果下午就搞了兩次，射的好多......晚上還不滿足，我不說不能做太多次了，他就一個人在旁邊手沖，只能下次再滿足他了XD
<img src="images/11.jpg">
</div>
</div>
</div>-->
</div>
<!--評理結束-->
</div>
<div style="clear:both"></div>
</div>
</li>
<div class="clear"></div>
</ul>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br><br><br>
<div class="guild">
<a class="button" href="javascript:{showline()}">
<img src="images/bt.jpg" style="width:100%">
</a>
</div>
<script src="./index_files/bootstrap.min.js"></script>
</body>
</html>