@charset "utf-8";
/* CSS Document */
body {
	font-family:'微軟正黑體' !important;
}
a:link {
	text-decoration:none;
}
.posL {
	float:left;
}
.posR {
	float:right;
}
.sp {
	cursor:pointer;
}
.pd10 {
	padding:10px !important;
	border-radius:10px;
	overflow:hidden;
}
.moreDetail {
	width:100%;
	padding:10px;
}
.moreDetail h5 {
	width:100%;
	height:60px;
	overflow:hidden;
}
.contactFnt {
	color:#333 !important;
}
.contactEmail {
	color:#F00 !important;
	font-weight:bold;
}
.othBGColor {
	background-color:#F90 !important;
}
.othColor {
	color:#F90 !important;
}
.linkColor {
	border-color:#F90 !important;
	background-color:#fff; !important;
	color:#F90 !important;
	letter-spacing:1px;
	font-size:15px;
	transition:.3s;
}
.linkColor:hover {
	border-color:#000 !important;
	background-color:#000; !important;
	color:#fff !important;
	transition:.3s;
}
.fileExName {
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	font-weight:bold;
	color:#363 !important;
}
.downMenus a {
	font-size:17px !important;
}
.downloadFile a {
	font-size:17px;
	letter-spacing:1px;
}
.downloadFile a i {
	font-size:16px;
}
.downloadFile img {
	width:100%;
	height:auto;
	margin-bottom:15px;
	float:left;
}
.downloadFileTxt p {
	font-size:15px !important;
	padding:0px 0px 10px 1px !important;
	margin:-8px 0px 0px 0px !important;
}
.downloadFileTxt a {
/*	color:#f90 !important;*/
	padding-left:1px !important;
	font-size:14px !important;
}
.pageFrame {
	width:100%;
	padding-bottom:20px;
	float:left;
}
.pageFrame .pageColumn {
	padding-top:20px;
	float:left;
}
.dateTxt {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
}
.albumsStart .albumsPhoto {
	opacity:0;
	margin-top:100px;
}
.albumsStart .albumsPhoto a .portfolio-box-1 {
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
}
.albumsStart .albumsPhoto a .portfolio-box-1 img {
	opacity:0;
}
.anum {
	font-size:24px !important;
	font-weight:bold !important;
}
.crossLine {
	font-family:'標楷體';
	color:rgba(255,255,255,0.6) !important;
}
.slideBTN {
	font-size:16px !important;
	letter-spacing:2px !important;
	color:#fff !important;
	border-color:rgba(255,255,255,0.8) !important;
}
.grayBG {
	background-image:url(../img/crosswhite.png) !important;
	background-color:rgba(99,99,99,0.70) !important;
}
.grayBG2 {
	background-color:rgba(59,59,59,0.45) !important;
}
.grayBG3 {
	background-image:url(../img/crosswhite.png) !important;
	background-color:rgba(45,45,45,0.70) !important;
}
.menuTxDark {
	font-weight:bold !important;
	color:#000 !important;
}
.newsMBT {
	padding:6px 15px 6px 15px !important;
}
.contactList {
	padding:0px 0px 0px 5px !important;
}
.contactList li {
	padding:1px 0px 0px 0px !important;
}
.contactTitle a {
	font-size:22px !important;
	color:#121bb5 !important;
	font-weight:bold;
	letter-spacing:1px;
	margin-left:-3px !important;
	padding-bottom:5px !important;
	padding-left:0px !important;
}
.prBigimg {
	text-align:center;
	float:left;
}
.ProlistOuter {
	width:100%;
	height:100%;
	background-color:#ededed;
	padding:10px 0px 10px 0px;
}
/*.proMask {
	position:absolute;
	z-index:10;
	background-color:rgba(255,255,255,0.8) !important;
}*/
.newsImgframe {
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	border:0px;
	border-style:solid;
	border-radius:8px;
	overflow:hidden;
}
.newsImgframe img {
	opacity:0;
}
.newPadd h5 {
	font-size:20px !important;
	height:90px !important;
/*	overflow:hidden;*/
}
.newPadd p {
	height:80px !important;
	overflow:hidden;
}
.hideItem {
	opacity:0;
}
.newsMTitle {
	padding-left:30px !important;
}
.newsMTitle h3 {
	font-size:50px;
	font-weight:bold;
}
.newsMTitle .main-subtitle-top {
	font-family:"Times New Roman", Times, serif;
	font-size:20px !important;
	font-weight:bold !important;
	padding-left:5px !important;
	letter-spacing:0px !important;
}
.newsSPMT {
	margin-top:-30px !important;
}
.newsSPMT2 {
	margin-top:0px !important;
}
.newsIndex h1 {
	font-size:80px;
	font-weight:bold;
}
.newsIndex .BlueBar {
	width:100px;
	height:4px;
	background-color:#121bb5;
	margin:auto;
	margin-top:-10px;
}
.newsIndex .main-subtitle-bottom {
	margin-top:10px !important;
}
.FormatForm {
	width:100%;
	margin-left:0%;
	margin-right:0%;
	border:3px;
	border-style:solid;
	border-color:#CCC;
	float:left;
}
.FormatForm .FormatFormcover {
	width:100%;
	border:0px;
	border-bottom:1px;
	border-style:solid;
	border-color:#CCC;
	float:left;
}
.FormatForm .FormatFormcover:last-child {
	border-bottom:0px;
}
.FormatForm .FormatFormcover .FormatHead {
	width:25%;
	padding:5px 0px 5px 0px;
	border:0px;
	border-right:1px;
	border-style:solid;
	border-color:#CCC;
	background-color:#F1F1F1;
	float:left;
}
.FormatForm .FormatFormcover .FormatHead p {
	width:94%;
	margin:0px;
	margin-right:6%;
	padding:0px;
	text-align:right;
	font-family:'微軟正黑體';
	font-weight:normal;
	font-size:17px;
	color:#333;	
}
.FormatForm .FormatFormcover .FormatContent {
	width:75%;
	padding:5px 0px 5px 0px;
	float:left;
}
.FormatForm .FormatFormcover .FormatContent p {
	width:98%;
	margin:0px;
	margin-left:2%;
	padding:0px;
	text-align:left;
	font-family:'微軟正黑體';
	font-weight:normal;
	font-size:17px;
	color:#000;	
}
#tab2 .DownloadList {
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	border:0px;
	border-bottom:1px;
	border-style:dashed;
	border-color:rgba(0,0,0,0.2);
	background-color:rgba(0,0,0,0.0);
	float:left;
	cursor:pointer;
	transition:.3s;
}
#tab2 .DownloadList:hover {
	background-color:rgba(0,0,0,0.05);
	transition:.3s;
}
#tab2 .DownloadList:last-child {
	border-bottom:0px;
}
#tab2 .DownloadList .DownName {
	width:89%;
	font-family:'微軟正黑體';
	font-size:17px;
	line-height:22px;
	padding-top:3px;
	padding-left:1%;
	color:#333;
	float:left;
}
#tab2 .DownloadList .DownIcon {
	width:10%;
	float:left;
	text-align:center;
}
#tab2 .DownloadList .DownIcon img {
	width:auto;
	height:24px;
	margin:0px;
	margin-top:-5px;
}
.HistitleFrame {
	width:100%;
	padding:0px;
	position:relative;
	z-index:999;
}
.HistitleFrame font {
	font-size:80px;
	font-weight:bold;
	color:#fff;
}
.HistitleFrame p {
	width:100%;
	padding:0px 0px 0px 5px !important;
	margin-top:-20px !important;
	font-size:24px;
	font-weight:normal;
	color:rgba(255,255,255,0.6);
}
.HisNoimg h4 {
	padding:0px 0px 5px 0px !important;
}
.HisNoimg h6 {
	padding:0px 0px 5px 0px !important;
}
.aboutHisTitle {
	position:absolute;
	z-index:9999;
	margin-top:200px;
}
#TimeinnerFrame {
	position:relative;
	z-index:9999;
	padding-top:8%;
}
.crossBGW {
	background-image:url(../img/crosswhite.png);
}
.timeline__content h4 {
	padding:25px 0px 5px 0px;
	margin:0px;
	font-size:20px !important;
	letter-spacing:1px !important;
}
.timeline__content h6 {
	padding:0px 0px 15px 0px;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif !important;
	font-size:12px !important;
	line-height:18px !important;
}
.Timeshadow {
	box-shadow:0px 0px 30px rgba(0,0,0,0.8);
}
.Histxt {
	font-size:15px !important;
	line-height:21px !important;
}
.TimelineFrame {
	padding:0px !important;
	margin:0px !important;
	width:100%;
}
.picFrames {
	width:100px;
	height:100px;
	border:5px;
	border-style:solid;
	border-radius:50%;
	border-color:transparent;
	overflow:hidden;
	position:absolute;
	margin-left:-15px;
	margin-top:-15px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:150% auto;
	z-index:2;
}
.picFrames img {
	opacity:0;
	width:100% !important;
	margin-bottom:10px !important;
	height:auto !important;
}
.spRadius {
/*	border:0px !important;
	border-style:solid !important;	*/
	border-top-left-radius:55px !important;
}
.spRadius h4 {
	padding-left:90px !important;
}
.spRadius h6 {
	padding-left:90px !important;
}
.hisFrame {
	width:100%;
}
.spSocial li {
	padding:2px 3px 2px 3px;
}
.spSocial li i {
	font-size:18px !important;
	color:#121bb5;
	cursor:pointer;
	transition:.3s;
}
.spSocial li i:hover {
	font-size:20px !important;
	color:#000;
	transition:.3s;
}
.spSocial li img {
	width:26px !important;
	height:auto !important;
}
.emptySo {
	color:#CCC !important;
	cursor:default !important;
}
.proIndex h1 {
	font-size:80px;
	font-weight:bold;
	color:#fff;
}
.proIndex .BlueBar {
	width:100px;
	height:4px;
	background-color:#121bb5;
	margin:auto;
	margin-top:-10px;
}
.proLists .blog-box-1 {
	padding:20px 40px 20px 40px !important;
}
.proLists .ProPics {
	width:35%;
	height:100%;
	overflow:hidden;
	float:left;
}
.proLists .ProPics img {
	width:100%;
	height:auto;
	float:left;
}
.proLists .ProConts {
	width:63%;
	margin-left:2%;
	height:auto;
	float:left;
}
.proLists h5 {
	font-size:24px !important;
	padding:0px 0px 6px 0px !important;
	margin:0px !important;
}
.prodoctList .item {
	margin-top:0px;
	transition:.3s;
}
.prodoctList .item:hover {
	margin-top:10px;
	transition:.3s;
}
.prodoctList .item .testimonials-box-1 {
	padding:35px 0px 35px 0px !important;
}
.prodoctList .item .testimonials-box-1 img {
	margin-left:35px !important;
}
.prodoctList .item .testimonials-box-1 p {
	width:80% !important;
	margin-left:10% !important;
	margin-right:10% !important;
}
.prodoctList .item .testimonials-box-1 h4 {
	width:80% !important;
	margin-left:10% !important;
	margin-right:10% !important;
}
.topSelframe {
	width:100% !important;
	padding:10px 0px 5px 0px !important;
	text-align:right;
}
.topSelframe .tSel {
	padding:7px 15px 5px 15px;
	float:right;
}
.topSelframe .tSel:first-child {
	padding:3px 1px 3px 10px;
	float:right;
}
.topSelframe .tSel p {
	width:100%;
	height:100%;
	border:1px !important;
	border-left:1px !important;
	border-style:dotted;
	border-color:rgba(255,255,255,1);
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:13px;
	padding:0px !important;
	margin:0px !important;
	color:rgba(255,255,255,0.7);
	cursor:pointer;
	transition:.3s;
}
.topSelframe .tSel p:hover {
	color:rgba(255,255,255,1);
	transition:.3s;
}
.ProSer {
	font-family:"Times New Roman", Times, serif;
	padding:0px !important;
	margin:0px !important;
	border:0px !important;
	font-size:14px !important;
	font-weight:bold !important;
	color:#999 !important;
}
.ProBrief {
	width:100% !important;
/*	height:61px !important;*/
	margin:0px !important;
	border:0px !important;
	font-size:16px !important;
	line-height:22px !important;
	font-weight:normal !important;
	overflow:hidden !important;
	color:#000 !important;
}
.proLists .author-wrap img {
	width:80px !important;
	height:80px !important;
}
.ProPos {
	position:relative;
	z-index:999;
}
.TitleHeight {
	height:80px !important;
	overflow:hidden !important;
	padding-top:10px !important;
	padding-bottom:6px !important;
}
/*.ShowMobile {
	display:'';
}
.HideMobile {
	display:none;
}*/
pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ }

