/* cynet.tw */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600&family=Oswald:wght@600&display=swap');
.Montserrat-fonts {font-family: 'Montserrat', sans-serif;}
button,input{cursor:pointer}
header { padding-top: 74px }

/* Footer */
#footer {
	background-attachment: scroll;
	background-image: url("../img/header/bottom-3200.svg");
	background-position: top center;
	background-repeat: repeat-x;
	background-size: 3200px 460px;
	margin-top: -360px;
	padding: calc(460px + 4em) 0 4em 0;
	position: relative;
}

.owl-nav button {
  bottom: 45%;
  opacity: 0.5;
  width: 46px;
  height: 46px;
  z-index: 100;
  display: block;
  cursor: pointer;
  overflow: hidden;
  text-shadow: none;
  position: absolute;
  font-weight: normal;
  background: #ffffff;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
.owl-nav:hover button{
  opacity: 0.8;
}
.owl-nav button.owl-prev {
  left: 1%;
}
.owl-nav button.owl-next {
  right: 1%;
}
.owl-nav button span {
  font-size: 36px;
	line-height: 46px;
	font-family: "Poppins", sans-serif;
}
.owl-dots {
  z-index: 101;
  position: absolute;
	bottom: 2%;
	width: 100%;
	text-align:center;
}
.owl-dots button {
  opacity: 0.8;
  width: 5%;
  height: 4px;
	margin: 0 3px;
}
#main .owl-dots {
	bottom: -30px;
}
#main {
	padding: 1.8em 0.5em;
	position: relative;
	min-height: 300px;
}
#main-two {
	padding: 1.5em 0;
	position: relative;
}

/*---------- 邊距 ----------*/

.padding-top10 { padding-top: 10px }
.padding-top15 { padding-top: 15px }
.padding-top25 { padding-top: 25px!important }
.padding-top30 { padding-top: 30px!important }
.padding-top40 { padding-top: 40px }
.padding-top60 { padding-top: 60px }
.padding-top100 { padding-top: 100px }

.padding-bottom20 { padding-bottom: 20px }
.padding-bottom30 { padding-bottom: 30px }
.padding-bottom40 { padding-bottom: 40px }
.padding-bottom50 { padding-bottom: 50px }
.padding-bottom60 { padding-bottom: 60px!important }
.padding-bottom90 { padding-bottom: 90px!important }

.margin-topminus30 { margin-top: -30px!important }
.margin50 { margin: 50px }
.margin-top0 { margin-top: 0px!important }
.margin-top15 { margin-top: 15px!important }
.margin-top25 { margin-top: 25px!important }
.margin-top30 { margin-top: 30px }
.margin-top40 { margin-top: 40px }
.margin-top50 { margin-top: 50px }
.margin-top55 { margin-top: 55px!important }
.margin-top60 { margin-top: 60px }
.margin-top70 { margin-top: 70px }
.margin-top80 { margin-top: 80px }
.margin-top100 { margin-top: 100px }
.margin-top140 { margin-top: 140px }

.margin-bottom0 { margin-bottom: 0px!important }
.margin-bottom20 { margin-bottom: 20px }
.margin-bottom40 { margin-bottom: 40px }
.margin-bottom60 { margin-bottom: 60px }
.margin-bottom70 { margin-bottom: 70px }
.margin-bottom80 { margin-bottom: 80px }
.margin-bottom100 { margin-bottom: 100px }

.margin-left10 { margin-left: 10px }
.margin-left20 { margin-left: 20px }
.margin-left25 { margin-left: 25px }
.margin-left30 { margin-left: 30px }

.bottom-pad { margin-bottom: 100px }
.bottom-pad-small { margin-bottom: 15px }
.padding-all { padding: 10px!important }

/*---------- 首頁 ----------*/
.owl-header .owl-dots button { background:#fff!important }
.owl-dots button.active { opacity:1!important }

.home-0 { padding: 0; }

.home-1 { padding: 80px 0; }

.home-2 { padding: 30px 18px 65px 18px; }
.home-2 p span { font-size: 110%; font-weight:700; color:rgba(0,133,178,1) }

.home-3 { padding: 50px 18px; background: rgb(58,58,58);}
.home-3 p span { font-size: 120%; font-weight:700; }
.home-3 p , .home-3 ul li { color: rgb(255, 255, 255);}
.home-3 h2 , .home-3 h3 { color: rgb(255, 255, 255)!important;}

#main h2 { color: rgb(0,133,178); margin-bottom: 10px; }

.test-list strong { font-size: 20px!important; }

.card-more { color:#666;font-weight:700;font-size:80%; }
.tit-h3 { font-weight:700; margin-bottom: 0.6rem; font-size: 1.3em; }

.list-ul li { font-size:1.1em;
	font-weight:300;
	line-height:1.6em;
	margin-top:0;
	margin-bottom:1rem; }
.size-1em p , .size-1em ul li { font-size:1em!important; }

/* Slogan */

.slogan h3 { color: #fff }

.slogan-content { padding: 35px 0 }

h2.slogan-title {
	font-size: 28px;
  display: inline-block;
  margin: 10px 0;
  color: #fff!important;
	font-weight: 600;
}
h1.slogan-title {
	font-size: 30px;
  display: inline-block;
  margin: 10px 0;
  color: #fff!important;
}
h1.slogan-first {
	font-size: 17px;
  font-weight: 600;
  color: #fff!important;
}
.btn-special {
  font-size: 13px;
	background-color: #fafafa;
	color: rgba(255, 141, 0, 1);
  border-radius: 0px !important;
  padding: 13px 20px;
	margin: 6px 3px 3px 3px;
  text-transform: uppercase;
  outline: none;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.pro-more {
  font-size: 13px;
	background-color: #fafafa;
	border:1px solid rgba(255, 141, 0, 1);
	color: rgba(255, 141, 0, 1);
  border-radius: 0px !important;
  padding: 15px 30px;
  text-transform: uppercase;
  outline: none;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.get-started {
  padding-top: 1px;
  vertical-align: middle;
	text-align:center;
	margin: 85px 0;
}
.get-more {
	margin: 45px 0;
	text-align:center;
}

.pattern-overlay , .pattern-overlay-2 { 
  padding: 30px 20px;
  background-color:rgba(255,102,0,1);
}
.pattern-overlay-work { 
  padding: 30px 20px;
  background-color:rgba(0,133,178,1);
}
.pattern-overlay-more { 
  padding: 30px 20px;
  background-color:#eee;
}
.pattern-overlay p , .pattern-overlay-2 p , .pattern-overlay-work p { color: #fff }
.list-unstyled li.one a.one-sub , .list-unstyled li.two a , .list-unstyled li.three a , .list-unstyled li.four a {
  background:rgba(89,171,2,0.1);
  border-left:5px solid rgba(89,171,2,1);
}
/*
.list-unstyled li.one:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  font-size: 1.1em;
  content: "\f1ad";
  position: absolute;
  background:rgba(89,171,2,1);
  color:#fff;
  padding:11.1px 15px;
}
.list-unstyled li.two:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  font-size: 1.1em;
  content: "\f0a1";
  position: absolute;
  background:rgba(89,171,2,1);
  color:#fff;
  padding:11.1px 15px;
}
.list-unstyled li.three:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  font-size: 1.1em;
  content: "\f0ac";
  position: absolute;
  background:rgba(89,171,2,1);
  color:#fff;
  padding:11.1px 15px;
}
.list-unstyled li.four:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  font-size: 1.1em;
  content: "\f086";
  position: absolute;
  background:rgba(89,171,2,1);
  color:#fff;
  padding:11.1px 15px;
}
.list-unstyled li.one ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  font-size: 1.1em;
  content: "\f610";
  position: absolute;
  background:rgba(0,133,178,1);
  color:#fff;
  padding:10px 15px;
}
*/
#pageSubmenu li a , #pageSubmenu2 li a { 
   background-color:rgba(0,133,178,0.1);
   border-left:5px solid rgba(0,133,178,1);
}

/* main-content */

.main-content { padding: 15px 3px; }

div.content-box { clear: both }

div.content-box.big {
  background: #fff;
  -webkit-transition: background .5s ease-in-out;
  -moz-transition: background .5s ease-in-out;
  -o-transition: background .5s ease-in-out;
  -ms-transition: background .5s ease-in-out;
  transition: background .5s ease-in-out;
}

div.content-box.big .ch-info-wrap {
  margin: -40px auto 10px;
  position: relative;
  left: auto;
  top: auto;
}

div.content-box.big:hover { background: #fafafa }

div.content-box.big div.content-box-info {
  padding: 0 10px 10px 10px;
  margin: 0;
}
div.content-box.big div.content-box-info h3 {
	margin: 10px 0 25px 0;
	font-size:24px;
	font-weight:700;
	color: rgb(165,39,21);
}
div.content-box.big div.content-box-info p {
	margin: 12px 0;
	font-size:15px;
	letter-spacing:0.6px;
}
div.content-box.big div.content-box-info span {
	font-size: 120%;
	font-weight:700;
	color:rgb(0,133,178);
}
div.content-box.big div.content-box-info strong {
	font-size: 16px;
	border-left: 4px solid rgb(172,0,0);
	display:block;
	padding-left: 8px;
	margin-bottom: 13px;
	line-height: 1.5;
}

div.content-box.big div.content-box-info .why {
	font-size: 130%;
	font-weight:700;
}
div.content-box.big div.content-box-info .ans {
	font-size: 1em;
}
div.content-box.big div.content-box-info .ans strong {
	color: rgb(255, 63, 30);
}
div.content-box.big div.content-box-info .ans span {
	font-size: 1.2em;
	font-weight:700;
}

.service-reasons div.content-box.big {
  transition: none;
  margin-top: 30px;
  border: 1px solid #fff;
}

.main-content h3 {
  color: #283043;
  line-height: 32px;
  margin: 0 0 5px;
}

.main-content p,
.content p { text-align: left }

.author-content,
div.content-box.big,
#cn-tabs .service,
.comment-des,
.contact-box {
  border-style: solid;
  border-width: 1px;
  border-color: #d5d5d5;
}

.btn:focus, .subscribe-btn, .progress .progress-bar, .accordionMod .panel-heading .current, #current:after, .tp-leftarrow.default:hover, .tp-rightarrow.default:hover, .contact-box:hover, .ch-info-wrap, .ch-info .ch-info-back, .content-box-about .ch-info-front, figure.effect-zoe figcaption, h2.form-signin-heading, a.prev,a.next, a.prev,a.next {
  background: rgb(0,133,178);
}
/* Circle items */

.ch-item {
  width: 100%;
  /*height: 100%;*/
  position: relative;
  cursor: default;
}
.ch-info-wrap i {
  color: #FFFFFF;
  font-size: 28px;
  line-height: 70px;
  position: relative;
  z-index: 5;
  text-shadow: 0 3px 0 rgba(0,0,0,0.1);
}
.ch-info-wrap {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  top: 10px;
  left: 10px;
}
.ch-info {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ch-info > div {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 50%;
  background-position: center center;
  -webkit-backface-visibility: hidden;
}
.ch-info .ch-info-front {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.ch-info .ch-info-back {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  -moz-transition: all 0.4s ease-in-out 0.2s;
  -o-transition: all 0.4s ease-in-out 0.2s;
  -ms-transition: all 0.4s ease-in-out 0.2s;
  transition: all 0.4s ease-in-out 0.2s;
  opacity: 0;
}
.ch-item:hover .ch-info {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.btn-more { background:rgba(0,133,178,0.9); color:#fff; font-weight:600; display:inline-block; font-size:16px; }
.btn-more:hover , .btn-more:focus { background:rgba(0,133,178,0.6); color:#fff; font-weight:600; }
.btn-green { background:rgba(255, 141, 0, 0.9)!important; }
.btn-green:hover , .btn-green:focus { background:rgba(255, 141, 0, 0.6)!important; }
.btn-good { background:rgba(255, 0, 127, 0.9)!important; }
.btn-good:hover , .btn-good:focus { background:rgba(255, 0, 127, 0.6)!important; }

footer .social li:hover a i { color: #fff }

#footer a { color: #fff; }

.footer-fa { font-weight:700; font-size:150%; }
.footer-fa i { margin-right: 5px; }

.blog img { color:#fff;height:15px;margin-bottom:4px;margin-left:2px;}

/*---------- contact.html ----------*/

.reply label { margin: 0 0 4px }
.reply label span { color: #e24747 }
.reply input , .reply select { margin: 0 0 20px; }
.reply textarea {
  min-width: 97.5%;
  /* min-height: 180px; */
  -webkit-resize: vertical;
  -moz-resize: vertical;
  -webkit-resize: vertical;
  -moz-resize: vertical;
  resize: vertical;
  margin: 0 0 18px;
}
.w100 { width:100%!important }
#submit_btn  { font-size:15px!important }
.btn-color {
  color: #fff !important;
	background-color: rgb(0,133,178) !important;
	font-weight: 600;
}
.btn-color:hover {
  color: #fff !important;
	background-color: rgb(255,102,0) !important;
}

.star-divider {
  border-bottom: 1px solid #D5D5D5;
  margin-top: 20px;
  margin-bottom: 70px;
}
.star-divider-small {
  margin-bottom: 30px !important;
  margin-top: -25px !important;
}
.star-divider-icon { text-align: center }
.star-divider-icon i {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 100px;
  color: rgb(12, 132, 16);
  font-size: 18px;
  padding: 11px;
  position: relative;
  top: 19px;
}

.pro3-img img { margin-top: 20px; margin-bottom: 20px; }

/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
  text-align: left !important;
}
.slide_style_right {
  text-align: right !important;
}
.slide_style_center {
  text-align: center !important;
}

.slide-text {
  position: absolute;
  text-align: left;
}
.slide-bg {
	padding: 20px;
	border-radius: 3px;
}
.slide-bg2 {
  background:rgba(0, 178, 0,0.7);
	padding: 20px;
	border-radius: 3px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.51);
}
.slide-text small {
  color: #ffffff;
}
.slide-text a {
  color: #ffffff;
}
.slide-bg > h1 {
  padding: 0;
  color: #ffffff;
  letter-spacing: 1px;
  display: block;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.41);
}
.slide-bg > h2 {
  padding: 0;
  color: #ffffff;
  letter-spacing: 1px;
  display: block;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.31);
}
.slide-bg2 > h2 {
  padding: 0;
  color: #ffffff;
  font-size: 32px;
  font-style: normal;
  line-height: 42px;
  margin-bottom: 12px;
  letter-spacing: 1px;
  display: block;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.slide-text p {
  padding: 0;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 1px;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.slide-text > a.btn-default{
  color: #000;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  margin-right: 10px;
  text-align: center;
  padding: 17px 30px;
  white-space: nowrap;
  letter-spacing: 1px;
  display: inline-block;
  border:2px solid #fff;
  text-transform: uppercase;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a.btn-primary{
  color: #ffffff;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
	margin-top: 10px;
  margin-left: 10px;
  text-align: center;
  padding: 22px 46px;
  white-space: nowrap;
  letter-spacing: 1px;
  background: rgba(224,33,38,1);
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  border:2px solid #fff;
	border-radius:36px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
  color: #ffffff;
  background: rgba(255,128,0,1);
	border:2px solid #fff;
  -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

@media (min-width:1200px) {
  .owl-title-one h1 {
		font-size: 46px;
		font-weight: 600;
		line-height: 60px;
		margin-bottom: 10px;
	}
	.owl-title-one h2 {
		font-size: 23px;
		font-weight: 600;
		line-height: 42px;
		margin-bottom: 12px;
	}
	.owl-title-two h1 {
		font-size: 46px;
		font-weight: 600;
		line-height: 64px;
		margin-bottom: 10px;
	}
	.owl-title-two h2 {
		font-size: 32px;
		font-weight: 600;
		line-height: 42px;
		margin-bottom: 12px;
	}
}
@media (min-width:768px) and (max-width:1199px) {
  .owl-title-one h1 {
		font-size: 40px;
		font-weight: 600;
		line-height: 56px;
		margin-bottom: 10px;
	}
	.owl-title-one h2 {
		font-size: 20px;
		font-weight: 600;
		line-height: 32px;
	}
	.owl-title-two h1 {
		font-size: 40px;
		font-weight: 600;
		line-height: 56px;
		margin-bottom: 10px;
	}
	.owl-title-two h2 {
		font-size: 26px;
		font-weight: 600;
		line-height: 36px;
	}
}
@media (min-width:768px) {
  .owl-slide-one {
    max-width:340px;right:6%;top:26%;
  }
	.owl-slide-two {
    max-width:360px;right:8%;top:50%;
  }
	.owl-slide-three {
    max-width:340px;left:6%;top:26%;
  }
	.owl-slide-four {
    max-width:320px;right:12%;top:6%;
  }
}
@media (max-width:767px) {
	.reply input , .reply select { margin: 0 0 16px; }
	.home-1 {padding-left:0!important;padding-right:0!important;}
	.card-more { display:block;padding-top:6px; }
	.slide-bg {
		padding: 20px 5px;
	}
	.owl-slide-one {
	  right:1%;
	  top:58%;
  }
	.owl-slide-two {
    bottom:6%;
  }
	.owl-slide-three {
	  left:1%;
	  top:13%;
  }
	.owl-slide-four {
    bottom:6%;
  }
	.owl-title-one h1 {
		font-size: 30px;
		font-weight: 600;
		line-height: 42px;
		margin-bottom: 5px;
	}
	.owl-title-one h2 {
		font-size: 15px;
		font-weight: 600;
		line-height: 26px;
	}
	.owl-title-two h1 {
		font-size: 30px;
		font-weight: 600;
		line-height: 42px;
		margin-bottom: 5px;
	}
	.owl-title-two h2 {
		font-size: 20px;
		font-weight: 600;
		line-height: 26px;
	}
	.slide-bg > p {
    font-size: 16px;
  }
	.slide-bg2 > p {
    font-size: 16px;
  }
	.owl-header .owl-nav button.owl-next, .owl-header .owl-nav button.owl-prev {
    display:none;
  }
}

#YAMAHA:before , #KYMCO:before , #SYM:before { 
	display: block; 
	content: ''; 
	margin-top: -74px;
	height: 74px;
	visibility: hidden; 
}

.female { color: #FF007F; font-size: 50px;}
.male { color: #006DD9; font-size: 50px;}
.good .card { text-align:center;}

/*
* souvenir
*/

.owl-header .owl-nav button { background: #fff!important;}

.card-money { text-align:center;}
.card-money span { font-size:15px!important; color:rgb(255, 105, 0)!important;}
.card-money s { font-size:13px!important;}

/* 電腦右側選單 */
.cell-me a { background:rgba(255,0,0,0.8);color:#fff;position:fixed;z-index:99999;right:8px;bottom:8px;height:46px;width:46px;border-radius:50%;text-align:center;}
.cell-me i { font-size:1.8em;line-height:46px;}
.cell-me a:hover { background:rgba(255,0,0,0.9);color:#fff;}

.cell-me2 img { height:23px;}
.cell-me2 a { position:fixed;z-index:99998;right:7px;bottom:152px;background:rgba(255,0,0,0.8);height:46px;width:46px;line-height:46px;border-radius:50%;text-align:center;}
.cell-me2 img:hover { opacity:0.9;}

.cell-line img { height:49px;width:49px;}
.cell-line a { position:fixed;z-index:99998;right:7px;bottom:57px;}
.cell-line img:hover { opacity:0.9;}

.cell-fb a { background:rgba(66,103,178,0.8);color:#fff;position:fixed;z-index:9999;right:8px;bottom:108px;height:46px;width:46px;border-radius:50%;text-align:center;}
.cell-fb i { font-size:1.8em;line-height:46px;}
.cell-fb a:hover { background:rgba(66,103,178,0.9);color:#fff;}

/* 手機下方選單 */
.footer-phone {
	position:fixed;
	bottom:0;
	z-index:199;
	width: 100%;
}
.footer-phone ul li {
	width: 20%;
	float: left;
	border-top:1px solid rgba(228,228,228,1);
}
.footer-phone ul li a {
	font-weight: 600;
	text-align: center;
	padding:10px 10px 6px 10px;
	display:block;
	font-size:13px;
}

.shopping-bag a , .tshirt a { cursor: pointer;}
.shopping-bag , .tshirt , .phone-me , .line-me , .fb-me { background:rgba(255,255,255,1);}
.shopping-bag:hover , .tshirt:hover , .phone-me:hover , .line-me:hover , .fb-me:hover { background:rgba(245,245,245,1);}
.shopping-bag a , .tshirt a , .phone-me a , .line-me a , .fb-me a  { color:rgb(3,82,108)!important;}
.footer-phone i { height:25px;font-size:25px; }

.phone-me a { color:rgba(255,0,0,1)!important;}

.shopping-bag .item-count {
	background:#FF2626;
	border:2px solid #fff;
	display:inline-block;
	font-size:13px;
	color:#fff;
	width:20px;
	height:20px;
	border-radius:50%;
	line-height:14px;
	text-align:center;
	font-weight:600;
}
.shopping-bag i {
	letter-spacing:-5px;
}

.line-phone { background:rgba(0,185,0,0.8);}
.line-phone:hover { background:rgba(0,185,0,0.9);}

.cell-phone { background:rgba(255,0,0,0.8);}
.cell-phone:hover { background:rgba(255,0,0,0.9);}

.fb-phone { background:rgba(66,103,178,0.8);}
.fb-phone:hover { background:rgba(66,103,178,0.9);}

.footer-phone ul li a , .footer-phone ul li a:active { color:#fff;}

.tel{ font-size:22px;}
.bg-green {background-color:rgb(0,105,0)!important;}
.bg-red {background-color:#F00!important;}
.bg-gray {background-color:#F8F8F8;}
.bg-gray2 {background-color:#E8E8E8;}
.bg-white {background-color:rgba(255,255,255,0.8)!important;}
.no-padding {padding-left:0!important;padding-right:0!important;}
@media (max-width:767px){
	.breadcrumb-wrapper { background: url(../img/owl/earth_1000.jpg) no-repeat;}
	.breadcrumb-wrapper-about {
    background: url(../img/PIC/0001.jpg) no-repeat;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
	  background-attachment: fixed;
	  width:100%;
}
}
@media (min-width:768px){
	.breadcrumb-wrapper { background: url(../img/owl/earth_1000.jpg) no-repeat;}
	.breadcrumb-wrapper-about {
    background: url(../img/PIC/0001.jpg) no-repeat;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
	  background-attachment: fixed;
	  width:100%;
  }
}
.breadcrumb-wrapper h2 , .breadcrumb-wrapper-about h2 {
  display: inline-block;
  padding: 18px 46px;
  border: 2px solid rgba(255,255,255,1);
  border-radius: 3px;
  color: #FFF;
	background-color: rgba(0,105,140,1);
  font-size: 22px;
	font-weight: 700;
	margin-top: 22vh;
	margin-bottom: 22vh;
}
.iOS{
	overflow-x: hidden;
	overflow: auto;
	width: 100%;
	height:30vh;
}
.breadcrumb-wrapper {
  background: url(../img/PIC/0001.jpg) no-repeat;
  background-size: 100%;
	background-attachment: fixed;
	height:30vh;
}

@supports (-webkit-overflow-scrolling: touch) and (-webkit-touch-callout: none) {
  .breadcrumb-wrapper , .breadcrumb-wrapper-about {
    background-attachment: scroll!important;
  }
}

.fancybox-button--play { display:none!important}

/* ==========================================================================
Footer
========================================================================== */
footer {
	padding-top: 45px;
	padding-bottom: 45px;
	background:rgba(0,105,140,1);
	font-size:16px;
}
footer p , footer a , footer h4 {color: rgba(255,255,255,1)!important;}
footer a:hover {color: rgba(255,255,255,1)!important;}
footer h4 {font-weight: 700;}

.footer-good li {list-style: circle!important; color: #fff; margin-left:16px;}

@media (min-width:992px){
	.footer-keywords li {float:right!important;}
	footer .col-lg-6:nth-child(1) {
      padding-left:3.5em;
	    padding-right:3em;
    }
    footer .col-lg-6:nth-child(2) {
      padding-left:2em;
	    padding-right:3.5em;
    }
	.line90 {
		  width: 86%;
		  float: left;
	 }
}
footer li a {
    color: #3f6184
}
.footer-menu {margin-top:0!important; margin-bottom:0!important}
.footer-nav {margin-top:0!important; margin-bottom:0!important}
.footer-store {float: left; margin-top:20px}
footer i {
  margin-right:6px;
}
footer i.fa-map-marker-alt {
  margin-left:3px;
}
.copy {
	background-color:rgba(0,105,140,0.9);
	padding: 5px 0;
	color: #fff;
	font-size: 0.85em;
}
.copy a {
	color: #fff
}
.copy p {
	margin-top:0.8rem;
}
.footer-info p {
	font-size:16px;
}
.footer-info .tel {
	font-size:20px;
	margin-top:0.3em;
}
.footer-info .tel a {
	font-size:28px;
	line-height:32px;
}
.footer-info .address {
	font-size:22px;
	margin-top:0.5rem;
	margin-bottom:1rem;
	padding-bottom:9px;
	border-bottom:2px solid #fff;
}
.footer-info .address strong {font-size:120%; padding-bottom:8px;}
.footer-info hr {border-top:1px solid #fff!important}
hr {border-top:1px solid #ddd!important}

@media screen and (max-width:991px){
	.footer-menu li{border-bottom:dashed 0px #c7cacc!important;padding:20px 0 0 5px!important;}
	.footer-info {padding-top:20px!important;}
	.footer-keywords {padding-top:30px!important;}
}
@media screen and (max-width:767px){
	footer {
		padding-top:10px;
		padding-bottom:30px;
	}
}
.footer-keywords {
	padding:0;
	list-style:none;
	color:#fff;
}
.footer-keywords li {
	float:left;
	padding:6px 14px;
	margin:6px;
	border:1px solid #fff;
}
.footer-keywords h1, .footer-keywords h2, .footer-keywords h3, .footer-keywords h4, .footer-keywords h5, .footer-keywords h6 {
	margin-bottom:0;
}
.footer-keywords h3 {
	line-height:23px;
	font-size:15px;
}

/* ==========================================================================
側邊選單
========================================================================== */
.col-meun {margin-top:75px; margin-bottom:10px;color:#666;}
.col-meun .col-title {text-align:center;padding:20px 15px 16px 15px;margin:0 auto;font-size:1.3em;font-weight:600;line-height:1.1;background:rgba(0,105,140,1);color:#fff;display:inline-block;width:100%;}
.col-meun .col-left h3 { font-size:1.3em;font-weight:600;color:rgba(0,105,140,1); padding:12px 0;border-bottom:1px solid rgba(0,105,140,1);text-align:center;}
.col-meun .col-left h3.border-top { border-top:1px solid rgba(0,105,140,1);margin-top:.5rem;}
.col-meun .col-left a { font-size:107%;display:inline-block; color:#666;padding:4px;letter-spacing:1px;width:39%;text-align:center;}
.col-meun .col-left a:hover , .col-meun .col-left a.active {font-weight:600; text-decoration: underline;}
.col-meun .col-left { width:100%; padding:0 8px; }
.col-meun .col-one a { font-size:100%;margin:3px 0!important;width:100%!important;text-align:left!important;letter-spacing:0!important;}

.col-meun .col-left a.col-about { display:block;width:100%;margin-top:0!important;margin-bottom:0!important;padding: 0;}
.col-meun .col-left a.col-about:hover { text-decoration: none; background-color:rgba(0,105,140,1);}
.col-meun .col-left a.col-about:hover h3 { color: #fff;}
.col-meun .col-left a.col-about h3 { margin-bottom:0!important;padding: 12px 0; border-bottom:2px solid rgba(0,105,140,1);}
.col-meun .col-left a.col-about:first-child h3 { border-top:2px solid rgba(0,105,140,1);}
.col-meun .col-sub { margin-top:16px; padding-left: 0; padding-right: 0;}

.col-meun .col-link {padding:0;border-bottom:2px solid #fff;}
.col-meun .col-link a {color:#fff;display:block;padding:16px 15px;}
.col-meun .col-link a:hover , .col-meun .col-link a:active {background:#fff;color:rgba(0,105,140,1);display:block;}
.col-meun .col-active {background:rgb(255,151,0);}
.col-meun .col-link a.col-active:hover , .col-meun .col-link a.col-active:active {color:#fff}

@media (min-width: 992px) {
	.col-link {
	  display: none!important;
	}
  }
/* ==========================================================================
色塊
========================================================================== */
.box {
	margin-bottom: 5px;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.16);
}
.box--notice {
	background: #fff;
	color: #F33;
}
.box--primary {
	background: #007bff;
	color: #fff;
}
.box--success {
	background: #133670;
	color: #fff;
}
.box--warning {
	background: #ff9800;
	color: #fff;
}
.box--about {
	background: rgba(19,54,112,0.9);
	color: #fff;
}
.box--about hr {
	margin-top:2rem;
    margin-bottom:2rem;
}
.about_list {
	margin-left: 60px;
	position: relative;
}
.about_list span {
	position: absolute;
	font-size: 4.3rem;
	left: -55px;
	top: 0;
	line-height:1;
}
.helper__about strong {
	font-size: 1.9rem;
}
.helper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
@media (max-width: 767px) {
	.helper {
		flex-wrap: wrap;
	}
}
.helper__content {
	padding: 25px;
}
.helper__about {
	padding: 35px 25px 25px 25px;
}
@media (min-width: 768px) {
	.helper__content {
		margin-right: 220px;
	}
	.box--notice .helper__content {
		margin-right: 0px;
	}
}
@media (max-width: 767px) {
	.helper__content {
		margin-bottom: 125px;
	}
	.box--notice .helper__content {
		margin-bottom: 0px;
	}
}
.helper__img img {
	width: 200px;
	max-height: 220px;
	object-fit: contain;
	position: absolute;
	right: 15px;
	bottom: 0;
}
.box--notice .helper__img img {
	right: 20px;
	bottom: 20px;
}
.box--notice a {
	background: #F33;
	color: #fff;
	padding:3px 12px;
	border-radius: 15px;
}
.box--notice p.notice-text {
	margin-left : 3em;
    text-indent : -3em ;
}
	
/* ==========================================================================
表格列表
========================================================================== */	
	
.table {
	border-spacing: 0 10px;
	border-collapse: separate;
}
.table thead tr th {
	font-size:120%;
}
.table thead tr th,
.table thead tr td,
.table tbody tr th,
.table tbody tr td {
	vertical-align: middle;
	border: none;
}
.table thead tr th:nth-last-child(1),
.table thead tr td:nth-last-child(1),
.table tbody tr th:nth-last-child(1),
.table tbody tr td:nth-last-child(1) {
	text-align: center;
}
.table tbody tr {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}
.table tbody tr td {
	background: #fff;
}
.table tbody tr td:nth-child(1) {
	border-radius: 5px 0 0 5px;
}
.table tbody tr td:nth-last-child(1) {
	border-radius: 0 5px 5px 0;
}

.user-info {
	display: flex;
	align-items: center;
}
.user-info__img img {
	margin-right: 15px;
	height: 55px;
	width: 55px;
	border-radius: 45px;
	border: 3px solid #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.active-circle {
	height: 10px;
	width: 10px;
	border-radius: 10px;
	margin-right: 5px;
	display: inline-block;
}
.link-success {
	color: #5cb85c !important;
	font-weight:700;
	font-size:15px;
}
.link-danger {
	color: #f00 !important;
	font-weight:700;
	/*cursor: no-drop;*/
	font-size:15px;
}
.table-padding {
	padding:0 5px;
}

.sign-up {
	border-radius: 5px;
	background-color:#FFF;
	width:100%;
	text-align:center;
	padding:8px;
}
#myModal-two a {
	border-radius: 5px;
	background-color:rgba(89,171,2,1);
	color:#FFF;
	margin-top: 20px;
	padding:16px 0;
	font-size: 130%;
	font-weight:700;
	text-align:center;
	display:block;
}
.online a {
	border-radius: 5px;
	background-color:rgba(89,171,2,1);
	color:#FFF;
	padding:36px 8px;
	font-size: 130%;
	font-weight:700;
	display:block;
}
.online-stop a {
	border-radius: 5px;
	background-color:rgba(255,0,0,1);
	color:#FFF;
	padding:36px 8px;
	font-size: 130%;
	font-weight:700;
	display:block;
	cursor:no-drop;
}
.down a {
	border-radius: 5px;
	background-color:rgba(89,171,2,1);
	color:#FFF;
	padding:36px 8px;
	font-size: 130%;
	font-weight:700;
	display:block;
}
.online a:hover , .down a:hover { background-color:rgba(89,171,20,0.8); }
.online-stop a:hover { background-color:rgba(255,0,0,0.8); }

.modal-title {
	color:rgba(0,105,140,1);
	font-size: 1.2rem;
	font-weight:700;
}
.modal-form {
	padding:5px 8px;margin:5px 0 20px;background-color:rgba(89,171,2,1);color:#fff;border-radius:5px;font-size:1.1rem;font-weight:700;
}
.modal-form small {
	font-weight:600!important;
}
#myModal button.close {
    font-size: 2.2rem;
}

.process-one {background:rgba(19,54,112,0.8);padding:6em 0;}
.process-two {background:rgba(89,171,2,0.8);padding:6em 0;}
.process-one h2 , .process-two h2 {font-size:2.6rem;position:absolute;font-weight:700;color:#FFF!important;left:9%;top:5%;}
.ui-vertical {
    border-radius:.28571429rem;
    border:1px solid rgba(34,36,38,.15);
	background:rgba(255,255,255,0.9);
}
.ui-vertical .completed {border-bottom:1px solid rgba(34,36,38,.15);padding:3em 2em; }
.ui-vertical .active {padding:3em 2em; }
.ui-vertical .content {
	margin-left: 60px;
	position: relative;
}
.ui-vertical .content .number {
	position: absolute;
	font-size: 4.3rem;
	left: -55px;
	top: 0;
	line-height:1;
}
.process-one .ui-vertical .content .number {
	font-weight:700;color:rgba(89,171,2,1);
}
.process-two .ui-vertical .content .number {
	font-weight:700;color:rgba(19,54,112,1);
}
.ui-vertical .content .title {
	font-weight:700;
	font-size:120%;
}
.ui-vertical .content .title2 {
	font-weight:700;
	font-size:200%;
	padding-top:0.6em;
}
.ui-vertical .content .title3 {
	font-weight:700;
	font-size:120%;
	padding-top:0.6em;
}
.text-red {color:#F00; }

.slogan {
	background:rgba(0,105,140,1);
	color:#fff;
	border-radius:5px;
	float:left;
	margin-top:15px;
	margin-left:10px;
	padding:5px 12px;
	font-size:130%;
	font-weight:700;
}
.top-phone {
	float:right;
	margin-top:15px;
	padding:5px 12px;
}
.top-phone a {
	color:#333;
	font-size:130%;
	font-weight:700;
}

#home-contact {
		padding:0 3px 30px 3px;
	}
@media screen and (max-width: 1280px) {
	/* Header */
	#header {
		background-attachment: scroll,scroll,scroll;
		background-image: url("../img/header/1600.svg"), url("../img/header/overlay.png"), url("../img/header/web-design.jpg");
		background-size: 1600px 230px,auto,cover;
		padding: 6em 0 12em 0;
	}

	#header h1 {
		font-size: 2em;
	}

	#header p {
		font-size: 1.15em;
	}
	/* Footer */
	#footer {
		background-image: url("../img/header/bottom-1600.svg");
		background-size: 1600px 230px;
		margin-top: -170px;
		padding: calc(230px + 4em) 0 4em 0;
	}
}

@media screen and (max-width: 736px) {
    /* Header */
	#header {
		background-image: url("../img/header/1280.svg"), url("../img/header/overlay.png"), url("../img/header/web-design.jpg");
		background-size: 1280px 184px,auto,cover;
		padding: 3em 0 7em 0;
	}

	#header .logo {
		font-size: 1.5em;
	}

	#header h1 {
		font-size: 1.25em;
	}

	#header p {
		font-size: 1em;
	}
	/* Footer */
	#footer {
		background-image: url("../img/header/bottom-1280.svg");
		background-size: 1280px 184px;
		margin-top: -125px;
		padding: calc(184px + 2em) 0 3em 0;
	}			
}

.overlay {
    position: fixed;
	top:0;
    width: 100vw;
    height: 100vh;
    background:rgba(0, 0, 0, 0.5);
    z-index: 298;
    display: none;
}
.overlay.active {
    display: block !important;
}

.tag {
	padding-top:20px;
}
  
.tag strong {
	font-weight: 700;
	border:1px solid #666;
	padding:5px 8px;
	display:inline-block;
	margin-top:10px;
  margin-right:5px;
	font-size: 14px;
}

.main-cate {
	padding-top: 1.5em;
	padding-bottom: 0.3em;
}
.title-blue {
	font-weight: 600;
	margin-bottom: 0;
}
.title-blue span {
	color: #fff;
	background-color: rgba(0,105,140,1);
	padding: 6px 13px;
	border-radius: 36px;
	position: relative;
	top:-3px;
	font-size: 18px;
}
.padd-0 {
	padding-top: 0!important;
	padding-bottom: 0!important;
}

#fh5co-services-section,
#fh5co-pricing-section,
#fh5co-blog-section,
#fh5co-counter-section,
#fh5co-about-section,
#fh5co-contact-section {
  padding: 2em 0;
}
#fh5co-blog-section p {
  font-size: 15px;
}
#fh5co-blog-section a {
  font-size: 15px;
  font-weight: 600;
  color:rgba(0,105,140,1);
}
#fh5co-blog-section h3 {
  font-weight:700;
  line-height:24px;
}
#fh5co-blog-section .btn {
  font-size: 14px;
  font-weight:700;
}
.fh5co-heading i {
  font-size: 40px;
  color: #00ADB5;
  padding: 10px;
  display: block;
  margin-bottom: 20px;
}
.fh5co-heading h2 {
  font-size: 34px;
}
.feature-full-1col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  width: 100%;
}
.feature-full-1col .image, .feature-full-1col .desc {
  float: left;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .feature-full-1col .image, .feature-full-1col .desc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    position: relative;
    width: 100%;
  }
}
.feature-full-1col .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .feature-full-1col .image {
    height: 300px;
  }
}
.feature-full-1col .desc {
  padding: 85px 70px;
  background: #fff;
}

@media screen and (max-width: 991px) {
  .feature-full-1col .desc {
    padding: 50px 30px;
  }
}
.feature-full-1col .desc.desc2 {
  background: rgba(45, 64, 89, 0.05);
}

.feature-full-2col {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .feature-full-2col {
    flex-wrap: wrap;
    width: 100%;
  }
}
.feature-full-2col .blog-inner {
  float: left;
  width: 50%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .feature-full-2col .blog-inner {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
@media (min-width:768px) and (max-width: 991px) {
  #pro .desc .pro-title h2 {
	font-size:22px!important;
  }
}
@media screen and (max-width: 767px) {
  .feature-full-2col .blog-inner {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  #pro .desc .pro-title h2 {
	font-size:18px!important;
	margin-top:10px!important;
  }
  .features-bg-about {
    min-height: 300px;
  }
  .features-img {
    height: 300px;
    line-height: 300px;
  }
}
.feature-full-2col .blog-inner .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 480px) {
  .feature-full-2col .blog-inner .image {
    position: relative;
    height: 200px;
  }
  .feature-full-2col .blog-inner .image, .feature-full-2col .blog-inner .desc {
    width: 100%;
  }
}
.feature-full-2col .blog-inner .image, .feature-full-2col .blog-inner .desc {
  width: 50%;
}
.feature-full-2col .blog-inner .desc {
  padding: 30px;
  background: #fff;
}
.feature-full-2col .blog-inner .desc.desc2 {
  background: rgba(45, 64, 89, 0.05);
}

.desc .pro-number {
	padding:4px 13px; background:#666; color:#fff; display:inline-block; font-size:22px;
}
.desc .pro-title {
	border-bottom:1px solid #666; font-weight:700; display:inline-block; margin-bottom: 16px;
}
.desc .pro-title h2 {
	margin:5px; font-size:26px;
}
.desc .pro-more {
  color: rgba(233,85,20,1);
  border: 2px solid rgba(233,85,20,1);
  background: #fff;
  padding: 8px;
  width: 80px;
  display: inline-block;
  line-height: 30px;
  height: 30px;
  text-align: center;
  font-size: 15px;
  box-sizing: initial;
  font-weight: 600;
  box-shadow: 0 0 0 5px #f9f9f9;
}
.desc .pro-more:hover {
  color: rgba(255,255,255,1);
  background: rgba(233,85,20,1);
}

#title-three , #title-four {
  padding-top: 10px;
}
.blogs {
  padding-bottom: 30px!important;
}
.blogs .item {
  margin-bottom: 16px;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display:none!important
}
@media (max-width:767px) {
  .visible-xs {
    display:block!important
  }
  table.visible-xs {
    display:table
  }
  tr.visible-xs {
    display:table-row!important
  }
  th.visible-xs,
  td.visible-xs {
    display:table-cell!important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .visible-sm {
    display:block!important
  }
  table.visible-sm {
    display:table
  }
  tr.visible-sm {
    display:table-row!important
  }
  th.visible-sm,
  td.visible-sm {
    display:table-cell!important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .visible-md {
    display:block!important
  }
  table.visible-md {
    display:table
  }
  tr.visible-md {
    display:table-row!important
  }
  th.visible-md,
  td.visible-md {
    display:table-cell!important
  }
}
@media (min-width:1200px) {
  .visible-lg {
    display:block!important
  }
  table.visible-lg {
    display:table
  }
  tr.visible-lg {
    display:table-row!important
  }
  th.visible-lg,
  td.visible-lg {
    display:table-cell!important
  }
}
@media (max-width:767px) {
  .hidden-xs {
    display:none!important
  }
}
@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
    display:none!important
  }
}
@media (min-width:992px) and (max-width:1199px) {
  .hidden-md {
    display:none!important
  }
}
@media (min-width:1200px) {
  .hidden-lg {
    display:none!important
  }
}

@media (max-width:991px) {
  .top-phone {
    margin-right:40px;
  }
}
.top-phone {
	float:right;
	margin-top:0!important;
	padding-top:11px;
}
.top-phone span {
	color:rgb(255,100,0);
	font-size: 19px;
	font-weight:700;
	text-align: center;
  line-height: 20px;
}
.scooter-number { 
  background: linear-gradient(135deg, rgba(255,151,0,1) 50%, rgba(255,255,255,0) 50%);
  position:absolute;
	left:0;
	top:0;
	-webkit-text-stroke: 3px #FFF; 
  text-stroke: 3px #FFF; 
  font-weight:800;
  text-align: center;
  color: rgb(0,105,140);
  padding-left:1px!important;
  font-family: 'Oswald', sans-serif;
}
.pro-down { 
  background: linear-gradient(135deg, rgba(255,0,0,1) 50%, rgba(255,255,255,0) 50%)!important;
	-webkit-text-stroke: 3px #FFF; 
  text-stroke: 3px #FFF; 
  color: rgb(0,105,140);
}
@media (max-width:767px) {
  .scooter-number { 
    width:46px;
	  height:46px;
	  line-height:20px;
	  font-size:56px;
  }
}
@media (min-width:768px) {
  .scooter-number { 
    width:66px;
	  height:66px;
	  line-height:36px;
	  font-size:86px;
  }
}

.article {padding-top: 30px; padding-bottom: 60px; }
.article a {color: #333!important;}
.article p {font-weight: 400!important; font-size: 1.2em!important; margin-bottom: 0; }
.article h3 {font-size: 1.3rem; font-weight: 600; padding: 12px 0 0 0; text-align: center;}
.article .more {
	color: #fff;
  background-color: rgb(255,191,0);
  padding: 6px 13px;
  border-radius: 36px;
	font-weight: 600;
 }
.article .post {
	border: 1px solid #ddd;
	height: 100%;
	padding: 8px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
  background-color: #fff;
}
.article .post:hover {
	box-shadow: 0 0 3px rgba(0,0,0,0.6);
}
.article .owl-dots {
	bottom: -12%;
}
.owl-article .owl-dots button.owl-dot { background-color: rgb(182, 182, 182)!important; width:3%; }
.owl-article .owl-dots button.active { background-color: rgb(64, 64, 64)!important; width:3%; }

.mask {
  margin: 5vh 0;
  width: 100vw;
  height: 90vh;
  background: url("../img/PIC/0001.jpg") no-repeat top center;
  background-size: cover;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkxIiBoZWlnaHQ9IjQyNSIgdmlld0JveD0iMCAwIDU5MSA0MjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMS4yNzM2IDk2Ljc3ODNMMTk2LjgyOSA3LjIwNDNMMjk2LjA5NSAwLjI2Mjk5MkwzNTIuNzc1IDI1LjkxODdMNDY1LjcwMSA0My42OTIxTDU0Ni4wODQgOTQuMzQ3Nkw1OTAuNzcgMjU1LjYwOUw1MTcuMjg4IDM3OC43MzFMMzE0LjI3MiA0MjQuMDI3TDIxMS40MTggNDAwLjExOUwxMTkuMjc3IDQwNi41NjJMNTAuMzA0NCAzNjguOTMxTDAuODAxNzQ1IDI0Ny45OTJMMzEuMjczNiA5Ni43NzgzWiIgZmlsbD0iI0M1OTc2QyIvPgo8L3N2Zz4K) no-repeat center center;
  mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkxIiBoZWlnaHQ9IjQyNSIgdmlld0JveD0iMCAwIDU5MSA0MjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMS4yNzM2IDk2Ljc3ODNMMTk2LjgyOSA3LjIwNDNMMjk2LjA5NSAwLjI2Mjk5MkwzNTIuNzc1IDI1LjkxODdMNDY1LjcwMSA0My42OTIxTDU0Ni4wODQgOTQuMzQ3Nkw1OTAuNzcgMjU1LjYwOUw1MTcuMjg4IDM3OC43MzFMMzE0LjI3MiA0MjQuMDI3TDIxMS40MTggNDAwLjExOUwxMTkuMjc3IDQwNi41NjJMNTAuMzA0NCAzNjguOTMxTDAuODAxNzQ1IDI0Ny45OTJMMzEuMjczNiA5Ni43NzgzWiIgZmlsbD0iI0M1OTc2QyIvPgo8L3N2Zz4K) no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.mask-img {
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkxIiBoZWlnaHQ9IjQyNSIgdmlld0JveD0iMCAwIDU5MSA0MjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMS4yNzM2IDk2Ljc3ODNMMTk2LjgyOSA3LjIwNDNMMjk2LjA5NSAwLjI2Mjk5MkwzNTIuNzc1IDI1LjkxODdMNDY1LjcwMSA0My42OTIxTDU0Ni4wODQgOTQuMzQ3Nkw1OTAuNzcgMjU1LjYwOUw1MTcuMjg4IDM3OC43MzFMMzE0LjI3MiA0MjQuMDI3TDIxMS40MTggNDAwLjExOUwxMTkuMjc3IDQwNi41NjJMNTAuMzA0NCAzNjguOTMxTDAuODAxNzQ1IDI0Ny45OTJMMzEuMjczNiA5Ni43NzgzWiIgZmlsbD0iI0M1OTc2QyIvPgo8L3N2Zz4K) no-repeat center center;
  mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTkxIiBoZWlnaHQ9IjQyNSIgdmlld0JveD0iMCAwIDU5MSA0MjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMS4yNzM2IDk2Ljc3ODNMMTk2LjgyOSA3LjIwNDNMMjk2LjA5NSAwLjI2Mjk5MkwzNTIuNzc1IDI1LjkxODdMNDY1LjcwMSA0My42OTIxTDU0Ni4wODQgOTQuMzQ3Nkw1OTAuNzcgMjU1LjYwOUw1MTcuMjg4IDM3OC43MzFMMzE0LjI3MiA0MjQuMDI3TDIxMS40MTggNDAwLjExOUwxMTkuMjc3IDQwNi41NjJMNTAuMzA0NCAzNjguOTMxTDAuODAxNzQ1IDI0Ny45OTJMMzEuMjczNiA5Ni43NzgzWiIgZmlsbD0iI0M1OTc2QyIvPgo8L3N2Zz4K) no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.fa-train {
	margin-left: 2px;
}

#cate .container-fluid {
	padding-right: 5px;
  padding-left: 5px;
}
@media (max-width:767px) {
  .owl-play .owl-stage {
	  padding-left: 8px!important;
  }
}