@charset "UTF-8";
/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		IMS
Author URI: 	http://www.ignitormedia.com/
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1
*/
/* Theme customization starts here
-------------------------------------------------------------- */
/* be7 temp start
	TODO:
	product-designer 
		/js/services
		/bespoke7.css
		/html/tabs

		main-container.html

		shop
			menu default link
		shop-men
		#1
			dot dot dot hover color
			dot dot indication?
			prodcut size
			click animation
		#2
			scroll to top plz
			left right size for scrolling
		#3
			button size
		#4

		home
			displacement (slider)
			section too much spacing
			slider disappear?
			bottom slider no indicator left right?
		footer
			spacing
		about us
			bar sizing
			font
			7-day displacement
			animations =.=
			Lorem text
			those image seems so random places
		crossover-brands/
			too many spacing!!
			external site better do sth idication
		artists-photographers/
			nth inside
		Contact
			box spacing
			contact us that image???
			lorem?
			mailto link


$main-color: #083568;
$blue: #083568;
$light-blue: #b4d2e4;
@media screen and (max-width: 767px){

.header-main{
	background-color: rgba($blue,0.93);
	a{
		color: #fff;
		&:hover{ color: $light-blue; }
	}
}


}




*/
/* be7 stop */
/*
    @if $display == 'inline-block' {

    } @else {
        margin: 0 auto;
        width: 100%;
        max-width: 400px;
    }
*/
/*
    Example:
*/
/*
    Example:
    .__arrow-right{
        position: relative;
        &:after{
            @include fa_arrow_right();
        }
    }
*/
/*
    Example:
    &:before/after{ 
        @include fa_arrow_right_circle;
    }
*/
/*
    Example:
    &:before{
        @include underline_thick_rounded($bg);
    }
*/
/*
    Example:
    h1{
        @include underline_thick_rounded($bg);
    }
*/
/*
    e.g.
    <a href="#" class="__download_btn">
        <svg height="60" enable-background="new 0 0 220 60" viewBox="0 0 220 60" xmlns="http://www.w3.org/2000/svg"><path class="_stroke" d="m2.5 2.5v32.2l16.5 22.8h198.5v-55z" fill="none" stroke="#4aff53" stroke-width="5"/><path class="_fill" d="m35.3 26.9-4.7 7.1h-.1v-18h-4v18h-1.3l-4.5-6.8-3.4 2.2 5.8 8.6h9.7l5.9-8.9z" fill="#4aff53"/></svg>
        Download Now
    </a>

    Usage:
    - ask designer to merge path if necessary
    - add ._fill & ._stroke to respective svg path
*/
/*
    Secondary Button
*/
/*
    External Links
*/
/*
    Landing Mouse Scroll Down
*/
/*
	- logo, social, tnc links, disclaimer

	TODO: 
	1. Widget with longer width
	2. Widget with tag cloud

*/
.close_btn {
  z-index: 100; }

.m2-y {
  margin-left: 14px;
  margin-right: 14px; }

.header-layout .__overlay {
  z-index: 1; }
.header-layout .header-search-wrap {
  z-index: 2; }

.about-us,
body.single .wp-caption .wp-caption-text {
  z-index: 1; }

.mouse_scroll_down,
.entry-title-wrap {
  z-index: 10; }

.page-title .breadcrumb {
  z-index: 12; }

.sbHolder .sbOptions {
  z-index: 20; }

#footer,
.sticky-menu .site-logo {
  z-index: 99; }

body.home .sticky-menu {
  z-index: 99; }

body.home .header-layout {
  z-index: 100; }

/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  box-sizing: inherit;
  /* 2 */ }

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */ }

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: .67em 0; }

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ffff00;
  color: #000000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none; }

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
  border-collapse: collapse; }

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; }

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */ }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation; }

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
  cursor: progress; }

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
  cursor: pointer; }

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute; }

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
  cursor: default; }

@font-face {
  font-family: "HarmoniaSans W01 Light";
  src: url("fonts/harmonia/Fonts/0d3ddd7f-1365-4614-b4cd-3109f95fba46.eot?#iefix");
  src: url("fonts/harmonia/Fonts/0d3ddd7f-1365-4614-b4cd-3109f95fba46.eot?#iefix") format("eot"), url("fonts/harmonia/Fonts/cedea5d5-db27-4dc9-8d34-c20cce3ce9c2.woff2") format("woff2"), url("fonts/harmonia/Fonts/b8b58a75-9a85-4560-a2f2-bfb3f2f2fc98.woff") format("woff"), url("fonts/harmonia/Fonts/ba31de29-149c-4049-947e-9c3f1ecaa8d2.ttf") format("truetype"), url("fonts/harmonia/Fonts/2b103519-dc70-43c5-84eb-95348ed9f55a.svg#2b103519-dc70-43c5-84eb-95348ed9f55a") format("svg"); }