/*::placeholder {
    color: white;
	font-family:'微軟正黑體';
	font-size:14px;
    opacity: .7;
}

:-ms-input-placeholder {
    color: white;
	font-family:'微軟正黑體';
	font-size:14px;
    opacity: .7;
}

::-ms-input-placeholder {
    color: white;
	font-family:'微軟正黑體';
	font-size:14px;
    opacity: .7;
}*/
.clearBoxShadow {
	box-shadow:0px 0px 0px rgba(0,0,0,0);
}
.QuickLinks {
	padding:1px 0px 0px 0px;
/*	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% auto;*/
}
.QuickLinks h5 {
	width:92%;
	margin:0px 2% 0px 4% !important;
	padding:0px 0px 12px 0px;
	color:#fff;
	font-size:32px;
	font-weight:lighter;
	letter-spacing:1px;
	margin-top:-45px !important;
	font-family:'微軟正黑體';
	position:relative;
	z-index:20 !important;
/*	font-size:20px !important;*/
/*	color:rgba(255,255,255,0.8) !important;*/
}
.QuickLinks p {
	width:92%;
	margin:-10px 2% 0px 4% !important;
	padding:0px 0px 8px 0px;
	position:relative;
	z-index:20 !important;
/*	font-size:13px !important;
	color:#fff !important;*/
}
.QuickLinks a {
	font-family:Tahoma, Geneva, sans-serif;
/*	font-size:13px;*/
	padding:4px 12px 6px 14px !important;
	border:0px;
	border-bottom:0px;
	border-style:solid;
	border-color:#121bb5;
	background-color:#efefef;
	margin-left:5px;
	margin-bottom:12px;
	position:relative;
	z-index:20 !important;
/*	color:#fff !important;*/
/*	letter-spacing:1px;*/
	transition:.3s;
}
.QuickLinks a font {
	font-family:'標楷體';
	color:#333;
	color:#121bb5;
}
.QuickLinks a:hover {
	padding:4px 12px 6px 17px !important;
	background-color:#efefef;
/*	background-color:#121bb5;*/
	border-color:#121bb5;
	transition:.3s;
}
.imgcover {
	width:98%;
	position:absolute;
	z-index:15;
	border:0px;
	border-style:solid;
	border-radius:5px;
	background-color:rgba(0,0,0,0.30);
}
/*.QuickLinks .QCover {
	width:100%;
	height:100%;
	position:absolute;
	z-index:10;
	background-color:rgba(255,255,255,0.35);
	left:0;
	top:0;
}*/
.QuickBanner {
	width:98%;
	margin:1%;
	border:0px;
	border-style:solid;
	border-radius:6px;
	overflow:hidden !important;
}
.QuickBanner img {
	width:100%;
	height:auto;
}
.newBlock {
	width:18% !important;
	margin-left:1% !important;
	margin-right:1% !important;
	border:1px;
	border-style:solid;
	border-color:#e3e3e3;
	padding:10px;
	float:left !important;
}
.newsBtn {
	background-color:#F90 !important;
	color:#fff !important;
	padding:5px 15px 7px 15px !important;
	letter-spacing:2px !important;
	transition:.3s;
}
.newsBtn font {
	font-family:'標楷體';
	font-size:14px !important;
	margin-right:0px;
	transition:.3s;
}
.newsBtn:hover {
	background-color:#666 !important;
	transition:.3s;
}
.newsBtn:hover font {
	margin-right:10px;
	transition:.3s;
}
.newPadd {
	padding:0px 10px 20px 10px;
}
.spWids {
	width:90%;
	margin-left:5%;
	margin-right:5%;
}
.spWidswids {
	width:100%;
	margin-left:0%;
	margin-right:0%;
}
.bgGray {
	background-color:#F3F3F3;
}
.mt-m1 {
	margin-top:-10px;
}
.mt-m2 {
	margin-top:-20px;
}
.mt-m3 {
	margin-top:-30px;
}
.mt-m4 {
	margin-top:-40px;
}
.mt-m5 {
	margin-top:-50px;
}
.spPost {
	z-index:999;
}
.newProducts img {
	opacity:0;
	width:100% !important;
	height:auto !important;
}
.newsEmpty {
	width:98%;
	margin-left:1%;
	margin-right:1%;
	margin-top:4px;
	height:5px;
	border:0px;
	border-style:solid;
	background-color:#F90;
	float:left;
}
.Prolist {
	width:100%;
	padding:5% 0px 5% 0px !important;
	background-color:#FFF;
	overflow:hidden;
	float:left;
}
.Prolist h1 {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	overflow:hidden;
}
.Prolist h6 {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	font-size:16px;
	color:#000;
}
#PrNum {
	font-family:Tahoma, Geneva, sans-serif;
	color:#F00;
	font-weight:bold;
}
.ProlistFrame {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	border:0px;
	border-top:2px;
	border-bottom:2px;
	border-style:solid;
	border-color:#cdcdcd;
	float:left;
}
.ReadyAdd {
	width:70px;
	height:70px;
	background-color:#121bb5;
	border:4px;
	border-style:solid;
	border-color:rgba(255,255,255,0.35);
	border-radius:35px;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	line-height:18px;
	padding-top:13px;
	color:#fff;
	position:absolute;
	z-index:999;
	margin:10px 0px 0px 10px;
}
.InquerySend {
	width:100%;
	border:0px !important;
	margin:0px !important;
	padding:0px !important;
	background-color:#FFF;
	margin-top:-1px !important;
	overflow:hidden;
	float:left;
}
.InquerySend p {
	width:100%;
	padding:28px 0px 0px 0px !important;
	margin:0px !important;
	font-size:24px;
	color:#121bb5;
	letter-spacing:2px;
	text-align:center;
}
.ProlistFrame div {
	border:0px;
	border-right:0px !important;
	border-style:solid !important;
	border-color:#cdcdcd !important;
	font-size:17px;
	padding:7px 0px 7px 0px;
	background-color:#121bb5;
	float:left;
	color:#fff;
}
.ProlistFrame div p {
	width:90%;
	margin:0px;
	padding:0px;
	margin-left:5%;
	margin-right:5%;
}
.PMid {
	border:0px !important;
	border-bottom:1px !important;
	border-style:solid !important;
	border-color:#ccc !important;
	overflow:hidden;
}
.PMid div {
	border:0px !important;
	font-size:16px !important;
	color:#000;
	background-color:transparent !important;
/*	border-top:0px !important;*/
/*	border-bottom:0px !important;*/
/*	margin-top:-2px !important;*/
}
.PMid div p img {
	margin:5px 5px 8px 0px;
	cursor:pointer;
}
.PEmpty {
	width:100%;
	height:0px;
	border:0px !important;
	overflow:hidden;
}
.PEmpty p {
	width:100%;
	margin:0px !important;
	padding:20px 0px 20px 0px !important;
	text-align:center;
	font-size:18px;
	color:#333;
}
.PEnd {
	border:0px !important;
	border-top:2px !important;
	border-style:solid !important;
	border-color:#ccc !important;
	background-color:transparent !important;
	margin-top:-2px;
	overflow:hidden;
}
.PEnd .ProSubmit {
	width:98%;
	padding:15px 0px 0px 0px;
	margin-left:1%;
	margin-right:1%;
	text-align:right;
	background-color:transparent !important;
}
.PEnd .ProSubmit a {
	font-size:17px !important;
	padding:12px 15px 10px 19px !important;
	letter-spacing:3px !important;
	background-color:#333;
}
.ProlistFrame .ProName {
	width:50%;
	text-align:left;
}
.borderClear {
	border:0px !important;
	border-top:0px !important;
	border-left:0px !important;
	border-right:0px !important;
	border-bottom:0px !important;
	border-color:transparent !important;
}
.ProlistFrame .ProSerno {
	width:30%;
	text-align:center;
}
.ProlistFrame .ProNum {
	width:20%;
	text-align:center;
	border-right:0px !important;
}
.PMid .ProName {
	color:#000 !important;
 }
