/* ASIKART EasySet Custom CSS */
body {
    font-size: 16px;
}

/* 首頁button */
#section-id-1554876208388 .sppb-btn{
  border: 1px solid #f89200;
}
.view-page  #sp-section-6 {
    padding-bottom: 0px;
}

#sppb-addon-1554876208609 .sppb-btn, #sppb-addon-1561520332543 .sppb-btn{
  border: 1px solid #f89200;
}

:focus {
  display:none;
  outline-color:#fff0;
}
#sp-main-body {
    padding:0px 0px 100px 0px;
}
#sp-bottom {
  padding:0;
}
/*font*/
body.header-default .sp-megamenu-parent > li:hover > a, body.header-default .sp-megamenu-parent > li.active > a{
  color:#F99200;/*menu*/
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a,.offcanvas-menu .offcanvas-inner .sp-module ul > li.active >a{
  background-color:#fff0;
}

#sp-bottom2 ul.nav.menu {
    padding: 6px 0px 0px 0px;
}

body{
  font-weight:normal;
}
/*top*/
#sp-top1 {
   /* padding-right: 0; */
   text-align: center;
}
/*menu*/
*.close-offcanvas{
  display:inline-block;
}
div#sp-menu ul {
   justify-content: space-between;
}
/*menu-phone*/
div#sppb-addon-1561518623307 {
    position: absolute;
}
#sp-header.menu-fixed img.sppb-img-responsive {
    padding: 10px 0;
}

@media (max-width: 991px) and (min-width: 768px){
  div#sppb-addon-1561518623307 {
    display:none;
}
}
/*hover*/
.btn:hover{
  color: #F99200;
}
.sp-megamenu-wrapper a:hover {
    color: #F99200;
    content: ' ';
}
.sp-megamenu-wrapper a::after  {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 100%;
    border-top: 3px solid #F99200;
    opacity: 0;
}

.sp-megamenu-wrapper a:hover::after {
    opacity: 1;
    animation: moreLoop 2.5s cubic-bezier(.77,0,.175,1) infinite;
}
@keyframes moreLoop {
  0% {
    transform: scale(0, 1);
    transform-origin: left
  }
  47% {
    transform: scale(1, 1);
    transform-origin: left
  }
  48% {
    transform: scale(1, 1);
    transform-origin: right
  }
  95% {
    transform: scale(0, 1);
    transform-origin: right
  }
  96% {
    transform: scale(0, 1);
    transform-origin: left
  }
  100% {
    transform: scale(0, 1)
  }
}
/*hanberger*/
/*991以上*/
@media screen and (max-width:991px) { 
	.sp-megamenu-wrapper a::after, div#column-wrap-id-1555036562811{
  		display:none;
}
}
/*992以下*/
@media screen and (min-width:992px) { 
	#offcanvas-toggler{
    	display:none;
  }
}
.offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
    padding: 0 20px;
    display: block;
}
/*banner*/
/*991以下*/
@media only screen and (max-width: 991px){
	div.sp-page-title {
    padding: 75px 0;
  }
.sp-page-title{
    overflow: inherit;
  	width:100%;
}
#sp-title .sp-column{
  margin-top: -92px;
  /*margin-bottom: 90px;*/
}
}

.sp-page-title {
	z-index: 1;
	position:relative;
	
	-webkit-animation: Gradient 3s infinite alternate;
	-moz-animation: Gradient 3s infinite alternate;
	animation: Gradient 3s infinite alternate;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: -10px 10px;
	}
	100% {
		background-position: 0px 0px;
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: -10px 10px;
	}
	100% {
		background-position: 0px 0px;
	}
}

@keyframes Gradient {
	0% {
		background-position: -10px 10px;
	}
	100% {
		background-position: 0px 0px;
	}
}

/*選單：icon+文*/
#sp-section-4{
  padding:50px 0;
}
#sp-top3 .sp-module ul{
  display:flex;
  justify-content: space-between;
}