@font-face {
  font-family: "HarmoniaSans W01 Bold";
  src: url("fonts/harmonia/Fonts/afb7b057-b4c8-4f37-9611-323efb16599e.eot?#iefix");
  src: url("fonts/harmonia/Fonts/afb7b057-b4c8-4f37-9611-323efb16599e.eot?#iefix") format("eot"), url("fonts/harmonia/Fonts/d13c38b0-30e7-47f0-bc36-e2b7752b59e3.woff2") format("woff2"), url("fonts/harmonia/Fonts/50cd1762-b122-47c3-bce4-8e385f6a6db0.woff") format("woff"), url("fonts/harmonia/Fonts/2becde0a-efb7-469b-a992-fcebff7f02bb.ttf") format("truetype"), url("fonts/harmonia/Fonts/ffa1b212-f1e5-4934-89b5-20243a9f94af.svg#ffa1b212-f1e5-4934-89b5-20243a9f94af") format("svg"); }
@font-face {
  font-family: "Liberator Medium";
  src: url("fonts/liberator/liberator-medium-webfont.eot");
  src: url("fonts/liberator/liberator-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/liberator/liberator-medium-webfont.woff") format("woff"), url("fonts/liberator/liberator-medium-webfont.ttf") format("truetype"), url("fonts/liberator/liberator-medium-webfont.svg#webfont") format("svg"); }
.__align-center {
  text-align: center; }

.__align-left {
  text-align: left; }

.__align-right {
  text-align: right; }

nav ul li {
  display: inline-block; }

#Header_wrapper, #Intro,
#Wrapper, #Content, .content_wrapper {
  background-color: #000 !important; }

#Footer {
  background-color: #000 !important;
  color: #fff !important; }
  #Footer .footer_copy {
    border-top: none; }
  #Footer .copyright {
    opacity: 0.6;
    font-size: 14px; }
    @media screen and (max-width: 767px) {
      #Footer .copyright {
        font-size: 11px; } }

