@-ms-viewport {width: device-width;}
body {text-align: justify;text-justify:inter-ideograph;font-family: Microsoft JhengHei,Arial, Helvetica, sans-serif;margin: 0; overflow-y: scroll; overflow-x: hidden;}
#wrapper{left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: -1;}
#wrapper1{left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: -1;}
#Index21BG{background-color: #ffffff;}
#shadowLeft {padding: 0px; -webkit-box-shadow: #999999 0 0 4px 1px; -moz-box-shadow: #999999 0 0 4px 1px; box-shadow: #999999 0 0 4px 1px; }
#shadow {padding: 8px;-webkit-box-shadow: #999999 0 0 4px 1px;-moz-box-shadow: #999999 0 0 4px 1px;box-shadow: #999999 0 0 4px 1px;}
#newsDetail {position: fixed;top: 0px;margin:0 auto;text-align:center;overflow-y: auto;width: 100%; _width: 100%;z-index: 100000001;padding: 0px;  background: rgba(22,1,3,0.8);-webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.95);-moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.95);box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.95); opacity: 0}
#newsDetailA{padding: 0px;  background: rgba(22,1,3,0.8);}
#newsDetail #WQ img, #newsDetailA #WQA img{padding: 0px; max-height: 600px; max-width: 600px; }

#shadowContact {padding: 20px 80px 20px 70px ;}
.ScroolBar {height: 360px; }

#shadowProduct {padding: 4px; margin: 0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#shadowProduct div{height: 195px;width: 260px;overflow: hidden;  }
#shadowProduct .div1 img{min-height: 195px;min-width: 260px; }
#shadowProduct .div2 img{max-height: 195px;max-width: 260px; }

#shadowProduct1 ,#shadowProduct1_{padding: 0px; margin: 0;}
#shadowProduct1 div, #shadowProduct1_ div{height: 195px;width: 260px;overflow: hidden;  }
#shadowProduct1 .div2 img, #shadowProduct1_ .div2 img{max-height: 175px;max-width: 240px; }







#shadowProduct2 , #shadowProduct2_ {padding: 0px; margin: 0;}
#shadowProduct2 div, #shadowProduct2_ div{height: 210px;width: 280px;overflow: hidden;  }
#shadowProduct2 .div2 img, #shadowProduct2_ .div2 img{max-height: 200px;max-width: 270px; }

#shadowProduct3 {padding: 0px; margin: 0;}
#shadowProduct3 div{height: 210px;width: 280px;overflow: hidden;  }
#shadowProduct3 .div2 img{max-height: 190px;max-width: 260px; }

#shadowProduct4 {padding: 0px; margin: 0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; text-align: center;}
#shadowProduct4 div{height: 195px;width: 260px;overflow: hidden; text-align: center; }
#shadowProduct4 img{max-height: 195px;max-width: 260px; }


.MenuList {	font-family: Cataneo BT, Microsoft JhengHei,Arial, Helvetica, sans-serif;		font-size: 14px; }
#MenuItem {padding: 0px;-webkit-box-shadow: #D5D5D5 0 0 4px 1px;-moz-box-shadow: #D5D5D5 0 0 4px 1px;box-shadow: #D5D5D5 0 0 4px 1px; }

