a:link {
    text-decoration: none;color:#1d2088;
}

a:visited {
    text-decoration: none;color:#1d2088;
}

a:hover {
    text-decoration: none;
	color:#ff0000!important;
}

a:active {
    text-decoration: none;color:#1d2088;
}



			
@media screen and (min-width: 768px) {
  
body{
	
	}
.bg001{background-color: #d0e9f6;}
.container{
	  
	  
	     padding: 15px 0px 0px 10px!important;
	  
	
	  
	  }
.container-fluid{
	  padding: 0px!important;
	   margin:0px!important;
	
	  
	  }

.frame{
	  
	  margin:10px 0px!important;
      padding:0px 0px 0px 0px!important;
	  background-color: #d0e9f6!important;
      text-align:center!important;
      color: black;
	  
	  }
.frame2{
	  
	  margin:0px!important;
      padding: 40px 60px 40px 60px!important;
	  
	  -webkit-border-radius: 30px !important;
      -moz-border-radius: 30px !important;
	  border-radius: 30px !important;
      border: 0px solid #dea759;
      color:#000000 !important;
	  text-align:left!important;font-size: 17px;
      font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	  line-height: 25px;
    background-color: #FFFFFF!important;
	  }
	
	  
#m_top_menu { display:none; }
#top_menu { display:none; }
	
.navbar-header{
		
		height:80px;
		padding:0px;
		
		}
		  
.navbar{
		
		height:100px;
		padding:5px 0px!important;
		background-color: #007d7d;
        border-bottom: solid #FFF 12px!important; margin:0px!important;
		}	
.space-top{
    margin-top:20px!important;
	}		  
.closed {
	 display:none;

	
	}		  
		  
.card{
		margin:15px 0px;
	
		}

 .banner{
    
                 width:100%!important;
                /* max-width:1920px; */
                position:relative;
                /* padding-top:60px; */
               
             
            }
    
    
    

	  
.card01{
		margin:15px 0px;
	    padding:15px 50px !important;
	    border:solid 0px #d9dadb;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
        background-color:rgba(255, 255, 255, 0.9);
		
		-moz-box-shadow: 2px  3px  3px  #f39800;
        -webkit-box-shadow: 2px  3px  3px  #f39800;
        box-shadow: 2px  3px 3px  #f39800;


		  }
.card00{
		margin:15px 0px;
	    padding:15px 50px !important;
		
　       background-repeat:no-repeat;
height:600px;
		  }
		  
/*.card0A{
		
		background-image:url('../images/bg.png')!important;
　       bbackground-repeat:no-repeat!important;
        background-position:10% 50%!important;ackground-attachment:fixed!important;height:700px;
		  }*/
		  
	 
 

.card03{
		margin-top:20px;
	    padding:15px !important;
	   
       
		
		position:fixed;
	width:148px;
	top:286px;
	right:0.2em;
	z-index:1100;
		
		
		
		  }

.card03-button{		  
		  
		   display:none;
		   }



#btn-A{
	
	 display:none;
	
	
	
	}
#btn-B{
	
	 display:none;
	
	
	
	}
.LA{
	
	
	padding:0;
	
	
	
	}


	.icon{
            position:absolute;
            width:138px;
            height:180px;
            top:220px;
            right: 220px;
            padding: 5px;
  z-index:999;
        }

	.icon2{
            position:absolute;
            width:138px;
            height:180px;
            top:340px;
            left: 220px;
            padding: 5px;
  z-index:999;
        }
    
    
    	.icon3{
            position:absolute;
            width:138px;
            height:180px;
            top:300px;
            right: 420px;
            padding: 5px;
  z-index:999;
        }

.card05{
		margin:15px 0px;
	    padding:15px 0px !important;
	    border:solid 0px #d9dadb;


		  }

	#scrollToTopButton {
            position: fixed;
            width:70px;
            height:70px;
            bottom: 20px;
            right: 20px;
            padding: 5px;
            background-color: #11bab5;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            display: none;
z-index:999;
        }

        #scrollToTopButton:hover {
            background-color: #fcca02;
        }
        #scrollToTopButton p{
			font-size:14px;
        	background-color:#11bab5;
        	cursor:pointer;
			border:0px solid #fff;
			color:#fff;
			transition:.5s;
		}
	
/* --------------------   font     ------------------------------ */	

/*
h1{

	
	color:#665009 !important;
	text-align:center;
	padding:15px 20px;
	border-bottom:solid 8px #f39800;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	margin:30px 0px!important;
	}

h2{
	padding:15px 10px;
    font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#007c7d;
	text-align:center!important;
	border-bottom:solid 3px #ff931e;
	
	}*/
