﻿

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: #e7f5f4;}
.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: #e7f5f4!important;

      color: black;
	  
	  }
.frame2{
	  
	  margin:0px!important;
      padding: 0px 0px 0px 0px!important;
	  background-color: #e7f5f4;
	  -webkit-border-radius: 10px !important;
      -moz-border-radius: 10px !important;
	  border-radius: 10px !important;
      border: 0px solid #dea759;
      color:#000000 !important;
	  text-align:left;font-size: 17px;
      font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	  line-height: 25px;
	  }
	  
#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;

	
	}	

    
    /* 跟屁蟲 Wow!新戶最高享1000 */
.btn-wow{
    max-width:150px;
    width:100%;
    position:fixed;
    right:10px;
    top:80vh;
    z-index:3;
    transition:.3s;
    /* display:none; */
}
.btn-wow img{
    width:100%;
    vertical-align:middle;
}
.btn-wow:hover{
    transform:scale(1.1);
}
    
 .btn-wow2{
    max-width:150px;
    width:100%;
    position:fixed;
    right:10px;
    top:65vh;
    z-index:3;
    transition:.3s;
    /* display:none; */
}
.btn-wow2 img{
    width:100%;
    vertical-align:middle;
}
.btn-wow2:hover{
    transform:scale(1.1);
}   
    
    
		  
.card{
		margin:15px 0px;
	
		}


    .banner{
     
      background-position: center top!important;
	  background-color:#FFF;
	  background-image:url('../images/bg.jpg')!important;
　    background-repeat:x-repeat;
      padding:0px!important;
      margin:0px!important;
	  }
	  
.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;
		   }




.LB{
	
	 display:none;
	
	
	
	}

.LA{
	
	
	padding:0;
	
	
	
	}






.card05{
		margin:15px 0px;
	    padding:15px 0px !important;
	    border:solid 0px #d9dadb;


		  }





	
	
	
	
/* --------------------   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:#e60012!important; text-align:left;
	padding:3px 0px;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	/*border-bottom:solid 3px #a0a0a0;*/
	margin:2px 0px!important;
	/*border-left:solid 8px #f39800!important;*/
	/*background-color:#38afab;-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;*/
	}	
h4{
    color:#000000 !important;font-weight: bolder!important;
	text-align:center;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;







}




	
/*---------------------------- 按鈕------------------------------- */


/*---------------------------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: #e7f5f4;}
	

/* 跟屁蟲 Wow!新戶最高享1000 */
.btn-wow{
    width:100px;
    position:fixed;
    right:5px;
    top:75%;
    z-index:3;
    /* display:none; */
}
.btn-wow img{
    width:100%;
    vertical-align:middle;
}
    
    
.btn-wow2{
    width:100px;
    position:fixed;
    right:5px;
    top:65%;
    z-index:3;
    /* display:none; */
}
.btn-wow2 img{
    width:100%;
    vertical-align:middle;
}
    
    
	
.LB{width: 100%;
	
	 padding:30px 0px 0px 0px;
	
	
	
	}	
.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: #e7f5f4!important;

      color: black;
	  
	  }	
.frame2{
	  
	  margin:1px;
      padding: 10px 0px 10px 0px!important;
	  background-color: #e7f5f4!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;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;
	}	
	
	
	
	
	
	
	
	
	

	
	
	
	
/*--------------------------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: 24px!important;font-weight: bolder!important;
	color:#e60012!important; text-align:left;
	padding:3px 0px;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	/*border-bottom:solid 3px #a0a0a0;*/
	margin:2px 0px!important;
	/*border-left:solid 8px #f39800!important;*/
	/*background-color:#38afab;-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;*/
	}	
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;
	
	
}

/*----------------------------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')
	
	
	
	
	}	
	
/*---------------------------- 按鈕------------------------------- */
	
.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;
}	
}