@charset "UTF-8";
@charset "UTF-8";

 @import url("https://fonts.googleapis.com/earlyaccess/cwtexhei.css");
@import url("https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext");
@font-face {
  font-family: 'fontello';
  src: url(//peaceful.tw/wp-content/themes/iweb/font/fontello.eot?94859937);
  src: url(//peaceful.tw/wp-content/themes/iweb/font/fontello.eot?94859937#iefix) format('embedded-opentype'),
       url(//peaceful.tw/wp-content/themes/iweb/font/fontello.woff2?94859937) format('woff2'),
       url(//peaceful.tw/wp-content/themes/iweb/font/fontello.woff?94859937) format('woff'),
       url(//peaceful.tw/wp-content/themes/iweb/font/fontello.ttf?94859937) format('truetype'),
       url(//peaceful.tw/wp-content/themes/iweb/font/fontello.svg?94859937#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url(//peaceful.tw/wp-content/themes/iweb/font/fontello.svg?94859937#fontello) format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-cancel:before { content: '\e800'; } /* '' */
.icon-down-open:before { content: '\e801'; } /* '' */
.icon-phone-circled:before { content: '\e802'; } /* '' */
.icon-eye:before { content: '\e803'; } /* '' */
.icon-users:before { content: '\e804'; } /* '' */
.icon-mail-circled:before { content: '\e805'; } /* '' */
.icon-left-open-1:before { content: '\e806'; } /* '' */
.icon-home:before { content: '\e807'; } /* '' */
.icon-heart:before { content: '\e80c'; } /* '' */
.icon-list:before { content: '\e80d'; } /* '' */
.icon-home-1:before { content: '\e80e'; } /* '' */
.icon-right-open-1:before { content: '\e810'; } /* '' */
.icon-globe:before { content: '\e811'; } /* '' */
.icon-globe-1:before { content: '\e814'; } /* '' */
.icon-ok:before { content: '\e824'; } /* '' */
.icon-ok-circled:before { content: '\e825'; } /* '' */
.icon-clock:before { content: '\e827'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-angle-double-down:before { content: '\f103'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-ok-squared:before { content: '\f14a'; } /* '' */
.icon-pencil-squared:before { content: '\f14b'; } /* '' */
.icon-sun-1:before { content: '\f185'; } /* '' */
.icon-mail-squared:before { content: '\f199'; } /* '' */
.icon-fax:before { content: '\f1ac'; } /* '' */
.icon-building-filled:before { content: '\f1ad'; } /* '' */
.icon-child:before { content: '\f1ae'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */ * {
box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;
-webkit-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;
font-size: 100%;
font: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
html, body {
height: 100%;
width: 100%;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
} .clearfix {
display: block;
}  a, a:hover {
text-decoration: none;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.section-link-list li a, section a, .archive a, .container-article a {
color: #666666;
text-decoration: none;
text-shadow: 0 0 0.1px #999999;
}
.section-link-list li a:hover, section a:hover, .archive a:hover, .container-article a:hover {
color: #FC5185;
text-decoration: none;
text-shadow: 0 0 0.1px #E2BEB5;
}
.container-article a {
color: #59C6CC;
text-decoration: none;
text-shadow: none;
}
.container-article a:hover {
color: #00AEBA;
text-decoration: none;
text-shadow: none;
}
img {
height: auto;
max-width: 100%;
}
ul, ol {
margin: 0;
}
li {
list-style: none;
}
h1, .container-article h1 a, h1.archive-title a {
color: #333333;
text-shadow: 0 0 0.5px #666666;
}
h1 a:hover {
border: 0;
}
h2 {
color: #333333;
text-shadow: 0 0 0.3px #999;
}
h3 {
color: #666;
text-shadow: 0 0 0.1px #999;
}
html {
height: 100%;
overflow-x: auto;
overflow-y: scroll;
min-height: 100%;
}
body {
font-family: "Lato", "cwTeXHei", "微軟正黑體", "Microsoft JhengHei";
font-size: 20px;
line-height: 1.8;
height: 100%;
min-height: 100%;
word-wrap: break-word;
}
.container-wrapper {
background-size: contain, auto;
color: #666666;
margin: 0 auto 0 auto;
min-height: 80%;
padding-bottom: 2em;
position: relative;
width: 100%;
}
@media (max-width: 414px) {
.container-wrapper {
padding-bottom: 2em;
}
}
.container {
margin: 0 auto;
padding: 0 1em;
position: relative;
width: 100%;
max-width: 1320px;
}
@media (max-width: 820px) {
.container {
max-width: 100%;
}
}
.container-article {
display: block;
float: left;
font-size: 18px;
letter-spacing: 1px;
margin: 0;
min-height: 80%;
position: relative;
text-align: justify;
text-shadow: 0 0 1px #E0E0E0;
width: 70%;
}
@media (max-width: 820px) {
.container-article {
margin-top: 1em;
width: 100%;
}
}
@media (max-width: 414px) {
.container-article {
font-size: 18px;
letter-spacing: 0;
}
}
.container-article h1 {
font-size: 24px;
line-height: 1.5;
padding: 0 0 30px 0;
text-align: center;
}
@media (max-width: 414px) {
.container-article h1 {
font-size: 20px;
}
}
.container-article h2 {
font-size: 20px;
line-height: 1.5;
text-align: center;
margin-top: 0.5em;
}
@media (max-width: 414px) {
.container-article h2 {
font-size: 18px;
}
}
.container-article h4 {
text-align: left;
color: #FC5185;
text-decoration: none;
text-shadow: 0 0 1px #E2BEB5;
}
@media (max-width: 414px) {
.container-article h4 {
background-size: 30px;
}
}
.container-article p, .container-article[id^=attachment], .container-article .team-wrapper, .container-article h2, .container-article h3, .container-article h4, .container-article .gallery, .container-article .article-content-meta-tags, .container-article .latest-donation {
margin: 0 auto;
padding-bottom: 1.5em;
}
.container-article strong {
color: #333333;
text-shadow: 0 0 0.5px #666666;
}
.container-article img {
border: 8px solid #FFF;
border-radius: 16px;
display: block;
margin: 1em auto;
max-width: 100%;
}
.container-article ul, .container-article ol {
margin-left: 2em !important;
margin-bottom: 2rem !important;
}
.container-article li {
list-style: disc !important;
}
.container-article .wp-caption-text {
color: #999;
display: block;
font-size: 16px;
line-height: 1.6;
margin-top: -1em;
padding: 0.5em;
text-align: center;
}
@media (max-width: 820px) {
.container-article .wp-caption-text {
font-size: 16px;
}
}
@media (max-width: 414px) {
.container-article .wp-caption-text {
font-size: 14px;
}
}
.container-article .icon-down-open {
color: #71C9CE;
display: block;
font-size: 28px;
margin: 0 auto;
text-align: center;
text-shadow: 0 0 0.1px #E3FDFD;
}
.container-article-attachment {
text-align: center;
}
.container-article-attachment a:link, .container-article-attachment a:visited {
color: #0199F4;
text-shadow: none;
}
ul.latest-donation {
display: block;
font-size: 18px;
line-height: 150%;
max-width: 100%;
}
ul.latest-donation li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
float: left;
padding: 0 1em 2em 0;
text-align: left;
white-space: pre-wrap;
width: 50%;
word-break: keep-all;
word-wrap: break-word;
}
ul.latest-donation li a {
width: 100%;
}
@media (max-width: 414px) {
ul.latest-donation li {
padding: 0 0 2em 0;
width: 100%;
}
}
ul.latest-donation img {
border: 0;
float: left;
margin: 0 0.5em 0 0;
}
ul.latest-donation span {
color: #CCC;
display: block;
font-size: 16px;
padding-bottom: 0.5em;
text-shadow: none;
}
@media (max-width: 414px) {
ul.latest-donation {
font-size: 16px;
}
}
.views {
color: #666;
display: block;
font-size: 16px;
padding: 1em 0 2em 0;
text-align: center;
text-shadow: none;
width: 100%;
}
.views .visits {
display: inline-block;
padding: 0 5px !important;
}
@media (max-width: 414px) {
.views {
padding: 0.5em 0 2em 0;
}
}
.sidebar-views {
font-size: 16px;
padding: 0;
}
.gallery-columns-2 {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-columns-3 .gallery-item {
width: 33.33333%;
}
.gallery-columns-4 {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
@media (max-width: 820px) {
.gallery-columns-4 .gallery-item {
width: 33.33333%;
}
}
.gallery-columns-5 {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
@media (max-width: 820px) {
.gallery-columns-5 .gallery-item {
width: 33.33333%;
}
}
.gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9 {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
width: 20%;
}
@media (max-width: 820px) {
.gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
width: 33.33333%;
}
}
.fancybox-caption {
font-family: "Lato", "cwTeXHei", "微軟正黑體", "Microsoft JhengHei" !important;
}
.slb_data_content {
padding: 1em 0 0 0 !important;
text-align: center !important;
}
@media (max-width: 414px) {
.slb_data_content {
padding: 0 !important;
}
}
.slb_data_title {
font-family: "Lato", "cwTeXHei", "微軟正黑體", "Microsoft JhengHei" !important;
font-size: 18px !important;
line-height: 1.6 !important;
padding: 0.5em 0 !important;
}
@media (max-width: 820px) {
.slb_data_title {
font-size: 16px !important;
}
}
@media (max-width: 414px) {
.slb_data_title {
font-size: 14px !important;
}
}
.slb_data_desc {
display: none !important;
}
.slb_group_status {
display: inline-block;
font-family: "Lato", "cwTeXHei", "微軟正黑體", "Microsoft JhengHei" !important;
font-style: normal;
text-align: center !important;
}
.slb_group_status:before {
content: "（";
}
.slb_group_status:after {
content: "）";
}
.wp-caption {
margin: 1em 0 2em 0;
}
.wp-caption p {
margin: 0;
padding: 0;
}
h1 + .wp-caption {
margin-top: 0;
padding-top: 0;
}
.team-wrapper {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.team {
background: #FFF;
margin: 10px 0 30px 0;
padding: 0.5em;
text-align: center;
width: 30%;
}
@media (max-width: 820px) {
.team {
width: 48%;
}
}
.team img {
border: 0;
margin: 0;
padding: 0;
}
.team h3 {
display: table;
padding-top: 0.5em;
padding-bottom: 0.5em;
white-space: nowrap;
}
.team h3:before, .team h3:after {
border-top: 1px solid #A6E3E9;
content: "";
display: table-cell;
position: relative;
top: 0.9em;
width: 45%;
}
@media (max-width: 820px) {
.team h3:before, .team h3:after {
width: 40%;
}
}
.team h3:before {
right: 5%;
}
.team h3:after {
left: 5%;
}
.team p {
font-size: 16px;
margin: 0;
padding: 0;
}
@media (max-width: 1024px) {
.team p a {
display: block;
}
}
.team span {
color: #FC5185;
text-shadow: 0 0 0.1px #E57272;
}
.link-wrapper {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.link {
background: #FFF;
margin: 15px 0;
padding: 0.5em;
text-align: center;
width: 48%;
}
@media (max-width: 820px) {
.link {
width: 100%;
}
}
.link img {
border: 0;
margin: 0;
padding: 0;
}
.link h3 {
display: table;
padding-top: 0.5em;
white-space: nowrap;
}
.link h3:before, .link h3:after {
border-top: 1px solid #71C9CE;
content: "";
display: table-cell;
position: relative;
top: 0.9em;
width: 45%;
}
.link h3:before {
right: 1.5%;
}
.link h3:after {
left: 1.5%;
}
.link p {
font-size: 16px;
margin: 0;
padding: 0;
}
.link span {
color: #FC5185;
text-shadow: 0 0 0.1px #E57272;
}
.archive h3 {
margin-bottom: 10px;
}
h1.archive-title a {
display: block;
font-size: 24px;
line-height: 1.5;
padding: 0 0 1.5em 0;
text-align: center;
width: 100%;
}
@media (max-width: 414px) {
h1.archive-title a {
font-size: 20px;
padding: 1em 0 1em 0;
}
}
.article-meta-edit {
border-bottom: 1px solid #A6E3E9;
display: block;
font-size: 16px;
margin: 2em auto 2em auto;
padding-bottom: 2em;
text-align: center;
width: 100%;
}
.archive-text {
font-size: 16px !important;
line-height: 1.8 !important;
}
.archive-meta-edit a, a.read-more {
display: inline !important;
font-size: 16px;
text-shadow: none !important;
}
.archive-article-content-meta-tags {
display: block;
font-size: 12px;
letter-spacing: 1px;
margin-top: 1.5em;
overflow: hidden;
}
.archive-article-content-meta-tags a {
background: #CCC;
border-radius: 3px 0 0 3px;
color: #FFF !important;
display: inline-block !important;
height: 16px !important;
line-height: 16px !important;
padding: 0 10px 0 5px;
position: relative;
margin: 0 6px 8px 0;
text-decoration: none;
text-shadow: none !important;
-webkit-transition: 0.2s;
transition: 0.2s;
width: auto !important;
}
.archive-article-content-meta-tags a:hover {
background: #71C9CE;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.archive-article-content-meta-tags a::after {
background: #fff;
border-bottom: 8px solid transparent;
border-left: 6px solid #CCC;
border-top: 8px solid transparent;
content: "";
position: absolute;
right: 0;
top: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.archive-article-content-meta-tags a:hover::after {
border-left: 6px solid #71C9CE;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.sidebar {
display: block;
float: right;
text-align: center;
width: 27%;
}
.sidebar section {
background: #F7FBFC;
border: 1px solid #CBF1F5;
margin-bottom: 1em;
padding: 10px;
}
@media (max-width: 820px) {
.sidebar {
margin-top: 2em;
width: 100%;
}
}
.sidebar-r {
border-radius: 8px;
display: block;
padding-bottom: 1em;
}
.sidebar-r img {
border-radius: 8px;
}
.sidebar-link-list {
display: block;
font-size: 18px;
overflow: hidden;
width: 100%;
}
.sidebar-r h2 {
border-bottom: 1px solid #CBF1F5;
font-size: 20px;
margin-bottom: 1em;
padding-bottom: 5px;
text-align: center;
}
.sidebar-link-list li {
display: block;
float: left;
line-height: 150%;
max-width: 100%;
padding: 0 0 1em 0;
text-align: center;
}
@media (max-width: 414px) {
.sidebar-link-list li a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 50%;
}
}
@media (max-width: 820px) {
.sidebar-link-list li {
padding: 0 0.5em 1em 0.5em;
width: 50%;
}
}
@media (max-width: 414px) {
.sidebar-link-list li {
border-bottom: 1px solid #CBF1F5;
font-size: 18px;
padding: 1em 0;
text-align: left;
width: 100%;
}
.sidebar-link-list li:last-child {
border-bottom: 0 solid #CBF1F5;
}
}
.sidebar-link-list li img {
background: #FFF;
border: 5px solid #FFF;
float: left;
margin-bottom: 0.5em;
max-height: auto;
max-width: 100%;
}
@media (max-width: 820px) {
.sidebar-link-list li img {
display: block;
width: 100%;
}
}
@media (max-width: 414px) {
.sidebar-link-list li img {
display: block;
margin-right: 10px;
width: 50%;
}
}
section.news {
clear: both;
display: block;
margin: 0 auto;
}
section.news img {
border-radius: 8px;
}
.section-link-list {
display: block;
float: left;
font-size: 18px;
overflow: hidden;
padding: 0;
width: 100%;
}
@media (max-width: 820px) {
.section-link-list {
width: 100%;
}
}
.section-link-list ul {
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.section-link-list h2 {
background-size: 100% 20px;
font-size: 24px;
margin-bottom: 15px;
text-align: center;
}
@media (max-width: 820px) {
.section-link-list h2 {
background-size: 80% 16px;
font-size: 20px;
margin-bottom: 15px;
}
}
.section-link-list li {
line-height: 1.3;
padding: 15px;
text-align: center;
width: 33.33333%;
}
.section-link-list li a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: block;
width: 100%;
}
@media (max-width: 820px) {
.section-link-list li {
padding-right: 1em;
}
}
@media (max-width: 414px) {
.section-link-list li {
border-bottom: 1px solid #A6E3E9;
padding: 1em 0;
width: 100%;
}
.section-link-list li:last-child {
border-bottom: 0 solid #A6E3E9;
}
}
.section-link-list li img {
background: #FFF;
border: 0 solid #FFF;
display: block;
margin-bottom: 15px;
max-height: auto;
width: 100%;
}
section.about-us {
background: url(https://peaceful.tw/wp-content/uploads/2017-10-3086.jpg) center bottom no-repeat, url(//peaceful.tw/wp-content/themes/iweb/images/title_bg_5.png) center 100px no-repeat;
background-size: 100% auto, auto;
display: block;
margin: 0 auto;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
width: 100%;
}
section.map {
background: url(//peaceful.tw/wp-content/themes/iweb/images/title_bg_5.png) center 100px no-repeat;
background-size: auto;
display: block;
margin: 0 auto;
padding-top: 50px;
position: relative;
text-align: center;
text-shadow: 0 0 0.1px #999999;
width: 100%;
}
.contact-us-wrapper {
clear: both;
margin: 0 auto;
width: 100%;
}
@media (max-width: 414px) {
.contact-us-wrapper hr.article, .contact-us-wrapper hr.index {
display: none;
}
}
.contact-us {
display: block;
float: left;
font-size: 18px;
padding: 1em 0.5em;
pointer-events: visible;
width: 33.333333%;
}
@media (max-width: 820px) {
.contact-us {
font-size: 16px;
}
}
@media (max-width: 414px) {
.contact-us {
border-bottom: 1px solid #A6E3E9;
float: none;
margin: 0 auto;
width: 90%;
}
.contact-us:last-child {
margin-bottom: 2em;
}
}
.contact-us h3 {
color: #333333;
text-shadow: 0 0 0.3px #999;
}
.contact-us a[href^=tel] {
font-style: italic;
}
.map h2 {
display: block;
font-size: 24px;
margin: 0 auto;
}
@media (max-width: 820px) {
.map h2 {
font-size: 20px;
}
}
.map h3 {
display: block;
font-size: 20px;
margin: 0 auto;
}
@media (max-width: 820px) {
.map h3 {
font-size: 18px;
}
}
.google-map {
background: #E6E9F3;
border: 10px solid #FFF;
display: block;
height: 600px;
left: 0;
margin: 0 auto;
right: 0;
width: 100%;
position: relative; }
@media (max-width: 414px) {
.google-map {
height: 300px;
}
}
.google-map-wrapper {
clear: both;
display: block;
}
.fb-page-wrapper {
margin-bottom: 1em;
}
hr.full {
background: url(//peaceful.tw/wp-content/themes/iweb/images/hr_bg_1.jpg) center bottom no-repeat;
background-size: 100% auto;
border: 0;
clear: both;
content: "";
display: block;
margin: 0 auto;
padding-bottom: 19.4270833333%;
width: 100%;
}
hr.full:after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
hr.article, .container-article hr {
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
border-top: 1px solid #A6E3E9;
height: 0;
margin-bottom: 2em;
width: 100%;
}
hr.index {
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
border-top: 1px solid #A6E3E9;
height: 0;
margin-bottom: 1em;
width: 100%;
}
.fb-page {
border: 8px solid #FFF;
display: block;
height: 350px;
margin: 0 auto;
max-width: 500px;
}
@media (max-width: 414px) {
.fb-page {
height: 230px;
}
}
.ztb-about {
display: none !important;
}
a.keyreply-brand {
visibility: hidden !important;
opacity: 0 !important;
}
.keyreply-launcher {
background-color: #FFF !important;
}
.keyreply-launcher, .keyreply-chat-icon {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
em {
color: #FC5185;
text-shadow: 0 0 0.1px #DAE9F2;
font-style: italic;
}
footer {
background: #393E46;
clear: both;
color: #FFF;
display: block;
margin: 0 auto 0 auto;
padding: 2em 0 1em 0;
position: relative;
text-align: center;
width: 100%;
}
footer .container {
padding: 0;
max-width: 1320px;
width: 100%;
}
@media (max-width: 820px) {
footer .container {
max-width: 100%;
}
}
footer .footer-link {
padding: 0 0 1em 0;
}
footer section {
display: block;
float: left;
width: 50%;
}
@media (max-width: 820px) {
footer section {
padding: 10px;
width: 100%;
}
}
@media (max-width: 414px) {
footer section {
padding: 0 10px;
width: 100%;
}
}
footer section a {
color: #E0E0E0;
display: inline-block;
font-size: 18px;
width: 33.333333%;
}
footer section a:hover {
color: #FFF;
border: 0;
text-shadow: none;
}
@media (max-width: 820px) {
footer section a {
font-size: 16px;
}
}
footer .contact-us-wrapper {
border-top: 1px solid #666666;
}
footer .click-to-call {
display: none;
}
@media (max-width: 820px) {
footer .click-to-call {
display: block;
}
}
footer .contact-us {
font-size: 16px;
width: 50%;
}
footer .contact-us h3 {
color: #FFF;
text-shadow: 0 0 1px #E0E0E0;
}
footer .contact-us a {
width: 100%;
}
footer .contact-us a[href^=tel] {
font-size: 16px;
font-style: italic;
}
@media (max-width: 820px) {
footer .contact-us {
font-size: 16px;
}
}
@media (max-width: 414px) {
footer .contact-us {
border-bottom: 1px solid #666666;
width: 90%;
}
}
footer h2 {
color: #FFF;
padding-top: 1em;
}
@media (max-width: 820px) {
footer h2 {
font-size: 18px;
}
}
footer h3 {
color: #FFF;
font-size: 18px;
}
@media (max-width: 820px) {
footer h3 {
font-size: 16px;
}
}
a.iweb {
color: #E0E0E0;
font-family: "Lato", "cwTeXHei", "微軟正黑體", "Microsoft JhengHei";
font-size: 14px;
}
a.iweb:hover {
color: #FFF;
}
.login, .login:hover {
border: 0;
cursor: default;
color: #FFF;
display: inline;
font-size: 16px;
} .bread_crumb {
font-size: 14px;
left: 1em;
letter-spacing: 1px;
line-height: 1.5;
margin-bottom: 1em;
position: relative;
text-shadow: none;
top: -2em;
width: 100%;
}
@media (max-width: 820px) {
.bread_crumb {
font-size: 13px;
left: 0;
letter-spacing: 0;
top: -1em;
}
}
@media (max-width: 414px) {
.bread_crumb {
margin-bottom: 0;
}
}
.bread_crumb li:first-child:before {
color: #CCC;
content: "\e807";
font-family: "fontello";
margin-right: 5px;
position: relative;
top: 0;
}
.bread_crumb li {
float: left;
list-style: none;
}
.bread_crumb i {
float: left;
}
.bread_crumb li:after {
color: #CCC;
content: "\f105";
font-family: "fontello";
margin: 0 5px;
position: relative;
top: 1px;
}
.bread_crumb li a:link, .bread_crumb li a:visited {
color: #999;
text-shadow: none;
}
.bread_crumb li a:hover, .bread_crumb li a:active {
color: #FC5185;
border-bottom: 0 solid;
}
.bread_crumb li:last-child:after {
content: "";
} #wp-pagenavi, .glsr-navigation {
clear: both;
display: block;
font-size: 16px;
line-height: 2.5;
padding-top: 2em;
text-align: center;
}
#wp-pagenavi a.page-numbers, .page-numbers, .glsr-navigation a.page-numbers, .glsr-navigation .page-numbers {
background: #59C6CC;
border: 1px solid #59C6CC;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
color: #FFF;
margin: 0 2px;
padding: 3px 8px;
text-shadow: 0 0 1px;
}
#wp-pagenavi a.page-numbers:hover {
background: #00AEBA;
border: 1px solid #00AEBA;
color: #FFF;
}
.pages {
display: inline-block;
margin: 0 10px;
}
.current {
background: #00AEBA;
border: 1px solid #00AEBA;
color: #FFF;
}
.dots {
color: #FFF;
}
nav.glsr-navigation {
margin-bottom: 2em;
}
nav.glsr-navigation a, nav.glsr-navigation a:hover {
display: inline-block;
} .social-share-button {
display: block;
margin-top: 1em;
padding: 0 10px 1.5em 10px;
width: 100%;
}
@media (max-width: 414px) {
.social-share-button {
margin-top: 0;
}
}
.social-share-button:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.fb-like {
float: left;
left: 0;
position: relative;
top: -8px;
width: 100px !important;
}
@font-face {
font-family: "si";
src: url(//peaceful.tw/wp-content/themes/iweb/social-share-button/socicon.eot);
src: url(//peaceful.tw/wp-content/themes/iweb/social-share-button/socicon.eot?#iefix) format("embedded-opentype"), url(//peaceful.tw/wp-content/themes/iweb/social-share-button/socicon.woff) format("woff"), url(//peaceful.tw/wp-content/themes/iweb/social-share-button/socicon.ttf) format("truetype"), url(//peaceful.tw/wp-content/themes/iweb/social-share-button/socicon.svg#icomoonregular) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: si;
src: url(//peaceful.tw/wp-content/themes/iweb/social-share-button/socicon.svg) format(svg);
}
}
.social-share-icon {
float: right;
list-style: none;
margin: 0;
overflow: hidden;
text-align: right;
max-width: 100%;
}
.social-share-icon li {
display: block;
*display: inline;
float: right;
padding: 0;
zoom: 1;
}
.social-share-icon li a {
background-color: none;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #FFF;
display: block;
font-family: si !important;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-style: normal;
font-weight: normal;
height: 30px;
line-height: 30px;
margin: 0 0 6px 6px !important;
opacity: 0.5;
overflow: hidden;
position: relative;
text-align: center;
text-decoration: none;
transition: 0.2s;
-o-transition: 0.2s;
-ms-transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transform: translateZ(0);
-webkit-transform: translateZ(0);
-webkit-transition-property: transform;
width: 30px;
z-index: 1;
}
.social-share-icon a:hover, .social-share-icon a:active {
border: 0;
color: #FFF;
opacity: 1;
-webkit-transition: 0.2s;
transition: 0.2s;
z-index: 2;
}
.social-share-icon-last {
margin: 0 !important;
}
.social-share-icon-line {
background-color: #00C200;
}
.social-share-icon-line:before {
background: url(//peaceful.tw/wp-content/themes/iweb/social-share-button/icon-LINE.svg) 50% no-repeat !important; background-size: 24px 24px !important;
content: "";
display: inline-block;
height: 30px;
width: 30px;
}
.social-share-icon-facebook {
background-color: #3e5b98;
}
.social-share-icon-facebook:before {
content: "\e041";
}
.social-share-icon-googleplus {
background-color: #dd4b39;
}
.social-share-icon-googleplus:before {
content: "\e042";
}
.social-share-icon-twitter {
background-color: #4da7de;
}
@media (max-width: 414px) {
.social-share-icon-twitter {
display: none !important;
}
}
.social-share-icon-twitter:before {
content: "\e040";
}
.social-share-icon-plurk {
background-color: #EA4640;
}
@media (max-width: 414px) {
.social-share-icon-plurk {
display: none !important;
}
}
.social-share-icon-plurk:before {
background: url(//peaceful.tw/wp-content/themes/iweb/social-share-button/icon-plurk.svg) 50% no-repeat; background-size: 24px 24px;
content: "";
display: inline-block;
height: 30px;
width: 30px;
}
.social-share-icon-linkedin {
background-color: #3371b7;
}
@media (max-width: 414px) {
.social-share-icon-linkedin {
display: none !important;
}
}
.social-share-icon-linkedin:before {
content: "\e049";
}
.social-share-icon-pinterest {
background-color: #c92619;
}
@media (max-width: 414px) {
.social-share-icon-pinterest {
display: none !important;
}
}
.social-share-icon-pinterest:before {
content: "\e043";
}
.social-share-icon-skype {
background-color: #28abe3;
}
@media (max-width: 414px) {
.social-share-icon-skype {
display: none !important;
}
}
.social-share-icon-skype:before {
content: "\e046";
}
.social-share-icon-weibo {
background-color: #e31c34;
}
@media (max-width: 414px) {
.social-share-icon-weibo {
display: none !important;
}
}
.social-share-icon-weibo:before {
content: "\e060";
} .social-share-icon-rss {
background-color: #f26109;
}
@media (max-width: 414px) {
.social-share-icon-rss {
display: none !important;
}
}
.social-share-icon-rss:before {
content: "\e00b";
}
.social-share-icon-mail {
background-color: #D14836;
}
.social-share-icon-mail:before {
content: "\e01f";
} input, select {
border: 1px solid #71C9CE;
border-radius: 3px 3px 3px 3px;
font: 16px "Lato", "cwTeXHei", "微軟正黑體", "Microsoft JhengHei";
letter-spacing: 0;
padding: 0 5px;
text-shadow: none;
}
input[type=text], input[type=date], input[type=tel], input[type=email], .wpcf7-select {
height: 31px;
line-height: 31px;
width: 100%;
}
input[type=date] {
letter-spacing: 5px;
}
::-webkit-input-placeholder { color: #CCC !important;
opacity: 1;
}
:-moz-placeholder { color: #CCC !important;
opacity: 1;
}
::-moz-placeholder { color: #CCC !important;
opacity: 1;
}
:-ms-input-placeholder { color: #CCC !important;
opacity: 1;
}
input[type=submit], input[type=s] {
min-height: 31px;
}
input[type=submit] {
background-image: none;
background: #71C9CE;
border: 1px solid #71C9CE;
border-radius: 3px 3px 3px 3px;
color: #FFF;
cursor: pointer;
letter-spacing: 0;
padding: 2px 12px;
position: relative;
text-decoration: none;
}
input[type=checkbox] {
float: left;
margin-right: 10px;
position: relative;
top: 10px;
}
textarea {
border: 1px solid #71C9CE;
border-radius: 3px 3px 3px 3px;
letter-spacing: 0;
font: 16px "Lato", "cwTeXHei", "微軟正黑體", "Microsoft JhengHei";
padding: 5px 5px;
text-shadow: none;
width: 100%;
} .site-reviews {
background: #F7FBFC;
letter-spacing: 1px;
padding: 3em 0;
text-align: center;
}
.site-reviews h2 {
display: block;
font-size: 24px;
margin: 0 auto;
}
@media (max-width: 820px) {
.site-reviews h2 {
font-size: 20px;
}
}
.site-reviews h3 {
display: block;
font-size: 18px;
margin: 0 auto;
padding: 1em;
}
@media (max-width: 820px) {
.site-reviews h3 {
font-size: 16px;
}
}
.site-reviews .shortcode-site-reviews-summary, .site-reviews .shortcode-site-reviews, .site-reviews .shortcode-reviews-form {
display: block;
float: left;
padding: 1em;
width: 33.333333%;
}
@media (max-width: 414px) {
.site-reviews .shortcode-site-reviews-summary, .site-reviews .shortcode-site-reviews, .site-reviews .shortcode-reviews-form {
padding: 1em 0;
width: 100%;
}
}
@media (max-width: 414px) {
.site-reviews .shortcode-site-reviews-summary, .site-reviews .shortcode-site-reviews {
border-bottom: 1px solid #CBF1F5;
}
}
.site-reviews .glsr-shortcode-title {
font-size: 16px;
padding: 1em 0 1.5em 0;
}
.site-reviews .shortcode-site-reviews-summary .glsr-summary, .site-reviews .shortcode-site-reviews-summary .glsr-percentage-bars {
margin: 0 auto 1em auto;
}
.site-reviews .shortcode-site-reviews-summary .glsr-bar > span {
text-align: right;
}
.site-reviews .shortcode-site-reviews {
font-size: 14px;
}
.site-reviews .shortcode-reviews-form, .site-reviews .shortcode-reviews-form input, .site-reviews .shortcode-reviews-form textarea {
font-size: 14px !important;
}
.site-reviews .glsr-reviews-wrap {
height: 370px;
overflow: auto;
}
@media (max-width: 820px) {
.site-reviews .glsr-reviews-wrap {
height: 400px;
pointer-events: none;
}
}
@media (max-width: 820px) {
.site-reviews .glsr-reviews-wrap.clicked {
pointer-events: auto;
}
}
.site-reviews .glsr-reviews-wrap-more {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 251, 252, 0.1)), to(rgb(247, 251, 252)));
background-image: linear-gradient(to bottom, rgba(247, 251, 252, 0.1), rgb(247, 251, 252));
left: 0;
margin-bottom: -3em;
padding: 2em 0;
position: relative;
text-align: center;
top: -4em;
width: 100%;
}
.site-reviews .glsr-review {
margin-bottom: 2em;
}
.site-reviews .glsr-review .glsr-review-meta, .site-reviews .glsr-review .glsr-review-excerpt {
text-align: left;
white-space: pre-wrap;
word-break: keep-all;
word-wrap: break-word;
}
.site-reviews .glsr-review .glsr-review-author {
text-align: right;
}
.site-reviews .glsr-review .glsr-review-author span {
color: #CCC;
}
.site-reviews .shortcode-reviews-form .glsr-form-messages {
color: #D32F2F;
} .textwidget .site-reviews {
padding: 0;
}
.textwidget .shortcode-site-reviews-summary, .textwidget .shortcode-site-reviews, .textwidget .shortcode-reviews-form {
float: none;
padding: 0;
width: 100%;
}
.textwidget .shortcode-site-reviews-summary, .textwidget .shortcode-site-reviews {
border-bottom: 1px solid #CBF1F5;
margin-bottom: 0.5em;
padding-bottom: 1em;
}
.textwidget .glsr-reviews-wrap {
height: 500px;
}
@media (max-width: 414px) {
.textwidget .glsr-reviews-wrap {
height: 400px;
}
}
.textwidget .shortcode-reviews-form {
padding-bottom: 1em;
}
.no-js #loader {
display: none;
}
.js #loader {
display: block;
position: absolute;
left: 100px;
top: 0;
}
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(https://peaceful.tw/wp-content/themes/iweb/images/logo.png) center 30% no-repeat, url(https://peaceful.tw/wp-content/themes/iweb/images/Ellipsis.gif) center 50% no-repeat, #FFF;
background-size: 220px, 50px, auto;
}
@media (max-width: 820px) {
.se-pre-con {
background-size: 150px, 40px, auto;
}
}
.clearfix:after, .container-wrapper:after, .container:after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
} .clearfix {
display: block;
} .none {
display: none;
}
 @import url("https://fonts.googleapis.com/earlyaccess/cwtexhei.css");
@import url("https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext");
@font-face {
  font-family: 'fontello';
  src: url(//peaceful.tw/wp-content/themes/iweb/font/fontello.eot?94859937);
  src: url(//peaceful.tw/wp-content/themes/iweb/font/fontello.eot?94859937#iefix) format('embedded-opentype'),
       url(//peaceful.tw/wp-content/themes/iweb/font/fontello.woff2?94859937) format('woff2'),
       url(//peaceful.tw/wp-content/themes/iweb/font/fontello.woff?94859937) format('woff'),
       url(//peaceful.tw/wp-content/themes/iweb/font/fontello.ttf?94859937) format('truetype'),
       url(//peaceful.tw/wp-content/themes/iweb/font/fontello.svg?94859937#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url(//peaceful.tw/wp-content/themes/iweb/font/fontello.svg?94859937#fontello) format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-cancel:before { content: '\e800'; } /* '' */
.icon-down-open:before { content: '\e801'; } /* '' */
.icon-phone-circled:before { content: '\e802'; } /* '' */
.icon-eye:before { content: '\e803'; } /* '' */
.icon-users:before { content: '\e804'; } /* '' */
.icon-mail-circled:before { content: '\e805'; } /* '' */
.icon-left-open-1:before { content: '\e806'; } /* '' */
.icon-home:before { content: '\e807'; } /* '' */
.icon-heart:before { content: '\e80c'; } /* '' */
.icon-list:before { content: '\e80d'; } /* '' */
.icon-home-1:before { content: '\e80e'; } /* '' */
.icon-right-open-1:before { content: '\e810'; } /* '' */
.icon-globe:before { content: '\e811'; } /* '' */
.icon-globe-1:before { content: '\e814'; } /* '' */
.icon-ok:before { content: '\e824'; } /* '' */
.icon-ok-circled:before { content: '\e825'; } /* '' */
.icon-clock:before { content: '\e827'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-angle-double-down:before { content: '\f103'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-ok-squared:before { content: '\f14a'; } /* '' */
.icon-pencil-squared:before { content: '\f14b'; } /* '' */
.icon-sun-1:before { content: '\f185'; } /* '' */
.icon-mail-squared:before { content: '\f199'; } /* '' */
.icon-fax:before { content: '\f1ac'; } /* '' */
.icon-building-filled:before { content: '\f1ad'; } /* '' */
.icon-child:before { content: '\f1ae'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.toggle,
[id^=drop] {
display: none;
} .nav {
background: rgba(0, 0, 0, 0.2);
display: block;
position: fixed;
top: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
width: 100%;
z-index: 999;
}
@media (max-width: 820px) {
.nav {
background: #71C9CE;
border-bottom: 2px solid #00AEBA;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
padding: 0;
}
}
.nav-active {
background: rgba(113, 201, 206, 0.9);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
padding: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
@media (max-width: 820px) {
.nav-active {
background: rgb(113, 201, 206);
}
}
nav {
font-size: 20px;
line-height: 70px;
margin: 0 auto;
max-width: 1320px;
width: 100%;
word-wrap: break-word !important;
}
.nav::-webkit-scrollbar, nav::-webkit-scrollbar {
display: none;
}
.nav, nav {
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.logo {
background: url(//peaceful.tw/wp-content/themes/iweb/images/logo.png) 50% no-repeat; background-size: contain;
display: block;
float: left;
height: 70px;
padding: 0 50px;
text-indent: -9999px;
width: 200px;
} .nav:after, nav:after {
clear: both;
content: "";
display: table;
} nav ul {
float: right;
padding: 0;
margin: 0;
list-style: none;
position: relative;
max-width: 100%;
} nav ul li {
display: inline-block;
float: left;
margin: 0px;
}
nav .top-level, nav .top {
text-shadow: 0 0 0.5px #E3FDFD;
} nav a, nav a:hover {
border-bottom: 0;
color: #FFF;
display: block;
padding: 0 20px;
text-decoration: none;
}
nav a.top-level, nav a:hover.top-level {
padding: 0 0 0 20px;
}
nav ul li ul li {
background-color: rgba(113, 201, 206, 0.9);
line-height: 50px;
}
@media (max-width: 820px) {
nav ul li ul li {
background: rgb(113, 201, 206);
}
}
nav ul li ul li:hover {
background: #59C6CC;
} nav a:hover {
background-color: none;
}
nav .nav-active a:hover {
background-color: #59C6CC;
} nav ul ul {
border-top: 2px solid #00AEBA;
display: none;
position: absolute; top: 70px;
}
@media (max-width: 820px) {
nav ul ul {
border-top: 0 solid #00AEBA;
}
} nav ul li:hover > ul {
display: inherit;
} nav ul ul li {
display: list-item;
float: none;
font-size: 18px;
position: relative;
width: 170px;
} nav ul ul ul li {
left: 170px;
position: relative;
top: -70px; } li > a:after {
content: "";
}
li > a:only-child:after {
content: "";
} @media all and (max-width: 768px) {
.logo {
display: block;
float: left;
height: 50px;
margin: 0 auto;
padding: 0;
text-align: center;
width: 150px;
}
.nav, nav {
font-size: 18px;
line-height: 50px;
margin: 0;
width: 100%;
max-height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}  .toggle + a,
.menu {
display: none;
} .toggle {
border: none;
color: #FFF;
cursor: pointer;
display: block;
padding: 0 20px;
text-decoration: none;
}
.toggle:hover {
background-color: #59C6CC;
}
.top {
float: right;
padding: 0 20px;
position: relative;
}
.top:hover {
background-color: #71C9CE;
} [id^=drop]:checked + ul {
display: block !important;
} nav ul {
float: left;
}
nav ul li {
display: block;
width: 100%;
}
nav ul ul .toggle,
nav ul ul a {
padding: 0 40px;
}
nav ul ul ul a {
padding: 0 80px;
}
nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a {
color: #FFF;
line-height: 50px;
padding: 0 20px;
}
nav ul li ul li:hover {
background: #71C9CE;
} nav ul ul {
color: #FFF;
float: none;
position: static; } nav ul ul li:hover > ul,
nav ul li:hover > ul {
display: none;
} nav ul ul li {
display: block;
padding-left: 1em;
width: 100%;
}
nav ul ul ul li {
position: static; }
}
@media all and (max-width: 414px) {
nav ul li {
display: block;
width: 100%;
}
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}@font-face {
font-family: 'flexslider-icon';
src: url(//peaceful.tw/wp-content/themes/iweb/font/flexslider-icon.eot);
src: url(//peaceful.tw/wp-content/themes/iweb/font/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//peaceful.tw/wp-content/themes/iweb/font/flexslider-icon.woff) format('woff'), url(//peaceful.tw/wp-content/themes/iweb/font/flexslider-icon.ttf) format('truetype'), url(//peaceful.tw/wp-content/themes/iweb/font/flexslider-icon.svg#flexslider-icon) format('svg');
font-style: normal;
font-weight: normal;
} .flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
list-style: none;
margin: 0;
padding: 0;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides {}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
display: block;
width: 100%;
}
.flexslider .slides:after {
clear: both;
content: "\0020";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
background: #fff;
border: 0 solid #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(255,255,255, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(255,255,255, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(255,255,255, 0.2);
box-shadow: '' 0 1px 4px rgba(255,255,255, 0.2);
margin: 0 auto 2em auto;
position: relative;
width: 100vw; max-width:100%;
height: 41.748046875vw;
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
color: rgba(255,255,255, 0.8);
cursor: pointer;
display: block;
height: 160px;
line-height: 160px;
margin: -100px 0 0;
overflow: visible;
opacity: 0.5;
position: absolute;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
top: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 160px;
z-index: 10;
}
.flex-direction-nav a:before {
color: rgba(255,255,255, 0.8);
content: '\f001';
display: inline-block;
font-family: "flexslider-icon";
font-size: 60px;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
padding-left: 20px;
}
.flex-direction-nav .flex-next {
padding-right: 20px;
right: 0;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
padding-left: 20px;
opacity: 0.5;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
border: 0;
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.5;
padding-right: 20px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
border: 0;
opacity: 1;
}
.flex-direction-nav .flex-disabled {
cursor: default;
filter: alpha(opacity=0);
opacity: 0!important;
z-index: -1;
}
.flex-pauseplay a {
bottom: 5px;
color: #000;
cursor: pointer;
display: block;
height: 20px;
left: 10px;
opacity: 0.8;
overflow: hidden;
position: absolute;
width: 20px;
z-index: 10;
}
.flex-pauseplay a:before {
content: '\f004';
display: inline-block;
font-family: "flexslider-icon";
font-size: 20px;
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
bottom: 50px;
position: absolute;
text-align: center;
width: 100%;
}
.flex-control-nav li {
display: inline-block;
*display: inline;
margin: 0 6px;
zoom: 1;
}
.flex-control-paging li a {
background: #FFF;
background: rgba(255,255,255, 0.5);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 0 3px rgba(255,255,255, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(255,255,255, 0.3);
-o-box-shadow: inset 0 0 3px rgba(255,255,255, 0.3);
box-shadow: inset 0 0 3px rgba(255,255,255, 0.3);
cursor: pointer;
display: block;
height: 11px;
text-indent: -9999px;
width: 11px;
}
.flex-control-paging li a:hover {
border: 0;
background: #FFF;
background: rgba(255,255,255, 0.7);
}
.flex-control-paging li a.flex-active {
background: #fff;
background: rgba(255,255,255, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
overflow: hidden;
position: static;
}
.flex-control-thumbs li {
float: left;
margin: 0;
width: 25%;
}
.flex-control-thumbs img {
cursor: pointer;
display: block;
height: auto;
opacity: .7;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
width: 100%;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
.slides li {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: block;
position: relative;
width: 100%;
}
.flex-caption {
background: rgba(0,0,0,.3);
bottom: 0;
color: #FFF;
font-size: 22px;
left: 0;
line-height: 1.8;
padding: 10px 2% 10px 2%;
position: absolute;
text-align: center; width: 100%;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
padding-left: 20px;
opacity: 1;
}
.flex-direction-nav .flex-next {
opacity: 1;
padding-right: 20px;
right: 0;
}
}
@media (max-width: 768px) {
.flexslider {
margin: 50px auto 30px auto;
}
.flex-control-nav {
display: none;
}
.flex-caption {
font-size: 16px;
line-height: 1.3;
padding: 2%;
}
.flex-direction-nav a {
width: 60px;
}
.flex-direction-nav a:before {
font-size: 30px;
}
}.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ overflow: hidden;
width: auto;
height: auto;
} .mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; 
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer;
width: 100%;
height: 30px; z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } .mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; margin-left: 0;
} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
}   .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(//peaceful.tw/wp-content/themes/iweb/css/mCSB_buttons.png); background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }  .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
} .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0; 
margin: 12px 0; 
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0; 
margin: 0 12px; 
} .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0; 
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}  .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }