/*
cynet.tw
*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

button,input{cursor:pointer}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.owl-nav button {
  bottom: 45%;
  opacity: 0.7;
  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;
	color: #ffffff!important;
  background: #000!important;
}
.owl-nav:hover button{
  opacity: 0.9;
}
.owl-nav button.owl-prev {
  left: 1%;
}
.owl-nav button.owl-next {
  right: 1%;
}
.owl-nav button span {
  font-size: 46px;
	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;
  background: #ffffff!important;
}
#main .owl-dots {
	bottom: -30px;
}
@media (max-width: 768px) {
  #main .owl-dots {
    bottom: -38px;
  }
}
/*---------- 邊距 ----------*/

.padding-top15 { padding-top: 15px }
.padding-top25 { padding-top: 25px }
.padding-top30 { padding-top: 30px }
.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 }

.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-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-wine .card-text { text-align:center }
.card-text { line-height: 1.5em;margin-bottom: 0.3em;color:#292b2c }
.card-more { color:#FF9000;font-weight:700 }
.good-more { color:#FF9000; }
.owl-wine { margin-top: 35px }

.home-1 { padding: 20px 18px; }
.home-1 p span { font-size: 120%; font-weight:700; }
.gold-f p span { color: #FFBF00; }

.home-2 { padding: 30px 18px 50px 18px; }
.home-2 p span { font-size: 120%; font-weight:700; }

.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;}

.home-4 { padding: 50px 18px; background: rgb(255, 255, 255); }
.home-5 { padding: 50px 0 0 0; background: rgb(255, 255, 255); }
.home-6 { padding: 0; background: rgb(255, 255, 255); }

#main h2 { color: rgb(165,39,21); margin-bottom: 8px; }
#main h3 { color: #F00; margin-bottom: 15px; font-size: 1.4rem; font-weight:600; }

.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: 22px!important;
  display: inline-block;
  margin: 10px 0;
  color: #fff!important;
	font-weight: 600;
  line-height: 36px;
}
h1.slogan-title {
	font-size: 30px!important;
  display: inline-block;
  margin: 10px 0;
  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: 35px 20px;
  background-color:rgba(165,39,21,1);
}

.pattern-overlay p , .pattern-overlay-2 p { color: #fff }

#pageSubmenu li { 
  background-color:rgba(255,255,255,1);
}

/* main-content */

.main-content { margin: 45px 0 35px; padding: 50px 18px 0 18px; }

div.content-box { clear: both }

div.content-box.big {
  background: #FCF9F2;
  -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 35px;
  position: relative;
  left: auto;
  top: auto;
}

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

div.content-box.big div.content-box-info {
  padding: 0 35px;
  margin: 0;
}
div.content-box.big div.content-box-info h3 {
	text-align: center;
	margin: 25px 0 25px 0;
}
div.content-box.big div.content-box-info p {
	margin: 5px 0 25px 0;
	font-size:1.2em;
}
div.content-box.big div.content-box-info strong {
	font-size: 36px;
}
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;
	border-left: 5px solid rgb(195,41,41);
}

.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: #59ab02;
}

.category div.content-box.big div.content-box-info h3 {
	text-align: left;
}
.category div.content-box {
	border-left: 1px solid #d5d5d5;
}
/* 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-red { background:rgba(255, 0, 0, 0.9)!important; }
.btn-red:hover , .btn-red:focus { background:rgba(255, 0, 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-top {
  color: #fff;
  padding: 20px 0;
}

#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;}

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

.cell-phone a { background:rgba(255,0,0,0.8);color:#fff;position:fixed;z-index:9999;right:8px;bottom:8px;height:52px;width:52px;line-height:56px;border-radius:50%;text-align:center;}
.cell-phone i { font-size:1.9em;}
.cell-phone a:hover { background:rgba(0,133,158,0.9);color:#fff;}

.contact-us a { background:rgba(0,109,217,0.8);color:#fff;position:fixed;z-index:9999;right:8px;bottom:55px;height:42px;width:42px;line-height:44px;border-radius:50%;text-align:center;}
.contact-us i { font-size:1.4em;}
.contact-us a:hover { background:rgba(0,109,167,0.9);color:#fff;}

.google-map a { background:rgba(255,63,30,0.8);color:#fff;position:fixed;z-index:9999;right:8px;bottom:149px;height:42px;width:42px;line-height:44px;border-radius:50%;text-align:center;}
.google-map i { font-size:1.4em;}
.google-map a:hover { background:rgba(255,128,0,0.9);color:#fff;}

.message img { height:54px;width:54px;}
.message { position:fixed;z-index:99998;right:8px;bottom:63px;}

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

.reply label { margin: 0 0 4px }
.reply label span { color: #e24747 }
.reply input { margin: 0 0 20px; font-size:0.9rem!important }
.reply textarea {
	font-size:0.9rem!important;
  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;
}

.btn-color {
  color: #fff !important;
	background-color: #59ab02 !important;
}
.btn-color:hover {
  color: #fff !important;
	background-color: rgb(255, 63, 30) !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; }

/*---------- car css ----------*/

