p,h1,h2,h3,h4,li {
	font-family: "Hiragino Kaku Gothic Pro",  Roboto, "Noto Sans Japanese", Arial, Meiryo, "微軟正黑體","蘋果儷中黑", sans-serif;
	font-size: 87.5%;
}

.av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
    border-color: #FFF;
    background: #FFF;
    bottom: 15px;
    width: 90%;
    left: 5%;
}

.html_header_sticky_disabled .header_bg {
    opacity: 0.9;
}

nav.main_menu li:hover .avia-menu-text {
    opacity: 0;
}



nav.main_menu li:hover span.avia-menu-subtext {
    display: block;
    margin-top: -67px;
    width: 100%;
    text-align: center;
}

header.fixed_header{
  position: fixed !important;
  top:0;
}



.logged-in header.fixed_header{
  position: fixed !important;
  top:32px;
}



svg.path.active path {
    fill: #718455;
    transition: all 0.8s  ease;
}

svg.path {
    display: block;
    margin: auto;
    max-width: 90%;
}

.logged-in header.fixed_header{
  position: fixed !important;
  top:32px;
}

ul li{
  font-size: 16px;
  line-height: 2;
}

.center-contents {
    text-align: center;
}

.modern-quote h2.av-special-heading-tag {
    font-weight: 400;
}

.modern-quote h3.av-special-heading-tag {
    line-height: 1.5;
    font-weight: 400;
}

h2 span.icon {
    display: inline-block;
    vertical-align: middle;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animation01, .animation02 {
	transition: .8s;
	opacity: 0;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
	-webkit-animation-delay: .8s;
    animation-delay:.8s;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
/*
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
*/
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
/*
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
*/
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  opacity:1;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.move07 {
  -webkit-animation: tada_0227 3.6s linear infinite;
  animation: tada_0227 3.6s linear infinite;
  -webkit-transform-origin: 50% 50%;  
  transform-origin: 50% 50%;
}



@keyframes tada_0227 {
  0% { transform: scale(1) }
  5.55556% { transform:scale(.9) rotate(-8deg) }
  11.11111% { transform:scale(.9) rotate(-8deg) }
  16.66667% { transform:scale(1.3) rotate(8deg) }
  22.22222% { transform:scale(1.3) rotate(-8deg) }
  27.77778% { transform:scale(1.3) rotate(8deg) }
  33.33333% { transform:scale(1.3) rotate(-8deg) }
  38.88889% { transform:scale(1.3) rotate(8deg) }
  44.44444% { transform:scale(1) rotate(0) }
  100% { transform:scale(1) rotate(0) }
}

@-webkit-keyframes tada_0227 {
  0% { -webkit-transform: scale(1) }
  5.55556% { -webkit-transform:scale(.9) rotate(-8deg) }
  11.11111% { -webkit-transform:scale(.9) rotate(-8deg) }
  16.66667% { -webkit-transform:scale(1.3) rotate(8deg) }
  22.22222% { -webkit-transform:scale(1.3) rotate(-8deg) }
  27.77778% { -webkit-transform:scale(1.3) rotate(8deg) }
  33.33333% { -webkit-transform:scale(1.3) rotate(-8deg) }
  38.88889% { -webkit-transform:scale(1.3) rotate(8deg) }
  44.44444% { -webkit-transform:scale(1) rotate(0) }
  100% { -webkit-transform:scale(1) rotate(0) }
}

.move05 {
    -webkit-animation:fadeIn 3s infinite;
    -moz-animation:fadeIn 3s infinite;
    animation:fadeIn 3s infinite;
}

#workflow .delay01 {
    -webkit-animation-duration: 3s;
    animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;	
}

#workflow .delay02 {
    -webkit-animation-duration: 3s;
    animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

#workflow .delay03 {
    -webkit-animation-duration: 1s;
    animation-delay: 1s;
	-webkit-animation-delay: 1s;	
}

#workflow .delay04 {
    -webkit-animation-duration: 1s;
    animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;	
}

#workflow .delay05 {
    -webkit-animation-duration: 1s;
    animation-delay: 2s;
	-webkit-animation-delay: 2s;		
}

#workflow .delay06 {
    -webkit-animation-duration: 1s;
    animation-delay: 2s;
	-webkit-animation-delay: 2s;	
}

.icon img.arrow {
    position: absolute;
}


div#scrolling_slider_container .flex_cell {
    padding: 0;
}

.logo a {
    display: flex;
    align-items: center;
}

.logo a img{
	height: 14px;
}

div#header_main {
    border: none;
}

/*------------------------------------------
news
--*/
.alm-listing .alm-paging-content>li, .alm-listing .alm-reveal>li, .alm-listing>li {
    padding: 0!important;
    display: table;
}


.ajax-date {
    display: table-cell;
    font-size: 18px;
    width: 105px;
}