@media only screen and (max-width: 991px){
#sp-top3 .sp-module ul{
overflow-x: scroll;
}
}

#sp-top3 .sp-module ul >li >a:before{ 
  display:none;
}
#sp-top3 .sp-module ul >li{
  border-bottom:1px solid #e8e8e800;
  margin: 0 5px;
}
#sp-top3 span.image-title{
  display:inherit;
  text-align: center;
}

/*文章*/
article.item-page .entry-header-wrap .entry-header h2{
  color:#ffffff;
}
body{
  color:#ffffff;
}
article.item-page .entry-header-wrap{
  margin:15px;
}


div[itemprop="articleBody"] a {
    display: inline-block;
}
.view-article #sp-main-body {
    padding: 10px ;
}
.article-details-wrap .text-center {
    text-align: left;
    border-bottom: solid 1px;
}
@media screen and (max-width:463px) {
	.row.article-details-wrap img {
    	padding: 0px! important;
	}
}

div#e-mailit_mobileToolBox{
  display:none;
}
@media only screen and (max-width: 599px){
article.item .entry-header h2 {
    padding: 0px;
}
}
/*部落格文章*/

a.btn.btn-default{
  display:inline-block;
}
.itemid-156 article.item .article-info-wrap .readmore a, .itemid-157 article.item .article-info-wrap .readmore a, .itemid-135 article.item .article-info-wrap .readmore a{
  background:#ffffff00;
}
.itemid-156 .btn.btn-default:hover, .itemid-157 .btn.btn-default:hover, .itemid-135 .btn.btn-default:hover{
  background: #ffffff00!important;
}
.itemid-156 .btn.btn-default, .itemid-157 .btn.btn-default, .itemid-135 .btn.btn-default{
  padding:0;
  font-size: 21px;
}

article.item .entry-header h2 a {
    color: #ffffff;
}
.blog .entry-header{
  display:none;
}
.itemid-157 a.btn.btn-default, .itemid-156 a.btn.btn-default, .itemid-135 a.btn.btn-default {
    margin-left: 50%;
    transform: translateX(-50%);
}
.pagination-wrapper ul.pagination li a{
  color: #A8ACB9;
}
.blog .readmore a:hover {
    color: #F99200 !important;
}
/*首頁*/
img#prev128, img#next128 {
    margin-top: 30px;
}
img#prev118, img#next118{
    margin-top: 150px;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-heading span {
    color: #1c1d22;
}
div#sppb-addon-1559030192224{
  margin:0;
}

.slide-desc-bg-default{
  background: #fff0;
}
.slide-desc-text-default {
  text-align: center;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-heading .sppb-toggle-direction{
  color:#1c1d22;
}
#sp-bottom4 .sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item{
  padding:0px;
}
#sp-bottom4 .sp-simpleportfolio-info-wrap{
  display:none;
}
#sp-section-6{
  padding-bottom:100px;
}

.sp-page-builder .page-content #section-id-1561520332483 {
    padding-bottom: 0px!important;
}

.slide-desc-text-default .slide-title{
  font-size: 16px;
  color: #fad877;
  margin-bottom: 0px;
  font-weight: 400;
}
/*適用產業*/
#sp-top3 .sp-module ul >li >a:before{
  display:none;
}
article.item-page .pager.pagenav{
  display:none;
}
.article-footer-top{
  display:none;
}
.page-header{
  display:none;
}

.sppb-addon-tab .sppb-tab .sppb-nav-tabs li.active a{
  background-color: #3E3EF5;
  color: white;
  border-radius: 6px;
  border: #fff0;
  margin: 10px;
}

.sppb-addon-tab .sppb-tab .sppb-nav-tabs li a {
  border: 2px solid #3E3EF5;
  color: #3E3EF5;
  margin: 10px;
  border-radius: 6px;
}
/*服務項目*/
.nav>li>a:focus, .nav>li>a:hover {
  text-decoration: none;
  background-color: #eee0;
}
#sp-top3 li.active > a {
    color: #F99200;
}
/*地球客戶見證*/
.itemid-156 #sp-main-body {
    padding: 50px 0px 100px 0px;
}