.PMid .ProSerno {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#888 !important;
}
.PMid .ProNum {
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	font-weight:bold;
	color:#090 !important;
}
.proMainimg {
	width:100%;
	height:auto;
}
.probtnGray {
	background-color:#666;
}
.productsImgs {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:120% auto;
	background-attachment:scroll;
}
.InqFrame {
	height:0px;
	opacity:0;
	background-color:#f3f3f3;
}
.InquiryForm label {
	font-size:18px;
	letter-spacing:1px;
	color:#121bb5 !important;
	padding:10px 0px 0px 0px !important;
	margin:0px !important;
	margin-left:-5px !important;
}
.InquiryForm label i {
	font-size:18px;
	color:#666 !important;
	margin-top:-5px !important;
}
.InquiryForm input[type="text"]{
	font-size:17px !important;
	border:0px;
	border-bottom:1px;
	border-style:dashed;
	border-color:#cdcdcd !important;
	margin:0px !important;
	color:#000 !important;
}
.InquiryForm textarea{
	font-size:17px !important;
	border:0px;
	border-bottom:1px;
	border-style:dashed;
	border-color:#cdcdcd !important;
	height:80px !important;
	margin:0px !important;
	color:#000 !important;
}
.contactFCol {
	position:relative;
	z-index:99;
}
.quantity a {
	font-size:15px;
	letter-spacing:1px;
}
.clearShadow {
	border:0px;
	border-style:solid;
	border-color:#efefef;
	box-shadow:0px 0px 0px rgba(0,0,0,0);
}
.clearShadow ul li a {
	font-size:20px !important;
}
.clearBorder {
	border:0px !important;
}
.clearPadding {
	padding:0px !important;
}
.contactList li {
	padding:5px 0px 5px 0px;
}
.contactList li a {
	font-size:16px;
}
.ContactSTxt {
	font-size:16px;
	padding-left:4px;
	letter-spacing:2px;
}
.contactForm p {
	position:absolute;
	z-index:10;
}
.contactForm input[type="text"] {
	font-size:16px;
}
.contactForm textarea {
	font-size:16px;
}
.contactForm #labelID {
	font-size:16px;
}
.contactForm button {
	font-size:18px;
	letter-spacing:2px;
}
.contactForm .subscribe-box-1 p {
/*	height:20px;*/
	width:90%;
	padding:0px 0px 0px 12px;
	margin:0px;
}
.contactForm .subscribe-box-1 #Errmsg {
	font-size:14px;
	letter-spacing:1px;
	color:#F00;
}
.grayBG {
	background-color:#333;
}
.MenuFnt {
	font-size:20px !important;
	letter-spacing:1px !important;
}
.Menulist {
	width:95%;
	font-size:16px;
	padding:5px 0px 5px 10px;
	border:0px;
	border-bottom:1px;
	border-style:dashed;
	border-color:rgba(0,0,0,0.2);
	cursor:pointer;
	transition:.3s;
}
.Menulist:last-child {
	border-bottom:0px;
}
.Menulist a {
	color:#555;
	transition:.3s;
}
.Menulist a:hover {
	color:#121bb5;
	transition:.3s;
}
.Menulist:hover {
	color:#121bb5;
	padding:5px 0px 5px 20px;
/*	border-color:#121bb5;*/
	transition:.3s;
}
.subsMenuColor {
	color:#121bb5 !important;
	padding:5px 0px 5px 20px;
	font-weight:bold;
}
.Menulist .subsMenuColor {
	padding:0px;
}
.emptyPro {
	width:90%;
	margin-left:5%;
	margin-top:5%;
	margin-right:5%;
	font-size:16px;
	height:300px;
	float:left;
}
.proImglist {
	width:17% !important;
	overflow:hidden;
	padding:0px !important;
	margin:10px 1.15% 0px 1.15% !important;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:120% auto;
}
.proImglist img {
	opacity:0;
}
.proImglist {
	width:18%;
	height:90px;
	overflow:hidden;
	margin:10px 1% 0px 1%;
}