hr {
  height: 2px;
  background-color: #4aff53; }

.uas-section-title {
  margin-bottom: 0; }
  .uas-section-title img {
    margin-right: 30px;
    vertical-align: baseline; }
    .uas-section-title img.--big {
      height: 84px; }
  .uas-section-title .uas-section-title_text {
    display: inline-block;
    vertical-align: baseline;
    line-height: 0.9;
    font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
    font-size: 36px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase; }
    .uas-section-title .uas-section-title_text small {
      font-family: "HarmoniaSans W01 Light", "微軟正黑體", "メイリオ", sans-serif;
      text-transform: initial;
      font-weight: 100;
      font-size: 24px; }
  @media screen and (max-width: 1239px) {
    .uas-section-title .uas-section-title_text {
      font-size: 30px; } }
  @media screen and (max-width: 767px) {
    .uas-section-title img, .uas-section-title .uas-section-title_text {
      vertical-align: top; }
    .uas-section-title img {
      height: 42px !important;
      margin-right: 14px; }
    .uas-section-title .uas-section-title_text {
      font-size: 24px;
      line-height: 1.1;
      width: calc(100% - 70px); }
      .uas-section-title .uas-section-title_text small {
        font-size: 18px; } }

/*
	Title
		font-family: HarmoniaSansProCyr-Bold;
		font-size: 24px;
		color: #000000;
		letter-spacing: 0.12px;
		line-height: 29px;
	--sub
		font-family: HarmoniaSansProCyr-Light;
		font-size: 24px;
		color: #FFFFFF;
		letter-spacing: 0.12px;

	Text
		font-family: HarmoniaSansProCyr-Bold;
		font-size: 14px;
		color: #FFFFFF;
		letter-spacing: 0.06px;

	ACTION btn
		font-family: HarmoniaSansProCyr-Bold;
		font-size: 24px;
		color: #FFFFFF;
		letter-spacing: 0.08px;
*/
.uas-card-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block; }
  .uas-card-wrapper .card-bg {
    z-index: 1; }
  .uas-card-wrapper .card-text, .uas-card-wrapper .card-action {
    z-index: 2; }
  .uas-card-wrapper h4, .uas-card-wrapper h5, .uas-card-wrapper p, .uas-card-wrapper .card-action {
    -webkit-font-smoothing: antialiased;
    color: #fff; }
  .uas-card-wrapper .card-bg {
    position: relative;
    min-height: 200px; }
    .uas-card-wrapper .card-bg img {
      z-index: 1; }
    .uas-card-wrapper .card-bg:before {
      content: ' ';
      border: 100px solid #000000;
      border-top-color: transparent;
      border-right-color: transparent;
      opacity: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 3; }
    .uas-card-wrapper .card-bg:after {
      content: ' ';
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(-183deg, rgba(176, 237, 121, 0) 40%, #0CFF00 86%, #00FF41 100%);
      opacity: 0;
      z-index: 2; }
  .uas-card-wrapper.--first .card-bg:before {
    opacity: 1; }
  .uas-card-wrapper .card-text {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 20px 20px 20px 42%; }
    .uas-card-wrapper .card-text h5, .uas-card-wrapper .card-text h4 {
      font-size: 24px;
      line-height: 1.2;
      letter-spacing: 0.12px; }
    .uas-card-wrapper .card-text h5 {
      font-family: "HarmoniaSans W01 Light", "微軟正黑體", "メイリオ", sans-serif;
      font-weight: 100;
      margin-bottom: 10px; }
    .uas-card-wrapper .card-text h4 {
      font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
      font-weight: bold; }
      .uas-card-wrapper .card-text h4.card-text_no-sub {
        font-size: 36px;
        margin-top: 40px; }
      .uas-card-wrapper .card-text h4.card-text_single {
        min-height: 2.4em; }
    .uas-card-wrapper .card-text p {
      font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
      font-size: 14px;
      letter-spacing: 0.06px;
      font-weight: bold;
      line-height: 1.2;
      text-decoration: none; }
  .uas-card-wrapper hr {
    margin: 35px 0 28px; }
  .uas-card-wrapper .card-action {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
    font-size: 24px;
    letter-spacing: 0.08px;
    font-weight: bold;
    padding-right: 35px; }
    .uas-card-wrapper .card-action:after {
      content: ' ';
      border: 7px solid #ffffff;
      border-top-color: transparent;
      border-left-color: transparent;
      position: absolute;
      top: 6px;
      right: 0; }
  .uas-card-wrapper:hover .card-bg:after {
    opacity: .49; }
  .uas-card-wrapper .card-bg:after {
    transition: .21s linear all; }

@media screen and (max-width: 1239px) {
  .uas-card-wrapper.--first .card-bg:before {
    border: 70px solid #000000;
    border-top-color: transparent;
    border-right-color: transparent; }
  .uas-card-wrapper .card-text {
    padding: 20px 10px 10px 42%; }
    .uas-card-wrapper .card-text h5, .uas-card-wrapper .card-text h4 {
      font-size: 17px; }
    .uas-card-wrapper .card-text h4.card-text_no-sub {
      font-size: 24px;
      margin-top: 63px; }
    .uas-card-wrapper .card-text hr {
      margin: 14px 0 10px; }
    .uas-card-wrapper .card-text p {
      font-size: 12px; }
  .uas-card-wrapper .card-action {
    font-size: 17px;
    bottom: 7px;
    right: 10px;
    padding-right: 21px; }
    .uas-card-wrapper .card-action:after {
      border: 6px solid #ffffff;
      border-top-color: transparent;
      border-left-color: transparent; } }
@media screen and (min-width: 768px) and (max-width: 959px) {
  .uas-card-wrapper.--first .card-bg:before {
    border: 50px solid #000000;
    border-top-color: transparent;
    border-right-color: transparent; }
  .uas-card-wrapper .card-text h5, .uas-card-wrapper .card-text h4 {
    font-size: 15px; }
  .uas-card-wrapper .card-text h4.card-text_no-sub {
    font-size: 21px;
    margin-top: 77px; }
  .uas-card-wrapper .card-text hr {
    margin: 10px 0 7px; }
  .uas-card-wrapper .card-text p {
    display: none; }
  .uas-card-wrapper .card-action {
    font-size: 15px; }
    .uas-card-wrapper .card-action:after {
      border: 5px solid #ffffff;
      border-top-color: transparent;
      border-left-color: transparent; } }
@media screen and (max-width: 767px) {
  .home #Content .mcb-section.bg-cover {
    xbackground-image: initial !important;
    background-position: -500px 0 !important; }

  .uas-section-title,
  .uas-card-wrapper {
    display: block;
    max-width: 310px;
    margin: 0 auto; }

  .uas-card-wrapper .card-bg:after {
    opacity: .49; }
  .uas-card-wrapper .card-bg:before {
    border: 30px solid #000000;
    border-top-color: transparent;
    border-right-color: transparent; }
  .uas-card-wrapper .card-text {
    padding: 20px 42% 10px 10px; }
  .uas-card-wrapper.--first .card-bg:before {
    opacity: 0; }
  .uas-card-wrapper.--first .card-text {
    padding: 20px 10px 10px 42%; }
  .uas-card-wrapper.--last .card-bg:before {
    opacity: 1; } }
.footer-links-wrapper {
  margin-bottom: 10px; }
  .footer-links-wrapper a {
    font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
    font-size: 18px;
    letter-spacing: 0.05px; }
  .footer-links-wrapper .sep {
    margin: 0 20px; }
  @media screen and (max-width: 1239px) {
    .footer-links-wrapper a {
      font-size: 16px; } }
  @media screen and (max-width: 767px) {
    .footer-links-wrapper a {
      font-size: 14px; } }

.company-wrapper .company-logo img {
  height: 120px;
  margin-bottom: 40px; }
.company-wrapper .company-desc {
  font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0.05px;
  line-height: 1.1;
  margin-right: 20%; }
@media screen and (max-width: 1239px) {
  .company-wrapper .company-logo img {
    height: 100px;
    margin-bottom: 40px; }
  .company-wrapper .company-desc {
    font-size: 16px; } }
@media screen and (max-width: 767px) {
  .company-wrapper .company-desc {
    margin: 0 20px 10px; } }

.contact-wrapper div {
  -webkit-font-smoothing: antialiased;
  color: #FFFFFF;
  letter-spacing: 0.05px; }
.contact-wrapper .contact-title {
  font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
  text-transform: uppercase;
  font-size: 30px; }
.contact-wrapper hr {
  margin: 20px 0 30px;
  width: 70%; }
.contact-wrapper .tel, .contact-wrapper .fax, .contact-wrapper .address {
  font-family: "HarmoniaSans W01 Light", "微軟正黑體", "メイリオ", sans-serif;
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 1em; }
  .contact-wrapper .tel b, .contact-wrapper .fax b, .contact-wrapper .address b {
    font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif; }
@media screen and (max-width: 1239px) {
  .contact-wrapper .contact-title {
    font-size: 21px; }
  .contact-wrapper hr {
    margin: 10px 0 21px;
    width: 84%; }
  .contact-wrapper .tel, .contact-wrapper .fax, .contact-wrapper .address {
    font-size: 16px; } }
@media screen and (max-width: 767px) {
  .contact-wrapper {
    margin-top: 20px; }
    .contact-wrapper .contact-title {
      font-size: 28px; }
    .contact-wrapper hr {
      margin: 14px auto;
      width: 77%; }
    .contact-wrapper .tel, .contact-wrapper .fax, .contact-wrapper .address {
      text-align: left;
      margin-left: 20%; } }

@media screen and (max-width: 767px) {
  #Footer {
    text-align: center; } }