img#prev132, img#next132 {
    margin-top: 120px;
}



article.item .article-info-wrap:before{
  display:none;
}
article.item .article-info-wrap{
  padding:0;
}
article.item .article-info-wrap{
  border-left: 1px solid #ffffff00;
}
.blog h1, .blog h2, .blog h3 {
    margin: 0;
}
/*艦隊資料庫*/
.itemid-135 #sp-main-body {
    padding: 50px 0px 100px 0px;
}

.itemid-135 .entry-header-wrap.text-center {
    display: none;
}

#sp-page-builder .page-content .sppb-section:first-child{
  border-radius:6px;
}



.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info .sp-simpleportfolio-tags, .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-description .sp-simpleportfolio-title-wrap{
  color:#a8acb9;
}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-description .sp-simpleportfolio-title-wrap h2, .sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-description .sp-simpleportfolio-info p{
  color:#fff;
}
#sp-component img.sp-simpleportfolio-img {
    margin-left: 50%;
    transform: translateX(-50%);
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay{
  background: rgba(0, 0, 0, 0.18);
}
.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-overlay .sp-simpleportfolio-btns a{
  padding:180px;
}

/*艦隊客服*/
.sppb-addon-feature .sppb-icon i{
  color:#A8ACB9;
}

.jsn-uniform.jsn-master .jsn-row-container .form-actions{
  text-align: right;
    margin: 0 10px;
    padding: 0;
}
#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label{
  color: #ffffff;
  font-size: 12pt;
}
button#Submit {
    display: block;
}
.rsfp_thankyou_popup_inner {
    color: #353535;
}
/*產品型錄*/
.itemid-157 #sp-main-body {
    padding: 50px 0px 100px 0px;
}
/*footer*/
.bottom-content-wrap{
  padding-top:55px;
}
#e-mailit_mobileToolBox{
  display:none;
}
  @media screen and (max-width: 991px){
div#sp-bottom2 {
    padding: 0 15px;
}
}


@media only screen and (max-width: 767px){
  #sp-bottom {
    padding:0!important;
  }
}
h3.sp-module-title{
  padding:50px 0px 0px 0px;
}
#sp-bottom h3.sp-module-title{
  padding:0px 0px 0px 0px;
}
div#sp-bottom2{
  padding-left:100px;
}
span.sp-copyright{
  display:none;
}

#sp-footer{
border-top:1px solid #979797
}
#sp-footer1 .sp-module-content p {
  font-size: 12px;
  text-align:center;
  color:#b1b1b1;
}

.itemid-136 .nav.menu {
  display: block;
}


/*footer-phone導覽*/
#sp-user1  ul.nav.menu li:nth-child(n+5), 
#sp-user2  ul.nav.menu li:nth-child(-n+4) {
    display: none;
}
#sp-user1 h3.sp-module-title {
    font-size: 24px! important;
    font-weight: 400;
    color: #a8acb9;
}
div#sp-user1, div#sp-user2{
  padding-bottom:50px;
}
div#sp-user2 {
    padding-top: 94px;
}
.sp-module ul >li{
    border-bottom: none;
}
.sp-module ul >li >a:before{
  display:none;
}
/*banner 動畫*/
div.sp-page-title {
  padding: 180px 0 90px 0;
  margin-top: -60px;
}
@media screen and (min-width:500px) {
  div.sp-page-title {
  padding: 160px 0 110px 0;
  margin-top: -50px;
  }
}
  
.sp-page-title {
  overflow: hidden;
}
.comets {
    position: absolute;
    content: '';
    top: 50%;
    margin-left: -2.5px;
    margin-top: -106px;
    width: 5px;
    height: 212px;
    background-color: #fff;
    border-radius: 50%;
    transform: rotate(45deg) translate3d(0,0,0);
    transform-origin: 100% 50%;
    animation: comets 10s infinite;
    opacity: 0;
}

