@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");
@font-face {
/*仿宋體*/

  font-family: 'cwTeXFangSong';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot);
  src: url(https://fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot?#iefix) format('embedded-opentype'),
       url(https://fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.ttf) format('truetype');
}
/*------------------------------------------------------------------
[Master Stylesheet]

Project:    Constructor html
Version:    1.0
Last change:    31/10/14 [initial release]
Assigned to:    Max Themes
Primary use:    HTML
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Color codes]

Background: #ffffff (white)
Content:    #666666 (dark grey)
Header:     #000000 (black)
Footer:     #000000 (black)

a (standard):   #b63327 (dark red)
a (hover):      #000000 (black)
a (active):     #000000 (black)
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Typography]

Body copy:      13px/1.8em Raleway, Helvetica Neue, Arial, Verdana, sans-serif;
Header:         30px/1.8em Raleway, Helvetica Neue, Arial, Verdana, sans-serif;
Input, textarea:    13px Raleway, Helvetica Neue, Arial, Verdana, sans-serif;
Sidebar heading:    14px uppercase Raleway, Helvetica Neue, Arial, Verdana, sans-serif;
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Navigation / #menu_wrapper
3. Footer / #footer
4. Content / #page_content_wrapper
5. Social Sharing / #social_share_wrapper
6. Sidebar / .sidebar_wrapper
7. Form & Input
8. Pagination / .pagination
9. Widgets
10. Social Sharing / #social_share_wrapper
11. Woocommerce Elements
-------------------------------------------------------------------*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1.5;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a img {
    border: none;
}

.entry-content img {
    margin: 0 0 1.5em 0;
}

div.alignleft,
img.alignleft {
    display: inline-block;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

div.alignright,
img.alignright {
    display: inline-block;
    float: right;
    margin-left: 1em;
    margin-top: 1em;
}

div.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    text-align: center;
    margin-bottom: 1.5em;
}

.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    font-weight: bold;
}

.wp-smiley {
    max-height: 1em;
    margin: 0 !important;
}

.gallery dl {
    margin: 0;
    border: 0;
    padding: 0;
}

blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 20px;
    text-align: right;
    width: 33%;
}

blockquote.right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}

.gallery-caption {
    font-size: 12px;
}

html {
    height: 100%;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a img {
    border: none;
}

p {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

em {
    font-style: italic;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

.center {
    text-align: center;
}

#page_content_wrapper p,
.page_content_wrapper p {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#page_content_wrapper p:empty,
.page_content_wrapper p:empty {
    padding: 0 !important;
    margin: 0 !important;
}

#footer p {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

html,
body {
    min-height: 100%;
}

img,
a img {
    image-rendering: optimizeQuality;
}

em {
    font-style: italic;
}

::selection {
    background: #efc337;
    color: #fff;
}

table {
    border-spacing: 0;
}

.sticky {
    background: #ffffe0;
    padding: 30px 20px 20px 20px;
    border: 1px solid #e6db55 !important;
    box-sizing: border-box;
}

.marginright {
    margin-right: 7px;
}

img.alignright {
    float: right;
    margin: 0 0 1em 2em;
}

img.alignleft {
    float: left;
    margin: 0 2em 1em 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

a img.alignright {
    float: right;
    margin: 0 0 1em 2em;
}

a img.alignleft {
    float: left;
    margin: 0 2em 1em 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sticky,
.bypostauthor {
    font-weight: bold;
}

@keyframes subNavIn {
    from {
        transform: translateX(180px);
        -webkit-transform: translateX(180px);
        opacity: 0;
    }
    to {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes subNavIn {
    from {
        transform: translateX(180px);
        -webkit-transform: translateX(180px);
        opacity: 0;
    }
    to {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes subNavOut {
    from {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
    to {
        transform: translateX(180px);
        -webkit-transform: translateX(180px);
        opacity: 0;
    }
}

@-webkit-keyframes subNavOut {
    from {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
    to {
        transform: translateX(180px);
        -webkit-transform: translateX(180px);
        opacity: 0;
    }
}

@keyframes mainNavOut {
    from {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
    to {
        transform: translateX(-180px);
        -webkit-transform: translateX(-180px);
        opacity: 0;
    }
}

@-webkit-keyframes mainNavOut {
    from {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
    to {
        transform: translateX(-180px);
        -webkit-transform: translateX(-180px);
        opacity: 0;
    }
}

@keyframes mainNavIn {
    from {
        transform: translateX(-180px);
        -webkit-transform: translateX(-180px);
        opacity: 0;
    }
    to {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes mainNavIn {
    from {
        transform: translateX(-180px);
        -webkit-transform: translateX(-180px);
        opacity: 0;
    }
    to {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    visibility: visible !important;
    display: inline-block !important;
}

@keyframes fadeIn {
    0% {
        transform: scale(1);
        opacity: 0.0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

.slideUp {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    visibility: visible !important;
}

@keyframes slideUp {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translateY(10%);
    }
    100% {
        opacity: 1;
        visibility: visible;
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideUp {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(10%);
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0%);
    }
}

.slideUp2 {
    animation-name: slideUp2;
    -webkit-animation-name: slideUp2;
    animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes slideUp2 {
    0% {
        opacity: 0;
        transform: translateY(15%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideUp2 {
    0% {
        opacity: 0;
        transform: translateY(15%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

.slideDown {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

.slideDown2 {
    animation-name: slideDown2;
    -webkit-animation-name: slideDown2;
    animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
    display: inline-block !important;
}

@keyframes slideDown2 {
    0% {
        opacity: 0;
        transform: translateY(-50%);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

.bigEntrance {
    animation-name: bigEntrance;
    -webkit-animation-name: bigEntrance;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important;
}

@keyframes bigEntrance {
    0% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    30% {
        transform: scale(1.03);
        opacity: 1 !important;
    }
    45% {
        transform: scale(0.98);
        opacity: 1 !important;
    }
    60% {
        transform: scale(1.01);
        opacity: 1 !important;
    }
    100% {
        transform: scale(1);
        opacity: 1 !important;
    }
}

@-webkit-keyframes bigEntrance {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    30% {
        -webkit-transform: scale(1.03);
        opacity: 1 !important;
    }
    45% {
        -webkit-transform: scale(0.98);
        opacity: 1 !important;
    }
    60% {
        -webkit-transform: scale(1.01);
        opacity: 1 !important;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1 !important;
    }
}

.slideLeft {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

@keyframes slideLeft {
    0% {
        transform: translateX(10%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%);
        opacity: 1 !important;
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1 !important;
    }
}

.slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

@keyframes slideRight {
    0% {
        opacity: 0;
        transform: translateX(-10%);
    }
    100% {
        transform: translateX(0%);
        opacity: 1 !important;
    }
}

@-webkit-keyframes slideRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
    }
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1 !important;
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
}

.mfp-wrap {
    top: 0 !important;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed !important;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    background: #000;
    background: rgb(0, 0, 0, 0.8);
    background: rgba(0, 0, 0, 0.8);
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {}

.mfp-zoom {
    cursor: pointer;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    color: white;
    font-style: normal;
    z-index: 9999;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    right: -13px;
    top: -10px;
    text-align: center;
    display: block;
    border-radius: 250px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 2px solid transparent;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover {
    border: 2px solid #fff;
}

.mfp-image-holder .mfp-close:after,
.mfp-iframe-holder .mfp-close:after {
    font-family: 'FontAwesome';
    content: "\f00d";
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 19px;
    line-height: 40px;
}

.mfp-image-holder .mfp-close:hover:after,
.mfp-iframe-holder .mfp-close:hover:after {
    -webkit-transform: rotateZ(90deg);
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    font-family: "FontAwesome";
    font-size: 50px;
    display: block;
    content: '\f104';
    color: #fff;
    font-weight: 300;
    margin-left: 20px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    margin-left: 44px;
    font-family: "FontAwesome";
    font-size: 50px;
    display: block;
    content: '\f105';
    color: #fff;
    font-weight: 300;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    background: #444444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -26px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
    color: #fff;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 90%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 1;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-figure,
.mfp-iframe {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    -ms-animation-duration: .6s;
    -o-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}

* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #ccc;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border-bottom: 1px solid #aaaaaa;
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
}

.ui-widget-header a {}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

.ui-state-default {
    background: #fff;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-hover,
.ui-widget-header,
.ui-state-default {
    background: transparent;
}

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #212121;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #ccc;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

.ui-widget:active {
    outline: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-icon {
    width: 32px;
    height: 32px;
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    padding: 1em .3em 1em .7em;
    color: #000;
}

.ui-accordion a {
    zoom: 1;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 1.6em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -15px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 1em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.ui-tabs.ui-widget-content {
    border: 0;
}

.mejs-container {
    position: relative;
    background: #000;
    font-family: 'Noto Sans TC', sans-serif;
    text-align: left;
    vertical-align: top;
    text-indent: 0;
}

.me-plugin {
    position: absolute;
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}

.mejs-fullscreen {
    overflow: hidden !important;
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%;
}

.mejs-clear {
    clear: both;
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

:root .mejs-poster img {
    display: none;
}

.mejs-poster img {
    border: 0;
    padding: 0;
    border: 0;
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-overlay-play {
    cursor: pointer;
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(bigplay.svg) no-repeat;
}

.no-svg .mejs-overlay-button {
    background-image: url(bigplay.png);
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px;
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url(background.png);
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(mejs-loading.gif) 50% 50% no-repeat;
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: url(background.png);
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    height: 30px;
    width: 100%;
}

.mejs-container .mejs-controlsdiv {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    font-family: 'Noto Sans TC', sans-serif;
    border: 0;
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(controls.svg) no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url(controls.png);
}

.mejs-controls .mejs-button button:focus {
    outline: solid 1px yellow;
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 8px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time span {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto;
}

.mejs-controls .mejs-play button {
    background-position: 0 0;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0;
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px;
}

.mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
    background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px;
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px;
}

.mejs-controls .mejs-volume-button {}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
    position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0;
}

.mejs-controls div.mejs-horizontal-volume-slider {
    height: 26px;
    width: 60px;
    position: relative;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

.mejs-controls .mejs-captions-button {
    position: relative;
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0;
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1;
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
}

.mejs-captions-layera {
    color: #fff;
    text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal;
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.mejs-captions-position-hover {
    bottom: 45px;
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url(background.png);
    background: rgba(20, 20, 20, 0.8);
}

.me-cannotplay {}

.me-cannotplay a {
    color: #fff;
    font-weight: bold;
}

.me-cannotplay span {
    padding: 15px;
    display: block;
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0;
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0;
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001;
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff;
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 10px;
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden;
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%;
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(background.png);
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    padding: 0;
    list-style: none;
}

.slides {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    text-align: center;
}

.flexslider .slides > li img {
    max-width: 100%;
    line-height: 0;
}

.flexslider .slides.post_slideshow_widget > li {
    margin-right: 0 !important;
}

.flexslider .slides.post_slideshow_widget > li img {
    margin-bottom: 10px;
}

#page_slider.flexslider .slides > li {
    margin-right: 0 !important;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}

.flexslider {
    margin: 0;
    position: relative;
    zoom: 1;
    margin-top: 0;
}

.flexslider.post_carousel {
    margin-top: 0;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.flexslider.tg_gallery .slides {
    line-height: 0;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    height: 0;
    list-style: none !important;
}

.flex-direction-nav a {
    display: block;
    width: 80px;
    height: 80px;
    text-align: center;
    position: absolute;
    bottom: 44%;
    z-index: 2;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background: rgba(0, 0, 0, 0.4);
}

.flex-direction-nav a:hover {
    opacity: 1;
}

#page_slider .flex-direction-nav a {
    top: 42% !important;
}

.slider_widget_wrapper .flex-direction-nav a {
    top: 34% !important;
}

.post_type_gallery .flex-direction-nav a {
    top: 33%;
}

.flex-direction-nav .flex-prev {
    left: -80px;
}

.flex-direction-nav .flex-next {
    right: -80px;
}

.slider_wrapper:hover .flex-prev {
    opacity: 1;
    left: 2%;
}

.slider_wrapper:hover .flex-next {
    opacity: 1;
    right: 2%;
}

.slider_wrapper .flexslider:hover .flex-prev {
    opacity: 1;
    left: 0;
}

.slider_wrapper .flexslider:hover .flex-next {
    opacity: 1;
    right: 0;
}

.flexslider .flex-prev:hover,
.flexslider .flex-next:hover {
    text-decoration: none !important;
}

.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: "FontAwesome";
    font-size: 30px;
    line-height: 80px;
    display: block;
    content: '\f104';
    color: #fff;
    margin-top: 0px;
}

.flex-direction-nav a.flex-next:before {
    content: '\f105';
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {
    content: '\f003';
}

.flex-control-nav {
    width: 100%;
    text-align: center;
    margin: 0 !important;
    margin-top: 20px !important;
}

.flex-control-nav li {
    margin: 0 4px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 7px;
    height: 7px;
    display: block;
    background: transparent;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #999;
}

.flex-control-paging li a:hover {
    border-color: #333;
}

.flex-control-paging li a.flex-active {
    background: #999;
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

.tooltipster-default {
    background: #444;
    color: #fff;
}

.tooltipster-default .tooltipster-content {
    font-size: 13px;
    line-height: 14px;
    padding: 8px 10px;
    overflow: hidden;
}

.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

.tooltipster-base .tooltipster-content {
    overflow: hidden;
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
    left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
    right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-fall-show {}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-slide.tooltipster-slide-show {}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}

.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    *vertical-align: auto;
    position: relative;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
    *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    *vertical-align: auto;
    position: relative;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
    *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    *vertical-align: auto;
    visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
    *display: inline;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
    display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.odometer {
    font-size: 64px;
    line-height: 64px;
    font-weight: 300;
}

.animate_counter_wrapper {
    text-align: center;
}

@import "reset.css";
@import "wordpress.css";
body {
    background: #ffffff;
    font-family: 'Noto Sans TC', sans-serif;
    padding: 0;
    margin: 0;
    color: #444;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1.6;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch;
}

body.overflow_hidden {
    overflow: hidden;
}

body.loading #wrapper {
    opacity: .3;
}

body.notouch {
    -webkit-overflow-scrolling: auto !important;
}

body.js_nav #wrapper {
    -webkit-transform: translate(-260px, 0px);
    -moz-transform: translate(-260px, 0px);
    transform: translate(-260px, 0px);
}

body.page-template-page_blank-php #wrapper {
    height: 100%;
    position: absolute;
    width: 100% !important;
    margin: 0;
    display: table;
    vertical-align: middle;
    float: none;
    top: 0;
    left: 0;
}

body.js_nav .tf_bg img {
    position: static;
}

.floatleft {
    float: left !important;
}

.ppb_wrapper .floatleft.nopadding {
    width: 100%;
}

.floatright {
    float: right !important;
}

.divider {
    clear: both;
}

#wrapper {
    float: left;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    padding-top: 97px;
}

#wrapper.hasbg {
    padding-top: 0 !important;
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ebebeb;
    background: transparent;
    margin: auto;
    width: 100%;
    clear: both;
}

hr.small {
    width: 20%;
}

hr.thick {
    border-top: 3px solid #ebebeb;
}

hr.dotted {
    border-top: 2px dotted #ebebeb;
}

hr.dashed {
    border-top: 2px dashed #ebebeb;
}

hr.faded {
    border: 0;
    height: 1px;
}

hr.faded:before {
    top: -0.5em;
    height: 1em;
}

hr.faded:after {
    content: '';
    height: 0.5em;
    top: 1px;
}

hr.faded,
hr.faded:before {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}

.hr_totop {
    position: relative;
    top: -15px;
    right: 0;
    float: right;
    display: block;
    background: #fff;
    z-index: 2;
    padding: 0 0 0 7px;
    font-size: 13px;
    color: #000;
    font-weight: 900;
}

.small_line {
    height: 1px;
    border: 0;
    border-top: 1px solid #666;
    background: transparent;
    margin: auto;
    width: 30px;
    display: block;
    margin-top: 30px;
}

a {
    color: #222;
    text-decoration: none;
    -webkit-transition: color .2s linear, background .1s linear;
    -moz-transition: color .2s linear, background .1s linear;
    -ms-transition: color .2s linear, background .1s linear;
    -o-transition: color .2s linear, background .1s linear;
    transition: color .2s linear, background .1s linear;
}

a:hover,
.post_header h5 a:hover {
    color: #000;
    text-decoration: none;
}

a:active,
.post_header h5 a:active {
    color: #000;
    text-decoration: none;
}

.20,
a.comment-reply-link {
    color: #222;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 30px;
}

h2.number {
    font-size: 50px;
    line-height: 50px;
}

.mobile_menu_wrapper #searchform {
    background: #333;
    width: 85%;
}

.mobile_menu_wrapper #searchform input[type=text] {
    background: transparent;
    width: 80%;
    border: 0;
    display: inline-block;
    color: #fff;
}

.mobile_menu_wrapper #searchform button {
    background: transparent;
    display: inline-block;
    border: 0;
}

.mobile_menu_wrapper #searchform button i {
    color: #fff;
    font-size: 13px;
    opacity: 0.5;
}

.mobile_menu_wrapper .widget_search #searchform {
    background: transparent !important;
    width: 100%
}

.mobile_menu_wrapper .widget_search #searchform input[type=text] {
    background: #333;
    width: 100%;
}

h3 {
    font-size: 26px;
}

h3#reply-title {
    font-size: 18px;
}

h4 {
    font-size: 22px;
}

.gmap_marker h4 {
    font-size: 18px;
    color: #000;
}

h5 {
    font-size: 18px;
}

h5.related_post,
.fullwidth_comment_wrapper h5.comment_header {
    text-align: center;
}

h6 {
    font-size: 16px;
}

h7 {
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    color: #444;
    font-family: 'Noto Sans TC', sans-serif;
    letter-spacing: 0px;
    font-weight: 400;
}

.space {
    margin-bottom: 5px;
}

.middle {
    vertical-align: -30%;
}

pre,
code,
tt {
    font: 12px 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
    padding: 15px 10px 15px 10px;
    display: block;
    overflow: auto;
    margin-top: 20px;
    margin: 20px 0 20px 0;
    width: 92%;
    border: 0;
    color: #000;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.clear {
    clear: both;
}

img.mid_align {
    vertical-align: middle;
    margin-right: 5px;
    border: 0;
}

.fullwidth_comment_wrapper {
    width: 100%;
    float: left;
    margin-top: 40px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.fullwidth_comment_wrapper:empty {
    display: none;
}

#commentform {
    margin-left: -1.33333rem;
}

#commentform label {
    display: none;
}

.logged-in-as {
    display: none;
}

#commentform > p {
    border-left: 0 solid transparent;
    border-left-width: 24px;
}

#commentform p.comment-form-author,
#commentform p.comment-form-email,
#commentform p.comment-form-url {
    float: left;
    width: 30.7%;
}

#page_content_wrapper .inner .sidebar_content #commentform p.comment-form-author,
#page_content_wrapper .inner .sidebar_content #commentform p.comment-form-email,
#page_content_wrapper .inner .sidebar_content #commentform p.comment-form-url {
    width: 29.7%;
}

@-moz-document url-prefix() {
    #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-author,
    #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-email,
    #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-url {
        width: 29.4%;
    }
    #commentform p.comment-form-author,
    #commentform p.comment-form-email,
    #commentform p.comment-form-url {
        float: left;
        width: 30.6%;
    }
}

::-webkit-input-placeholder {
    color: #999;
    font-style: italic;
}

:-moz-placeholder {
    color: #999;
    font-style: italic;
}

::-moz-placeholder {
    color: #999;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #999;
    font-style: italic;
}

#contact_form input[type="text"],
#contact_form textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
    margin-bottom: 15px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#commentform input[type=text]:focus,
#commentform input[type=email]:focus,
#commentform input[type=url]:focus,
#commentform textarea:focus {
    border-color: #444;
}

.dropcap1 {
    display: block;
    float: left;
    margin: 0 8px 0 0;
    font-size: 24px;
    line-height: 40px;
    background: #333;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    text-shadow: none;
}

blockquote {
    font-size: 20px;
    font-family: 'Noto Sans TC', sans-serif;
    color: #444;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

blockquote p {
    padding: 0 !important;
}

blockquote h2 {
    font-weight: normal;
    font-size: 22px;
}

blockquote h3 {
    font-weight: normal;
    font-size: 20px;
}

#respond {
    width: 100%;
    float: left;
}

#respond h3,
#respond .comment-notes {
    text-align: center;
}

.logo_container {
    float: left;
    display: table;
    height: 100%;
}

.logo_align {
    display: table-cell;
    vertical-align: middle;
}

.logo_wrapper {
    margin: 0;
    -webkit-transition: margin 0.3s, display 0.3s;
    -moz-transition: margin 0.3s, display 0.3s;
    transition: margin 0.3s, display 0.3s;
}

.logo_wrapper.hidden {
    display: none;
}

.logo_wrapper img {
    transition: transform 0.2s linear;
    transform: scale(1);
    width: auto;
    max-height: 50%;
}

.logo_wrapper img.zoom {
    transform: scale(0.8) !important;
}

.above_top_bar {
    height: 30px;
    background: #f0c537;
    position: relative;
    z-index: 3;
}

.header_style_wrapper {
    width: 100%;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
}

body.admin-bar .header_style_wrapper {
    padding-top: 32px;
}

.header_style_wrapper.nofixed {
    display: none;
}

.top_bar {
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    height: 96px;
    background: #fff;
    background: rgb(256, 256, 256, 0.95);
    background: rgba(256, 256, 256, 0.95);
    border-bottom: 1px solid #e1e1e1;
    float: left;
    -webkit-transition: height 0.3s, background 0.3s;
    -moz-transition: height 0.3s, background 0.3s;
    transition: height 0.3s, background 0.3s;
}

.top_bar.hasbg {
    background: transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: 0;
}

.top_bar.noopacity {
    background: #fff !important;
}

#mobile_menu {
    display: none;
    cursor: pointer;
}

#menu_wrapper {
    margin: auto;
    width: 960px;
    height: 100%;
}

#nav_wrapper {
    float: left;
    display: table;
    height: 100%;
    margin-left: 35px;
}

.nav_wrapper_inner {
    display: table-cell;
    vertical-align: middle;
}

#menu_border_wrapper {
    display: inline-block;
}

#autocomplete {
    display: none;
    position: absolute;
    z-index: 1001;
    width: 300px;
    background: #fff;
    right: 67px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

#autocomplete.visible {
    display: block;
}

@-moz-document url-prefix() {
    #autocomplete {
        margin-top: 20px;
    }
}

#autocomplete ul {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    list-style: none;
    width: 100%;
}

#autocomplete li {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e1e1;
}

#autocomplete li:first-child {
    margin-top: 10px;
}

#autocomplete li:last-child {
    margin-top: 10px;
    border: 0;
}

#autocomplete li strong {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

#autocomplete li.view_all {
    font-weight: bold;
    text-align: center;
    font-family: 'Noto Sans TC', sans-serif;
    margin-top: 0;
    text-transform: uppercase;
}

#autocomplete li .ajax_post {
    float: left;
    width: calc(100% - 50px);
    margin-left: 10px;
}

#mobile_nav_icon {
    display: inline-block;
    border-bottom: 9px double #444;
    border-top: 3px solid #444;
    height: 3px;
    width: 25px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
    margin-left: 10px;
    top: 3px;
}

.top_bar.hasbg #mobile_nav_icon {
    border-color: #fff;
}

.header_cart_wrapper {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.header_cart_wrapper .cart_count {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 9px;
    border-radius: 50px;
    background: #000;
    color: #fff;
    z-index: 2;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}

.header_cart_wrapper i {
    font-size: 18px !important;
    margin-right: 0 !important;
}

.mobile_menu_wrapper {
    right: 0px;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-transform: translate(260px, 0px);
    -ms-transform: translate(260px, 0px);
    transform: translate(260px, 0px);
    -o-transform: translate(260px, 0px);
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-overflow-scrolling: touch;
    width: 260px;
    padding: 35px 40px 35px 40px;
    box-sizing: border-box;
    background: #111111;
    position: fixed;
    top: 0px;
    height: 100%;
    z-index: 9;
    color: #999;
}

body.js_nav .mobile_menu_wrapper {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#close_mobile_menu {
    font-size: 22px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 28px;
    opacity: 0.3;
    top: 38px;
    opacity: 0.3;
}

#close_mobile_menu:hover {
    opacity: 1;
}

#close_mobile_menu i {
    color: #fff;
}

.mobile_main_nav,
#sub_menu {
    margin-top: 40px;
    margin-bottom: 40px;
    list-style: none;
    overflow: hidden;
    width: 100%;
}

#sub_menu .sub-menu {
    margin-left: 15px;
    list-style: circle;
}

#sub_menu li {
    width: 100%;
}

.mobile_main_nav li a,
#sub_menu li a {
    color: #777;
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 3em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Noto Sans TC', sans-serif;
}

.mobile_main_nav li a:hover,
.mobile_main_nav li a:active,
#sub_menu li a:active {
    color: #fff;
}

.mobile_main_nav li.menu-item-has-children > a:after {
    font-size: 11px;
    position: absolute;
    left: 220px;
    font-family: 'FontAwesome';
    content: "\f054";
    margin-top: 1px;
}

.mobile_main_nav li ul.sub-menu {
    display: none;
}

.mobile_main_nav.mainnav_in {
    -webkit-animation: mainNavIn 0.2s;
    animation: mainNavIn 0.2s;
}

.mobile_main_nav.mainnav_out {
    -webkit-animation: mainNavOut 0.2s;
    animation: mainNavOut 0.2s;
}

#sub_menu.subnav_out {
    -webkit-animation: subNavOut 0.2s;
    animation: subNavOut 0.2s;
}

#sub_menu.subnav_in {
    -webkit-animation: subNavIn 0.2s;
    animation: subNavIn 0.2s;
}

#sub_menu li ul a:after {
    display: none;
}

#menu_back {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px !important;
    margin-bottom: 5px;
}

#menu_back:before {
    font-size: 12px;
    margin-right: 0.7em;
    position: relative;
    top: -1px;
    display: inline;
    font-family: 'FontAwesome';
    content: "\f104";
}

#overlay_background {
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#overlay_background.visible {
    opacity: 1;
    visibility: visible;
}

.header_style_wrapper.fixed .top_bar #menu_border_wrapper .notice {
    margin-top: 24px;
}

.nav,
.subnav,
.nav_page_number {
    list-style: none;
    float: right;
    padding: 10px 0 10px 0;
}

.subnav {
    background: none;
}

.nav > li,
.nav_page_number > li {
    display: inline-block;
}

.nav_page_number {
    margin-top: 2px;
}

#menu_wrapper .nav ul,
#menu_wrapper div .nav {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    float: right;
}

#menu_wrapper .nav ul li,
#menu_wrapper div .nav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    background-color: rgba(256, 256, 256, 0);
}

#menu_wrapper .nav ul li ul li,
#menu_wrapper div .nav li ul li {
    clear: both;
    width: 100%;
    padding: 0 !important;
    margin: 0;
    text-align: left !important;
}

#menu_wrapper .nav ul li:last-child,
#menu_wrapper div .nav li:last-child {
    margin-right: 0;
}

#menu_wrapper .nav ul li a,
#menu_wrapper div .nav li > a {
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #888;
    font-size: 13px;
    padding: 37px 15px 38px 15px;
    font-weight: 400;
    font-family: 'Noto Sans TC', sans-serif;
    text-transform: uppercase;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
}

.top_bar.fullscreen_video #menu_wrapper div .nav > li > a,
.top_bar.fullscreen_video i,
.top_bar.fullscreen_video #searchform label,
.top_bar.hasbg #menu_wrapper div .nav > li > a,
.top_bar.hasbg i,
.top_bar.hasbg .top_contact_info,
.top_bar.hasbg .top_contact_info a,
.top_bar.hasbg .top_contact_info a:hover,
.top_bar.hasbg .top_contact_info a:active {
    color: #fff !important;
}

#menu_wrapper .nav li.arrow > a:after,
#menu_wrapper div .nav li.arrow > a:after {
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: 10%;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    margin-left: 8px;
    margin-top: 5px;
}

#menu_wrapper .nav ul li.arrow > a:after,
#menu_wrapper div .nav li.arrow > a:after {
    font-size: 12px;
}

#menu_wrapper .nav ul li a.hover,
#menu_wrapper .nav ul li a:hover,
#menu_wrapper div .nav li a.hover,
#menu_wrapper div .nav li a:hover {
    color: #444;
    z-index: 2;
    position: relative;
}

#menu_wrapper div .nav > li.current-menu-item > a,
#menu_wrapper div .nav > li.current-menu-parent > a,
#menu_wrapper div .nav > li.current-menu-ancestor > a {
    color: #444;
    z-index: 2;
    position: relative;
}

#menu_wrapper .nav ul li ul,
#menu_wrapper div .nav li ul {
    display: none;
    list-style: none;
    background: #fff;
    border: 0;
    position: absolute;
    padding: 0;
    width: 210px;
    height: auto;
    z-index: 10;
    margin: 0;
    margin-left: -5px;
    margin-top: 0;
    z-index: 9;
    border: 0;
    border-top: 2px solid #efc337;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

#menu_wrapper .nav ul li ul li ul,
#menu_wrapper div .nav li ul li ul {
    position: absolute;
    left: 210px;
    padding: 0;
    margin-top: -42px;
    margin-left: 0;
    display: none;
    z-index: 9;
    opacity: 1;
    border: 0;
}

#menu_wrapper .nav ul li ul li ul:before,
#menu_wrapper div .nav li ul li ul:before {
    display: none;
}

#menu_wrapper .nav ul li:hover ul,
#menu_wrapper div .nav li:hover ul {
    display: block;
}

#menu_wrapper div .nav li ul li a,
#menu_wrapper div .nav li.current-menu-item ul li a,
#menu_wrapper div .nav li ul li.current-menu-item a,
#menu_wrapper .nav ul li ul li a,
#menu_wrapper .nav ul li.current-menu-item ul li a,
#menu_wrapper .nav ul li ul li.current-menu-item a,
#menu_wrapper div .nav li.current-menu-parent ul li a,
#menu_wrapper div .nav li ul li.current-menu-parent a {
    color: #888;
    display: block;
    background: transparent;
    height: auto;
}

#menu_wrapper .nav ul li ul li a,
#menu_wrapper div .nav li ul li a,
#menu_wrapper div .nav li.current-menu-parent ul li a {
    width: 170px;
    display: block;
    border-top: 0;
    border: 0;
    margin: 0;
    font-size: 13px;
    padding: 10px 20px 10px 20px;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
    border-bottom: 0 !important;
    -webkit-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -ms-transition: color .2s linear, background .2s linear;
    -o-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear;
}

#menu_wrapper .nav ul li ul li ul li a:hover,
#menu_wrapper .nav ul li ul li ul li a:hover,
#menu_wrapper div .nav li ul li ul li a:hover,
#menu_wrapper div .nav li ul li ul li a:hover,
#menu_wrapper div .nav li.current-menu-item ul li ul li a:hover,
#menu_wrapper div .nav li.current-menu-parent ul li ul li a:hover {
    color: #444;
    background: #f9f9f9;
}

#menu_wrapper .nav ul li.megamenu > ul,
#menu_wrapper div .nav li.megamenu > ul {
    position: absolute;
    width: 960px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    box-sizing: border-box;
}

#menu_wrapper .nav ul li:not(.megamenu) ul.sub-menu li.arrow > a:after,
#menu_wrapper div .nav li:not(.megamenu) ul.sub-menu li.arrow > a:after {
    font-size: 11px;
    margin-left: 0.5em;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: 10%;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    font-family: 'FontAwesome';
    content: "\f105";
    float: right;
    margin-right: 0px;
    margin-top: 5px;
}

#menu_wrapper div .nav li.megamenu ul li {
    display: block;
    box-sizing: border-box;
    clear: none;
    float: left;
    border-left: 1px solid #eeeeee;
}

#menu_wrapper div .nav li.megamenu ul li.hidden > a {
    display: none;
}

#menu_wrapper div .nav li.megamenu ul li:first-child {
    border: 0;
}

#menu_wrapper div .nav li.megamenu.col2 ul li {
    width: 50%;
    padding: 0px 12px;
}

#menu_wrapper div .nav li.megamenu.col3 ul li {
    width: 33.3%;
    padding: 0px 12px;
}

#menu_wrapper div .nav li.megamenu.col4 ul li {
    width: 25%;
    padding: 0px 12px;
}

#menu_wrapper .nav ul li.megamenu ul li ul,
#menu_wrapper div .nav li.megamenu ul li ul {
    position: relative;
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: 0 0 0;
    display: block !important;
    opacity: 1 !important;
    left: 0;
}

#menu_wrapper .nav ul li.megamenu ul li ul li,
#menu_wrapper div .nav li.megamenu ul li ul li {
    width: 100% !important;
    border: 0 !important;
}

#menu_wrapper div .nav li.megamenu ul li > a,
#menu_wrapper div .nav li.megamenu ul li > a:hover,
#menu_wrapper div .nav li.megamenu ul li> a:active {
    width: 100%;
    color: #444;
    box-sizing: border-box;
    font-size: 15px;
    background: transparent;
}

#menu_wrapper .nav ul li.megamenu ul li ul li a,
#menu_wrapper div .nav li.megamenu ul li ul li a {
    font-size: 13px;
    color: #888;
}

#menu_wrapper .nav ul li.megamenu ul li ul li a:before,
#menu_wrapper div .nav li.megamenu ul li ul li a:before {
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: 10%;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    font-family: 'FontAwesome';
    content: "\f105";
    float: left;
    margin-right: 8px;
    margin-top: 4px;
}

#menu_wrapper .nav ul li.megamenu ul li ul li a:hover,
#menu_wrapper div .nav li.megamenu ul li ul li a:hover,
#menu_wrapper .nav ul li.megamenu ul li ul li a:active,
#menu_wrapper div .nav li.megamenu ul li ul li a:active {
    font-size: 13px;
    color: #444;
    background: #f9f9f9;
    width: auto;
}

#menu_wrapper div .nav li.megamenu ul li a:after {
    display: none;
}

#menu_wrapper .nav ul li.megamenu ul li ul li,
#menu_wrapper div .nav li.megamenu ul li ul li a {
    width: auto;
    display: inline-block;
    margin-left: 20px;
    padding: 7px 20px 7px 5px;
}

@media only screen and (min-width:1100px) {
    #menu_wrapper .nav ul li.megamenu > ul,
    #menu_wrapper div .nav li.megamenu > ul {
        max-width: 1425px;
        width: 100%;
        width: calc(100% - 180px);
        box-sizing: border-box;
    }
}

.top_contact_info_container {
    display: table;
    float: right;
    height: 100%;
    font-family: 'Noto Sans TC', sans-serif;
}

.top_contact_info {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    color: #444;
}

.top_contact_info i {
    margin-right: 10px;
    color: #444;
    font-size: 16px;
    vertical-align: text-bottom;
}

.top_contact_info span {
    display: inline-block;
    margin-right: 10px;
}

.top_contact_info a {
    color: #444;
}

#top_menu {
    float: left;
    display: block;
    list-style: none;
}

#top_menu li {
    float: left;
    margin-left: 20px;
}

#top_menu li a {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
}

#footer_menu li ul {
    display: none;
}

.footer_bar {
    width: 100%;
    margin: auto;
    padding: 0 0 10px 0;
    float: left;
    background: #000;
    -webkit-transition: -webkit-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
}

.footer_bar.wall {
    padding-top: 0;
    margin-top: 0;
}

.footer_bar.carousel {
    display: none;
}

.footer_bar.static,
.footer_bar.fullscreen_video {
    display: none;
}

.footer_bar.fullscreen_video {
    position: fixed;
    bottom: 0;
    z-index: 0;
}

body.page-template-portfolio-2-php .footer_bar,
body.page-template-portfolio-3-php .footer_bar,
body.page-template-portfolio-4-php .footer_bar {
    margin: 0;
}

#footer {
    width: 100%;
    margin: auto;
    padding-bottom: 15px;
    word-wrap: break-word;
    margin-bottom: 0;
    padding-top: 40px;
    float: left;
    color: #999;
}

#footer strong.title {
    font-weight: normal;
}

#footer.wall {
    margin-top: 0;
}

#footer.fullscreen_video {
    display: none;
}

#footer a {
    color: #fff;
}

#footer a:hover,
#footer a:active {
    color: #ccc;
}

#footer .sidebar_widget li h2.widgettitle {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #999;
}

#footer ul.sidebar_widget {
    width: 960px;
    list-style: none;
    margin: 0;
    margin: auto;
}

#footer ul.sidebar_widget li ul {
    list-style: none;
    margin-left: 0;
}

#footer ul.sidebar_widget li ul li ul.children {
    margin-left: 10px;
    margin-bottom: 0;
}

#footer ul.sidebar_widget li ul li ul.children li:last-child {
    border: 0;
    margin-bottom: 0;
}

#footer .sidebar_widget.four > li {
    width: 20%;
    float: left;
    margin-right: 5%;
}

#footer .sidebar_widget.four > li:nth-child(4) {
    margin-right: 0;
    width: 25%;
}

#footer .sidebar_widget.three > li {
    width: 31%;
    float: left;
    margin-right: 2%;
}

#footer .sidebar_widget.three > li:nth-child(3) {
    margin-right: 0;
    width: 33%;
}

#footer .sidebar_widget.two > li {
    width: 48%;
    float: left;
    margin-right: 2%;
}

#footer .sidebar_widget.two > li:nth-child(2) {
    margin-right: 0;
    width: 50%;
}

#footer .sidebar_widget.one > li {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 30px;
}

#footer ul.sidebar_widget li ul.posts.blog li img {
    width: 70px;
    float: left;
    margin: 0 15px 15px 0;
}

#footer ul.sidebar_widget li ul.posts.blog li {
    clear: both !important;
    float: left;
    border: 0;
}

#footer ul.sidebar_widget li ul li {
    margin: 0 0 10px 0;
}

#footer ul.sidebar_widget li ul li ul.sub-menu {
    margin-left: 15px;
}

#footer ul.sidebar_widget li ul.flickr li {
    margin: 0 9px 0 0;
    border-bottom: 0;
}

#footer ul.sidebar_widget li ul.flickr li img {
    width: 70px;
    height: auto;
}

#copyright {
    float: left;
    width: 50%;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
    letter-spacing: 0;
    text-align: left;
}

#footer ul.address,
ul.address {
    margin-left: 0 !important;
    list-style: none;
}

#footer ul.address li,
ul.address li {
    margin-bottom: 5px;
}

#footer ul.address li i,
ul.address li i {
    margin-right: 10px;
}

.footer_bar.fullscreen #copyright {
    color: #fff;
}

.footer_bar.fullscreen .footer_bar_wrapper,
.footer_bar.wall .footer_bar_wrapper,
.footer_bar.static .footer_bar_wrapper {
    margin: auto;
    float: none;
}

#copyright p.attachment {
    display: none;
}

.footer_bar_wrapper {
    width: 960px;
    margin: auto;
    font-size: 13px;
    font-weight: 400;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    -webkit-font-smoothing: antialiased;
    clear: both;
    color: #fff;
    margin-top: 20px;
    padding-top: 20px;
}

#toTop {
    width: 25px;
    background: #eee;
    opacity: 0;
    text-align: center;
    padding: 10px 10px 10px 10px;
    position: fixed;
    bottom: 7px;
    right: 7px;
    cursor: pointer;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
    z-index: 9;
    border-radius: 5px;
    display: block;
}

#toTop:hover {
    opacity: 1 !important;
}

#toTop i {
    color: #000;
    font-size: 1.5em;
}

#content_wrapper {
    width: 72%;
    float: left;
    margin: 0;
}

#page_content_wrapper,
.page_content_wrapper {
    width: 960px;
    margin: auto;
    padding-bottom: 0;
}

.page_content_wrapper {
    width: 100%;
}

#page_content_wrapper img,
.page_content_wrapper img {
    max-width: 100%;
    height: auto;
}

#page_content_wrapper .map_shortcode_wrapper img,
.page_content_wrapper .map_shortcode_wrapper img {
    max-width: none;
}

.standard_wrapper {
    width: 960px;
    margin: auto;
}

.one_half .standard_wrapper,
.one_third .standard_wrapper,
.one_fourth .standard_wrapper,
.one_fifth .standard_wrapper,
.two_third .standard_wrapper,
.one_half .page_content_wrapper,
.one_third .page_content_wrapper,
.one_fourth .page_content_wrapper,
.one_fifth .page_content_wrapper,
.two_third .page_content_wrapper {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.page_content_wrapper:empty {
    margin-top: 0 !important;
}

.one.withbg {
    background-size: cover;
    background-position: center center;
}

.one.ppb_fullwidth_button {
    overflow-x: hidden;
}

.page_content_wrapper.fullwidth,
#page_content_wrapper.fullwidth {
    width: 100%;
    padding: 0;
}

.one {
    clear: both;
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.one.skinbg {
    background: #000;
}

.one .page_content_wrapper,
.one_half .page_content_wrapper,
.one_third .page_content_wrapper,
.one_fourth .page_content_wrapper {
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.one.withpadding {
    padding: 60px 0 60px 0;
    float: left;
    width: 100%;
}

.one.withpadding.nopadding {
    padding: 0 !important;
}

.one.withsmallpadding {
    padding: 30px 0 30px 0;
    float: left;
    width: 100%;
}

.one.withsmallpadding.ppb_text {
    float: none;
    margin: auto;
}

.animate_counter_wrapper i {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    margin-bottom: 10px;
    color: #000000;
}

.count_separator {
    display: none;
}

.count_separator span {
    display: inline-block;
    text-align: center;
    width: 40px;
    margin: 5px auto 5px;
    height: 1px;
    background: #e1e1e1;
}

.animate_counter_wrapper .counter_subject {
    font-size: 14px;
    text-transform: uppercase;
    clear: both;
    margin-top: 5px;
    font-weight: 400;
    letter-spacing: 2px;
    opacity: 0.7;
}

#content_wrapper .inner {
    overflow: hidden;
}

#page_content_wrapper .inner {
    width: 100%;
    margin: auto;
}

#page_content_wrapper .inner .inner_wrapper {
    padding-top: 40px;
}

#page_content_wrapper .inner .inner_wrapper.nopadding {
    padding-top: 0;
}

.post.type-post {
    width: 100%;
    margin-bottom: 80px;
    float: left;
    position: relative;
}

body.search-results .hentry {
    float: left;
}

#page_content_wrapper .inner .sidebar_content .post.type-post.last_post {
    margin-bottom: 20px;
}

#page_content_wrapper .inner #blog_grid_wrapper.sidebar_content {
    margin-right: 0;
    padding-right: 0;
    width: 690px;
    box-sizing: border-box;
}

#page_content_wrapper .inner #blog_grid_wrapper.sidebar_content.left_sidebar {
    padding-left: 20px;
    padding-right: 0;
}

#blog_grid_wrapper.sidebar_content:not(.full_width) .post.type-post {
    width: 46%;
}

#page_content_wrapper .inner .sidebar_content.blog_f .post.type-post {
    border-bottom: 0;
    margin-bottom: 30px;
}

body.single .post.type-post {
    border: 0;
    margin-bottom: 0;
}

.post.type-post.last-child {
    border: 0;
    margin: 0;
    padding: 0;
}

#blog_grid_wrapper {
    padding-top: 30px;
}

#blog_grid_wrapper.ppb_blog_posts,
.blog_grid_wrapper.ppb_blog_posts {
    padding-top: 0;
}

#blog_grid_wrapper .post.type-post,
.blog_grid_wrapper .post.type-post {
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 0;
    opacity: 0;
    padding: 5px;
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

body.page-template-blog_g-php .post.type-post,
body.error404 .post.type-post,
body.page-template-galleries-php .galleries.type-galleries,
body.tax-gallerycat .galleries.type-galleries,
.ppb_blog_posts .post.type-post,
body.archive #blog_grid_wrapper .post.type-post {
    float: left;
    width: 31%;
    margin-right: 20px;
    margin-bottom: 20px;
}

.post.type-post:last-child {
    margin-bottom: 0;
}

.post_wrapper {
    padding: 20px 0 25px 0;
}

.post_wrapper.grid_layout {
    padding: 0;
}

.blog_grid_content {
    width: 100%;
    clear: both;
    box-sizing: border-box;
    float: left;
}

body.single .post_wrapper {
    padding-bottom: 0;
}

.post_wrapper:first-child {
    padding-top: 0;
    border: 0;
}

body.search .post_wrapper:first-child {
    padding: 20px 0 25px 0;
}

.post_wrapper.single {
    width: 100%;
    margin: 0;
}

.post_header {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.post_header.search {
    width: calc(100% - 50px);
    margin-bottom: 0;
    margin-left: 10px;
}

.post_header.quote {
    margin-bottom: 0;
}

.readmore {
    margin-top: 30px;
}

.post_header.grid {
    margin-bottom: 15px;
    width: 100%;
    float: none;
}

.post_header.full {
    width: 100%;
}

body.page-template-blog_f-php .post_excerpt_full {
    margin-bottom: 0;
}

.post_header.grid h6,
.portfolio_desc h5 {
    font-size: 18px;
}

.post_header h3 a,
.post_header.grid h6 a {
    color: #000000;
}

.post_header h5 {
    font-size: 22px;
}

.post_header h6 {
    font-size: 18px;
}

.post_header h5 a,
.post_header h6 a {
    color: #000000;
}

.post_excerpt {
    width: 70%;
    margin: auto;
}

.animate {
    opacity: 0;
}

.animate.visible {
    animation-name: slideUp2;
    -webkit-animation-name: slideUp2;
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.post_excerpt.post_tag {
    width: 70%;
    margin: auto;
    text-align: center;
    margin-top: 10px;
}

#about_the_author {
    text-align: center;
    margin-top: 20px;
}

#about_the_author .gravatar {
    float: none;
    margin: auto;
    margin-bottom: 15px;
}

.author_label {
    font-style: italic;
    font-family: 'Playfair Display', 'Times New Roman', Georgia, Times, serif;
    font-size: 18px;
}

.author_content {
    width: 60%;
    margin: auto;
}

.author_content h5 {
    margin-bottom: 10px;
}

.post_content_wrapper {
    padding: 0;
    margin: 0;
}

.post_content_wrapper.fullwidth {
    width: 100%;
}

.post_header .post_detail,
.recent_post_detail,
.post_detail,
.thumb_content span,
.portfolio_desc .portfolio_excerpt,
.testimonial_customer_position,
.testimonial_customer_company,
.page_tagline {
    width: 100%;
    padding: 0;
    float: left;
    margin: 5px 0 15px 0;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.portfolio_title .post_detail {
    margin: 0;
}

.search_form_wrapper {
    margin-top: 20px;
    margin-bottom: 30px;
}

body.search .search_form_wrapper {
    margin-top: 0;
}

.search_form_wrapper .content {
    font-size: 16px;
    text-align: center;
    width: 60%;
    margin: auto;
    margin-bottom: 40px;
}

.post_header .post_detail.grid {
    margin-top: 5px;
}

.post_header .post_detail.full {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 7px;
}

.post_header .post_detail.grid {
    margin-bottom: 0;
}

.post_attribute,
.comment_date {
    padding: 0;
    margin-top: 5px;
    font-size: 10px;
    font-family: 'Noto Sans TC', sans-serif;
    color: #999;
}

.post_info_comment {
    border-left: 1px solid #d1d1d1;
    padding-left: 10px;
}

.post_type_icon {
    float: left;
    margin-right: 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    width: 30px;
    height: 30px;
    padding: 5px;
    display: block;
    text-align: center;
    background: #efc337;
}

.post_type_icon i {
    font-size: 16px;
    line-height: 16px;
    display: block;
    position: relative;
    top: 50%;
    line-height: 30px;
}

#autocomplete .post_type_icon a {
    color: #fff !important;
}

.search_thumb {
    float: left;
    border-radius: 200px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}

.search_thumb img {
    width: 40px;
    height: 40px;
}

.rev_slider_wrapper {
    z-index: 1;
}

.post_qoute_mark {
    float: left;
    display: block;
    margin: 10px 39px 0 0;
    color: #ccc;
    font-size: 60px;
}

.post_qoute_mark.grid {
    margin: 10px 20px 0 0;
    font-size: 30px;
    color: #ccc;
}

.post_quote_title {
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 22px;
    width: 100%;
    margin: auto;
}

.post_quote_title p {
    padding: 0 !important;
}

.post_quote_title a {
    color: #000000;
}

.post_quote_title.grid {
    font-size: 15px;
}

#page_caption.hasbg .post_detail,
#page_caption.hasbg .post_detail a,
#page_caption.hasbg .post_detail a:hover,
#page_caption.hasbg .post_detail a:active,
.page_tagline {
    padding: 0;
    color: #fff;
    margin-top: 10px;
    font-size: 16px;
    opacity: 0.8;
}

#page_caption .post_detail {
    float: none;
}

.post_detail_wrapper {
    float: left;
    width: 96%;
    margin: 0 0 10px 0;
}

.gravatar {
    position: relative;
    z-index: 2;
    overflow: hidden;
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 200px;
}

.comment .gravatar {
    width: 60px;
    height: 60px;
}

.gravatar img {
    max-width: 100% !important;
}

#about_the_author .header span {
    display: block;
    padding: 10px 0 10px 20px;
    font-size: 14px;
}

#about_the_author .thumb {
    width: 80px;
    float: left;
    margin: 20px 0 0 20px;
}

#about_the_author .thumb img {
    padding: 3px;
    width: 50px;
}

#about_the_author .description {
    width: 550px;
    float: left;
    padding: 0 0 0 20px;
}

.comment .left img.avatar {
    width: 50px;
    height: 50px;
}

.comment {
    width: 770px;
    padding-bottom: 0;
    float: left;
}

.fullwidth_comment_wrapper .comment {
    width: 100%;
}

.comment .left {
    float: left;
    margin-right: 15px;
}

.comment_arrow {
    width: 10px;
    height: 10px;
    float: left;
    position: relative;
    left: 5px;
    margin-top: 20px;
    display: none;
}

.comment .right {
    width: 74%;
    float: left;
    margin-left: 25px;
    padding: 0 15px 30px 0;
}

.comment .right h7 {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    margin-right: 10px;
}

.fullwidth_comment_wrapper .comment .right {
    width: 88%;
}

.fullwidth_comment_wrapper.sidebar .comment .right {
    width: 74%;
}

ul.children div.comment .right {
    width: 77%;
}

.fullwidth_comment_wrapper ul.children div.comment .right {
    width: 84%;
}

.comment .right p {
    margin: 0;
    padding: 0;
}

.comment .right strong {
    font-weight: #fff;
}

#content_wrapper ul.children {
    list-style: none;
    margin: -40px 0 0px 74px;
    border-left: 1px solid #ccc;
    padding: 5px 20px 2px 0;
    float: left;
    width: 106%;
}

#content_wrapper ul.children ul.children {
    margin-top: -10px;
    padding-bottom: 0;
    width: 83.5%;
}

.comment_wrapper {
    float: left;
    margin-left: 25px;
    border-left: 1px solid #eeeeee;
}

.comment_date {
    margin: 0;
    line-height: 30px;
    float: left;
    margin-left: 0;
}

ul.children .comment {
    width: 100%;
    margin: 0;
    padding: 20px 0 10px 0;
    margin-top: 20px;
    margin-left: 45px;
    float: left;
}

ul.children .comment:last-child {
    padding-top: 0;
    padding-bottom: 15px;
}

ul.children .comment:first-child {
    padding-top: 10px;
    margin-top: 0px;
}

.jp-play,
.jp-pause {
    position: fixed;
    top: 46.5%;
    left: 4px;
    width: 22px;
    height: 20px;
    background: transparent url(../images/sound_off.png) no-repeat left center;
    text-indent: -9999px;
    z-index: 99999;
}

.jp-pause {
    background: transparent url(../images/sound_on.png) no-repeat left center;
}

.social_wrapper {
    width: 100%;
    margin: 20px 0 5px 0;
    text-align: center;
}

.footer_bar_wrapper .social_wrapper {
    width: 50%;
    float: right;
    text-align: right;
    margin: -3px 0 0 0;
}

.above_top_bar .social_wrapper {
    margin: 0;
    float: right;
    width: auto;
}

.social_wrapper.shortcode,
.social_wrapper.shortcode ul {
    margin: 0;
    text-align: left;
}

.social_wrapper ul {
    list-style: none;
    margin-left: 0 !important;
    text-align: left;
}

.above_top_bar .social_wrapper ul {
    text-align: right;
}

.footer_bar_wrapper .social_wrapper ul {
    text-align: right;
}

#page_content_wrapper .social_wrapper ul {
    list-style: none;
    margin-top: 12px;
}

#page_content_wrapper .social_wrapper.shortcode ul {
    margin-top: 0;
}

.social_wrapper ul li,
.social_wrapper.small ul li {
    display: inline-block;
    margin-right: 15px;
}

.social_wrapper.shortcode ul li,
.social_wrapper.small.shortcode ul li {
    margin: 0 10px 10px 10px !important;
}

.footer_bar_wrapper .social_wrapper ul li {
    background: transparent !important;
    border: 0 !important;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    float: right;
}

.social_wrapper.light ul li {
    border: 0 !important;
}

.social_wrapper.large ul li {
    width: 50px;
    height: 50px;
}

.above_top_bar .social_wrapper ul li {
    background: transparent;
    border: 0;
    width: auto;
    height: auto;
    margin-right: 0px;
}

.social_wrapper.shortcode ul li {
    margin: 0 2px 4px 2px;
}

.social_wrapper ul li a {
    opacity: 1;
    display: block;
    line-height: 0;
}

.social_wrapper.shortcode ul li a {
    color: #fff;
}

.social_wrapper.shortcode.light ul li a {
    color: #444;
}

.mobile_menu_wrapper .social_wrapper ul li a {
    color: #fff;
    opacity: 0.5;
}

.mobile_menu_wrapper .social_wrapper ul li a:hover,
.mobile_menu_wrapper .social_wrapper ul li a:active {
    opacity: 1;
}

.above_top_bar .social_wrapper ul li:last-child a {
    margin-right: 0;
}

.above_top_bar .social_wrapper ul li a {
    display: inline-block;
    color: #fff;
    padding: 0;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 30px;
}

.above_top_bar .page_content_wrapper {
    margin: auto;
}

.footer_bar_wrapper .social_wrapper ul li a {
    color: #fff;
    opacity: .4;
}

.footer_bar_wrapper .social_wrapper ul li a:hover,
.footer_bar_wrapper .social_wrapper ul li a:active {
    opacity: 1;
}

.social_wrapper ul li a i,
.social_wrapper.small ul li a i {
    line-height: 18px;
    font-size: 18px;
}

.above_top_bar .social_wrapper ul li a i {
    font-size: 14px;
    line-height: 18px;
}

.footer_bar_wrapper .social_wrapper ul li a i {
    line-height: 18px;
    font-size: 18px;
}

.social_wrapper.large ul li a i {
    line-height: 32px;
    font-size: 24px;
}

.above_top_bar .social_wrapper ul li:hover {
    background: transparent !important;
    opacity: 1;
}

.team_card_wrapper {
    margin: 50px 0 50px 0;
}

.team_content {
    margin: 20px 0 20px 0;
}

.social_wrapper.team {
    list-style: none;
    display: block;
    margin: 0;
    width: 100%;
    margin-top: 30px;
    text-align: left;
}

.social_wrapper.team li {
    display: inline-block;
    margin: 0 10px 0 10px;
}

.social_wrapper.team li i {
    font-size: 18px;
}

.one_fourth .social_wrapper.team li img {
    max-width: 14px;
    height: auto;
}

.one_fourth .social_wrapper.team li {
    display: inline-block;
    margin: 0 3px 0 3px;
}

.social_wrapper ul li a img {
    opacity: .4;
}

.social_wrapper.shortcode ul li a img,
.social_wrapper ul li:hover a img {
    opacity: 1;
}

#page_caption {
    padding: 25px 0 30px 0;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    background: #fcfcfc;
    margin-bottom: 10px;
}

#page_caption.hasbg {
    height: 400px;
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    border: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-bottom: 0;
}

#page_caption.hasbg #bg_regular,
#page_caption.hasbg #bg_blurred {
    width: 100%;
    min-height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#page_caption.hasbg #bg_regular {
    opacity: 1;
}

#page_caption.hasbg #bg_blurred {
    opacity: 0;
}

.parallax_overlay_header {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#page_caption.nomargin {
    margin-bottom: 0;
}

#page_caption .page_title_wrapper {
    width: 960px;
    margin: auto;
    text-align: center;
}

#page_caption.hasbg .page_title_wrapper {
    z-index: 2;
    position: relative;
    display: table;
    height: 100%;
    top: 5%;
}

#page_caption.hasbg.withtopbar .page_title_wrapper {
    top: -5%;
}

#page_caption.hasbg h1,
h1.hasbg {
    color: #fff;
    float: none;
    margin: auto;
}

#page_caption.hasbg .page_title_wrapper .page_title_inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#page_caption.hasbg h1.withtopbar,
h1.hasbg.withtopbar,
#page_caption.hasbg.notransparent h1.withtopbar {
    margin-top: 160px;
}

.page_tagline {
    width: 60%;
    margin: auto;
    margin-top: 10px;
    float: none;
}

#page_caption.hasbg .page_tagline {
    color: #fff;
}

.page_header_sep {
    width: 100px;
    margin: auto;
    height: 1px;
    border-top: 1px solid #efc337;
    margin-top: 20px;
    margin-bottom: 40px;
}

.page_header_sep.left {
    margin-left: 0;
    margin-right: 0;
}

h2.ppb_title {
    font-size: 50px;
    margin-top: 0;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: uppercase;
}

h2.ppb_title .ppb_title_first {
    display: block;
    font-family: 'Playfair Display', 'Times New Roman', Georgia, Times, serif;
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    text-transform: none;
    top: 12px;
    position: relative;
}

.ppb_subtitle {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #777;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ppb_content {
    margin: 15px 0 15px 0;
    width: 96%;
}

#crumbs {
    float: right;
    font-size: 10px;
    line-height: 34px;
}

#crumbs.center,
#page_caption.hasbg #crumbs {
    display: block !important;
}

#page_caption.hasbg #crumbs {
    color: #fff;
    float: none;
    margin: auto;
    display: none;
}

#page_caption.hasbg #crumbs a {
    color: #fff;
}

#crumbs a,
#crumbs a:hover,
#crumbs a:active {
    color: #999;
}

#page_caption h2 {
    color: #333;
    padding: 0 0 0 0;
    font-size: 22px;
    font-weight: normal;
}

.post.type-post .post_share {
    color: #444;
    display: none;
}

.post.type-post:hover .post_share,
.post.type-post .post_share.visible {
    display: block;
}

.post_share_bubble {
    position: absolute;
    bottom: 20px;
    right: 0;
    z-index: 9;
    width: 15px;
}

body.single.single-post .post_share_bubble,
body.single.single-projects .post_share_bubble,
body.single.single-attachment .post_share_bubble {
    position: fixed;
    left: 7px;
    bottom: 7px;
}

body.single.single-post .post_share_bubble a.post_share,
body.single.single-projects .post_share_bubble a.post_share,
body.single.single-attachment .post_share_bubble a.post_share {
    display: block;
    padding: 10px 10px 10px 10px;
    width: 25px;
    background: #eee;
    border-radius: 5px;
    text-align: center;
    opacity: 0.5;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

a.post_share {
    color: #000;
}

body.single.single-post .post_share_bubble a.post_share:hover,
body.single.single-projects .post_share_bubble a.post_share:hover,
body.single.single-attachment .post_share_bubble a.post_share:hover {
    opacity: 1;
}

.post_share_bubble_wrapper {
    position: relative;
}

.post_img {
    position: relative;
    height: auto;
    text-align: center;
    overflow: hidden;
    float: left;
    line-height: 0;
    width: 100%;
    margin-bottom: 20px;
}

.post_img.team {
    width: 100%;
    margin: auto;
    float: none;
    margin-bottom: 0;
    overflow: hidden;
}

.post_img.team img {
    max-width: 100%;
}

.post_ft_img {
    opacity: 0;
}

.post_img.small.square_thumb {
    width: auto;
}

.post_img.fadeIn,
.post_img.grid.fadeIn {
    opacity: 0;
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
}

.post_img img {
    width: 100%;
    height: auto;
}

body.single .post_img img {
    width: auto;
}

#content_slider_wrapper {
    width: 100%;
    height: 20px;
    background: transparent;
    position: fixed;
    bottom: 200px;
}

#social_share_wrapper,
.social_share_wrapper {
    margin-left: 0 !important;
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    clear: both;
}

.social_share_bubble {
    position: relative;
    background-color: #eee;
    margin: 0;
    padding: 7px;
    text-align: center;
    width: 130px;
    left: -15px;
    top: -15px;
    opacity: 0;
    border-radius: 5px;
}

.social_share_bubble a,
.social_share_bubble a:hover {
    color: #000;
}

body.single.single-post .social_share_bubble,
body.single.single-projects .social_share_bubble,
body.single.single-attachment .social_share_bubble {
    left: 0;
}

.social_share_bubble:after {
    position: absolute;
    display: block;
    content: "";
    border-color: #eee transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -19px;
    left: 1em;
}

.social_share_wrapper.shortcode {
    margin: 0;
    padding: 0;
    border: 0;
}

#social_share_wrapper a i,
.social_share_wrapper.shortcode a i {
    font-size: 20px;
}

#social_share_wrapper a,
.social_share_wrapper.shortcode a {
    opacity: 0.3;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#social_share_wrapper a:hover,
.social_share_wrapper.shortcode a:hover {
    opacity: 1;
}

.social_share_wrapper.shortcode {
    margin: 0;
}

#social_share_wrapper h5,
.social_share_wrapper.shortcode h5 {
    display: inline-block;
    margin-bottom: 5px;
}

#social_share_wrapper ul,
.social_share_wrapper.shortcode ul,
.social_share_bubble ul {
    display: block;
    clear: both;
    list-style: none;
    margin: 0;
    margin-left: 0 !important;
}

#social_share_wrapper ul li,
.social_share_wrapper.shortcode ul li,
.social_share_bubble ul li {
    display: block;
    margin: 0 0 5px 0;
}

.social_share_wrapper.shortcode ul li {
    display: inline-block;
    margin: 0 10px 0 10px;
    border-left: 0 !important;
}

.social_share_bubble ul li {
    display: inline-block;
    margin: 0 7px 0 7px;
    font-size: 14px;
}

#social_share_wrapper.inline,
,
.social_share_bubble.inline {
    text-align: center;
    border: 0;
    margin-top: 30px;
}

.imageFlow_gallery_info_wrapper #social_share_wrapper ul li,
.imageFlow_gallery_info_wrapper .social_share_wrapper ul li,
#social_share_wrapper.inline ul li,
.social_share_wrapper.inline ul li {
    display: inline-block;
    margin: 0 5px 0 5px;
}

#page_content_wrapper .inner .sidebar_content,
.page_content_wrapper .inner .sidebar_content {
    width: 650px;
    padding: 0;
    float: left;
    padding-right: 40px;
    margin-right: 10px;
    border-right: 1px solid #ebebeb;
}

#page_content_wrapper .inner .sidebar_content.portfolio {
    width: 690px;
    padding-right: 0;
}

#page_content_wrapper .inner .sidebar_content.page_content,
.page_content_wrapper .inner .sidebar_content.page_content {
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
}

.page_content_wrapper .inner .sidebar_content.page_content {
    background: transparent;
    padding: 0;
}

#page_content_wrapper .inner #portfolio_filter_wrapper.sidebar_content {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
    border: 0;
}

#page_content_wrapper .inner .sidebar_content.nopadding,
.page_content_wrapper .inner .sidebar_content.nopadding {
    padding-top: 0 !important;
}

#page_content_wrapper .inner .sidebar_content.left_sidebar,
.page_content_wrapper .inner .sidebar_content.left_sidebar {
    padding: 0;
    padding-left: 40px;
    border-right: 0;
    float: right;
    border-left: 1px solid #ebebeb;
}

#page_content_wrapper .inner .sidebar_content.full_width,
.page_content_wrapper .inner .sidebar_content.full_width {
    width: 100%;
    padding: 0;
    margin-top: 0;
    border: 0;
}

.ppb_wrapper {
    margin-top: 0;
    width: 100%;
    overflow-x: hidden;
}

#page_content_wrapper.hasbg.nomargintop {
    margin-top: 0 !important;
}

#page_content_wrapper .inner .sidebar_content.full_width.nopadding,
.page_content_wrapper .inner .sidebar_content.full_width.nopadding {
    padding: 0 !important;
}

#page_content_wrapper .inner .sidebar_content img,
.page_content_wrapper .inner .sidebar_content img {
    max-width: 100%;
    height: auto !important;
}

#page_content_wrapper .inner .sidebar_content .map_shortcode_wrapper img,
.page_content_wrapper .inner .sidebar_content .map_shortcode_wrapper img {
    max-width: none;
}

#page_content_wrapper .inner .sidebar_content div.wp-caption,
.page_content_wrapper .inner .sidebar_content div.wp-caption {
    max-width: 100%;
}

#page_content_wrapper .inner .sidebar_content.full_width#blog_grid_wrapper,
.page_content_wrapper .inner .sidebar_content.full_width.blog_grid_wrapper {
    width: 103%;
    padding: 0;
}

#blog_grid_wrapper,
.blog_grid_wrapper {
    width: 1195px;
}

#page_content_wrapper .inner .sidebar_wrapper,
.page_content_wrapper .inner .sidebar_wrapper {
    width: 220px;
    float: left;
    margin-top: 0;
    margin-left: 30px;
}

#page_content_wrapper .inner .sidebar_wrapper.adjust,
#page_content_wrapper .inner .sidebar_wrapper.left_sidebar.adjust {
    padding-top: 50px;
}

#page_content_wrapper .inner .sidebar_wrapper.left_sidebar {
    width: 230px;
    margin-right: 0;
    margin-left: 0;
}

#page_content_wrapper .inner .sidebar_wrapper a,
.page_content_wrapper .inner .sidebar_wrapper a {
    color: #222;
}

#page_content_wrapper .inner .sidebar_wrapper .sidebar,
.page_content_wrapper .inner .sidebar_wrapper .sidebar {
    width: 100%;
    float: left;
}

#page_content_wrapper .inner .sidebar_wrapper .sidebar .content,
.page_content_wrapper .inner .sidebar_wrapper .sidebar .content {
    width: 100%;
    margin: 0 0 0 0;
}

.mobile_menu_wrapper .sidebar_wrapper h2.widgettitle {
    color: #fff;
}

.mobile_menu_wrapper .sidebar_wrapper a {
    color: #777;
}

.mobile_menu_wrapper .page_content_wrapper {
    width: 100%;
}

.mobile_menu_wrapper .sidebar_wrapper {
    width: 100%;
    margin-top: 50px;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input.wpcf7-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
select {
    padding: 13px 10px 13px 10px;
    font-size: 100%;
    font-family: 'Noto Sans TC', sans-serif;
    margin: 0;
    background: #fcfcfc;
    border: 1px solid #e1e1e1;
    outline: none;
    -webkit-transition: border-color linear .3s;
    -moz-transition: border-color linear .3s;
    -o-transition: border-color linear .3s;
    transition: border-color linear .3s;
    box-sizing: border-box;
    -webkit-appearance: none;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=date]:focus,
input.wpcf7-text:focus,
.woocommerce table.cart td.actions .coupon .input-text:focus,
.woocommerce-page table.cart td.actions .coupon .input-text:focus,
.woocommerce #content table.cart td.actions .coupon .input-text:focus,
.woocommerce-page #content table.cart td.actions .coupon .input-text:focus,
{
    background: #f9f9f9;
    outline: 0;
}

.contact_form_wrapper input[type=text],
.contact_form_wrapper input[type=email],
.contact_form_wrapper input[type=date] {
    width: 46%;
    display: inline;
    box-sizing: border-box;
    margin-right: 3%;
    margin-bottom: 3%;
}

.contact_form_wrapper input[type=submit] {
    float: right;
    margin-right: 4%;
}

.contact_form_wrapper label {
    display: none;
}

.contact_form_response ul {
    margin-left: 20px;
    margin-bottom: 20px;
}

.contact_form_wrapper {
    margin-top: 30px;
}

input[type=text].blur,
textarea.blur {
    color: #999;
}

#contact_form input[type="text"],
#contact_form textarea {
    margin-bottom: 15px;
    width: 97%;
}

div.wpcf7-response-output {
    padding: 20px;
}

.wpcf7-form input.wpcf7-text,
.wpcf7-form textarea,
.wpcf7-form input.wpcf7-date {
    width: 100%;
    box-sizing: border-box;
}

.fullwidth_comment_wrapper #commentform textarea {
    width: 100%;
}

.fullwidth_comment_wrapper .post_content_wrapper {
    background: transparent !important;
    padding: 30px 0 30px 0 !important;
    width: 100% !important;
}

label {
    clear: both;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
    display: block;
    font-family: 'Noto Sans TC', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
}

.form-allowed-tags {
    display: none !important;
}

p.comment-notes {
    margin-bottom: 20px;
}

textarea {
    font-size: 100%;
    border: 1px solid #e1e1e1;
    background: #fcfcfc;
    margin: 0;
    height: 200px;
    overflow: auto;
    padding: 13px 10px 13px 10px;
    font-family: 'Noto Sans TC', sans-serif;
    outline: none;
    -webkit-transition: border-color linear .2s;
    -moz-transition: border-color linear .2s;
    -o-transition: border-color linear .2s;
    transition: border-color linear .2s;
    box-sizing: border-box;
    -webkit-appearance: none;
}

input[type=submit],
input[type=button],
a.button,
.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .4em 1.5em .4em 1.5em;
    color: #fff;
    background: #efc337;
    border: 2px solid #efc337;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Noto Sans TC', sans-serif;
    text-shadow: none;
    margin-right: 5px;
    text-shadow: none;
    -webkit-appearance: none;
    letter-spacing: 1px;
    box-shadow: 0 0 0 0 !important;
    line-height: 1.5 !important;
    -webkit-transition: color .2s linear, background .1s linear, opacity .2s linear;
    -moz-transition: color .2s linear, background .1s linear, opacity .2s linear;
    -ms-transition: color .2s linear, background .1s linear, opacity .2s linear;
    -o-transition: color .2s linear, background .1s linear, opacity .2s linear;
    transition: color .2s linear, background .1s linear, opacity .2s linear;
}

a.button.continue_ppb_blog {
    margin: auto;
    float: none;
    display: block;
    clear: both;
    padding: 2em 1.5em 2em 1.5em;
}

.post_button_wrapper {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

a.button.fullwidth.ppb {
    padding: 3.5em 1.5em 3em 1.5em !important;
    border: 0;
    width: 100%;
    box-sizing: border-box;
}

a.button.fullwidth.ppb .subtitle {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-transform: uppercase;
}

a.button.fullwidth.ppb .title {
    font-size: 32px;
    font-style: italic;
    margin-bottom: 20px;
}

a.button.fullwidth.ppb i {
    font-size: 30px;
}

input[type=submit].white,
input[type=button].white,
a.button.white,
.button.white,
a.button.white:hover,
.button.white:hover,
a.button.white:active,
.button.white:active {
    color: #fff;
    background: transparent;
    border-color: #fff;
}

input[type=submit].whitebg,
input[type=button].whitebg,
a.button.whitebg,
.button.whitebg,
a.button.whitebg:hover,
.button.whitebg:hover,
a.button.whitebg:active,
.button.whitebg:active {
    background: #fff;
    color: #000;
    border-color: #fff;
}

input[type=submit].black,
input[type=button].black,
a.button.black,
.button.black,
a.button.black:hover,
.button.black:hover,
a.button.black:active,
.button.black:active {
    color: #000;
    border-color: #000;
}

input[type=button]:hover,
input[type=submit]:hover,
a.button:hover,
.button:hover,
.button.submit,
a.button.white:hover,
.button.white:hover,
a.button.white:active,
.button.white:active {
    color: #fff;
    border-color: #e39e2e;
    background: #e39e2e;
}

.error {
    color: #ff0000;
}

a.comment-reply-link {
    margin: 0 0 0 10px;
    float: left;
    line-height: 28px;
    font-weight: 400;
}

input[type=submit].medium,
input[type=button].medium,
a.button.medium {
    font-size: 15px;
    padding: 12px 20px 11px 20px;
}

input[type=submit].large,
input[type=button].large,
a.button.large {
    font-size: 17px;
    padding: 16px 25px 15px 25px;
}

#cancel-comment-reply-link {
    display: block;
    margin: 0 20px 0 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

input[type=submit].left,
input[type=button].left,
a.button.left {
    float: left;
}

input[type=submit].right,
input[type=button].right,
a.button.right {
    float: right;
}

input[type=submit].center,
input[type=button].center,
a.button.center {
    margin: auto;
}

.pagination {
    margin: 0 0 0 0;
    float: left;
}

.pagination p a:first-child {
    float: left;
}

.pagination p a:last-child {
    float: right;
}

.pagination a,
.pagination span {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #777;
    background: #f9f9f9;
    margin-right: 10px;
    border-radius: 50px;
    overflow: hidden;
    font-size: 12px;
}

.pagination span,
.pagination a:hover {
    color: #000;
    font-weight: bold;
    background: #efc337;
}

.pagination_detail {
    margin-top: 9px;
    float: right;
    font-size: 12px;
}

#page_content_wrapper ul {
    margin: 0;
}

#page_content_wrapper ol {
    margin: 15px 0 15px 40px;
}

#page_content_wrapper ul.flickr {
    margin: 0 0 10px 0;
}

#page_content_wrapper ul.posts.blog {
    list-style: none;
    margin-left: 0 !important;
    float: left;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

#page_content_wrapper ul.flickr li img {
    width: 65px;
    height: auto;
}

#page_content_wrapper .sidebar .content .posts.blog li img,
#page_content_wrapper .posts.blog li img {
    float: left;
    margin: 0 10px 2px 0;
    width: 52px;
}

.post_circle_thumb {
    position: relative;
    z-index: 2;
    overflow: hidden;
    float: left;
    width: 52px;
    height: 52px;
    float: left;
    margin-right: 15px;
}

.post_circle_thumb.flickr {
    margin-right: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget,
#page_content_wrapper .sidebar .content .posts.blog,
.page_content_wrapper .sidebar .content .sidebar_widget,
.page_content_wrapper .sidebar .content .posts.blog {
    list-style: none;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
}

#page_content_wrapper .sidebar .content .posts.blog li,
.page_content_wrapper .sidebar .content .posts.blog li {
    padding: 0 0 10px 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li,
.page_content_wrapper .sidebar .content .sidebar_widget li {
    margin: 30px 0 0px 0;
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
}

#page_content_wrapper .sidebar .content .sidebar_widget li select,
.textwidget select,
.page_content_wrapper .sidebar .content .sidebar_widget li select {
    margin: 10px 0 10px 0;
    max-width: 100%;
}

#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle,
h2.widgettitle,
h5.widgettitle {
    font-size: 13px;
    display: block;
    text-align: left;
    font-family: 'Noto Sans TC', sans-serif;
    color: #444;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#page_content_wrapper .sidebar .content .sidebar_widget li:first-child,
.page_content_wrapper .sidebar .content .sidebar_widget li:first-child {
    margin-top: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul,
.page_content_wrapper .sidebar .content .sidebar_widget li ul {
    list-style: none;
    padding: 20px 0 0 0;
    margin: 0 0 15px 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children,
.page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children {
    margin-left: 10px;
    margin-bottom: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children li:last-child,
.page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children li:last-child {
    border: 0;
    margin-bottom: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li.widget_pages ul li ul.children,
.page_content_wrapper .sidebar .content .sidebar_widget li.widget_pages ul li ul.children {
    margin-left: 20px;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul li,
#footer .sidebar_widget li ul li,
.page_content_wrapper .sidebar .content .sidebar_widget li ul li,
#footer .sidebar_widget li ul li {
    padding: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

#footer .sidebar_widget li.widget_nav_menu ul li,
#page_content_wrapper .sidebar .content .sidebar_widget li.widget_pages ul li {
    border: 0;
}

#footer .sidebar_widget li ul li {
    border-color: #000000;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul li:first-child,
.page_content_wrapper .sidebar .content .sidebar_widget li ul li:first-child,
#footer ul.sidebar_widget li ul li:first-child,
#footer ul.sidebar_widget li .textwidget {
    padding-top: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li:first-child,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li:first-child,
#footer ul.sidebar_widget li ul.flickr li:first-child {
    border: 0;
    padding-top: 0;
}

#page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li a,
.page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li a {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px 5px 0;
    display: block;
}

#page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li.current-menu-item a,
.page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li.current-menu-item a {
    font-weight: bold;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

#wp-calendar tr td,
#wp-calendar tr th {
    padding: 5px 0 5px 0;
    text-align: center;
    background: transparent;
}

#wp-calendar tr td#prev,
#wp-calendar tr td#next {
    text-transform: uppercase;
    padding-top: 20px;
}

#wp-calendar tr td.pad,
#wp-calendar tr td#prev,
#wp-calendar tr td#next {
    background: transparent !important;
}

#wp-calendar caption {
    display: none;
}

#wp-calendar {
    margin: 20px 0 0 0;
    width: 100%;
}

.mobile_menu_wrapper .widget_calendar table tr th,
.mobile_menu_wrapper .widget_calendar table tr td {
    border-color: #555;
}

table {
    margin: 10px 0 10px 0;
}

table tr td {
    border-bottom: 1px solid #e1e1e1;
}

table tr th,
table tr td {
    padding: 20px;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
}

#footer table tr th,
#footer table tr td {
    border-bottom: 1px solid #000000 !important;
}

#footer .widget_tag_cloud div a {
    border-color: #000000 !important;
}

#footer_menu {
    float: right;
    display: block;
    list-style: none;
}

#footer_menu li {
    float: left;
    margin-left: 20px;
}

#footer_menu li a {
    font-size: 11px;
    font-weight: normal;
    color: #fff;
}

#footer_menu li a:hover {
    color: #fff;
}

#footer_menu li ul {
    display: none;
}

table thead tr th {
    background: transparent;
}

table#wp-calendar thead tr th {
    text-align: center;
}

table tfoot tr,
table tfoot tr td {
    background: transparent;
    border-bottom: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr {
    list-style: none;
    margin: 5px 0 30px 0;
    float: left;
    display: block;
    padding: 15px 0 3px 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
    border: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li img,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li img {
    width: 70px;
    height: auto;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter {
    margin: 0;
    margin-top: 20px;
    list-style: none;
    padding: 0 0 0 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li {
    padding-left: 32px;
    padding-bottom: 15px;
    background-image: url('../images/icon_twitter_bird.png');
    background-repeat: no-repeat;
    background-position: 0px 0.5em;
    border: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media {
    list-style: none;
    margin: 10px 0 15px 0;
    float: left;
    display: block;
    padding: 0 0 3px 0;
    margin-left: -5px;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media li,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

ul.list {
    margin: 5px 0 0 20px;
}

.highlight_yellow {
    background: #ffc600;
    color: #000;
    text-shadow: -1px 0 1px #fff;
}

.highlight_black {
    background: #000;
    color: #fff;
}

#page_content_wrapper ul.twitter {
    margin: 0;
    list-style: none;
}

#page_content_wrapper ul.twitter li {
    padding-left: 32px !important;
    padding-top: 0 !important;
    background-image: url(../images/icon_twitter_bird.png);
    background-repeat: no-repeat;
    background-position: 0px 0.3em;
    padding-bottom: 2em;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr,
ul.flickr,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr,
ul.flickr {
    list-style: none;
    margin: 10px 0 -10px 0;
    float: left;
    display: block;
    clear: both;
}

ul.flickr li {
    float: left;
    margin: 0 5px 0 0;
}

#page_content_wrapper .sidebar .content .posts.blog,
.page_content_wrapper .sidebar .content .posts.blog {
    list-style: none;
    margin-top: 15px;
}

#page_content_wrapper .sidebar .content .posts.blog.withthumb,
.page_content_wrapper .sidebar .content .posts.blog.withthumb {
    margin-top: 20px;
}

#page_content_wrapper .sidebar .content .posts.blog li,
.page_content_wrapper .sidebar .content .posts.blog li {
    line-height: 1em;
    clear: both;
    border: 0;
    background: none;
    width: 100%;
    float: left;
    margin: 0;
}

#page_content_wrapper .posts.blog li,
.page_content_wrapper .posts.blog li {
    float: left;
    width: 49.4%;
    margin-right: 1.2%;
    margin-bottom: 1.2%;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    display: table;
    text-align: left;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
}

#page_content_wrapper .posts.blog li:nth-child(2n),
.page_content_wrapper .posts.blog li:nth-child(2n) {
    margin-right: 0;
    float: right;
}

#page_content_wrapper .posts.blog li a,
.page_content_wrapper .posts.blog li a {
    width: 100%;
    color: #444;
}

#page_content_wrapper .sidebar .content .posts.blog.withthumb li,
#page_content_wrapper .posts.blog.withthumb li,
.page_content_wrapper .sidebar .content .posts.blog.withthumb li,
.page_content_wrapper .posts.blog.withthumb li {
    line-height: 1.5em;
    border: 0;
    display: block;
}

#page_content_wrapper .sidebar .content .posts.blog li,
.page_content_wrapper .sidebar .content .posts.blog li {
    padding-top: 10px;
}

#page_content_wrapper .sidebar .content .posts.blog li strong.header,
#page_content_wrapper .posts.blog li strong.header,
.page_content_wrapper .sidebar .content .posts.blog li strong.header,
.page_content_wrapper .posts.blog li strong.header {
    font-weight: normal;
}

#cover_content {
    position: fixed;
    top: 20%;
    left: 40px;
    z-index: 9;
}

#page_content_wrapper .sidebar .content .textwidget,
.page_content_wrapper .sidebar .content .textwidget {
    margin-top: 0;
    padding: 10px 0 0 0;
}

.textwidget img {
    max-width: 95%;
    height: auto;
}

#searchsubmit {
    margin: -8px;
    line-height: 18px;
    padding: .6em 1.5em 0.3em 1.5em !important;
}

.widget_search input#searchsubmit {
    margin: 10px 0 0 0;
}

.widget_tag_cloud div,
.tag_cloud {
    margin: 20px 0 10px 0;
}

.widget_tag_cloud div a,
.meta-tags a,
.tag_cloud a {
    display: block;
    width: 100%;
    -webkit-transition: background .2s linear, border .1s linear;
    -moz-transition: background .2s linear, border .1s linear;
    -ms-transition: background .2s linear, border .1s linear;
    -o-transition: background .2s linear, border .1s linear;
    transition: background .2s linear, border .1s linear;
    font-size: 14px !important;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.widget_tag_cloud div a:before,
.meta-tags a,
.tag_cloud a:before {
    font-family: 'FontAwesome';
    content: "\f02b";
    margin-right: 10px;
}

#gallery_caption a,
#gallery_caption a:hover,
#gallery_caption a:active {
    color: #fff;
}

#gallery_caption.ppb_fullwidth,
.slider_wrapper .gallery_image_caption {
    bottom: 0;
    position: absolute;
    line-height: 1em;
}

#gallery_caption h2,
.slider_wrapper .gallery_image_caption h2 {
    font-size: 10px;
    padding: 5px 15px 5px 15px;
    background: #fff;
}

.slider_wrapper .gallery_image_caption h2 {
    padding: 15px;
}

#gallery_caption h2:empty,
.slider_wrapper .gallery_image_caption h2:empty {
    display: none;
}

.slider_wrapper.portfolio ul.slides li {
    margin: 0px;
    padding: 0px;
    text-align: center;
    max-height: 500px;
}

.slider_wrapper.portfolio ul.slides li img {
    width: 100%;
    max-width: 100%;
}

.slider_wrapper.portfolio ul.slides li .portfolio_slider_overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.slider_wrapper.portfolio ul.slides li .portfolio_slider_desc {
    position: absolute;
    bottom: 0px;
    left: 60px;
    color: #fff;
    line-height: initial;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.slider_wrapper.portfolio ul.slides liimg {
    min-height: 500px;
}

.slider_wrapper.portfolio ul.slides li:hover .portfolio_slider_overlay {
    opacity: 1;
}

.slider_wrapper.portfolio ul.slides li:hover .portfolio_slider_desc {
    opacity: 1;
    bottom: 30px;
}

.slider_wrapper.portfolio ul.slides li .portfolio_slider_desc h3 {
    color: #fff;
}

.slider_wrapper.portfolio ul.slides li .portfolio_slider_desc.post_detail {
    text-align: left;
    margin-bottom: 0;
    color: #fff;
}

#captcha-wrap {
    border: solid #870500 1px;
    width: 270px;
    -webkit-border-radius: 10px;
    float: left;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #870500;
    text-align: left;
    padding: 3px;
    margin-top: 3px;
    height: 112px;
}

#captcha-wrap .captcha-box {
    -webkit-border-radius: 7px;
    background: #fff;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    border: solid #fff 1px;
}

#captcha-wrap .text-box {
    -webkit-border-radius: 7px;
    background: #ffdc73;
    -moz-border-radius: 7px;
    width: 140px;
    height: 48px;
    float: left;
    margin: 4px;
    border-radius: 7px;
    text-align: center;
    border: solid #ffdc73 1px;
}

#captcha-wrap .text-box input {
    width: 120px;
    -webkit-appearance: textfield;
    padding: 1px;
    background-color: white;
    border-image: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    float: none;
    margin-top: 12px;
}

#captcha-wrap .text-box label {
    color: #333;
    font-family: helvetica, sans-serif;
    font-size: 11px;
    width: 140px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0;
    font-weight: normal;
    text-transform: none;
}

#captcha-wrap .captcha-action {
    float: right;
    width: 117px;
    background: url(../images/logos.jpg) top right no-repeat;
    height: 44px;
    margin-top: 3px;
}

#captcha-wrapimg#captcha-refresh {
    margin-top: 9px;
    border: solid #333333 1px;
    margin-right: 6px;
    cursor: pointer;
}

.map_shortcode_wrapper {
    max-width: 100%;
}

.map_shadow {
    width: 100%;
    margin-top: 0;
}

.map_shadow.fullwidth {
    width: 100%;
    margin-top: 0;
    clear: both;
}

#reponse_msg ul:empty {
    margin: 0;
}

#reponse_msg ul {
    margin-left: 20px;
}

#reponse_msg ul li:last-child {
    margin-bottom: 20px;
}

#reponse_msg ul li.error {
    color: #ff0000;
}

.mejs-container {
    background: #333 !important;
    width: 100% !important;
}

.mejs-container:hover {
    background: transparent !important;
    color: #000 !important;
}

.ppb_background_overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.service_content_wrapper {
    margin: 0;
    width: 100%;
    float: left;
}

.service_wrapper {
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
}

.service_wrapper.center.boxed {
    padding: 25px 20px 20px 20px;
    background: #fff;
    box-sizing: border-box;
    margin: 15px 0 15px 0;
}

.service_wrapper.center,
.service_wrapper.center_nocircle {
    text-align: center;
}

.service_title {
    margin: 0 0 15px 0;
    float: left;
    width: 71%;
    width: calc(100% - 60px);
    margin-top: 0;
    text-align: left;
}

.service_title.list {
    width: 100%;
}

.service_wrapper.center .service_title,
.service_wrapper.center_nocircle .service_title {
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both;
    text-align: center;
    margin-top: 20px;
}

.service_wrapper.center_nocircle .service_title {
    margin-top: 10px;
}

.service_wrapper.center .service_title h6 {
    margin-bottom: 10px;
}

.service_icon {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 50px !important;
    height: 50px !important;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    margin: auto;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
    text-align: center;
}

.service_wrapper.center .service_icon,
.service_icon.vertical {
    float: none;
    clear: both;
    margin: auto !important;
    width: 90px !important;
    height: 90px !important;
    background: #f0f0f0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 15px;
}

.service_wrapper.center_nocircle .service_icon {
    float: none;
    clear: both;
    margin: auto !important;
    width: 90px !important;
    height: 90px !important;
    background: transparent;
    margin-bottom: 15px;
}

.service_wrapper.center_nocircle .service_icon {
    border: 0;
}

.service_wrapper.center.boxed .service_icon,
.service_wrapper.center .service_icon,
.service_icon.vertical {
    width: 80px !important;
    height: 80px !important;
    position: relative;
}

.service_icon.vertical {
    float: left;
    margin-top: 15px !important;
}

.service_wrapper.center.boxed .service_icon .service_border,
.service_wrapper.center .service_icon .service_border,
.service_icon.vertical .service_border {
    border: 1px solid transparent;
    width: 80px;
    height: 80px;
    position: absolute;
    top: -1px;
    left: -1px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service_wrapper.center.boxed .service_icon:hover .service_border,
.service_wrapper.center .service_icon:hover .service_border,
.service_icon.vertical:hover .service_border {
    transform: scale(1.18);
    border-color: #333;
    -moz-transform: scale(1.18);
    -o-transform: scale(1.18);
}

.service_wrapper.center .service_icon:hover,
.service_icon.vertical:hover {
    background: #000;
    border-color: #000;
}

.service_wrapper.center .service_icon:hover i,
.service_icon.vertical:hover i {
    color: #fff !important;
}

.service_icon img {
    max-width: 24px;
    height: auto;
    margin-top: 10px;
}

.service_wrapper.center .service_icon img {
    max-width: 36px;
    line-height: 36px;
}

.service_icon i {
    font-size: 36px;
    line-height: 36px;
    color: #000;
}

.service_wrapper.center .service_icon i {
    font-size: 24px;
    margin-top: 22px;
    color: #000;
}

.service_wrapper.center_nocircle .service_icon i {
    font-size: 45px;
    margin-top: 20px;
    color: #000;
}

.service_wrapper.center.boxed .service_icon i,
.service_icon.vertical i {
    font-size: 24px;
    margin-top: 22px;
    color: #000;
}

.service_title h3 {
    font-size: 18px;
}

.one_fourth .service_title h3 {
    font-size: 18px;
}

.one_fourth .service_title {
    max-width: 71%;
}

.service_content {
    clear: both;
    text-align: left;
    margin-top: 5px;
}

.service_wrapper.center .service_content,
.service_wrapper.center_nocircle .service_content {
    text-align: center;
}

.gallery_classic_entry {
    text-align: center;
}

.gallery_classic_entry img {
    width: auto;
    max-height: 600px;
}

.promo_box {
    padding: 25px;
    background: #f3f3f3;
    border: 1px solid #e1e1e1;
    position: relative;
    clear: both;
}

.promo_box_wrapper .promo_box {
    padding: 55px 0 55px 0;
    background: transparent;
    border: 0;
    color: #fff;
}

.promo_box_wrapper .promo_box h5 {
    color: #fff !important;
}

.promo_box.shadow:after,
.promo_box.shadow:before {
    content: " ";
    position: absolute;
    width: 50%;
    height: 30%;
    z-index: -10;
}

.promo_box.shadow:before {
    top: 52px;
    left: 5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -webkit-box-shadow: 7px 6px 15px #333;
    -moz-box-shadow: 7px 6px 15px #333;
    -ms-box-shadow: 7px 6px 15px #333;
    -o-box-shadow: 7px 6px 15px #333;
    box-shadow: 7px 6px 15px #333;
}

.promo_box.shadow:after {
    top: 52px;
    right: 5px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-box-shadow: -7px 6px 15px #333;
    -moz-box-shadow: -7px 6px 15px #333;
    -ms-box-shadow: -7px 6px 15px #333;
    -o-box-shadow: -7px 6px 15px #333;
    box-shadow: -7px 6px 15px #333;
}

.promo_box h5 {
    margin-bottom: 5px;
    color: #222 !important;
    display: block;
    padding-right: 20%;
}

.promo_box p {
    display: block;
}

.promo_box .button {
    float: right;
    display: inline-block;
    margin-left: 10px;
    margin-top: -8px;
    background: #000;
    border-color: #000;
    color: #fff;
    padding: .7em 1.5em .7em 1.5em !important;
}

.promo_box .button.transparent {
    background: transparent;
    border-color: #fff !important;
}

.promo_box .button.transparent:hover {
    background: #000;
    color: #fff !important;
    border-color: #000 !important;
}

.alert_box {
    padding: 20px;
    text-align: center;
    position: relative;
}

.alert_box_msg {
    max-width: 85%;
    margin: auto;
}

.alert_box.general {
    background: #d1edf5;
}

.alert_box.error {
    color: #b13c3c;
    background: #ffe9e9;
}

.alert_box.error a {
    color: #b13c3c;
}

.alert_box.success {
    color: #6a863b;
    background: #e9f3d2;
}

.alert_box.success a {
    color: #6a863b;
}

.alert_box.notice {
    color: #a18e0f;
    background: #fbf6e3;
}

.alert_box.notice a {
    color: #a18e0f;
}

.alert_box a.close_alert {
    position: absolute;
    top: 5px;
    right: 10px;
    display: block;
    font-size: 11px;
    opacity: 0.5;
}

.alert_box .alert_icon {
    position: absolute;
    top: 18px;
    left: 25px;
    display: block;
    font-size: 14px;
    padding: 5px;
}

.alert_box.general .alert_icon {
    color: #4e7883;
    background: transparent;
    border-radius: 25px;
    border: 2px solid #4e7883;
}

.alert_box.error .alert_icon {
    color: #b13c3c;
    background: transparent;
    border-radius: 25px;
    border: 2px solid #b13c3c;
}

.alert_box.success .alert_icon {
    color: #6a863b;
    background: transparent;
    border-radius: 25px;
    border: 2px solid #6a863b;
}

.alert_box.notice .alert_icon {
    color: #a18e0f;
    background: transparent;
    border-radius: 25px;
    border: 2px solid #a18e0f;
}

.accordion {
    border: 1px solid #e1e1e1;
    visibility: hidden;
}

.accordion h3,
.accordion div {
    border: 0;
    background: transparent;
}

.pp_accordion,
.pp_accordion_close {
    margin: 0;
    margin-bottom: 10px !important;
    visibility: hidden;
}

.pp_accordion.ui-accordion,
.pp_accordion_close.ui-accordion {
    visibility: visible;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #e1e1e1;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.ui-state-default,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-widget-content {
    border: 0;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: transparent;
}

.ui-accordion .ui-accordion-header {
    font-weight: normal;
    display: block;
    position: relative;
    border: 1px solid #e1e1e1;
    margin-top: 0;
    background: #fff;
    -webkit-transition: color .2s linear, background .1s linear;
    -moz-transition: color .2s linear, background .1s linear;
    -ms-transition: color .2s linear, background .1s linear;
    -o-transition: color .2s linear, background .1s linear;
    transition: color .2s linear, background .1s linear;
}

.ui-accordion .ui-accordion-header:hover {
    background: #f9f9f9;
}

.ui-accordion .ui-accordion-content {
    border: 1px solid #e1e1e1;
    border-top: 0;
}

.ui-accordion .ui-accordion-header a {
    padding: 1em .3em 1em 1.5em;
    font-size: 13px;
}

.ui-accordion .ui-accordion-header a i {
    opacity: 0.3;
}

.accordion div {
    border-top: 1px solid #ebebeb;
}

.accordion h3 {
    padding: 5px 0 5px 8px;
}

.tabs {
    visibility: hidden;
}

.ui-tabs .ui-tabs-nav {
    margin-left: 0 !important;
}

.ui-accordion .ui-accordion-header .ui-icon {
    width: 16px;
    height: 16px;
    background: transparent !important;
    margin-top: -9px;
    text-indent: 0;
    overflow: visible;
}

.ui-accordion .ui-accordion-header .ui-icon:after {
    font-size: 12px;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: 10%;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    margin-right: 0px;
    margin-top: 3px;
    color: #000000;
}

.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:after {
    content: "\f106";
}

.ui-accordion.has_icon .ui-accordion-header .ui-icon:after {
    display: none !important;
}

.ui-accordion .ui-accordion-header .ui-icon {
    left: auto;
    right: 1em !important;
}

.ui-accordion .ui-accordion-header i {
    margin-right: 10px;
    margin-left: 5px;
}

.ui-tabs {
    list-style: none;
    visibility: visible;
}

.ui-tabs-panel {
    margin-top: 10px;
}

.ui-widget-header {
    border: 0;
}

.vertical .ui-widget-header {
    width: 30%;
    float: left;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
    border: 0;
}

.vertical.right .ui-widget-header {
    float: right;
}

.ui-tabs .ui-tabs-nav li {
    background: #f0f0f0;
    margin: 0;
    border: 1px solid #e1e1e1 !important;
    border-left: 0 !important;
    padding-top: 2px;
    top: 1px;
    -webkit-transition: color .2s linear, background .1s linear;
    -moz-transition: color .2s linear, background .1s linear;
    -ms-transition: color .2s linear, background .1s linear;
    -o-transition: color .2s linear, background .1s linear;
    transition: color .2s linear, background .1s linear;
}

.ui-tabs.vertical .ui-tabs-nav li {
    top: 0;
    left: 1px;
    position: relative;
    border: 1px solid #e1e1e1 !important;
    border-bottom: 0 !important;
}

.ui-tabs.vertical.right .ui-tabs-nav li {
    left: -1px;
    border-left: 0 !important;
}

.vertical.ui-tabs .ui-tabs-nav li {
    width: 100%;
    clear: both;
}

.ui-tabs .ui-tabs-nav li:hover {
    background: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border: 1px solid #e1e1e1;
    border-top: 3px solid #e1e1e1;
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
    background: #fff !important;
    border-bottom: 1px solid #fff !important;
    outline: none;
    position: relative;
    z-index: 9;
}

.ui-tabs.vertical .ui-tabs-nav li.ui-state-active {
    border-right: 0 !important;
    position: relative;
    z-index: 9;
}

.ui-tabs.vertical.right .ui-tabs-nav li.ui-state-active {
    border-right: 1px solid #e1e1e1 !important;
}

.ui-tabs.vertical .ui-tabs-nav li:last-child {
    border-bottom: 1px solid #e1e1e1 !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    outline: none;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 8px 20px 7px 20px;
}

.ui-tabs.vertical .ui-tabs-nav li a {
    padding: 10px 20px 9px 20px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tabs .ui-tabs .ui-tabs-nav li {
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
    display: block;
}

#content_wrapper .tabs .ui-widget-header,
.content_wrapper .tabs .ui-widget-header {
    border: 0;
    margin-left: 0;
}

.tabs .ui-tabs-panel {
    border: 1px solid #e1e1e1;
    margin: 0;
    padding-top: 0em;
    background: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    z-index: 2;
    position: relative;
}

.tabs.vertical .ui-tabs-panel {
    border-top: 1px solid #e1e1e1;
    width: 70%;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 2;
    position: relative;
}

.tabs .ui-state-active a {
    color: #333;
    font-weight: bold;
}

.ui-tabs li:first-child {
    margin-left: -3px;
    border-left: 1px solid #e1e1e1 !important;
}

.ui-tabs.vertical li:first-child {
    margin-left: 0;
}

.icon_list {
    margin: 0;
    margin-left: 0 !important;
    padding: 0;
    list-style: none;
}

.icon_list li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    clear: both;
    position: relative;
    float: left;
}

.icon_list li .service_title {
    margin: 0;
}

.icon_list li .service_title strong {
    color: #333;
    font-size: 16px;
}

.icon_list li .service_wrapper {
    float: left;
    width: 71%;
    width: calc(100% - 100px);
    padding-top: 0;
    margin: 25px 0 25px 20px;
}

.icon_list li .service_wrapper.right {
    margin-left: 0;
    margin-right: 2%;
}

.icon_list li .service_wrapper.right .service_content {
    text-align: right;
}

.icon_list li .service_wrapper.right .service_title {
    float: right;
    text-align: right;
}

.icon_list li .service_icon.right {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.client_logo {
    max-width: 190px;
    height: auto;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}

.client_content {
    display: block;
    float: left;
}

.one_third img.team_pic {
    max-width: 304px;
    height: auto;
}

.progress_bar {
    position: relative;
    margin-bottom: 10px;
    visibility: hidden;
    display: block !important;
}

.progress_bar_holder {
    height: 3px;
    margin-top: 5px;
    background: #f0f0f0;
}

.progress_bar_content {
    height: 3px;
    -webkit-transition: width s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.progress_bar_title {
    font-weight: 400;
    display: inline;
    font-size: 13px;
}

.progress_number {
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
}

.pricing_content_wrapper {
    margin: 0;
    width: 100%;
    float: left;
}

.pricing_content_wrapper.light .one_half.pricing {
    margin-right: 0;
    width: 50%;
}

.pricing_content_wrapper.light .one_third.pricing {
    margin-right: 0;
    width: 33.3%;
}

.pricing_content_wrapper.light .one_fourth.pricing {
    margin-right: 0;
    width: 25%;
}

.pricing_content_wrapper .one_half.pricing.featured,
.pricing_content_wrapper .one_third.pricing.featured,
.pricing_content_wrapper .one_fourth.pricing.featured {
    margin-top: -20px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
}

.pricing_wrapper {
    list-style: none;
    display: block;
    margin-left: 0 !important;
    border: 1px solid #e1e1e1;
}

.pricing_wrapper li {
    margin: 0;
    padding: 0;
    background: #fff;
    text-align: center;
    padding: 13px 0px;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    color: #555;
}

.pricing_wrapper li:last-child {
    border-bottom: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pricing_wrapper li.title_row {
    background: #f3f3f3;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.pricing_content_wrapper.light .pricing_wrapper li.title_row {
    background: #fff;
}

.pricing_content_wrapper.normal .pricing_wrapper li.title_row {
    background: #000;
    color: #fff;
}

.pricing_wrapper li.title_row.featured {
    background: #000;
    color: #fff;
    padding: 23px 0px;
}

.pricing_content_wrapper.light .pricing_wrapper li.title_row.featured {
    color: #000;
}

.pricing_wrapper li.price_row {
    color: #000000;
    background: #f9f9f9;
    padding: 0;
}

.pricing_wrapper li.button_row {
    padding: 20px 0px;
}

.pricing_wrapper li.button_row.featured {
    padding: 30px 0px;
}

.pricing_wrapper li.price_row strong {
    position: relative;
    top: -35px;
    font-size: 24px;
    font-weight: normal !important;
    margin-right: 2px;
    color: #000000;
}

.pricing_wrapper li.price_row em.exact_price {
    display: inline !important;
    font-size: 75px !important;
    font-style: normal !important;
    letter-spacing: -2px;
}

.pricing_wrapper li.price_row em.time {
    font-style: normal;
}

.one_third.pricing {
    width: 31.66%;
    margin-right: 2.5%;
}

.one_fourth.pricing {
    width: 23%;
    margin-right: 2.5%;
}

.one_fourth.pricing.last {
    margin-right: 0;
    float: right;
    clear: right;
}

.one_fourth.pricing .pricing_wrapper li.price_row {
    padding: 13px 0px;
}

.one_fourth.pricing .pricing_wrapper li.price_row strong {
    top: -25px;
    font-size: 20px;
}

.one_fourth.pricing .pricing_wrapper li.price_row em.exact_price {
    font-size: 55px !important;
}

.one_half img,
.one_third img,
.one_fourth img,
.one_fifth img,
.two_third img {
    max-width: 100%;
    height: auto;
}

.page_content_wrapper .one_half .map_shortcode_wrapper img,
.page_content_wrapper .one_third .map_shortcode_wrapper img,
.page_content_wrapper .one_fourth .map_shortcode_wrapper img,
.page_content_wrapper .one_fifth .map_shortcode_wrapper img,
.page_content_wrapper .two_third .map_shortcode_wrapper img {
    max-width: none;
}

.animated {
    visibility: hidden;
}

.ls-container {
    overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    div.thumb_content {
        border-radius: 0 !important;
    }
}

doesnotexist:-o-prefocus,
div.thumb_content {
    border-radius: 0 !important;
}

.fancybox-inner div {
    max-width: 100% !important;
    height: auto !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dynamic_height img {
    max-width: 100% !important;
}

.mejs-overlay-button {
    display: block;
    z-index: 99999;
}

.slider_wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.post_wrapper.grid_layout .slider_wrapper {
    min-height: 190px;
    margin-bottom: 15px;
}

.portfolio_next_prev_wrapper {
    width: 100%;
    text-align: center;
    clear: both;
    position: relative;
    padding-top: 30px;
}

.portfolio_next_prev_wrapper .portfolio_prev,
.portfolio_next_prev_wrapper .portfolio_next {
    margin: 0;
    float: left;
    width: 50%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}

.portfolio_next_prev_wrapper .portfolio_next {
    float: right
}

.portfolio_next_prev_wrapper .portfolio_prev .effect,
.portfolio_next_prev_wrapper .portfolio_next .effect {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #000;
}

.portfolio_next_prev_wrapper .portfolio_prev .effect img,
.portfolio_next_prev_wrapper .portfolio_next .effect img {
    position: relative;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    max-width: none !important;
    width: 100%;
}

.portfolio_next_prev_wrapper .portfolio_prev:hover .effect img,
.portfolio_next_prev_wrapper .portfolio_next:hover .effect img {
    opacity: 0.6;
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    text-align: left;
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption:before,
.portfolio_next_prev_wrapper .portfolio_prev .effect .caption:after,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption:before,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption:before,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption:after,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption:before,
.portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption:after,
.portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption:before,
.portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption > div,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption > div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 3em;
    width: 100%;
    height: 50%;
    box-sizing: border-box;
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption div > h4,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption div > h4 {
    color: #fff;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transform: translate3d(0, 10px, 0);
}

.portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption div > h4,
.portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption div > h4 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption div > p,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption div > p {
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
    transform: translate3d(0, 10px, 0);
}

.portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption div > p,
.portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption div > p {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption div > a,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption div > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: block;
    background: #fff;
    opacity: 0;
    white-space: nowrap;
}

.circliful {
    margin: auto;
}

.teaser_wrapper.left {
    text-align: left;
}

.teaser_wrapper.center {
    text-align: center;
}

.teaser_wrapper.right {
    text-align: right;
}

.teaser_content_wrapper {
    box-sizing: border-box;
    width: 100%;
    padding: 15px 0 15px 0;
    margin-top: -7px;
}

.teaser_content {
    margin-top: 10px;
}

.testimonial_image {
    float: left;
    margin: 0 20px 0 0;
    width: 80px;
    height: 80px !important;
    border-radius: 100px;
    overflow: hidden;
}

.testimonial_image img {
    width: 80px;
    height: auto;
    border-radius: 100px;
}

.testimonial_content {
    overflow: hidden;
}

.testimonial_customer {
    margin-top: 10px;
}

.testimonial_customer_position {
    color: #999;
    margin-right: 5px;
    display: inline;
    float: none;
}

.testimonial_customer_company {
    display: inline;
    margin-left: 5px;
    float: none;
}

.testimonial_slider_wrapper {
    position: relative;
    font-size: 24px;
    padding-top: 10px;
    font-family: 'Playfair Display', 'Times New Roman', Georgia, Times, serif;
}

.one_half .testimonial_slider_wrapper {
    font-size: 20px;
}

.one_third .testimonial_slider_wrapper,
.one_fourth .testimonial_slider_wrapper {
    font-size: 18px;
}

.testimonial_slider_wrapper .flexslider:before {
    content: '\201C';
    overflow: hidden;
    color: #efc337;
    font-size: 60px;
    display: block;
    line-height: 40px;
    text-align: center;
}

.one_half .testimonial_slider_wrapper .flexslider:before {
    font-size: 50px;
    line-height: 45px;
}

.one_third .testimonial_slider_wrapper .flexslider:before,
.one_fourth .testimonial_slider_wrapper .flexslider:before {
    font-size: 40px;
    line-height: 35px;
}

.testimonial_slider_wrapper .testimonial_image {
    float: none;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 60px;
    height: 60px !important;
    border-radius: 100px;
    overflow: hidden;
}

.testimonial_slider_meta {
    margin-top: 40px;
}

.testimonial_slider_meta h6 {
    display: inline;
    font-size: 14px;
}

.testimonial_column_element {
    margin: 15px 0 15px 0;
}

.testimonial_slider_meta_position,
.testimonial_slider_meta_company {
    display: inline;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
}

.page_slider .tp-leftarrow.default,
.page_slider .tp-rightarrow.default {
    background: transparent;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 200px;
    text-align: center;
    top: 47% !important;
}

body.hover .page_slider .tp-leftarrow.default,
body.hover .page_slider .tp-rightarrow.default {
    opacity: .5;
}

body.hover .page_slider .tp-leftarrow.default:hover,
body.hover .page_slider .tp-rightarrow.default:hover {
    opacity: 1;
}

.page_slider .tp-leftarrow.default:before,
.page_slider .tp-rightarrow.default:before {
    font-family: "FontAwesome";
    font-size: 22px;
    line-height: 40px;
    display: block;
    content: '\f104';
    color: #fff;
    margin-top: 0px;
    margin-left: -2px;
}

.page_slider .tp-rightarrow.default:before {
    content: '\f105';
}

.page_slider .tp-bullets.simplebullets.round .bullet {
    background: #fff;
    width: 7px;
    height: 7px;
    opacity: .5;
    border-radius: 100px;
    margin-left: 5px;
}

.page_slider .tp-bullets.simplebullets .bullet:hover,
.page_slider .tp-bullets.simplebullets .bullet.selected {
    opacity: 1;
}

.one_half_bg {
    width: 50%;
    float: left;
    background-position: 50% 50% !important;
    background-size: cover !important;
    box-sizing: border-box;
    padding: 20px;
}

.ppb_content_half_bg .one_half_bg {
    padding: 40px;
}

.one_third_bg {
    width: 33.3%;
    float: left;
    background-position: 50% 50% !important;
    background-size: cover !important;
    box-sizing: border-box;
    padding: 20px;
}

.one_third_bg.nopadding,
.one_half_bg.nopadding {
    padding: 0;
}

.ppb_blog_minimal .one_third_bg {
    height: 350px;
    background: #f0f0f0;
    position: relative;
}

.ppb_blog_minimal .one_third_bg .blog_minimal_wrapper {
    width: 100%;
    height: 100%;
    padding: 60px 40px;
    box-sizing: border-box;
}

.ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .content {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .featured_image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .background_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 3;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .featured_image,
.ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .background_overlay {
    opacity: 1;
}

.ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .content .post_detail {
    position: absolute;
    bottom: 0px;
}

.ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .content .post_detail {
    color: #fff;
}

.ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .content,
.ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .content h4 {
    color: #fff !important;
}

.two_third_bg {
    width: 66.6%;
    float: left;
    background-position: 50% 50% !important;
    background-size: cover !important;
    box-sizing: border-box;
    padding: 20px;
}

.two_third_bg.team {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.one_half_bg.contact_form {
    padding: 60px;
}

.one_fourth_bg {
    width: 25%;
    float: left;
    background-position: 50% 50% !important;
    background-size: cover !important;
    box-sizing: border-box;
    padding: 20px;
}

.parallax {
    position: relative;
    clear: both;
    background-size: 100%;
}

.one_half {
    float: left;
    width: 48%;
    margin-right: 3.5%;
    box-sizing: border-box;
}

.one_half.last {
    float: right;
    width: 48%;
    margin-right: 0;
    clear: right;
}

.portfolio2filter_wrapper {
    overflow: hidden;
    margin: 0 12px 0 0;
    float: left;
}

.one_half.portfolio2_wrapper {
    width: 50%;
    margin-bottom: 0px;
}

.two_cols.gallery .element {
    width: 47.8%;
    margin-right: 2%;
    margin-bottom: 2%;
    box-sizing: border-box;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1 !important;
}

.two_cols.gallery .element.grid {
    padding: 0;
    background: transparent;
}

.two_cols.gallery .element.fade {
    opacity: 0.2 !important;
}

.two_cols.gallery .element .portfolio_title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    line-height: 1.65em;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.two_cols.gallery .element.hover .portfolio_title {
    visibility: visible;
    opacity: 1;
}

.two_cols.gallery .element .portfolio_title .table {
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: 85%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.two_cols.gallery .element:hover .portfolio_title .table {
    bottom: 20px;
}

.two_cols.gallery .element .portfolio_title h5 {
    font-size: 20px;
    color: #fff;
}

.two_cols.gallery .element .portfolio_title .post_detail {
    color: #fff;
}

.one_half.gallery2 {
    width: 100%;
    height: 100%;
    float: left;
    margin: 0;
    overflow: hidden;
}

.one_half.gallery2.static {
    overflow: hidden;
}

.one_half.gallery2 a {
    position: relative;
    display: block;
    line-height: 0;
}

.element.classic2_cols {
    overflow: hidden;
    position: relative;
    width: 49.8%;
    height: auto;
    margin-right: 1px;
    margin-bottom: 1px;
    float: left;
}

.one_half.gallery2.filterable.portfolio_type {
    margin: 0;
}

.one_half.gallery2.last {
    float: right;
    margin-right: 0;
}

.one_half.gallery2 div.thumb_content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 20px 15px 20px;
    background: #fff;
    color: #888;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    font-size: 12px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}

.one_half.gallery2 div.thumb_content h3 {
    color: #000000;
    font-size: 18px;
}

.one_half.gallery2:hover div.thumb_content {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.one_half.gallery2 a[rel=gallery] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    background: #000;
}

.one_third {
    width: 30.66%;
    float: left;
    margin-right: 4%;
    position: relative;
    box-sizing: border-box;
}

.one_third.last {
    margin-right: 0 !important;
    float: right;
    width: 30.66%;
}

.one_third.portfolio3_wrapper {
    width: 30%;
    margin-bottom: 0;
    margin-right: 25px;
}

#page_content_wrapper .inner .sidebar_content ul,
.page_content_wrapper .inner .sidebar_content ul {
    margin-left: 20px;
}

#page_content_wrapper .inner .sidebar_content.full_width.portfolio3_content_wrapper {
    width: 1250px;
}

#page_content_wrapper .inner .sidebar_content.full_width.portfolio4_content_wrapper,
.page_content_wrapper.portfolio4_content_wrapper {
    width: 1260px;
}

.page_content_wrapper.portfolio4_content_wrapper {
    margin-top: 50px;
}

.gallery_a_title {
    text-align: center;
}

.three_cols.gallery .element {
    width: 31.2%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 0;
    box-sizing: border-box;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1 !important;
    position: relative;
}

.sidebar_content.three_cols.gallery .element {
    width: 46%;
    margin-right: 3%;
    margin-bottom: 4%;
}

.three_cols.gallery .element.grid {
    padding: 0;
}

.three_cols.gallery .element.fade {
    opacity: 0.2 !important;
}

@media only screen and (min-width:1430px) {
    #page_content_wrapper.fullwidth .three_cols.gallery .element,
    .page_content_wrapper.fullwidth .three_cols.gallery .element {
        width: 22.4%;
        margin-bottom: 2.5%;
    }
}

@media only screen and (min-width:1720px) {
    #page_content_wrapper.fullwidth .three_cols.gallery .element,
    .page_content_wrapper.fullwidth .three_cols.gallery .element {
        width: 17.8%;
        margin-bottom: 2.5%;
    }
}

@media only screen and (min-width:2200px) {
    #page_content_wrapper.fullwidth .three_cols.gallery .element,
    .page_content_wrapper.fullwidth .three_cols.gallery .element {
        width: 14.6%;
        margin-bottom: 2.5%;
    }
}

.three_cols.gallery .element .portfolio_title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.three_cols.gallery .element.hover .portfolio_title {
    visibility: visible;
    opacity: 1;
}

.three_cols.gallery .element .portfolio_title .table {
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: 85%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.three_cols.gallery .element:hover .portfolio_title .table {
    bottom: 20px;
}

.three_cols.gallery .element .portfolio_title h5 {
    font-size: 18px;
    color: #fff;
}

.three_cols.gallery .element .portfolio_title .post_detail {
    color: #fff;
}

#portfolio_filter_wrapper.shortcode.three_cols.gallery .element,
.portfolio_filter_wrapper.shortcode.three_cols.gallery .element {
    width: 33.2%;
    margin-right: 0;
    margin-bottom: 0;
}

.one_third.gallery3 {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.one_third.gallery3.static {
    overflow: hidden;
}

.one_third.gallery3 a {
    display: block;
}

.element.classic3_cols {
    float: left;
}

.one_third.gallery3.last {
    float: right;
    margin-right: 0;
}

.one_third.gallery3 img {
    max-width: 100%;
    display: block;
    position: relative;
}

.one_third.gallery3 .one_third_img {
    position: absolute;
}

.one_third.filterable.gallery3.portfolio_type {
    margin: 0;
}

.one_third.gallery3 a[rel=gallery] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    background: #000;
}

.two_third {
    float: left;
    width: 65.33%;
    margin-right: 4%;
    box-sizing: border-box;
}

.two_third.last {
    margin-right: 0;
    float: right;
    clear: right;
}

.one_fourth {
    width: 22%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2%;
    position: relative;
    box-sizing: border-box;
}

.one_fourth.last {
    width: 22%;
    margin-right: 0;
    float: right;
    clear: right;
}

.four_cols.gallery .element {
    width: 22.9%;
    margin-bottom: 2%;
    margin-right: 2%;
    padding: 0;
    box-sizing: border-box;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1 !important;
}

.four_cols.gallery .element.grid {
    padding: 0;
    background: transparent;
}

.four_cols.gallery .element.fade {
    opacity: 0.2 !important;
}

.four_cols.gallery .element .portfolio_title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    line-height: 1.65em;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.four_cols.gallery .element.hover .portfolio_title {
    visibility: visible;
    opacity: 1;
}

.four_cols.gallery .element .portfolio_title .table {
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: 85%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.four_cols.gallery .element:hover .portfolio_title .table {
    bottom: 20px;
}

.four_cols.gallery .element .portfolio_title h5 {
    font-size: 15px;
    color: #fff;
}

.four_cols.gallery .element .portfolio_title .post_detail {
    color: #fff;
}

#portfolio_filter_wrapper.shortcode.four_cols.gallery .element,
.portfolio_filter_wrapper.shortcode.four_cols.gallery .element {
    width: 24.9%;
    margin-right: 0;
    margin-bottom: 1px;
}

.one_fourth.gallery4 {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.one_fourth.gallery4 a {
    position: relative;
    display: block;
    line-height: 0;
}

.one_fourth.gallery4.static {
    overflow: hidden;
}

.element.classic4_cols {
    float: left;
}

.one_fourth.gallery4.last {
    float: right;
    margin-right: 0;
}

.one_fourth.portfolio4 {
    margin: 0;
}

.one_fourth.gallery4 .one_fourth_img {
    position: absolute;
}

.portfolio4filter_wrapper {
    float: left;
}

.one_fifth {
    width: 18%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    box-sizing: border-box;
}

.one_fifth.last {
    margin-right: 0;
}

.one_sixth {
    width: 11%;
    float: left;
    margin-right: 6%;
    margin-bottom: 2%;
    box-sizing: border-box;
}

.one_sixth.last {
    margin-right: 0;
}

.image_classic_frame {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    line-height: 0;
}

.image_classic_frame.border {
    border: 1px solid #e1e1e1;
}

.image_classic_frame.glow {
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.image_classic_frame.dropshadow {
    padding: 0;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

.image_classic_frame.bottomshadow {
    padding: 0;
    position: relative;
}

.image_classic_frame.bottomshadow:before,
.image_classic_frame.bottomshadow:after {
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    width: 60%;
    content: "";
    opacity: 0.7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 17px 10px rgba(0, 0, 0, 0.6);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    opacity: 0.5;
}

.image_classic_frame.bottomshadow:after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}

.image_classic_frame.bottomshadow img {
    margin: 0;
}

.image_caption {
    padding: 20px 0 5px 0;
    font-size: 11px;
}

.single_portfolio_gallery {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    top: -35px;
    background: #f0f0f0;
}

.single_portfolio_gallery i.fa {
    font-size: 30px;
    position: absolute;
    top: 43%;
    left: 49%;
}

.fullscreen_desc {
    width: 80%;
    margin: auto;
    margin-bottom: 10px;
}

.portfolio_desc {
    float: left;
    text-align: left;
    margin-top: 15px;
}

.portfolio_desc.team {
    width: 100%;
    float: none;
    margin-bottom: 25px;
}

.team_position {
    color: #999;
    font-size: 11px;
}

.portfolio_desc.last {
    float: right;
}

.portfolio_desc.portfolio4,
.portfolio_desc.portfolio3,
.portfolio_desc.portfolio2 {
    width: 100%;
    padding: 0;
}

.portfolio_desc p {
    margin: 10px 0 0 0;
}

.gallery-main {
    display: none;
}

.wall_thumbnail {
    float: left;
    width: 100%;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.wall_thumbnail img {
    display: block;
    position: relative;
    height: auto;
    max-width: 100%;
}

#photo_wall_wrapper,
.photo_wall_wrapper {
    width: 100%;
    margin: 0 auto;
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    visibility: hidden;
    opacity: 0;
    overflow: visible !important;
}

.photo_wall_wrapper.shortcode {
    width: 100%;
}

.photo_wall_wrapper.shortcode.withmargin {
    margin-left: 1%;
    margin-top: 1%;
    margin-bottom: 1%;
    width: 99%;
}

#photo_wall_wrapper.visible,
.photo_wall_wrapper.visible {
    visibility: visible;
    opacity: 1;
}

#photo_wall_wrapper.has_sidebar {
    width: 670px;
}

#photo_wall_wrapper .wall_entry,
.photo_wall_wrapper .wall_entry {
    float: left;
    border: none;
    padding: 0;
    position: relative;
    width: 24.9%;
    margin: 0;
    word-wrap: break-word;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#photo_wall_wrapper .wall_entry.fade,
.photo_wall_wrapper .wall_entry.fade {
    opacity: 0.2 !important;
}

#photo_wall_wrapper .wall_entry,
.photo_wall_wrapper .wall_entry.withmargin {
    width: 23.2%;
    margin: 0.5%;
    margin-bottom: 1%;
}

@media only screen and (min-width:1400px) {
    #photo_wall_wrapper .wall_entry,
    .photo_wall_wrapper .wall_entry {
        width: 19.99%;
        margin-bottom: 1%;
    }
    #photo_wall_wrapper .wall_entry,
    .photo_wall_wrapper .wall_entry.withmargin {
        width: 18.5%;
        margin: 0.5%;
        margin-bottom: 1%;
    }
}

@media only screen and (min-width:2100px) {
    #photo_wall_wrapper .wall_entry,
    .photo_wall_wrapper .wall_entry {
        width: 16.6%;
    }
    #photo_wall_wrapper .wall_entry,
    .photo_wall_wrapper .wall_entry.withmargin {
        width: 15%;
        margin: 0.5%;
    }
}

#photo_wall_wrapper .wall_entry .wall_entry_wrapper,
.photo_wall_wrapper .wall_entry .wall_entry_wrapper {
    position: relative;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
    overflow: visible !important;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    opacity: 1 !important;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.gallery_mansory_wrapper,
.gallery_mansory4_wrapper {
    padding: 0;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 960px;
}

.page-template-template-gallery-thumbnails-php .gallery_mansory_wrapper {
    padding: 0px;
    margin: 0 auto;
}

#vimeo_bg,
#youtube_bg {
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
}

#vimeo_bg .fluidvids,
#youtube_bg .fluidvids {
    width: 100%;
    height: 100%;
}

#vimeo_bg > iframe,
#youtube_bg > iframe {
    display: block;
    height: 100%;
    width: 100%;
}

.portfolio_tilter_wrapper {
    text-align: center;
}

.portfolio_filter_dropdown {
    width: 15em;
    background: #fff;
    position: relative;
    z-index: 9;
    margin-top: 20px;
    font-family: 'Noto Sans TC', sans-serif;
    display: inline-block;
    text-align: left;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#page_content_wrapper .inner .sidebar_wrapper .sidebar .content .portfolio_filter_dropdown {
    float: left;
    margin-bottom: 40px;
    margin-top: 0;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_title a {
    display: block;
    height: 3em;
    width: 100%;
    border-radius: 3px;
    text-decoration: none;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_title a span {
    display: block;
    padding: 0 1em;
    cursor: pointer;
    line-height: 3em;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_title a span:after {
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: 10%;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    line-height: 3em;
    font-size: 13px;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_select {
    position: relative;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_select ul.portfolio_select {
    display: none;
    position: absolute;
    left: 0;
    top: -3em;
    width: 100%;
    list-style: none;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_select ul.portfolio_select li a {
    display: block;
    padding: 0 1em;
    line-height: 3em;
    text-decoration: none;
    color: #888;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_select ul.portfolio_select li a:hover {
    background: #f9f9f9;
    color: #444;
}

#portfolio_filter_wrapper,
.portfolio_filter_wrapper {
    width: 960px;
    padding-top: 40px;
    height: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    visibility: hidden;
    opacity: 0;
}

.portfolio_filter_wrapper,
body.tax-portfoliosets #portfolio_filter_wrapper,
#portfolio_filter_wrapper {
    padding-top: 0;
}

#portfolio_filter_wrapper.visible,
.portfolio_filter_wrapper.visible {
    visibility: visible;
    opacity: 1;
}

#portfolio_filter_wrapper.gallery,
.portfolio_filter_wrapper.gallery {
    width: 98.3%;
    margin-left: 2%;
    box-sizing: border-box;
}

.page_content_wrapper.fullwidth #portfolio_filter_wrapper.gallery,
#page_content_wrapper.fullwidth #portfolio_filter_wrapper.gallery,
.page_content_wrapper.fullwidth .portfolio_filter_wrapper.gallery,
#page_content_wrapper.fullwidth .portfolio_filter_wrapper.gallery {
    width: 98.3%;
    margin-left: 2%;
    box-sizing: border-box;
}

#portfolio_filter_wrapper.shortcode,
.portfolio_filter_wrapper.shortcode {
    padding-top: 0;
    width: 100%;
}

body.single-attachment p.attachment {
    display: none;
}

.gallery_type,
.portfolio_type {
    opacity: 0;
}

.gallery_img {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.project_info_label {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: #999;
}

.project_info_value {
    font-size: 20px;
    color: #444;
    margin-bottom: 20px;
}

.one_fourth.withbg .page_content_wrapper,
.one_third.withbg .page_content_wrapper,
.one_half.withbg .page_content_wrapper,
.two_third.withbg .page_content_wrapper {
    padding: 0 10% 0 10%;
    box-sizing: border-box;
}

.ppb_fullwidth_button h2.title {
    font-size: 22px;
    display: block;
    float: left;
}

.ppb_fullwidth_button .button {
    float: right;
}

.error_box {
    background: #efc337;
    margin: 0 auto;
    width: 310px;
    height: 310px;
    position: relative;
}

.error_box .error_type {
    font-size: 156px;
    text-align: right;
    letter-spacing: -15px;
    margin-bottom: 0;
    color: #fff;
    line-height: 0;
    right: 0;
    bottom: -26px;
    position: absolute;
    letter-spacing: -15px;
}

.error_text {
    font-size: 53px;
    letter-spacing: -1.5px;
    color: #efc337;
    margin-top: 0;
    text-transform: uppercase;
    text-align: center;
    padding: 0 !important;
}

.footer_before_widget {
    margin-top: 30px;
    text-align: center;
}

.footer_before_widget .footer_logo.logo_wrapper img {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
}

#footer_before_widget_text {
    color: #ccc;
    text-align: center;
    width: 50%;
    margin: auto;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
}

#footer_before_widget_text:empty {
    display: none;
}

h1.page-title {
    display: none;
}

#page_content_wrapper .inner .sidebar_content ul.products {
    margin: 0;
    padding-top: 20px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 23%;
    margin-right: 2.5%;
}

.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
    margin-right: 0;
}

.woocommerce .woocommerce-ordering select {
    border: 0;
    background: transparent;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 14px;
}

.woocommerce .woocommerce-result-count {
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 14px;
}

.woocommerce ul.products li.product h3 {
    font-size: 1em;
}

.woocommerce ul.products li.product .price {
    font-family: 'Noto Sans TC', sans-serif;
    color: #444;
    font-size: 1.3em;
    font-weight: bold;
}

.woocommerce ul.products li.product .button {
    background: transparent;
    padding: 0;
    text-transform: none;
    font-size: 12px;
    font-family: 'Noto Sans TC', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
}

.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
    outline: 0;
    border: 1px solid #e1e1e1 !important;
    height: 39px;
}

.woocommerce-page div.product form.cart .button {
    width: auto !important;
    margin-left: 5px;
    letter-spacing: 1px !important;
    padding: .8em 1.5em .8em 1.5em !important;
    border: 0 !important;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    box-shadow: 0px 0px 0px black !important;
    width: 100% !important;
    text-align: center !important;
    margin: auto !important;
}

.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
    font-size: 14px !important;
    margin-top: 5px !important;
    padding-bottom: 0;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
    font-size: 0.9em !important;
}

.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    text-decoration: none !important;
    font-size: 16px !important;
    color: #efc337;
}

.woocommerce ul.cart_list li ins,
.woocommerce ul.product_list_widget li ins,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li ins {
    text-decoration: none;
    font-weight: bold;
}

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
    display: none !important;
}

.woocommerce ul.cart_list li img,
.woocommerce-page ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.product_list_widget li img {
    box-shadow: 0px 0px 0px black !important;
    -webkit-box-shadow: 0px 0px 0px black !important;
    -moz-box-shadow: 0px 0px 0px black !important;
    width: 45px;
    height: auto;
}

.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img,
.woocommerce #content div.product div.images img,
.woocommerce-page #content div.product div.images img {
    box-shadow: 0px 0px 0px black !important;
    -webkit-box-shadow: 0px 0px 0px black !important;
    -moz-box-shadow: 0px 0px 0px black !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs,
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
    margin-left: 0 !important;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h1 {
    font-size: 30px !important;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h2 {
    font-size: 18px !important;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h3 {
    font-size: 16px !important;
    padding-bottom: 0;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h4 {
    font-size: 14px !important;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h5 {
    font-size: 13px !important;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h6 {
    font-size: 12px !important;
}

.woocommerce div.product div.images div.thumbnails a,
.woocommerce-page div.product div.images div.thumbnails a,
.woocommerce #content div.product div.images div.thumbnails a,
.woocommerce-page #content div.product div.images div.thumbnails a {
    margin-bottom: 3.8%;
}

div[itemprop="description"] {
    margin: 5px 0 10px 0;
    padding-left: 0 !important;
}

.review-summary {
    display: none !important;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce-page .widget_shopping_cart .total {
    font-size: 14px !important;
    color: #000;
    padding-top: 10px !important;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce-page .widget_shopping_cart .total {
    border: 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
    background: #444 !important;
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5) !important;
    -webkit-box-shadow: inset 0 0 0 0 rgba(204, 204, 204, 0.5) !important;
    -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5) !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
    border: 1px solid #e1e1e1 !important;
    background: #fff !important;
}

.woocommerce #page_content_wrapper a.button,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover {
    text-transform: none !important;
    border: 0 !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Verdana, sans-serif !important;
    font-weight: normal !important;
    position: relative !important;
    padding-left: 20px !important;
    background: transparent !important;
    margin-top: 0;
    opacity: 0.3;
    color: #444 !important;
    font-size: 12px !important;
}

.woocommerce #page_content_wrapper a.button:hover,
.woocommerce-page #page_content_wrapper a.button:hover,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover {
    opacity: 1;
}

.woocommerce.columns-4 ul.products li.product a.add_to_cart_button {
    color: #000 !important;
    font-size: 100% !important;
}

.woocommerce #page_content_wrapper a.button:before,
.woocommerce-page #page_content_wrapper a.button:before,
.woocommerce .products a.button:before {
    position: absolute;
    margin-left: -20px;
    color: inherit;
    font-family: "FontAwesome";
    content: '\f07a';
}

.woocommerce #page_content_wrapper a.button.product_type_variable:before,
.woocommerce-page #page_content_wrapper a.button.product_type_variable:before {
    content: '\f03a';
}

.woocommerce ul.products li.product:hover a.add_to_cart_button,
.woocommerce-page ul.products li.product:hover {
    border-color: #777 !important;
}

.woocommerce div.product form.cart .button,
.woocommerce-page div.product form.cart .button,
.woocommerce #content div.product form.cart .button,
.woocommerce-page #content div.product form.cart .button {
    opacity: 1 !important;
}

.woocommerce .widget_shopping_cart .widget_shopping_cart_content a.button,
.woocommerce table.cart td.actions .button.alt.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce table.cart td.actions .button.alt {
    background: #444 !important;
    color: #fff !important;
    text-shadow: none !important;
    border-color: #444 !important;
    font-weight: normal !important;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a,
.woocommerce-page ul.cart_list li a,
.woocommerce-page ul.product_list_widget li a {
    font-weight: normal !important;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
    width: 70px !important;
    float: left !important;
    margin-right: 15px !important;
    margin-left: 0 !important;
}

.woocommerce #reviews #comments ol.commentlist,
.woocommerce-page #reviews #comments ol.commentlist {
    margin-top: 20px !important;
}

.cart-collaterals .cart_totals table {
    width: 100% !important;
}

.woocommerce .related ul.products li.product,
.woocommerce .related ul li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce .upsells.products ul li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .upsells.products ul.products li.product,
.woocommerce-page .upsells.products ul li.product {
    width: 23% !important;
}

.woocommerce table.cart a.remove,
.woocommerce #content table.cart a.remove,
.woocommerce-page table.cart a.remove,
.woocommerce-page #content table.cart a.remove {
    color: #999 !important;
}

.woocommerce table.cart a.remove:hover,
.woocommerce #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover {
    color: #fff !important;
}

body[data-shop=three_cols].woocommerce ul.products li.product,
body[data-shop=three_cols].woocommerce-page ul.products li.product {
    width: 31.2% !important;
}

.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
    margin-right: 0 !important;
}

body.woocommerce .page-title {
    display: none;
}

.woocommerce-page div.product div.images div.thumbnails {
    display: none;
}

p.price {
    padding-top: 0 !important;
    margin-top: -10px !important;
}

p.price ins span.amount,
p.price span.amount,
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
    font-weight: bold;
    font-size: 18px;
    color: #efc337;
}

p.price del span.amount {
    color: #ccc !important;
    font-size: 16px;
}

span.price del span.amount {
    font-size: 13px;
}

#tab-description h2,
.woocommerce #reviews #comments h2,
.woocommerce-page #reviews #comments h2 {
    font-size: 18px;
}

.checkout h3 {
    font-size: 18px;
    margin: 15px 0 15px 0;
}

.related.products h2,
.cart_totals h2,
.shipping_calculator h2,
.upsells.products h2,
.cross-sells h2 {
    font-size: 18px;
    margin-bottom: 15px;
}

.cart_totals h2 {
    display: none;
}

.shipping_calculator h2 {
    text-align: left;
}

.related.products {
    margin-top: 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before {
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0px !important;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0px !important;
}

.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
    border: 1px solid #e1e1e1;
    padding: 25px;
    box-sizing: border-box;
    background: #fff;
}

.woocommerce #reviews #comments ol.commentlist li,
.woocommerce-page #reviews #comments ol.commentlist li {
    width: 100%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    background: #ebebeb !important;
    border: 0 !important;
    box-shadow: none !important;
    visibility: visible !important;
    border: 1px solid #e1e1e1 !important;
    border-bottom: 0 !important;
    border-radius: 0px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child {
    margin-left: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
    padding: 10px 30px 9px 30px !important;
    font-weight: normal !important;
    font-size: 14px !important;
    text-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff !important;
    color: #000 !important;
    border-radius: 0px !important;
    height: auto !important;
    padding: 0 !important;
    border: 1px solid #e1e1e1 !important;
    border-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a {
    color: #000 !important;
    font-weight: bold !important;
    border-radius: 0px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
    padding-left: 0 !important;
}

.widget_shopping_cart_content a.button {
    margin-right: 5px !important;
}

.woocommerce div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price {
    font-size: 1.5em !important;
}

.woocommerce-page div.product p.price ins {
    text-decoration: none !important;
}

.product_meta > span {
    clear: both;
    display: block;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after {
    border: 0 !important;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    box-shadow: 0 0 0 #000 !important;
    border-radius: 0 !important;
}

.woocommerce-message {
    background: #23B064 !important;
    border-color: #23B064 !important;
    color: #fff !important;
    text-shadow: none !important;
    padding: 1.3em 1.2em 1.1em 3.2em !important;
}

.woocommerce-info {
    background: #4db2ec !important;
    border-color: #4db2ec !important;
    color: #fff !important;
    text-shadow: none !important;
    padding: 1.3em 1.2em 1.1em 3.2em !important;
}

.woocommerce-error {
    background: #e62c22 !important;
    border-color: #e62c22 !important;
    color: #fff !important;
    text-shadow: none !important;
    padding: 1.3em 1.2em 1.1em 3.2em !important;
}

.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a {
    color: #fff !important;
}

.woocommerce-message:before,
.woocommerce-error:before,
.woocommerce-info:before {
    box-shadow: none !important;
    top: 0.4em !important;
    background: #23B064 !important;
}

.woocommerce-info:before {
    background: #4db2ec !important;
}

.woocommerce-error:before {
    background: #e62c22 !important;
}

.woocommerce .woocommerce-message a.button {
    display: none;
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals,
#order_review {
    margin-bottom: 0;
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
    text-align: left;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    border-bottom: 0;
}

.post_carousel.flexslider .slides > li {
    margin-right: 20px;
}

.woocommerce-page .products .star-rating {
    float: right;
    margin-top: 5px;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}

.woocommerce span.onsale,
.woocommerce-page span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    background: #ff3e36;
    margin-top: -6px;
    margin-left: -6px;
    left: 0;
    right: auto;
}

.woocommerce #content nav.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination,
.woocommerce-page #content nav.woocommerce-pagination,
.woocommerce-page nav.woocommerce-pagination {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
    border: 0;
}

.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #888;
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
    overflow: hidden;
}

.woocommerce-page nav.woocommerce-pagination ul li a {
    color: #888;
    line-height: 1.3em;
}

.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:active {
    border-color: #e1e1e1;
    background: #fcfcfc;
    color: #000000 !important;
    font-weight: bold;
    line-height: 1.3em;
}

.woocommerce .woocommerce-pagination ul.page-numbers,
.woocommerce-page .woocommerce-pagination ul.page-numbers {
    margin-left: 0 !important;
}

.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a {
    text-align: center;
}

.price_slider_wrapper {
    margin-top: 30px;
}

.woocommerce-page ul.product_list_widget li .star-rating {
    display: none;
}

.woocommerce-page ul.product_list_widget li a {
    font-weight: 600 !important;
}

.woocommerce-page ul.product_list_widget li .amount {
    font-weight: 400;
    color: #444;
}

.woocommerce-page ul.product_list_widget li del .amount {
    color: #ccc;
}

.woocommerce-page .price_label {
    font-weight: 400;
}

.woocommerce-page ul.product_list_widget li ins {
    background: transparent;
}

.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce-page .widget_price_filter .price_slider_amount .button {
    float: left !important;
}

ul.product_list_widget li {
    padding: 10px 0 10px 0 !important;
}

.woocommerce #content div.product,
.woocommerce div.product,
.woocommerce-page #content div.product,
.woocommerce-page div.product {
    clear: both;
}

.woocommerce .woocommerce-product-rating,
.woocommerce-page .woocommerce-product-rating {
    float: right;
}

.woocommerce-review-link {
    color: #000 !important;
}

.woocommerce-page div.product form.cart {
    margin-top: 2em;
}

.woocommerce .woocommerce-error:after,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:after,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:after,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:after,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:after,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:after,
.woocommerce-page .woocommerce-message:before {
    display: block;
    clear: none;
}

.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
    width: 70px;
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
    font-size: 14px;
    padding: 12px 12px 10px 12px;
}

.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
    line-height: 1em;
}

.woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after,
.woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after,
.wc-forward a:after,
.wc-forward:after {
    display: none;
}

#page_content_wrapper .inner .sidebar_content ul.products {
    margin-left: 0 !important;
}

.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
    border-top: 0;
    padding: 15px 12px;
}

.shipping-calculator-button {
    color: #000;
}

.product-subtotal .amount {
    color: #000;
    font-weight: 400;
}

.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
    width: 100%;
    float: none;
}

.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
    margin-top: 10px;
}

.woocommerce-page table.cart th,
table.shop_table thead tr th {
    border-bottom: 1px solid #e1e1e1;
    color: #000;
    font-weight: 400;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    border-radius: 0 !important;
    border-bottom: 1px solid #e1e1e1;
}

.woocommerce table.shop_table.cart,
.woocommerce-page table.shop_table.cart {
    border: 0;
}

.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
    border-bottom: 0 !important;
    padding-top: 40px;
}

.woocommerce table.cart td.actions .coupon .input-text#coupon_code {
    width: 200px;
    padding: 12px 10px 8px 10px;
    border-radius: 0;
    box-shadow: 0 0 0 0;
    margin-right: 10px;
}

.woocommerce .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-page .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-page .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-page .cart-collaterals .cart_totals tr td,
.woocommerce-page .cart-collaterals .cart_totals tr th {
    border-bottom: 0;
}

.woocommerce-page #payment ul.payment_methods label {
    display: inline-block;
    clear: none;
    width: auto;
}

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
    margin-top: 0;
}

.woocommerce #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
    border-bottom: 0;
}

.woocommerce #payment div.form-row,
.woocommerce-page #payment div.form-row {
    border-top: 0;
}

.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before {
    color: #444;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: 1em;
}

strong[itemprop="author"] {
    font-size: 1em;
    font-weight: 400;
    color: #000;
    font-weight: 600 !important;
    font-family: 'Noto Sans TC', sans-serif;
    text-transform: uppercase;
}

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
    background: #fff !important;
    box-shadow: 0 0 0 0;
}

.woocommerce #payment div.payment_box:after,
.woocommerce-page #payment div.payment_box:after {
    display: none !important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
    border: 0 !important;
    border-bottom: 1px solid #e1e1e1 !important;
    padding: 0;
}

.woocommerce ul.products li.product a .star-rating,
.woocommerce-page ul.products li.product a .star-rating {
    display: none !important;
}

.woocommerce #review_form #respond {
    width: 100%;
}

.woocommerce #reviews h3 {
    text-align: left;
}

h1.product_title {
    font-size: 26px;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    display: none;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 2em 0;
}

.woocommerce-page div.product form.cart .button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    border-radius: 0 !important;
}

.return-to-shop .wc-backward {
    padding-left: 35px !important;
}

.return-to-shop {
    padding: 0 0 2em 0 !important;
}

.woocommerce-checkout-payment {
    margin-bottom: 4em !important;
}

.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
    margin-top: 11px;
}

@import "reset.css";
@import "wordpress.css";
body {
    background: #ffffff;
    font-family: 'Noto Sans TC', sans-serif;
    padding: 0;
    margin: 0;
    color: #444;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1.6;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch;
}

body.overflow_hidden {
    overflow: hidden;
}

body.loading #wrapper {
    opacity: .3;
}

body.notouch {
    -webkit-overflow-scrolling: auto !important;
}

body.js_nav #wrapper {
    -webkit-transform: translate(-260px, 0px);
    -moz-transform: translate(-260px, 0px);
    transform: translate(-260px, 0px);
}

body.page-template-page_blank-php #wrapper {
    height: 100%;
    position: absolute;
    width: 100% !important;
    margin: 0;
    display: table;
    vertical-align: middle;
    float: none;
    top: 0;
    left: 0;
}

body.js_nav .tf_bg img {
    position: static;
}

.floatleft {
    float: left !important;
}

.ppb_wrapper .floatleft.nopadding {
    width: 100%;
}

.floatright {
    float: right !important;
}

.divider {
    clear: both;
}

#wrapper {
    float: left;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    padding-top: 97px;
}

#wrapper.hasbg {
    padding-top: 0 !important;
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ebebeb;
    background: transparent;
    margin: auto;
    width: 100%;
    clear: both;
}

hr.small {
    width: 20%;
}

hr.thick {
    border-top: 3px solid #ebebeb;
}

hr.dotted {
    border-top: 2px dotted #ebebeb;
}

hr.dashed {
    border-top: 2px dashed #ebebeb;
}

hr.faded {
    border: 0;
    height: 1px;
}

hr.faded:before {
    top: -0.5em;
    height: 1em;
}

hr.faded:after {
    content: '';
    height: 0.5em;
    top: 1px;
}

hr.faded,
hr.faded:before {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}

.hr_totop {
    position: relative;
    top: -15px;
    right: 0;
    float: right;
    display: block;
    background: #fff;
    z-index: 2;
    padding: 0 0 0 7px;
    font-size: 13px;
    color: #000;
    font-weight: 900;
}

.small_line {
    height: 1px;
    border: 0;
    border-top: 1px solid #666;
    background: transparent;
    margin: auto;
    width: 30px;
    display: block;
    margin-top: 30px;
}

a {
    color: #222;
    text-decoration: none;
    -webkit-transition: color .2s linear, background .1s linear;
    -moz-transition: color .2s linear, background .1s linear;
    -ms-transition: color .2s linear, background .1s linear;
    -o-transition: color .2s linear, background .1s linear;
    transition: color .2s linear, background .1s linear;
}

a:hover,
.post_header h5 a:hover {
    color: #000;
    text-decoration: none;
}

a:active,
.post_header h5 a:active {
    color: #000;
    text-decoration: none;
}

.20,
a.comment-reply-link {
    color: #222;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 30px;
}

h2.number {
    font-size: 50px;
    line-height: 50px;
}

.mobile_menu_wrapper #searchform {
    background: #333;
    width: 85%;
}

.mobile_menu_wrapper #searchform input[type=text] {
    background: transparent;
    width: 80%;
    border: 0;
    display: inline-block;
    color: #fff;
}

.mobile_menu_wrapper #searchform button {
    background: transparent;
    display: inline-block;
    border: 0;
}

.mobile_menu_wrapper #searchform button i {
    color: #fff;
    font-size: 13px;
    opacity: 0.5;
}

.mobile_menu_wrapper .widget_search #searchform {
    background: transparent !important;
    width: 100%
}

.mobile_menu_wrapper .widget_search #searchform input[type=text] {
    background: #333;
    width: 100%;
}

h3 {
    font-size: 26px;
}

h3#reply-title {
    font-size: 18px;
}

h4 {
    font-size: 22px;
}

.gmap_marker h4 {
    font-size: 18px;
    color: #000;
}

h5 {
    font-size: 18px;
}

h5.related_post,
.fullwidth_comment_wrapper h5.comment_header {
    text-align: center;
}

h6 {
    font-size: 16px;
}

h7 {
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    color: #0d6fb8;
    font-family: 'Noto Sans TC', sans-serif;
    letter-spacing: 0px;
    font-weight: 400;
}

.space {
    margin-bottom: 5px;
}

.middle {
    vertical-align: -30%;
}

pre,
code,
tt {
    font: 12px 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
    padding: 15px 10px 15px 10px;
    display: block;
    overflow: auto;
    margin-top: 20px;
    margin: 20px 0 20px 0;
    width: 92%;
    border: 0;
    color: #000;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.clear {
    clear: both;
}

img.mid_align {
    vertical-align: middle;
    margin-right: 5px;
    border: 0;
}

.fullwidth_comment_wrapper {
    width: 100%;
    float: left;
    margin-top: 40px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.fullwidth_comment_wrapper:empty {
    display: none;
}

#commentform {
    margin-left: -1.33333rem;
}

#commentform label {
    display: none;
}

.logged-in-as {
    display: none;
}

#commentform > p {
    border-left: 0 solid transparent;
    border-left-width: 24px;
}

#commentform p.comment-form-author,
#commentform p.comment-form-email,
#commentform p.comment-form-url {
    float: left;
    width: 30.7%;
}

#page_content_wrapper .inner .sidebar_content #commentform p.comment-form-author,
#page_content_wrapper .inner .sidebar_content #commentform p.comment-form-email,
#page_content_wrapper .inner .sidebar_content #commentform p.comment-form-url {
    width: 29.7%;
}

@-moz-document url-prefix() {
    #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-author,
    #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-email,
    #page_content_wrapper .inner .sidebar_content #commentform p.comment-form-url {
        width: 29.4%;
    }
    #commentform p.comment-form-author,
    #commentform p.comment-form-email,
    #commentform p.comment-form-url {
        float: left;
        width: 30.6%;
    }
}

::-webkit-input-placeholder {
    color: #999;
    font-style: italic;
}

:-moz-placeholder {
    color: #999;
    font-style: italic;
}

::-moz-placeholder {
    color: #999;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #999;
    font-style: italic;
}

#contact_form input[type="text"],
#contact_form textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
    margin-bottom: 15px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#commentform input[type=text]:focus,
#commentform input[type=email]:focus,
#commentform input[type=url]:focus,
#commentform textarea:focus {
    border-color: #444;
}

.dropcap1 {
    display: block;
    float: left;
    margin: 0 8px 0 0;
    font-size: 24px;
    line-height: 40px;
    background: #333;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    text-shadow: none;
}

blockquote {
    font-size: 20px;
    font-family: 'Noto Sans TC', sans-serif;
    color: #444;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

blockquote p {
    padding: 0 !important;
}

blockquote h2 {
    font-weight: normal;
    font-size: 22px;
}

blockquote h3 {
    font-weight: normal;
    font-size: 20px;
}

#respond {
    width: 100%;
    float: left;
}

#respond h3,
#respond .comment-notes {
    text-align: center;
}

.logo_container {
    float: left;
    display: table;
    height: 100%;
}

.logo_align {
    display: table-cell;
    vertical-align: middle;
}

.logo_wrapper {
    margin: 0;
    -webkit-transition: margin 0.3s, display 0.3s;
    -moz-transition: margin 0.3s, display 0.3s;
    transition: margin 0.3s, display 0.3s;
}

.logo_wrapper.hidden {
    display: none;
}

.logo_wrapper img {
    transition: transform 0.2s linear;
    transform: scale(1);
    width: auto;
    max-height: 50%;
}

.logo_wrapper img.zoom {
    transform: scale(0.8) !important;
}

.above_top_bar {
    height: 30px;
    background: #f0c537;
    position: relative;
    z-index: 3;
}

.header_style_wrapper {
    width: 100%;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
}

body.admin-bar .header_style_wrapper {
    padding-top: 32px;
}

.header_style_wrapper.nofixed {
    display: none;
}

.top_bar {
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    height: 96px;
    background: #fff;
    background: rgb(256, 256, 256, 0.95);
    background: rgba(256, 256, 256, 0.95);
    border-bottom: 1px solid #e1e1e1;
    float: left;
    -webkit-transition: height 0.3s, background 0.3s;
    -moz-transition: height 0.3s, background 0.3s;
    transition: height 0.3s, background 0.3s;
}

.top_bar.hasbg {
    background: transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: 0;
}

.top_bar.noopacity {
    background: #fff !important;
}

#mobile_menu {
    display: none;
    cursor: pointer;
}

#menu_wrapper {
    margin: auto;
    width: 960px;
    height: 100%;
}

#nav_wrapper {
    float: left;
    display: table;
    height: 100%;
    margin-left: 35px;
}

.nav_wrapper_inner {
    display: table-cell;
    vertical-align: middle;
}

#menu_border_wrapper {
    display: inline-block;
}

#autocomplete {
    display: none;
    position: absolute;
    z-index: 1001;
    width: 300px;
    background: #fff;
    right: 67px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

#autocomplete.visible {
    display: block;
}

@-moz-document url-prefix() {
    #autocomplete {
        margin-top: 20px;
    }
}

#autocomplete ul {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    list-style: none;
    width: 100%;
}

#autocomplete li {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e1e1;
}

#autocomplete li:first-child {
    margin-top: 10px;
}

#autocomplete li:last-child {
    margin-top: 10px;
    border: 0;
}

#autocomplete li strong {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

#autocomplete li.view_all {
    font-weight: bold;
    text-align: center;
    font-family: 'Noto Sans TC', sans-serif;
    margin-top: 0;
    text-transform: uppercase;
}

#autocomplete li .ajax_post {
    float: left;
    width: calc(100% - 50px);
    margin-left: 10px;
}

#mobile_nav_icon {
    display: inline-block;
    border-bottom: 9px double #444;
    border-top: 3px solid #444;
    height: 3px;
    width: 25px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
    margin-left: 10px;
    top: 3px;
}

.top_bar.hasbg #mobile_nav_icon {
    border-color: #fff;
}

.header_cart_wrapper {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.header_cart_wrapper .cart_count {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 9px;
    border-radius: 50px;
    background: #000;
    color: #fff;
    z-index: 2;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}

.header_cart_wrapper i {
    font-size: 18px !important;
    margin-right: 0 !important;
}

.mobile_menu_wrapper {
    right: 0px;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-transform: translate(260px, 0px);
    -ms-transform: translate(260px, 0px);
    transform: translate(260px, 0px);
    -o-transform: translate(260px, 0px);
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-overflow-scrolling: touch;
    width: 260px;
    padding: 35px 40px 35px 40px;
    box-sizing: border-box;
    background: #111111;
    position: fixed;
    top: 0px;
    height: 100%;
    z-index: 9;
    color: #999;
}

body.js_nav .mobile_menu_wrapper {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#close_mobile_menu {
    font-size: 22px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 28px;
    opacity: 0.3;
    top: 38px;
    opacity: 0.3;
}

#close_mobile_menu:hover {
    opacity: 1;
}

#close_mobile_menu i {
    color: #fff;
}

.mobile_main_nav,
#sub_menu {
    margin-top: 40px;
    margin-bottom: 40px;
    list-style: none;
    overflow: hidden;
    width: 100%;
}

#sub_menu .sub-menu {
    margin-left: 15px;
    list-style: circle;
}

#sub_menu li {
    width: 100%;
}

.mobile_main_nav li a,
#sub_menu li a {
    color: #777;
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 3em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Noto Sans TC', sans-serif;
}

.mobile_main_nav li a:hover,
.mobile_main_nav li a:active,
#sub_menu li a:active {
    color: #fff;
}

.mobile_main_nav li.menu-item-has-children > a:after {
    font-size: 11px;
    position: absolute;
    left: 220px;
    font-family: 'FontAwesome';
    content: "\f054";
    margin-top: 1px;
}

.mobile_main_nav li ul.sub-menu {
    display: none;
}

.mobile_main_nav.mainnav_in {
    -webkit-animation: mainNavIn 0.2s;
    animation: mainNavIn 0.2s;
}

.mobile_main_nav.mainnav_out {
    -webkit-animation: mainNavOut 0.2s;
    animation: mainNavOut 0.2s;
}

#sub_menu.subnav_out {
    -webkit-animation: subNavOut 0.2s;
    animation: subNavOut 0.2s;
}

#sub_menu.subnav_in {
    -webkit-animation: subNavIn 0.2s;
    animation: subNavIn 0.2s;
}

#sub_menu li ul a:after {
    display: none;
}

#menu_back {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px !important;
    margin-bottom: 5px;
}

#menu_back:before {
    font-size: 12px;
    margin-right: 0.7em;
    position: relative;
    top: -1px;
    display: inline;
    font-family: 'FontAwesome';
    content: "\f104";
}

#overlay_background {
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#overlay_background.visible {
    opacity: 1;
    visibility: visible;
}

.header_style_wrapper.fixed .top_bar #menu_border_wrapper .notice {
    margin-top: 24px;
}

.nav,
.subnav,
.nav_page_number {
    list-style: none;
    float: right;
    padding: 10px 0 10px 0;
}

.subnav {
    background: none;
}

.nav > li,
.nav_page_number > li {
    display: inline-block;
}

.nav_page_number {
    margin-top: 2px;
}

#menu_wrapper .nav ul,
#menu_wrapper div .nav {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    float: right;
}

#menu_wrapper .nav ul li,
#menu_wrapper div .nav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    background-color: rgba(256, 256, 256, 0);
}

#menu_wrapper .nav ul li ul li,
#menu_wrapper div .nav li ul li {
    clear: both;
    width: 100%;
    padding: 0 !important;
    margin: 0;
    text-align: left !important;
}

#menu_wrapper .nav ul li:last-child,
#menu_wrapper div .nav li:last-child {
    margin-right: 0;
}

#menu_wrapper .nav ul li a,
#menu_wrapper div .nav li > a {
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #888;
    font-size: 16px;
    padding: 37px 15px 27px 15px;
    font-weight: 400;
    font-family: 'Noto Sans TC', sans-serif;
	letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
}

.top_bar.fullscreen_video #menu_wrapper div .nav > li > a,
.top_bar.fullscreen_video i,
.top_bar.fullscreen_video #searchform label,
.top_bar.hasbg #menu_wrapper div .nav > li > a,
.top_bar.hasbg i,
.top_bar.hasbg .top_contact_info,
.top_bar.hasbg .top_contact_info a,
.top_bar.hasbg .top_contact_info a:hover,
.top_bar.hasbg .top_contact_info a:active {
    color: #fff !important;
}

#menu_wrapper .nav li.arrow > a:after,
#menu_wrapper div .nav li.arrow > a:after {
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: 10%;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    margin-left: 8px;
    margin-top: 5px;
}

#menu_wrapper .nav ul li.arrow > a:after,
#menu_wrapper div .nav li.arrow > a:after {
    font-size: 16px;
}

#menu_wrapper .nav ul li a.hover,
#menu_wrapper .nav ul li a:hover,
#menu_wrapper div .nav li a.hover,
#menu_wrapper div .nav li a:hover {
    color: #0d6fb8;
    z-index: 2;
    position: relative;
}

#menu_wrapper div .nav > li.current-menu-item > a,
#menu_wrapper div .nav > li.current-menu-parent > a,
#menu_wrapper div .nav > li.current-menu-ancestor > a {
    color: #0d6fb8;
    z-index: 2;
    position: relative;
}

#menu_wrapper .nav ul li ul,
#menu_wrapper div .nav li ul {
    display: none;
    list-style: none;
    background: #fff;
    border: 0;
    position: absolute;
    padding: 0;
    width: 210px;
    height: auto;
    z-index: 10;
    margin: 0;
    margin-left: -5px;
    margin-top: 0;
    z-index: 9;
    border: 0;
    border-top: 2px solid #f8b62b;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

#menu_wrapper .nav ul li ul li ul,
#menu_wrapper div .nav li ul li ul {
    position: absolute;
    left: 210px;
    padding: 0;
    margin-top: -42px;
    margin-left: 0;
    display: none;
    z-index: 9;
    opacity: 1;
    border: 0;
}

#menu_wrapper .nav ul li ul li ul:before,
#menu_wrapper div .nav li ul li ul:before {
    display: none;
}

#menu_wrapper .nav ul li:hover ul,
#menu_wrapper div .nav li:hover ul {
    display: block;
}

#menu_wrapper div .nav li ul li a,
#menu_wrapper div .nav li.current-menu-item ul li a,
#menu_wrapper div .nav li ul li.current-menu-item a,
#menu_wrapper .nav ul li ul li a,
#menu_wrapper .nav ul li.current-menu-item ul li a,
#menu_wrapper .nav ul li ul li.current-menu-item a,
#menu_wrapper div .nav li.current-menu-parent ul li a,
#menu_wrapper div .nav li ul li.current-menu-parent a {
    color: #888;
    display: block;
    background: transparent;
    height: auto;
}

#menu_wrapper .nav ul li ul li a,
#menu_wrapper div .nav li ul li a,
#menu_wrapper div .nav li.current-menu-parent ul li a {
    width: 170px;
    display: block;
    border-top: 0;
    border: 0;
    margin: 0;
    font-size: 13px;
    padding: 10px 20px 10px 20px;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
    border-bottom: 0 !important;
    -webkit-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -ms-transition: color .2s linear, background .2s linear;
    -o-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear;
}

#menu_wrapper .nav ul li ul li ul li a:hover,
#menu_wrapper .nav ul li ul li ul li a:hover,
#menu_wrapper div .nav li ul li ul li a:hover,
#menu_wrapper div .nav li ul li ul li a:hover,
#menu_wrapper div .nav li.current-menu-item ul li ul li a:hover,
#menu_wrapper div .nav li.current-menu-parent ul li ul li a:hover {
    color: #444;
    background: #f9f9f9;
}

#menu_wrapper .nav ul li.megamenu > ul,
#menu_wrapper div .nav li.megamenu > ul {
    position: absolute;
    width: 960px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    box-sizing: border-box;
}

#menu_wrapper .nav ul li:not(.megamenu) ul.sub-menu li.arrow > a:after,
#menu_wrapper div .nav li:not(.megamenu) ul.sub-menu li.arrow > a:after {
    font-size: 11px;
    margin-left: 0.5em;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: 10%;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    font-family: 'FontAwesome';
    content: "\f105";
    float: right;
    margin-right: 0px;
    margin-top: 5px;
}

#menu_wrapper div .nav li.megamenu ul li {
    display: block;
    box-sizing: border-box;
    clear: none;
    float: left;
    border-left: 1px solid #eeeeee;
}

#menu_wrapper div .nav li.megamenu ul li.hidden > a {
    display: none;
}

#menu_wrapper div .nav li.megamenu ul li:first-child {
    border: 0;
}

#menu_wrapper div .nav li.megamenu.col2 ul li {
    width: 50%;
    padding: 0px 12px;
}

#menu_wrapper div .nav li.megamenu.col3 ul li {
    width: 33.3%;
    padding: 0px 12px;
}

#menu_wrapper div .nav li.megamenu.col4 ul li {
    width: 25%;
    padding: 0px 12px;
}

#menu_wrapper .nav ul li.megamenu ul li ul,
#menu_wrapper div .nav li.megamenu ul li ul {
    position: relative;
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: 0 0 0;
    display: block !important;
    opacity: 1 !important;
    left: 0;
}

#menu_wrapper .nav ul li.megamenu ul li ul li,
#menu_wrapper div .nav li.megamenu ul li ul li {
    width: 100% !important;
    border: 0 !important;
}

#menu_wrapper div .nav li.megamenu ul li > a,
#menu_wrapper div .nav li.megamenu ul li > a:hover,
#menu_wrapper div .nav li.megamenu ul li> a:active {
    width: 100%;
    color: #444;
    box-sizing: border-box;
    font-size: 15px;
    background: transparent;
}

#menu_wrapper .nav ul li.megamenu ul li ul li a,
#menu_wrapper div .nav li.megamenu ul li ul li a {
    font-size: 13px;
    color: #888;
}

#menu_wrapper .nav ul li.megamenu ul li ul li a:before,
#menu_wrapper div .nav li.megamenu ul li ul li a:before {
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: 10%;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    font-family: 'FontAwesome';
    content: "\f105";
    float: left;
    margin-right: 8px;
    margin-top: 4px;
}

#menu_wrapper .nav ul li.megamenu ul li ul li a:hover,
#menu_wrapper div .nav li.megamenu ul li ul li a:hover,
#menu_wrapper .nav ul li.megamenu ul li ul li a:active,
#menu_wrapper div .nav li.megamenu ul li ul li a:active {
    font-size: 13px;
    color: #444;
    background: #f9f9f9;
    width: auto;
}

#menu_wrapper div .nav li.megamenu ul li a:after {
    display: none;
}

#menu_wrapper .nav ul li.megamenu ul li ul li,
#menu_wrapper div .nav li.megamenu ul li ul li a {
    width: auto;
    display: inline-block;
    margin-left: 20px;
    padding: 7px 20px 7px 5px;
}

@media only screen and (min-width:1100px) {
    #menu_wrapper .nav ul li.megamenu > ul,
    #menu_wrapper div .nav li.megamenu > ul {
        max-width: 1425px;
        width: 100%;
        width: calc(100% - 180px);
        box-sizing: border-box;
    }
}

.top_contact_info_container {
    display: table;
    float: right;
    height: 100%;
    font-family: 'Noto Sans TC', sans-serif;
}

.top_contact_info {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    color: #444;
}

.top_contact_info i {
    margin-right: 10px;
    color: #444;
    font-size: 16px;
    vertical-align: text-bottom;
}

.top_contact_info span {
    display: inline-block;
    margin-right: 10px;
}

.top_contact_info a {
    color: #444;
}

#top_menu {
    float: left;
    display: block;
    list-style: none;
}

#top_menu li {
    float: left;
    margin-left: 20px;
}

#top_menu li a {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
}

#footer_menu li ul {
    display: none;
}

.footer_bar {
    width: 100%;
    margin: auto;
    padding: 0 0 10px 0;
    float: left;
    background: #000;
    -webkit-transition: -webkit-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
}

.footer_bar.wall {
    padding-top: 0;
    margin-top: 0;
}

.footer_bar.carousel {
    display: none;
}

.footer_bar.static,
.footer_bar.fullscreen_video {
    display: none;
}

.footer_bar.fullscreen_video {
    position: fixed;
    bottom: 0;
    z-index: 0;
}

body.page-template-portfolio-2-php .footer_bar,
body.page-template-portfolio-3-php .footer_bar,
body.page-template-portfolio-4-php .footer_bar {
    margin: 0;
}

#footer {
    width: 100%;
    margin: auto;
    padding-bottom: 15px;
    word-wrap: break-word;
    margin-bottom: 0;
    padding-top: 40px;
    float: left;
    color: #999;
}

#footer strong.title {
    font-weight: normal;
}

#footer.wall {
    margin-top: 0;
}

#footer.fullscreen_video {
    display: none;
}

#footer a {
    color: #fff;
}

#footer a:hover,
#footer a:active {
    color: #ccc;
}

#footer .sidebar_widget li h2.widgettitle {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #999;
}

#footer ul.sidebar_widget {
    width: 960px;
    list-style: none;
    margin: 0;
    margin: auto;
}

#footer ul.sidebar_widget li ul {
    list-style: none;
    margin-left: 0;
}

#footer ul.sidebar_widget li ul li ul.children {
    margin-left: 10px;
    margin-bottom: 0;
}

#footer ul.sidebar_widget li ul li ul.children li:last-child {
    border: 0;
    margin-bottom: 0;
}

#footer .sidebar_widget.four > li {
    width: 20%;
    float: left;
    margin-right: 5%;
}

#footer .sidebar_widget.four > li:nth-child(4) {
    margin-right: 0;
    width: 25%;
}

#footer .sidebar_widget.three > li {
    width: 31%;
    float: left;
    margin-right: 2%;
}

#footer .sidebar_widget.three > li:nth-child(3) {
    margin-right: 0;
    width: 33%;
}

#footer .sidebar_widget.two > li {
    width: 48%;
    float: left;
    margin-right: 2%;
}

#footer .sidebar_widget.two > li:nth-child(2) {
    margin-right: 0;
    width: 50%;
}

#footer .sidebar_widget.one > li {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 30px;
}

#footer ul.sidebar_widget li ul.posts.blog li img {
    width: 70px;
    float: left;
    margin: 0 15px 15px 0;
}

#footer ul.sidebar_widget li ul.posts.blog li {
    clear: both !important;
    float: left;
    border: 0;
}

#footer ul.sidebar_widget li ul li {
    margin: 0 0 10px 0;
}

#footer ul.sidebar_widget li ul li ul.sub-menu {
    margin-left: 15px;
}

#footer ul.sidebar_widget li ul.flickr li {
    margin: 0 9px 0 0;
    border-bottom: 0;
}

#footer ul.sidebar_widget li ul.flickr li img {
    width: 70px;
    height: auto;
}

#copyright {
    float: left;
    width: 60%;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
    letter-spacing: 0;
    text-align: left;
}

#footer ul.address,
ul.address {
    margin-left: 0 !important;
    list-style: none;
}

#footer ul.address li,
ul.address li {
    margin-bottom: 5px;
}

#footer ul.address li i,
ul.address li i {
    margin-right: 10px;
}

.footer_bar.fullscreen #copyright {
    color: #fff;
}

.footer_bar.fullscreen .footer_bar_wrapper,
.footer_bar.wall .footer_bar_wrapper,
.footer_bar.static .footer_bar_wrapper {
    margin: auto;
    float: none;
}

#copyright p.attachment {
    display: none;
}

.footer_bar_wrapper {
    width: 960px;
    margin: auto;
    font-size: 13px;
    font-weight: 400;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    -webkit-font-smoothing: antialiased;
    clear: both;
    color: #fff;
    margin-top: 40px;
    padding-top: 20px;
}

#toTop {
    width: 25px;
    background: #eee;
    opacity: 0;
    text-align: center;
    padding: 10px 10px 10px 10px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    transition: color 300ms, background-color 300ms, opacity 300ms;
    -moz-transition: color 300ms, background-color 300ms, opacity 300ms;
    -o-transition: color 300ms, background-color 300ms, opacity 300ms;
    -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;
    z-index: 9;
    border-radius: 5px;
    display: block;
}

#toTop:hover {
    opacity: 1 !important;
}

#toTop i {
    color: #000;
    font-size: 1.5em;
}

#content_wrapper {
    width: 72%;
    float: left;
    margin: 0;
}

#page_content_wrapper,
.page_content_wrapper {
    width: 960px;
    margin: auto;
    padding-bottom: 0;
}

.page_content_wrapper {
    width: 100%;
}

#page_content_wrapper img,
.page_content_wrapper img {
    max-width: 100%;
    height: auto;
}

#page_content_wrapper .map_shortcode_wrapper img,
.page_content_wrapper .map_shortcode_wrapper img {
    max-width: none;
}

.standard_wrapper {
    width: 960px;
    margin: auto;
}

.one_half .standard_wrapper,
.one_third .standard_wrapper,
.one_fourth .standard_wrapper,
.one_fifth .standard_wrapper,
.two_third .standard_wrapper,
.one_half .page_content_wrapper,
.one_third .page_content_wrapper,
.one_fourth .page_content_wrapper,
.one_fifth .page_content_wrapper,
.two_third .page_content_wrapper {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.page_content_wrapper:empty {
    margin-top: 0 !important;
}

.one.withbg {
    background-size: cover;
    background-position: center center;
}

.one.ppb_fullwidth_button {
    overflow-x: hidden;
}

.page_content_wrapper.fullwidth,
#page_content_wrapper.fullwidth {
    width: 100%;
    padding: 0;
}

.one {
    clear: both;
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.one.skinbg {
    background: #000;
}

.one .page_content_wrapper,
.one_half .page_content_wrapper,
.one_third .page_content_wrapper,
.one_fourth .page_content_wrapper {
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.one .inner {
	width: 50%;
    margin: auto;
    margin-top: 80px;
}

.one .inner h1 {
	font-size: 42px;
    color: #fff;
}

.one.withpadding {
    padding: 60px 0 60px 0;
    float: left;
    width: 100%;
}

.one.withpadding.nopadding {
    padding: 0 !important;
}

.one.withsmallpadding {
    padding: 30px 0 30px 0;
    float: left;
    width: 100%;
}

.one.withsmallpadding.ppb_text {
    float: none;
    margin: auto;
}

.animate_counter_wrapper i {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    margin-bottom: 10px;
    color: #000000;
}

.count_separator {
    display: none;
}

.count_separator span {
    display: inline-block;
    text-align: center;
    width: 40px;
    margin: 5px auto 5px;
    height: 1px;
    background: #e1e1e1;
}

.animate_counter_wrapper .counter_subject {
    font-size: 14px;
    text-transform: uppercase;
    clear: both;
    margin-top: 5px;
    font-weight: 400;
    letter-spacing: 2px;
    opacity: 0.7;
}

#content_wrapper .inner {
    overflow: hidden;
}

#page_content_wrapper .inner {
    width: 100%;
    margin: auto;
}

#page_content_wrapper .inner .inner_wrapper {
    padding-top: 40px;
}

#page_content_wrapper .inner .inner_wrapper.nopadding {
    padding-top: 0;
}

.post.type-post {
    width: 100%;
    margin-bottom: 80px;
    float: left;
    position: relative;
}

body.search-results .hentry {
    float: left;
}

#page_content_wrapper .inner .sidebar_content .post.type-post.last_post {
    margin-bottom: 20px;
}

#page_content_wrapper .inner #blog_grid_wrapper.sidebar_content {
    margin-right: 0;
    padding-right: 0;
    width: 690px;
    box-sizing: border-box;
}

#page_content_wrapper .inner #blog_grid_wrapper.sidebar_content.left_sidebar {
    padding-left: 20px;
    padding-right: 0;
}

#blog_grid_wrapper.sidebar_content:not(.full_width) .post.type-post {
    width: 46%;
}

#page_content_wrapper .inner .sidebar_content.blog_f .post.type-post {
    border-bottom: 0;
    margin-bottom: 30px;
}

body.single .post.type-post {
    border: 0;
    margin-bottom: 0;
}

.post.type-post.last-child {
    border: 0;
    margin: 0;
    padding: 0;
}

#blog_grid_wrapper {
    padding-top: 30px;
}

#blog_grid_wrapper.ppb_blog_posts,
.blog_grid_wrapper.ppb_blog_posts {
    padding-top: 0;
}

#blog_grid_wrapper .post.type-post,
.blog_grid_wrapper .post.type-post {
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 0;
    opacity: 0;
    padding: 5px;
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

body.page-template-blog_g-php .post.type-post,
body.error404 .post.type-post,
body.page-template-galleries-php .galleries.type-galleries,
body.tax-gallerycat .galleries.type-galleries,
.ppb_blog_posts .post.type-post,
body.archive #blog_grid_wrapper .post.type-post {
    float: left;
    width: 31%;
    margin-right: 20px;
    margin-bottom: 20px;
}

.post.type-post:last-child {
    margin-bottom: 0;
}

.post_wrapper {
    padding: 20px 0 25px 0;
}

.post_wrapper.grid_layout {
    padding: 0;
}

.blog_grid_content {
    width: 100%;
    clear: both;
    box-sizing: border-box;
    float: left;
}

body.single .post_wrapper {
    padding-bottom: 0;
}

.post_wrapper:first-child {
    padding-top: 0;
    border: 0;
}

body.search .post_wrapper:first-child {
    padding: 20px 0 25px 0;
}

.post_wrapper.single {
    width: 100%;
    margin: 0;
}

.post_header {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.post_header.search {
    width: calc(100% - 50px);
    margin-bottom: 0;
    margin-left: 10px;
}

.post_header.quote {
    margin-bottom: 0;
}

.readmore {
    margin-top: 30px;
}

.post_header.grid {
    margin-bottom: 15px;
    width: 100%;
    float: none;
}

.post_header.full {
    width: 100%;
}

body.page-template-blog_f-php .post_excerpt_full {
    margin-bottom: 0;
}

.post_header.grid h6,
.portfolio_desc h5 {
    font-size: 18px;
}

.post_header h3 a,
.post_header.grid h6 a {
    color: #000000;
}

.post_header h5 {
    font-size: 22px;
}

.post_header h6 {
    font-size: 18px;
}

.post_header h5 a,
.post_header h6 a {
    color: #000000;
}

.post_excerpt {
    width: 70%;
    margin: auto;
}

.animate {
    opacity: 0;
}

.animate.visible {
    animation-name: slideUp2;
    -webkit-animation-name: slideUp2;
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.post_excerpt.post_tag {
    width: 70%;
    margin: auto;
    text-align: center;
    margin-top: 10px;
}

#about_the_author {
    text-align: center;
    margin-top: 20px;
}

#about_the_author .gravatar {
    float: none;
    margin: auto;
    margin-bottom: 15px;
}

.author_label {
    font-style: italic;
    font-family: 'Playfair Display', 'Times New Roman', Georgia, Times, serif;
    font-size: 18px;
}

.author_content {
    width: 60%;
    margin: auto;
}

.author_content h5 {
    margin-bottom: 10px;
}

.post_content_wrapper {
    padding: 0;
    margin: 0;
}

.post_content_wrapper.fullwidth {
    width: 100%;
}

.post_header .post_detail,
.recent_post_detail,
.post_detail,
.thumb_content span,
.portfolio_desc .portfolio_excerpt,
.testimonial_customer_position,
.testimonial_customer_company,
.page_tagline {
    width: 100%;
    padding: 0;
    float: left;
    margin: 5px 0 15px 0;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.portfolio_title .post_detail {
    margin: 0;
}

.search_form_wrapper {
    margin-top: 20px;
    margin-bottom: 30px;
}

body.search .search_form_wrapper {
    margin-top: 0;
}

.search_form_wrapper .content {
    font-size: 16px;
    text-align: center;
    width: 60%;
    margin: auto;
    margin-bottom: 40px;
}

.post_header .post_detail.grid {
    margin-top: 5px;
}

.post_header .post_detail.full {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 7px;
}

.post_header .post_detail.grid {
    margin-bottom: 0;
}

.post_attribute,
.comment_date {
    padding: 0;
    margin-top: 5px;
    font-size: 10px;
    font-family: 'Noto Sans TC', sans-serif;
    color: #999;
}

.post_info_comment {
    border-left: 1px solid #d1d1d1;
    padding-left: 10px;
}

.post_type_icon {
    float: left;
    margin-right: 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    width: 30px;
    height: 30px;
    padding: 5px;
    display: block;
    text-align: center;
    background: #efc337;
}

.post_type_icon i {
    font-size: 16px;
    line-height: 16px;
    display: block;
    position: relative;
    top: 50%;
    line-height: 30px;
}

#autocomplete .post_type_icon a {
    color: #fff !important;
}

.search_thumb {
    float: left;
    border-radius: 200px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}

.search_thumb img {
    width: 40px;
    height: 40px;
}

.rev_slider_wrapper {
    z-index: 1;
}

.post_qoute_mark {
    float: left;
    display: block;
    margin: 10px 39px 0 0;
    color: #ccc;
    font-size: 60px;
}

.post_qoute_mark.grid {
    margin: 10px 20px 0 0;
    font-size: 30px;
    color: #ccc;
}

.post_quote_title {
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 22px;
    width: 100%;
    margin: auto;
}

.post_quote_title p {
    padding: 0 !important;
}

.post_quote_title a {
    color: #000000;
}

.post_quote_title.grid {
    font-size: 15px;
}

#page_caption.hasbg .post_detail,
#page_caption.hasbg .post_detail a,
#page_caption.hasbg .post_detail a:hover,
#page_caption.hasbg .post_detail a:active,
.page_tagline {
    padding: 0;
    color: #fff;
    margin-top: 10px;
    font-size: 16px;
    opacity: 0.8;
}

#page_caption .post_detail {
    float: none;
}

.post_detail_wrapper {
    float: left;
    width: 96%;
    margin: 0 0 10px 0;
}

.gravatar {
    position: relative;
    z-index: 2;
    overflow: hidden;
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 200px;
}

.comment .gravatar {
    width: 60px;
    height: 60px;
}

.gravatar img {
    max-width: 100% !important;
}

#about_the_author .header span {
    display: block;
    padding: 10px 0 10px 20px;
    font-size: 14px;
}

#about_the_author .thumb {
    width: 80px;
    float: left;
    margin: 20px 0 0 20px;
}

#about_the_author .thumb img {
    padding: 3px;
    width: 50px;
}

#about_the_author .description {
    width: 550px;
    float: left;
    padding: 0 0 0 20px;
}

.comment .left img.avatar {
    width: 50px;
    height: 50px;
}

.comment {
    width: 770px;
    padding-bottom: 0;
    float: left;
}

.fullwidth_comment_wrapper .comment {
    width: 100%;
}

.comment .left {
    float: left;
    margin-right: 15px;
}

.comment_arrow {
    width: 10px;
    height: 10px;
    float: left;
    position: relative;
    left: 5px;
    margin-top: 20px;
    display: none;
}

.comment .right {
    width: 74%;
    float: left;
    margin-left: 25px;
    padding: 0 15px 30px 0;
}

.comment .right h7 {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    margin-right: 10px;
}

.fullwidth_comment_wrapper .comment .right {
    width: 88%;
}

.fullwidth_comment_wrapper.sidebar .comment .right {
    width: 74%;
}

ul.children div.comment .right {
    width: 77%;
}

.fullwidth_comment_wrapper ul.children div.comment .right {
    width: 84%;
}

.comment .right p {
    margin: 0;
    padding: 0;
}

.comment .right strong {
    font-weight: #fff;
}

#content_wrapper ul.children {
    list-style: none;
    margin: -40px 0 0px 74px;
    border-left: 1px solid #ccc;
    padding: 5px 20px 2px 0;
    float: left;
    width: 106%;
}

#content_wrapper ul.children ul.children {
    margin-top: -10px;
    padding-bottom: 0;
    width: 83.5%;
}

.comment_wrapper {
    float: left;
    margin-left: 25px;
    border-left: 1px solid #eeeeee;
}

.comment_date {
    margin: 0;
    line-height: 30px;
    float: left;
    margin-left: 0;
}

ul.children .comment {
    width: 100%;
    margin: 0;
    padding: 20px 0 10px 0;
    margin-top: 20px;
    margin-left: 45px;
    float: left;
}

ul.children .comment:last-child {
    padding-top: 0;
    padding-bottom: 15px;
}

ul.children .comment:first-child {
    padding-top: 10px;
    margin-top: 0px;
}

.jp-play,
.jp-pause {
    position: fixed;
    top: 46.5%;
    left: 4px;
    width: 22px;
    height: 20px;
    background: transparent url(../images/sound_off.png) no-repeat left center;
    text-indent: -9999px;
    z-index: 99999;
}

.jp-pause {
    background: transparent url(../images/sound_on.png) no-repeat left center;
}

.social_wrapper {
    width: 100%;
    margin: 20px 0 5px 0;
    text-align: center;
}

.footer_bar_wrapper .social_wrapper {
    width: 40%;
    float: right;
    text-align: right;
    margin: 0;
}

.above_top_bar .social_wrapper {
    margin: 0;
    float: right;
    width: auto;
}

.social_wrapper.shortcode,
.social_wrapper.shortcode ul {
    margin: 0;
    text-align: left;
}

.social_wrapper ul {
    list-style: none;
    margin-left: 0 !important;
    text-align: left;
}

.above_top_bar .social_wrapper ul {
    text-align: right;
}

.footer_bar_wrapper .social_wrapper ul {
    text-align: right;
}

#page_content_wrapper .social_wrapper ul {
    list-style: none;
    margin-top: 12px;
}

#page_content_wrapper .social_wrapper.shortcode ul {
    margin-top: 0;
}

.social_wrapper ul li,
.social_wrapper.small ul li {
    display: inline-block;
    margin-right: 10px;
}

.social_wrapper.shortcode ul li,
.social_wrapper.small.shortcode ul li {
    margin: 0 10px 10px 10px !important;
}

.footer_bar_wrapper .social_wrapper ul li {
    background: transparent !important;
    border: 0 !important;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    float: right;
}

.social_wrapper.light ul li {
    border: 0 !important;
}

.social_wrapper.large ul li {
    width: 50px;
    height: 50px;
}

.above_top_bar .social_wrapper ul li {
    background: transparent;
    border: 0;
    width: auto;
    height: auto;
    margin-right: 0px;
}

.social_wrapper.shortcode ul li {
    margin: 0 2px 4px 2px;
}

.social_wrapper ul li a {
    opacity: 1;
    display: block;
    line-height: 0;
}

.social_wrapper.shortcode ul li a {
    color: #fff;
}

.social_wrapper.shortcode.light ul li a {
    color: #444;
}

.mobile_menu_wrapper .social_wrapper ul li a {
    color: #fff;
    opacity: 0.5;
}

.mobile_menu_wrapper .social_wrapper ul li a:hover,
.mobile_menu_wrapper .social_wrapper ul li a:active {
    opacity: 1;
}

.above_top_bar .social_wrapper ul li:last-child a {
    margin-right: 0;
}

.above_top_bar .social_wrapper ul li a {
    display: inline-block;
    color: #fff;
    padding: 0;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 30px;
}

.above_top_bar .page_content_wrapper {
    margin: auto;
}

.footer_bar_wrapper .social_wrapper ul li a {
    color: #fff;
	font-weight: 300;
    opacity: .6;
}

.footer_bar_wrapper .social_wrapper ul li a:hover,
.footer_bar_wrapper .social_wrapper ul li a:active {
    opacity: 1;
}

.social_wrapper ul li a i,
.social_wrapper.small ul li a i {
    line-height: 18px;
    font-size: 18px;
}

.above_top_bar .social_wrapper ul li a i {
    font-size: 14px;
    line-height: 18px;
}

.footer_bar_wrapper .social_wrapper ul li a i {
    line-height: 18px;
    font-size: 18px;
}

.social_wrapper.large ul li a i {
    line-height: 32px;
    font-size: 24px;
}

.above_top_bar .social_wrapper ul li:hover {
    background: transparent !important;
    opacity: 1;
}

.team_card_wrapper {
    margin: 50px 0 50px 0;
}

.team_content {
    margin: 20px 0 20px 0;
}

.social_wrapper.team {
    list-style: none;
    display: block;
    margin: 0;
    width: 100%;
    margin-top: 30px;
    text-align: left;
}

.social_wrapper.team li {
    display: inline-block;
    margin: 0 10px 0 10px;
}

.social_wrapper.team li i {
    font-size: 18px;
}

.one_fourth .social_wrapper.team li img {
    max-width: 14px;
    height: auto;
}

.one_fourth .social_wrapper.team li {
    display: inline-block;
    margin: 0 3px 0 3px;
}

.social_wrapper ul li a img {
    opacity: .4;
}

.social_wrapper.shortcode ul li a img,
.social_wrapper ul li:hover a img {
    opacity: 1;
}

#page_caption {
    padding: 25px 0 30px 0;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    background: #fcfcfc;
    margin-bottom: 10px;
}

#page_caption.hasbg {
    height: 400px;
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    border: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-bottom: 0;
}

#page_caption.hasbg #bg_regular,
#page_caption.hasbg #bg_blurred {
    width: 100%;
    min-height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#page_caption.hasbg #bg_regular {
    opacity: 1;
}

#page_caption.hasbg #bg_blurred {
    opacity: 0;
}

.parallax_overlay_header {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#page_caption.nomargin {
    margin-bottom: 0;
}

#page_caption .page_title_wrapper {
    width: 960px;
    margin: auto;
    text-align: center;
}

#page_caption.hasbg .page_title_wrapper {
    z-index: 2;
    position: relative;
    display: table;
    height: 100%;
    top: 5%;
}

#page_caption.hasbg.withtopbar .page_title_wrapper {
    top: -5%;
}

#page_caption.hasbg h1,
h1.hasbg {
    color: #fff;
    float: none;
    margin: auto;
}

#page_caption.hasbg .page_title_wrapper .page_title_inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#page_caption.hasbg h1.withtopbar,
h1.hasbg.withtopbar,
#page_caption.hasbg.notransparent h1.withtopbar {
    margin-top: 160px;
}

.page_tagline {
    width: 60%;
    margin: auto;
    margin-top: 10px;
    float: none;
}

#page_caption.hasbg .page_tagline {
    color: #fff;
}

.page_header_sep {
    width: 100px;
    margin: auto;
    height: 1px;
    border-top: 1px solid #efc337;
    margin-top: 20px;
    margin-bottom: 40px;
}

.page_header_sep.left {
    margin-left: 0;
    margin-right: 0;
}

h2.ppb_title {
    font-size: 50px;
    margin-top: 0;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: uppercase;
}

h2.ppb_title .ppb_title_first {
    display: block;
    font-family: 'Playfair Display', 'Times New Roman', Georgia, Times, serif;
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    text-transform: none;
    top: 12px;
    position: relative;
}

.ppb_subtitle {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #777;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ppb_content {
    margin: 15px 0 15px 0;
    width: 96%;
}

#crumbs {
    float: right;
    font-size: 10px;
    line-height: 34px;
}

#crumbs.center,
#page_caption.hasbg #crumbs {
    display: block !important;
}

#page_caption.hasbg #crumbs {
    color: #fff;
    float: none;
    margin: auto;
    display: none;
}

#page_caption.hasbg #crumbs a {
    color: #fff;
}

#crumbs a,
#crumbs a:hover,
#crumbs a:active {
    color: #999;
}

#page_caption h2 {
    color: #333;
    padding: 0 0 0 0;
    font-size: 22px;
    font-weight: normal;
}

.post.type-post .post_share {
    color: #444;
    display: none;
}

.post.type-post:hover .post_share,
.post.type-post .post_share.visible {
    display: block;
}

.post_share_bubble {
    position: absolute;
    bottom: 20px;
    right: 0;
    z-index: 9;
    width: 15px;
}

body.single.single-post .post_share_bubble,
body.single.single-projects .post_share_bubble,
body.single.single-attachment .post_share_bubble {
    position: fixed;
    left: 7px;
    bottom: 7px;
}

body.single.single-post .post_share_bubble a.post_share,
body.single.single-projects .post_share_bubble a.post_share,
body.single.single-attachment .post_share_bubble a.post_share {
    display: block;
    padding: 10px 10px 10px 10px;
    width: 25px;
    background: #eee;
    border-radius: 5px;
    text-align: center;
    opacity: 0.5;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

a.post_share {
    color: #000;
}

body.single.single-post .post_share_bubble a.post_share:hover,
body.single.single-projects .post_share_bubble a.post_share:hover,
body.single.single-attachment .post_share_bubble a.post_share:hover {
    opacity: 1;
}

.post_share_bubble_wrapper {
    position: relative;
}

.post_img {
    position: relative;
    height: auto;
    text-align: center;
    overflow: hidden;
    float: left;
    line-height: 0;
    width: 100%;
    margin-bottom: 20px;
}

.post_img.team {
    width: 100%;
    margin: auto;
    float: none;
    margin-bottom: 0;
    overflow: hidden;
}

.post_img.team img {
    max-width: 100%;
}

.post_ft_img {
    opacity: 0;
}

.post_img.small.square_thumb {
    width: auto;
}

.post_img.fadeIn,
.post_img.grid.fadeIn {
    opacity: 0;
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
}

.post_img img {
    width: 100%;
    height: auto;
}

body.single .post_img img {
    width: auto;
}

#content_slider_wrapper {
    width: 100%;
    height: 20px;
    background: transparent;
    position: fixed;
    bottom: 200px;
}

#social_share_wrapper,
.social_share_wrapper {
    margin-left: 0 !important;
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    clear: both;
}

.social_share_bubble {
    position: relative;
    background-color: #eee;
    margin: 0;
    padding: 7px;
    text-align: center;
    width: 130px;
    left: -15px;
    top: -15px;
    opacity: 0;
    border-radius: 5px;
}

.social_share_bubble a,
.social_share_bubble a:hover {
    color: #000;
}

body.single.single-post .social_share_bubble,
body.single.single-projects .social_share_bubble,
body.single.single-attachment .social_share_bubble {
    left: 0;
}

.social_share_bubble:after {
    position: absolute;
    display: block;
    content: "";
    border-color: #eee transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -19px;
    left: 1em;
}

.social_share_wrapper.shortcode {
    margin: 0;
    padding: 0;
    border: 0;
}

#social_share_wrapper a i,
.social_share_wrapper.shortcode a i {
    font-size: 20px;
}

#social_share_wrapper a,
.social_share_wrapper.shortcode a {
    opacity: 0.3;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#social_share_wrapper a:hover,
.social_share_wrapper.shortcode a:hover {
    opacity: 1;
}

.social_share_wrapper.shortcode {
    margin: 0;
}

#social_share_wrapper h5,
.social_share_wrapper.shortcode h5 {
    display: inline-block;
    margin-bottom: 5px;
}

#social_share_wrapper ul,
.social_share_wrapper.shortcode ul,
.social_share_bubble ul {
    display: block;
    clear: both;
    list-style: none;
    margin: 0;
    margin-left: 0 !important;
}

#social_share_wrapper ul li,
.social_share_wrapper.shortcode ul li,
.social_share_bubble ul li {
    display: block;
    margin: 0 0 5px 0;
}

.social_share_wrapper.shortcode ul li {
    display: inline-block;
    margin: 0 10px 0 10px;
    border-left: 0 !important;
}

.social_share_bubble ul li {
    display: inline-block;
    margin: 0 7px 0 7px;
    font-size: 14px;
}

#social_share_wrapper.inline,
,
.social_share_bubble.inline {
    text-align: center;
    border: 0;
    margin-top: 30px;
}

.imageFlow_gallery_info_wrapper #social_share_wrapper ul li,
.imageFlow_gallery_info_wrapper .social_share_wrapper ul li,
#social_share_wrapper.inline ul li,
.social_share_wrapper.inline ul li {
    display: inline-block;
    margin: 0 5px 0 5px;
}

#page_content_wrapper .inner .sidebar_content,
.page_content_wrapper .inner .sidebar_content {
    width: 650px;
    padding: 0;
    float: left;
    padding-right: 40px;
    margin-right: 10px;
    border-right: 1px solid #ebebeb;
}

#page_content_wrapper .inner .sidebar_content.portfolio {
    width: 690px;
    padding-right: 0;
}

#page_content_wrapper .inner .sidebar_content.page_content,
.page_content_wrapper .inner .sidebar_content.page_content {
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
}

.page_content_wrapper .inner .sidebar_content.page_content {
    background: transparent;
    padding: 0;
}

#page_content_wrapper .inner #portfolio_filter_wrapper.sidebar_content {
    width: 100%;
    padding-right: 0;
    margin-right: 0;
    border: 0;
}

#page_content_wrapper .inner .sidebar_content.nopadding,
.page_content_wrapper .inner .sidebar_content.nopadding {
    padding-top: 0 !important;
}

#page_content_wrapper .inner .sidebar_content.left_sidebar,
.page_content_wrapper .inner .sidebar_content.left_sidebar {
    padding: 0;
    padding-left: 40px;
    border-right: 0;
    float: right;
    border-left: 1px solid #ebebeb;
}

#page_content_wrapper .inner .sidebar_content.full_width,
.page_content_wrapper .inner .sidebar_content.full_width {
    width: 100%;
    padding: 0;
    margin-top: 0;
    border: 0;
}

.ppb_wrapper {
    margin-top: 0;
    width: 100%;
    overflow-x: hidden;
}

#page_content_wrapper.hasbg.nomargintop {
    margin-top: 0 !important;
}

#page_content_wrapper .inner .sidebar_content.full_width.nopadding,
.page_content_wrapper .inner .sidebar_content.full_width.nopadding {
    padding: 0 !important;
}

#page_content_wrapper .inner .sidebar_content img,
.page_content_wrapper .inner .sidebar_content img {
    max-width: 100%;
    height: auto !important;
}

#page_content_wrapper .inner .sidebar_content .map_shortcode_wrapper img,
.page_content_wrapper .inner .sidebar_content .map_shortcode_wrapper img {
    max-width: none;
}

#page_content_wrapper .inner .sidebar_content div.wp-caption,
.page_content_wrapper .inner .sidebar_content div.wp-caption {
    max-width: 100%;
}

#page_content_wrapper .inner .sidebar_content.full_width#blog_grid_wrapper,
.page_content_wrapper .inner .sidebar_content.full_width.blog_grid_wrapper {
    width: 103%;
    padding: 0;
}

#blog_grid_wrapper,
.blog_grid_wrapper {
    width: 1195px;
}

#page_content_wrapper .inner .sidebar_wrapper,
.page_content_wrapper .inner .sidebar_wrapper {
    width: 220px;
    float: left;
    margin-top: 0;
    margin-left: 30px;
}

#page_content_wrapper .inner .sidebar_wrapper.adjust,
#page_content_wrapper .inner .sidebar_wrapper.left_sidebar.adjust {
    padding-top: 50px;
}

#page_content_wrapper .inner .sidebar_wrapper.left_sidebar {
    width: 230px;
    margin-right: 0;
    margin-left: 0;
}

#page_content_wrapper .inner .sidebar_wrapper a,
.page_content_wrapper .inner .sidebar_wrapper a {
    color: #222;
}

#page_content_wrapper .inner .sidebar_wrapper .sidebar,
.page_content_wrapper .inner .sidebar_wrapper .sidebar {
    width: 100%;
    float: left;
}

#page_content_wrapper .inner .sidebar_wrapper .sidebar .content,
.page_content_wrapper .inner .sidebar_wrapper .sidebar .content {
    width: 100%;
    margin: 0 0 0 0;
}

.mobile_menu_wrapper .sidebar_wrapper h2.widgettitle {
    color: #fff;
}

.mobile_menu_wrapper .sidebar_wrapper a {
    color: #777;
}

.mobile_menu_wrapper .page_content_wrapper {
    width: 100%;
}

.mobile_menu_wrapper .sidebar_wrapper {
    width: 100%;
    margin-top: 50px;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input.wpcf7-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
select {
    padding: 13px 10px 13px 10px;
    font-size: 100%;
    font-family: 'Noto Sans TC', sans-serif;
    margin: 0;
    background: #fcfcfc;
    border: 1px solid #e1e1e1;
    outline: none;
    -webkit-transition: border-color linear .3s;
    -moz-transition: border-color linear .3s;
    -o-transition: border-color linear .3s;
    transition: border-color linear .3s;
    box-sizing: border-box;
    -webkit-appearance: none;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=date]:focus,
input.wpcf7-text:focus,
.woocommerce table.cart td.actions .coupon .input-text:focus,
.woocommerce-page table.cart td.actions .coupon .input-text:focus,
.woocommerce #content table.cart td.actions .coupon .input-text:focus,
.woocommerce-page #content table.cart td.actions .coupon .input-text:focus,
{
    background: #f9f9f9;
    outline: 0;
}

.contact_form_wrapper input[type=text],
.contact_form_wrapper input[type=email],
.contact_form_wrapper input[type=date] {
    width: 46%;
    display: inline;
    box-sizing: border-box;
    margin-right: 3%;
    margin-bottom: 3%;
}

.contact_form_wrapper input[type=submit] {
    float: right;
    margin-right: 4%;
}

.contact_form_wrapper label {
    display: none;
}

.contact_form_response ul {
    margin-left: 20px;
    margin-bottom: 20px;
}

.contact_form_wrapper {
    margin-top: 30px;
}

input[type=text].blur,
textarea.blur {
    color: #999;
}

#contact_form input[type="text"],
#contact_form textarea {
    margin-bottom: 15px;
    width: 97%;
}

div.wpcf7-response-output {
    padding: 20px;
}

.wpcf7-form input.wpcf7-text,
.wpcf7-form textarea,
.wpcf7-form input.wpcf7-date {
    width: 100%;
    box-sizing: border-box;
}

.fullwidth_comment_wrapper #commentform textarea {
    width: 100%;
}

.fullwidth_comment_wrapper .post_content_wrapper {
    background: transparent !important;
    padding: 30px 0 30px 0 !important;
    width: 100% !important;
}

label {
    clear: both;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
    display: block;
    font-family: 'Noto Sans TC', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
}

.form-allowed-tags {
    display: none !important;
}

p.comment-notes {
    margin-bottom: 20px;
}

textarea {
    font-size: 100%;
    border: 1px solid #e1e1e1;
    background: #fcfcfc;
    margin: 0;
    height: 200px;
    overflow: auto;
    padding: 13px 10px 13px 10px;
    font-family: 'Noto Sans TC', sans-serif;
    outline: none;
    -webkit-transition: border-color linear .2s;
    -moz-transition: border-color linear .2s;
    -o-transition: border-color linear .2s;
    transition: border-color linear .2s;
    box-sizing: border-box;
    -webkit-appearance: none;
}

input[type=submit],
input[type=button],
a.button,
.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .4em 1.5em .4em 1.5em;
    color: #fff;
    background: #efc337;
    border: 2px solid #efc337;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Noto Sans TC', sans-serif;
    text-shadow: none;
    margin-right: 5px;
    text-shadow: none;
    -webkit-appearance: none;
    letter-spacing: 1px;
    box-shadow: 0 0 0 0 !important;
    line-height: 1.5 !important;
    -webkit-transition: color .2s linear, background .1s linear, opacity .2s linear;
    -moz-transition: color .2s linear, background .1s linear, opacity .2s linear;
    -ms-transition: color .2s linear, background .1s linear, opacity .2s linear;
    -o-transition: color .2s linear, background .1s linear, opacity .2s linear;
    transition: color .2s linear, background .1s linear, opacity .2s linear;
}

a.button.continue_ppb_blog {
    margin: auto;
    float: none;
    display: block;
    clear: both;
    padding: 2em 1.5em 2em 1.5em;
}

.post_button_wrapper {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

a.button.fullwidth.ppb {
    padding: 3.5em 1.5em 3em 1.5em !important;
    border: 0;
    width: 100%;
    box-sizing: border-box;
}

a.button.fullwidth.ppb .subtitle {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-transform: uppercase;
}

a.button.fullwidth.ppb .title {
    font-size: 32px;
    font-style: italic;
    margin-bottom: 20px;
}

a.button.fullwidth.ppb i {
    font-size: 30px;
}

input[type=submit].white,
input[type=button].white,
a.button.white,
.button.white,
a.button.white:hover,
.button.white:hover,
a.button.white:active,
.button.white:active {
    color: #fff;
    background: transparent;
    border-color: #fff;
}

input[type=submit].whitebg,
input[type=button].whitebg,
a.button.whitebg,
.button.whitebg,
a.button.whitebg:hover,
.button.whitebg:hover,
a.button.whitebg:active,
.button.whitebg:active {
    background: #fff;
    color: #000;
    border-color: #fff;
}

input[type=submit].black,
input[type=button].black,
a.button.black,
.button.black,
a.button.black:hover,
.button.black:hover,
a.button.black:active,
.button.black:active {
    color: #000;
    border-color: #000;
}

input[type=button]:hover,
input[type=submit]:hover,
a.button:hover,
.button:hover,
.button.submit,
a.button.white:hover,
.button.white:hover,
a.button.white:active,
.button.white:active {
    color: #fff;
    border-color: #e39e2e;
    background: #e39e2e;
}

.error {
    color: #ff0000;
}

a.comment-reply-link {
    margin: 0 0 0 10px;
    float: left;
    line-height: 28px;
    font-weight: 400;
}

input[type=submit].medium,
input[type=button].medium,
a.button.medium {
    font-size: 16px;
	letter-spacing: 2px;
    padding: 12px 20px 11px 20px;
}

input[type=submit].large,
input[type=button].large,
a.button.large {
    font-size: 17px;
    padding: 16px 25px 15px 25px;
}

#cancel-comment-reply-link {
    display: block;
    margin: 0 20px 0 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

input[type=submit].left,
input[type=button].left,
a.button.left {
    float: left;
}

input[type=submit].right,
input[type=button].right,
a.button.right {
    float: right;
}

input[type=submit].center,
input[type=button].center,
a.button.center {
    margin: auto;
}

.pagination {
    margin: 0 0 0 0;
    float: left;
}

.pagination p a:first-child {
    float: left;
}

.pagination p a:last-child {
    float: right;
}

.pagination a,
.pagination span {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #777;
    background: #f9f9f9;
    margin-right: 10px;
    border-radius: 50px;
    overflow: hidden;
    font-size: 12px;
}

.pagination span,
.pagination a:hover {
    color: #000;
    font-weight: bold;
    background: #efc337;
}

.pagination_detail {
    margin-top: 9px;
    float: right;
    font-size: 12px;
}

#page_content_wrapper ul {
    margin: 0;
}

#page_content_wrapper ol {
    margin: 15px 0 15px 40px;
}

#page_content_wrapper ul.flickr {
    margin: 0 0 10px 0;
}

#page_content_wrapper ul.posts.blog {
    list-style: none;
    margin-left: 0 !important;
    float: left;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

#page_content_wrapper ul.flickr li img {
    width: 65px;
    height: auto;
}

#page_content_wrapper .sidebar .content .posts.blog li img,
#page_content_wrapper .posts.blog li img {
    float: left;
    margin: 0 10px 2px 0;
    width: 52px;
}

.post_circle_thumb {
    position: relative;
    z-index: 2;
    overflow: hidden;
    float: left;
    width: 52px;
    height: 52px;
    float: left;
    margin-right: 15px;
}

.post_circle_thumb.flickr {
    margin-right: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget,
#page_content_wrapper .sidebar .content .posts.blog,
.page_content_wrapper .sidebar .content .sidebar_widget,
.page_content_wrapper .sidebar .content .posts.blog {
    list-style: none;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
}

#page_content_wrapper .sidebar .content .posts.blog li,
.page_content_wrapper .sidebar .content .posts.blog li {
    padding: 0 0 10px 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li,
.page_content_wrapper .sidebar .content .sidebar_widget li {
    margin: 30px 0 0px 0;
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
}

#page_content_wrapper .sidebar .content .sidebar_widget li select,
.textwidget select,
.page_content_wrapper .sidebar .content .sidebar_widget li select {
    margin: 10px 0 10px 0;
    max-width: 100%;
}

#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle,
h2.widgettitle,
h5.widgettitle {
    font-size: 13px;
    display: block;
    text-align: left;
    font-family: 'Noto Sans TC', sans-serif;
    color: #444;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#page_content_wrapper .sidebar .content .sidebar_widget li:first-child,
.page_content_wrapper .sidebar .content .sidebar_widget li:first-child {
    margin-top: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul,
.page_content_wrapper .sidebar .content .sidebar_widget li ul {
    list-style: none;
    padding: 20px 0 0 0;
    margin: 0 0 15px 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children,
.page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children {
    margin-left: 10px;
    margin-bottom: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children li:last-child,
.page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.children li:last-child {
    border: 0;
    margin-bottom: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li.widget_pages ul li ul.children,
.page_content_wrapper .sidebar .content .sidebar_widget li.widget_pages ul li ul.children {
    margin-left: 20px;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul li,
#footer .sidebar_widget li ul li,
.page_content_wrapper .sidebar .content .sidebar_widget li ul li,
#footer .sidebar_widget li ul li {
    padding: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

#footer .sidebar_widget li.widget_nav_menu ul li,
#page_content_wrapper .sidebar .content .sidebar_widget li.widget_pages ul li {
    border: 0;
}

#footer .sidebar_widget li ul li {
    border-color: #000000;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul li:first-child,
.page_content_wrapper .sidebar .content .sidebar_widget li ul li:first-child,
#footer ul.sidebar_widget li ul li:first-child,
#footer ul.sidebar_widget li .textwidget {
    padding-top: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li:first-child,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li:first-child,
#footer ul.sidebar_widget li ul.flickr li:first-child {
    border: 0;
    padding-top: 0;
}

#page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li a,
.page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li a {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px 5px 0;
    display: block;
}

#page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li.current-menu-item a,
.page_content_wrapper .inner .sidebar_wrapper ul.sidebar_widget li.widget_nav_menu ul.menu li.current-menu-item a {
    font-weight: bold;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

#wp-calendar tr td,
#wp-calendar tr th {
    padding: 5px 0 5px 0;
    text-align: center;
    background: transparent;
}

#wp-calendar tr td#prev,
#wp-calendar tr td#next {
    text-transform: uppercase;
    padding-top: 20px;
}

#wp-calendar tr td.pad,
#wp-calendar tr td#prev,
#wp-calendar tr td#next {
    background: transparent !important;
}

#wp-calendar caption {
    display: none;
}

#wp-calendar {
    margin: 20px 0 0 0;
    width: 100%;
}

.mobile_menu_wrapper .widget_calendar table tr th,
.mobile_menu_wrapper .widget_calendar table tr td {
    border-color: #555;
}

table {
    margin: 10px 0 10px 0;
}

table tr td {
    border-bottom: 1px solid #e1e1e1;
}

table tr th,
table tr td {
    padding: 20px;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
}

#footer table tr th,
#footer table tr td {
    border-bottom: 1px solid #000000 !important;
}

#footer .widget_tag_cloud div a {
    border-color: #000000 !important;
}

#footer_menu {
    float: right;
    display: block;
    list-style: none;
}

#footer_menu li {
    float: left;
    margin-left: 20px;
}

#footer_menu li a {
    font-size: 11px;
    font-weight: normal;
    color: #fff;
}

#footer_menu li a:hover {
    color: #fff;
}

#footer_menu li ul {
    display: none;
}

table thead tr th {
    background: transparent;
}

table#wp-calendar thead tr th {
    text-align: center;
}

table tfoot tr,
table tfoot tr td {
    background: transparent;
    border-bottom: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr {
    list-style: none;
    margin: 5px 0 30px 0;
    float: left;
    display: block;
    padding: 15px 0 3px 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
    border: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li img,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li img {
    width: 70px;
    height: auto;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter {
    margin: 0;
    margin-top: 20px;
    list-style: none;
    padding: 0 0 0 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li {
    padding-left: 32px;
    padding-bottom: 15px;
    background-image: url('../images/icon_twitter_bird.png');
    background-repeat: no-repeat;
    background-position: 0px 0.5em;
    border: 0;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media {
    list-style: none;
    margin: 10px 0 15px 0;
    float: left;
    display: block;
    padding: 0 0 3px 0;
    margin-left: -5px;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media li,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

ul.list {
    margin: 5px 0 0 20px;
}

.highlight_yellow {
    background: #ffc600;
    color: #000;
    text-shadow: -1px 0 1px #fff;
}

.highlight_black {
    background: #000;
    color: #fff;
}

#page_content_wrapper ul.twitter {
    margin: 0;
    list-style: none;
}

#page_content_wrapper ul.twitter li {
    padding-left: 32px !important;
    padding-top: 0 !important;
    background-image: url(../images/icon_twitter_bird.png);
    background-repeat: no-repeat;
    background-position: 0px 0.3em;
    padding-bottom: 2em;
}

#page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr,
ul.flickr,
.page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr,
ul.flickr {
    list-style: none;
    margin: 10px 0 -10px 0;
    float: left;
    display: block;
    clear: both;
}

ul.flickr li {
    float: left;
    margin: 0 5px 0 0;
}

#page_content_wrapper .sidebar .content .posts.blog,
.page_content_wrapper .sidebar .content .posts.blog {
    list-style: none;
    margin-top: 15px;
}

#page_content_wrapper .sidebar .content .posts.blog.withthumb,
.page_content_wrapper .sidebar .content .posts.blog.withthumb {
    margin-top: 20px;
}

#page_content_wrapper .sidebar .content .posts.blog li,
.page_content_wrapper .sidebar .content .posts.blog li {
    line-height: 1em;
    clear: both;
    border: 0;
    background: none;
    width: 100%;
    float: left;
    margin: 0;
}

#page_content_wrapper .posts.blog li,
.page_content_wrapper .posts.blog li {
    float: left;
    width: 49.4%;
    margin-right: 1.2%;
    margin-bottom: 1.2%;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    display: table;
    text-align: left;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -ms-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
}

#page_content_wrapper .posts.blog li:nth-child(2n),
.page_content_wrapper .posts.blog li:nth-child(2n) {
    margin-right: 0;
    float: right;
}

#page_content_wrapper .posts.blog li a,
.page_content_wrapper .posts.blog li a {
    width: 100%;
    color: #444;
}

#page_content_wrapper .sidebar .content .posts.blog.withthumb li,
#page_content_wrapper .posts.blog.withthumb li,
.page_content_wrapper .sidebar .content .posts.blog.withthumb li,
.page_content_wrapper .posts.blog.withthumb li {
    line-height: 1.5em;
    border: 0;
    display: block;
}

#page_content_wrapper .sidebar .content .posts.blog li,
.page_content_wrapper .sidebar .content .posts.blog li {
    padding-top: 10px;
}

#page_content_wrapper .sidebar .content .posts.blog li strong.header,
#page_content_wrapper .posts.blog li strong.header,
.page_content_wrapper .sidebar .content .posts.blog li strong.header,
.page_content_wrapper .posts.blog li strong.header {
    font-weight: normal;
}

#cover_content {
    position: fixed;
    top: 20%;
    left: 40px;
    z-index: 9;
}

#page_content_wrapper .sidebar .content .textwidget,
.page_content_wrapper .sidebar .content .textwidget {
    margin-top: 0;
    padding: 10px 0 0 0;
}

.textwidget img {
    max-width: 95%;
    height: auto;
}

#searchsubmit {
    margin: -8px;
    line-height: 18px;
    padding: .6em 1.5em 0.3em 1.5em !important;
}

.widget_search input#searchsubmit {
    margin: 10px 0 0 0;
}

.widget_tag_cloud div,
.tag_cloud {
    margin: 20px 0 10px 0;
}

.widget_tag_cloud div a,
.meta-tags a,
.tag_cloud a {
    display: block;
    width: 100%;
    -webkit-transition: background .2s linear, border .1s linear;
    -moz-transition: background .2s linear, border .1s linear;
    -ms-transition: background .2s linear, border .1s linear;
    -o-transition: background .2s linear, border .1s linear;
    transition: background .2s linear, border .1s linear;
    font-size: 14px !important;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.widget_tag_cloud div a:before,
.meta-tags a,
.tag_cloud a:before {
    font-family: 'FontAwesome';
    content: "\f02b";
    margin-right: 10px;
}

#gallery_caption a,
#gallery_caption a:hover,
#gallery_caption a:active {
    color: #fff;
}

#gallery_caption.ppb_fullwidth,
.slider_wrapper .gallery_image_caption {
    bottom: 0;
    position: absolute;
    line-height: 1em;
}

#gallery_caption h2,
.slider_wrapper .gallery_image_caption h2 {
    font-size: 10px;
    padding: 5px 15px 5px 15px;
    background: #fff;
}

.slider_wrapper .gallery_image_caption h2 {
    padding: 15px;
}

#gallery_caption h2:empty,
.slider_wrapper .gallery_image_caption h2:empty {
    display: none;
}

.slider_wrapper.portfolio ul.slides li {
    margin: 0px;
    padding: 0px;
    text-align: center;
    max-height: 500px;
}

.slider_wrapper.portfolio ul.slides li img {
    width: 100%;
    max-width: 100%;
}

.slider_wrapper.portfolio ul.slides li .portfolio_slider_overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.slider_wrapper.portfolio ul.slides li .portfolio_slider_desc {
    position: absolute;
    bottom: 0px;
    left: 60px;
    color: #fff;
    line-height: initial;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.slider_wrapper.portfolio ul.slides liimg {
    min-height: 500px;
}

.slider_wrapper.portfolio ul.slides li:hover .portfolio_slider_overlay {
    opacity: 1;
}

.slider_wrapper.portfolio ul.slides li:hover .portfolio_slider_desc {
    opacity: 1;
    bottom: 30px;
}

.slider_wrapper.portfolio ul.slides li .portfolio_slider_desc h3 {
    color: #fff;
}

.slider_wrapper.portfolio ul.slides li .portfolio_slider_desc.post_detail {
    text-align: left;
    margin-bottom: 0;
    color: #fff;
}

#captcha-wrap {
    border: solid #870500 1px;
    width: 270px;
    -webkit-border-radius: 10px;
    float: left;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #870500;
    text-align: left;
    padding: 3px;
    margin-top: 3px;
    height: 112px;
}

#captcha-wrap .captcha-box {
    -webkit-border-radius: 7px;
    background: #fff;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    border: solid #fff 1px;
}

#captcha-wrap .text-box {
    -webkit-border-radius: 7px;
    background: #ffdc73;
    -moz-border-radius: 7px;
    width: 140px;
    height: 48px;
    float: left;
    margin: 4px;
    border-radius: 7px;
    text-align: center;
    border: solid #ffdc73 1px;
}

#captcha-wrap .text-box input {
    width: 120px;
    -webkit-appearance: textfield;
    padding: 1px;
    background-color: white;
    border-image: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    float: none;
    margin-top: 12px;
}

#captcha-wrap .text-box label {
    color: #333;
    font-family: helvetica, sans-serif;
    font-size: 11px;
    width: 140px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0;
    font-weight: normal;
    text-transform: none;
}

#captcha-wrap .captcha-action {
    float: right;
    width: 117px;
    background: url(../images/logos.jpg) top right no-repeat;
    height: 44px;
    margin-top: 3px;
}

#captcha-wrapimg#captcha-refresh {
    margin-top: 9px;
    border: solid #333333 1px;
    margin-right: 6px;
    cursor: pointer;
}

.map_shortcode_wrapper {
    max-width: 100%;
}

.map_shadow {
    width: 100%;
    margin-top: 0;
}

.map_shadow.fullwidth {
    width: 100%;
    margin-top: 0;
    clear: both;
}

#reponse_msg ul:empty {
    margin: 0;
}

#reponse_msg ul {
    margin-left: 20px;
}

#reponse_msg ul li:last-child {
    margin-bottom: 20px;
}

#reponse_msg ul li.error {
    color: #ff0000;
}

.mejs-container {
    background: #333 !important;
    width: 100% !important;
}

.mejs-container:hover {
    background: transparent !important;
    color: #000 !important;
}

.ppb_background_overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.service_content_wrapper {
    margin: 0;
    width: 100%;
    float: left;
}

.service_wrapper {
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
}

.service_wrapper.center.boxed {
    padding: 25px 20px 20px 20px;
    background: #fff;
    box-sizing: border-box;
    margin: 15px 0 15px 0;
}

.service_wrapper.center,
.service_wrapper.center_nocircle {
    text-align: center;
}

.service_title {
    margin: 0 0 15px 0;
    float: left;
    width: 71%;
    width: calc(100% - 60px);
    margin-top: 0;
    text-align: left;
}

.service_title.list {
    width: 100%;
}

.service_wrapper.center .service_title,
.service_wrapper.center_nocircle .service_title {
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both;
    text-align: center;
    margin-top: 20px;
}

.service_wrapper.center_nocircle .service_title {
    margin-top: 10px;
}

.service_wrapper.center .service_title h6 {
    margin-bottom: 10px;
}

.service_icon {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 50px !important;
    height: 50px !important;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    margin: auto;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
    text-align: center;
}

.service_wrapper.center .service_icon,
.service_icon.vertical {
    float: none;
    clear: both;
    margin: auto !important;
    width: 90px !important;
    height: 90px !important;
    background: #f0f0f0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 15px;
}

.service_wrapper.center_nocircle .service_icon {
    float: none;
    clear: both;
    margin: auto !important;
    width: 90px !important;
    height: 90px !important;
    background: transparent;
    margin-bottom: 15px;
}

.service_wrapper.center_nocircle .service_icon {
    border: 0;
}

.service_wrapper.center.boxed .service_icon,
.service_wrapper.center .service_icon,
.service_icon.vertical {
    width: 80px !important;
    height: 80px !important;
    position: relative;
}

.service_icon.vertical {
    float: left;
    margin-top: 15px !important;
}

.service_wrapper.center.boxed .service_icon .service_border,
.service_wrapper.center .service_icon .service_border,
.service_icon.vertical .service_border {
    border: 1px solid transparent;
    width: 80px;
    height: 80px;
    position: absolute;
    top: -1px;
    left: -1px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service_wrapper.center.boxed .service_icon:hover .service_border,
.service_wrapper.center .service_icon:hover .service_border,
.service_icon.vertical:hover .service_border {
    transform: scale(1.18);
    border-color: #333;
    -moz-transform: scale(1.18);
    -o-transform: scale(1.18);
}

.service_wrapper.center .service_icon:hover,
.service_icon.vertical:hover {
    background: #000;
    border-color: #000;
}

.service_wrapper.center .service_icon:hover i,
.service_icon.vertical:hover i {
    color: #fff !important;
}

.service_icon img {
    max-width: 24px;
    height: auto;
    margin-top: 10px;
}

.service_wrapper.center .service_icon img {
    max-width: 36px;
    line-height: 36px;
}

.service_icon i {
    font-size: 36px;
    line-height: 36px;
    color: #000;
}

.service_wrapper.center .service_icon i {
    font-size: 24px;
    margin-top: 22px;
    color: #000;
}

.service_wrapper.center_nocircle .service_icon i {
    font-size: 45px;
    margin-top: 20px;
    color: #000;
}

.service_wrapper.center.boxed .service_icon i,
.service_icon.vertical i {
    font-size: 24px;
    margin-top: 22px;
    color: #000;
}

.service_title h3 {
    font-size: 18px;
}

.one_fourth .service_title h3 {
    font-size: 18px;
}

.one_fourth .service_title {
    max-width: 71%;
}

.service_content {
    clear: both;
    text-align: left;
    margin-top: 5px;
}

.service_wrapper.center .service_content,
.service_wrapper.center_nocircle .service_content {
    text-align: center;
}

.gallery_classic_entry {
    text-align: center;
}

.gallery_classic_entry img {
    width: auto;
    max-height: 600px;
}

.promo_box {
    padding: 25px;
    background: #f3f3f3;
    border: 1px solid #e1e1e1;
    position: relative;
    clear: both;
}

.promo_box_wrapper .promo_box {
    padding: 55px 0 55px 0;
    background: transparent;
    border: 0;
    color: #fff;
}

.promo_box_wrapper .promo_box h5 {
    color: #fff !important;
}

.promo_box.shadow:after,
.promo_box.shadow:before {
    content: " ";
    position: absolute;
    width: 50%;
    height: 30%;
    z-index: -10;
}

.promo_box.shadow:before {
    top: 52px;
    left: 5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -webkit-box-shadow: 7px 6px 15px #333;
    -moz-box-shadow: 7px 6px 15px #333;
    -ms-box-shadow: 7px 6px 15px #333;
    -o-box-shadow: 7px 6px 15px #333;
    box-shadow: 7px 6px 15px #333;
}

.promo_box.shadow:after {
    top: 52px;
    right: 5px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-box-shadow: -7px 6px 15px #333;
    -moz-box-shadow: -7px 6px 15px #333;
    -ms-box-shadow: -7px 6px 15px #333;
    -o-box-shadow: -7px 6px 15px #333;
    box-shadow: -7px 6px 15px #333;
}

.promo_box h5 {
    margin-bottom: 5px;
    color: #222 !important;
    display: block;
    padding-right: 20%;
}

.promo_box p {
    display: block;
}

.promo_box .button {
    float: right;
    display: inline-block;
    margin-left: 10px;
    margin-top: -8px;
    background: #000;
    border-color: #000;
    color: #fff;
    padding: .7em 1.5em .7em 1.5em !important;
}

.promo_box .button.transparent {
    background: transparent;
    border-color: #fff !important;
}

.promo_box .button.transparent:hover {
    background: #000;
    color: #fff !important;
    border-color: #000 !important;
}

.alert_box {
    padding: 20px;
    text-align: center;
    position: relative;
}

.alert_box_msg {
    max-width: 85%;
    margin: auto;
}

.alert_box.general {
    background: #d1edf5;
}

.alert_box.error {
    color: #b13c3c;
    background: #ffe9e9;
}

.alert_box.error a {
    color: #b13c3c;
}

.alert_box.success {
    color: #6a863b;
    background: #e9f3d2;
}

.alert_box.success a {
    color: #6a863b;
}

.alert_box.notice {
    color: #a18e0f;
    background: #fbf6e3;
}

.alert_box.notice a {
    color: #a18e0f;
}

.alert_box a.close_alert {
    position: absolute;
    top: 5px;
    right: 10px;
    display: block;
    font-size: 11px;
    opacity: 0.5;
}

.alert_box .alert_icon {
    position: absolute;
    top: 18px;
    left: 25px;
    display: block;
    font-size: 14px;
    padding: 5px;
}

.alert_box.general .alert_icon {
    color: #4e7883;
    background: transparent;
    border-radius: 25px;
    border: 2px solid #4e7883;
}

.alert_box.error .alert_icon {
    color: #b13c3c;
    background: transparent;
    border-radius: 25px;
    border: 2px solid #b13c3c;
}

.alert_box.success .alert_icon {
    color: #6a863b;
    background: transparent;
    border-radius: 25px;
    border: 2px solid #6a863b;
}

.alert_box.notice .alert_icon {
    color: #a18e0f;
    background: transparent;
    border-radius: 25px;
    border: 2px solid #a18e0f;
}

.accordion {
    border: 1px solid #e1e1e1;
    visibility: hidden;
}

.accordion h3,
.accordion div {
    border: 0;
    background: transparent;
}

.pp_accordion,
.pp_accordion_close {
    margin: 0;
    margin-bottom: 10px !important;
    visibility: hidden;
}

.pp_accordion.ui-accordion,
.pp_accordion_close.ui-accordion {
    visibility: visible;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #e1e1e1;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.ui-state-default,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-widget-content {
    border: 0;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: transparent;
}

.ui-accordion .ui-accordion-header {
    font-weight: normal;
    display: block;
    position: relative;
    border: 1px solid #e1e1e1;
    margin-top: 0;
    background: #fff;
    -webkit-transition: color .2s linear, background .1s linear;
    -moz-transition: color .2s linear, background .1s linear;
    -ms-transition: color .2s linear, background .1s linear;
    -o-transition: color .2s linear, background .1s linear;
    transition: color .2s linear, background .1s linear;
}

.ui-accordion .ui-accordion-header:hover {
    background: #f9f9f9;
}

.ui-accordion .ui-accordion-content {
    border: 1px solid #e1e1e1;
    border-top: 0;
}

.ui-accordion .ui-accordion-header a {
    padding: 1em .3em 1em 1.5em;
    font-size: 13px;
}

.ui-accordion .ui-accordion-header a i {
    opacity: 0.3;
}

.accordion div {
    border-top: 1px solid #ebebeb;
}

.accordion h3 {
    padding: 5px 0 5px 8px;
}

.tabs {
    visibility: hidden;
}

.ui-tabs .ui-tabs-nav {
    margin-left: 0 !important;
}

.ui-accordion .ui-accordion-header .ui-icon {
    width: 16px;
    height: 16px;
    background: transparent !important;
    margin-top: -9px;
    text-indent: 0;
    overflow: visible;
}

.ui-accordion .ui-accordion-header .ui-icon:after {
    font-size: 12px;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: 10%;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    margin-right: 0px;
    margin-top: 3px;
    color: #000000;
}

.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s:after {
    content: "\f106";
}

.ui-accordion.has_icon .ui-accordion-header .ui-icon:after {
    display: none !important;
}

.ui-accordion .ui-accordion-header .ui-icon {
    left: auto;
    right: 1em !important;
}

.ui-accordion .ui-accordion-header i {
    margin-right: 10px;
    margin-left: 5px;
}

.ui-tabs {
    list-style: none;
    visibility: visible;
}

.ui-tabs-panel {
    margin-top: 10px;
}

.ui-widget-header {
    border: 0;
}

.vertical .ui-widget-header {
    width: 30%;
    float: left;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
    border: 0;
}

.vertical.right .ui-widget-header {
    float: right;
}

.ui-tabs .ui-tabs-nav li {
    background: #f0f0f0;
    margin: 0;
    border: 1px solid #e1e1e1 !important;
    border-left: 0 !important;
    padding-top: 2px;
    top: 1px;
    -webkit-transition: color .2s linear, background .1s linear;
    -moz-transition: color .2s linear, background .1s linear;
    -ms-transition: color .2s linear, background .1s linear;
    -o-transition: color .2s linear, background .1s linear;
    transition: color .2s linear, background .1s linear;
}

.ui-tabs.vertical .ui-tabs-nav li {
    top: 0;
    left: 1px;
    position: relative;
    border: 1px solid #e1e1e1 !important;
    border-bottom: 0 !important;
}

.ui-tabs.vertical.right .ui-tabs-nav li {
    left: -1px;
    border-left: 0 !important;
}

.vertical.ui-tabs .ui-tabs-nav li {
    width: 100%;
    clear: both;
}

.ui-tabs .ui-tabs-nav li:hover {
    background: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border: 1px solid #e1e1e1;
    border-top: 3px solid #e1e1e1;
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
    background: #fff !important;
    border-bottom: 1px solid #fff !important;
    outline: none;
    position: relative;
    z-index: 9;
}

.ui-tabs.vertical .ui-tabs-nav li.ui-state-active {
    border-right: 0 !important;
    position: relative;
    z-index: 9;
}

.ui-tabs.vertical.right .ui-tabs-nav li.ui-state-active {
    border-right: 1px solid #e1e1e1 !important;
}

.ui-tabs.vertical .ui-tabs-nav li:last-child {
    border-bottom: 1px solid #e1e1e1 !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    outline: none;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 8px 20px 7px 20px;
}

.ui-tabs.vertical .ui-tabs-nav li a {
    padding: 10px 20px 9px 20px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tabs .ui-tabs .ui-tabs-nav li {
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
    display: block;
}

#content_wrapper .tabs .ui-widget-header,
.content_wrapper .tabs .ui-widget-header {
    border: 0;
    margin-left: 0;
}

.tabs .ui-tabs-panel {
    border: 1px solid #e1e1e1;
    margin: 0;
    padding-top: 0em;
    background: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    z-index: 2;
    position: relative;
}

.tabs.vertical .ui-tabs-panel {
    border-top: 1px solid #e1e1e1;
    width: 70%;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 2;
    position: relative;
}

.tabs .ui-state-active a {
    color: #333;
    font-weight: bold;
}

.ui-tabs li:first-child {
    margin-left: -3px;
    border-left: 1px solid #e1e1e1 !important;
}

.ui-tabs.vertical li:first-child {
    margin-left: 0;
}

.icon_list {
    margin: 0;
    margin-left: 0 !important;
    padding: 0;
    list-style: none;
}

.icon_list li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    clear: both;
    position: relative;
    float: left;
}

.icon_list li .service_title {
    margin: 0;
}

.icon_list li .service_title strong {
    color: #333;
    font-size: 16px;
}

.icon_list li .service_wrapper {
    float: left;
    width: 71%;
    width: calc(100% - 100px);
    padding-top: 0;
    margin: 25px 0 25px 20px;
}

.icon_list li .service_wrapper.right {
    margin-left: 0;
    margin-right: 2%;
}

.icon_list li .service_wrapper.right .service_content {
    text-align: right;
}

.icon_list li .service_wrapper.right .service_title {
    float: right;
    text-align: right;
}

.icon_list li .service_icon.right {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.client_logo {
    max-width: 190px;
    height: auto;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s;
}

.client_content {
    display: block;
    float: left;
}

.one_third img.team_pic {
    max-width: 304px;
    height: auto;
}

.progress_bar {
    position: relative;
    margin-bottom: 10px;
    visibility: hidden;
    display: block !important;
}

.progress_bar_holder {
    height: 3px;
    margin-top: 5px;
    background: #f0f0f0;
}

.progress_bar_content {
    height: 3px;
    -webkit-transition: width s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.progress_bar_title {
    font-weight: 400;
    display: inline;
    font-size: 13px;
}

.progress_number {
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
}

.pricing_content_wrapper {
    margin: 0;
    width: 100%;
    float: left;
}

.pricing_content_wrapper.light .one_half.pricing {
    margin-right: 0;
    width: 50%;
}

.pricing_content_wrapper.light .one_third.pricing {
    margin-right: 0;
    width: 33.3%;
}

.pricing_content_wrapper.light .one_fourth.pricing {
    margin-right: 0;
    width: 25%;
}

.pricing_content_wrapper .one_half.pricing.featured,
.pricing_content_wrapper .one_third.pricing.featured,
.pricing_content_wrapper .one_fourth.pricing.featured {
    margin-top: -20px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
}

.pricing_wrapper {
    list-style: none;
    display: block;
    margin-left: 0 !important;
    border: 1px solid #e1e1e1;
}

.pricing_wrapper li {
    margin: 0;
    padding: 0;
    background: #fff;
    text-align: center;
    padding: 13px 0px;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    color: #555;
}

.pricing_wrapper li:last-child {
    border-bottom: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pricing_wrapper li.title_row {
    background: #f3f3f3;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.pricing_content_wrapper.light .pricing_wrapper li.title_row {
    background: #fff;
}

.pricing_content_wrapper.normal .pricing_wrapper li.title_row {
    background: #000;
    color: #fff;
}

.pricing_wrapper li.title_row.featured {
    background: #000;
    color: #fff;
    padding: 23px 0px;
}

.pricing_content_wrapper.light .pricing_wrapper li.title_row.featured {
    color: #000;
}

.pricing_wrapper li.price_row {
    color: #000000;
    background: #f9f9f9;
    padding: 0;
}

.pricing_wrapper li.button_row {
    padding: 20px 0px;
}

.pricing_wrapper li.button_row.featured {
    padding: 30px 0px;
}

.pricing_wrapper li.price_row strong {
    position: relative;
    top: -35px;
    font-size: 24px;
    font-weight: normal !important;
    margin-right: 2px;
    color: #000000;
}

.pricing_wrapper li.price_row em.exact_price {
    display: inline !important;
    font-size: 75px !important;
    font-style: normal !important;
    letter-spacing: -2px;
}

.pricing_wrapper li.price_row em.time {
    font-style: normal;
}

.one_third.pricing {
    width: 31.66%;
    margin-right: 2.5%;
}

.one_fourth.pricing {
    width: 23%;
    margin-right: 2.5%;
}

.one_fourth.pricing.last {
    margin-right: 0;
    float: right;
    clear: right;
}

.one_fourth.pricing .pricing_wrapper li.price_row {
    padding: 13px 0px;
}

.one_fourth.pricing .pricing_wrapper li.price_row strong {
    top: -25px;
    font-size: 20px;
}

.one_fourth.pricing .pricing_wrapper li.price_row em.exact_price {
    font-size: 55px !important;
}

.one_half img,
.one_third img,
.one_fourth img,
.one_fifth img,
.two_third img {
    max-width: 100%;
    height: auto;
}

.page_content_wrapper .one_half .map_shortcode_wrapper img,
.page_content_wrapper .one_third .map_shortcode_wrapper img,
.page_content_wrapper .one_fourth .map_shortcode_wrapper img,
.page_content_wrapper .one_fifth .map_shortcode_wrapper img,
.page_content_wrapper .two_third .map_shortcode_wrapper img {
    max-width: none;
}

.animated {
    visibility: hidden;
}

.ls-container {
    overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    div.thumb_content {
        border-radius: 0 !important;
    }
}

doesnotexist:-o-prefocus,
div.thumb_content {
    border-radius: 0 !important;
}

.fancybox-inner div {
    max-width: 100% !important;
    height: auto !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dynamic_height img {
    max-width: 100% !important;
}

.mejs-overlay-button {
    display: block;
    z-index: 99999;
}

.slider_wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.post_wrapper.grid_layout .slider_wrapper {
    min-height: 190px;
    margin-bottom: 15px;
}

.portfolio_next_prev_wrapper {
    width: 100%;
    text-align: center;
    clear: both;
    position: relative;
    padding-top: 30px;
}

.portfolio_next_prev_wrapper .portfolio_prev,
.portfolio_next_prev_wrapper .portfolio_next {
    margin: 0;
    float: left;
    width: 50%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}

.portfolio_next_prev_wrapper .portfolio_next {
    float: right
}

.portfolio_next_prev_wrapper .portfolio_prev .effect,
.portfolio_next_prev_wrapper .portfolio_next .effect {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #000;
}

.portfolio_next_prev_wrapper .portfolio_prev .effect img,
.portfolio_next_prev_wrapper .portfolio_next .effect img {
    position: relative;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    max-width: none !important;
    width: 100%;
}

.portfolio_next_prev_wrapper .portfolio_prev:hover .effect img,
.portfolio_next_prev_wrapper .portfolio_next:hover .effect img {
    opacity: 0.6;
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    text-align: left;
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption:before,
.portfolio_next_prev_wrapper .portfolio_prev .effect .caption:after,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption:before,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption:after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption:before,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption:after,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption:before,
.portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption:after,
.portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption:before,
.portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption > div,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption > div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 3em;
    width: 100%;
    height: 50%;
    box-sizing: border-box;
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption div > h4,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption div > h4 {
    color: #fff;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transform: translate3d(0, 10px, 0);
}

.portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption div > h4,
.portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption div > h4 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption div > p,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption div > p {
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
    transform: translate3d(0, 10px, 0);
}

.portfolio_next_prev_wrapper .portfolio_prev:hover .effect .caption div > p,
.portfolio_next_prev_wrapper .portfolio_next:hover .effect .caption div > p {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.portfolio_next_prev_wrapper .portfolio_prev .effect .caption div > a,
.portfolio_next_prev_wrapper .portfolio_next .effect .caption div > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: block;
    background: #fff;
    opacity: 0;
    white-space: nowrap;
}

.circliful {
    margin: auto;
}

.teaser_wrapper.left {
    text-align: left;
}

.teaser_wrapper.center {
    text-align: center;
}

.teaser_wrapper.right {
    text-align: right;
}

.teaser_content_wrapper {
    box-sizing: border-box;
    width: 100%;
    padding: 15px 0 15px 0;
    margin-top: -7px;
}

.teaser_content {
    margin-top: 10px;
}

.testimonial_image {
    float: left;
    margin: 0 20px 0 0;
    width: 80px;
    height: 80px !important;
    border-radius: 100px;
    overflow: hidden;
}

.testimonial_image img {
    width: 80px;
    height: auto;
    border-radius: 100px;
}

.testimonial_content {
    overflow: hidden;
}

.testimonial_customer {
    margin-top: 10px;
}

.testimonial_customer_position {
    color: #999;
    margin-right: 5px;
    display: inline;
    float: none;
}

.testimonial_customer_company {
    display: inline;
    margin-left: 5px;
    float: none;
}

.testimonial_slider_wrapper {
    position: relative;
    font-size: 24px;
    padding-top: 10px;
    font-family: 'Playfair Display', 'Times New Roman', Georgia, Times, serif;
}

.one_half .testimonial_slider_wrapper {
    font-size: 20px;
}

.one_third .testimonial_slider_wrapper,
.one_fourth .testimonial_slider_wrapper {
    font-size: 18px;
}

.testimonial_slider_wrapper .flexslider:before {
    content: '\201C';
    overflow: hidden;
    color: #efc337;
    font-size: 60px;
    display: block;
    line-height: 40px;
    text-align: center;
}

.one_half .testimonial_slider_wrapper .flexslider:before {
    font-size: 50px;
    line-height: 45px;
}

.one_third .testimonial_slider_wrapper .flexslider:before,
.one_fourth .testimonial_slider_wrapper .flexslider:before {
    font-size: 40px;
    line-height: 35px;
}

.testimonial_slider_wrapper .testimonial_image {
    float: none;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 60px;
    height: 60px !important;
    border-radius: 100px;
    overflow: hidden;
}

.testimonial_slider_meta {
    margin-top: 40px;
}

.testimonial_slider_meta h6 {
    display: inline;
    font-size: 14px;
}

.testimonial_column_element {
    margin: 15px 0 15px 0;
}

.testimonial_slider_meta_position,
.testimonial_slider_meta_company {
    display: inline;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
}

.page_slider .tp-leftarrow.default,
.page_slider .tp-rightarrow.default {
    background: transparent;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 200px;
    text-align: center;
    top: 47% !important;
}

body.hover .page_slider .tp-leftarrow.default,
body.hover .page_slider .tp-rightarrow.default {
    opacity: .5;
}

body.hover .page_slider .tp-leftarrow.default:hover,
body.hover .page_slider .tp-rightarrow.default:hover {
    opacity: 1;
}

.page_slider .tp-leftarrow.default:before,
.page_slider .tp-rightarrow.default:before {
    font-family: "FontAwesome";
    font-size: 22px;
    line-height: 40px;
    display: block;
    content: '\f104';
    color: #fff;
    margin-top: 0px;
    margin-left: -2px;
}

.page_slider .tp-rightarrow.default:before {
    content: '\f105';
}

.page_slider .tp-bullets.simplebullets.round .bullet {
    background: #fff;
    width: 7px;
    height: 7px;
    opacity: .5;
    border-radius: 100px;
    margin-left: 5px;
}

.page_slider .tp-bullets.simplebullets .bullet:hover,
.page_slider .tp-bullets.simplebullets .bullet.selected {
    opacity: 1;
}

.one_half_bg {
    width: 50%;
    float: left;
    background-position: 50% 50% !important;
    background-size: cover !important;
    box-sizing: border-box;
    padding: 20px;
}

.ppb_content_half_bg .one_half_bg {
    padding: 40px;
}

.one_third_bg {
    width: 33.3%;
    float: left;
    background-position: 50% 50% !important;
    background-size: cover !important;
    box-sizing: border-box;
    padding: 20px;
}

.one_third_bg.nopadding,
.one_half_bg.nopadding {
    padding: 0;
}

.ppb_blog_minimal .one_third_bg {
    height: 350px;
    background: #f0f0f0;
    position: relative;
}

.ppb_blog_minimal .one_third_bg .blog_minimal_wrapper {
    width: 100%;
    height: 100%;
    padding: 60px 40px;
    box-sizing: border-box;
}

.ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .content {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .featured_image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .background_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 3;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .featured_image,
.ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .background_overlay {
    opacity: 1;
}

.ppb_blog_minimal .one_third_bg .blog_minimal_wrapper .content .post_detail {
    position: absolute;
    bottom: 0px;
}

.ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .content .post_detail {
    color: #fff;
}

.ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .content,
.ppb_blog_minimal .one_third_bg:hover .blog_minimal_wrapper .content h4 {
    color: #fff !important;
}

.two_third_bg {
    width: 66.6%;
    float: left;
    background-position: 50% 50% !important;
    background-size: cover !important;
    box-sizing: border-box;
    padding: 20px;
}

.two_third_bg.team {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.one_half_bg.contact_form {
    padding: 60px;
}

.one_fourth_bg {
    width: 25%;
    float: left;
    background-position: 50% 50% !important;
    background-size: cover !important;
    box-sizing: border-box;
    padding: 20px;
}

.parallax {
    position: relative;
    clear: both;
    background-size: 100%;
}

.one_half {
    float: left;
    width: 48%;
    margin-right: 3.5%;
    box-sizing: border-box;
}

.one_half.last {
    float: right;
    width: 48%;
    margin-right: 0;
    clear: right;
}

.portfolio2filter_wrapper {
    overflow: hidden;
    margin: 0 12px 0 0;
    float: left;
}

.one_half.portfolio2_wrapper {
    width: 50%;
    margin-bottom: 0px;
}

.two_cols.gallery .element {
    width: 47.8%;
    margin-right: 2%;
    margin-bottom: 2%;
    box-sizing: border-box;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1 !important;
}

.two_cols.gallery .element.grid {
    padding: 0;
    background: transparent;
}

.two_cols.gallery .element.fade {
    opacity: 0.2 !important;
}

.two_cols.gallery .element .portfolio_title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    line-height: 1.65em;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.two_cols.gallery .element.hover .portfolio_title {
    visibility: visible;
    opacity: 1;
}

.two_cols.gallery .element .portfolio_title .table {
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: 85%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.two_cols.gallery .element:hover .portfolio_title .table {
    bottom: 20px;
}

.two_cols.gallery .element .portfolio_title h5 {
    font-size: 20px;
    color: #fff;
}

.two_cols.gallery .element .portfolio_title .post_detail {
    color: #fff;
}

.one_half.gallery2 {
    width: 100%;
    height: 100%;
    float: left;
    margin: 0;
    overflow: hidden;
}

.one_half.gallery2.static {
    overflow: hidden;
}

.one_half.gallery2 a {
    position: relative;
    display: block;
    line-height: 0;
}

.element.classic2_cols {
    overflow: hidden;
    position: relative;
    width: 49.8%;
    height: auto;
    margin-right: 1px;
    margin-bottom: 1px;
    float: left;
}

.one_half.gallery2.filterable.portfolio_type {
    margin: 0;
}

.one_half.gallery2.last {
    float: right;
    margin-right: 0;
}

.one_half.gallery2 div.thumb_content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 20px 15px 20px;
    background: #fff;
    color: #888;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    font-size: 12px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}

.one_half.gallery2 div.thumb_content h3 {
    color: #000000;
    font-size: 18px;
}

.one_half.gallery2:hover div.thumb_content {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.one_half.gallery2 a[rel=gallery] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    background: #000;
}

.one_third {
    width: 30.66%;
    float: left;
    margin-right: 4%;
    position: relative;
    box-sizing: border-box;
}

.one_third.last {
    margin-right: 0 !important;
    float: right;
    width: 30.66%;
}

.one_third.portfolio3_wrapper {
    width: 30%;
    margin-bottom: 0;
    margin-right: 25px;
}

#page_content_wrapper .inner .sidebar_content ul,
.page_content_wrapper .inner .sidebar_content ul {
    margin-left: 20px;
}

#page_content_wrapper .inner .sidebar_content.full_width.portfolio3_content_wrapper {
    width: 1250px;
}

#page_content_wrapper .inner .sidebar_content.full_width.portfolio4_content_wrapper,
.page_content_wrapper.portfolio4_content_wrapper {
    width: 1260px;
}

.page_content_wrapper.portfolio4_content_wrapper {
    margin-top: 50px;
}

.gallery_a_title {
    text-align: center;
}

.three_cols.gallery .element {
    width: 31.2%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 0;
    box-sizing: border-box;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1 !important;
    position: relative;
}

.sidebar_content.three_cols.gallery .element {
    width: 46%;
    margin-right: 3%;
    margin-bottom: 4%;
}

.three_cols.gallery .element.grid {
    padding: 0;
}

.three_cols.gallery .element.fade {
    opacity: 0.2 !important;
}

@media only screen and (min-width:1430px) {
    #page_content_wrapper.fullwidth .three_cols.gallery .element,
    .page_content_wrapper.fullwidth .three_cols.gallery .element {
        width: 22.4%;
        margin-bottom: 2.5%;
    }
}

@media only screen and (min-width:1720px) {
    #page_content_wrapper.fullwidth .three_cols.gallery .element,
    .page_content_wrapper.fullwidth .three_cols.gallery .element {
        width: 17.8%;
        margin-bottom: 2.5%;
    }
}

@media only screen and (min-width:2200px) {
    #page_content_wrapper.fullwidth .three_cols.gallery .element,
    .page_content_wrapper.fullwidth .three_cols.gallery .element {
        width: 14.6%;
        margin-bottom: 2.5%;
    }
}

.three_cols.gallery .element .portfolio_title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.three_cols.gallery .element.hover .portfolio_title {
    visibility: visible;
    opacity: 1;
}

.three_cols.gallery .element .portfolio_title .table {
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: 85%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.three_cols.gallery .element:hover .portfolio_title .table {
    bottom: 20px;
}

.three_cols.gallery .element .portfolio_title h5 {
    font-size: 18px;
    color: #fff;
}

.three_cols.gallery .element .portfolio_title .post_detail {
    color: #fff;
}

#portfolio_filter_wrapper.shortcode.three_cols.gallery .element,
.portfolio_filter_wrapper.shortcode.three_cols.gallery .element {
    width: 33.2%;
    margin-right: 0;
    margin-bottom: 0;
}

.one_third.gallery3 {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.one_third.gallery3.static {
    overflow: hidden;
}

.one_third.gallery3 a {
    display: block;
}

.element.classic3_cols {
    float: left;
}

.one_third.gallery3.last {
    float: right;
    margin-right: 0;
}

.one_third.gallery3 img {
    max-width: 100%;
    display: block;
    position: relative;
}

.one_third.gallery3 .one_third_img {
    position: absolute;
}

.one_third.filterable.gallery3.portfolio_type {
    margin: 0;
}

.one_third.gallery3 a[rel=gallery] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    background: #000;
}

.two_third {
    float: left;
    width: 65.33%;
    margin-right: 4%;
    box-sizing: border-box;
}

.two_third.last {
    margin-right: 0;
    float: right;
    clear: right;
}

.one_fourth {
    width: 22%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2%;
    position: relative;
    box-sizing: border-box;
}

.one_fourth.last {
    width: 22%;
    margin-right: 0;
    float: right;
    clear: right;
}

.four_cols.gallery .element {
    width: 22.9%;
    margin-bottom: 2%;
    margin-right: 2%;
    padding: 0;
    box-sizing: border-box;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1 !important;
}

.four_cols.gallery .element.grid {
    padding: 0;
    background: transparent;
}

.four_cols.gallery .element.fade {
    opacity: 0.2 !important;
}

.four_cols.gallery .element .portfolio_title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    box-sizing: border-box;
    line-height: 1.65em;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.four_cols.gallery .element.hover .portfolio_title {
    visibility: visible;
    opacity: 1;
}

.four_cols.gallery .element .portfolio_title .table {
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: 85%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.four_cols.gallery .element:hover .portfolio_title .table {
    bottom: 20px;
}

.four_cols.gallery .element .portfolio_title h5 {
    font-size: 15px;
    color: #fff;
}

.four_cols.gallery .element .portfolio_title .post_detail {
    color: #fff;
}

#portfolio_filter_wrapper.shortcode.four_cols.gallery .element,
.portfolio_filter_wrapper.shortcode.four_cols.gallery .element {
    width: 24.9%;
    margin-right: 0;
    margin-bottom: 1px;
}

.one_fourth.gallery4 {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.one_fourth.gallery4 a {
    position: relative;
    display: block;
    line-height: 0;
}

.one_fourth.gallery4.static {
    overflow: hidden;
}

.element.classic4_cols {
    float: left;
}

.one_fourth.gallery4.last {
    float: right;
    margin-right: 0;
}

.one_fourth.portfolio4 {
    margin: 0;
}

.one_fourth.gallery4 .one_fourth_img {
    position: absolute;
}

.portfolio4filter_wrapper {
    float: left;
}

.one_fifth {
    width: 18%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    box-sizing: border-box;
}

.one_fifth.last {
    margin-right: 0;
}

.one_sixth {
    width: 11%;
    float: left;
    margin-right: 6%;
    margin-bottom: 2%;
    box-sizing: border-box;
}

.one_sixth.last {
    margin-right: 0;
}

.image_classic_frame {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    line-height: 0;
}

.image_classic_frame.border {
    border: 1px solid #e1e1e1;
}

.image_classic_frame.glow {
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.image_classic_frame.dropshadow {
    padding: 0;
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

.image_classic_frame.bottomshadow {
    padding: 0;
    position: relative;
}

.image_classic_frame.bottomshadow:before,
.image_classic_frame.bottomshadow:after {
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: -1;
    height: 20%;
    width: 60%;
    content: "";
    opacity: 0.7;
    -webkit-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 17px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 17px 10px rgba(0, 0, 0, 0.6);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    opacity: 0.5;
}

.image_classic_frame.bottomshadow:after {
    left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}

.image_classic_frame.bottomshadow img {
    margin: 0;
}

.image_caption {
    padding: 20px 0 5px 0;
    font-size: 11px;
}

.single_portfolio_gallery {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    top: -35px;
    background: #f0f0f0;
}

.single_portfolio_gallery i.fa {
    font-size: 30px;
    position: absolute;
    top: 43%;
    left: 49%;
}

.fullscreen_desc {
    width: 80%;
    margin: auto;
    margin-bottom: 10px;
}

.portfolio_desc {
    float: left;
    text-align: left;
    margin-top: 15px;
}

.portfolio_desc.team {
    width: 100%;
    float: none;
    margin-bottom: 25px;
}

.team_position {
    color: #999;
    font-size: 11px;
}

.portfolio_desc.last {
    float: right;
}

.portfolio_desc.portfolio4,
.portfolio_desc.portfolio3,
.portfolio_desc.portfolio2 {
    width: 100%;
    padding: 0;
}

.portfolio_desc p {
    margin: 10px 0 0 0;
}

.gallery-main {
    display: none;
}

.wall_thumbnail {
    float: left;
    width: 100%;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.wall_thumbnail img {
    display: block;
    position: relative;
    height: auto;
    max-width: 100%;
}

#photo_wall_wrapper,
.photo_wall_wrapper {
    width: 100%;
    margin: 0 auto;
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    visibility: hidden;
    opacity: 0;
    overflow: visible !important;
}

.photo_wall_wrapper.shortcode {
    width: 100%;
}

.photo_wall_wrapper.shortcode.withmargin {
    margin-left: 1%;
	margin-right: 1%;
    margin-top: 1%;
    margin-bottom: 1%;
    width: 98%;
}

#photo_wall_wrapper.visible,
.photo_wall_wrapper.visible {
    visibility: visible;
    opacity: 1;
}

#photo_wall_wrapper.has_sidebar {
    width: 670px;
}

#photo_wall_wrapper .wall_entry,
.photo_wall_wrapper .wall_entry {
    float: left;
    border: none;
    padding: 0;
    position: relative;
    width: 24.9%;
    margin: 0;
    word-wrap: break-word;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#photo_wall_wrapper .wall_entry.fade,
.photo_wall_wrapper .wall_entry.fade {
    opacity: 0.2 !important;
}

#photo_wall_wrapper .wall_entry,
.photo_wall_wrapper .wall_entry.withmargin {
    width: 31.2%;
    margin: 0.5%;
    margin-bottom: 1%;
}

@media only screen and (min-width:1400px) {
    #photo_wall_wrapper .wall_entry,
    .photo_wall_wrapper .wall_entry {
        width: 19.99%;
        margin-bottom: 1%;
    }
    #photo_wall_wrapper .wall_entry,
    .photo_wall_wrapper .wall_entry.withmargin {
        width: 18.5%;
        margin: 0.5%;
        margin-bottom: 1%;
    }
}

@media only screen and (min-width:2100px) {
    #photo_wall_wrapper .wall_entry,
    .photo_wall_wrapper .wall_entry {
        width: 16.6%;
    }
    #photo_wall_wrapper .wall_entry,
    .photo_wall_wrapper .wall_entry.withmargin {
        width: 15%;
        margin: 0.5%;
    }
}

#photo_wall_wrapper .wall_entry .wall_entry_wrapper,
.photo_wall_wrapper .wall_entry .wall_entry_wrapper {
    position: relative;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
    overflow: visible !important;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    opacity: 1 !important;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.gallery_mansory_wrapper,
.gallery_mansory4_wrapper {
    padding: 0;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 960px;
}

.page-template-template-gallery-thumbnails-php .gallery_mansory_wrapper {
    padding: 0px;
    margin: 0 auto;
}

#vimeo_bg,
#youtube_bg {
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
}

#vimeo_bg .fluidvids,
#youtube_bg .fluidvids {
    width: 100%;
    height: 100%;
}

#vimeo_bg > iframe,
#youtube_bg > iframe {
    display: block;
    height: 100%;
    width: 100%;
}

.portfolio_tilter_wrapper {
    text-align: center;
}

.portfolio_filter_dropdown {
    width: 15em;
    background: #fff;
    position: relative;
    z-index: 9;
    margin-top: 20px;
    font-family: 'Noto Sans TC', sans-serif;
    display: inline-block;
    text-align: left;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#page_content_wrapper .inner .sidebar_wrapper .sidebar .content .portfolio_filter_dropdown {
    float: left;
    margin-bottom: 40px;
    margin-top: 0;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_title a {
    display: block;
    height: 3em;
    width: 100%;
    border-radius: 3px;
    text-decoration: none;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_title a span {
    display: block;
    padding: 0 1em;
    cursor: pointer;
    line-height: 3em;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_title a span:after {
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: 10%;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    line-height: 3em;
    font-size: 13px;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_select {
    position: relative;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_select ul.portfolio_select {
    display: none;
    position: absolute;
    left: 0;
    top: -3em;
    width: 100%;
    list-style: none;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_select ul.portfolio_select li a {
    display: block;
    padding: 0 1em;
    line-height: 3em;
    text-decoration: none;
    color: #888;
}

.portfolio_filter_dropdown .portfolio_filter_dropdown_select ul.portfolio_select li a:hover {
    background: #f9f9f9;
    color: #444;
}

#portfolio_filter_wrapper,
.portfolio_filter_wrapper {
    width: 960px;
    padding-top: 40px;
    height: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    visibility: hidden;
    opacity: 0;
}

.portfolio_filter_wrapper,
body.tax-portfoliosets #portfolio_filter_wrapper,
#portfolio_filter_wrapper {
    padding-top: 0;
}

#portfolio_filter_wrapper.visible,
.portfolio_filter_wrapper.visible {
    visibility: visible;
    opacity: 1;
}

#portfolio_filter_wrapper.gallery,
.portfolio_filter_wrapper.gallery {
    width: 98.3%;
    margin-left: 2%;
    box-sizing: border-box;
}

.page_content_wrapper.fullwidth #portfolio_filter_wrapper.gallery,
#page_content_wrapper.fullwidth #portfolio_filter_wrapper.gallery,
.page_content_wrapper.fullwidth .portfolio_filter_wrapper.gallery,
#page_content_wrapper.fullwidth .portfolio_filter_wrapper.gallery {
    width: 98.3%;
    margin-left: 2%;
    box-sizing: border-box;
}

#portfolio_filter_wrapper.shortcode,
.portfolio_filter_wrapper.shortcode {
    padding-top: 0;
    width: 100%;
}

body.single-attachment p.attachment {
    display: none;
}

.gallery_type,
.portfolio_type {
    opacity: 0;
}

.gallery_img {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.project_info_label {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: #999;
}

.project_info_value {
    font-size: 20px;
    color: #444;
    margin-bottom: 20px;
}

.one_fourth.withbg .page_content_wrapper,
.one_third.withbg .page_content_wrapper,
.one_half.withbg .page_content_wrapper,
.two_third.withbg .page_content_wrapper {
    padding: 0 10% 0 10%;
    box-sizing: border-box;
}

.ppb_fullwidth_button h2.title {
    font-size: 22px;
    display: block;
    float: left;
}

.ppb_fullwidth_button .button {
    float: right;
}

.error_box {
    background: #efc337;
    margin: 0 auto;
    width: 310px;
    height: 310px;
    position: relative;
}

.error_box .error_type {
    font-size: 156px;
    text-align: right;
    letter-spacing: -15px;
    margin-bottom: 0;
    color: #fff;
    line-height: 0;
    right: 0;
    bottom: -26px;
    position: absolute;
    letter-spacing: -15px;
}

.error_text {
    font-size: 53px;
    letter-spacing: -1.5px;
    color: #efc337;
    margin-top: 0;
    text-transform: uppercase;
    text-align: center;
    padding: 0 !important;
}

.footer_before_widget {
    margin-top: 30px;
    text-align: center;
}

.footer_before_widget .footer_logo.logo_wrapper img {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
}

#footer_before_widget_text {
    color: #ccc;
    text-align: center;
    width: 50%;
    margin: auto;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
}

#footer_before_widget_text:empty {
    display: none;
}

h1.page-title {
    display: none;
}

#page_content_wrapper .inner .sidebar_content ul.products {
    margin: 0;
    padding-top: 20px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 23%;
    margin-right: 2.5%;
}

.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
    margin-right: 0;
}

.woocommerce .woocommerce-ordering select {
    border: 0;
    background: transparent;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 14px;
}

.woocommerce .woocommerce-result-count {
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 14px;
}

.woocommerce ul.products li.product h3 {
    font-size: 1em;
}

.woocommerce ul.products li.product .price {
    font-family: 'Noto Sans TC', sans-serif;
    color: #444;
    font-size: 1.3em;
    font-weight: bold;
}

.woocommerce ul.products li.product .button {
    background: transparent;
    padding: 0;
    text-transform: none;
    font-size: 12px;
    font-family: 'Noto Sans TC', sans-serif;
    letter-spacing: 0;
    font-weight: 400;
}

.woocommerce #content .quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty {
    outline: 0;
    border: 1px solid #e1e1e1 !important;
    height: 39px;
}

.woocommerce-page div.product form.cart .button {
    width: auto !important;
    margin-left: 5px;
    letter-spacing: 1px !important;
    padding: .8em 1.5em .8em 1.5em !important;
    border: 0 !important;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    box-shadow: 0px 0px 0px black !important;
    width: 100% !important;
    text-align: center !important;
    margin: auto !important;
}

.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
    font-size: 14px !important;
    margin-top: 5px !important;
    padding-bottom: 0;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
    font-size: 0.9em !important;
}

.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    text-decoration: none !important;
    font-size: 16px !important;
    color: #efc337;
}

.woocommerce ul.cart_list li ins,
.woocommerce ul.product_list_widget li ins,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li ins {
    text-decoration: none;
    font-weight: bold;
}

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
    display: none !important;
}

.woocommerce ul.cart_list li img,
.woocommerce-page ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.product_list_widget li img {
    box-shadow: 0px 0px 0px black !important;
    -webkit-box-shadow: 0px 0px 0px black !important;
    -moz-box-shadow: 0px 0px 0px black !important;
    width: 45px;
    height: auto;
}

.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img,
.woocommerce #content div.product div.images img,
.woocommerce-page #content div.product div.images img {
    box-shadow: 0px 0px 0px black !important;
    -webkit-box-shadow: 0px 0px 0px black !important;
    -moz-box-shadow: 0px 0px 0px black !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs,
.woocommerce #content div.product .woocommerce-tabs ul.tabs,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs {
    margin-left: 0 !important;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h1 {
    font-size: 30px !important;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h2 {
    font-size: 18px !important;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h3 {
    font-size: 16px !important;
    padding-bottom: 0;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h4 {
    font-size: 14px !important;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h5 {
    font-size: 13px !important;
}

.woocommerce #content_wrapper .inner .inner_wrapper .sidebar_content h6 {
    font-size: 12px !important;
}

.woocommerce div.product div.images div.thumbnails a,
.woocommerce-page div.product div.images div.thumbnails a,
.woocommerce #content div.product div.images div.thumbnails a,
.woocommerce-page #content div.product div.images div.thumbnails a {
    margin-bottom: 3.8%;
}

div[itemprop="description"] {
    margin: 5px 0 10px 0;
    padding-left: 0 !important;
}

.review-summary {
    display: none !important;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce-page .widget_shopping_cart .total {
    font-size: 14px !important;
    color: #000;
    padding-top: 10px !important;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce-page .widget_shopping_cart .total {
    border: 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
    background: #444 !important;
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5) !important;
    -webkit-box-shadow: inset 0 0 0 0 rgba(204, 204, 204, 0.5) !important;
    -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5) !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
    border: 1px solid #e1e1e1 !important;
    background: #fff !important;
}

.woocommerce #page_content_wrapper a.button,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover {
    text-transform: none !important;
    border: 0 !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Verdana, sans-serif !important;
    font-weight: normal !important;
    position: relative !important;
    padding-left: 20px !important;
    background: transparent !important;
    margin-top: 0;
    opacity: 0.3;
    color: #444 !important;
    font-size: 12px !important;
}

.woocommerce #page_content_wrapper a.button:hover,
.woocommerce-page #page_content_wrapper a.button:hover,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover {
    opacity: 1;
}

.woocommerce.columns-4 ul.products li.product a.add_to_cart_button {
    color: #000 !important;
    font-size: 100% !important;
}

.woocommerce #page_content_wrapper a.button:before,
.woocommerce-page #page_content_wrapper a.button:before,
.woocommerce .products a.button:before {
    position: absolute;
    margin-left: -20px;
    color: inherit;
    font-family: "FontAwesome";
    content: '\f07a';
}

.woocommerce #page_content_wrapper a.button.product_type_variable:before,
.woocommerce-page #page_content_wrapper a.button.product_type_variable:before {
    content: '\f03a';
}

.woocommerce ul.products li.product:hover a.add_to_cart_button,
.woocommerce-page ul.products li.product:hover {
    border-color: #777 !important;
}

.woocommerce div.product form.cart .button,
.woocommerce-page div.product form.cart .button,
.woocommerce #content div.product form.cart .button,
.woocommerce-page #content div.product form.cart .button {
    opacity: 1 !important;
}

.woocommerce .widget_shopping_cart .widget_shopping_cart_content a.button,
.woocommerce table.cart td.actions .button.alt.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce table.cart td.actions .button.alt {
    background: #444 !important;
    color: #fff !important;
    text-shadow: none !important;
    border-color: #444 !important;
    font-weight: normal !important;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a,
.woocommerce-page ul.cart_list li a,
.woocommerce-page ul.product_list_widget li a {
    font-weight: normal !important;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
    width: 70px !important;
    float: left !important;
    margin-right: 15px !important;
    margin-left: 0 !important;
}

.woocommerce #reviews #comments ol.commentlist,
.woocommerce-page #reviews #comments ol.commentlist {
    margin-top: 20px !important;
}

.cart-collaterals .cart_totals table {
    width: 100% !important;
}

.woocommerce .related ul.products li.product,
.woocommerce .related ul li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce .upsells.products ul li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .upsells.products ul.products li.product,
.woocommerce-page .upsells.products ul li.product {
    width: 23% !important;
}

.woocommerce table.cart a.remove,
.woocommerce #content table.cart a.remove,
.woocommerce-page table.cart a.remove,
.woocommerce-page #content table.cart a.remove {
    color: #999 !important;
}

.woocommerce table.cart a.remove:hover,
.woocommerce #content table.cart a.remove:hover,
.woocommerce-page table.cart a.remove:hover,
.woocommerce-page #content table.cart a.remove:hover {
    color: #fff !important;
}

body[data-shop=three_cols].woocommerce ul.products li.product,
body[data-shop=three_cols].woocommerce-page ul.products li.product {
    width: 31.2% !important;
}

.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
    margin-right: 0 !important;
}

body.woocommerce .page-title {
    display: none;
}

.woocommerce-page div.product div.images div.thumbnails {
    display: none;
}

p.price {
    padding-top: 0 !important;
    margin-top: -10px !important;
}

p.price ins span.amount,
p.price span.amount,
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
    font-weight: bold;
    font-size: 18px;
    color: #efc337;
}

p.price del span.amount {
    color: #ccc !important;
    font-size: 16px;
}

span.price del span.amount {
    font-size: 13px;
}

#tab-description h2,
.woocommerce #reviews #comments h2,
.woocommerce-page #reviews #comments h2 {
    font-size: 18px;
}

.checkout h3 {
    font-size: 18px;
    margin: 15px 0 15px 0;
}

.related.products h2,
.cart_totals h2,
.shipping_calculator h2,
.upsells.products h2,
.cross-sells h2 {
    font-size: 18px;
    margin-bottom: 15px;
}

.cart_totals h2 {
    display: none;
}

.shipping_calculator h2 {
    text-align: left;
}

.related.products {
    margin-top: 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before {
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0px !important;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before {
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0px !important;
}

.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
    border: 1px solid #e1e1e1;
    padding: 25px;
    box-sizing: border-box;
    background: #fff;
}

.woocommerce #reviews #comments ol.commentlist li,
.woocommerce-page #reviews #comments ol.commentlist li {
    width: 100%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    background: #ebebeb !important;
    border: 0 !important;
    box-shadow: none !important;
    visibility: visible !important;
    border: 1px solid #e1e1e1 !important;
    border-bottom: 0 !important;
    border-radius: 0px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child {
    margin-left: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
    padding: 10px 30px 9px 30px !important;
    font-weight: normal !important;
    font-size: 14px !important;
    text-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff !important;
    color: #000 !important;
    border-radius: 0px !important;
    height: auto !important;
    padding: 0 !important;
    border: 1px solid #e1e1e1 !important;
    border-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a {
    color: #000 !important;
    font-weight: bold !important;
    border-radius: 0px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
    padding-left: 0 !important;
}

.widget_shopping_cart_content a.button {
    margin-right: 5px !important;
}

.woocommerce div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price {
    font-size: 1.5em !important;
}

.woocommerce-page div.product p.price ins {
    text-decoration: none !important;
}

.product_meta > span {
    clear: both;
    display: block;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after {
    border: 0 !important;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    box-shadow: 0 0 0 #000 !important;
    border-radius: 0 !important;
}

.woocommerce-message {
    background: #23B064 !important;
    border-color: #23B064 !important;
    color: #fff !important;
    text-shadow: none !important;
    padding: 1.3em 1.2em 1.1em 3.2em !important;
}

.woocommerce-info {
    background: #4db2ec !important;
    border-color: #4db2ec !important;
    color: #fff !important;
    text-shadow: none !important;
    padding: 1.3em 1.2em 1.1em 3.2em !important;
}

.woocommerce-error {
    background: #e62c22 !important;
    border-color: #e62c22 !important;
    color: #fff !important;
    text-shadow: none !important;
    padding: 1.3em 1.2em 1.1em 3.2em !important;
}

.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a {
    color: #fff !important;
}

.woocommerce-message:before,
.woocommerce-error:before,
.woocommerce-info:before {
    box-shadow: none !important;
    top: 0.4em !important;
    background: #23B064 !important;
}

.woocommerce-info:before {
    background: #4db2ec !important;
}

.woocommerce-error:before {
    background: #e62c22 !important;
}

.woocommerce .woocommerce-message a.button {
    display: none;
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals,
#order_review {
    margin-bottom: 0;
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
    text-align: left;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    border-bottom: 0;
}

.post_carousel.flexslider .slides > li {
    margin-right: 20px;
}

.woocommerce-page .products .star-rating {
    float: right;
    margin-top: 5px;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}

.woocommerce span.onsale,
.woocommerce-page span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    background: #ff3e36;
    margin-top: -6px;
    margin-left: -6px;
    left: 0;
    right: auto;
}

.woocommerce #content nav.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination,
.woocommerce-page #content nav.woocommerce-pagination,
.woocommerce-page nav.woocommerce-pagination {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
    border: 0;
}

.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #888;
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-right: 10px;
    overflow: hidden;
}

.woocommerce-page nav.woocommerce-pagination ul li a {
    color: #888;
    line-height: 1.3em;
}

.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:active {
    border-color: #e1e1e1;
    background: #fcfcfc;
    color: #000000 !important;
    font-weight: bold;
    line-height: 1.3em;
}

.woocommerce .woocommerce-pagination ul.page-numbers,
.woocommerce-page .woocommerce-pagination ul.page-numbers {
    margin-left: 0 !important;
}

.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li a {
    text-align: center;
}

.price_slider_wrapper {
    margin-top: 30px;
}

.woocommerce-page ul.product_list_widget li .star-rating {
    display: none;
}

.woocommerce-page ul.product_list_widget li a {
    font-weight: 600 !important;
}

.woocommerce-page ul.product_list_widget li .amount {
    font-weight: 400;
    color: #444;
}

.woocommerce-page ul.product_list_widget li del .amount {
    color: #ccc;
}

.woocommerce-page .price_label {
    font-weight: 400;
}

.woocommerce-page ul.product_list_widget li ins {
    background: transparent;
}

.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce-page .widget_price_filter .price_slider_amount .button {
    float: left !important;
}

ul.product_list_widget li {
    padding: 10px 0 10px 0 !important;
}

.woocommerce #content div.product,
.woocommerce div.product,
.woocommerce-page #content div.product,
.woocommerce-page div.product {
    clear: both;
}

.woocommerce .woocommerce-product-rating,
.woocommerce-page .woocommerce-product-rating {
    float: right;
}

.woocommerce-review-link {
    color: #000 !important;
}

.woocommerce-page div.product form.cart {
    margin-top: 2em;
}

.woocommerce .woocommerce-error:after,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:after,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:after,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:after,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:after,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:after,
.woocommerce-page .woocommerce-message:before {
    display: block;
    clear: none;
}

.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
    width: 70px;
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
    font-size: 14px;
    padding: 12px 12px 10px 12px;
}

.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
    line-height: 1em;
}

.woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after,
.woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after,
.wc-forward a:after,
.wc-forward:after {
    display: none;
}

#page_content_wrapper .inner .sidebar_content ul.products {
    margin-left: 0 !important;
}

.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
    border-top: 0;
    padding: 15px 12px;
}

.shipping-calculator-button {
    color: #000;
}

.product-subtotal .amount {
    color: #000;
    font-weight: 400;
}

.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
    width: 100%;
    float: none;
}

.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
    margin-top: 10px;
}

.woocommerce-page table.cart th,
table.shop_table thead tr th {
    border-bottom: 1px solid #e1e1e1;
    color: #000;
    font-weight: 400;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    border-radius: 0 !important;
    border-bottom: 1px solid #e1e1e1;
}

.woocommerce table.shop_table.cart,
.woocommerce-page table.shop_table.cart {
    border: 0;
}

.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
    border-bottom: 0 !important;
    padding-top: 40px;
}

.woocommerce table.cart td.actions .coupon .input-text#coupon_code {
    width: 200px;
    padding: 12px 10px 8px 10px;
    border-radius: 0;
    box-shadow: 0 0 0 0;
    margin-right: 10px;
}

.woocommerce .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-page .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-page .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-page .cart-collaterals .cart_totals tr td,
.woocommerce-page .cart-collaterals .cart_totals tr th {
    border-bottom: 0;
}

.woocommerce-page #payment ul.payment_methods label {
    display: inline-block;
    clear: none;
    width: auto;
}

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
    margin-top: 0;
}

.woocommerce #payment ul.payment_methods,
.woocommerce-page #payment ul.payment_methods {
    border-bottom: 0;
}

.woocommerce #payment div.form-row,
.woocommerce-page #payment div.form-row {
    border-top: 0;
}

.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before {
    color: #444;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: 1em;
}

strong[itemprop="author"] {
    font-size: 1em;
    font-weight: 400;
    color: #000;
    font-weight: 600 !important;
    font-family: 'Noto Sans TC', sans-serif;
    text-transform: uppercase;
}

.woocommerce #payment div.payment_box,
.woocommerce-page #payment div.payment_box {
    background: #fff !important;
    box-shadow: 0 0 0 0;
}

.woocommerce #payment div.payment_box:after,
.woocommerce-page #payment div.payment_box:after {
    display: none !important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
    border: 0 !important;
    border-bottom: 1px solid #e1e1e1 !important;
    padding: 0;
}

.woocommerce ul.products li.product a .star-rating,
.woocommerce-page ul.products li.product a .star-rating {
    display: none !important;
}

.woocommerce #review_form #respond {
    width: 100%;
}

.woocommerce #reviews h3 {
    text-align: left;
}

h1.product_title {
    font-size: 26px;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    display: none;
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 2em 0;
}

.woocommerce-page div.product form.cart .button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    border-radius: 0 !important;
}

.return-to-shop .wc-backward {
    padding-left: 35px !important;
}

.return-to-shop {
    padding: 0 0 2em 0 !important;
}

.woocommerce-checkout-payment {
    margin-bottom: 4em !important;
}

.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
    margin-top: 11px;
}

.tp-caption a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out
}

.tp-caption a:hover {
    color: #ffa902
}

h2.ppb_title,
.ui-accordion .ui-accordion-header {
    font-weight: 400;
}


.submit-button { 
    font-size: 15px; 
    font-weight: bold; 
    letter-spacing: 0.8px; 
    padding: 15px ; 
    width: 100%;
    display: block; 
    -webkit-appearance: none; 
    background-color:#333; 
    border: 0;
    color: #fff;
    font-style: normal !important;
    cursor: pointer;
    font-style: normal;
    border: 1px solid #333;
    -webkit-transition: background .2s linear, border .1s linear;
    -moz-transition: background .2s linear, border .1s linear;
    -ms-transition: background .2s linear, border .1s linear;
    -o-transition: background .2s linear, border .1s linear;
    transition: background .2s linear, border .1s linear;
}

.submit-button:hover {
    background: #fff;
    color: #333;
}
.input1 {
    width: 100%;
}

@media only screen and (max-width:767px) {
	#copyright {
		font-size: 10px;
	}
	
	.one .inner {
		margin-top: 20px;
	}
	
	.page_header_sep {
		display: none;
	}
}