body:not(.template-slider) #Header_wrapper {
  background-position: left -10px bottom 0;
  height: 594px;
  max-width: 1600px;
  margin: 0 auto 70px;
  position: relative;
    /*
    	About:
    		body:not(.template-slider) #Header_wrapper{ background-position: left -10px bottom 0; }
    		@media screen and (min-width: 1600px){ body:not(.template-slider) #Header_wrapper{ background-position: left 0 bottom 0;} }
    		@media screen and (max-width: 767px){ body:not(.template-slider) #Header_wrapper { background-image: url(/wp-content/uploads/2018/04/mHeader_about@2x.jpg) !important;}; }
		Services Page: 
			body:not(.template-slider) #Header_wrapper{ background-position: right 0 bottom 110px, left -770px bottom -35px; height: 700px;}
			body:not(.template-slider) #Header_wrapper:after{ right:0; bottom: -80px;}
			body:not(.template-slider) #Header_wrapper #Subheader{ right:20px; bottom: 49px; text-align:right; }
			body:not(.template-slider) #Header_wrapper #Subheader .title{ float: right; width: 90%; }
			._page_subtitle{right:0;  left: initial;}
			@media screen and (max-width: 767px){ body:not(.template-slider) #Header_wrapper { background-image: url(/wp-content/uploads/2018/04/mHeader_Services@2x.png) !important;}; }
		Equiment (same as services):
		Course:
			body:not(.template-slider) #Header_wrapper{ background-position: right -10px bottom 0, left -770px bottom -35px; height: 700px; }
			body:not(.template-slider) #Header_wrapper:after{bottom: 0; left: 140px;}
			body:not(.template-slider) #Header_wrapper #Subheader{bottom: 70px; left: 441px; right: initial;}
			@media screen and (min-width: 1600px){ body:not(.template-slider) #Header_wrapper{ background-position: right 0 bottom 0, left -770px bottom -35px;} }
			@media screen and (max-width: 1440px){ 
				body:not(.template-slider) #Header_wrapper:after{right: 0; left: initial;}
				body:not(.template-slider) #Header_wrapper #Subheader{left: initial; right:0;}
			}
			@media screen and (max-width: 767px){ 
				xbody:not(.template-slider) #Header_wrapper { background-image: url(/wp-content/uploads/2018/04/mHeader_course@2x.png) !important;}; 
				body:not(.template-slider) #Header_wrapper #Subheader .title{margin-top: 40px; width: 140px; float: right; line-height: 1;}
				 ._page_subtitle{display:none;}
			}
		Contact:
			body:not(.template-slider) #Header_wrapper{ background-position: left -28px bottom 0, left 0 bottom -35px; height: 700px; }
			body:not(.template-slider) #Header_wrapper:after{bottom: 0; right: 154px;} 
			body:not(.template-slider) #Header_wrapper #Subheader{bottom: 120px; right: 161px; text-align:right;}
			body:not(.template-slider) #Header_wrapper #Subheader .title{ float: right; width: 90%; }
			@media screen and (min-width: 1600px){ body:not(.template-slider) #Header_wrapper{ background-position: left 0 bottom 0, left 0 bottom -35px;} }
			@media screen and (max-width: 1240px){ body:not(.template-slider) #Header_wrapper:after{right: 0;} body:not(.template-slider) #Header_wrapper #Subheader{right:0;}}
			@media screen and (max-width: 767px){ body:not(.template-slider) #Header_wrapper { background-image: url(/wp-content/uploads/2018/04/mHeader_contactus@2x.jpg) !important;}; }
	*/ }
  body:not(.template-slider) #Header_wrapper:after {
    z-index: 1; }
  body:not(.template-slider) #Header_wrapper #Subheader {
    z-index: 2; }
  body:not(.template-slider) #Header_wrapper:after {
    content: ' ';
    position: absolute;
    right: 49px;
    background-image: url(/wp-content/themes/betheme--child/img/Header_titleFlag.svg);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: -108px;
    width: 564px;
    height: 200px; }
  body:not(.template-slider) #Header_wrapper #Subheader {
    position: absolute;
    bottom: 28px;
    right: 40px;
    width: 280px;
    padding: 0 !important; }
    body:not(.template-slider) #Header_wrapper #Subheader .title {
      font-family: "Liberator Medium", "微軟正黑體", "メイリオ", sans-serif;
      -webkit-font-smoothing: antialiased;
      font-size: 48px;
      color: #000000;
      letter-spacing: 0.16px;
      margin: 0; }
    body:not(.template-slider) #Header_wrapper #Subheader:after {
      display: none; }
  @media screen and (max-width: 767px) {
    body:not(.template-slider) #Header_wrapper {
      height: 335px !important;
      background-size: cover;
      background-position: top center !important;
      margin-bottom: 0;
      box-shadow: 0 0 0 10px #4aff53 inset;
      margin-bottom: 120px; }
      body:not(.template-slider) #Header_wrapper:after {
        opacity: .1;
        display: none; }
      body:not(.template-slider) #Header_wrapper #Subheader {
        top: 325px;
        bottom: initial;
        right: 0 !important;
        padding: 0 !important;
        width: 100%;
        background: url(/wp-content/themes/betheme--child/img/Header_titleFlag.svg) no-repeat;
        background-size: contain;
        background-position: top right;
        min-height: 180px;
        text-align: right; }
        body:not(.template-slider) #Header_wrapper #Subheader .container {
          padding-right: 10px !important; }
        body:not(.template-slider) #Header_wrapper #Subheader .title {
          font-size: 24px;
          margin-top: 20px; } }
  @media screen and (max-width: 420px) {
    body:not(.template-slider) #Header_wrapper #Subheader {
      background: url(/wp-content/themes/betheme--child/img/mHeader_titletag.svg) no-repeat;
      background-size: contain;
      background-position: top right; } }

