﻿

a:link {
    text-decoration: none;color:#de623d;
}

a:visited {
    text-decoration: none;color:#de623d;
}

a:hover {
    text-decoration: none!important;
	color:#e5004f!important;
}

a:active {
    text-decoration: none;color:#de623d;
}



			
@media screen and (min-width: 768px) {
  
body{
	
	
	background-color: #ece7d1!important;
	background-image:url('../images/background.png') !important;
　    }
    
	
.banner{
	   margin-top:90px;
	   width:100%;
	   background-image:url('../images/banner-bg.jpg') !important;
　     background-repeat:no-repeat!important;
	   height:450px;
	}	

.space{
	margin:120px 0px;
	}
.space-top{
	margin-top:80px;
	}
.space2{
	margin:20px 0px 20px 0px!important;
	} 
.white-bg{
	
	background-color: #FFFFFF!important;
	}   
.frame{
	padding:20px 70px!important;margin:25px 60px;
	background-color: #fefaf0!important;
    -webkit-border-radius: 25 !important;
    -moz-border-radius: 25 !important;
	border-radius: 25px !important;
    border: 1px solid #ffffff;
    
    
    
	}  
    
    
.frame2{
	padding:30px 20px!important;margin:25px 20px;
	
    
    
    
	}  
.container-fluid{
	
	padding: 0px 0px 0px 0px!important;
	}
	
.container{
          padding: 0px 0px 0px 0px;
	  
 }
  

  
	
.navbar-header{
		
		height:80px;
		padding:0px;
		
		}
		  
.navbar{
		
		height:80px;
		padding:0px;
		background-color: #007d7d;border-bottom: solid #FFF 8px;
		}	  

   


/* --------------------   伸縮     ------------------------------ */


 .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;text-indent: -2rem;
}
.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);
}

/* --------------------   文字     ------------------------------ */

h1{

	
	color:#a63f21 !important;
	text-align:left;
	padding:10px 15px;
	border-left:solid 8px #a63f21!important; font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	
	}

h2{
	padding:10px 15px;
    font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	color:#004e80;
	font-size:38px!important;
	text-align:left!important;
	border-left:solid 10px #eb1c24;
	font-weight:bold!important;
	margin-bottom: 30px!important;
	
	}
h3{
  
	
	color:#a63f21!important; text-align:left;
	padding:10px 5px;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	font-weight:bold!important;
	margin-bottom: 10px!important;
	background-color:#FFF;
	    -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        /*border-radius: 5px;border:solid 3px #a63f21;*/
	}	
h4{
    color:#000000 !important;
    font-size:20px!important;
	text-align:left;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	font-weight:bold!important;  
	}
h5{
    color:#02a2ac !important;font-size:22px!important;
	text-align:left;font-weight:bold!important;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	}
p{
		text-align: left;color:#000000;
		font-size:19px;
		font-family:"微軟正黑體", Arial, Helvetica, sans-serif;padding:10px 30px;
	}

.text-large{
    padding:10px 0px;
	font-size:20px;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	color:#000;
	
	
}
	.text-w{
   
	
	color:#FFF;
	
	
}
.text-orange-bold{

	
	color:#eb6100;font-weight: bolder;
	
	}
.text-gray{

	
	color:#626262;
	
	
}
.text-green-bold{

	font-size:large;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	font-weight:bold;
	color:#019e97;
	
	
}
.text-green-block{

	background-color:#019e97;
	color:#FFF;
	padding:2px 5px;
	
}
	.text-brown-block-n{
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#fff;
	background: #a63f21;
	padding:3px 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-brown-block{
    font-size:15px;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#fff;
	background: #a63f21;padding:8px 18px;
	}
.text-small{
    font-size:16px;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#000;
	padding:3px;
	}	

.text-brown{
    font-size:18px;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#59493f;
	
	}	
.text-brown-b{
    font-size:20px;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#59493f;
	font-weight:bolder;
	}
    
.text-blue{

	
	
	color:#035aea;
	
	
}
.text-red{

	
	
	color:#e60012;
	
	
}
    .text-red-bold{

	
	font-weight: bolder;
	color:#e60012;
	
	
}
	.text-bold{
    font-size:22px;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	color:#000;font-weight:bold;
	
	}	


	
/*---------------------------- 按鈕------------------------------- */


.button-red {
    background-color: #e5004f !important;
	-webkit-border-radius: 25 !important;
    -moz-border-radius: 25 !important;
	border-radius: 25px !important;
    border: 2px solid #e5004f;
    color: white;
  
    display: block;
    text-decoration: none;
    font-size: 24px !important;
    cursor: pointer;
	text-align:center;
	font-weight:bold !important;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	
	position:relative;  
	   

	   
}

.button-red:hover {
    background-color:#10369f !important; text-decoration: none;
    color: #e5004f !important;
    border: 2px solid #10369f; /* Green */
	-webkit-transition-duration: 1s; /* Safari */
	-moz-transition-duration: 1s; /* Safari */
    transition-duration: 1s;
}

.button-red:visited {
   
    color:#FFF!important;
  
}
.button-red:active {
   
    color:#FFF!important;
  
}
    
.button-red:link {
   
    color:#FFF!important;
  
}    
    
    
    
    
.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: 10px 10px;
    display: block;
    text-decoration: none;
	text-align:center;
    font-size: 20px !important;
    cursor: pointer;
    
	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: #002d78;
	-webkit-border-radius: 24;
    -moz-border-radius: 24;
	border-radius: 24px;
    border: 2px solid #002d78;
    color: white;
    padding: 10px 5px;
    display: block;
    text-decoration: none;
    font-size: 20px;font-weight:bold;
    cursor: pointer;
	text-align:center;
	
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	margin:25px 6px;
}