.proCont h5 {
	font-size:22px;
	letter-spacing:2px;
	padding-bottom:15px;
}
.proCont {
	font-size:16px;
	line-height:29px;
}

.productMT_01 {
	-webkit-transform: translateY(-78px);
	-moz-transform: translateY(-78px);
	-ms-transform: translateY(-78px);
	-o-transform: translateY(-78px);
	transform: translateY(-78px);
}
.productMT_02 {
	-webkit-transform: translateY(-198px);
	-moz-transform: translateY(-198px);
	-ms-transform: translateY(-198px);
	-o-transform: translateY(-198px);
	transform: translateY(-198px);
}
.proHeading h1 {
	color:#121bb5;
	margin:0px;
	padding:0px 0px 10px 0px;
}
.proHeading p {
	width:100%;
	margin:0px;
	padding:10px 0px 10px 0px;
	font-family:"Times New Roman", Times, serif;
	color:#333;
	font-weight:bold;
	font-size:20px;
}
.spProdetailframe {
	width:100%;
	padding:5px 0px 15px 0px;
}
.spProimage {
	background-position:center center;
	background-repeat:no-repeat;
/*	border:1px !important;
	border-style:solid !important;
	border-color:#dedede !important;*/
}
.spProimage img {
	opacity:0;
}
.spSliderHoribar {
	background-color:transparent !important;
	width:100% !important;
	margin:0px !important;
	left:0 !important;
	top:45%;
}
.spSliderHoribar a {
	background-color:transparent !important;
	left:0;
	right:0;
	margin:0px;
}
.spSliderHoribar a i {
	font-size:20px !important;
	color:rgba(255,255,255,0.45) !important;
	transition:.3s;
}
.spSliderHoribar a i:hover {
	color:rgba(255,255,255,1) !important;
	transition:.3s;
}
.spSliderHoribar .prev-hero-sync-1 {
	left:10px;
}
.spSliderHoribar .next-hero-sync-1 {
/*	left:97.4%;*/
}
.sliderTxt h1 {
	font-family:'微軟正黑體' !important;
}
.sliderTxt p {
	font-family:'微軟正黑體' !important;
	font-weight:normal !important;
}
.subFramicon {
	max-height:325px;
	overflow:auto;
}
.mainmenuTxt .nav-item a {
	font-family:'微軟正黑體' !important;
	font-size:15px !important;
}
.ftMenu li {
	padding:12px 15px 0px 0px !important;
	margin:0px !important;
	float:left;
}
.ftMenu li a {
	font-size:14px !important;
}
.innerBanners {
	padding-left:10px;
}
.innerBanners h1 {
	color:#fff;
	font-weight:bold;
	letter-spacing:2px;
}
.innerBanners h2 {
	color:rgba(255,255,255,0.4);
	font-size:20px;
	font-weight:normal;
	letter-spacing:2px;
	padding:0px;
	margin:10px 0px 0px 0px;
}
.innSmallFnt {
	font-size:15px;
	line-height:26px;
	letter-spacing:1px;
}
.titleColor {
	color:#121bb5 !important;
}
.ftTitle {
	padding-bottom:30px;
}
.ftTitle h5 {
/*	color:#121bb5;*/
	color:#000;
	font-size:24px !important;
	letter-spacing:2px !important;
	padding:0px 5px 5px 7px;
	border:0px;
	border-bottom:2px;
	border-style:solid;
	border-color:#f90;
	margin-top:2px;
	margin-bottom:0px !important;
	float:left;
}
.ftLogoFrame {
	padding-bottom:30px;
}
.ftLogoFrame:first-child {
	margin-top:-43px !important;
	padding-bottom:0px !important;
}
.ftLogoFrame img {
	width:200px !important;
	margin-top:12px !important;
	height:auto;
}
.ftCopy {
	padding:0px;
	margin-top:-30px;
}
.footerOuter {
	padding-bottom:30px;
	padding-top:45px;
}
.clSkip {
	width:100%;
	height:1px;
	float:left;
}
.aboutMenu h5 {
	color:#fff;
	width:100%;
	height:28px;
	overflow:hidden;
}
.aboutMenu div {
	font-size:14px;
	width:100%;
	height:53px;
	overflow:hidden;
}
.aboutMenu a {
	font-size:15px;
	letter-spacing:1px;
}
.articleContent {
	font-size:16px !important;
	line-height:28px !important;
	color:#555;
	font-weight:normal;
}
.articleContent img {
	width:'' !important;
	height:auto !important;
	margin:10px !important;
}
.NewsLightbox {
	width:100%;
	background-color:rgba(0,0,0,0.8);
	opacity:0;
	position:absolute;
	z-index:9999;
}
.NewsLightbox .NewsInner {
	background-color:#fff;
	border:0px;
	border-style:solid;
	border-radius:10px;
	float:left;
}
.NewsLightbox .NewsInner .NewsConts {
	width:90% !important;
	height:90% !important;
	margin:0% 5% 0% 5% !important;
	padding:5% 0% 5% 0% !important;
	float:left;
}
.NewsLightbox .NewsInner .NewsConts p {
	width:100% !important;
	float:left;
}
.NewsLightbox .NewsInner .NewsConts p a {
	padding:10px 20px 10px 23px;
	background-color:#121bb5;
	color:#fff;
	font-size:18px;
	font-weight:normal;
	letter-spacing:2px;
	border:0px;
	border-style:solid;
	border-radius:6px;
	cursor:pointer;
	float:left;
	transition:.3s;
}
.NewsLightbox .NewsInner .NewsConts p a:hover {
	background-color:#6D6F70;
	transition:.3s;
}
#newsTitle {
	font-weight:normal !important;
	color:#222;
}
#newsDate {
	font-family:"Times New Roman", Times, serif !important;
	font-size:18px !important;
	font-weight:bold !important;
	color:#121bb5;
}
#newsContent {
	font-size:16px !important;
	line-height:28px !important;
	font-weight:normal !important;
	color:#000;
}
.ArLeft {
	margin-left:-100px;
	margin-right:100px;
	opacity:0;
}
.ArLeft h3 {
	font-size:4vw;
}
.ArRight {
	margin-left:100px;
	margin-right:-100px;
	opacity:0;
}
.ArRight h3 {
	font-size:4vw;
}
/*#InqCenterFrame .container {
	width:auto !important;
}*/
@media (min-width:1601px){
	.innerBanners h1 {
		font-size:70px !important;
	}
}
@media (min-width:1441px) and (max-width:1600px){
	.innerBanners h1 {
		font-size:55px !important;
	}
	.QuickLinks h5 {
		font-size:27px;
		margin-top:-33px !important;
	}
}
@media (min-width:1281px) and (max-width:1440px){
	.newBlock {
		width:22% !important;
		margin-left:1.5% !important;
		margin-right:1.5% !important;
	}
	#InqNum {
		margin-left:10px;
	}
	.QuickLinks h5 {
		font-size:25px;
		margin-top:-31px !important;
	}
}
@media (min-width:769px) and (max-width:1280px){
	.newBlock {
		width:30% !important;
		margin-left:1.5% !important;
		margin-right:1.5% !important;
	}
	#InqoutFrame {
		padding:0px !important;
	}
	#InqCenterFrame .container {
		width:100% !important;
		padding:0px !important;
	}
	#InqNum {
		margin-left:10px;
	}
	.QuickLinks h5 {
		font-size:21px;
		margin-top:-29px !important;
	}
	.newsIndex h1 {
		font-size:60px;
	}
	.proIndex h1 {
		font-size:60px;
	}
	.newPadd h5 {
		height:69px !important;
	}
	.newPadd p {
		height:78px !important;
	}
	.FormatForm .FormatFormcover .FormatHead {
		width:40%;
	}
	.FormatForm .FormatFormcover .FormatContent {
		width:60%;
	}
}
@media (max-width:965px){
	.ArContents {
		width:100% !important;
		padding-top:40px !important;
		padding-bottom:0px !important;
	}
	.ArLeft h3 {
		font-size:42px;
	}
	.ArRight {
		width:100% !important;
/*		padding-bottom:30px !important;*/
	}
	.ArRight h3 {
		font-size:42px;
	}
	.downloadFile img {
		width:auto;
		height:auto;
	}
}
@media (min-width:425px) and (max-width:769px){
	.ftMenu li a {
		font-size:17px !important;
		line-height:28px !important;
	}
	.ftMenu li {
		width:48% !important;
		margin:0px 2% 0px 0px !important;
		float:left;
	}
}
@media (min-width:376px) and (max-width:769px){
	.spProframe .grid-box {
		width:43% !important;
		margin:0px 3.5% 25px 3.5% !important;
		float:left !important;
	}
}
/*@media (max-width:375px){
	.spProframe .grid-box {
		width:43% !important;
		margin:0px 3.5% 25px 3.5% !important;
		float:left !important;
	}
}*/
@media (max-width:424px){
	.ftMenu li a {
		font-size:18px !important;
		line-height:28px !important;
	}
}
@media (min-width:376px) and (max-width:769px){
	.NewsLightbox .NewsInner .NewsConts p a {
		width:125px !important;
	}
	.innerBanners h1 {
		font-weight:normal;
	}
	.articleContent img {
		width:100% !important;
		height:auto !important;
		margin:10px 0px 10px 0px !important; 
	}
	.NewsLightbox .NewsInner .NewsConts {
		width:80% !important;
		height:80% !important;
		margin:0% 10% 0% 10% !important;
		padding:10% 0% 10% 0% !important;
	}
	.proImglist {
		width:17% !important;
	}
	.newBlock {
		width:47% !important;
		margin-left:1.5% !important;
		margin-right:1.5% !important;
	}
	#InqoutFrame {
		padding:0px !important;
	}
	#InqCenterFrame .container {
		width:100% !important;
		padding:0px !important;
	}
	.ProsmartPadd {
		padding:20px 0px 0px 0px !important;
	}
	#InqNum {
		margin-left:10px;
	}
	.QuickLinks h5 {
		font-size:25px;
		margin-top:-37px !important;
	}
	.newsMTitle h3 {
		font-size:36px;
	}
	.newsSPMT {
		margin-top:-50px !important;
	}
	.newsSPMT2 {
		margin-top:10px !important;
	}
	.newsIndex h1 {
		font-size:36px;
	}
	.proIndex h1 {
		font-size:36px;
	}
	.newPadd h5 {
		height:65px !important;
	}
	.newPadd p {
		height:75px !important;
	}
	.HistitleFrame font {
		font-size:60px;
	}
	.HistitleFrame p {
		font-size:18px;
	}
	.FormatForm .FormatFormcover .FormatHead {
		width:40%;
	}
	.FormatForm .FormatFormcover .FormatContent {
		width:60%;
	}
