body{
	background-position: 50% 0,50% 0;
	background-size: auto,auto;
	background-color: #5BACDC;
	background-repeat: no-repeat,repeat-x;
	font-size: 15px;
	line-height: 26px;
	font-family: "微軟正黑體" ,arial;
	color: #4c4c4c;
	background-image: url(images/bg.jpg),url(images/bg.jpg);
}


.menubar{
    height: 50px;
    background-color: #e4007f;
	margin: auto;color: #fff;
	font-size: 1.2em;
	letter-spacing: 3px;
    line-height: 50px;	
    text-align: center;
}

.menu01 {
    width: 1140px;
    margin: 0 auto 0 auto;
    text-decoration: none;
}

.menu01 a{
    color: #fff;
    text-decoration: none;
}

.menu01 a:hover{
    color: #ff0;
    text-decoration: none;
}

.icons{
    position: relative;
    float: right;
}

.p0{
	padding: 0px;
}
.conten_bg{
	/*background-color: rgba(219,242,255,0.50);*/
	padding-top: 20px;

}
.cast{
	border-color: #704fb7;
	color:  #704fb7;
	margin-top: 20px;
}
.fb{
	border-color: #eb5e45;
	color:  #eb5e45;
	margin-top: 20px;
}
.dropdown{
	margin: 20px 0;
}
/*
			.navbar{
				background-color: rgba(0, 0, 0, 0);
				background-color: #2fbfbf;
				border-style: none;
				border-radius: 0px;
				margin-bottom: 0px;
				
			}*/
			.youtube{
				color:  #005782;
			}
			.copyright{
				font-size: 16px;
				color: #fff;
				text-align: center;
				margin-top: 50px;
			}
			.copyright img{
				padding-bottom: 7px;
			}

			.col-sm-6.col-md-4{
				padding: 10px;
			}
			.navbar-brand{
				margin-top: -10px;				
			}
			.promo{
				color: #414141;				
				line-height: 20px;
				margin-bottom: 15px;
			}
			.promo P{
				text-align: center;
   	 			color: #005F9C;
				font-size: 1.1em;
				margin-top: 5px;
			}

			.promo span{
				color: #E0F3FF;
			}
			.c_body{
				font-size: 15px;
			}

			.page-header{
				border-bottom-color: #373737; 
			}


			.navbar{
				color: #FFF; 
				background-color: #2fbfbf;
				border-radius: 0px;
				border-width: 0px;
				/*	font-size: 15px;*/
			}
			.navbar .navbar-nav>li>a{
				color: #FFF;
				font-size: 16px;
			}
			.navbar .navbar-nav>li>a{
				color: #FFF;
				font-size: 16px;
			}
			.navbar .navbar-nav>li>a:hover{
				color: #e56ba1;
				background-color: #FFF;
			}
			.navbar .navbar-toggle .icon-bar{
				background-color: #FFF;
			}
			.navbar .navbar-toggle:hover{
				background-color: #53349c;
			}

  .ad1 {
    text-align: center;
    height: 25px;
    width: 40px;
    border: 1px solid #333;
    margin-left: 96%;
    z-index: 1000;
}

.page {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	font-size: 20px;
	line-height: 40px;
}

.page01{
	font-size: 1.2em;
	padding: 2% 0 2% 0;
}

.page01 a{
    color: #005267;
    text-decoration: none;
}

.page01 a:hover{
	color: #FF0086;
    text-decoration: none;
	
}

.page01 img{
	width: 25%;
	height: auto;
	margin-right: 3%;
}

#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 95%;
}

#customers td, #customers th {
  border: 1px solid #fff;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}









@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-0s {
  -webkit-animation-delay: 0.0s;
  animation-delay: 0.0s;
}