.button-blue:hover {
    background-color: white;
    color: #002d78;
    border: 2px solid #002d78; /* Green */
	-webkit-transition-duration: 1s; /* Safari */
	-moz-transition-duration: 1s; /* Safari */
    transition-duration: 1s;font-weight:bold;
}

.button-blue2 {
    background-color: #004bc8;
	-webkit-border-radius: 24;
    -moz-border-radius: 24;
	border-radius: 24px;
    border: 2px solid #004bc8;
    color: #FFFFFF;
    padding: 10px 5px;
    display: block;
    text-decoration: none;
    font-size: 20px;font-weight:bold;
    cursor: pointer;
	text-align:center;
	
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	margin:25px 6px;
}

.button-blue2:hover {
    background-color: white;
    color: #004bc8;
    border: 2px solid #004bc8; /* Green */
	-webkit-transition-duration: 1s; /* Safari */
	-moz-transition-duration: 1s; /* Safari */
    transition-duration: 1s;font-weight:bold;
}

/*--------------------------table-------------------------------*/

.TT1 {
	
	font-size:18px;
	color:#000;
	border-width: 0px;
	border-color: #a63f21;
	border-collapse: collapse;
}

.TT1 th {
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	line-height:25px;
    border-bottom:3px solid #CCC;
	border-right:1px solid #fff;
	padding: 20px 5px;
    text-align:center;
	color:#a63f21;
    font-weight:bold;
	

}
/*.TT tr:nth-child(even) {background: #FFFFFF}*/
/*.TT tr:nth-child(odd) {background: #efe0c0}*/

