@charset "utf-8";

/* 清除/原始設定 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6,.h1,.h2,.h3,.h4,.h5,.h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, main, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
}

article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{
	display:block;
}

body {
	background:transparent;
	font-family:Arial, sans-serif, "Microsoft JhengHei"; margin:0;}

img {width:100%; height:auto; margin:0;padding:0; border:none; vertical-align:top; display:block;}
ul, li{list-style:none;}

a {color:#337ab7; outline: none; text-decoration: none;}
a:hover , a:active,a:focus{color:#337ab7; outline: none; text-decoration: none;   -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

button{outline: none;}
span {display: inline-block; word-break: break-all;}


/***** nav設定 *****/
.navbar,.apply-1,.navbar-bg{ height:50px;}
.navbar {margin-bottom: 0; background: #fff; border: 0;}
.navbar-nav{ margin:0}
ul.navbar-nav {	font-size:15px; font-weight:bold; letter-spacing:1px; margin-left:10px; margin-right:105px}
/*text-transform: uppercase定義所有字母均為大寫*/
.navbar-fixed-top .navbar-collapse {max-height:600px;}
ul.navbar-nav li a {height:50px; line-height:22px; padding:auto 12px; color:#2768af; background:transparent;}
ul.navbar-nav li a:hover
{color:#ffffff; background:#2768af; outline:0;}
ul.navbar-nav li a.active, ul.navbar-nav li a:focus
{color:#2768af; background:transparent;outline:0;}

.navbar-brand {	width:200px; height:40px; margin-top:6px; margin-left:50px; background: url(../img/logo.png) no-repeat left; background-size:contain;}
.apply-1{ position:absolute; right:0px; top:0; cursor: pointer;width:105px; height:50px; background:url(../img/apply-bg.png) no-repeat center center; background-size:100% }
.btn-ap{ font-size: 16px; font-weight:bold;letter-spacing: 1px; padding-top:19px; color:#fff; width:105px; height:50px }
.navbar-bg { position:absolute; top:0; width:100%;background: #ffffff; z-index:888}

@media (min-width: 768px) and (max-width:1048px){
ul.navbar-nav {font-size: 15px; letter-spacing:1px; margin-left:0; margin-right:105px;  }
ul.navbar-nav li a { padding:15px 5px;}
.navbar-brand { width:130px; margin-left: 10px;}
.apply-1{ width:105px; }
.btn-ap{ font-size: 16px; width:100px; }
}


@media (max-width:767px){
.navbar,.apply-1,.navbar-bg{ height:45px; min-height:45px;}
.navbar{ float: none;}
.navbar-collapse {float: none; padding:0; border: 0;}
.navbar-toggle {width:45px; border: none;  margin:4px 100px 0 0}
.icon-bar {height:45px; border: 2px solid #2768af; }
ul.navbar-nav { margin:0;}
ul.navbar-nav li a {height:60px; padding:20px 8px; color:#fff ; background:#2768af; text-align:center;}
ul.navbar-nav li a:hover {color: #fff; background:#abcc73;}
ul.navbar-nav li a.active, ul.navbar-nav li a:focus
{color:#fff ; background:#2768af; outline:0;}
.navbar-brand { width:50%; min-width:120px; height:36px; margin-top:6px; margin-left:5%;}
.navbar-toggle .icon-bar { position: relative;  transition: all 500ms ease-in-out;  -webkit-transition: all 500ms ease-in-out;}
.apply-1{width:100px;}
.btn-ap{ font-size: 15px;width:90px; }


/*第一條旋轉45度*/
.navbar-toggle.active .icon-bar:nth-of-type(1) {
  top: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*第二條向左飛出*/
.navbar-toggle.active .icon-bar:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
/*第三條反轉45度*/
.navbar-toggle.active .icon-bar:nth-of-type(3) {
  top: -10px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
} 
}

/**** 影片淡入淡出 ****/
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
	animation-timing-function:linear; 
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity:1;
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}



/*****footer *****/
#footer{clear:both; width:100%; background:#E6E6E5;}
.foot-d {display:block; width:70%; margin-left:15%; padding-top:20px;padding-bottom:20px;}
.foot-m {display:none}

@media (max-width: 767px){
.foot-d {display:none;}
.foot-m {display:block; width: 86%; margin-left:7%; padding-top:20px;padding-bottom:20px;}
}


/*****新增BTN *****/
.icon-top {position: fixed; z-index:99; bottom:10px; width:40px; right:10px; opacity:0.9; cursor: pointer;}
.icon-left1 {position: fixed;z-index:99;bottom: 200px; width:80px; right:0; opacity:1}
.icon-left2 {position: fixed;z-index:99;bottom: 115px; width:80px; right:0; opacity:1}

@media (max-width: 767px){
.icon-top { width:35px; }
.icon-left1 {bottom: 140px; width:70px; right:0px;}
.icon-left2 {bottom: 60px; width:70px; right:0px;}
}