.car-info p {
  margin-top:20px !important;
}
.car-info i {
  margin-right:3px;
}
.car-info a.pet-maps {
  color:rgb(0,133,178);
	font-weight:600;
}
.pet-news .card-title {
	font-size: 1.2rem!important;
}
.here {
  background:rgba(0,178,0,0.9) !important;
	color:#fff !important;
}
.card-block {
  padding: 0.6rem !important;
}

/*---------- 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 {
  background:rgba(0,133,178,0.6);
	padding: 20px;
	border-radius: 3px;
}
.slide-bg2 {
  background:rgba(0, 178, 0,0.6);
	padding: 20px;
	border-radius: 3px;
}
.slide-text small {
  color: #ffffff;
}
.slide-text a {
  color: #ffffff;
}
.slide-text > h1 {
  padding: 0;
  color: #ffffff;
  font-size: 50px;
  font-style: normal;
  line-height: 84px;
  margin-bottom: 30px;
  letter-spacing: 1px;
  display: block;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.slide-bg > 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-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 (max-width:991px) {
	.slide-bg > h2 {
    font-size: 28px;
    line-height: 40px;
  }
	.slide-bg > p {
    font-size: 16px;
  }
	.slide-bg2 > h2 {
    font-size: 28px;
    line-height: 40px;
  }
	.slide-bg2 > p {
    font-size: 16px;
  }
}
@media (min-width:768px) {
  .owl-slide-one {
    max-width:340px;right:5%;top:30%;
  }
	.owl-slide-two {
    max-width:360px;right:8%;top:50%;
  }
	.owl-slide-three {
    max-width:320px;left:5%;top:35%;
  }
	.owl-slide-four {
    max-width:320px;right:12%;top:6%;
  }
}

@media (max-width:767px) {
	.home-1 {padding-left:0!important;padding-right:0!important;}
	.pattern-overlay , .pattern-overlay-2 { padding: 20px 6px;}
	.footer-top { padding: 20px 0 60px 0;}
	.owl-slide-one {
    bottom:20%;
	  width:89%;
  }
	.owl-slide-two {
    bottom:6%;
	  width:89%;
  }
	.owl-slide-three {
    bottom:6%;
	  width:89%;
  }
	.owl-slide-four {
    bottom:6%;
	  width:89%;
  }
	.owl-slide-two h2 {
    line-height: 42px!important;
  }
	.owl-slide-three h2 {
    display:none;
  }
	.owl-slide-four h2 {
    display:none;
  }
	
	.slide-bg , .slide-bg2 {
	  padding: 15px 10px 5px 10px;
	  margin-left:15px;
	  margin-right:15px;
  }
	.slide-bg > h2 {
    font-size: 24px;
    line-height: 30px;
  }
	.slide-bg > p {
    font-size: 16px;
  }
	.slide-bg2 > h2 {
    font-size: 24px;
    line-height: 30px;
  }
	.slide-bg2 > p {
    font-size: 16px;
  }
	
	.owl-header .owl-nav button.owl-next, .owl-header .owl-nav button.owl-prev {
    display:none;
  }	
	
	#buy:before , #about:before , #contact:before , #souvenir:before , #process:before { 
	  display: block; 
 	  content: ''; 
 	  margin-top: -74px;
 	  height: 74px;
 	  visibility: hidden; 
	}
	
	.gotel { display:block!important;font-size:18px;background:rgba(255,191,0,1);text-align: center;padding:10px 0;position:fixed;z-index:100;top:0px;width:100%; font-weight:600;}
	.gotel i { font-size:1.2em;color:#fff;}
	.gotel a { color:#fff;}
}

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

/*
* souvenir
*/
.owl-header .owl-nav button { background: #ffffff!important;}
.owl-bracelets .card-text , .owl-necklace .card-text , .owl-ring .card-text , .owl-earring .card-text { text-align:center;}
.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;}

