@charset "utf-8";
  /* CSS Document */

  
  /*--------------------------------- 內頁共用 -----------------------------------*/
  
   .arc{
     -moz-border-radius: 5px; /* Firefox */
     -webkit-border-radius: 5px; /* Safari, Chrome */
     -khtml-border-radius: 5px; /* Konqueror */
     border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
     behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	}
	
	.shadow {
      -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Firefox */
     -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Safari 和 Chrome */
      box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Opera 10.5 + */
      filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=6); /* ie */
	 }	   
  	
	/* 內頁外框 */
	
	.right-frame .pages-content {
	float: left;
	display: inline-block;
	text-align: center;
    } 
	
    
	@media only screen and (min-width: 991px) {
    .right-frame .pages-content {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 20px;
	margin-bottom: 40px;
    } 
    }

  @media only screen and (min-width: 769px) and (max-width: 990px) {
   .right-frame .pages-content {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 20px;
	margin-bottom: 30px;
    } 
   }
  
  @media only screen and (min-width: 0px) and (max-width: 768px) {
  .right-frame .pages-content {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 15px;
	margin-bottom: 15px;
    } 
  }
  
  /* list */
    
    .list-content {
	  width:100%;
	  float:left;
	  display:inline-block;
	  margin-bottom:20px;
    }
	
	.list-title-ex {
	width: 100%;
	float: left;
	display: inline-block;
	font-size: 85%;
	line-height: 230%;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	color:#777;
	  }
	  
    .list-title {
	width: 100%;
	float: left;
	display: inline-block;
	font-size: 150%;
	line-height: 240%;
	font-weight: normal;
	text-decoration: none;
    }	
	
	/**/
	  
	  .list-item{
	width: 100%;
	float: left;
	font-size: 100%;
	line-height: 35px;
	font-weight: normal;
	text-decoration: none;
	background-image: url(../../all_img/images-new/list-item-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	  }
	  	  
	  .list-item div {
	    text-overflow : ellipsis;
  	    white-space:nowrap;word-wrap: normal;
	    overflow: hidden;
	  }
	  
	  /**/
	  
	  .list-data{
	  width:100%;
	  float:left;
	  display:inline-block;  
      word-wrap: break-word;
      word-break: break-all;
	  }
	  .list-data li {
	width: 100%;
	float: left;
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	font-size: 105%;
	line-height: 25px;
	font-weight: normal;
	text-decoration: none;
	  }
	  .list-data li:nth-child(odd) {
	  background-color:#fff;
	  }
	  .list-data li {
	  background-color:#f7f7f7;		  
	  }
	  	  .list-data li:hover {
	  background-color:#ededed;		  
	  }
	  
     .list-data div {
	   padding-top:10px;
  	   padding-bottom:10px;
	  display:inline-block;
	  }
	  
	  .list-data li h3 {
	font-size: 120%;
	line-height: 300%;
	font-weight: normal;
	text-decoration: none;
	  }
	  	 
	 /*--- list-frame -----*/ 
     .list-frame {
	  width:100%;
	  float:left;
	  display:inline-block;
	  }	  	  

      .list-content li div{
	  float:left;
	  display:inline-block;
	  padding-left:2%;
	  padding-right:2%;
	  }
	  .list-content li a {
	  width:100%;
	  color:#333;
      display:inline-block;

	  } 
	  .list-content li a:hover {
	   }

	   
	   
	  /*-- 申辦服務 一欄 ---*/
	 
	 .list-service01{}
	   
	 .list-content  .list-service01 .list-data li div:nth-child(1) {
  	   text-align:left;		 
	  }
  
     @media (min-width: 768px) {
     .list-item{
  	 display: inline-block;
	 }
	 .list-content .list-service01 li div:nth-child(1){
	  width:100%;
	  }
	 	
	  
     }
 
     @media (max-width: 767px) {
     .list-item{
  	  display: none;
 	 }
	 .list-content .list-service01 li div:nth-child(1){
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	font-size: 110%;
	line-height: 160%;
	font-weight: normal;
	text-decoration: none;
	  }	
	 
     } 
	 
	  /*-- 申辦服務 一欄 二欄隱藏 ---*/
	 
	 .list-main01{}
	   
	 .list-content  .list-main01 .list-data li div:nth-child(1) {
  	   text-align:left;		 
	  }
  	 .list-content  .list-main01 .list-data li div:nth-child(1) {
  	   text-align:left;		 
	  }
  
           @media (min-width: 768px) {
          .list-item{
  	  display: inline-block;
	  }
	 .list-content .list-main01 li div:nth-child(1){
	  width:75%;
	  }
	  .list-content .list-main01 li div:nth-child(2){
	  width:25%;
	  }
     }
 
     @media (max-width: 767px) {
     .list-item{
  	  display: none;
 	 }
	 .list-content .list-main01 li div:nth-child(1){
  	   width: 90%;
  	   margin-left:5%;
  	   margin-right:5%;
  	   font-size: 110%;
  	   line-height: 160%;
  	   font-weight: normal;
  	   text-decoration: none;
  	   border-bottom-width: 1px;
  	   border-bottom-style: dotted;
  	   border-bottom-color: #ccc;
	  }
	  .list-content .list-main01 li div:nth-child(2){
  	   width: 50%;
	   color:#777;
	  }
     } 	 
	 
	 
	  /*--法令規章 二欄 ---*/
	 
	 .list-law01{}
	   
	 .list-content  .list-law01 .list-data li div:nth-child(1) {
  	   text-align:left;		 
	  }
  
     @media (min-width: 768px) {
     .list-item{
  	  display: inline-block;
	  }
	 .list-content .list-law01 li div:nth-child(1){
	  width:70%;
	  }
	  .list-content .list-law01 li div:nth-child(2){
	  width:30%;
	  }	 
     }
 
     @media (max-width: 767px) {
     .list-item{
  	  display: none;
 	 }
	 .list-content .list-law01 li div:nth-child(1){
  	   width: 90%;
  	   margin-left:5%;
  	   margin-right:5%;
  	   font-size: 110%;
  	   line-height: 160%;
  	   font-weight: normal;
  	   text-decoration: none;
  	   border-bottom-width: 1px;
  	   border-bottom-style: dotted;
  	   border-bottom-color: #ccc;
	  }
	  .list-content .list-law01 li div:nth-child(2){
  	   width: 100%;
	   color:#777;
	  }
	  
     }

	 /*-- 新聞焦點 三欄 ---*/
	 
	 .list-bulletin02{}
	   
	 .list-content  .list-bulletin02 .list-data li div:nth-child(1) {
  	   text-align:left;		 
	  }
  
     @media (min-width: 768px) {
     .list-item{
  	 display: inline-block;
	 }
	 .list-content .list-bulletin02 li div:nth-child(1){
	  width:60%;
	  }
	  .list-content .list-bulletin02 li div:nth-child(2){
	  width:20%;
	  }
	  .list-content .list-bulletin02 li div:nth-child(3){
	  width:20%;
	  }		
	  
     }
 
     @media (max-width: 767px) {
     .list-item{
  	  display: none;
 	 }
	 .list-content .list-bulletin02 li div:nth-child(1){
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	font-size: 110%;
	line-height: 160%;
	font-weight: normal;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	  }
	  .list-content .list-bulletin02 li div:nth-child(2){
  	  width: 50%;
	  color:#777;
	  }
	  .list-content .list-bulletin02 li div:nth-child(3){
	  width:50%;
	  color:#777;
	  }
	 
     }

 /*-- 旅館安全 三欄 ---*/
	 
	 .list-hostel {}
	   
	 .list-content  .list-hostel .list-data li div:nth-child(1) {
  	   text-align:left;		 
	  }
  
     @media (min-width: 768px) {
     .list-item{
  	 display: inline-block;
	 }
	 .list-content .list-hostel li div:nth-child(1){
	  width:40%;
	  }
	  .list-content .list-hostel li div:nth-child(2){
	  width:30%;
	  }
	  .list-content .list-hostel li div:nth-child(3){
	  width:30%;
	  }		
	  
     }
 
     @media (max-width: 767px) {
     .list-item{
  	  display: none;
 	 }
	 .list-content .list-hostel li div:nth-child(1){
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	font-size: 110%;
	line-height: 160%;
	font-weight: normal;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	  }
	  .list-content .list-hostel li div:nth-child(2){
  	  width: 50%;
	  color:#777;
	  }
	  .list-content .list-hostel li div:nth-child(3){
	  width:50%;
	  color:#777;
	  }
	 
     } 


	 
	  /*--研究報告 計畫處 六欄 ---*/
	 
	 .list-study-s7{}
	   
	 .list-content  .list-study-s7 .list-data li div:nth-child(1) {
  	   text-align:left;		 
	  }
  
     @media (min-width: 768px) {
     .list-item{
  	 display: inline-block;
	 }
	 .list-content .list-study-s7 li div:nth-child(1){
	  width:25%;
	  }
	  .list-content .list-study-s7 li div:nth-child(2){
	  width:15%;
	  }
	  .list-content .list-study-s7 li div:nth-child(3){
	  width:15%;
	  }		
	  .list-content .list-study-s7 li div:nth-child(4){
	  width:25%;
	  }	
	   .list-content .list-study-s7 li div:nth-child(5){
	  width:10%;
	  }	
	   .list-content .list-study-s7 li div:nth-child(6){
	  width:10%;
	  }	
     }
 
     @media (max-width: 767px) {
     .list-item{
  	  display: none;
 	 }
	 .list-content .list-study-s7 li div:nth-child(1){
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	font-size: 110%;
	line-height: 160%;
	font-weight: normal;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	  }
	  .list-content .list-study-s7 li div:nth-child(2){
  	  width: 50%;
	  color:#777;
	  }
	  .list-content .list-study-s7 li div:nth-child(3){
	  width:50%;
	  color:#777;
	  }
	.list-content .list-study-s7 li div:nth-child(4){
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	font-size: 110%;
	line-height: 160%;
	font-weight: normal;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	  }
	  	  .list-content .list-study-s7 li div:nth-child(5){
	  width:50%;
	  color:#777;
	  }
	  	  .list-content .list-study-s7 li div:nth-child(6){
	  width:50%;
	  color:#777;
	  }
	 
     }
	 
	 /*--公務出國報告 計畫處 六欄-b ---*/
	 
	 .list-study-s7-b{}
	   
	 .list-content  .list-study-s7-b .list-data li div:nth-child(1) {
  	   text-align:left;		 
	  }
  
     @media (min-width: 768px) {
     .list-item{
  	 display: inline-block;
	 }
	 .list-content .list-study-s7-b li div:nth-child(1){
	  width:22%;
	  }
	  .list-content .list-study-s7-b li div:nth-child(2){
	  width:15%;
	  }
	  .list-content .list-study-s7-b li div:nth-child(3){
	  width:15%;
	  }		
	  .list-content .list-study-s7-b li div:nth-child(4){
	  width:20%;
	  }	
	   .list-content .list-study-s7-b li div:nth-child(5){
	  width:15%;
	  }	
	   .list-content .list-study-s7-b li div:nth-child(6){
	  width:10%;
	  }	

	  
     }
 
     @media (max-width: 767px) {
     .list-item{
  	  display: none;
 	 }
	 .list-content .list-study-s7-b li div:nth-child(1){
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	font-size: 110%;
	line-height: 160%;
	font-weight: normal;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	  }
	  .list-content .list-study-s7-b li div:nth-child(2){
	  width: 90%;
	  margin-left:5%;
  	  margin-right:5%;
	  color:#777;
	  text-align:left;	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;  
	  }
	  .list-content .list-study-s7-b li div:nth-child(3){
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	  color:#777;
	  text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	  }
	.list-content .list-study-s7-b li div:nth-child(4){
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	font-weight: normal;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
  text-align:left;
	  }
	 .list-content .list-study-s7-b li div:nth-child(5){
	  width:50%;
	  color:#777;
	  }
	  .list-content .list-study-s7-b li div:nth-child(6){
	  width:50%;
	  color:#777;
	  }
	 
     }
	 
	  /*--政府出版品目錄 計畫處 五欄-c ---*/
	 
	 .list-study-s7-c{}
  
     @media (min-width: 768px) {
     .list-content  .list-study-s7-c .list-data li div:nth-child(2) {
  	   text-align:left;		 
	  }
		 
     .list-item{
  	 display: inline-block;
	 }
	 .list-content .list-study-s7-c li div:nth-child(1){
	  width:20%;
	  }
	  .list-content .list-study-s7-c li div:nth-child(2){
	  width:30%;
	  }
	  .list-content .list-study-s7-c li div:nth-child(3){
	  width:15%;
	  }		
	  .list-content .list-study-s7-c li div:nth-child(4){
	  width:20%;
	  }	
	   .list-content .list-study-s7-c li div:nth-child(5){
	  width:15%;
	  }	

     }
 
     @media (max-width: 767px) {
     .list-item{
  	  display: none;
 	 }
	 .list-content .list-study-s7-c li div:nth-child(1){
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	  color:#777;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	  }
	  .list-content .list-study-s7-c li div:nth-child(2){
	  width: 90%;
	margin-left:5%;
	margin-right:5%;
	font-size: 110%;
	line-height: 160%;
	font-weight: normal;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc; 
	  }
	  .list-content .list-study-s7-c li div:nth-child(3){
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	  color:#777;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	  }
	.list-content .list-study-s7-c li div:nth-child(4){
	width:50%;
	  color:#777;
	  }
	 .list-content .list-study-s7-c li div:nth-child(5){
	  width:50%;
	  color:#777;
	  }
	
     }

   /*--------------------------- 內容文字 ------------------------------*/	

    .pages-content-text {
	 width:100%;
	 float:left;
	 text-align:left;		
	 }	
	
   /*------------------------ search-frame ------------------------------*/
  
     .search-frame-pa {
	width: 100%;
	float: left;
	display: inline-block;
	margin-bottom: 15px;
	padding-bottom:15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	  }
	  
	
	/*--------------------------------------------------------------------------*/ 
	
	
	  .search-frame-pa div {
	  float:left;
	  display:inline-block;
	  }
	
	 
	  /* 下拉 日期範圍 關鍵字 */
	  
	  @media only screen and (min-width: 769px) {
     
	  .search-from-a div:nth-child(1) {  
	  width:20%;
	  }
	  .search-from-a div:nth-child(2) {
	  width:52%;
	  }
	  .search-from-a div:nth-child(3) {
	  width:28%;
	  }
      }

      @media only screen and (min-width: 0px) and (max-width: 768px) {
    
  	  .search-from-a div {
	  padding-top:3px;
  	  padding-bottom:3px;
	  text-align:left;
	  }	
	  .search-from-a div:nth-child(1) {  
	  width:100%;
	  }
	  .search-from-a div:nth-child(2) {
	  width:100%;
	  }
	  .search-from-a div:nth-child(3) {
	  width:100%;
	  }
      }  
	  	  
	  /* 物件 */ 	  
	  @media only screen and (min-width: 769px) {
      .search-from-a .category select {
	  width:90%;
	  }
	  .search-from-a .date input[type="text"] {
	   width:34%;
	  }	    
	  .search-from-a .date label {
	  width:20%;
	  }     
	  .search-from-a .keyword input[type="text"] {
	  width:72%;
	  }
      }

      @media only screen and (min-width: 0px) and (max-width: 768px) {
     .search-from-a .category select {
	  width:88%;
	  }
	  .search-from-a .date input[type="text"] {
	   width:30%;
	  }	   
	  .search-from-a .date label {
	  display:none;
	  }     
	  .search-from-a .keyword input[type="text"] {
	  width:75%;
	  }
      } 
	  
	  /* 下拉 下拉 日期範圍 關鍵字 清除 */
	  
	  @media only screen and (min-width: 1201px) {
     
	  .search-from-b div:nth-child(1) {  
	  width:17%;
	  }
	  .search-from-b div:nth-child(2) {
	  width:17%;
	  }
	  .search-from-b div:nth-child(3) {
	  width:40%;
	  }
	  .search-from-b div:nth-child(4) {
	  width:26%;
	  }	  
      }	  
	   
	  @media only screen and (min-width: 769px) and (max-width: 1200px) {
      .search-from-b div:nth-child(1) {  
	  width:50%;
	  text-align:left;	  
	  }
	  .search-from-b div:nth-child(2) {
	  width:50%;
	  text-align:left;	
	  }
	  .search-from-b div:nth-child(3) {
	  margin-top:10px;
	  width:50%;
	  text-align:left;
	  }
	  .search-from-b div:nth-child(4) {
	  margin-top:10px;
	  width:50%;
	  text-align:left;
	  }	   
	  }

      @media only screen and (min-width: 0px) and (max-width: 768px) {
    
  	  .search-from-b div {
	  padding-top:3px;
  	  padding-bottom:3px;
	  text-align:left;
	  }	
	  .search-from-b div:nth-child(1) {  
	  width:100%;
	  }
	  .search-from-b div:nth-child(2) {
	  width:100%;
	  }
	  .search-from-b div:nth-child(3) {
	  width:100%;
	  }
	  .search-from-b div:nth-child(4) {
	  width:100%;
	  }
      }  
	  	  
	  /* 物件 */ 	  
	  @media only screen and (min-width: 1201px) {
      .search-from-b .category select {
	  width:90%;
	  }
	  .search-from-b .date input[type="text"] {
	   width:30%;
	  }	    
	  .search-from-b .date label {
	  width:20%;
	  }     
	  .search-from-b .keyword input[type="text"] {
	  width:50%;
	  }
      }
	  @media only screen and (min-width: 769px) and (max-width: 1200px) {
  	  .search-from-b .category select {
	  width:91%;
	  }
	  .search-from-b .date input[type="text"] {
	   width:30%;
	  }	    
	  .search-from-b .date label {
	  width:20%;
	  }     
	  .search-from-b .keyword input[type="text"] {
	  width:68%;
	  }  
	  }

      @media only screen and (min-width: 0px) and (max-width: 768px) {
     .search-from-b .category select {
	  width:88%;
	  }
	  .search-from-b .date input[type="text"] {
	   width:30%;
	  }	   
	  .search-from-b .date label {
	  display:none;
	  }     
	  .search-from-b .keyword input[type="text"] {
	  width:68%;
	  }
      } 
	  
	  /* 文字 下拉 關鍵字 */
	  
	  @media only screen and (min-width: 1201px) {
     
	  .search-from-c div:nth-child(1) {  
	  width:15%;
	  }
	  .search-from-c div:nth-child(2) {
	  width:40%;
	  }
	  .search-from-c div:nth-child(3) {
	  width:45%;
	  }
	 
      }	  
	   
	  @media only screen and (min-width: 769px) and (max-width: 1200px) {
     .search-from-c div:nth-child(1) {  
	  width:20%;
	  }
	  .search-from-c div:nth-child(2) {
	  width:40%;
	  }
	  .search-from-c div:nth-child(3) {
	  width:40%;
	  }
	    
	  }

      @media only screen and (min-width: 0px) and (max-width: 768px) {
    
	  .search-from-c div:nth-child(1) {
	    width: 100%;
	    text-align: left;
	    margin-bottom: 5px;
	    text-indent: 10px;
	  }
	  .search-from-c div:nth-child(2) {
	  width:100%;text-align:left;
	  margin-bottom:10px;
	  }
	  .search-from-c div:nth-child(3) {
	  width:100%;text-align:left;
	  }
	 
      }  
	  	  
	  /* 物件 */ 
	  
	  .search-from-c .text {
	   color: #777;
	   line-height: 35px;
	  }
	  	  
	  @media only screen and (min-width: 1201px) {      
	  .search-from-c .category select {
	  width:100%;
	  }	   
	  .search-from-c .keyword input[type="text"] {
	  width:80%;
	  }
      }
	  @media only screen and (min-width: 769px) and (max-width: 1200px) {
  	  .search-from-c .category select {
	  width:94%;
	  }	      
	  .search-from-c .keyword input[type="text"] {
	  width:75%;
	  }  
	  }

      @media only screen and (min-width: 0px) and (max-width: 768px) {
     .search-from-c .category select {
	  width:75%;
	  }
	  .search-from-c .keyword input[type="text"] {
	  width:75%;
	  }
      } 
	  
	  	 /* 文字 下拉選單 */
	  
	  @media only screen and (min-width: 1201px) {
     
	  .search-from-e div:nth-child(1) {  
	  width:15%;
	  margin-left:60%;
	  text-align:right;
	  }
	  .search-from-e div:nth-child(2) {
	  width:25%;
	  }
	 
      }	  
	   
	  @media only screen and (min-width: 769px) and (max-width: 1200px) {
     .search-from-e div:nth-child(1) {  
	  width:20%;
	  margin-left:50%;
	  text-align:right;
	  }
	  .search-from-e div:nth-child(2) {
	  width:30%;
	  }	  
	    
	  }

      @media only screen and (min-width: 0px) and (max-width: 768px) {
      
	  .search-from-e div:nth-child(1) {
	    width: 40px;
	    text-align: left;
	    text-indent: 10px;
	  }
	  .search-from-e div:nth-child(2) {
	  width:150px;
	  text-align:left;
	  }
	 
      }  
	  
	  
	   /* 文字 關鍵字 */
	  
	  @media only screen and (min-width: 1201px) {
     
	  .search-from-d div:nth-child(1) {  
	  width:15%;
	  margin-left:40%;
	  text-align:right;
	  }
	  .search-from-d div:nth-child(2) {
	  width:45%;
	  }
	 
      }	  
	   
	  @media only screen and (min-width: 769px) and (max-width: 1200px) {
     .search-from-d div:nth-child(1) {  
	  width:20%;
	  margin-left:40%;
	  text-align:right;
	  }
	  .search-from-d div:nth-child(2) {
	  width:40%;
	  }	  
	    
	  }

      @media only screen and (min-width: 0px) and (max-width: 768px) {
    
	  .search-from-d div:nth-child(1) {
	    width: 100%;
	    text-align: left;
	    margin-bottom: 5px;
	    text-indent: 10px;
	  }
	  .search-from-d div:nth-child(2) {
	  width:100%;text-align:left;
	  margin-bottom:10px;
	  }
	  .search-from-d div:nth-child(3) {
	  width:100%;text-align:left;
	  }
	 
      }  
	  	  
	  /* 物件 */ 
	  
	  .search-from-d .text {
	   color: #777;
	   line-height: 35px;
	  }
	  	  
	  @media only screen and (min-width: 1201px) {      
		   
	  .search-from-d .keyword input[type="text"] {
	  width:80%;
	  }
      }
	  @media only screen and (min-width: 769px) and (max-width: 1200px) {
  	        
	  .search-from-d .keyword input[type="text"] {
	  width:75%;
	  }  
	  }

      @media only screen and (min-width: 0px) and (max-width: 768px) {
     
	  .search-from-d .keyword input[type="text"] {
	  width:75%;
	  }
      } 
	  
	  
	 /* 多欄位 搜尋 關鍵字 */
     .search-from-s7 {
	background-color: #f5f5f5;
	padding: 15px;
	border-bottom-style: none;
	  }		
		
		
	  .search-from-s7 .row-a {  
	  width:100%;
	  float:left;
	  display:inline-block;
	  text-align:left;	  	  
	  margin-bottom:5px;	  
	  }
	  .search-from-s7 .row-b {  
	  width:100%;
	  float:left;
	  display:inline-block;
	  text-align:left;	
	  margin-bottom:5px;	  
	  }
	  
	  .search-from-s7 .row-left { 
	  float:left;
	  display:inline-block;
	  text-align:left;	  	  
	  }
	  .search-from-s7 .row-right {  
	  float:left;
	  display:inline-block;
	  text-align:left;	  	  
	  }
	  
	  .search-from-s7 .row-right .row-right-form{
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	display: inline-block;
	text-align: left;
	margin-bottom: 5px;
	line-height: 35px;
	  }
	  
	  .search-from-s7 .row-right .row-right-form .de-form {
	  padding-left:5px;
	  padding-right:5px;
	  float:left;
	  display:inline-block;
	  text-align:center;
	  }
	  
	  
	  /**/
	  .search-from-s7 .row-right .row-right-form .d-bu {
	  display:inline-block;
	  padding-left:0px;
	  padding-right:0px;
	  }
	  
	  /*物件*/
      .search-from-s7 .row-right .row-right-form input[type="text"] {
	width: 98%;
	margin: 0px;
	padding-left:5px;
	padding-right:5px;
	background-color:#fff;
	  }	
	  .search-from-s7 .row-right .row-right-form select {
	  width:98%;
	margin: 0px;
	padding-left:5px;
	padding-right:5px;
	background-color:#fff;
	  }	
	  /**/
	  .search-from-s7 .row-right .row-right-form .d-bu input {
	  display:inline-block;
	  padding-left:5px;
	  padding-right:5px;
	  margin-left:5px;
	  margin-right:5px;
	  }
	  
	  .search-from-s7 .row-right .row-right-form .d-bu input {
	display: inline-block;
	margin-left: 1px;
	margin-right: 1px;
	font-size: 100%;
	line-height: 30px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	border: 1px solid #ccc;
	cursor: pointer;
	  }
	  	  
	.search-from-s7 .row-right .row-right-form .d-bu .bu-org {
	background-color: #e44d26;
	  }
   .search-from-s7 .row-right .row-right-form .d-bu .bu-org:hover {
	background-color: #ff5300;
   }
	  
	.search-from-s7 .row-right .row-right-form .d-bu .bu-gray {
	background-color: #aaa;
	}
	.search-from-s7 .row-right .row-right-form .d-bu .bu-gray:hover {
	background-color: #999;
	}
	  
	  
	  @media only screen and (min-width: 769px) {
    	  .search-from-s7 .row-left {  
	  width:15%;
	  }
	  .search-from-s7 .row-right {  
	  width:85%;
	  }
      }

      @media only screen and (min-width: 0px) and (max-width: 768px) {
      .search-from-s7 .row-left {
	width: 100%;
	line-height: 35px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	  }
	  .search-from-s7 .row-right {  
	  width:100%;
	  }
      }  
	  	  
		  
	  /* 物件 */ 	  
	  @media only screen and (min-width: 769px) {
  	  .search-from-s7 .row-right .row-right-form .d-bu input {
  	  padding-left: 15px;
	  padding-right: 15px;
	  }
      .search-from-s7 .row-right .row-right-form .d-a {
	  width:30%;
	  }
	  .search-from-s7 .row-right .row-right-form .d-b {
	  padding-left:1px;
	  padding-right:1px;	 
	  }
	  .search-from-s7 .row-right .row-right-form .d-c {
	  width:20%;
	  }
	  .search-from-s7 .row-right .row-right-form .d-d {
	  width:20%;
	  }
      }

      @media only screen and (min-width: 0px) and (max-width: 768px) {
	  .search-from-s7 .row-right .row-right-form .d-bu input {
  	  padding-left: 5px;
	  padding-right: 5px;
	  }
      .search-from-s7 .row-right .row-right-form .d-a {
	  width:40%;
	  }
	  .search-from-s7 .row-right .row-right-form .d-b {
	  width:10%;
	  }
	  .search-from-s7 .row-right .row-right-form .d-c {
	  width:25%;
	  }
	  .search-from-s7 .row-right .row-right-form .d-d {
	  width:25%;
	  }
      } 
	  
	  
	/*------- search 物件 ---------------------------------*/

	.search-frame-pa input[type="text"] {
	height: 35px;
	display: inline-block;
	font-size: 100%;
	line-height: 200%;
	font-weight: normal;
	color: #777;
	text-decoration: none;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	margin-left: 5px;
	padding-left: 5px;
	} 
	
	.search-frame-pa input[type="text"]:focus {
	height: 35px;
	display: inline-block;
	font-size: 100%;
	line-height: 200%;
	font-weight: normal;
	color: #777;
	text-decoration: none;
	background-color: #f5f5f5;
	border: 2px solid #f00000;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	margin-left: 5px;
	padding-left: 5px;
	} 

	.search-frame-pa select {
	height: 35px;
	display: inline-block;
	font-size: 100%;
	line-height: 200%;
	font-weight: normal;
	color: #777;
	text-decoration: none;
	background-color: #f5f5f5;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	margin-left: 5px;
	padding-left: 5px;
	border: 1px solid #ccc;
	} 
	
	.search-frame-pa select:focus {
	height: 35px;
	display: inline-block;
	font-size: 100%;
	line-height: 200%;
	font-weight: normal;
	color: #777;
	text-decoration: none;
	background-color: #f5f5f5;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	margin-left: 5px;
	padding-left: 5px;
	border: 2px solid #f00000;
	} 
	
	/**/
	.search-frame-pa .date .date-icon{
	   width: 35px;
	   height: 35px;
	   background-image: url(../../all_img/images-new/btn_date.png);
	   background-repeat: no-repeat;
	   background-position: center center;
	   border-top-style: none;
	   border-right-style: none;
	   border-bottom-style: none;
	   border-left-style: none;
	   cursor: pointer;
	   background-color:#fff;
	 }	
  
		
	.search-frame-pa .bu-bg {
	width: 35px;
	height: 35px;
	display: inline-block;
	font-size: 0%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	background-image: url(../../all_img/images-new/head-search-bu-m.png);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: middle;
	cursor: pointer;
	}	
	
	.search-frame-pa .bu-search {
	background-image: url(../../all_img/images-new/head-search-bu-m.png);
	background-repeat: no-repeat;
	background-position: center center;
	}
	.search-frame-pa .bu-delete {
	background-image: url(../../all_img/images-new/head-delete-bu-m.png);
	background-repeat: no-repeat;
	background-position: center center;
	}
	
	/* ------------------------------ share-frame ------------------------------- */
	
	.share-frame{
	width: 100%;
	float: left;
	display: inline-block;
	text-align: right;
 	 }
	
	.alt-b{
	 display:inline-block;
 	 }
	
	.alt-b a{
	 color:#999;
 	 }
	 
	 .share-bu{
	 display:inline-block;
	 margin-left:10px;
		 }
		 
    /*---------------------------- detail ---------------------------------*/
	
	.detail-title{
	width: 100%;
	float: left;
	margin-top: 10px;
	font-size: 130%;
	line-height: 28px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	padding-left:2%;
	padding-right:2%;	
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;	
	  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* Konqueror */
  border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
  behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	}
	.detail-title-center {
	width: 100%;
	float: left;
	margin-top: 10px;
	font-size: 130%;
	line-height: 28px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	padding-bottom:10px;
	margin-bottom: 20px;
	}
	
	.detail-data{		
	width: 100%;
	float: left;
	margin-bottom:20px;	
	}
	
	.detail-data li {
	width: 100%;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	}
	
	.detail-data .data-title{
	line-height: 25px;
	}
	.detail-data .data-text{
	line-height: 25px;
	}
	
	.detail-data .data-text .bu-link{
	color: #e44d26;
	text-decoration: underline;
	}
	.detail-data .data-text .bu-link:hover{
	color:#e44d26;
	text-decoration: none;
	}
		
   @media only screen and (min-width: 991px) {
   .detail-data li {
	padding-top: 7px;
	padding-bottom: 7px;
	}
   .detail-data .data-title{		
	width: 18%;
	float: left;
	text-align:left;
	}	
	.detail-data .data-text{		
	width: 82%;
	float: left;
	text-align:left;	
	}
	.detail-data .data-text a{		
	color:#333;	
	}
    }
 
   @media only screen and (min-width: 769px) and (max-width: 990px) {
   .detail-data li {
	padding-top: 7px;
	padding-bottom: 7px;
	}
   .detail-data .data-title{		
	width: 15%;
	float: left;
	text-align:left;
	}	
	.detail-data .data-text{		
	width: 85%;
	float: left;
	text-align:left;	
	}
	.detail-data .data-text a{		
	color:#333;	
	}
    }
  
    @media only screen and (min-width: 568px) and (max-width: 768px) {
	.detail-data li {
	padding-top: 7px;
	padding-bottom: 7px;
	}
    .detail-data .data-title{		
	width: 20%;
	float: left;
	text-align:left;
	}	
	.detail-data .data-text{		
	width: 80%;
	float: left;
	text-align:left;	
	}
	.detail-data .data-text a{		
	color:#e44d26;	
	}
    }

    @media only screen and (min-width: 0px) and (max-width: 567px){
	.detail-data li {
	padding-top: 12px;
	padding-bottom: 12px;
	}
   .detail-data .data-title{		
	width: 96%;
	margin-left:2%;
	margin-right:2%;
	float: left;
	text-align:left;
	}	
	.detail-data .data-text{	
	width: 96%;
	margin-left:2%;
	margin-right:2%;
	float: left;
	text-align:left;	
	}
	.detail-data .data-text a{		
	color:#e44d26;	
	}
    }
	
	
	/**/
	
	.detail-text{
	width: 100%;
	float: left;
	margin-bottom: 20px;
	text-align: left;
	font-size: 110%;
	line-height: 220%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	padding-bottom:10px;
	word-wrap: break-word;
word-break: break-all;
	}
	
	.detail-text a { 
	color: #e44d26;
	text-decoration: underline;
	}
	.detail-text a.showimg { display: inline-block; float: right;}
	
	/* link*/
	
	.detail-link h3 {
	width: 100%;
	float: left;
	text-align: left;
	margin-top:20px;
	}
	
	.detail-link {
	width: 100%;
	float: left;
	margin-bottom:10px;
	text-align:left;	
	}
	
	.detail-link li{
	width: 100%;
	float: left;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	}
	.detail-link li a{
	color: #E00000;
	line-height: 40px;
	}
	
	/*--------------- attached-files  -------------*/
	
	.attached-files {
	width: 100%;
	float: left;
	text-align:left;
	}
	
	/* photo */
	
	 .photo-list {
	width: 100%;
	float: left;
	margin-bottom:10px;
	text-align:left;
	}
	
	 .photo-list ul {
	width: 100%;
	float: left;
	text-align:left;
	}
	
	 .photo-list li {
	float: left;
	text-align:left;
	margin-bottom:10px;
	}
	
	
	@media only screen and (min-width: 991px) {
     .photo-list li {
	width: 30%;
	margin-left:1.5%;
	margin-right:1.5%;
	}
    }

    @media only screen and (min-width: 769px) and (max-width: 990px) {
     .photo-list li {
	width: 46%;
	margin-left:2%;
	margin-right:2%;
	}
  }
  @media only screen and (min-width: 568px) and (max-width: 768px) {
  .photo-list li {
	width: 46%;
	margin-left:2%;
	margin-right:2%;
	}
  }

  @media only screen and (min-width: 0px) and (max-width: 567px){
   .photo-list li {
	width: 80%;
	margin-left:10%;
	margin-right:10%;
	}
  }	


        .photo-list li a {
	width: 100%;
	float: left;
	text-align:left;
	margin-bottom:10px;
	}

	 .photo-list li .imgphoto {
	width: 100%;
	float: left;
	text-align:left;
	}
	 .photo-list li .imgphoto img {
	max-width: 100%;
	max-height: 145px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	border: 1px solid #ccc;
	}
	
	 .photo-list li .imgdes {
	width: 100%;
	padding-left:5%;
	padding-right:5%;
	padding-top:10px;
	padding-bottom:5px;
	float: left;
	text-align: center;
	font-size: 90%;
	line-height: 23px;
	color: #555;
	background-color: #f5f5f5;
  	 -moz-border-radius: 5px; /* Firefox */
     -webkit-border-radius: 5px; /* Safari, Chrome */
     -khtml-border-radius: 5px; /* Konqueror */
     border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
     behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	}
		
	
	/* download */	
	
	.download-list h3 {
	width: 100%;
	float: left;
	text-align: left;
	margin-top:20px;
	}
	
	 .download-list {
	width: 100%;
	float: left;
	text-align:left;
	margin-bottom:20px;
	}	
	 .download-list li {
	width: 100%;
	float: left;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	}
	 .download-list li:nth-child(odd) {
	background-color:#fff;
	}
	 .download-list li {
	background-color:#f5f5f5;
	}
	 .download-list li:hover {
	background-color:#ededed;
	}
		
	 .download-list li h4 {
	float: left;
	text-align: left;
	display:inline-block;
	}
	 .download-list li h5 {
	float: left;
	display:inline-block;
	}
	.download-list li h5 a {
	border: 1px solid #6898ce;
    border-radius: 3px;
	margin: 5px 2px;
    color: #4a7bb1;
    
    padding: 2px;
	}
	.download-list li h5 a:hover {
	color: #e44d26;
    border-color: #e44d26;
	}
	
	
	@media (min-width: 768px) {
    .download-list li {
	padding-top:7px;
	padding-bottom:7px;
	}		
     .download-list li h4 {
	width: 70.5%;
	margin-left:3%;
	line-height: 22px;
	}
	.download-list li h5 {
	width: auto;
	padding-right:1.5%;
	text-align:right;
	float: right;
	}
	.download-list li h5 a { display: block; }
    }

    @media (max-width: 767px) {
	 .download-list li {
	padding-top:10px;
	padding-bottom:10px;		
	}
	.download-list li h4 {
	width: 100%;
	margin-left:3%;
	line-height: 25px;
	}
	.download-list li h5  { margin-left: 3%; margin-top: 5px;}
	.download-list li h5 a { display: inline-block; padding: 0 2px;}
    }
	
	
	/* link photo 好站連結*/

	
	 .photo-list-link {
	width: 100%;
	float: left;
	margin-bottom:10px;
	text-align:left;
	}
	
		
	 .photo-list-link li {
	float: left;
	text-align:left;
	margin-bottom:10px;
	}
	
	
	@media only screen and (min-width: 991px) {
    .photo-list-link ul {
	width: 100%;
	float: left;
	text-align: left;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	}
	 .photo-list-link ul:last-child {
	border-bottom-style: none;
	}	
     .photo-list-link li {
	width: 30%;
	margin-left:1.5%;
	margin-right:1.5%;
	}
    }

    @media only screen and (min-width: 769px) and (max-width: 990px) {
     .photo-list-link li {
	width: 46%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:15px;
	}
  }
  @media only screen and (min-width: 568px) and (max-width: 768px) {
  .photo-list-link li {
	width: 46%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:15px;
	}
  }

  @media only screen and (min-width: 0px) and (max-width: 567px){
   .photo-list-link li {
	width: 80%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:15px;
	}
  }	
	 .photo-list-link li a {
	width: 100%;
	float: left;
	text-align:left;
        display:block;
	}
       .photo-list-link li .img-div {
	width: 100%;
	height:100px;
	float: left;
	text-align:left;
	margin-bottom:10px;
	}
	 .photo-list-link li div .img-size {
	width: 140px;
	max-height: 100px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	border: 1px solid #ccc;
	}	
	 .photo-list-link li a .text-div {
	width: 100%;
	padding-left:5%;
	padding-right:5%;
	padding-top:10px;
	padding-bottom:5px;
	float: left;
	text-align: center;
	font-size: 90%;
	line-height: 23px;
	color: #555;
	background-color: #f5f5f5;
  	 -moz-border-radius: 5px; /* Firefox */
     -webkit-border-radius: 5px; /* Safari, Chrome */
     -khtml-border-radius: 5px; /* Konqueror */
     border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
     behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	}
	/*--------------------------- sitemap ---------------------------------*/
	
	  .sitemap-frame{
		width:100%;
		float:left;
		display:inline-block;	
 	   }
	   
	   .site-title-ex {
	   width: 100%;
	   float: left;
	   	margin-top: 10px;
	   	font-size: 85%;
	   	line-height: 230%;
	   	color:#777;
	   	text-decoration: none;
	   	border-bottom-width: 1px;
	   	border-bottom-style: solid;
	   	border-bottom-color: #ccc;
	   	margin-bottom:10px;
	  	}
	   
	   .site-title {
     	width: 100%;
     	float: left;
     	font-size: 130%;
     	line-height: 28px;
     	font-weight: normal;
     	text-decoration: none;
     	text-align: left;
     	margin-bottom:20px;	
     	}
	   
 	   .sitemap-frame .site-list {
	    width: 100%;
	    float: left;
	    display: inline-block;
	    background-color: #f5f5f5;
	    padding-top: 15px;
	    padding-right: 2%;
	    padding-bottom: 25px;
	    padding-left: 2%;
		margin-bottom:20px;
 	   }
	   
	   .sitemap-frame .site-list li {
	    float: left;
 	    display: inline-block;
  	    border-bottom-width: 1px;
    	border-bottom-style: dashed;
	    border-bottom-color: #ccc;
 	   }
	   
	   @media (min-width: 768px) {
         .sitemap-frame .site-list li {
 	     width: 46%;
  	     margin-left: 2%;
	     margin-right: 2%;
 	    }
       }

       @media (max-width: 767px) {
         .sitemap-frame .site-list li {
 	     width: 90%;
  	     margin-left: 5%;
	     margin-right: 5%;
 	    }
       }
	
	   .sitemap-frame .site-list li a {
    	width: 100%;
	    float: left;
	    display: block;
	    font-size: 100%;
	    line-height: 260%;
	    font-weight: normal;
	    color: #333;
	    text-decoration: none;
	    text-align: left;
		 text-overflow : ellipsis;
	     white-space:nowrap;word-wrap: normal;
	     overflow: hidden;
 	   }
	   .sitemap-frame .site-list li a:hover {
	    color: #e44d26;
 	   }
	   .sitemap-frame .site-list li a samp{
	    color: #e44d26;
      	font-size: 120%;
      	line-height: 40px;
 	   }
	   
	/*-------------------------- 網站勘誤通報 -------------------------------*/
	
	.error-frame {
	width: 100%;
	float: left;
	display: inline-block;
	}
	
	#remark-error-frame {
	width: 100%;
	float: left;
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	font-size: 100%;
	line-height: 230%;
	font-weight: normal;
	color: #E00000;
	text-decoration: none;
	text-align: left;
	}
	
	/**/
	#error-frame-form {
	width: 100%;
	float: left;
	display: inline-block;
	font-size: 105%;
	line-height: 230%;
	font-weight: normal;
	color: #E00000;
	text-decoration: none;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	overflow: hidden;
	}
	
	#error-frame-form li {
	width: 100%;
	float: left;
	display: inline-block;
	overflow: hidden;
	margin-bottom:1px;
	}

	#error-frame-form li .left{
	float: left;
	display: inline-block;
	color: #333;
	text-align: left;
	}
	
	#error-frame-form li .right{
	float: left;
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ededed;
	text-align: left;	
	color: #333;
	}
	
	
	@media (min-width: 881px) {
		
    #error-frame-form li .left{
	width: 25%;
	padding-left: 2%;
	padding-right: 2%;
	background-color: #ededed;
	margin-bottom: -260px;
	padding-bottom: 260px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	line-height: 50px;
	}	
	#error-frame-form li .right{
	width: 75%;
	padding-left:2%;
	padding-right:2%;
	}
	
    }

   @media (max-width: 880px) {	   
   #error-frame-form li .left{
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	font-size: 90%;
	line-height: 25px;
	color:#777;
	margin-top:10px;
	}
	
	#error-frame-form li .right{
	width: 100%;
	padding-left:2%;
	padding-right:2%;
	padding-bottom:10px;	
	}
   }
  	
	/**/
	
	#error-frame-form .form-text {
	width: 100%;
	padding-right:2%;
	padding-left:2%;
	height: 35px;
	float: left;
	display: block;
	color:#777;
	border: 1px solid #ccc;
	/*font-size: 15px;*/
	line-height: 35px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 7px;
	  -moz-border-radius: 5px; /* Firefox */
	  -webkit-border-radius: 5px; /* Safari, Chrome */
	  -khtml-border-radius: 5px; /* Konqueror */
	  border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	  behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
   }
   
   #error-frame-form .form-textarea {
	width: 100%;
	padding-right:2%;
	padding-left:2%;
	height: 180px;
	float: left;
	color:#777;
	display: block;
	border: 1px solid #ccc;
	/*font-size: 15px;*/
	line-height: 32px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 7px;
	  -moz-border-radius: 5px; /* Firefox */
	  -webkit-border-radius: 5px; /* Safari, Chrome */
	  -khtml-border-radius: 5px; /* Konqueror */
	  border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	  behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
   }
   
   #error-frame-form .form-file {
	width: 100%;
	float: left;
	color: #777;
	display: block;
	border: 1px solid #ccc;
	/*font-size: 15px;*/
	font-weight: normal;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 7px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
   }
   #error-frame-form .form-codes {
	width: 100%;
	height: 35px;
	color: #777;
	float: left;
	display: block;
	border: 1px solid #ccc;
	font-size: 125%;
	line-height: 32px;
	font-weight: normal;
	text-decoration: none;
	text-indent: 10px;
	margin-top: 10px;
	margin-bottom: 7px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
   }
	
	/**/
	.frame-button {
	width: 100%;
	float: left;
	display: inline-block;
	text-align: center;
	margin-bottom:20px;
	}
	
	/*備註文字*/
	#error-frame-form li .right samp{
	width: 100%;
	float: left;
	display: block;
	text-align: left;
	color: #e44d26;
	font-size: 80%;
	line-height: 150%;	
	margin-top:5px;
	margin-bottom:10px;
	}
	#error-frame-form li .right .ash {
	color:#777;
	}
	
	#error-frame-form li .right .codes-form-a {
	width: 30%;
	float: left;
	display: block;
	text-align: left;
	color: #e44d26;
	font-size: 100%;
	line-height: 220%;
	}
	#error-frame-form li .right .codes-form-b {
	width: 80px;
	float: left;
	display: block;
	text-align: left;
	color: #e44d26;
	margin-left:2%;
	margin-right:2%;
	}
	#error-frame-form li .right .codes-form-b img {
	width: 100%;
	float: left;
	display: block;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	margin-top: 17px;
	vertical-align: middle;
	}
	#error-frame-form li .right .codes-form-c {
	width: 15%;
	float: left;
	display: block;
	text-align: left;
	color: #e44d26;
	font-size: 100%;
	line-height: 220%;
	}
	#error-frame-form li .right .codes-form-c img {
	display:inline-block;
	text-align: left;
	vertical-align: middle;
	margin-top:15px;
        margin-bottom:15px;
	}
	
	/* button */
	
	.error-button {
	width: 140px;
	height: 40px;
	display: inline-block;
	background-color: #668899;
	border: 1px solid #f5f5f5;
	cursor: pointer;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	font-size: 100%;
	color: #fff;
	text-decoration: none;
	padding-left:30px;
		}
	
	.error-enter{
	background-image: url(../..//all_img/images-new/bu-enter.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #e44d26;
		}
	.error-enter:hover {
	background-color: #ff5300;
		}
	
	.error-delete{
	background-image: url(../..//all_img/images-new/bu-delete.png);
	background-repeat: no-repeat;
	background-position: left center;	
	background-color: #aaa;
		}
	.error-delete:hover {
	background-color: #999;
		}

	
	/*-------------------- 著作權 -------------------*/
	
	.copyright-frame{
	width: 100%;
	float: left;
	display: inline-block;
	background-color: #f5f5f5;
	padding-top: 15px;
	padding-right: 5%;
	padding-left: 5%;
	margin-bottom:20px;		
	}
	.copyright-frame .co-title{
	width: 100%;
	float: left;
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555;
	font-size: 110%;
	line-height: 28px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom:15px;
	}
	.copyright-frame .co-text {
	width: 100%;
	float: left;
	display: inline-block;
	margin-bottom: 20px;
	text-align: left;
	font-size: 105%;
	line-height: 35px;
	}
	.copyright-frame .co-text li {
	width: 100%;
	float: left;
	display: inline-block;
	}
	.copyright-frame .co-text li h3 {
	float: left;
	display: inline-block;
	}
	.copyright-frame .co-text li h4 {
	float: left;
	display: inline-block;
	}
	
	@media (min-width: 768px) {
     .copyright-frame .co-text li h3 {
	 width: 5%;
	 }
	 .copyright-frame .co-text li h4 {
	 width: 95%;
	 }
    }

    @media (max-width: 767px) {
    .copyright-frame .co-text li h3 {
	 width: 10%;
	 }
	 .copyright-frame .co-text li h4 {
	 width: 90%;
	 }
    }

   	
	
	
	/**/
	
	.detail-frame-1{
	width: 100%;
	float: left;
	margin-bottom:20px;
	text-align:left;
	}
	
	/**/
	
	.detail-frame-2{
	width: 100%;
	float: left;
	margin-bottom:20px;
	text-align:left;
	}
	
	/**/
	
	.detail-frame-3{
	width: 100%;
	float: left;
	margin-bottom:20px;
	text-align:left;
	}
	
	/**/
	
	.detail-button {
	width: 100%;
	float: left;
	text-align: center;
	padding-top:20px;
	}
	.detail-button a {
	text-align: left;
	font-size: 100%;
	line-height: 35px;
	font-weight: normal;
	color: #FFF;
	display: inline-block;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 20px;
	padding-left: 20px;
	}
	.button-line {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ccc;
	}
	
	/*----------------------- 06service service01.asp ----------------------------*/
	
	.service01-frame {
		width:100%;
		float:left;
		display:inline-block;
		margin-bottom:20px;
		text-align:center;
 	 }
	 .service01-frame ul{ margin-left:auto; margin-right:auto;}	 
	 .service01-frame li { display:inline-block; float:left;}	 
	 .service01-frame li div { display: inline-block;}
	 
	 .service01-frame li div .rom{
		width:90%;
		margin-left:5%;
		margin-right:5%;
		position: relative;
  	  }
	 .service01-frame li div .rom a {
		display: inline-block;
		vertical-align: middle;
		line-height: 20px;
		color: #000;
		font-weight: bold;
		/*text-shadow:0 1px 0 #333;*/
		text-shadow: 1px 1px 1px #fff;
		position: absolute;
		width: 100%;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	 }
	 /*.service01-frame li div .rom a:hover { color: #fad923;}*/
	 .service01-frame li div .rom a:hover { color: #000; text-shadow:0 1px 0 #CCC;}
	 
	 /**/
	 
	 @media (min-width: 768px) {
	 .service01-frame ul{
	  width:640px;
 	 }	 
	 .service01-frame li {
	  width:320px;
 	 }	 
	 .service01-frame li div {
	  width:320px;
	  height:75px;
 	 }
	 .service01-frame li div .rom{
	   margin-top:-7px;
	   height:50px;
  	  } 	
	 
     }

    @media (max-width: 767px) {
    .service01-frame ul{
	  width:260px;
 	 }	 
	 .service01-frame li {
	  width:260px;
 	 }	 
	 .service01-frame li div {
	width: 260px;
	height: 55px;
	margin-top: 10px;
	padding-bottom: 10px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	overflow: hidden;
	background-position: 0px -10px;
 	 }
	 .service01-frame li div .rom{
	   margin-top:-12px;
	   height:40px;
	overflow: hidden;
  	  }	
    }
	 
	/*------------------------------------- links01.asp --------------------------------------*/
	
	 .links01-frame-list {
	   width:100%;
	   float:left;
	   display:inline-block;
	   margin-bottom:30px;	   
	 }
	 .links01-frame-list  li {
	  float: left;
	  display: block;
	  border-bottom-width: 1px;
	  border-bottom-style: dashed;
  	  border-bottom-color: #ccc;
	 }
	 
	 @media (min-width: 768px) {
       .links01-frame-list  li {
	    width: 47%;
	    margin-left: 1.5%;
	    margin-right: 1.5%;
   	   }
     }

     @media (max-width: 767px) {
      .links01-frame-list  li {
	    width: 100%;
   	   }
     }
	 
	 
	 .links01-frame-list  li a{
	width: 93%;
	padding-left:7%;
	float: left;
	display: block;
	text-align: left;
	font-size: 110%;
	line-height: 260%;
	font-weight: normal;
	color: #555;
	text-decoration: none;
	background-image: url(../../dep_images/style6-img/ser-box-list-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-overflow : ellipsis;
	white-space:nowrap;word-wrap: normal;
	overflow: hidden;
	
	 }
	 .links01-frame-list  li a:hover {
   	  color: #e44d26;
	 }
	 
	 .links01-frame-ex {
	   width:100%;
	   float:left;
	   display:inline-block;
	   margin-bottom:20px;	  	   
	 }
	 .links01-frame li {
	   width:100%;
	   float:left;
	   display:inline-block;
	   font-size: 120%;
	line-height: 300%;
	font-weight: normal;
	text-decoration: none;   
	 }
	
	
	
    /*--------------------------------- pages 頁面 -------------------------------*/
	
	.pages-frame{
	width: 100%;
	float: left;
	display: inline-block;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ccc;	
	 }
    .pages {
	display: inline-block;
	margin-left:8px;
	margin-right:8px;
	 }
	 
	.pages-frame b {
	font-size: 120%;
	line-height: 30px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	display: inline-block;
	background-color:#E42500;
	-moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* Konqueror */
    border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
    behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	margin-left:2px;
	margin-right:2px;
	 }
	 
	.pages-frame a {
	font-size: 120%;
	line-height: 30px;
	font-weight: normal;
	color: #555;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	display: inline-block;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	border: 1px solid #ccc;	
	margin-left:2px;
	margin-right:2px;
	 }
	.pages-frame a:hover {
	color: #fff;
	background-color:#E42500;
	display: inline-block;
	border: 1px solid #fff;
	 }
	 
	@media (min-width: 768px) {
	.pages-frame .page{
	font-size: 0%;
	height:30px;
	width:30px;
	display: inline-block;
	background-position: center center;
	vertical-align: middle;
	background-color:#bbb;
	}
	.pages-frame .page:hover {
	background-color: #e44d26;
	border: 1px solid #e44d26;
	}
    }

    @media (max-width: 767px) {
  	.pages-frame .page{
	display: none;
	}
	.pages-frame a {
	margin-bottom:10px;
	 }
	 .pages-frame b {
	margin-bottom:10px;
	 }
    }	
		
	/**/
	.pages-frame .prev-a{
	background-image: url(../../all_img/images-new/page-prev-a.png);
	background-repeat: no-repeat;
	}
	.pages-frame .prev-b{
	background-image: url(../../all_img/images-new/page-prev-b.png);
	background-repeat: no-repeat;
	}
	.pages-frame .next-a{
	background-image: url(../../all_img/images-new/page-next-a.png);
	background-repeat: no-repeat;
	}
	.pages-frame .next-b{
	background-image: url(../../all_img/images-new/page-next-b.png);
	background-repeat: no-repeat;
	}		
   
    /**/
  
    .pages-frame-s7 {
	width: 100%;
	float: left;
	display: inline-block;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #eee;
	text-align: center;
	 }
	
	.pages-frame-s7 .pages-bu {
	display: inline-block;
	text-align: center;
	background-color: #aaa;
	font-size: 100%;
	line-height: 30px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
	padding-right: 15px;
	padding-left: 15px;
	 }
	 .pages-frame-s7 .pages-bu:hover {
	background-color: #e44d26;
	 }
	 
	.pages-frame-s7 b {
	font-size: 100%;
	line-height: 30px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	display: inline-block;
	background-color:#e44d26;
	-moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* Konqueror */
    border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
    behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	margin-left:2px;
	margin-right:2px;
	 }
	 
	@media (min-width: 768px) {
    .pages-frame-s7 a {
	font-size: 100%;
	line-height: 30px;
	font-weight: normal;
	color: #555;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	display: inline-block;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	border: 1px solid #ccc;	
	margin-left:2px;
	margin-right:2px;
	 }
	.pages-frame-s7 a:hover {
	color: #fff;
	background-color:#e44d26;
	display: inline-block;
	border: 1px solid #fff;
	 }
    }

    @media (max-width: 767px) {
   .pages-frame-s7 a {
	font-size: 100%;
	line-height: 30px;
	font-weight: normal;
	color: #555;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	display: inline-block;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	border: 1px solid #ccc;	
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
	 }
	.pages-frame-s7 a:hover {
	color: #fff;
	background-color:#e44d26;
	display: inline-block;
	border: 1px solid #fff;
	 }
	 .pages-frame-s7 b {
	margin-bottom:10px;
	 }
    }
  

  /*-------------------------------- 內容區塊 -------------------------------*/

  #pages-frame{
	 width:100%;
	 float:left;
	text-align: center; 
  }	
  #pages-frame-mid {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	display: inline-block;
	background-image: url(../../dep_images/style6-img/frame-bg.png);
 	 background-repeat: repeat-y;
	 background-position: center top;
 	 -moz-background-size:100% auto;
     -webkit-background-size:100% auto;
     -o-background-size:100% auto;
     background-size:100% auto;
  }	  
  
  
  @media only screen and (min-width: 1201px) {
   #pages-frame-mid {
	width: 1160px;
	padding-left:30px;
	padding-right:30px;
   }	   
  }

  @media only screen and (min-width: 991px) and (max-width: 1200px) {
   #pages-frame-mid {
	width: 990px;	
	padding-left:15px;
	padding-right:15px;
   }
  }

  @media only screen and (min-width: 769px) and (max-width: 990px) {
   #pages-frame-mid {
	width: 760px;
	padding-left:20px;
	padding-right:20px;
   }
  }
  
  @media only screen and (min-width: 568px) and (max-width: 768px) {
  #pages-frame-mid {
	width: 100%;	
	padding-left:3%;
	padding-right:3%;
   }
  }

  @media only screen and (min-width: 0px) and (max-width: 567px){
  #pages-frame-mid {
	width: 100%;
	padding-left:3%;
	padding-right:3%;
   }
  }
  
  /*-----------------------------------------------------*/
 
   	
  @media only screen and (min-width: 1201px) {
    .left-frame{
	width: 25%;
	display: inline-block;
    }
    .right-frame{
	width: 75%;
	}
  }

  @media only screen and (min-width: 991px) and (max-width: 1200px) {
    .left-frame{
	width: 25%;
	display: inline-block;
    }
    .right-frame{
	width: 75%;
	}
  }

  @media only screen and (min-width: 769px) and (max-width: 990px) {
   .left-frame{
    display:none;
    }
    .right-frame{
	width: 98%;
	margin-left:1%;
	margin-right:1%;
	}
  }
  
  @media only screen and (min-width: 568px) and (max-width: 768px) {
   .left-frame{
    display:none;
    }
    .right-frame{
	width: 98%;
	margin-left:1%;
	margin-right:1%;
	}
   }

   @media only screen and (min-width: 0px) and (max-width: 567px){
    .left-frame{
    display:none;
    }
    .right-frame{
	width: 99%;
	margin-left:0.5%;
	margin-right:0.5%;
	}
   }
  
  
   /*--------------------- 左邊選單 -------------------*/
  
    .left-frame{
	float: left;
	position: relative;
    }
	  	  
    /*瞄點*/
    .left-frame .alt-b {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	position: absolute;
	left: 8px;
	top: 0px;
	z-index: 1000;
    }	
    .left-frame .alt-b a {
	font-size: 90%;
	font-weight: normal;
	color: #000;
	text-decoration: none;
    }	 
	
	/* pages-title */
	.left-frame .pages-title{
	width: 100%;
	float: left;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: -50px;
  	 -moz-border-radius: 10px 10px 0px 0px; /* Firefox */
     -webkit-border-radius: 10px 10px 0px 0px; /* Safari, Chrome */
     -khtml-border-radius: 10px 10px 0px 0px; /* Konqueror */
     border-radius: 10px 10px 0px 0px; /* Opera 10.50 and later (CSS3 standard) */
     behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	}
	.left-frame .pages-title h2 {
	width: 100%;
	float: left;
	font-size: 140%;
	line-height: 260%;
	font-weight: normal;
	text-decoration: none;
	 text-overflow : ellipsis;
	 white-space:nowrap;word-wrap: normal;
	 overflow: hidden;
	}
	.left-frame .pages-title h3 {
	width: 100%;
	float: left;
	font-size: 140%;
	line-height: 260%;
	font-weight: normal;
	text-decoration: none;
	 text-overflow : ellipsis;
	 white-space:nowrap;word-wrap: normal;
	 overflow: hidden;
	}	
	.left-frame .pages-title h4 {
	width: 100%;
	float: left;
	font-size: 100%;
	line-height: 220%;
	font-weight: normal;
	text-decoration: none;
 	 text-overflow : ellipsis;
  	 white-space:nowrap;word-wrap: normal;
 	 overflow: hidden;
	}


 	/* left-menu */
	
 	.left-menu{
	  float:left;
	  width:100%;
	  display:inline-block;
	padding-top:70px;
	padding-bottom:35px;
	-moz-border-radius: 0px 0px 10px 10px; /* Firefox */
	-webkit-border-radius: 0px 0px 10px 10px; /* Safari, Chrome */
	-khtml-border-radius: 0px 0px 10px 10px; /* Konqueror */
	border-radius: 0px 0px 10px 10px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	 }
	 .left-menu ul {
	float: left;
	width: 88%;
	margin-left: 6%;
	margin-right:6%;	
	display: block;
	margin-right: 0%;
	background-color: #fff;
	-moz-border-radius: 10px 10px 10px 10px; /* Firefox */
	-webkit-border-radius: 10px 10px 10px 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px 10px 10px 10px; /* Konqueror */
	border-radius: 10px 10px 10px 10px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	overflow: hidden; 
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Firefox */
   -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Safari 和 Chrome */
   box-shadow: 1px 1px 5px rgba(0,0,0,0.5); /* Opera 10.5 + */
   filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=6);    /* ie */
	 }	 
	.left-menu li {
	float: left;
	width: 100%;
	display: inline-block;
	border-bottom: 1px dashed #ccc;
	min-height: 40px;
	padding: 5px 10%;
	} 
	.left-menu li:last-child {
	border-bottom-width: 0px;
	}	 
	.left-menu li a {
	float: left;
	width: 100%;
	display: inline-block;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding: 5px 0;
	}
	 
	 /*次選單*/
	 
	 .left-menu .su_left_lis {
	width: 88%;
	margin-left: 12%;
	float: left;
	display: inline-block;
	background-color: #f5f5f5;
	text-align: left;
	-moz-border-radius: 0px 0px 0px 10px; /* Firefox */
	-webkit-border-radius: 0px 0px 0px 10px;  /* Safari, Chrome */
	-khtml-border-radius: 0px 0px 0px 10px;  /* Konqueror */
	border-radius: 0px 0px 0px 10px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	overflow: hidden;
	  }
     .left-menu .su_left_lis a{
	   width:100%;
 	   float:left;
	   padding-top:8px;
	   padding-bottom:8px;
	   padding-left:12%;
	   padding-right:8%;
	   display:inline-block;
 	   font-size: 90%;
	   line-height: 20px;
	   font-weight: normal;
 	   color: #333;
 	   text-decoration: none;
	   -webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	   transition: all 0.3s;
	   }

	 
	 /**/
	 
	 .left-menu-error {
	  float:left;
	  width:100%;
	  display:inline-block;
	  padding-top:10px;
	  padding-bottom:10px;
	  padding-left:5%;
	  padding-right:5%;
	  margin-bottom:20px;
	 }
	 
	 .left-menu-error .bu-error{
	float: left;
	width: 100%;
	display: inline-block;
	font-size: 100%;
	line-height: 40px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	background-image: url(../../all_img/images-new/bu-error-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 50px;
  	 text-overflow : ellipsis;
	 white-space:nowrap;word-wrap: normal;
     overflow: hidden;
	 }	 
	 
    .left-menu-error .bu-error em {
	float: right;
	width: 30px;
	height: 40px;
	display: inline-block;
	font-size: 0%;
	background-image: url(../../all_img/images-new/bu-error-go.png);
	background-repeat: no-repeat;
	background-position: center center;
	 }
	
	  
    /*--------------------- 右邊區塊 -------------------*/
	  
     .right-frame{
	float: left;
	display: inline-block;
	position: relative;
	overflow: hidden;
	  }	 
	 
	 
	/*瞄點*/
   
	
   @media (min-width: 991px) {
    .right-frame .alt-c {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	position: absolute;
	left: 8px;
	top: 5px;
    }	
    .right-frame .alt-c a {
	font-size: 90%;
	font-weight: normal;
	color: #555;
	text-decoration: none;
    }
   }

   @media (max-width: 990px) {	   
   .right-frame .alt-c {
	display: none;
    }	
    .right-frame .alt-c a {
	display: none;
    }   
    }
		 
	 
	/**/
	
	.right-frame .pages-title {
	float: left;
	display: inline-block;
	text-align: left;
	position: relative;
    }	
	
	@media (min-width: 991px) {
     .right-frame .pages-title {
	 width: 90%;
	 margin-left: 5%;
	 margin-right: 5%;
  	 margin-top: 20px;
     }
    }

    @media (max-width: 990px) {	   
   .right-frame .pages-title {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 10px;
    }
    }
	
	.right-frame .pages-title h2 {
	display: inline-block;
	text-align: left;
	font-size: 120%;
	line-height: 26Px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	background-image: url(../../dep_images/style6-img/pages-title-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top:8px;
	padding-bottom:8px;
    }
    
	.right-frame .pages-title h3 {
	display: inline-block;
	text-align: left;
	font-size: 120%;
	line-height: 26Px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	background-image: url(../../dep_images/style6-img/pages-title-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top:8px;
	padding-bottom:8px;
    }
	
	.right-frame .pages-title .location {
	display: inline-block;
	text-align: right;
	font-size: 90%;
	line-height: 200%;
	font-weight: normal;
	text-decoration: none;
    }	
	.right-frame .pages-title .location a {
	display: inline-block;
	font-size: 100%;
	line-height: 200%;
	font-weight: normal;
	text-decoration: none;
	margin-left:5px;
	margin-right:5px;
    }	
	
	@media (min-width: 991px) {
	.right-frame .pages-title h2 {
	width: 46%;
	padding-left:4%;
	float: left;
	font-size: 140%;
    }
    .right-frame .pages-title h3 {
	width: 46%;
	padding-left:4%;
	float: left;
	font-size: 140%;
    }
	.right-frame .pages-title .location {
	width: 50%;
	float: right;
    }
    }

    @media (max-width: 990px) {	   
    .right-frame .pages-title h2 {
	width: 92%;
	padding-left:30px;
	float: left;
	margin-top: 10px;
	font-size: 150%;
    }
    .right-frame .pages-title h3 {
	width: 92%;
	padding-left:30px;
	float: left;
	margin-top: 10px;
	font-size: 150%;
    }
	.right-frame .pages-title .location {
	width: 99%;
	float: left;
	background-color: #f5f5f5;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	padding-top: 3px;
	padding-right: 0.5%;
	padding-bottom: 3px;
	padding-left: 0.5%;
    }
    }
	
			/* 問卷調查 tickect */
	
	.survey-frame {
	 width:100%;
	 float:left;
	 display:inline-block;
	 margin-bottom:20px;
	 }
	 
	 .survey-frame li {
	width: 100%;
	float: left;
	display: inline-block;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	 }	 
	 
	 .survey-frame .row-left{
	 float:left;
	 display:inline-block;
	 text-align:left;
	 }
	 .survey-frame .row-right{
	 float:left;
	 padding-left:5px;
	 display:inline-block;
	 text-align:left;
	 }
	 /**/
	  .survey-nodata {
	width: 100%;
	float: left;
	display: inline-block;
	text-align:center;
	font-size: 120%;
	line-height: 160px;
	font-weight: normal;
	color: #a30000;
	text-decoration: none;
	 }
	 /**/
	 
	 .survey-chart {
 	 width:100%;
	 float:left;
	 display:inline-block;
	 text-align:left;
	margin-bottom:40px;
	 }
	 
	.survey-chart .title {
	width: 100%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	text-align: left;
	font-size: 110%;
	line-height: 30px;
	text-decoration: none;
	background-color: #f5f5f5;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	margin-bottom: 20px;
	border: 1px solid #ddd;
	 }
	 
	 .survey-chart .survey-row {
	width: 100%;
	float: left;
	 }
	 
	.survey-chart .survey-row-li {
	width: 100%;
	float: left;
	padding-top:5px;
	padding-bottom:5px;
	 }
	
   @media (min-width: 768px) {	   
	 .survey-chart .title {
	padding-left: 2%;
	padding-right: 2%;
	 }
   	.survey-chart .survey-row .project{
	width: 20%;
	float: left;
	display:block;
	 }
    .survey-chart .survey-row .data{
	width: 56%;
	margin-right:4%;
	float: left;
	display:block;
	background-color:#f5f5f5;
	 }
	.survey-chart .survey-row .number {
	width: 20%;
	float:right;	
	display:block;
	 }
    }

   @media (max-width: 767px) {	   
	 .survey-chart .title {
	padding-left: 5%;
	padding-right: 5%;
	 }
    .survey-chart .survey-row .project{
	width: 30%;
	float: left;
	display:block;
	 }
    .survey-chart .survey-row .data{
	width: 46%;
	margin-right:4%;
	float: left;
	display:block;
	background-color:#f5f5f5;
	 }
	.survey-chart .survey-row .number {
	width: 30%;
	float:right;
	display:block;
	 }
   }
   /**/
   	 
    .survey-form {
 	 width:100%;
	 float:left;
	 display:inline-block;
	 text-align:left;
	margin-bottom:40px;
    }
	.survey-form .title {
	width: 100%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	text-align: left;
	font-size: 110%;
	line-height: 30px;
	text-decoration: none;
	background-color: #f5f5f5;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	margin-bottom: 10px;
    }
	
	.survey-form .form-data {
	float: left;
	padding-top:5px;
	padding-bottom:5px;
    }

	
	@media (min-width: 768px) {	   
	.survey-form .form-data {
	width: 95%;
	padding-left:5%;
    }
    }

    @media (max-width: 767px) {	   
	.survey-form .form-data {
	width: 100%;
    }
    }
	
	.survey-form .form-data .form-block {
	float: left;
	margin-right:20px;
	margin-bottom:10px;	
    }
	.survey-form .form-data .form-block input[type="radio"] {
	width: 18px;
	height: 18px;
	vertical-align: middle;
    }
	.survey-form .form-data .form-block input[type="checkbox"] {
	width:18px;
	height:18px;
	vertical-align: middle;
    }
	
	.survey-form .form-data .form-block-100 {
	width:100%;
	float: left;
	margin-bottom:10px;	
    }
	.survey-form .form-data .form-block-100 input[type="text"] {
	width:96%;
	height: 35px;
	line-height: 35px;
	padding-left:2%;
	padding-right:2%;
	float: left;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	border: 1px solid #ccc;
    }
	.survey-form .form-data .form-block-100 textarea {
	width:96%;
	padding-left:2%;
	padding-right:2%;
	padding-top:8px;
	padding-bottom:8px;
	float: left;
	-moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  -khtml-border-radius: 5px; /* Konqueror */
  border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
  behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	border: 1px solid #ccc;
    }
	
	
	 @media (min-width: 768px) {	   
	.survey-form .title {
	padding-left: 2%;
	padding-right: 2%;
	 }
    }

   @media (max-width: 767px) {	   
	.survey-form .title {
	padding-left: 5%;
	padding-right: 5%;
	 }
   
   }
   
     .survey-contact {
	   width:100%;
	   float:left;
	   display:inline-block;	   
	  }
	   
	 .survey-contact .title {
	width: 100%;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	text-align: left;
	font-size: 110%;
	line-height: 30px;
	text-decoration: none;
	background-color: #f5f5f5;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	margin-bottom: 10px;
    }
	
		 @media (min-width: 768px) {	   
	.survey-contact .title {
	padding-left: 2%;
	padding-right: 2%;
	 }
    }

   @media (max-width: 767px) {	   
	.survey-contact .title {
	padding-left: 5%;
	padding-right: 5%;
	 }
   
    }
	   
    .survey-contact li {
	width: 100%;
	float: left;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	 }
	 	.from-row li {
	background-color:#f7f7f7;
	}
	.from-row li:nth-child(odd) {
	background-color:#fff;
	}
	   
	.survey-contact li .row-left{
	 float:left;
	 display:inline-block;
	 text-align:left;
	 }
    .survey-contact li .row-right{
	 float:left;
	 display:inline-block;
	 text-align:left;
	 }

	@media (min-width: 768px) {	 
	 .survey-contact li .row-left{
 	 width:15%;
	 }
    .survey-contact li .row-right{
	 width:81%;
	 padding-left:4%;
	 }
	 
    }

    @media (max-width: 767px) {  	 
	 .survey-contact li .row-left{
 	 width:100%;
	 }
    .survey-contact li .row-right{
	 width:100%;
	 }
    }
	 
	 .survey-contact li .row-right .input-text {
	width: 96%;
	height: 35px;
	line-height: 35px;
	padding-left: 2%;
	padding-right: 2%;
	float: left;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	border: 1px solid #ccc;
	 }
	
		
	/*驗證碼*/
	
	.survey-contact li .input-confirm {
	width: 100px;
	padding-left:2%;
	padding-right:2%;
	height: 33px;
	float: left;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	border: 1px solid #ccc;
	}
	.survey-contact li .input-img {
	width: auto;
	height: 32px;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	border: 1px solid #ccc;
	vertical-align: middle;
	margin-bottom:5px;
	}	
	 /**/
	
	.from-button {
	width: 100%;
	float: left;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	margin-bottom:30px;
	}
	.from-button input {
	display: inline-block;
	text-align: center;
	line-height: 35px;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 100%;
	color: #FFF;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	border: 1px solid #ccc;
	cursor: pointer;
	}
	
	.from-button .btn-a {
	background-color: #e44d26;
	}
	.from-button .btn-a:hover {
	background-color: #ff5300;
	}
	.from-button .btn-b {
	background-color: #aaa;
	}
	.from-button .btn-b:hover {
	background-color: #777;
	}