@charset "utf-8";
/* CSS Document */
.container-fluid {
	padding: 0;
}
body {
	font-family: "微軟正黑體";
}
.pd0 {
	padding: 0px;
}
.mb10 {
	margin-bottom: 10px;
}
.mgat{
	margin:0 auto;
	width:100%;
}
.mgat2{
	margin:0 auto;
}
.dis{
	display:none;
}
/**************fancybox****************/
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}
/**************header*****************/
.nav > li > a:hover {
	background-color: transparent;
}
.search01 {
	margin-top: 16px;
}
.search02 {
	border: 2px solid #898989;
	height: 27px;
	background: #fff;
	border-radius: 0%;
	border-right: none;
	padding: 0 12px;
	float:left;
}
.btn-search {
	color: #898989;
	border: 2px solid #898989;
	background: #fff;
	border-radius: 0%;
	border-left: none;
	padding: 0 6px;
	float:left;
	padding-bottom: 3px;
}
.fb {
	color: #4767b2;
	vertical-align: sub;
	padding-top: 3px;
}
.fbb {
	color: #4b4b4b;
	font-size: 16px;
	padding-left: 7px;
}

.aside {
	margin-bottom: 0;
}
.navbar-default .navbar-nav > li > a {
	color: #4b4b4b;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #ff4934;
	background-image: url(../tw_img/index/nav.png);
	background-repeat: no-repeat;
	background-position: 44px 42px;
}
.home a:hover {
	background-position: 34px 42px !important;
}
.navbar-default {
	background-color: transparent;
	border-color: transparent;
}
.nnav {
	font-size: 18px;
}
.navbar-center {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar-collapse-center {
  text-align: center;
}
.bgg_h {
	background: rgba(255,255,255,0.7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
}
/**************news_pro*****************/
.ttit {
	font-size: 24px;
	font-weight: bold;
	color: #a0a0a0;
	margin:50px 0;
	display:inline-block;
	position:relative;
	padding:0 37px;
}
.ttit::after{
	content:"";
	width:2px;
	height:22px;
	background: #c2c2c2;
	display:inline-block;
	position:absolute;
	top:4px;
	right:0;
}
.ttit:before{
	content:"";
	width:2px;
	height:22px;
	background: #c2c2c2;
	display:inline-block;
	position:absolute;
	top:4px;
	left:0;
}
tit_line {
	border-left: 2px solid #c2c2c2;
	border-right: 2px solid #c2c2c2;
	width: 170px;
	height: 20px;
	margin: 35px auto;
}
.news_tit {
	padding-left: 15px;
	padding-right: 15px;
}
.news_tit p {
	width: 100%;
	height: 46px;
	background: #dcdcdc;
	line-height: 46px;
	font-size: 18px;
}
.pro_index {
	border: 4px solid #dcdcdc;
	padding: 2px;
	margin-bottom: 18px;
}
.pro_index:hover {
	border: 4px solid #ffb30f;
}
.pro a {
	font-size: 16px;
	letter-spacing: 2px;
	text-align: center;
	line-height: 40px;
	color: #000;
	text-decoration: none;
}
/**************footer*****************/
.ft_01 {
	border-top: 9px solid #c9c9c9;
	margin-top: 10px;
	padding-top: 20px;
}

.ft02 ul {
	list-style: none;
	padding-left: 0;
	line-height: 40px;
	margin-top: 40px;
}
.qr {
	margin: 0 auto;
	margin-top: 35px;
}
.bgft {
	width: 28px;
	background: #ffb30f;
	border-radius: 100%;
	padding: 7px 0;
	color: #fff;
	margin-right: 8px;
}
.cr {
	text-align: center;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 10px;
}
.cr a {
	color: #4b4b4b;
	font-size: 14px;
}
.cr a:hover {
	color: #4b4b4b;
	text-decoration: none;
}
/**************top*****************/
.top {
	display: block;
	position: fixed;
	bottom: 5%;
	right: 5%;
	opacity: 0;
	filter: alpha(opacity=0);/********IE8 與更早的版本*********/
}
/**************inner_joint*****************/
.ttit2 {
	font-size: 24px;
	font-weight: 600;
	color: #a0a0a0;
	float: left;
	margin-bottom: 0;
}
.tit_line2 {
	border-bottom: 2px solid #bfbfbf;
	margin-bottom: 25px;
}
.breadcrumb2 {
	float: right;
	margin-top: 28px;
}
.breadcrumb2 p {
	margin-bottom: 2px;
	color: #a0a0a0;
}
.breadcrumb2 p span {
	padding-left: 3px;
	padding-right: 5px;
}
.breadcrumb2 p a {
	text-decoration: none;
	color: #a0a0a0;
}
.aside_tit {
	font-size: 24px;
	font-weight: 600;
	color: #a0a0a0;
	margin-bottom: 0;
	border-bottom: 3px solid #a0a0a0;
	text-align: center;
	margin-top: 15px;
	z-index: -3;
	position: absolute;
	width: 100%;
}
.aside_tit span {
	font-size: 20px;
	font-weight: 600;
	color: #a0a0a0;
	padding-left: 10px;
}
.aside1 ul {
	list-style-type: none;
	margin-top: 54px;
	padding-left: 0;
}
.aside1 ul li {
	height: 40px;
	padding-left: 25px;
}
.aside1 ul li:hover {
	background-color: #a0a0a0;
}
.aside1 ul li a {
	color: #444444;
	line-height: 40px;
	display: block;
	font-size: 16px;
}
.aside1 ul li a:hover {
	text-decoration: none;
	color: #fff;
}
.aside2 ul {
	list-style-type: none;
	margin-top: 54px;
	padding-left: 0;
}
.aside2 ul a li {
	height: 40px;
	padding-left: 25px;
}
.aside2 ul a li:hover {
	background-color: #a0a0a0;
}
.aside2 ul a li {
	color: #444444;
	line-height: 9px;
	display: block;
	font-size: 16px;
	font-family: 微軟正黑體;
	font-weight: inherit;
	text-align:left;
}
.aside2 ul a li:hover {
	text-decoration: none;
	color: #fff;
}
.aside2 ul a li span{
	letter-spacing:normal;
}
.form-control:focus{
	border-color:#ffb30f;
	webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #ffb30f;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #ffb30f;
}
/**************com*****************/
.com01 {
	padding-right: 15px;
}
.com02 h4::before {
	padding-right: 11px;
}
.h41 {
	color: #d926ff;
}
.h42 {
	color: #00c0ff;
}
.h43 {
	color: #26c500;
}
.com02 p {
	margin-left: 30px;
	line-height: 28px;
}
/**************appl*****************/
.appl p {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	line-height: 30px;
	text-decoration: none;
}
.appl p span {
	font-size: 30px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.appl img {
	border: 3px solid;
}
.a1, .a1:focus {
	color: #fc9701;
	margin-bottom: 30px;
	text-decoration: none;
}
.a1 img {
	border-color: #fc9701;
}
.a2, .a2:focus {
	color: #a29b82;
	margin-bottom: 30px;
	text-decoration: none;
}
.a2 img {
	border-color: #a29b82;
}
.a3, .a3:focus {
	color: #fd6da2;
	margin-bottom: 30px;
	text-decoration: none;
}
.a3 img {
	border-color: #fd6da2;
}
.a4, .a4:focus {
	color: #00a7ff;
	margin-bottom: 30px;
	text-decoration: none;
}
.a4 img {
	border-color: #00a7ff;
}
.a5, .a5:focus {
	color: #49bf4f;
	margin-bottom: 30px;
	text-decoration: none;
}
.a5 img {
	border-color: #49bf4f;
}
.a6, .a6:focus {
	color: #f74c24;
	margin-bottom: 30px;
	text-decoration: none;
}
.a6 img {
	border-color: #f74c24;
}
.appl img:hover {
	border: 3px solid #c9c9c9;
}
.appl:hover {
	text-decoration: none;
	color: #c9c9c9;
}
/**************appl_in*****************/
.appl_dl {
	margin-bottom: 30px;
}
.appl_dlb {
	margin-bottom: 20px;
}
.appl_dlb h3 {
	color: #a0a0a0;
	margin: 0;
}
.appl_dlb p {
	color: #a0a0a0;
}
.here {
	color: #ff4833 !important;
	text-decoration: underline !important;
}
.pagination2 ul {
	list-style-type: none;
	padding-left: 0;
	text-align: center;
	margin: 20px;
}
.pagination2 ul li {
	display: inline-block;
	margin: 0 10px;
}
.pagination2 ul li a {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.pagination2 ul li a:hover {
	text-decoration: none;
}
.download {
	text-decoration: none;
}
.download a p {
	color: #000;
	text-decoration: none;
	text-align: center;
	height: 30px;
	margin-top: 5px;
}
.download a p:hover {
	text-decoration: none;
}
.download img:hover {
	opacity: 0.6;
}
.contact01 h4 {
	font-weight: bold;
}
.contact01 p {
	color: #727171;
}
.contact02 ul {
	list-style: none;
	padding-left: 0;
	line-height: 40px;
}
.cont_line {
	border-bottom: 1px dotted #989898;
	height: 20px;
	margin-bottom: 15px;
}
.contact03 {
	margin-top: 10px;
}
.contact03 form .form-control {
	margin-bottom: 10px;
}
.code {
	padding-left: 10px;
	padding-top: 3px;
}
.but0 {
	padding: 5px 25px;
	border-radius: 5px;
	background: #e5e5e5;
	margin: 0 5px;
	border: none;
}
.but0:hover {
	background: #ffb30f;
}
.contact04 {
	text-align: center;
	margin-bottom: 25px;
	margin-top: 20px;
}
@media (max-width:1200px) {
	.bgg_h {
		position: inherit;
	}
	.aside_tit span{
		display:none;
	}
	.appl p{
		font-size:30px;
	}
	.appl p span{
		font-size:25px;
	}
}
@media (max-width:991px) {
	.logo {
		margin: 0 auto;
	}
	.ft02{
		margin-bottom:20px;
	}
	.qr{
		margin-top:0px !important;
	}
	.ft02 ul{
		margin-top:10px !important;
	}
	.navsf{
		margin-top:30px;
	}
	.diss{
		display:none;
	}
	.aside2 ul{
		margin-top:auto;
	}
	.goo{
		padding:3px 11px;
	}
}
@media (max-width:767px) {
	.navsf{
		margin:0;
	}
	.navsf li{
		display:inline-block;
	}
	.dis{
		display: inline-block;
		margin-right: 15px;
	}
	.search01{
		margin:0;
	}
	.download{
		width: 24%;
		display: inline-block;
	}
	.appl p{
		font-size:36px;
	}
	.appl p span{
		font-size:30px;
	}
	.navsr li{
		display:block;
	}
	.fbbb{
		z-index: 3;
		position: absolute !important;
		top: 35px;
		left: 0;
	}
	.search02{
		width:90%;
	}
	.btn-search{
		width:10%;
	}
	.sch{
		width:100%;
	}

}
@media (max-width:598px) {
	.appl p{
		font-size:30px;
	}
	.appl p span{
		font-size:25px;
	}
}
@media (max-width:525px) {
	.appl p{
		font-size:25px;
	}
	.appl p span{
		font-size:20px;
	}
}
@media (max-width:496px) {
	.pro {
		width:100%;
	}
	.download{
		width:90px;
		display: inline-block;
		padding-right: 0;
	}
	.apppl{
		width:100%;
		margin-bottom: 15px;
	}
	.appp2{
		width:100%;
	}
	.appl p{
		font-size:36px;
	}
	.appl p span{
		font-size:30px;
	}
}
@media (max-width:447px) {
	.download{
		width:30%;
	}
}
@media (max-width:380px) {
	.search02{
		width:85%;
	}
	.btn-search{
		width:15%;
	}
}
@media (max-width:315px) {
	.download{
		width:120px;
	}
	.breadcrumb2{
		margin-top: 4px;
	}
}