.comets-long {
    animation: cometsLong 10s infinite;
}

.comets-left {
    left: 15%;
    animation-delay: 3.333s;
}

.comets-center {
    left: 50%;
}

.comets-top {
    left: 80%;
    animation-delay: 6.666s;
}

@keyframes cometsLong {
  0% {
    width: 0;
    opacity: 0;
    transform: rotate(45deg) translate3d(0%, -400%, 0)
  }
  5% {
    width: 2px;
    opacity: 1
  }
  10% {
    width: 0;
    opacity: 0;
    transform: rotate(45deg) translate3d(0%, 400%, 0)
  }
}

/*文章連結 動畫*/
a.btn.btn-default::before {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    content: '';
    left: 0;
    top: -6px;
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 100%;
    border-top: 1px solid  #ffb041;
    opacity: 0;
}
a.btn.btn-default::after {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    content: '';
    left: 0;
    bottom: -6px;
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 100%;
    border-top: 1px solid  #ffb041;
    opacity: 0;
}

a.btn.btn-default:hover::before {
    opacity: 1;
    animation: moreLoop 2.5s cubic-bezier(.77,0,.175,1) reverse;
  	@keyframes moreLoop {
  0% {
    transform: scale(0, 1);
    transform-origin: left
  }
  47% {
    transform: scale(1, 1);
    transform-origin: left
  }
  48% {
    transform: scale(1, 1);
    transform-origin: right
  }
  95% {
    transform: scale(0, 1);
    transform-origin: right
  }
  96% {
    transform: scale(0, 1);
    transform-origin: left
  }
  100% {
    transform: scale(0, 1)
  }
}
}
a.btn.btn-default:hover::after {
    opacity: 1;
    animation: moreLoop 2.5s cubic-bezier(.77,0,.175,1);
  	@keyframes moreLoop {
  0% {
    transform: scale(0, 1);
    transform-origin: left
  }
  47% {
    transform: scale(1, 1);
    transform-origin: left
  }
  48% {
    transform: scale(1, 1);
    transform-origin: right
  }
  95% {
    transform: scale(0, 1);
    transform-origin: right
  }
  96% {
    transform: scale(0, 1);
    transform-origin: left
  }
  100% {
    transform: scale(0, 1)
  }
}
}


/*表單*/

.form-horizontal .form-group {
    display: flex;
}
.form-horizontal .control-label {
    text-align: left;
}

  
@media (min-width: 768px) {
  .itemid-136 .container {
    max-width: 750px;
  }
}


@media (min-width: 992px) {
  .itemid-136 .container {
    max-width: 970px;
  }
}

@media (min-width: 1200px) {
  .itemid-136 .container {
    max-width: 1170px;
  }
}

  
#userForm #text {
    display: block;
}
/*goolge多國語系*/
#sp-top2 .sp-module.la {
    transform: translateY(100%);
    padding: 0px 20px 0px 0px;
}

.offcanvas-menu .offcanvas-inner .sp-module {
    margin-bottom: 30px;
    margin-top: 0;
    margin-left: 38px;
}

.sp-page-builder .page-content #section-id-1561620063025 {
   padding-left: 0px !important;
}

/* 預約服務 */
.experience-title {
    margin-top: 0;
    font-size: 36px;
    line-height: 36px;
    border: 0;
    letter-spacing: 2px;
    font-weight: 400 !important;
    margin-bottom: 18px;
}
.experience-desc {
    font-size: 24px;
    margin-top: 0;
    line-height: 1.1 !important;
    margin-bottom: 30px;
}
button.confirm {
    background-color: #F99200 !important;
    color: #fff !important;
}
button.confirm:focus {
    background-color: #F99200 !important;
    color: #fff !important;
}
button.confirm:hover {
  	background-color: #fff !important;
    color: #F99200 !important;
    border:1px solid #F99200;
}
.sweet-alert p {
  font-weight: 400 !important;
}