._page_subtitle {
  font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  color: #000000;
  letter-spacing: 0.08px;
  position: absolute;
  top: 100%;
  left: 0;
  line-height: 1;
  white-space: nowrap;
  padding-top: 20px;
  margin: 20px 0 0;
  border-top: 2px solid #000; }
  @media screen and (max-width: 767px) {
    ._page_subtitle {
      font-size: 14px;
      position: relative;
      width: 170px;
      float: right;
      padding-top: 10px;
      margin-top: 10px; } }

._section_title {
  font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 36px;
  color: #4aff53;
  margin-bottom: 1em; }
  ._section_title.--collapse {
    margin-bottom: 0; }
  ._section_title.--white {
    color: #fff; }
  @media screen and (max-width: 767px) {
    ._section_title {
      font-size: 24px;
      line-height: 1.3; }
      ._section_title + br {
        display: none; } }

ul._img_list {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto; }
  ul._img_list li {
    display: inline-block;
    min-width: 100px;
    margin: 10px; }

.mcb-section p, .mcb-section li, .mcb-section span {
  font-family: "HarmoniaSans W01 Light", "微軟正黑體", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: 0.05px;
  color: #FFFFFF; }
.mcb-section p {
  margin-bottom: 1em; }
  .mcb-section p.big {
    font-size: 28px; }
.mcb-section ._section_row_wrapper {
  margin-bottom: 30px; }
  .mcb-section ._section_row_wrapper.__first-col-reverse-desktop .mcb-wrap-inner > div:first-child {
    float: right; }
@media screen and (max-width: 767px) {
  .mcb-section p {
    font-size: 14px; }
    .mcb-section p.big {
      font-size: 20px; }
  .mcb-section .greyscale .image_wrapper img:not(.BWFilter) {
    opacity: 1;
    z-index: 2; }
  .mcb-section .column_image {
    text-align: center; }
  .mcb-section .image_frame {
    display: inline-block; } }

.__course_title, .__course_subtitle {
  position: relative;
  font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #fff; }

.__course_title {
  font-size: 36px;
  padding-left: 50px;
  text-transform: uppercase; }
  .__course_title:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    border: 18px solid #4aff53;
    border-right-color: transparent;
    border-bottom-color: transparent; }
  @media screen and (max-width: 767px) {
    .__course_title {
      font-size: 24px;
      padding-left: 35px;
      margin-bottom: 0;
      line-height: 35px; }
      .__course_title:before {
        width: 28px;
        height: 28px;
        border-width: 14px; } }

.__course_subtitle {
  font-size: 24px;
  /*&:after{
  	content: ' ';
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100px;
  	height: 1px;
  	background-color: $green;
  }*/
  display: flex;
  align-items: center; }
  .__course_subtitle ._title_line {
    height: 1px;
    background-color: #4aff53;
    flex-grow: 1;
    margin: 0.7em; }
  .__course_subtitle ._title_text {
    display: inline-block; }
  @media screen and (max-width: 767px) {
    .__course_subtitle {
      font-size: 18px; } }

.__course_detail {
  margin-left: 7%;
  overflow: hidden;
  transition: 0.3s linear all;
  height: auto;
  min-height: 280px;
  opacity: 1; }
  .__course_detail p, .__course_detail li, .__course_detail span {
    font-size: 20px;
    line-height: 1.3; }
  .__course_detail.--inactive {
    height: 0;
    min-height: 0;
    opacity: 0; }
  @media screen and (max-width: 767px) {
    .__course_detail p, .__course_detail li, .__course_detail span {
      font-size: 14px; } }

.__call_action_section {
  background-image: linear-gradient(270deg, rgba(13, 255, 0, 0.5) 7%, rgba(20, 255, 0, 0) 24%);
  text-align: right; }
  .__call_action_section .__course_subtitle ._title_line {
    background-color: currentColor; }
  .__call_action_section .__file_desc span {
    font-size: 0.8em;
    font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
    margin-left: 20px; }
  @media screen and (max-width: 767px) {
    .__call_action_section .__file_desc span {
      display: block;
      text-align: center;
      margin: 7px; } }

ul.__square_list {
  margin-left: 0; }
  ul.__square_list li {
    font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
    list-style: none;
    position: relative;
    padding-left: 28px; }
    ul.__square_list li:before {
      content: '■';
      color: #4aff53;
      margin: 0 7px;
      position: absolute;
      left: 0; }

ul.__img_list li {
  background: url(/wp-content/themes/betheme--child/img/icon_tick.svg) no-repeat left 0.2em top 0.2em;
  background-size: 21px;
  margin: 0 0 14px 0;
  padding-left: 35px;
  list-style: none;
  display: inline-block;
  width: 42%;
  vertical-align: top;
  font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  color: #fff; }
ul.__img_list.--single-col li {
  width: 100%; }
@media screen and (max-width: 767px) {
  ul.__img_list li {
    width: 100%;
    background-size: 14px;
    font-size: 14px; } }

/*
#Subheader{
	background-color: $dark-royal-blue !important;
	background: linear-gradient(to bottom, $dark-blue 0%, $dark-royal-blue 14%);
    background-size: cover;
    padding: 210px 0 21px !important;
    min-height: 300px;
    box-sizing: border-box;

    .title{
    	text-align: left !important;
    }


    // Exception
    body.blog &{
    	padding: 70px 0 20px !important;
    	min-height: initial;
    }
}
#Wrapper, #Content{
	background-color: $dark-royal-blue !important;
}
h1,h2,h3,h4,h5,h6,p,div{
	color: #fff;
}

// ======= Page
body.home{
	h1,h2,h3,h4,h5,h6,p,div{
		color: #fff;
	}
	#Wrapper, #Content{
		background-color: $dark-blue;
	}
}
.page-business{
	.business-icon{ height: 77px !important; width: auto; vertical-align: middle; }
	.mcb-column p{text-align: center;}
}


.single-post{
	#Subheader .title{
		line-height: 1.1;
	}
}
.page-solutions{
	h1,h2,h3,h4,h5,h6,p,div{
		color: #fff;
		@include font-lato;
	}

	h3{font-size: 36px; &.__small{font-size: 24px;}}
	h4{font-size: 20px; &.__small{font-size: 16px;}}
	h5{font-size: 16px;}
	p{font-size: 14px;}

	.business-icon{ height: 56px !important; width: auto; vertical-align: middle; }
	h3 .business-icon{margin-right: 10px;}

	.sections_group{
		background-color: $dark-blue;
	}
	.mcb-section .mcb-section-inner{
		padding: 100px 0;
	}

	.promo_box_wrapper .photo_wrapper{text-align: right;}
	.promo_box_wrapper .desc_wrapper{padding-top: 0;}
}

// to override page-* classes
.mcb-section{
	&.__bg-section{
		background-size: cover;
		.mcb-section-inner{padding: 100px 7%; box-sizing: border-box;}
	}
	.__orange_title{color: $orange; font-weight: bold;}

}

.__items-block.__three-one-fourth--center{
	.one-fourth:first-child{margin-left: 13%;}
}

.__bg-card{
	position: relative;

	h3{font-size: 38px; margin-bottom: 0px;}
	h5{font-size: 18px; letter-spacing: 4px; margin-bottom: 10px;}

	.bg-cover{
		position: relative;
		padding: 14px;
		min-height: 420px;
    	max-width: 300px;
    	margin: 0 auto;
	}

	.__card-center{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}

#Side_slide #menu ul li a{text-transform: uppercase;}




// ------- Blog
.blog{
	#Subheader h1.title{color:$gold;}
	h3{color:#ffffff;}

	@media screen and (max-width: 767px){
		.minimalist-header-no #Subheader{    
			padding-top: 56px !important;    
			min-height: 100px;
		}
	}

}
.single-post.post-template-default{
	#Subheader{display: none;}
	h1.entry-title{
		color: $gold;
		font-weight: bold;
	}
}
*/
#Top_bar.is-sticky .logo,
#Top_bar .logo {
  margin-left: 0 !important; }

#Top_bar .menu > li > a {
  padding: 30px 0 0 !important; }
  #Top_bar .menu > li > a span:not(.description) {
    font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    display: inline-block;
    /*width: 6.3em;*/
    white-space: normal;
    font-size: 20px;
    line-height: 1.3 !important;
    vertical-align: top;
    text-align: center;
    padding: 0 20px; }

#Top_bar.is-sticky {
  background: rgba(0, 0, 0, 0.75) !important;
  height: 90px !important; }
  #Top_bar.is-sticky .logo #logo {
    height: 70px !important;
    line-height: 70px !important; }
    #Top_bar.is-sticky .logo #logo img {
      max-height: 77px !important; }