h3{
  
	font-size: 24px!important;font-weight: bolder!important;
	color:#009891!important; text-align:left;padding:5px 5px!important;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	/*border-bottom:solid 3px #a0a0a0;*/
	margin:5px 0px!important;
	/*border-left:solid 8px #f39800!important;*/
	/*background-color:#38afab;-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;*/

  display: inline-block!important;

	}	
    
    
.a-img {display: inline-block!important;
   
}
    
    
h4{
    color:#000000 !important;font-weight: bolder!important;
	text-align:left;font-size: 22px;
	padding:0px 0px;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	/*border-left:solid 5px #019e97;*/
	}


	.bg-main{
		
		background-color:#e3fdfc;
		
		
		
		
		
		}

.text-orange{

	
	color:#eb6100;
	
	}
.text-gray{

	
	color:#626262;
	
	
}
.text-green{

	
	color:#019e97;
	
	
}
.text-bold{

	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	
}
.text-N{
    color:#000000;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    text-align:left;
    font-size: 21px;
	
	
}

.text-green2{

	
	color:#36af35;
	
	
}
.text-green-block{

	background-color:#019e97;
	color:#FFF;
	padding:2px 5px;
	
}
.text-red-block{
margin:2px 2px;
	background-color:#c83313;
	color:#FFFFFF;
	padding:2px 5px;
	
}
.text-orange-block{

	color:#FFF;
	padding:10px 30px;margin-right:15px;
	
	background: #30a2cf;
    background:
    linear-gradient(-45deg, transparent 15px, #30a2cf 0),
    linear-gradient(45deg, transparent 15px, #fed154 0);
}
.text-blue{

	
	color:#00479d;
	
	}	

.text-brown{

	
	color:#59493f;
	
	}	

.text-red{

	
	color:#e60012;
	
	
}
    .text-red-bold{

	font-weight: bolder!important;
	color:#e60012;
	
	
}

hr { 
    height: 1px;

    border-color:#dea759!important;







}

/*------------------------收合-----------------------------*/	

.flip0{margin:0px;padding:5px;text-align:center;cursor:pointer;font-family:'Arial';}
.panel0{margin:0px;padding:5px;text-align:center;border:solid 1px #c3c3c3;display:none;font-family:'Arial'}
	
.flip1{margin:0px;padding:5px;text-align:center;cursor:pointer;font-family:'Arial';}
.panel1{margin:0px;padding:5px;text-align:center;border:solid 1px #FFF;display:none;font-family:'Arial'}

.flip2{margin:0px;padding:5px;text-align:center;cursor:pointer;font-family:'Arial';}
.panel2{margin:0px;padding:5px;text-align:center;border:solid 1px #c3c3c3;display:none;font-family:'Arial'}
	
.flip3{margin:0px;padding:5px;text-align:center;cursor:pointer;font-family:'Arial';}
.panel3{margin:0px;padding:5px;text-align:center;border:solid 1px #c3c3c3;display:none;font-family:'Arial'}
	
/*---------------------------- 按鈕------------------------------- */

    
    
    
    
   .tabs{
  width:100%;
  margin:0px auto;background:#FFF;padding:20px 10px !important;
	-webkit-border-radius: 18px !important;
    -moz-border-radius: 18px !important;
	border-radius: 18px !important;
    border: 2px solid #FFF;
    
}
.tab-buttons span{
  font:400 24px 'open sans',sans-serif;
  color:#36444d;
  background:#FFF;
  cursor:pointer;
  border-bottom:2px solid #ddd;
  display:inline-block;
  margin-right:20px;
  padding:3px;
}
.tab-buttons span.active{
  border-bottom:3px solid #e73828!important;
}
.tab-content{
  margin-top:15px;
  border-bottom:1px solid #ddd;
  padding:15px;
  background:#FFF;
  font:400 13px 'open sans',sans-serif;
    text-align: left!important;
  color:#333;
} 
    
    


/* --------------------   伸縮     ------------------------------ */


 .accordion {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e5e5e5;
}

.accordion-item {
  border-bottom: 1px solid #e5e5e5;
}

/* Thumb */
.accordion-thumb {
  margin: 0;
  padding: 0.8rem 0;
  cursor: pointer;
  font-weight: normal;
}
.accordion-thumb::before {
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  margin-right: 1rem;
  margin-left: 0.5rem;
  vertical-align: middle;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
  transition: transform 0.2s ease-out;
}

/* Panel */
.accordion-panel {
  margin: 0;
  padding-bottom: 1.8rem;
  display: none;
}

/* Active */
.accordion-item.is-active .accordion-thumb::before {
  transform: rotate(45deg);
}
    
    
    
    

/*---------------------------footer-----------------------------------*/

.footer{
	clear:both;
	width:100%;
	margin-top:10px;
	padding:5px 0px;
	background-color:#007d7d;
	bottom: 0;
	position:relative;
	z-index:1;
}




.f01 ul{
	list-style: none;	display:inline;
}


.f01 li{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	display: inline-block;
	font-size:16px;
	color:#fff;
	padding:5px 10px;
	
}
















}




/* -------------------------------------------------手機版型------------------------------------- */

@media screen and (max-width: 767px) {
	
	
	.bg001{background-color: #d0e9f6;}
	

	

	
.LA{
	
	 
	
	
	
	}	
	
.LB{width: 100%;
	
	 padding:30px 0px 0px 0px;
	
	
	
	}	
.icon{
          display:none;
        }

	.icon2{
           display:none;
        }
    
    
    	.icon3{
           display:none;
        }	
	
	
	
	#btn-A{
	
	 
	
	
	
	}
	
	
	#btn-B{
	
	 
	
	
	
	}
	
	
	
	
	
	
	
	
	
	
.card01{
		  margin:15px 5px;
	
         background-color: #FFFFFF;
		  padding:15px 20px;
	
            border:solid 0px #535353;

         -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
        background-color:rgba(255, 255, 255, 0.9);
		
		-moz-box-shadow: 2px  3px  3px  #f39800;
        -webkit-box-shadow: 2px  3px  3px  #f39800;
        box-shadow: 2px  3px 3px  #f39800;

		  }
.card02{
		  margin:15px 0px;
	

		  padding:15px 20px;
	
border:solid 1px #aaaaaa;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;


		  }

		  
		  
		  
		  
		  
.card05{
		  margin:0px 0px;
	
background-color: #FFFFFF;
		  padding:20px 25px;



		  }		  

.closed {
	 margin:15px 5px;

	
	}

.frame{
	  
	  margin:0px 0px!important;
      padding: 0px 0px 0px 0px!important;
	  background-color: #d0e9f6!important;

      color: black;
	  text-align:center!important;
	  }	
.frame2{
	  
	  margin:1px;
      padding: 10px 20px 10px 20px!important;
	  background-color: #FFF!important;
	  -webkit-border-radius: 10px !important;
      -moz-border-radius: 10px !important;
	  border-radius: 10px !important;
      border: 0px solid #dea759;
      color:#000000 !important;
	  text-align:left!important;font-size: 16px;
      font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	  line-height: 25px;
	  }	




	
.navbar-header{
		
		height:80px;
		padding:0px;
		
		}	
.navbar{
		
		height:90px;
		padding:0px;
		background-color: #007d7d;margin:0px!important;border-bottom: solid #FFF 10px!important;
		}	  	
	
	
	 .container-fluid{margin:0!important;
    padding: 0 !important;
}
    
    
.container{
          padding: 10px 10px 10px 10px!important;
	  
 }
	
	
	
.space-top{
    margin-top:10px!important;
	}	
	
	
	
	
	
	
	/*  以下－－－－－GO TOP 返回最上層按鍵 的 修改  */
#scrollToTopButton {
            position: fixed;
            width:60px;
            height:60px;
            bottom: 50px;
            right: 10px;
            padding: 0px;
            background-color: #11bab5;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            display: none;
z-index:999;
        }

        #scrollToTopButton:hover {
            background-color: #fcca02;
        }
        #scrollToTopButton p{
			font-size:14px;
        	background-color:#11bab5;
        	cursor:pointer;
			border:0px solid #fff;
			color:#fff;
			transition:.5s;
		}
	
	
	
	

	
	
	
	
/*--------------------------font------------------------ */

hr { 
    height: 1px;

    border-color:#dea759!important;






}

.text-gray{

	
	color:#626262;
	
	
}
.text-orange{

	
	color:#eb6100;
	
	}
.text-brown{

	
	color:#59493f;
	
	}	
	
	.text-brown-bold{

	font-weight:bold;
	color:#ab945e;
	
	}

	.text-red{

	
	color:#e60012;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	
}

	
.text-N{
    color:#000000;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    text-align:left;
    font-size: 20px;
	
	
}	
	
	
	
	
	.text-blue{

	
	color:#00479d;
	
	}
	
h1{
    color:#665009 !important;
	text-align:center;
	padding:5px 0px;
	border-bottom:solid 5px #f39800!important;
	margin:20px 0!important;
    }	
	

	
	
	
	
	
	
	
	
h2{

    color:#019e97; text-align:center;padding:8px 0px;
	border-bottom:solid 5px #aaaaaa;
	}
	
h3{
  
	font-size: 22px!important;font-weight: bolder!important;
	color:#009891!important; text-align:left;
	padding:3px 0px;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	/*border-bottom:solid 3px #a0a0a0;*/
	margin:2px 0px!important;  
    display: inline-block!important;
	/*border-left:solid 8px #f39800!important;*/
	/*background-color:#38afab;-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;*/
	}	
    
 
    
    
    
    
    
    
    
    
    
    .a-img {display: inline-block!important;
   
}
    
    
    
h4{
    color:#000000 !important;font-weight: bolder!important;
	text-align:left;font-size: 22px;
	padding:0px 0px;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	/*border-left:solid 5px #019e97;*/
	}	
	
.text-green{

	
	color:#019e97;
	
	
}	
.text-red-block{

	background-color:#FFFFFF;font-weight: bolder;
	color:#e60012;
	padding:2px 5px;
	
}
.text-red-block{
margin:2px 2px;
	background-color:#c83313;
	color:#FFFFFF;
	padding:2px 5px;
	
}
.text-green-block{

	background-color:#019e97;
	color:#FFF;
	padding:2px 5px;
	
}
.text-green2{

	
	color:#36af35;
	
	
}

.text-N{
    color:#000000;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    text-align:left;
    font-size: 20px;
	
	
}
	
	/*------------------------收合-----------------------------*/	
	
	
.flip{margin:0px;padding:5px;text-align:center;background:#E09697;cursor:pointer;font-family:'Arial';}
.panel{margin:0px;padding:5px;text-align:center;background:#e5eecc;border:solid 1px #c3c3c3;display:none;font-family:'Arial';}
.flip1{margin:0px;padding:5px;text-align:center;cursor:pointer;font-family:'Arial';}
.panel1{margin:0px;padding:5px;text-align:center;border:solid 1px #FFF;display:none;font-family:'Arial'}

/*----------------------------footer-------------------------- */
	.footer{
	clear:both;
	width:100%;
	padding:0px 0px!important;
	background-color:#007d7d;
	bottom: 0;
	position:relative;
	z-index:1;
}
	
	
.f01 ul{
	list-style: none;	display: inline-block;
}


.f01 li{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	display: inline-block;
	font-size:14px;
	color:#fff;
	padding:3px 2px;
}


ul {
	list-style-image:url('../images/icon01.png')
	
	
	
	
	}	

    
    
 /*---------------------------- 頁籤--------------------------- */   
    

    
    
    
.tabs{
  width:100%;
  margin:1px auto;background:#FFF;padding:10px 5px;
	-webkit-border-radius: 18px !important;
    -moz-border-radius: 18px !important;
	border-radius: 18px !important;
    border: 2px solid #01adb1;
     

 

}
.tab-buttons span{
  font:400 24px 'open sans',sans-serif; 
  color:#36444d;
  background:#FFF;
  cursor:pointer;
  border-bottom:2px solid #ddd;
  display:inline-block;
  margin-right:3px;
  padding:2px;    
}
.tab-buttons span.active{
  border-bottom:2px solid #e73828;
}
.tab-content{
  margin-top:15px;
  border-bottom:3px solid #ddd;
  padding:15px;
  background:#FFF;
  font:400 13px 'open sans',sans-serif;text-align:left!important;
  color:#333;
} 
    /* --------------------   伸縮     ------------------------------ */


 .accordion {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e5e5e5;
}

.accordion-item {
  border-bottom: 1px solid #e5e5e5;
}

/* Thumb */
.accordion-thumb {
  margin: 0;
  padding: 0.8rem 0;
  cursor: pointer;
  font-weight: normal;
}
.accordion-thumb::before {
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  margin-right: 1rem;
  margin-left: 0.5rem;
  vertical-align: middle;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
  transition: transform 0.2s ease-out;
}

/* Panel */
.accordion-panel {
  margin: 0;
  padding-bottom: 1.8rem;
  display: none;
}

/* Active */
.accordion-item.is-active .accordion-thumb::before {
  transform: rotate(45deg);
}

    
/* ------------------ */   
/*---------------------------- 按鈕------------------------------- */
	
.button-green {
    background-color: #01adb1;
	-webkit-border-radius: 24 !important;
    -moz-border-radius: 24 !important;
	border-radius: 24px !important;
    border: 2px solid #01adb1;
    color: white;
    padding: 15px 5px;
    display: block;
    text-decoration: none;
	text-align:center;
    font-size: 20px !important;
    cursor: pointer;
	width:60%;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	margin:15px 0px;
}

.button-green:hover {
    background-color: white !important;
    color: black !important;
    border: 2px solid #01adb1; /* Green */
	-webkit-transition-duration: 1s; /* Safari */
	-moz-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}	
	
	
.button-blue {
    background-color: #3176a1;
	-webkit-border-radius: 24;
    -moz-border-radius: 24;
	border-radius: 24px;
    border: 2px solid #3176a1;
    color: white;
    padding: 10px 5px;
    display: block;
    text-decoration: none;
    font-size: 20px;
    cursor: pointer;
	text-align:center;
	width:100%;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif; 
	
	margin:5px 6px;
}

.button-blue:hover {
    background-color: white;
    color: #3176a1;
    border: 2px solid #3176a1; /* Green */
	-webkit-transition-duration: 1s; /* Safari */
	-moz-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}	
	
.button-gray {
    background-color: #CCC;
	-webkit-border-radius: 24;
    -moz-border-radius: 24;
	border-radius: 24px;
    border: 2px solid #CCC;
    color: white;
    padding: 10px 5px;
    display: block;
    text-decoration: none;
    font-size: 20px;font-weight:bold;
    cursor: pointer;
	text-align:center;
		width:100%;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif; float:left;margin:5px 6px;
}

.button-gray:hover {
    background-color: white;
    color: #666;
    border: 2px solid #999; /* Green */
	-webkit-transition-duration: 1s; /* Safari */
	-moz-transition-duration: 1s; /* Safari */
    transition-duration: 1s;font-weight:bold;
}	
	

.button-brown {
    background-color: #aa955e;
	-webkit-border-radius: 24;
    -moz-border-radius: 24;
	border-radius: 24px;
    border: 2px solid #aa955e;
    color: white;
    padding: 10px 5px;
    display: block;
    text-decoration: none;
    font-size: 20px;font-weight:bold;
    cursor: pointer;
	text-align:center;
		width:100%;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif; float:left;margin:5px 6px;
}

.button-brown:hover {
    background-color: white;
    color: #aa955e;
    border: 2px solid #aa955e; /* Green */
	-webkit-transition-duration: 1s; /* Safari */
	-moz-transition-duration: 1s; /* Safari */
    transition-duration: 1s;font-weight:bold;
}	
	
.button-red {
    background-color: #e5004f;
	-webkit-border-radius: 20 !important;
    -moz-border-radius: 20 !important;
	border-radius: 20px !important;
    border: 2px solid #e5004f;
    color: white;
    padding: 5px 5px;
    display: none!important;
    text-decoration: none;
    font-size: 20px !important;
    cursor: pointer;
	text-align:center;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	width:100%;
	font-weight:bold;
	margin:10px 5px;
}

.button-red:hover {
    background-color: white !important;
    color: black !important;
    border: 2px solid #e5004f; /* Green */
	-webkit-transition-duration: 1s; /* Safari */
	-moz-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}	



/*---------mobile menu------------*/
#m_top_menu {
	display:block;
	position:absolute;
	top:1.5em;
	right:1.5em;
	z-index:20000;
	width:30px;
	height:30px;
	background:#007c7c url(../images/btn-mmenu.png) no-repeat;
	text-indent:-9999px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;	
}
#m_top_menu:hover {
	background:#4a989a url(../images/btn-mmenu.png) no-repeat;
}
#top_menu {
	display:none;
	width:100%;
	position:fixed;
	top:6em;
	right:0;
	background:#4a989a;
	filter: Alpha(Opacity=100);
	opacity: 0.95;
	z-index:20000;
}
#top_menu ul {
	margin:0;
	padding:0;
	overflow:hidden;
}
#top_menu ul li {
	width:90%;
	text-align:center;
	margin-left:5%;
	padding-top:1.2em;
	padding-bottom:1.2em;
	list-style:none;
	clear:both;
	float:left;
	border-bottom:1px #CCC dotted;
}
#top_menu ul li a {
	color:#FFF;font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
}
#top_menu ul li a:hover {
	color:#007c7c;
}	
}