@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: #fff;
	font-family:Arial, sans-serif, "Microsoft JhengHei"; margin:0;}

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

a , a:hover , a:active,a:focus{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:52px;}
.navbar {margin-bottom: 0; border: 0;}
.navbar-nav{ margin:0}
ul.navbar-nav {font-size:14px; letter-spacing: 1px; text-align:center; margin-right:135px}
/*text-transform: uppercase定義所有字母均為大寫*/
.navbar-fixed-top .navbar-collapse {max-height:600px;}
ul.navbar-nav li a {height:52px; padding:18px 20px;color:#ceac53; background:transparent;}
ul.navbar-nav li a:hover, ul.navbar-nav li a.active, ul.navbar-nav li a:focus
{color:#fff ;background:#ceac53; outline: 0;}

.navbar-brand {	width:200px; height:42px; margin-top:7px; 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:135px; height:52px; background:url(../img/apply-bg.png) repeat; background-size:cover;}
.btn-ap{ font-size: 16px; letter-spacing:1px; line-height:52px;}

@media (min-width: 768px) and (max-width:1048px){
ul.navbar-nav {font-size:16px; margin-left:0; margin-right:120px;}
.navbar-brand { width:130px; margin-left: 15px;}
.apply-1{ width:120px; }
.btn-ap{ font-size: 16px; width:120px;}
}


@media (max-width:767px){
.navbar{ height:52px; min-height:52px;}
.navbar{ float: none;}
.navbar-collapse {float: none; padding:0; border: 0;}
.navbar-toggle {width:45px; border: none;  margin:5px 90px 0 0}
.icon-bar {height:45px; border:2px solid #ceac53; }
ul.navbar-nav { width:100%; margin:0; background:transparent;}
ul.navbar-nav li a{ width:100%; height:60px; padding:5px 0 auto; color: #ffffff; background:#000;}
ul.navbar-nav li a:hover, ul.navbar-nav li a:focus {color: #ffffff; border:0;  background:#007c7d;}
.navbar-brand { width:50%; min-width:120px; height:36px; margin-top:6px; margin-left:2%;}
.navbar-toggle .icon-bar { position: relative;  transition: all 500ms ease-in-out;  -webkit-transition: all 500ms ease-in-out;}
.apply-1{width:90px;}
.btn-ap{ font-size:15px; padding:0; 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:15px;padding-bottom:15px;}
.foot-m {display:none}

@media (max-width: 767px){
#footer{background:#e5e5e5;}
.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:0; width:48px; right:0; opacity:0.9; cursor: pointer;}
.icon-left {position: fixed; z-index: 5; bottom:200px; width:80px; right:-5px;}
.icon-stage {position: fixed; z-index: 5; bottom:80px; width:80px;right:-5px;}
@media (max-width: 767px){
.icon-top { width:45px; bottom:0px;}
.icon-left { bottom:120px; width:70px; right:-4px;}
.icon-stage { bottom:50px; width:70px; right:-4px;}
}