/*	.ShowMobile {
		display:none;
	}
	.HideMobile {
		display:;
	}*/
}
@media (max-width:375px){
	.NewsLightbox .NewsInner .NewsConts p a {
		width:125px !important;
	}
	.innerBanners h1 {
		font-weight:normal;
	}
	.articleContent img {
		width:100% !important;
		height:auto !important;
		margin:10px 0px 10px 0px !important; 
	}
	.NewsLightbox .NewsInner .NewsConts {
		width:80% !important;
		height:80% !important;
		margin:0% 10% 0% 10% !important;
		padding:10% 0% 10% 0% !important;
	}
	.proImglist {
		width:17% !important;
	}
	.newBlock {
		width:97% !important;
		margin-left:1.5% !important;
		margin-right:1.5% !important;
	}
	#InqoutFrame {
		padding:0px !important;
	}
	#InqCenterFrame .container {
		width:100% !important;
		padding:0px !important;
	}
	.ProsmartPadd {
		padding:20px 0px 0px 0px !important;
	}
	#InqNum {
		margin-left:10px;
	}
	.QuickLinks h5 {
		font-size:23px;
		margin-top:-32px !important;
	}
	.newsMTitle h3 {
		font-size:36px;
	}
	.newsSPMT {
		margin-top:-50px !important;
	}
	.newsSPMT2 {
		margin-top:10px !important;
	}
	.newsIndex h1 {
		font-size:32px;
	}
	.proIndex h1 {
		font-size:32px;
	}
	.newPadd h5 {
		height:auto !important;
		overflow:hidden;
	}
	.newPadd p {
		height:auto !important;
		overflow:hidden;
	}
	.HistitleFrame font {
		font-size:45px;
	}
	.HistitleFrame p {
		font-size:14px;
	}
	.FormatForm .FormatFormcover .FormatHead {
		width:40%;
	}
	.FormatForm .FormatFormcover .FormatContent {
		width:60%;
	}
/*	.ShowMobile {
		display:none;
	}
	.HideMobile {
		display:;
	}*/
}