/*
* process
*/
#fh5co-resume {
  /* padding: 5em 0; */
  clear: both;
}
.timeline-panel-end {
  margin-bottom:-5px !important;
}
.fh5co-heading {
  margin-bottom: 5em;
}
.fh5co-heading.fh5co-heading-sm {
  margin-bottom: 2em;
}
.fh5co-heading h2 {
  font-size: 40px;
  margin-bottom: 20px;
  line-height: 1.5;
  color: #000;
}
.fh5co-heading p {
  font-size: 18px;
  line-height: 1.5;
  color: #828282;
}
.fh5co-heading span {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
}

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 20px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #e6e6e6;
  left: 50%;
  margin-left: 0px;
}
.timeline-title-head {
  background:rgba(0,133,178,1)!important;
  color:#fff!important;
}

@media screen and (max-width: 768px) {
  .timeline:before {
    margin-left: -64px;
  }
  .timeline-title {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 480px) {
  .timeline:before {
    margin-left: -64px;
  }
}
/*@media screen and (max-width: 768px) {
  .timeline .timeline-heading {
    margin-bottom: 30px;
  }
}*/
.timeline-title-head a {
  color:#fff;
}

.timeline .timeline-heading > div h3 {
  display: inline-block;
  padding: 7px 15px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: bold;
  background: #333;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
  .timeline .timeline-heading > div h3 {
    float: left;
    margin-bottom: 0;
  }
  .timeline > li {
    margin-bottom: 4em;
  }
  .timeline > li > .timeline-panel {
    width: 85% !important;
	  margin-top: 15px;
  }
}
.timeline > li {
  /*margin-bottom: 20px;*/
  position: relative;
}
.timeline > li:before, .timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 45%;
  float: left;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.timeline-panel-end {
  margin-bottom: -5px !important;
}
@media screen and (max-width: 480px) {
  .timeline > li > .timeline-panel {
    width: 75% !important;
  }
  .timeline > li > .timeline-panel:before {
    top: 30px;
  }
  .timeline > li > .timeline-panel:after {
    top: 31px;
  }
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 66px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: -29px;
  background-color: #FF9000;
  z-index: 10;
  display: table;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .timeline > li > .timeline-badge {
    margin-left: -10px !important;
  }
}
/*992px*/
@media screen and (max-width: 768px) {
  .timeline > li > .timeline-badge {
    margin-left: -18px !important;
  }
}
.timeline > li > .timeline-badge i {
  display: table-cell;
  vertical-align: middle;
  height: 44px;
  font-size: 18px;
}
.timeline > li.timeline-unverted {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .timeline > li.timeline-unverted {
    text-align: left;
  }
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-title {
  margin-top: 0;
  font-size: 22px;
}

.company {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: normal;
  color: #bfbfbf;
}
.timeline-body p {
  margin-left : 1.1em;
  text-indent : -1.2em ;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}
/*992px*/
@media (max-width: 768px) {
  ul.timeline:before {
    left: 90px;
  }
  ul.timeline > li > .timeline-panel {
    width: calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
  }
  ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}

/* 手機下方選單 */
.footer-phone {
	border-top:1px solid rgba(238,238,238,1);
	position:fixed;
	bottom:0;
	z-index:9999;
}
.footer-phone ul {
	margin: 0 -15px!important;
}
.footer-phone ul li {
	width: 33.33%;
	float: left;
	max-height:80px;
}
.footer-phone ul li a {
	font-weight: 600;
	text-align: center;
	padding:10px;
	display:block;
}

.line-phone { background:rgba(0,185,0,0.8);color:#fff;}
.line-phone:hover { background:rgba(0,185,0,0.9)!important;color:#fff;}

.cell-phone { background:rgba(255,0,0,0.8);color:#fff;}
.cell-phone:hover { background:rgba(255,0,0,0.9)!important;color:#fff;}

.fb-phone { background:rgba(66,103,178,0.8);color:#fff;}
.fb-phone:hover { background:rgba(66,103,178,0.9)!important;color:#fff;}

.line-phone img , .cell-phone img , .fb-phone img { height:32px;}
.footer-phone img { display:block;margin:3px auto;}

.a-link a {
	font-weight: 600;
	margin-right: 10px;
	padding:5px 10px;
	border-radius:5px;
	background-color:#FFF;
	color:rgba(255,141,0,1)
}

.bg-gray {background-color:#EEE}
.bg-gray2 {background-color:#f8f8f8}
.no-padding {padding-left:0!important;padding-right:0!important;}
.red {color: #F00}

header .row div {padding:1px!important;}
.inline-block-img { display:inline-block!important;height:25px!important;margin-top:0!important;margin-bottom:0!important;}


#t-p1 { 
  width: 100%;
  margin-bottom: 12px;
}
#t-p1 a { 
  color: #f00;
  font-weight: bold;
}
#t-p1 th {
  font-weight: bold;
  color: #fff;
  padding: 0.8em 1em;
  background-color: #555;
  font-size: 1.25em;
  letter-spacing: 1px;
} 
#t-p1 th.table-title {
  background-color: rgb(255,0,0);
  font-size: 1.6em;
  letter-spacing: 3px;
  padding: 0.4em 1em;
} 
#t-p1 td { 
  color: #000;
  padding: 1em;
  font-size: 1.15em;
  border-bottom: 1px solid #bbb;
}

.pro-good {
  padding-left:0!important;
}
.pro-good li {
	list-style-type: none;
	margin-left: 1.2em;
	color:rgba(78,78,78,1);
	margin-top:12px;
	margin-bottom:12px;
}
.pro-good li:before {
	content:"\f138";
	font-weight: 900;
  font-family: "Font Awesome 5 Free";
	display: inline-block;
  line-height: 1;
  margin-left: -1.2em;
}
.pro-good li span {
  margin-left: 0.2em;
}

#contact a { 
  color: #fff!important;
}

.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;
}

#contact-form {
  padding-top: 18px;
}


@media screen and (max-width:991px){
	.footer-keywords {padding-top:30px!important;}
}
@media (min-width:992px){
.footer-nav li {width:100%;line-height:38px}
.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;
  }
}

.footer-info h4 {
	font-size:1.4rem;
}
.footer-info .tel {
	font-size:1.4rem;
	margin-top:0.3em;
}
.footer-info .tel a {
	font-size:28px;
	line-height:32px;
}
.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 {
	margin-bottom:0;
}
.footer-keywords h3 {
	line-height:23px;
	font-size:15px;
}
.footer-info hr {border-top:1px solid #fff!important}

.works {
	padding-top: 1.3em;
	margin-top: 0!important;
}
.works img {
	transition: .5s;
}
.works .col-grid:hover img {
	transform: scale(1.2);
}
.works .col-grid {
	overflow: hidden;
	border-radius: 6px;
  box-shadow: 0 0 8px rgba(0,0,0,0.8);
}
.works h3 {
	font-size: 18px!important;
	padding: 12px;
	margin-bottom: 5px!important;
	color:#fff;
	border-radius: 0 0 6px 6px;
	text-align: center;
  position: relative;
	top:-30px;
}
.works span {
	background-color: #fff;
	color: rgb(165,39,21);
	padding: 6px 10px;
	border-radius: 36px;
  box-shadow: 0 0 8px rgba(0,0,0,0.8);
}
@media (max-width:767px) {
	.works .row .col-6 {
		padding: 0 8px;
	}
}

.col-car {
	padding-bottom: 15px;
}