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{
	background-color: #e9fafe;
	
	}

.container{
	  
	  
	     padding: 15px 0px 5px 0px;
	  
	  
	  
	  }
	  

	
.navbar-header{
		
		height:80px;
		padding:0px;
		
		}
		  
	.navbar{
		
		height:80px;
		padding:0px;
		background-color: #007d7d;
		}	  
		  
.mm00{
		margin:25px 0px;
	
		}


	  
.card01{
		margin:120px 0px 120px 0px;
	    padding:50px 30px !important;
	    border:solid 0px #d9dadb;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        border-radius: 14px;
        background-color:rgba(255, 255, 255, 1);
		-moz-box-shadow: 2px  3px  3px  #0e8f96;
        -webkit-box-shadow: 2px  3px  3px  #0e8f96;
        box-shadow: 2px  3px 3px  #0e8f96;
       
         width:800px;
        left:50%;
	    margin-left:-400px;

	    position:relative; 
		  }
	
	
	
#closed{
		display:none;

	}
		 
.bg001{
		background-color: #e9fafe;
	
		  }
.card02{
		margin:50px 10px 50px 10px;
	    padding:20px 20px !important;
	    border:dashed 3px #0ba29a;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        position:relative; 
	    font-size:larger;
		  }

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


		  }




h1{

	
	color:#a63f21 !important;
	text-align:left;
	padding:10px 15px;
	border-left:solid 8px #a63f21!important; font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	
	}

h2{
	padding:1px 10px;
    font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	color:#a63f21!important;
	text-align:center!important;
	
	}
h3{
  
	
	color:#12bab5!important; text-align:center;
	padding:10px 25px;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	border-bottom:solid 5px #ffcc33; 
	font-weight:bold!important;
	margin-bottom: 30px!important;
	/*background-color:#38afab;-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;*/
	}	
h4{
    color:#12bab5 !important;
	text-align:left;
	padding:8px 15px;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	border-left:solid 5px #ffcc33;font-weight:bold!important;margin:15px 0px !important;
	}
p{
		text-align: left;
		font-size:large;
		font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	}

.text-large{
    padding:10px 0px;
	font-size:medium;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	color:#000;
	
	
}
.text-orange{

	
	color:#eb6100;
	
	}
.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:16px;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#fff;
	background: #a63f21;padding:3px;
	}
.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-red{

	
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	color:#e60012;
	
	
}
	.text-bold{
    font-size:22px;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	color:#000;font-weight:bold;
	
	}	

hr { 
    height: 1px;

    background-color:#007d7d;






}




	
/*---------------------------- 按鈕------------------------------- */


.button-red {
    background-color: #e5004f !important;
	-webkit-border-radius: 18 !important;
    -moz-border-radius: 18 !important;
	border-radius: 18px !important;
    border: 2px solid #e5004f;
    color: white;
    padding: 5px 20px;
    display: block;
    text-decoration: none;
    font-size: 18px !important;
    cursor: pointer;
	text-align:center;
	font-weight:bold !important;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	margin:5px 5px;
	position:relative; width:200px;  
        left:50%;
	    margin-left:-100px;

	   
}

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


