/*all default*/
/* font-family:'cwTeXHei', sans-serif; 黑體*/
/* font-family:'Orbitron', sans-serif; 英文方正體*/
/* font-family:'Lobster', cursive; 英文草書體*/
/* font-family:'Orbitron', 'cwTeXHei', sans-serif; 中英字*/
/* font-family: 'Noto Sans TC', sans-serif; 常用標準字體;*/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/notoserifkhmer.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

@font-face {
	font-family: 'Proxima';
	src: url(../fonts/ProximaNova-Regular.otf);
}
@font-face {
	font-family: 'Proxima Bold';
	src: url(../fonts/ProximaNova-Bold.otf);
}

*{padding: 0;margin: 0;}
body {
	background: #f8f8f8;
	color: #606060;
	font-family: 'Proxima', sans-serif;
	font-size: 16px;
	font-weight: 400;
	position: relative;
}
html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	text-align: center;
	vertical-align: middle;
}
ul,ol,li{ list-style:none; }
a{ text-decoration:none; color:#3d6caa; font-size: 0.9em; }
a:hover{text-decoration: none;color: #cfa656; }
img{ border:none;}
:focus{ outline:none; }
h1, h2, h3, h4, h5, h6 {
	font-family: "Proxima Bold";
	font-weight: bold;
}
p {
	letter-spacing: 1px;
	line-height: 28px;
}
hr {
	border-color: #e0e0e0;
	margin: 0 auto 20px auto;
	width: 100px !important;
}
h1 {
	font-size: 60px;
}
h2 {
	font-size: 48px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
.title h2 {
	color: #202020;
	line-height: 1.5em;
}
.title p {
	padding-top: 14px;
	padding-bottom: 30px;
}
.parallax-section {
	background-attachment: fixed !important;
	background-size: cover !important;
}

/* preloader section */
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: none repeat scroll 0 0 #fff;
	background: none repeat scroll 0 0 #f9f9f9;
}
.sk-spinner-rotating-plane.sk-spinner {
	width: 40px;
	height: 40px;
	background-color: #cfa656;
	border-radius: 50%;
	-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
	animation: sk-rotatePlane 1.2s infinite ease-in-out;
}
@keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}

/* navigation section */
.navbar-default {
	background: #fff;
	border: none;
	box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.04);
	margin: 0 !important;
}
.nav_logo{font-family:'Orbitron', 'cwTeXHei', sans-serif;}
.navbar-default .navbar-brand {
	font-size: 2em;
	font-weight: bold;
	margin: 0;
	line-height: 40px !important;
}
@media(max-width:500px){.navbar-default .navbar-brand {font-size: 1.5em;}}
.navbar-default .navbar-nav li a {
	color: #606060;
	font-weight: bold;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 40px;
}
.navbar-default .navbar-nav li a:hover {
	color: #cfa656;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #cfa656;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #cfa656;
	background-color: transparent;
}
.navbar-default .navbar-toggle {
	border: none;
	padding-top: 12px;
}
.navbar-default .navbar-toggle .icon-bar {
	background: #cfa656;
	border-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

/* home section */
#home .container{padding: 0;}
#home .container img{width: 100%;}
#home h2 {
	letter-spacing: 2px;
}
#home .btn {
	background: #cfa656;
	border-radius: 4px;
	border: none;
	color: #ffffff;
	font-size: 16px;
	padding: 20px 40px;
	margin-top: 60px;
}
#home .btn:hover {
	background: #fff;
	color: #cfa656;
	transition: all 0.4s ease-in-out;
}