.ajax-title {
    display: table-cell;
    font-size: 18px;
    padding-left: 20px;
}

button.ajax_button_post.alm-load-more-btn.done.more {
    visibility: hidden;
}

button.ajax_button_post.alm-load-more-btn.more {
    background: transparent;
    color: #000;
    /* text-decoration: underline; */
    line-height: 1.5;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding: 0;
    height: auto;
    /* padding-bottom: 5px; */
}

.ajax-load-more-wrap.green .alm-load-more-btn:hover {
    background-color: transparent !important;
    color:#718455 !important;
}

.alm-btn-wrap .alm-load-more-btn.loading:before {
    display: block !important;
    position: static !important;
}

button.ajax_button_post.alm-load-more-btn.loading.more {
    font-size: 0;
    border-color: transparent;
}
/* ------------------------------------------
  workflow
--------------------------------------------- */

.fig {
	width:785px;
	height:800px;
	margin:0 auto;
	padding-bottom:100px;
}

.fig ul {
	padding-left:0;
	position:absolute;
}

.fig ul.animation01{
	margin:0;
}

.fig ul li {
	display:inline-block;
	margin:0 4.5px;
	padding:0;
}

.fig ul li img {
	padding:30px 0 15px;
}

.fig ul li span {
	font-size:175%;
	letter-spacing:0.3em;
	font-weight:bold;
}

.matter dl {
	position:relative;
	left:-88px;
	z-index:1;
	display:inline-block;
	width:961px;
}

.matter dl.sales { top:180px; }
.matter dl.plan { top:150px; }
.matter dl.product { top:120px; }


.matter dl dt {
	color:#fff;
	font-size:175%;
	line-height:1.3em;
	letter-spacing:0.3em;	
}

.matter dl dt.right {
	position:absolute;
	top:0;
	left:880px;
}

.matter dl.sales dt {
}

.matter dl.sales dd {
	text-align:center;
	margin:0;
	position:relative;
	top:-20px;
}

.matter dl.plan dd {
	position:relative;
	float:left;
	top:-20px;
}

.matter dl.product dd {
	position:relative;
	float:left;
	top:-20px;
}

.matter dl.plan dd.det1,
.matter dl.product dd.det1 { left:100px; }
.matter dl.plan dd.det2,
.matter dl.product dd.det2 { left:130px; }
.matter dl.plan dd.det3,
.matter dl.product dd.det3 { left:158px; }
.matter dl.product dd.det4 { left:188px; }

.matter dl.sales dt span,
.matter dl.plan dt span {
	position:relative;
	top:28px;
	left:15px;
}

.matter dl.product dt span {
	position:relative;
	top:15px;
	left:15px;
}

.matter dl.sales dt span.line {
	display:block;
	border:3px solid #e65050;
	width:800px;
	position:relative;
	top:10px;
	left:75px;
}

.matter dl.plan dt span.line {
	display:block;
	border:3px solid #64b464;
	width:800px;
	position:relative;
	top:10px;
	left:75px;
}

.matter dl.product dt span.line {
	display:block;
	border:3px solid #3caadc;
	width:800px;
	position:relative;
	top:-17px;
	left:75px;
}

.matter dl.sales dt span.circle {
	width: 20px;
	height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #e65050;
	position:absolute;
}

.matter dl.plan dt span.circle {
	width: 20px;
	height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #64b464;
	position:absolute;
}

.matter dl.product dt span.circle {
	width: 20px;
	height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #3caadc;
	position:absolute;
}

.matter dl.sales dt span.s1,
.matter dl.plan dt span.s1,
.matter dl.product dt span.s1 {
	top:30px;
	left:170px;	
}

.matter dl.sales dt span.s2,
.matter dl.plan dt span.s2,
.matter dl.product dt span.s2 {
	top:30px;
	left:365px;	
}

.matter dl.sales dt span.s3,
.matter dl.plan dt span.s3,
.matter dl.product dt span.s3 {
	top:30px;
	left:560px;	
}

.matter dl.sales dt span.s4,
.matter dl.product dt span.s4 {
	top:30px;
	left:755px;	
}

.matter dl.sales dd span,
.matter dl.plan dd span,
.matter dl.product dd span {
    text-align:center;
    font-size: 158%;
    padding-top: 10px;
}

.matter dl.sales dd.ballon1 {
    background: #fff;
    display: inline-block;
    position: relative;
    width: 750px;
    height: 85px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    top: 0;
	left: 101px;
	margin:0;
}

.matter dl dd.ballon2 {
    background: #fff;
    display: inline-block;
    position: relative;
    width: 168px;
    height: 85px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0 27px 0 100px;
	float:left;
}

.matter dl dd.ballon3 {
    background: #fff;
    display: inline-block;
    position: relative;
    width: 168px;
    height: 85px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0 27px 0 0;
	float:left;
}

