@charset "UTF-8";


body {
	line-height: 1;
}
body {
	color: #333;
	font-family: Helvetica, Arial, Verdana, "Microsoft JhengHei", PMingLiU, sans-serif;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
input, button, select, textarea {
	outline: none;
	text-decoration: none;
}
*:focus, a:focus  {
	outline: none; /* for Firefox Google Chrome  */
    behavior:expression(this.onFocus=this.blur());
	margin-top: 0px;
}
a {
	/*color: #2486B8;*/
	color: #dd5b67;
	text-decoration: underline;
	cursor: hand;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	 outline: none; /* for Firefox Google Chrome  */
     behavior:expression(this.onFocus=this.blur()); /* for IE */
}
a:hover {
	color: #dd5b67;
	text-decoration: none;
	cursor: hand;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}
footer, header, section {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 24px;
	color: #0048a6;
}
h3 {
	font-size: 30px;
	line-height: 38px;
	color: #81b8ff;
}
h4 {
	font-size: 20px;
	line-height: 38px;
	color: #222222;
	font-weight: normal;
}
h5 {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #583979;
	padding-bottom: 4px;
}
p {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
	margin: 0px;
	padding: 0px;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}
dd, dl, dt {
	margin: 0px;
	padding: 0px;
	float: left;
}
.clear {
	width: 100%;
	height: 0px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}


/* ------------------------------------------
  距離設定
--------------------------------------------- */
.mt-10 {
	margin-top: 10px;
}
.mt--10 {
	margin-top: -10px;
}
.mt-15 {
	margin-top: 15px;
}
.pt-5 {
	padding-top: 5px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-25 {
	padding-top: 25px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-35 {
	padding-top: 35px;
}
.pt-35-m {
	padding-top: 32px;
}
.pt-45 {
	padding-top: 45px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-60 {
	padding-top: 60px;
}
.pd-5 {
	padding-bottom: 5px;
}
.pd-10 {
	padding-bottom: 10px;
}
.pd--10 {
	padding-bottom: -10px;
}
.pd-15 {
	padding-bottom: 15px;
}
.pd-20 {
	padding-bottom: 20px;
}
.pd-25 {
	padding-bottom: 25px;
}
.pd-30 {
	padding-bottom: 30px;
}
.pd-35 {
	padding-bottom: 35px;
}
.pd-40 {
	padding-bottom: 40px;
}
.pd-5 {
	padding-bottom: 5px;
}
.pd-50 {
	padding-bottom: 50px;
}
.pd-80 {
	padding-bottom: 80px;
}
.pd-85 {
	padding-bottom: 85px;
}
.pl-5 {
	padding-left: 5px;
}
.pl-10 {
	padding-left: 10px;
}
.pl-15 {
	padding-left: 15px;
}
.pl-30 {
	padding-left: 40px;
}
.md-5 {
	margin-bottom: 5px;
}
.md-10 {
	margin-bottom: 10px;
}
.md-15 {
	margin-bottom: 15px;
}
.md-20 {
	margin-bottom: 20px;
}
.md-25 {
	margin-bottom: 25px;
}
.md-30 {
	margin-bottom: 30px;
}
.md-35 {
	margin-bottom: 35px;
}
.md-40 {
	margin-bottom: 40px;
}
.pd-join {
	padding-bottom: 15px;
}
@media screen and (max-width:480px) {
.pd-join2 {
	padding-bottom: 15px;
}
.pt-35-m {
	padding-top: 20px;
}
}


/* ------------------------------------------
  選單設定
--------------------------------------------- */
.navbar {
	margin-bottom: 0px;
}
.navbar, .navbar .main-menu .navbar-brand, .navbar .main-menu .navbar-nav > li > a {
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	text-decoration: none;
}
.navbar .navbar-nav > li {
	font-size: 16px;
	padding-top: 7px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 16px;
	margin-left: 0px;
}
.navbar .navbar-nav > li > a {
	padding-left: 0;
	padding-right: 0;
	color: #000;
	text-decoration: none;
}
.navbar-custom {
	background-image: url(../n_images/bg-menu.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.navbar-custom .navbar-brand {
	color: #5bb2df;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	margin-top: 0px;
}
.navbar-custom .navbar-brand.active, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:hover {
	color: #81b8ff;
}
.navbar-toggle {
	color: #222222;
	text-transform: uppercase
}
.navbar-custom .nav li a, .navbar-custom {
	color: #333;
	text-transform: uppercase
}
.navbar-custom .navbar-collapse {
	border-color: rgba(255,255,255,.02);
}
.navbar-custom .navbar-toggle {
	background-color: #ffffff;
	border-color: #ffffff;
	font-size: 26px;
	font-weight: lighter;
}
.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover {
	background-color: #ffffff;
}
.navbar-custom .nav li a {
	font-weight: normal;
	text-decoration: none;
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:hover {
	color: #81b8ff;
	outline: 0
}
.navbar-custom .navbar-nav>.active>a {
	border-radius: 0;
	color: #fff;
	background-color: #2486B8;
	text-decoration: none;
}
.navbar-custom .navbar-nav>.active>a:focus, .navbar-custom .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #2486B8
}

@media screen and (min-width:1161px) {
.navbar-custom {
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
	-webkit-transition: padding .3s;
	-moz-transition: padding .3s;
	transition: padding .3s;
	border: none;
	margin-bottom: 0px;
}
.navbar-custom .navbar-brand {
	/*font-size: 2em;*/
}
.navbar .navbar-brand img {
	height: 100px;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	margin-top: -50px;
}
.navbar-custom .navbar-nav>.active>a {
	border-radius: 0px;
	text-decoration: none;
}
.navbar-custom.affix {
	background-color: #ffffff;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	border-bottom: 1px solid rgba(204,204,204,0.5);
}
.navbar.affix .navbar-nav > li {
	font-size: 16px;
	padding-top: 7px;
	/*padding-left: 40px;*/
	padding-right: 15px;
	padding-bottom: 4px;
	margin-left: 20px;
}
.navbar-custom.affix .navbar-brand {
	/*font-size: 1.5em*/
	margin-top: -11px;
}
.navbar-custom.affix .navbar-brand img {
	margin-top: 0px;
	height: 54px;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
}
.navbar-custom.affix .top-link {
	display: none;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
}
.navbar-custom.affix .menu-item {
	padding-left: 19px;
	padding-right: 19px;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	padding-top: 7px;
	padding-bottom: 6px;
}
}
@media screen and (max-width: 1160px){
.navbar .navbar-nav > li {
	font-size: 16px;
	padding-top: 13px;
	padding-left: 3px;
	padding-right: 15px;
	padding-bottom: 0px;
}
.nav.navbar-nav .menu-item a {
	color: #ffffff;
	margin-top: 0px;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.6);
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
}
.nav.navbar-nav .menu-item a:hover {
	color: #ffffff;
}
.navbar-nav{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.navbar-custom {
	background-color:#ffffff;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px;
	-webkit-transition: padding .3s;
	-moz-transition: padding .3s;
	transition: padding .3s;
	border-left: none;
	border-right: none;
	border-bottom-style: none;
	border-top: none;
	margin-bottom: 0px;
	margin-top: 0px;
}
.navbar .navbar-brand img {
	height: 54px;
	margin-left: 5px;
	margin-bottom: 5px;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	margin-top: -15px;
}
.navbar-custom.affix .navbar-header {
	border-bottom: 1px solid rgba(204,204,204,0.5);
}
.navbar-header {
	padding-top: 10px;
	padding-bottom: 12px;
}
}
@media screen and (max-width: 360px){
.navbar .navbar-brand img {
	height: 50px;
	margin-left: 5px;
	margin-bottom: 5px;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	margin-top: -14px;
}
}
@media screen and (max-width: 1160px){
.des-navbar-bg {
	background-color: #FFFFFF;
}
.des-navbar-bg2 {
	background-color: #3786c7;
}

}
/*
::-moz-selection {
text-shadow:none;
background:#2486B8
}
::selection {
	text-shadow: none;
	background: #2486B8
}*/
img::selection {
	background: 0 0
}
img::-moz-selection {
background:0 0
}

/* ------------------------------------------
  表單位移設定
--------------------------------------------- */
.checkbox-inline, .radio-inline{
margin-right:10px; 
}
.checkbox-inline + .checkbox-inline ,
.radio-inline + .radio-inline {
 margin-left:0; 
}