.button-brown {
    background-color: #a63f21;
	-webkit-border-radius: 24;
    -moz-border-radius: 24;
	border-radius: 24px;
    border: 3px solid #a63f21;
    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-brown:hover {
    background-color: white;
    color: #a63f21;
    border: 2px solid #a63f21; /* Green */
	-webkit-transition-duration: 1s; /* Safari */
	-moz-transition-duration: 1s; /* Safari */
    transition-duration: 1s;font-weight:bold;
}

/*--------------------------table-------------------------------*/

.TT3 {
	
	font-size:20px;
	color:#000;
	border-width: 0px;
	border-color: #a63f21;
	border-collapse: collapse;
}

.TT3 th {
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	line-height:25px;
    border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	padding: 20px 5px;
    text-align:center;
	color:#fff;
    font-weight:bold;
	background-color:#a63f21;

}
/*.TT tr:nth-child(even) {background: #FFFFFF}*/
/*.TT tr:nth-child(odd) {background: #efe0c0}*/

.TT3 td {
    font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	padding: 10px 5px;
	line-height:25px;
	border-bottom:1px solid #CCC;
}

.TT3 td a:link {
    color:#000; text-decoration:none;
}

.TT3 td a:visited{
   color:#000;
}

.TT3 td a:hover{
   color:#ff0000;
}

.TT3 td a:active {
   color:#000;
}

.TT3.alt{
background: #000;
}

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

.footer{
	clear:both;
	width:100%;
	margin-top:10px;
	padding:0px 0px;
	background-color:#007d7d;
	bottom: 0; position:fixed;
	
	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;
	
}





	

input[type=radio]{
  transform:scale(1.6);
	margin: 15px;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}




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

@media screen and (max-width: 767px) {
	
	
	.bg001{
		

		  }
		  
	
	.b-line{
		
	border-bottom:solid 1px #ab945e;
	padding:10px 0px;
		
	}
	
	article	 p { 
       padding:2px 0px;
		  font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:#587574;
	font-size:18px;
		  
		  }
	
.navbar-header{
		
		height:80px;
		padding:0px;
		
		}	
.navbar{
		
		height:80px;
		padding:0px;
		background-color: #007d7d;
		}	  	
	
.card01{
		  margin:120px 0px 65px 0px;
	
         background-color: #FFFFFF;
		  padding:15px 0px;
	
            border:solid 0px #a63f21;

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

		  }
	
.card02{
		margin:30px 10px 30px 10px;
	    padding:20px 20px !important;
	    border:dashed 3px #0ba29a;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        position:relative; 
	    font-size:larger;
		  }
		  
.card05{
		  margin:15px 0px;
	
background-color: #FFFFFF;
		  padding:15px 5px;



		  }		  

.mm00{
		margin:25px 0px;
	
		}
/*--------------------------font------------------------ */
	.text-brown-block-n{
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#fff;
	background: #a63f21;
	padding:3px 5px;
	}

.text-gray{

	
	color:#626262;
	
	
}
.text-orange{

	
	color:#eb6100;
	
	}
.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:5px 0px;
	font-size:medium;
	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-red{

	
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	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:1px 10px;
    font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	color:#a63f21!important;
	text-align:center!important;
	
	
	}
	
h3{
color:#12bab5!important; text-align:center;
	padding:10px 25px;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	border-bottom:solid 5px #ffcc33; 
	font-weight:bold;
	margin-bottom: 30px!important;
	}
	


h4{
    color:#12bab5 !important;
	text-align:left;
	padding:8px 15px;
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	border-left:solid 5px #ffcc33;font-weight:bold!important;margin:15px 0px !important;
	}		





/*----------------------------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-block;
}


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


	
	
input[type=radio]{
  transform:scale(1.6);
	margin: 15px;
}
	
/*---------------------------- 按鈕------------------------------- */
	
.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;
}	
	


/*--------------------------table-------------------------------*/

.TT3 {
	
	font-size:19px;
	color:#000;
	border-width: 0px;
	border-color: #a63f21;
	border-collapse: collapse;
}

.TT3 th {
	font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	line-height:25px;
    border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	padding: 15px 3px;
    text-align:center;
	color:#fff;
    font-weight:bold;
	background-color:#a63f21;

}
/*.TT tr:nth-child(even) {background: #FFFFFF}*/
/*.TT tr:nth-child(odd) {background: #efe0c0}*/

.TT3 td {
    font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
	padding: 10px 3px;
	line-height:25px;
	border-bottom:1px solid #CCC;
}

.TT3 td a:link {
    color:#000; text-decoration:none;
}

.TT3 td a:visited{
   color:#000;
}

.TT3 td a:hover{
   color:#ff0000;
}

.TT3 td a:active {
   color:#000;
}

.TT3.alt{
background: #000;
}

#closed{
		display:block;
		width:60px;
		height:40px;
		background-image:url(../images/btn.png);
		position:absolute;
		right:5px;
		top:20px;
		text-indent:-9999px;
		cursor:pointer;
	}
	
	
p{ font-family:Arial, Helvetica,"微軟正黑體", sans-serif;
   text-align:left;
	}
	

	
}