.search {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 0px 0px 0px; BACKGROUND: url(/images/input_area_bg.png) no-repeat left top; FLOAT: left; HEIGHT: 25px; BORDER-TOP: medium none; BORDER-RIGHT: medium none}
.search_type {border-bottom-style: none; border-bottom-color: #bfbfbf; padding-bottom: 0px; border-right-style: none; border-top-color: #bfbfbf; padding-left: 7px; width: 115px; padding-right: 7px;
 border-top-style: none; background: 0px 0px; float: left; border-right-color: #bfbfbf; border-left-style: none; border-left-color: #bfbfbf; padding-top: 5px}
.search .position {float: left}
.search .btn_search {width: 33px; background: url(/images/btn_header_search.png) no-repeat right top; float: left; height: 25px; cursor:pointer;}
.search .btn_search:hover {background-position: right bottom}
.Menu{
	width: 100%;
	height:25px;
	overflow: hidden;
	float: left;
}
.Menu div{
	cursor: pointer;
}
.nav{
	position: relative;
	font-family: Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:25px;
	letter-spacing: 0px;
	text-align: center;
	}
.nav div{
	font-family: Cataneo BT, Georgia, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:28px;
	font-style:italic;
	letter-spacing: 1px;
	text-decoration: none;
}

.Item{font-size: 22px;font-weight: bold;letter-spacing: 1pt;text-align: center;}
.Item1{font-family: Cataneo BT,Arial, Helvetica, sans-serif;font-size: 15px;letter-spacing: 1px;padding-bottom: 0px;padding-left: 2px;text-align: center;}
.Item2{font-size: 18px;}
.Item3{font-family: Arial, Helvetica, sans-serif;font-size: 10px;line-height: 18px;font-weight: bold;}
.Item3 a:link{text-decoration: none;}
.Item3 a:visited{text-decoration: none;}
.Item3 a:hover{text-decoration: none;}
.Item4{font-family: Cataneo BT,Arial, Helvetica, sans-serif;font-size: 22px;letter-spacing: 1px;padding-bottom: 0px;padding-left: 2px;font-weight: bold;}




.a_04_red {font-size: 15px;font-style: normal;font-weight#B0B0B0 normal;color: #C0C0C0;}
.a_04_red a:link{font-size: 15px;color: #B0B0B0;text-decoration: none;padding-top: 2px;}
.a_04_red a:visited{font-size: 15px;color: #B0B0B0;text-decoration: none;padding-top: 2px;}
.a_04_red a:hover{font-size: 15px;color: #B0B0B0;padding-top: 2px;text-decoration: none;}
.a_111 {font-size: 10pt;font-style: normal;}
.a_111 a:link{font-size: 10pt;color: #ffffff;line-height: 19px;text-decoration: none;padding-top: 2px;}
.a_111 a:visited{font-size: 10pt;color: #ffffff;line-height: 19px;text-decoration: none;padding-top: 2px;}
.a_111 a:hover{font-size: 10pt;color: #ffffff;line-height: 19px;padding-top: 2px;text-decoration: underline;}
#navi_wrap {position: absolute;width: 100%;min-height: 50px;top: 0;left: 0px;z-index: 10000; _width: 100%; background-repeat: repeat-x;background-position: left top; }

.a_07_pro {font-size: 10pt;font-style: italic;line-height: 21px;font-weight: normal;}
#top {width: 100%; max-width:19200px; _width: 100%;}
#content {width: 100%; max-width:19200px; _width: 100%;}
#bottom {float:left; width: 100%; _width: 100%;}
.projects_holder {	text-align: justify;  list-style-type: none;}
.projects_holder::after {	width: 100%; display: inline-block; content: "";}
.projects_holder .mix {	overflow: hidden; vertical-align: bottom; display: none; filter: alpha(opacity = 0); position: relative; opacity: 0; -webkit-backface-visibility: hidden;}
.projects_holder .filler {	height: 0px; display: inline-block;}
.projects_holder .hover {	width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.75);word-break:break-all;word-wrap:break-word;}
.projects_holder article .image {	position: relative; -webkit-backface-visibility: hidden; text-align: center; vertical-align: middle; display:table-cell;}
.projects_holder article:hover .hover-type-text {	opacity: 1;}
.hover-inner {	width: 100%; height: 100%; text-decoration: none; display: table; cursor: pointer;border-collapse: collapse;}
 a.hover-inner-link {padding: 10px; vertical-align: middle; display: table-cell; position: relative; z-index: 14; -moz-transition: all 1.5s; -webkit-transition: all 1.5s; -o-transition: all 1.5s;}
.projects_holder .hover-inner-link  {	text-align: center; color: rgb(255, 255, 255); font-size: 15px;text-decoration: none;height:100%;}
.projects_type1 article h4.portfolio_title {	color: rgb(255, 255, 255);}
.v3.projects_holder .mix {	margin: 0px 0px 0px; width: 100%;}
.v3.projects_holder .filler {	width: 100;}
.progress_bars .progress_title h4 {	margin: 0px 0px 20px;}
.container {margin: 0px;/*box-shadow: #333333 0px 1px 16px 0px*/}
#News {padding: 8px 0 8px 0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;border: 1px solid #D5D5D5; }
.News{font-size: 17px;}


#News1 {padding: 8px 0 8px 0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;border: 1px solid #D5D5D5;background: #ffffff;color:#555555; }
.News1{color: #ffffff;font-size: 17px;}
.News2{color: #555555;font-size: 17px;}
.News2 span{color: #555555;font-size: 13px;line-height:15px}
.News2 a:link{color: #555555;font-size: 17px;text-decoration: none;}
.News2 a:visited{color: #555555;font-size: 17px;text-decoration: none;}
.News2 a:hover{color: #555555;font-size: 17px;text-decoration: none;}
#News1_____ {padding: 0px; border: 1px dotted rgba(0,0,0,0.5);background: rgba(255,255,255,0.3);}
#News1_____:hover{border: 1px solid rgba(0,0,0,0.8); }

#bt0 {cursor:pointer;;font-size:18px;font-family: Microsoft JhengHei;letter-spacing: 1pt;}
#shadowInquiry {padding: 8px 0 8px 0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;border: 1px solid #D5D5D5; }
#shadowInquiry {font-size: 15px;;}
#shadowInquiry a:link{font-size: 15px;;text-decoration: none;padding-top: 2px;}
#shadowInquiry a:visited{font-size: 15px;;text-decoration: none;padding-top: 2px;}
#shadowInquiry a:hover{font-size: 15px;color: #B0B0B0;padding-top: 2px;text-decoration: none;}

.a_31 {
	font-family: Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	height: 27px;
	color: #666666;
	background: #ffffff;
}
.a_31_1 {
	font-family: Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	height: 27px;
	color: #333333;
	background: #ffcece;
	box-shadow: #ff79bc 0 0 10px 1px;
}
.a_r4{
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}

#BtnCloseA{position: absolute;  z-index: 100000; top: 20px; right: -20px;height:-20px;width:-20px}
#BtnCloseA img{width: 20px; height: 20px}
.dTable {  display:table;  border-collapse: collapse; }
.dTR {  display:table-row; }
.dTD {  display:table-cell; }
.pd_t_50px{  padding-top: 50px }
.pd_t_100px{  padding-top: 100px }
.pd_t_150px{  padding-top: 150px }
.pd_b_50px{  padding-bottom: 50px }
.pd_b_100px{  padding-bottom: 100px }
.pd_b_150px{  padding-bottom: 150px }
.BarHeight{height: 54px}


#wowslider-container1 {
	zoom: 1;
	position: relative;
	max-width:24000px;
	margin:0px auto 0px;
	z-index:90;
	border:none;
	text-align: center; /* reset align=left */
}
* html #wowslider-container1{ width:150%; }
#wowslider-container1 .ws_filter {
	position: absolute;
	height: 100%;
	width: 100%;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index: 500;
	left: 0px;
	top: 0px;
}

#Title{
	margin: 0 auto;
	padding: 0;
}

/* 一般桌機解析度 */
@media only screen and (max-width: 1900px) {
}

/* 平板電腦解析度 */
@media only screen and (max-width: 1024px) {
	#About1{display: none !important}
	#About2{display: block !important}
	#About2 img{max-width: 800px !important}
}
/* 平板電腦解析度 */
@media only screen and (max-width: 768px) {
	#About1{display: none !important}
	#About2{display: block !important}
	#About2 img{max-width: 700px !important}
	/*#slider1_container9{display: none !important}49 50版 banner*/


}
/* 智慧型手機尺寸( 480 X 640 ) */
@media only screen and (max-width: 640px) {
	#About1{display: none !important}
	#About2{display: block !important}
	#About2 img{max-width: 300px !important}
	#A1{display: none !important}
	/*#slider1_container9{display: none !important}49 50版 banner*/

	#BtnClose{right:20px !important}
	#BtnClose img{width: 20px !important; height: 20px !important}
}

#joinL, #joinR, #joinLD, #joinRD {
	position: relative;
	cursor: pointer;
	display: block;
	background: url(/images/arrow/a02.png) center center no-repeat;
	overflow: hidden;
}

#joinL {
	background-position: -123px -33px;
}

#joinR {
	background-position: -183px -33px;
}

#joinL:hover, #joinLD {
	background-position: -3px -33px;
}

#joinR:hover, #joinRD {
	background-position: -63px -33px;
}
.bar-0 {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ff7dbe;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #ffa8d3, #FF63B2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa8d3), to(#FF63B2));
  background-image: -webkit-linear-gradient(top, #ffa8d3, #FF63B2);
  background-image: -o-linear-gradient(top, #ffa8d3, #FF63B2);
  background-image: linear-gradient(to bottom, #ffa8d3, #FF63B2);
  background-repeat: repeat-x;
  border-color: #FF63B2 #FF63B2 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffa8d3', endColorstr='#ffFF63B2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bar-1 {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #86c10f;
  background-image: -moz-linear-gradient(top, #b5ef3a, #86c10f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b5ef3a), to(#86c10f));
  background-image: -webkit-linear-gradient(top, #b5ef3a, #86c10f);
  background-image: -o-linear-gradient(top, #b5ef3a, #86c10f);
  background-image: linear-gradient(to bottom, #b5ef3a, #86c10f);
  background-repeat: repeat-x;
  border-color: #86c10f #86c10f #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb5ef3a', endColorstr='#ff86c10f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bar-2 {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #a830ab;
  background-image: -moz-linear-gradient(top, #d878da, #a830ab);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d878da), to(#a830ab));
  background-image: -webkit-linear-gradient(top, #d878da, #a830ab);
  background-image: -o-linear-gradient(top, #d878da, #a830ab);
  background-image: linear-gradient(to bottom, #d878da, #a830ab);
  background-repeat: repeat-x;
  border-color: #a830ab #a830ab #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd878da', endColorstr='#ffa830ab', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bar-3 {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bar-4 {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.bar-6 {
  color: #000000;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  background-repeat: repeat-x;
  border-color: #ffffff #ffffff #c0c0c0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}