.TT1 td {
    font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	padding: 25px 10px;
	line-height:25px;
	/*border-bottom:1px solid #CCC;border-right:1px solid #fff;*/
}
.TT1 td:nth-child(1) {border-right:1px solid #fff;}
    .TT1 td:nth-child(2) {border-right:1px solid #fff;}
    .TT1 td:nth-child(3) {border-right:1px solid #fff;}
    

.TT1 td a:link {
    color:#000; text-decoration:none;
}

.TT1 td a:visited{
   color:#000;
}

.TT1 td a:hover{
   color:#ff0000;
}

.TT1 td a:active {
   color:#000;
}

.TT1.alt{
background: #000;
}
	    
    

/*---------------------------footer-----------------------------------*/

.footer{
	clear:both;
	width:100%;
	margin-top:0px;
	padding:0px 0px;
	background-color:#007d7d;
	bottom: 0; position:relative;
	
	z-index:10;
}


.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) {
    
    
body{
	      padding: 0px!important;
          margin: 0px!important;
       
	
	
	background-color: #ece7d1!important;
	background-image:url('../images/background.png') !important;
	}
    

	

 .container-fluid{
     margin:0!important;
     padding: 0 !important;
}
    
    
.container{
     padding: 0px 3px 0px 3px!important;
	 margin:0!important; 
 }

		  
	
.space{
	margin-top:30px;
	}
    
.space-top{
    margin-top:80px!important;
	}
	
.space2{
	margin:20px 0px 20px 0px!important;
	} 	
.navbar-header{
		
		height:80px;
		padding:0px;
		
		}	
.navbar{
		
		height:80px;
		padding:0px;
		background-color: #007d7d;
		}	  	
	

    
 
   	
.white-bg{
	
	background-color: #FFFFFF!important;
	}   
.frame{
	padding:20px 50px!important;margin:25px 10px;
	background-color: #fefaf0!important;
    -webkit-border-radius: 25 !important;
    -moz-border-radius: 25 !important;
	border-radius: 25px !important;
    border: 1px solid #ffffff;
    
    
    
	}  
    
    
.frame2{
	padding:30px 10px!important;margin:25px 10px;
	
    
    
    
	}  
    
    
    
	  

        
        

    
    
    


    
    
    
    

/*--------------------------font------------------------ */
	.text-brown-block-n{
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#fff;
	background: #a63f21;
	padding:3px 5px;
	}

.text-gray{

	
	color:#626262;
	
	
}
.text-orange-bold{

	
	color:#eb6100;font-weight: bolder;
	
	}
.text-brown-block{
    font-size:16px;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#fff;
	background: #a63f21;padding:3px;
	}
.text-small{
    font-size:14px;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	color:#000;
	padding:3px;
	}	
	.text-brown-bold{

	font-weight:bold;
	color:#ab945e;
	
	}
.text-large{
    padding:10px 0px;
	font-size:20px;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	color:#000;
	
	
}
.text-green-bold{

	font-size:large;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	font-weight:bold;
	color:#019e97;
	
	
}
.text-blue{

	
	
	color:#035aea;
	
	
}
.text-red{

	
	
	color:#e60012;
	
	
}
    .text-red-bold{

	
	font-weight: bolder;
	color:#e60012;
	
	
}

h1{

	
	color:#a63f21 !important;
	text-align:left;
	padding:10px 15px;
	border-left:solid 8px #a63f21!important; font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	
	}


	
	
h2{
	padding:10px 15px;
    font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	color:#004e80;
	font-size:26px!important;
	text-align:left!important;
	border-left:solid 5px #eb1c24;
	font-weight:bold!important;
	margin-bottom: 30px!important;
	
	}
	
	

h3{
  
	
	color:#a63f21!important; text-align:center;
	padding:10px 25px;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	font-weight:bold!important;
	margin-bottom: 10px!important;
	background-color:#FFF;
	    -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;border:solid 3px #a63f21;
	}
	


h4{
    color:#172751 !important;
    font-size:18px!important;
	text-align:left;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	font-weight:bold!important;
	}

h5{
    color:#02a2ac !important;font-size:18px!important;
	text-align:left;font-weight:bold!important;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;padding:30px 10px;
	}
p{
    text-align: left;
    color:#000000;
    font-size:18px;
    font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    padding:10px 10px;
	}



/*----------------------------footer-------------------------- */
	.footer{
	clear:both;
	width:100%;
	margin-top:0px!important;
	padding:20px 0px!important;
	background-color:#007d7d;
	bottom: 0;
	position:relative;
	z-index:1;
}
	
	
.f01 ul{
	list-style: none;	
}


.f01 li{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	display: inline-block;
	font-size:14px;
	color:#fff;
	padding:5px 2px;
}


	
/*---------------------------- 按鈕------------------------------- */
	
.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: 10px 10px;
    display: block;
    text-decoration: none;
	text-align:center;
    font-size: 20px !important;
    cursor: pointer;

	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: #002d78;
	-webkit-border-radius: 24;
    -moz-border-radius: 24;
	border-radius: 24px;
    border: 2px solid #002d78;
    color: white;
    padding: 10px 5px;
    display: block;
    text-decoration: none;
    font-size: 20px;font-weight:bold;
    cursor: pointer;
	text-align:center;
	
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	margin:25px 6px;
}

.button-blue:hover {
    background-color: white;
    color: #002d78;
    border: 2px solid #002d78; /* Green */
	-webkit-transition-duration: 1s; /* Safari */
	-moz-transition-duration: 1s; /* Safari */
    transition-duration: 1s;font-weight:bold; text-decoration: none;
}

.button-blue2 {
    background-color: #004bc8;
	-webkit-border-radius: 24;
    -moz-border-radius: 24;
	border-radius: 24px;
    border: 2px solid #004bc8;
    color: #FFFFFF;
    padding: 10px 5px;
    display: block;
    text-decoration: none;
    font-size: 20px;font-weight:bold;
    cursor: pointer;
	text-align:center;
	
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	margin:25px 6px;
}

.button-blue2:hover {
    background-color: white;
    color: #004bc8;
    border: 2px solid #004bc8; /* Green */
	-webkit-transition-duration: 1s; /* Safari */
	-moz-transition-duration: 1s; /* Safari */
    transition-duration: 1s;font-weight:bold; 
    text-decoration: none;
}


#closed{
		display:block;
		width:60px;
		height:40px;
		background-image:url(../images/btn.png);
		position:absolute;
		right:5px;
		top:20px;
		text-indent:-9999px;
		cursor:pointer;
	}
	
	

/* --------------------   伸縮     ------------------------------ */


 .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;text-indent: -2rem;
}
.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);
}

    
/* ------------------ */   
	/*--------------------------table-------------------------------*/

.TT1 {
	
	font-size:14px;
	color:#000;
	border-width: 0px;
	border-color: #a63f21;
	border-collapse: collapse;
}

.TT1 th {
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	line-height:25px;
    border-bottom:3px solid #CCC;
	border-right:1px solid #fff;
	padding: 20px 5px;
    text-align:center;
	color:#a63f21;
    font-weight:bold;
	

}
/*.TT tr:nth-child(even) {background: #FFFFFF}*/
/*.TT tr:nth-child(odd) {background: #efe0c0}*/

.TT1 td {
    font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	padding: 20px 10px;
	line-height:20px;
	/*border-bottom:1px solid #CCC;border-right:1px solid #fff;*/
}
.TT1 td:nth-child(1) {border-right:1px solid #fff;}
    .TT1 td:nth-child(2) {border-right:1px solid #fff;}
    .TT1 td:nth-child(3) {border-right:1px solid #fff;}
    
    
    
.TT1 td a:link {
    color:#000; text-decoration:none;
}

.TT1 td a:visited{
   color:#000;
}

.TT1 td a:hover{
   color:#ff0000;
}

.TT1 td a:active {
   color:#000;
}

.TT1.alt{
background: #000;
}
	    


	
}

	