@media screen and (max-width: 1239px) {
  #Top_bar a.responsive-menu-toggle {
    padding: 28px;
    right: 0;
    transition: 0.3s linear all; }
    #Top_bar a.responsive-menu-toggle i {
      /* this span is the central line of the menu icon */
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      width: 35px;
      height: 3px;
      background-color: white;
      transition: background-color 0.3s;
      /* these are the upper and lower lines in the menu icon */ }
      #Top_bar a.responsive-menu-toggle i::before, #Top_bar a.responsive-menu-toggle i::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: white;
        right: 0;
        transition: transform .3s, top .3s, background-color 0s;
        margin: 0; }
      #Top_bar a.responsive-menu-toggle i::before {
        top: -10px; }
      #Top_bar a.responsive-menu-toggle i::after {
        top: 10px; }
      #Top_bar a.responsive-menu-toggle i, #Top_bar a.responsive-menu-toggle i.is-clicked::before, #Top_bar a.responsive-menu-toggle i.is-clicked::after {
        background-color: white; }
    #Top_bar a.responsive-menu-toggle.active i {
      background-color: rgba(255, 255, 255, 0); }
      #Top_bar a.responsive-menu-toggle.active i::before {
        top: 0px;
        transform: rotate(135deg); }
      #Top_bar a.responsive-menu-toggle.active i::after {
        top: 0px;
        transform: rotate(225deg); }
    #Top_bar a.responsive-menu-toggle.active {
      background-color: rgba(0, 0, 0, 0.75) !important; }
  #Top_bar #menu {
    background-color: rgba(0, 0, 0, 0.75) !important;
    top: calc( 100% - 10px) !important;
    right: 0px !important; }
    #Top_bar #menu ul li a {
      padding: 0 28px !important; }

  #Top_bar.is-sticky {
    height: 80px !important; }
    #Top_bar.is-sticky .logo #logo {
      text-align: left;
      padding: 0 !important;
      height: 70px !important;
      line-height: 70px !important; }
      #Top_bar.is-sticky .logo #logo img.logo-mobile,
      #Top_bar.is-sticky .logo #logo img.logo-sticky {
        max-height: 56px !important; }
    #Top_bar.is-sticky a.responsive-menu-toggle {
      top: 21px !important; }
    #Top_bar.is-sticky .menu > li > a {
      color: #fff !important;
      text-transform: uppercase; }
    #Top_bar.is-sticky .menu > li.hover > a {
      color: #4aff53 !important; } }