.matter dl dd.ballon4 {
    background: #fff;
    display: inline-block;
    position: relative;
    width: 168px;
    height: 85px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0 27px 0 0;
	float:left;	
}

.matter dl dd.ballon5 {
    background: #fff;
    display: inline-block;
    position: relative;
    width: 168px;
    height: 85px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0;
}

.matter dl.sales dd.ballon1 dl,
.matter dl dd.ballon2 dl,
.matter dl dd.ballon3 dl,
.matter dl dd.ballon4 dl,
.matter dl dd.ballon5 dl {
	margin:0 auto;
	text-align:center;
	padding:10px 0;
}

.matter dl.sales dd.ballon1 dl dt,
.matter dl dd.ballon2 dl dt,
.matter dl dd.ballon3 dl dt,
.matter dl dd.ballon4 dl dt,
.matter dl dd.ballon5 dl dt {
	font-size:118%;
	font-weight:bold;
	color:#333;
	width:auto;
	height:auto;
	background-color:transparent;
	letter-spacing:0;
}

.matter dl.sales dd.ballon1 dl dd,
.matter dl dd.ballon2 dl dd,
.matter dl dd.ballon3 dl dd,
.matter dl dd.ballon4 dl dd,
.matter dl dd.ballon5 dl dd {
	font-size:112%;
	margin:0;
	padding:5px 0;
}

/* ------------------------------------------
  VALUE CHAIN
--------------------------------------------- */
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform:rotate(-45deg);
  }
  100% {
    -webkit-transform:rotate(315deg);
  }
}
@keyframes clockwise {
  0% {
    transform:rotate(-45deg);
  }
  100% {
    transform:rotate(315deg);
  }
}

@-webkit-keyframes not-clockwise {
  0% {
    -webkit-transform:rotate(45deg);
  }
  100% {
    -webkit-transform:rotate(-315deg);
  }
}
@keyframes not-clockwise {
  0% {
    transform:rotate(45deg);
  }
  100% {
    transform:rotate(-315deg);
  }
}