/*news section */
#news .news_bg {line-height: 20px;color: #020202;}
#news .container{padding: 0;}
.news_cate{display: inline-block;font-size: .7em;color: rgba(85, 69, 143, 0.87);padding:2px 7px;text-align: center;width: 55px;}
.more_news{background-color:transparent;display: inline-block;border-radius: 5px;margin: 10px auto;cursor: pointer;color:#cfa656;border: 2px solid #cfa656;}

.more_news p{font-size: 1.2em;padding: 5px 30px;font-weight:100;margin: 0;}
.more_news:hover{border-color: transparent;background-color: #cfa656;color: #fff;}
.hiden_news{display: none;}
.news_list{position: relative;overflow: hidden;padding-left: 0;width: 80%;margin: 0 auto;}
.news_item{position: relative;overflow: hidden;padding:10px;margin-bottom: 1%;}
.news_item:nth-child(even){background-color: #ddd;}
.news_item:nth-child(odd){background-color: #eee;}
.news_item time{width: 15%;float: left;text-align: left;position: absolute;top: 50%;left: 2%;transform: translateY(-50%);}
.news_item time div{display: inline-block;background-color: #cfa656;padding: 5px 10px;color: #fff;text-align: center;width: 55px;}
.news_item time span{display: block;}
.news_item p{width: 85%;float: right;text-align: left;padding: 5px 10px;font-family: 'Noto Sans TC', sans-serif;font-size: 1.3em;line-height: 1.5em;letter-spacing: .2em;}
#news {padding-top: 100px;}
@media(max-width:500px){.news_list{width: 100%;}.news_item time{width: 25%;}.news_item p{width: 75%;}.news_item time,.news_item p{font-size: 1.1em;}#news {padding-top: 80px;}}
.nivo-lightbox-theme-default .nivo-lightbox-inline{padding: 20px;}
.news_text span{color: #cbcbcb;}
.news_text img{width: 100%;}
.news_text p,.news_text h4{font-family: 'Noto Sans TC', sans-serif;}
.news_text p {text-align: left;}
#news_word{display: none;}

@media(max-width:858px){.news_cate{display: block;text-align: left;}}

/* products section */
#products{padding-top: 100px;padding-bottom: 100px;width: 80%;margin: 0 auto;}
#products .tabs {
  list-style: none;
  margin: 0px;
  padding: 0;
  height: 90px;
  width: 100%;
  background-color: #eee;
  border-bottom: 10px solid #cfa656;
}

#products .tabs li {
  display: inline-block;
  text-align: center;
  width: 33.3%;
  float: left;
  margin: 0;
  padding: 0;
}

#products .tabs a {
  display: block;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  color: #232323;
  font-size: 1.5em;
  line-height: 80px;
  font-weight: 600;
  transition: 0.5s;
  font-family: 'Noto Sans TC', sans-serif;
}

#products .tabs a:hover {
  color: #cfa656;
}


#products .tabs .active:hover {
  color: #fff;
}

#products .tabs .active {
  background-color: #cfa656;
  color: #fff;
}

.tabgroup {
  background-color: #f4f4f4;
  padding: 20px 0px;
}

.clearfix:after {
  content:"";
  display:table;
  clear:both;
}

#products .tabgroup ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: hidden;
}

#products .tabgroup ul li {
  display: inline-block;
  text-align: left;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  width: 33.3%;
  float: left;
  padding: 2%;
}

/*#products .tabgroup ul li:last-child {
  //li的最後一個的border_bottom拿掉
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 10px;
}*/

#products .tabgroup ul li img {
  float: left;
  margin-right: 30px;
  width: 100%;
  overflow: hidden;
}

#products .item{position: relative;overflow: hidden;min-height: 125px;}
#products .tabgroup ul li .text-content {
  display: inline;}

#products .item .text-content h4 {
  padding-top: 7.5px;
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 1.5em;
  font-weight: 600;
  color: #232323;
  letter-spacing: 0.5px;font-family: 'Noto Sans TC', sans-serif;
}
.tab00 a{color:#cfa656; }
.tab00 a:hover{color: #3d6caa;}

@media(max-width:690px){ 
#products,.news_list{
	width: 90%;
  }
#products .tabgroup ul li {
	width: 50%;	
  }
}