@media screen and (max-width: 767px) {
  .home #Header #Top_bar {
    position: absolute; }

  #Header #Top_bar {
    background-color: transparent !important; }
  #Top_bar #logo img.logo-mobile {
    max-height: 49px !important; }
  #Top_bar .logo #logo {
    text-align: left;
    padding: 0 30px !important;
    margin: 0; }
  #Top_bar a.responsive-menu-toggle {
    top: 42px !important;
    right: 14px;
    background-color: transparent !important; }
    #Top_bar a.responsive-menu-toggle.active {
      background-color: transparent !important; }
  #Top_bar #menu {
    background-color: transparent !important; }
    #Top_bar #menu ul li a {
      text-align: center; }
  #Top_bar .menu > li > a span:not(.description) {
    line-height: 1.5 !important; }

  #Header #Top_bar.is-sticky {
    background-color: rgba(0, 0, 0, 0.75) !important; }
  #Top_bar.is-sticky #logo img.logo-mobile-sticky {
    max-height: 42px !important; }
  #Top_bar.is-sticky a.responsive-menu-toggle {
    top: 21px !important; }
  #Top_bar.is-sticky #menu {
    background-color: rgba(0, 0, 0, 0.75) !important; } }
::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.21); }

::-webkit-scrollbar {
  width: 10px;
  border-radius: 100px;
  background-color: transparent; }

::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.84); }

.expandable_a {
  display: inline-block;
  margin-bottom: 0;
  position: relative; }
  .expandable_a .-i {
    position: absolute;
    top: 10px;
    right: -56px;
    border: 2px solid transparent;
    border-right-color: #4aff53;
    border-top-color: #4aff53;
    width: 14px;
    height: 14px;
    display: inline-block;
    transform: rotate(-225deg);
    color: transparent;
    font-size: 1px;
    margin: 0 20px;
    transition: 0.3s linear transform, 0.05s ease-in border; }
  .expandable_a:hover {
    text-decoration: none; }
  .expandable_a.--inactive .-i {
    transform: rotate(-45deg) translate(-50%, 50%); }

