@charset "utf-8";

body{
	font-family:"Arial", "微軟正黑體", "新細明體";
}

.container-fluid{ max-width:1024px;}

.footer{
	color:#fff;
	background-color:#000;
	text-align:center;
	padding:24px 0;
}
.share{margin:8px 0;}
.share img{margin:0 2px;}

.backtop{
	position:fixed;
	z-index:12;
	width:100%;
	height:auto;
	text-align:right;
	top:100%;
}
.backtop img{
	cursor:pointer;
	width:48px;
	height:auto;
	margin-right:16px;
	margin-top:-90px;
}
.navbar.navbar-default.navbar-static-top .container-fluid #menu .nav.navbar-nav.navbar-right {	font-family:"微軟正黑體", "新細明體"; font-weight: bold;}

.navbar.navbar-default.navbar-static-top .container-fluid #menu .nav.navbar-nav.navbar-right li {border-top:1px solid #ccc; text-align:center;}

.navbar.navbar-default.navbar-static-top .container-fluid #menu .nav.navbar-nav.navbar-right li a{ line-height:4.4em;-webkit-transition: background 0.5s;transition: background 0.5s;}

@media (min-width:768px){.navbar.navbar-default.navbar-static-top .container-fluid #menu .nav.navbar-nav.navbar-right li {border-left:1px solid #ccc; border-top:none; font-size:1em; }}

@media (min-width:992px){.navbar.navbar-default.navbar-static-top .container-fluid #menu .nav.navbar-nav.navbar-right li {border-left:1px solid #ccc; font-size:1.1em;}}

.navbar.navbar-default.navbar-static-top .container-fluid #menu .nav.navbar-nav.navbar-right li a:hover{ background-color:#ddd;}


.navbar-brand img{ height:64px;}
@media (min-width:768px){.navbar-brand img{ height:64px;}}
@media (min-width:992px){.navbar-brand img{ height:72px;}}


#carousel-banner{ 
	-webkit-box-shadow: 0 0 15px 5px #555;
	-moz-box-shadow: 0 0 15px 5px #555;
	box-shadow: 0 0 15px 5px #555;
}

#carousel-banner-com{ display:none;}
@media (min-width:768px){
	#carousel-banner-com{ display:block;}
	#carousel-banner-mobile{ display:none;}
}



.top_title{text-align:center; font-family: "Times New Roman", Times, serif;}


.top_about_text{ text-align:center;}

.top_about_text h2{ color:#fff;font-family: "Times New Roman", Times, serif;}

.top_about_text h4{ color:#fff;}

.top_about_text p{ color:#fff; font-size:1.1em; text-align:justify;}



.yellow_line{
	width:96px;
	height:8px;
	background-color:#f90;
	margin:24px auto;
}

.more{margin:16px 0;}
.more a{
	background-color:#f90;
	color:#fff;
	padding:8px 12px;
	-webkit-transition: background 0.5s;
	transition: background 0.5s;
}
.more a:hover{background-color:#fbb800; text-decoration:none;}

.Cont{margin:-60px 0 80px;}
.Cont a{
	background-color:#0078ff;
	color:#fff;
	padding:8px 10px;
	-webkit-transition: background 0.5s;
	transition: background 0.5s;
	text-decoration:none;
	
}
.Cont a:hover{background-color:#2aa3ff; text-decoration:none;border-radius:10px;}


@media (min-width:768px){.guide{ display:none;}}

.top_pro{ text-align:center;}
.top_pro h3 a{ color:#f90; font-family: "Times New Roman", Times, serif;}
.top_pro_pic{ padding:8px 24px; max-width:320px; margin:auto;}
.top_pro_pic img{ 
	border-radius:50%; 
	padding:8px; 
	border:4px solid #f90;
	-webkit-transition:padding 0.5s, border 0.5s;
	transition:padding 0.5s, border 0.5s;
}

.top_pro p{text-align:justify;}


.top_pro_pic img:hover{ padding:0px; border: 4px solid #f90;}

.top_contact h3{ border-bottom:1px solid #f90; padding-bottom:12px; margin-bottom:12px; color:#f90;}
.top_contact p{ font-size:1.1em;}
@media (min-width:768px){.top_contact h3{ margin-top:0;}}

.top_contact .more{ text-align:center;}
@media (min-width:768px){.top_contact .more{ text-align:left;}}

.page_banner{
	background-position:center;
	background-size:cover;
	text-align:center;
	height:320px;
}

.page_banner .top_title h1{ font-size:3.6em;}
.page_banner .top_title h2{ font-size:2em;}
.page_banner .top_title p{ font-size:1.4em;}
@media (min-width:768px){
	.page_banner .top_title h1{ font-size:4em;}
	.page_banner .top_title h2{ font-size:2.6em;}
	.page_banner .top_title p{ font-size:2em;}
}
@media (min-width:992px){
	.page_banner .top_title h1{ font-size:5em;}
	.page_banner .top_title h2{ font-size:3em;}
	.page_banner .top_title p{ font-size:2.2em;}
}

.page_about_con h4 img{float:left; margin:1px 8px 1px 0px;}

.page_about_con .form-group img{float:left; margin:3px 8px 3px 0px;}

.page_title{color:#f90; font-family: "Times New Roman", Times, serif; font-size:2.6em;}
.page_title img{float:left; margin:4px 8px 0 4px; width:32px; height:auto;}


.page_about_list ul{ padding-left:26px; margin-top:16px;}
.page_about_list ul li{ line-height:1.6em; border-bottom:1px dashed #ccc; padding-bottom:8px; margin-bottom:8px;}


.side_title{ background-image:url(../images/side_title.jpg); background-position:center; background-size:cover; color:#fff; padding:8px 0;}

.side_title h3{padding:16px; margin:0;}

.side_bar ul{list-style:none;padding:0; margin:0;}

.side_bar ul li{border-bottom:#ccc solid 1px; margin:0;}

.side_bar ul li span{ float:right; padding-right:12px;}

.side_bar ul li a{ display:block; color:#960; padding:16px 0; background-color:#eee;}

.side_bar ul li a:hover, .side_bar ul li a:focus{background-color:#fbb800; text-decoration:none; color:#fff;}


.media { margin:12px 0; padding:12px; font-family: "Times New Roman", Times, serif;}


.media-left img{
	border-radius:50%; 
	padding:6px; 
	border:2px solid #f90;
	-webkit-transition:padding 0.5s, border 0.5s;
	transition:padding 0.5s, border 0.5s;
}

.media-body{
  height: 96px;
  text-align: left;

  /* Point */
  font-size: 0;
}
.media-body:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.media-body .media-heading { 
  padding-left:1em; 
  color:#f90;
  display: inline-block;
  vertical-align: middle;

  /* Point 要使用絕對值的 font-size 覆寫掉父層的 font-size: 0 */
  font-size: 26px;
}

.ph{ display:none;}
@media (min-width:768px){
	.phs{ display:none;}
	.ph{ display:block;}	
}

.table-responsive table tr th{ font-size:1.4em; text-align:center;}
.table-responsive table tr td{ vertical-align:middle; position:relative;font-weight:bold;text-align:center;}
.table-responsive table tr td img{ 
	width:96px; 
	height:auto; 
	transition:width 0.5s;
	-webkit-transition: width 0.5s, border-radius 0.5s, padding 0.5s;; /* Safari */
    transition: width 0.5s, border-radius 0.5s, padding 0.5s;;
	border-radius:50%; 
	padding:6px; 
	border:2px solid #f90;
}

/*.table-responsive table tr td .pic_box{position:absolute; left:106px; top:8px; z-index:99; width:360px; border-radius:8px;}*/

.table_parts table tr td img:hover{ width:240px; border-radius:4px;}
.table_equipment table tr td img:hover{ padding:0; }


.page_banner_con h1{ color:#fff; font-size:2.5em; font-family: "Times New Roman", Times, serif; }
.page_banner_con img{ width:100%; height:auto; max-width:400px; margin-top:20px;}

@media (min-width:992px){
	.page_banner_con h1{ line-height:280px; background-image:url(../images/ss.png); background-position:center; background-repeat:no-repeat; text-align:center;}
	.page_banner_con img{ width:auto; height:280px; max-width: none;}
	.page_banner_con .pbcon2 img{ width:auto; height:260px; max-width: none;margin-top:25px;}
}

/* set slider arrow color ! */
.slick-prev:before, .slick-next:before {
    color: #f90 !important;
}
.responsive_slick{
	margin:0 24px 0 24px;
}
.responsive_slick div{
	margin:8px 16px 8px 8px;
}
.responsive_slick div img{cursor:pointer;}


.ep_text{ font-size:1.1em;}
.ep_text h5{ border-bottom:1px dashed #ccc;}