/* intro section */
#intro {
	padding-top: 100px;
	padding-bottom: 100px;
}
#intro h4 {
	padding-bottom: 16px;
}
#intro .about_info{text-align: left;}
#intro .about_info p{padding: 14px 0;line-height: 1.5em;letter-spacing: .2em;}
.widget-title{color: #cfa656; }
.about_img span{margin-top: 5px;display: block;}

#intro .owl-nav{
  display: none;
}
#intro .owl-dots{
  margin-top: 25px;
  text-align: center;
}

#intro .owl-dots .owl-dot span{
  width: 12px;
  height: 12px;
  background-color: #cdcdcd!important;
  display: inline-block;
  border-radius: 50%;
  margin: 0 3px;
}

#intro .owl-dots .active span{
  background-color: #cfa656!important;
}

#intro .owl-dots button{
  outline: none;
}


/* google map section */
#map-canvas {
	border: none;
	width: 100%;
	height: 400px;
}

/* contact section */
#contact {
	background: #f6f6f6 url('../images/contact_bg.jpg') 50% 0 no-repeat fixed;
	background-size: cover;
	color: #ffffff;
	padding: 50px 0;
}
.contact_wrap{position: relative;overflow: hidden;display: flex;align-items:center;}
.access_info{text-align: left;line-height: 1.5em;letter-spacing: .2em;background-color: rgba(51, 51, 51, 0.6);}
address{margin-bottom: 0;}
.email a{color: #ffd800;font-size: 1em;text-decoration: underline;}
.email a:hover{color:#cfa656; }
.info_bottom{margin-bottom: 1%;}
.google_map{max-height: 500px;}

#contact .title h2{color:#fff;}
#contact .title hr{margin-left: 0;}

@media(max-width:768px){.contact_wrap{display: block;align-items: baseline;}.info_bottom{margin-bottom: 3%;}}

/* footer section */
footer {
	background: #202020;
	color: #ffffff;
	/*border-bottom: 10px solid #ffffff;*/
	padding-top: 3%;
	padding-bottom: 3%;
}
footer h2 {
	padding-top: 40px;
	padding-bottom: 20px;
}
footer p {
	line-height: 20px;
}
footer .copyright{
	text-align: right;
	text-decoration: none;
}
footer .copyright:hover{text-decoration:underline;}
footer .copyright a {
	color: #cfa656;
}
.social-icon {
	padding: 0;
	margin: 0;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 1%;
}
.social-icon li {
	list-style: none;
	display: inline-block;
}
.social-icon li a {
	background-color:transparent;
	border: 1px solid #cfa656;
	border-radius: 100%;
	color: #cfa656;
	font-size: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	margin: 0 6px;
}
.social-icon li a:hover {
	background-color: #cfa656;
	color: #f8f8f8;
}

/*all section*/
.container {width: auto;}
#news h2,#intro h2 ,#products h2,#contact .title h2{
	font-family: 'Noto Sans TC', sans-serif;font-size: 40px;
}

@media screen and (max-width:980px) {
.navbar-default .navbar-nav li a {
	padding-right: 14px;
	padding-left: 14px;
	font-size: 13px;
}
 
#news h2,#intro h2 ,#products h2,#contact .title h2{
	font-size: 32px;
}
#products .tabs a,#products .item .text-content h4{font-size: 1.3em;}
footer .copyright,.social-icon{text-align: center;}
.portfolio-thumb .portfolio-overlay {
	padding-top: 24px;
}
}

@media (max-width:767px) {
.navbar-brand {
	padding-top: 6px;
}
}

@media (max-width:400px) {
#news h2,#intro h2 ,#products h2,#contact .title h2{
	font-size: 20px;
}
#products .tabs a,#products .item .text-content h4{font-size: 1em;}
.portfolio-thumb .portfolio-overlay {
	padding-top: 60px;
}

}