@media only screen and (min-width: 961px) {
/* -------連結-------- */

a:hover {
	text-decoration: none;
	color: #990000;
}	
/* -------下拉選單-------- */
  .top-list {
	width: 100%;
	padding: 0px 10px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }	
/* -------回到最頂 -------- */
#gotop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    z-index: 1000;
    opacity: 0.8;
}
#gotop a:link {
	text-decoration: none;
}
#gotop a:visited {
	text-decoration: none;
}

/*滑過反應 */
#gotop a:hover {
	text-decoration: none;
}
#gotop a:active {
	text-decoration: none;
}
/* -------影片區大-------- */
#top-iframe{ 
	height:600px; 
	overflow:hidden; 
	text-align: center;
	}

#top-iframe-in{ 
	width:100%; 
	height:100%;
	text-align: center;	
}
/* -------影片區中-------- */
#top-iframe01{ 
    display:none; 
	}

#top-iframe01-in{ 
    display:none; 
}	
/* -------影片區小-------- */
#top-iframe0{ 
    display:none; 
	}

#top-iframe0-in{ 
    display:none; 
}	
/* -------大區塊-------- */
  .container {
    width: 70%;
    margin: 0px auto;
  } 
/* -------頂部LOGO塊-------- */
  .top {
    width: 100%;
    margin: 0px auto;
	padding: 25px 15px 15px 15px ;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#E8E8E8;
	background: -webkit-linear-gradient(#ffffff,#FAFAFA );
background: -o-linear-gradient(#ffffff,#FAFAFA );
background: -moz-linear-gradient(#ffffff,#FAFAFA );
background: linear-gradient(#ffffff,#FAFAFA ); 
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
  }	
  .container02 {
    width: 80%;
    margin: 0px auto;
  } 	
  .container03 {
    width: 95%;
    margin: 0px auto;
  } 	
	
/* -------首頁點看更多 -------- */
.btn-flat-simple {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #404040;
  background-color:#fff600;
  transition: .4s;
  padding: 15px 20px;
  font-family: 微軟正黑體;
  font-size: 11pt;
  letter-spacing: 1px;	
  font-weight:600;	
}

.btn-flat-simple:hover {
  background: #0171ad;
  color: #FFFFFF;
  font-family: 微軟正黑體;
  font-size: 11pt;
  letter-spacing: 1px;	
}

/* -------首頁產品點看更多 -------- */
.product-simple {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  background-color:#ae0d0d;
  transition: .4s;
  padding: 10px 20px;
  margin:10px 0px 0px 0px; 	
  font-family: 微軟正黑體;
  font-size: 9pt;
  border-radius: 20px;
  letter-spacing: 1px;	
  font-weight:600;	
}

.product-simple:hover {
  background: #dbdbdb;
  color: #535353;
  font-family: 微軟正黑體;
  font-size: 9pt;
  letter-spacing: 1px;	
}	
/* -------首頁連絡大框 -------- */
/* 首頁聯絡外框 */	
.index-c{
  width: 100%;
  padding: 40px 50px;
  text-align:justify;
  background-color: rgba(255, 255, 255, 0.7);
  border-style:solid;
  border-width:3px;
  border-color:#8a2828;		
  }		

/* 產品頁藍色話框 */	
.cblue0 {
	width: 100%;
	height: 60px;
	padding: 3px 10px 60px 10px;
	margin:0px 0px 20px 0px;
    text-align: center;
	background-image: url(../images/blue-bar0.png);
	background-position:center bottom;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/* 紅色話框 */	
.cred {
	width: 100%;
	height: 60px;
	padding: 3px 10px 60px 10px;
	margin:0px 0px 20px 0px;
    text-align: center;
	background-image: url(../images/red-bar.png);
	background-position:center bottom;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }	
/* 認證頁金色話框 */	
.cgold {
	width: 100%;
	height: 60px;
	padding: 3px 10px 60px 10px;
	margin:0px 0px 20px 0px;
    text-align: center;
	background-image: url(../images/award-bar.png);
	background-position:center bottom;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }	
  .c0 {
	width: 100%;
	padding: 80px 0px;
	text-align:justify;  
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }	
.c101 {
	width: 100%;
	padding: 0px 0px 60px 0px;
	text-align:justify; 
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }	
.c102 {
	width: 100%;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }	
.c103 {
	width: 100%;
	height: 80px;
	padding: 0px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.c104 {
	width: 100%;
	margin: 30px 0px 80px 0px;
	padding: 25px;
	border-width:1px;
	border-style:dotted;
	border-color:#c16c5c;
	letter-spacing:1px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
.c105 {
	width: 100%;
	margin: 40px 0px;
	padding: 0px;
	background-image: url(../images/background-plants.png);
	text-align: left;
	background-position:center;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
.c106 {
	width: 100%;
	padding: 0px;
	text-align:justify;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
.c107 {
	width: 100%;
	margin: 0px 0px 30px 0px;
	padding: 5px 30px;
	background: -webkit-linear-gradient(left,#2780c4,#14578a);
background: -o-linear-gradient(right,#2780c4,#14578a);
background: -moz-linear-gradient(right,#2780c4,#14578a);
background: linear-gradient(to right,#2780c4,#165d93);
	text-align:center;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }	
/* 組織架構 */		
.c108 {
	width: 100%;
	padding: 30px;
	margin: 0px;
	border-style:solid;
	border-width:1px;
	border-color:white; 
	background-color: rgba(255, 255, 255, 0.4); 
	text-align:justify; 
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
.c109 {
	width: 100%;
	padding: 0px 0px 30px 0px;
	text-align:justify;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/* 售電量表色底區 */	
.c110 {
	width: 100%;
	padding: 50px;
	text-align:justify;
	background-image: url(../images/en-pattern.png);
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/* 連結區底灰色 */	
.c111 {
	width: 100%;
	padding: 30px;
	text-align:justify;
	background-image: url(../images/en-pattern.png);
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/* 系統類型區藍底 */	
.c112 {
	width: 100%;
	padding: 30px;
	text-align:justify;
	background-color: rgba(187,227,249,0.5); 
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	 border-radius: 15px;
	font-family: 微軟正黑體;
	font-size: 10pt;
	color:#212121;
	letter-spacing:1px;
	line-height:23px;	
   }
/* 活動區外框 */
.c113 {
	width: 100%;
    margin: 0px 0px 30px 0px;
	padding: 40px 40px 50px 40px;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#D9D9D9 ;
	text-align:justify; 
	background-color: rgba(255,255,255,0.7);
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/* 活動區外框最底層 */
.c113-2 {
	width: 100%;
    margin: 0px;
	padding: 40px 40px 50px 40px;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#D9D9D9 ;
	text-align:justify; 
	background-color: rgba(255,255,255,0.7);
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }	
	
/* 水平線空間 */
.c114 {
	width: 100%;
	padding: 20px 0px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/* 靠右對齊 */	
.c115 {
	width: 100%;
	padding: 0px;
	text-align:right;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/* 首頁靠中對齊 */	
.c116 {
	width: 100%;
	padding: 30px 0px 0px 0px ;
	text-align:center;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }	
/* 框上有文字 */	
.box30{
	width: 100%;
	position:relative;
	padding:30px;
	font-size:20px;
	border:1px solid #d9d9d9;
}
.box30::after{
	content: "POINT";
	position: absolute;
	top: -8px;
	left: 20px;
	background: #fff;
	font-size: 14px;
	color: #0987c2;	
	padding: 0 10px;
}	
	
/* 認證區 */		
  .award01 {
    width: 100%;
    padding: 40px;
	margin: 0px 0px 25px 0px; 
	background-image: url(../images/about-award0.jpg); 
	background-position:RIGHT top; 
	background-repeat: no-repeat;   
    border-style:solid;
	border-width:1px;
    border-color:#e4be76;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;   
  }	
  .award02 {
    width: 100%;
    padding: 40px;
	margin: 0px 0px 25px 0px; 
	text-align:justify;   
	background-image: url(../images/about-award06.png); 
	background-position:RIGHT top; 
	background-repeat: no-repeat; 
    border-style:solid;
    border-width:1px;
    border-color:#5f965e;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;  
  }	
	
/* -------各區獨立大區塊-------- *//* 工程區BANNER */		
.cs-backin {
	width: 60%;
	margin: 80px auto;
	padding: 20px 50px;
	text-align: center;
	background-color: rgba(255,255,255,0.8);
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/*案例介紹白文框 */	
.cs {
	width: 100%;
	padding: 60px;
	margin: 0px;
	background-color: #F5F5F5 ;
	text-align:justify; 
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/*案例介紹地圖框 */	
.cs-0 {
	width: 100%;
	padding: 0px 0px;
	text-align:justify; 
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/*案例照片大框 */	
.cs-01 {
	width: 60%;
	padding: 0px 10px 40px 0px;
	text-align:justify; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }	
/*案例介紹表格 */	
.cs-02 {
	width: 40%;
	padding: 0px 0px 40px 15px;
	text-align:justify; 
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/*案例介紹大圖框 */	
.cs-03 {
	width: 100%;
	padding: 0px 0px 20px 0px;
	text-align:justify; 
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/* 問與答區 */
.QA-w {
	width: 100%;
	padding: 40px;
	margin: 0px 0px 20px 0px;
	text-align:left; 
	background-color: #ffffff;
        border-radius: 15px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }	

/* -------banner區-------- */
.bn{
	width: 100%;
	height: 35px;
	padding: 0px 0px 0px 40px;
	margin: 0px 0px 20px 0px;
	text-align: left;
	vertical-align: middle;
	font-family:'Noto Sans TC', sans-serif;
	font-size: 18pt;
	color:#303030;
	letter-spacing:1px;
	font-weight:600;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/background-energy-storage.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 35px 35px;
	}
	
.bn-center{
	width: 100%;
	margin: 0px 0px 40px 0px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}	
/* 首頁產品區黃腰帶 */		
.bn-center0{
	width: 100%;
	margin: 0px;
	padding:10px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#fff600;
}	
/* 活動區外框 */	
.bn-activ{
	width: 100%;
	padding: 10px 10px 10px 25px;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
	font-family:'Noto Sans TC', sans-serif;
	font-size: 18pt;
	color:#303030;
	letter-spacing:1px;
	font-weight:600;
    border-bottom:1px solid  #d4e9fd;
    border-top:5px solid #94c4f4;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;    
	background-image: url(../images/news-activity.jpg);
	background-position:right bottom;
	background-repeat: no-repeat;
}	
/* 問與答區外框 */	
.bn-QA{
	width: 100%;
	padding: 30px 30px 30px 90px;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
	font-family:'Noto Sans TC', sans-serif;
	font-size: 18pt;
	color:#303030;
	letter-spacing:1px;
	font-weight:600;
    border-bottom:1px solid  #e3d1d1;
    border-top:5px solid #af3636;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;    
	background-image: url(../images/QA.png);
	background-position:left bottom;
	background-repeat: no-repeat;
}

/* 大分區中間白BANNER */	
.backin {
	width: 70%;
	margin: 70px auto;
	padding: 60px;
	text-align: justify;
	background-color: rgba(255,255,255,0.3);
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
   }	

/* -------二區-------- */	
  .c2-1 {
    width: 75%;
	padding: 0px 25px 0px 0px;
	text-align:center;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
  }
  .c2-2 {
    width: 25%;
	padding: 0px;
	margin: 40px 0px 0px 0px; 
	text-align:justify; 
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
  .c2-3 {
    width: 45%;
	padding: 0px 50px 0px 0px;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
  }
  .c2-4 {
    width: 55%;
	padding: 0px;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }

  .c2-5 {
    width: 55%;
	padding: 0px 0px 60px 0px;
	text-align:justify; 
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
  }
  .c2-6 {
    width: 45%;
	padding: 0px 0px 60px 50px;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
  .c2-7 {
    width: 25%;
	padding: 0px 30px 0px 0px;
	text-align:left;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
  .c2-8 {
    width: 75%;
	padding: 0px;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
 .c2-16{
    width: 30%;
	padding: 0px;
	float: left	;
	text-align:center; 
	vertical-align:middle; 
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
 .c2-17	{
    width: 70%;
	padding: 0px 0px 0px 30px;
	float: left;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
 .c2-18	{
    width: 25%;
	padding: 0px;
	float: left	;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
 .c2-19	{
    width: 75%;
	padding: 0px 0px 0px 50px;
	float: left;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
 .c2-20	{
    width: 65%;
	padding: 70px 0px 70px 80px;
	float: left;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
	
/* 問與答外框 */	
 .c2-21	{
    width: 10%;
	padding: 0px;
	float: left;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
/* 問與答外框 */	
 .c2-22	{
    width: 90%;
	padding: 0px 0px 0px 40px;
	float: left;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
/* 活動區左內框 */	
 .c2-23	{
    width: 50%;
	padding: 0px 10px 0px 0px;
	float: left;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
/* 活動區右內框 */
 .c2-24	{
    width: 50%;
	padding: 0px 0px 0px 10px;
	float: left;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
/* 投資報籌區左內框 */
 .c2-25	{
    width: 50%;
	padding: 30px 40px;
	float: left;
	text-align:center;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
/* 投資報籌區右內框 */	
 .c2-26	{
    width: 50%;
	padding: 30px 40px;
	float: left;
	text-align:center;
	border-style:dotted;
	border-width:0px 0px 0px 2px;
	border-color:#E3E3E3;  
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
/* 首頁區新聞左 */	
 .c2-27	{
    width: 15%;
	padding: 0px;
	overflow: hidden;
	text-align: justify; 
 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }	
/* 首頁區新聞右 */	
  .c2-28 {
    width: 85%;
	padding: 0px 0px 20px 0px;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
/* 首頁區產品右 */	
 .c2-29	{
    width: 75%;
	padding: 0px 0px 0px 10px;
	float: left;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }	
/* 首頁區產品左 */	
 .c2-30{
    width: 25%;
	padding: 10px;
	float: left	;
	text-align:center; 
	vertical-align:middle; 
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
/* 首頁區聯絡我們左內框 */
 .c2-31	{
    width: 50%;
	padding: 0px 30px 0px 0px;
	float: left;
	text-align:justify;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }
/* 首頁區聯絡我們右內框 */	
 .c2-32	{
    width: 50%;
	padding: 0px 0px 0px 30px;
	float: left;
	text-align:justify;
	border-style:solid;
	border-width:0px 0px 0px 1px;
	border-color:#a7a4a3;  
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
   }	
	
  /* -------頂圖區-------- */
    .c3-7 {
	width: 20%;
	padding: 5px 0px;
	text-align:justify;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
  .c3-8 {
	width: 50%;
	padding: 5px 0px ;
	text-align:justify;   
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }

  .c3-11 {
	width: 15%;
	padding: 5px 0px;
        float:left;
	text-align:right;  
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }

  .c3-9 {
	width: 5%;
	padding: 5px 0px;
	text-align:right; 
        float:left;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/* -------三區底-------- */	
 .c3-4 {
	width: 35%;
	padding: 0px 30px 0px 0px;
	text-align:justify; 
	overflow: hidden;
	border-style:solid;
	border-width:0px 1px 0px 0px;
	border-color:#7bafd4;  
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  .c3-5 {
	width: 35%;
	padding: 0px 30px 0px 30px;
	text-align:justify;  
	overflow: hidden;
	border-style:solid;
	border-width:0px 1px 0px 0px;
	border-color:#7bafd4;    
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
  .c3-6 {
	width: 30%;
	padding: 0px 0px 0px 30px;
	text-align:justify;  
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
/* -------四區-------- */	
/* 間格25四區 */
.parent25{
  overflow: hidden;
  margin-right: -25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
} 
/* 首頁間格15三區 */
.parent15{
  overflow: hidden;
  margin-right: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
} 	
/* 間格0四區 */
.parent0{
  overflow: hidden;
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
} 	
.child50{
    float: left;
    width: 50%;
    display: -webkit-flex;
    display: flex;
   -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }	
.in500{
  margin: 0px 25px 0px 0px;
  text-align:justify;
  background-color: #ffffff;
  }	
.in50{
  margin: 0px 25px 25px 0px;
  text-align:justify;
  background-color: #ffffff;
  }	
.child33,.child33-topic{
    float: left;
    width: 33.33%;
    display: -webkit-flex;
    display: flex;
   -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
.in33{
  margin: 0px 25px 25px 0px;
  text-align:justify;
  background-color: #F5F5F5 ;
  }	
.in33 img{
  opacity:1;
}
.in33 img:hover{
  opacity:0.5;
}
.in330{
  margin: 0px 25px 0px 0px;
  text-align:justify;
  background-color: #F5F5F5 ;
  }
.in330 img{
  opacity:1;
}
.in330 img:hover{
  opacity:0.5;
}	
.in33w{
  margin: 0px 25px 25px 0px;
  text-align:justify;
  background-color: #ffffff;
box-shadow:0px 0px 10px #cccccc;	
  }	
.in33w img{
  opacity:1;
}
.in33w img:hover{
  opacity:0.5;
}	
.in330w{
  margin: 0px 25px 0px 0px;
  text-align:justify;
  background-color: #ffffff;
box-shadow:0px 0px 10px #cccccc;	
  }	
.in330w img{
  opacity:1;
}
.in330w img:hover{
  opacity:0.5;
}	
.in33lw{
  margin: 0px 25px 25px 0px;
  text-align:justify;
  background-color: #ffffff;
  border-style:solid;
  border-width:1px;
  border-color:#a7c8a3;	
  }	
.in33lw img{
  opacity:1;
}
.in33lw img:hover{
  opacity:0.5;
}
	
.in330lw{
  margin: 0px 25px 0px 0px;
  text-align:justify;
  background-color: #ffffff;
  border-style:solid;
  border-width:1px;
  border-color:#c29191;		
  }		
.in330lw img{
  opacity:1;
}
.in330lw img:hover{
  opacity:0.5;
}	
/* 首頁產品外框 */	
.in33-0{
  margin: 0px 25px 25px 0px;
  padding: 30px;
  text-align:justify;
background:#ffffff;
  border-style:solid;
  border-width:8px;
  border-color:#f2f2f2;		
  }	
/* 首頁網站更新三分 */	
.in33-topic{
  margin: 0px 15px 25px 0px;
  text-align:justify;
  background-color: #F5F5F5 ;
  }	
.in33-topic img{
  opacity:1;
}
.in33-topic img:hover{
  opacity:0.5;
}	
	
.child25{
    float: left;
    width: 25%;
    display: -webkit-flex;
    display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  }
.in25{
  margin: 0px 25px 30px 0px;
  text-align:justify;
  }
.in25 img{
  opacity:1;
}
.in25 img:hover{
  opacity:0.5;
}
.in250{
  margin: 0px 25px 0px 0px;
  text-align:justify;
  }
.in250 img{
  opacity:1;
}
.in250 img:hover{
  opacity:0.5;
}	
/* 上方間格20文字區 */	
.intxt20{
  margin: 0px;
  text-align:justify;
  padding: 10px 0px 0px 0px;
   }
/* 間格30文字區 */	
.intxt30{
  margin: 0px;
  text-align:justify;
  padding: 30px;
  }	
		
/* 間格2030文字區 */	
.intxt2030{
  margin: 0px;
  text-align:justify;
  padding: 20px 30px 20px 30px;
  }	
/* 間格2030對齊中間文字區 */	
.intxt1030c{
  margin: 0px;
  text-align:center;
  padding: 10px 30px;
  }		
/* 上方間格10文字區 */	
.intxt10{
  margin: 0px;
  text-align:center;
  padding: 10px 20px 30px 20px;
  }		
/* 聯絡我們發信 */		
.intxt{           
  text-align:right;
  margin: 0px;	
  padding: 0px;
   }
/* 歷史區下方 */	
.in0{
  margin: 0px 0px;
  text-align:justify;
  }		
/*案例介紹四區小圖框 */
	.c4-5 {
	width: 25%;
	text-align:justify; 
	padding: 0px 9px 0px 0px;
	float:left;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  .c4-6 {
	width: 25%;
	text-align:justify;  
	padding: 0px 6px 0px 3px;
	float:left;  
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
  .c4-7 {
	width: 25%;
	text-align:justify;  
	padding: 0px 3px 0px 6px;
	float:left;  
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }
  .c4-8 {
	width: 25%;
	text-align:justify;  
	padding: 0px 0px 0px 9px;
	float:left;  
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }

/* -------小區內格-------- */
/* 案例區下文 */	
.cs02 {
	width: 100%;
	padding: 10px 0px 0px 0px;
	text-align:justify;
	margin: 0px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }	
/* 藍色底小格 */
.cs03 {
	width: 10%;
	padding: 0px 15px 0px 0px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }	
.cs04 {
	width: 90%;
	padding: 0px 0px;
	text-align:justify;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }	
/* 連結小圖透明 */	
.cs09 {
	width: 100%;
	padding: 0px 0px;
	text-align:justify; 
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:#D4D4D4; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }	
.cs09 img{
  opacity:1;
}
.cs09 img:hover{
  opacity:0.5;
}
/* 連結小圖底 */	
.cs10 {
	width: 100%;
	padding: 10px;
	background-color: white;
	text-align:justify;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#D4D4D4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }	
/* 產品分類連結區 */	
.cs11 {
	width: 100%;
	padding: 0px;
	background-color: -webkit-linear-gradient(#ffffff,#F5F5F5);
    background: -o-linear-gradient(#ffffff,#F5F5F5);
     background: -moz-linear-gradient(#ffffff,#F5F5F5);
     background: linear-gradient(#ffffff,#F5F5F5);
     border-style:solid;
     border-width:1px;
	border-color: #F5F5F5;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
  }	
}