@charset "utf-8";
/* CSS Document */

body{
	background:#fff;
	font-family: "Microsoft JhengHei", "微軟正黑體", Arial;
	letter-spacing:0.02em;
}
 a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
ul{	padding:0;	margin:0}
h1,h2,h3,h4,h5,h6,label,p{ margin:0 }






.news{ 
    border-bottom:2px solid #DDD; 
	border-top:3px solid #333; 
	color:#333; 
	padding:10px 0;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), 	color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
.news-title{
	color:#333;
	padding:10px 0;
	border-bottom:1px #CCC dashed
}
.news-title a{ color:#333 }
.news-title a:hover{ color: #FF6600 }
.date{ text-align:center}
.news-btn{
	padding:4px 10px;
	color: #FFF;
	font-size:.8em;
	margin:0 .5em;
	background:#555
}
.news-btn a{ color: #FFF; text-decoration:none }
.news-btn a:hover{ color: #FFFF00 }
.news-show{ margin:1.5em 0; line-height:2em}



/*----*/
.logo{}
.nav-top{margin-bottom:50px;}
.navbar-default .navbar-nav > li > a { color: #338288; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { background-color: #FFF}
.navbar-default {
	background-color: #FFF;
	padding:5px 0
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    text-decoration:none;
    color: #FFF;
	background: #45B1BA;
}
.nav-meau{ margin-top:6px}

@media (max-device-width: 480px) 
{
	.p-box{ margin:1em 0 50px 0; text-align:center; line-height:14pt;}
}

@media (min-width: 768px) 
{
	.p-box{ margin:1em 0 50px 0;text-align:center; line-height:14pt; height:200px;}
}

@media (min-width: 992px)
{
	.p-box{ margin:1em 0 50px 0; text-align:center; line-height:14pt; height:200px;}
}

@media (min-width: 1200px) 
{
	.p-box{ margin:1em 0 50px 0; text-align:center; line-height:14pt; height:200px;}
}


.p-box a{ color:#444; text-decoration:none}
.p-box a:hover{ color:#45B1BA}
.p-box span{ color:#000000; font-size:14px}
.p-title{color:#FF6600; font-size:1.3em; border-bottom:1px dashed #DDD; padding:.25em 0; margin:.25em 0}
.p-title span{font-size:0.7em; padding-left:2em}
.p-norm{ 
    background:#DBF3F3; 
	color:#39949B; 
	font-weight:bold; 
	text-align:center; 
	padding:.15em; 
	margin:1em 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}




.about-t{ color: #FF6633; font-size:1.2em}
.aboutbg{ background:url(../images/about_bg.jpg); background-repeat:no-repeat; background-position:bottom right }
.contactbg{ background:url(../images/contact_bg.jpg); background-repeat:no-repeat; background-position:bottom left; padding:3em 0; color:#666; }






/*--- slider-css --*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  float: left;
  width: 100%;
  border: 0;
  }
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	visibility: visible;
	display: block;
	height: 10px;
	width: 10px;
	display: inline-block;
	border: 1px solid #fff;
	background:none;
	border-radius:50px;
}
.callbacks_here a:after{ background:#fff }
.callbacks_tabs a{	visibility:hidden }
.callbacks_tabs li{	display:inline-block }
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 14%;
	z-index: 999;
	left: 46%;
}
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 60%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 35px;
  width: 35px;
  background: url("../images/img-sprite.png") no-repeat -13px -98px ;
 }
.callbacks_nav.next {
  left: auto;
  background-position:-91px -98px;
  right: 0;
 } 



/* main */
.main{ 
  background:#FFF;
  padding:0;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(184,184,184,1);
  -moz-box-shadow: 0px 0px 10px 2px rgba(184,184,184,1);
  box-shadow: 0px 0px 10px 2px rgba(184,184,184,1)
}
.content{ 
  margin:20px 0;
  color:#333;
  font-size:11pt;
  line-height:20pt;
}
.pic{ margin:3% 0}

/*--footer--*/
.footer{ padding:1% 0; margin-top:-20px; color:#FFF; background: #45B1BA; font-size:10pt; line-height:18pt}
.footer a{ color: #FFF }
.footer a:hover{ color: #FFFFCC }

.footer_meau{ background: #003300}
.footer_meau a{ color: #FFFFCC }
.footer_meau a:hover{ color:#FFF }
/*--//footer--*/



.contact{ margin:.5em 0; padding:.3em; width:100%; color:#222}
.submit{ background:#40A0A8; color:#FFF; border:none; padding:.3em .7em; float:right}