/*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: #136ec1; }
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: 100px;
	height: 86px;
	/*background-color: #136ec1;
	border-radius: 50%;*/
	background-image: url(../images/logo_b.png);
	background-repeat: no-repeat;
	-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;padding: 3px;margin-top: 8px;}
#nav_logo img{width: 100%;}
.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: #136ec1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #136ec1;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #136ec1;
	background-color: transparent;
}
.navbar-default .navbar-toggle {
	border: none;
	padding-top: 12px;
}
.navbar-default .navbar-toggle .icon-bar {
	background: #136ec1;
	border-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

/* home section */
#home .container{padding: 0;width: auto;}
#home .container img{width: 100%;}
#home h2 {
	letter-spacing: 2px;
}
#home .btn {
	background: #136ec1;
	border-radius: 4px;
	border: none;
	color: #ffffff;
	font-size: 16px;
	padding: 20px 40px;
	margin-top: 60px;
}
#home .btn:hover {
	background: #fff;
	color: #136ec1;
	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:#136ec1;border: 2px solid #136ec1;}

.more_news p{font-size: 1.2em;padding: 5px 30px;font-weight:100;margin: 0;}
.more_news:hover{border-color: transparent;background-color: #136ec1;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: #136ec1;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;}
.no_news{color: #bc0001;font-family: 'Noto Sans TC', sans-serif;font-size: 1.1em;}

@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;}
.service_02{position: relative;overflow: hidden;}
.s_03photo{max-width: 740px;margin: 0 auto;}
.service_02 li{float: left;vertical-align: middle;}
.service_02 li img{width: 100%;}
.service_02 .s_02-1{width: 20%;margin-top: 41px;}
.service_02 .s_02-2{width: 80%;}
.service_02 .s_02-1 img{max-width: 155px;margin: 0 auto;}
.service_02 .s_02-2 img{max-width: 600px;margin: 0 auto;}
.s_qa .s_02_title,.service_03 p,.s_04_title,.s_05_title{font-family: 'Noto Sans TC', sans-serif;font-weight: 600;font-size: 1.1em;color: #121212;}
.s_qa ul,.s_a{padding-left: 2%;}
.s_q,.map_title p{color:#1355c1;}
.big_photo p{position: relative;overflow: hidden;background-color: rgba(255, 165, 175, 0.8);margin: 1% 0 1% 0;padding-left: 3px;position: relative;color: #343434;}
.big_photo p:hover{color:#1355c1;}
.big_photo p i{position: absolute;right: 3%;top: 50%;display: inline-block;transform: translateY(-50%);}

.service_03 img,.s_0603 img{width: 100%;}
.s_04 img{width: 100%;max-width: 220px;margin: 0 auto;}
.s_04_title{color: rgb(180,0,180);}
.s_05_title{color: rgb(80, 7, 63);}
.s_04_improve{color: rgb(22, 137, 26);}

.s_04_wrap{position: relative;overflow: hidden;margin: 2% auto;}
.s_04_wrap h6{text-align: center;background-color:rgb(255, 165, 175);padding: 12px 0;margin: 0;color: aliceblue;}
.s_04_wrap .w_01{float: left;width: 50%;}
.w_0100{position: relative;}
.w_0100:after{content: '';position: absolute;width: 2px;height: 100%;right: 0;top: 0;background-color: #f8f8f8;}
.s_04_wrap .w_01 ul{margin: 0;background-color: #e6e6e6;padding: 5px;}

.s_06_item{position: relative;overflow: hidden;background-color:rgba(250, 180, 187, 0.6);}
.s_06w01,.s_06w02{border-bottom: 1px solid #fff;}
.s_06_u{border-bottom: 1px dashed rgba(255, 255, 255, 0.58);}
.s_06_u .s_0601,.intro_light{color: rgb(216, 23, 112);}
.s_06_d .s_0601{color: rgba(114, 8, 57, 0.75);}

.product02 .s_0601{text-align: center;}
.s_0601{width: 20%;float: left;font-family: 'Noto Sans TC', sans-serif;}
.s_0602{width: 80%;float: left;border-left: 1px solid #fff;padding-left: 5%;}
.s_0601,.s_0602{margin: 0;padding: 3px;}
.s_0603 img{max-width: 708px;margin: 0 auto;}

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

#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;
}
#product02{padding-top: 50px;padding-bottom: 50px;}
.product02 h4 span{position: relative;font-size: .9em;font-family: 'Noto Sans TC', sans-serif;color: #333;}
.product02 .little_t span:before,.product02 .little_t span:after{position: absolute;content: '';width: 20px;height: 2px;background-color: #136ec1;top: 50%;}
.product02 h4 span:before{left: -25px;}
.product02 h4 span:after{right: -25px;}
.product02 p{text-align: left;}
.img_change .thumb{position: relative;overflow: hidden;}
#product02 .text-content{display: inline-block;float: left;padding-left:2%;text-align: left;}
.text-content h4,.text-content span{font-family: 'Noto Sans TC', sans-serif;}
.plus-button{float: right;line-height: 1.5em;margin: 10px 0;padding-right:2%;}
.plus-button i{width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    border: 1px solid #136ec1;
	color: #136ec1;
    border-radius: 5px;}
.plus-button:hover i{color: #fff;background-color: #136ec1;}

#product02 .owl-nav{
  display: none;
}
#product02 .owl-dots{
  margin: 20px 0;
  text-align: center;
}

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

#product02 .owl-dots .active span{
  background-color: #136ec1!important;
}

#product02 .owl-dots button{
  outline: none;
}
#product02 .owl-theme .owl-dots .owl-dot{display: inline-block;}

.p_title{font-size: 1.1em;color: #2c2d42;margin: 3px 0;margin-top:3%;}
#product02 .panel-group {
  margin-top: 32px;
}

#product02 .panel-group .panel {
  /*margin-bottom: 8px;*/
}

#product02 .panel-default {
  border: none;
}

#product02 .panel-default>.panel-heading {
  background-color:#136ec1;
  color: #ffffff;
}

#product02 .panel-heading {
  border: none;
  padding-top: 8px;
  padding-bottom: 6px;
}

#product02 .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top: none;
  padding-top: 22px;
  /*padding-left: 32px;*/
  padding-bottom: 22px;
}

#product02 .panel-heading .panel-title a[data-toggle="collapse"] {
  font-size: 18px;
  font-weight: 500;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  text-decoration: none;
  font-family: 'Noto Sans TC', sans-serif;
}
#product02 .panel-heading .panel-title a:hover{color: #ffa5af;}
#product02 .panel-heading .panel-title a[data-toggle="collapse"]::after {
  content: "-";
  display: block;
  position: absolute;
  line-height: 1;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#product02 .panel-heading .panel-title a[data-toggle="collapse"].collapsed::after {
  content: "+";
}
#product02 .active_00::after {
  content: "-";

}
.panel-title{position: relative;}
.panel-title time{display: inline-block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-weight: normal;color: #d3d3d3;}


@media(max-width:768px){.panel-title time{display: inline-block;position: relative;left: 0;top: 0;transform: translateY(0);}}
@media(max-width:690px){ #products,.news_list{width: 90%;}}
@media(max-width:550px){
	.service_02 li{float: none;}
	.service_02 .s_02-1,.service_02 .s_02-2{width: 100%;margin-top: 0;}
	.s_0601,.s_0602{width: 100%;float: none;}
	.s_0602{border-left:none;padding-left: 5%;}
	.s_04_wrap .w_01{float: none;width: 100%;}
	.w_0100{position: relative;}
	.w_0100:after{display: none;}
}
@media(max-width:400px){
	.p_content{position: relative;overflow:hidden;}	
	.specification h6,.Measurement h6,.p_price h6{font-size: 1em;}
}


/* intro section */
#intro {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 90%;margin: 0 auto;
}
.section-content{width: 90%;margin: 0 auto;}
#intro h4 {
	padding-bottom: 16px;
}
#intro .about_info{text-align: left;font-family: 'Noto Sans TC', sans-serif;}
#intro .about_info p{padding:0;line-height: 1.5em;letter-spacing: .2em;}
.widget-title{color: #136ec1;}
.line_p img{height: 36px;}
.about_img span{margin-top: 5px;display: block;}
.about_title{color: #136ec1;font-size: 1.2em;}
#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;
}
#intro .thumb h4{padding: 0;margin-bottom: 0;font-size: 1.2em;}

/* 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;
	-webkit-filter: grayscale(35%); /* Chrome, Safari, Opera */
    filter: grayscale(35%);
}
.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);padding-bottom: 5px;margin-bottom: 5px;}
address{margin-bottom: 0;}
.email a{color: #ffd800;font-size: 1em;text-decoration: underline;}
.email a:hover{color:#136ec1; }
.info_bottom{margin-bottom: 1%;}
.google_map{max-height: 500px;}

#contact .title h2{color:#fff;}
#contact .title hr{margin-left: 0;}
.parking a{color: #27ff00;font-size: 1em;}
.map_img{max-width: 570px;margin: 0 auto;}
.map_intro img{width: 100%;}

@media(max-width:768px){.contact_wrap{display: block;align-items: baseline;}.info_bottom{margin-bottom: 3%;}}
@media(max-width:500px){.info_bottom{letter-spacing: .1em;}}
/* footer section */
footer {
	background: #136ec1;
	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: #ffffff;
}
.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 #136ec1;
	border-radius: 100%;
	color: #136ec1;
	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: #136ec1;
	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: 25px;
}
#products .tabs a,#products .item .text-content h4{font-size: 1em;}
.portfolio-thumb .portfolio-overlay {
	padding-top: 60px;
}

}


#intro .tabs {
  list-style: none;
  margin: 0px;
  padding: 0;
  height: 90px;
  width: 100%;
  background-color: #eee;
  border-bottom: 10px solid #136ec1;
}

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

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

#intro .tabs a:hover {
  color: #136ec1;
}


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

#intro .tabs .active {
  background-color: #136ec1;
  color: #fff;
}

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

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

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

#intro .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;
}*/

#intro .tabgroup ul li img {
  float: left;
  margin-right: 30px;
  width: 100%;
  overflow: hidden;
}
.product02 .text-content {display: inline-block;float: left;padding-left: 2%;text-align: left;}
#intro .item{position: relative;overflow: hidden;min-height: 125px;}
#intro .tabgroup ul li .text-content {
  display: inline;}

#intro .item .text-content h4 {
  padding-top: 7.5px;
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 1.2em;
  font-weight: 600;
  color: #232323;
  letter-spacing: 0.5px;font-family: 'Noto Sans TC', sans-serif;
  display: inline-block;
}
.tab00 a{color:#136ec1; }
.tab00 a:hover{color: #3d6caa;}
.intro_p{text-indent:2.4em;}

@media(max-width:690px){ 
.news_list{width: 90%;}
#intro .tabgroup ul li {width: 50%;}
#intro .tabs a{font-size: 1.2em;}
}
@media(max-width:992px){
	.section-content{width: 100%;margin: 0 auto;}
}

.remark{color: #00ffeb;}