@-webkit-keyframes lt {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  76% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lt {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  76% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.value-container {
  margin: 0;
  font-size: 0;
  line-height:0;
  position: relative;
  -webkit-transform-origin:50% 50% ;
  -moz-transform-origin:50% 50% ;
  transform-origin:50% 50% ;
  display:inline-block;
}

.value-container:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    border-radius: 100%;
    box-sizing: border-box;
}

.value-container:after {
    position: absolute;
    content: '';
    z-index: -1;
    top: 0;
    right: 0;
    border-radius: 100%;
    box-sizing: border-box;
}

.value-lt, .value-rt, .value-lb, .value-rb {
	position:relative;
	display:inline-block;
	overflow:hidden;
	opacity:1;	
}
.value-lt:before, .value-rt:before, .value-lb:before, .value-rb:before {
	position: absolute;
	content: '';
	border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.value-lt {
  -webkit-animation:lt 4s linear -4000ms infinite;
  -moz-animation:lt 4s linear -4000ms infinite;
  animation:lt 4s linear -4000ms infinite;
}
.value-lt:before {
    top: 0;
    left: 0;
    -webkit-animation:not-clockwise 2s linear infinite;
    -moz-animation:not-clockwise 2s linear infinite;
    animation:not-clockwise 2s linear infinite;
}

.value-rt {
  -webkit-animation:lt 4s linear -2000ms infinite;
  -moz-animation:lt 4s linear -2000ms infinite;
  animation:lt 4s linear -2000ms infinite;
}
.value-rt:before {
    top: 0;
    right: 0;
    -webkit-animation:clockwise 2s linear infinite;
    -moz-animation:clockwise 2s linear infinite;
    animation:clockwise 2s linear infinite;
}

.value-lb {
  -webkit-animation:lt 4s linear -3000ms infinite;
  -moz-animation:lt 4s linear -3000ms infinite;
  animation:lt 4s linear -3000ms infinite;
}
.value-lb:before {
    bottom: 0;
    left: 0;
    -webkit-animation:not-clockwise 2s linear infinite;
    -moz-animation:not-clockwise 2s linear infinite;
    animation:not-clockwise 2s linear infinite;
}

.value-rb {
  -webkit-animation:lt 4s linear -1000ms infinite;
  -moz-animation:lt 4s linear -1000ms infinite;
  animation:lt 4s linear -1000ms infinite;
}
.value-rb:before {
    bottom: 0;
    right: 0;
    -webkit-animation:clockwise 2s linear infinite;
    -moz-animation:clockwise 2s linear infinite;
    animation:clockwise 2s linear infinite;
}

ul.circle {
  list-style:none;
  margin:20px 0;
  padding-left:0;
}

ul.circle li:before {
    content:"";
    display: inline-block;
    background-color: #567700;
    height: 10px;
    width: 10px;
    border-radius:25px;
    -moz-border-radius:25px;
    -webkit-border-radius: 25px;
  display:inline-block;
  margin-right: 10px;
}

.fig-center {
  text-align:center;
  padding-bottom:100px;
}

.center-contents.pb50 h4 {
    margin-top: 10px;
    font-size: 20px;
}

/* ------------------------------------------
  GLOBAL
--------------------------------------------- */
ul.item {
  list-style:none;
  padding-top:30px;
  padding-left:0;
}

ul.item li span {
  color:#fff;
  font-size:93.8%;
}

ul.item li a {
  text-decoration:none;
  color:#fff;
  background-color:#567700;
  padding:3px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

ul.item li a:visited {
  color:#fff;
}


.map ul li {
  list-style:none;
  margin:0;
  padding:0;
}

.map ul li a {
  display: block;
  position: relative;
  background:url(../../../../wp-content/uploads/2018/04/map-pin.png) no-repeat;
  width:30px;
  height:42px;
  transition: .3s;
  z-index:2;
}


.map ul li a.china1 {
    background: url(../../../../wp-content/uploads/2018/05/icons8-factory-breakdown-48.png) no-repeat;
    width: 48px;
    height: 48px;
    margin-left: -10px;
}


.map ul li a:before {
}

.map ul li a span {
    position: absolute;
  opacity: 0;
  padding: 10px;
  border-radius: 2px;
  background: #fff;
  color: #000;
  box-sizing: content-box;
  transition: .3s;
  line-height: 1.6;
  font-size: 12.5px;
}

.map ul li a span:after{
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-top: 6px solid #fff;
  content: "";
}

.map ul li a:hover span{
  opacity: 1;
}

/*----------------------------------
Company
-----------------------*/
div#g_map .flex_cell {
    padding: 0;
}


#company.avia-section-huge .content {
    padding-bottom: 70px;
}

/*-------------------------------------
post
------------------------------------*/
span.text-sep.text-sep-date {
    display: none;
}

/*----------------------------------

portfolio
--------------------------------------*/

header.entry-content-header .page-thumb {
    text-align: center;
}

.template-page.template-portfolio .entry-content-wrapper h1, .template-page.template-portfolio .entry-content-wrapper h2 {
    font-size: 35px;
    margin: 20px auto;
    text-align: center;
}

.mycart-infos-gallery {
    margin-top: 30px;
}


/*
a.av-masonry-pagination.av-masonry-load-more {
    width: 200px;
    margin: auto;
    
    position: relative;
    bottom: -20px;
}

div#av-masonry-1 {
    padding-bottom: 20px;
}
*/

.main_color.masonry-not-first {
    background: transparent;
}
.header_fixer {
    background: #FFF;
}

blockquote.shuco_work {
    max-width: 800px;
    margin: auto;
    background: #efefef;
    padding: 10px 20px;
    border: 1px solid;
    color: #333;
    font-family: "蘋果儷中黑",'微軟正黑體','黑體',sans-serif;
}

blockquote.shuco_work strong {
    width: 80px;
    display: inline-block;
}

/*-------------------
footer
-----------------------*/
.footer_logo_container{
    text-align:center;
  }

.footer_logo_image {
    border: 1px solid #ccc !important;
    line-height: 0;
}
.footer_logo_block {
      text-align: center;
      max-width: 20%;
      display: inline-block;
      padding: 0 20px;
      vertical-align:top;
}

.footer_logo_block .image-overlay{
    display:none !important;
}

div#footer {
    padding: 0;
}


#socket div.copyright {
    float: none;
    /* padding-left: 0; */
}


.footer_con.footer_l {
    float: left;
}

.footer_con.footer_r {
    float: right;
    width: 100%;
    text-align: right;
    position: relative;
    margin-top: -32px;
}


/*relative post*/

.shuco-relative-post .image-overlay-inside {
    display: none !important;
    opacity: 0 !important;
}

.shuco-relative-post a:hover .image-overlay{
  display: none !important;
  opacity: 0 !important;
}

.shuco-relative-post .container {
    padding: 50px 0;
}

.relarive-post-img {
    position: relative;
    overflow: hidden;
}

.relarive-post-img img{
  transition: all 0.5s ease;
}

.shuco-relative-post a:hover .relarive-post-title {
  opacity: 0;
}

.shuco-relative-post a:hover .relarive-post-img img{
  transform: scale(1.1);
}

.relarive-post-title {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.7);
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
}

.relarive-post-title h3{
  font-size: 20px;
  margin: auto;
  color:#333;
}

.shuco-relative-post-single {
    position: relative;
    width: 25%;
    float: left;
}

span.blog-author.minor-meta {
    display: none;
}


#top .avia-logo-element-container .slide-entry {
    padding: 5px;
}