.__download_btn {
  height: 120px;
  line-height: 120px;
  width: 440px;
  padding-left: 56px;
  font-family: "Liberator Medium", "微軟正黑體", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.16px;
  font-size: 48px;
  color: #4aff53;
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  color: #fff;
  transition: 0.3s linear all; }
  .__download_btn svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1; }
    .__download_btn svg g {
      fill-opacity: 0;
      fill: transparent; }
    .__download_btn svg ._stroke {
      stroke: #fff; }
    .__download_btn svg ._fill {
      fill: #fff; }
    .__download_btn svg ._stroke,
    .__download_btn svg ._fill {
      transition: 0.3s linear all; }
  .__download_btn:hover {
    text-decoration: none;
    color: #4aff53; }
    .__download_btn:hover svg g {
      fill-opacity: .35;
      fill: #4aff53; }
    .__download_btn:hover svg ._stroke {
      stroke: #4aff53; }
    .__download_btn:hover svg ._fill {
      fill: #4aff53; }
  @media screen and (max-width: 1024px) {
    .__download_btn {
      font-size: 36px;
      height: 90px;
      line-height: 90px;
      width: 330px; } }

/* WPForms */
.entry-content div.wpforms-container-full .wpforms-form input::placeholder {
  color: #fff; }
.entry-content div.wpforms-container-full .wpforms-form input, .entry-content div.wpforms-container-full .wpforms-form textarea, .entry-content div.wpforms-container-full .wpforms-form input[type=text], .entry-content div.wpforms-container-full .wpforms-form input[type=email] {
  background-color: transparent !important;
  padding: 10px;
  font-size: 16px;
  font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  color: #fff;
  border: 0;
  border-bottom: 1px solid #4aff53;
  width: 100%;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-appearance: none; }
  .entry-content div.wpforms-container-full .wpforms-form input::placeholder, .entry-content div.wpforms-container-full .wpforms-form textarea::placeholder, .entry-content div.wpforms-container-full .wpforms-form input[type=text]::placeholder, .entry-content div.wpforms-container-full .wpforms-form input[type=email]::placeholder {
    font-size: inherit;
    font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    color: #fff;
    opacity: 0.7; }
.entry-content div.wpforms-container-full .wpforms-form textarea {
  border: 1px solid #4aff53 !important; }
.entry-content div.wpforms-container-full .wpforms-form label.wpforms-error {
  font-size: 14px;
  padding: 7px; }
.entry-content div.wpforms-container-full .wpforms-form .wpforms-head-container {
  width: 25%;
  float: left;
  line-height: 50px;
  font-family: "HarmoniaSans W01 Bold", "微軟正黑體", "メイリオ", sans-serif;
  font-size: 24px;
  color: #fff;
  margin: 0;
  text-align: center; }
.entry-content div.wpforms-container-full .wpforms-form .wpforms-field-container,
.entry-content div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  float: none;
  margin: 0 auto; }
.entry-content div.wpforms-container-full .wpforms-form .wpforms-submit {
  font-size: 24px !important;
  color: #4aff53 !important;
  padding: 0 20px !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;
  border: none !important;
  background-color: transparent !important;
  font-family: "Liberator Medium", "微軟正黑體", "メイリオ", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  color: #fff !important;
  background-image: url(/wp-content/themes/betheme--child/img/Button_SendMsgNOwords.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  line-height: 60px;
  width: 225px; }
  .entry-content div.wpforms-container-full .wpforms-form .wpforms-submit:hover {
    background-image: url(/wp-content/themes/betheme--child/img/Button_SendMsgNOwords_hover.svg);
    color: #4aff53 !important;
    xtext-shadow: 5px -2px 14px #4aff53;
    xbox-shadow: 3px -2px 7px 0px rgba(255, 255, 255, 0.5); }
.entry-content div.wpforms-container-full .wpforms-form .wpforms-confirmation-container-full {
  background: transparent; }

@media screen and (max-width: 767px) {
  div.wpforms-container {
    padding: 28px; }
    div.wpforms-container .wpforms-form .wpforms-one-half {
      width: 100%;
      margin-left: 0%; }
      div.wpforms-container .wpforms-form .wpforms-one-half.wpforms-first {
        margin-bottom: 10px; }
    div.wpforms-container .wpforms-submit-container {
      text-align: center; } }
/*.entry-content div.wpforms-container-full{
	.wpforms-form{
		input[type=text], input[type=email], input[type=tel], 
		textarea, select, button.wpforms-submit{
			font-family: $font-lato;
			-webkit-font-smoothing: antialiased;
			font-weight: normal;
			padding: 10px;
			border-radius: 0;
			border: 1px solid $form-border;

			&::placeholder{
				font-size: inherit;
				font-family: $font-lato;
				-webkit-font-smoothing: antialiased;
				font-weight: normal;
			}
		}

		.wpforms-field{
			padding-top:0;
		}
		button.wpforms-submit{
			border-radius: 5px;
			border: 1px solid $form-submit-border;
			letter-spacing: 2px;
			padding: 11px 20px;
		}
	}
}*/
@media screen and (max-width: 550px) {
  /*.entry-content div.wpforms-container-full{
  	.wpforms-form{
  		button.wpforms-submit{
  			width: 100%;
  		}
  	}
  }*/ }
.ml-0 {
  margin-left: 0 !important; }

input, textarea, select {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0; }

/*
input, textarea, select { -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0; }
* { -webkit-tap-highlight-color:transparent; }
div, a, section, article, span, img, h1, h2, h3, h4, h5 ,h6 { -webkit-user-select:none; -moz-user-select:none; }
*/

/*# sourceMappingURL=style.css.map */