@-ms-viewport {width: device-width;}
body {	position:relative; width:100%; height:100%; margin: 0; font-size: 100%; line-height: 100%; font-weight:normal;font-family: Microsoft JhengHei,Simsun,Arial; -webkit-overflow-scrolling: touch; 	overflow-y: scroll; overflow-x: hidden; background: #f5f5f5;}
#fc {position: fixed;top: 0px;left:0;margin:0 auto;text-align:center; width: 100%; height: 100%; background: rgba(0,0,0,0.95); z-index: 100000001; display: none;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling: touch;}





.ContentTXT  { color: #333; font-size: 12pt; line-height: 20pt; letter-spacing: 1px; }

.Item { color: #333; font-size: 14pt; font-weight: bold; letter-spacing: 1px;}
.Item1{ color: #333; font-size: 14pt; font-family: Cataneo BT ; letter-spacing: 1px; padding-bottom: 0px; padding-left: 2px;}


#prodDetail {position: relative;top: 0px;margin:0 auto;text-align:center;width: 100%; z-index: 100000002; padding: 0px; opacity: 0  }

#newsDetail {position: fixed;top: 0px;margin:0 auto;text-align:center;width: 100%; z-index: 100000002; padding: 0px; ;  background: rgba(22,1,3,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; }
#ABC {background: url(admin/edit/home/loading.gif) no-repeat center rgba(22,1,3,0.8); left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 10001;display:none; }
.fboder {border-top: 0px solid #828282;}

#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; }
#nImage   { box-shadow: 0px 0px 30px 2px #4d4d4d; }
img{border: 0}
#MenuName {font-size: 17px;display:none}
.Menu{
	width: 100%;
	height: 65px;
	line-height: 65px;
	overflow: hidden;
	float: left;
}
.Menu div{
	cursor: pointer;
}
.Menu .nav,.menu .nav{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	position: relative;
	font-size: 16px;
	letter-spacing: 0px;
	text-align: center;
	}
.Menu .nav div,.menu .nav div{
	font-family: Cataneo BT, Georgia, Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-decoration: none;
}
.nav1{
	position: relative;
	color:#ffffff;
	font-size: 14px;
	letter-spacing: 0px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.nav1 div{
	color: #111111;
	font-size: 14px;
	*font-style:italic;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(200, 200, 200, 0.85);
}
.dropdown-menu li a:link{text-decoration: none;color: #000000;}
.dropdown-menu li a:visited{text-decoration: none;color: #000000;}
.dropdown-menu li a:hover{text-decoration: none;color: #000000;}
.Menu a:link{text-decoration: none;color: #ffffff;}
.Menu a:visited{text-decoration: none;color: #ffffff;}
.Menu a:hover{text-decoration: none;color: #ffffff;}
.Menu .selected{text-decoration: none;color: #ffffff;}


#navi_wrap, #bar_bg ,.BarHeight{ height: 65px}
#navi_wrap  {position: absolute;width: 100%;z-index: 2;}
#navi_wrap.btn-white{ border-bottom: 0px solid #999999; }


#NAVI { position: absolute; left: 0px; top: 0px; width: 100%;max-width:19200px;z-index: 1;}

#bottom {float:left; 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;}
*/


#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: 15pt;}
.News2{color: #555555;font-size: 15px;letter-spacing:0.2mm;line-height:17px !important}
.News2 span{color: #555555;font-size: 13px;}
.News2 a:link{color: #555555;font-size: 13pt;text-decoration: none;}
.News2 a:visited{color: #555555;font-size: 13pt;text-decoration: none;}
.News2 a:hover{color: #555555;font-size: 13pt;text-decoration: none;}
#News1_____ {padding: 0px; border: 1px dotted rgba(0,0,0,0.5);background: rgba(255,255,255,1);}
#News1_____:hover{border: 1px solid rgba(0,0,0,0.8); }

.prodSel{ font-family: Microsoft JhengHei,Simsun,Arial;font-size: 20px; padding: 5px; }
.a_1 {
	font-family: Microsoft JhengHei,Simsun,Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
}
.a_3 {
	font-family: Microsoft JhengHei,Simsun,Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 23px;
	color: #000000;
}
.a_041 {font-family: Georgia, Arial, Helvetica, sans-serif;	font-size: 13px;	color: #ffffff;	}
.a_041 a:link{		font-size: 13px;	color: #ffffff;	text-decoration: none;	}
.a_041 a:visited{	font-size: 13px;	color: #ffffff;	text-decoration: none;	}
.a_041 a:hover{	font-size: 13px;	color: #DFDFDF;	text-decoration: none;	}





.a_31 {
	font-family: Microsoft JhengHei,Simsun,Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #666666;
	background: #ffffff;
}
.a_31_1 {
	font-family: Microsoft JhengHei,Simsun,Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	height: 27px;
	color: #333333;
	background: rgba(255,255,219,0.85);
	box-shadow: rgba(255,255,219,1) 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_30px{  padding-top: 30px }
.pd_t_50px{  padding-top: 50px }
.pd_t_100px{  padding-top: 100px }
.pd_t_150px{  padding-top: 150px }
.pd_b_30px{  padding-bottom: 30px }
.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 (min-width: 1025px) {
	/*#Title{ display: none}*/
}

@media only screen and (max-width: 1024px) {
	#Title{ display: block}
}
@media only screen and (max-width: 768px) {
	#nImage   { box-shadow: 0px 0px 15px 2px #6e6e6e; }
}
@media only screen and (max-width: 640px) {

	/*#wowslider-container1{display: none !important}57版 banner*/
	#BtnClose{right:20px !important}
	#BtnClose img{width: 20px !important; height: 20px !important}
	#A1 #index1 .div10 { width: 160px; height: 130px;overflow: hidden;background-color: #ffffff; border: 0px solid #000;}
	#A1 #index1 .div10 img{margin: 3px;height: 124px;max-width: 154px; }
	.pd_t_100px{  padding-top: 50px }
	.pd_b_100px{  padding-bottom: 50px }
	#Button  { font-size:15px !important; width: 49% !important;height:50px !important;padding:5px !important;}
	
	#pButton, #pButton1 { width: 45%; }
	
}

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





















































































*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
.pageFadeIn{visibility: hidden;}
.container{max-width: 980px; width:90%; margin:auto; position: relative;}



.container ul{padding:30px 0 0 0;}
.contentList > li{width:100%; display: table; border:1px solid #dbdbdb; background:#FFF; padding:2.8% 3.7%; margin-bottom: 26px;}

@media screen and (max-width:1100px){
  .contentList > li{padding:3% 2%;}
}
@media screen and (max-width:1000px){
  .contentSide .container{padding-top:50px;}
}



.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
.animated-slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.hide1, .wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.fadeIn, .fadeInUp{ visibility: visible !important; }

.delay-01s { animation-delay: 0.1s; -webkit-animation-delay: 0.1s; }
.delay-02s { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.delay-03s { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.delay-04s { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-06s { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay-07s { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; }
.delay-08s { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.delay-09s { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
.delay-10s { animation-delay: 1.0s; -webkit-animation-delay: 1.0s; }

@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}