@-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;}
#Index21BG{background-color: #ffffff;}

#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}
#newsDetail #WQ img{padding: 0px; max-width: 600px; }
#newsDetailA {padding: 0px;  background: rgba(22,1,3,0.8);}
#newsDetailA #WQA img{padding: 0px; max-width: 600px; }

#shadowProduct div{height: 195px;width: 260px;overflow: hidden;  }
#shadowProduct .div1 img{min-height: 195px;min-width: 260px; }
#shadowProduct .div2 img{min-height: 195px;min-width: 260px; }

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

#shadowProduct2 {padding: 0px; margin: 0;}
#shadowProduct2 div{height: 210px;width: 280px;overflow: hidden;  }
#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; }


#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;
}
.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 { position: absolute; left: 0px; top: 0px; width: 100%;max-width:19200px; _width: 100%;z-index: 1; opacity: 0; -moz-opacity: 0;}
#content { min-height: 350px;}
#bottom {float:left; width: 100%; _width: 100%;}
.a_07_pro {font-size: 10pt;font-style: italic;line-height: 21px;font-weight: normal;}
.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;height:100%}
.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: #5e5e5e 0px 1px 3px}


#News1 {padding: 8px 0 8px 0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;border: 1px solid #D5D5D5;background: #ffffff;color:#000000; }
.News1{color: #ffffff;font-size: 17px;}
.News2{color: #666666;font-size: 16px;}
.News2 span{color: #666666;font-size: 13px;line-height:15px}
.News2 a:link{color: #666666;font-size: 16px;text-decoration: none;}
.News2 a:visited{color: #666666;font-size: 16px;text-decoration: none;}
.News2 a:hover{color: #666666;font-size: 16px;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); }



#NAVI{opacity: 0;}
#top{opacity: 0;}
#navi_wrap{opacity: 0;}
.BarHeight{ height: 56px }


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

.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 }
#h66{height:66px}




/* 一般桌機解析度 */
@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}

}
/* 智慧型手機尺寸( 360 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}/*47版 公司簡介*/
	/*#wowslider-container1{display: none !important}47版 banner*/

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

#joinL, #joinR {
	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 {
	background-position: -3px -33px;
}

#joinR:hover {
	background-position: -63px -33px;
}

.bar-0 {
  color: #ffffff;
  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;
  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;
  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;
  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;
  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);
}


	#bottom_ {
		-webkit-box-shadow: 0px -10px 22px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px -10px 22px rgba(50, 50, 50, 0.75);
		box-shadow:         0px -10px 22px rgba(50, 50, 50, 0.75);
		position: relative;
		z-index:1000;
	}
	.arrow_box {
	position: relative;
	z-index:1000;

	}
	.arrow_box:after {
		top: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_box:after {
		border-color: rgba(65, 129, 1, 0);
		border-top-color: #241811;
		border-width: 10px;
		left: 50%;

	}