@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:"Noto Sans TC", "蘋方體", "思源黑體", "微軟正黑體", "Adobe 黑体 Std R", Arial, "TimesNew Roman", "Heiti TC Light", "Microsoft JhengHei", "Microsoft Sans Serif";
	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, input{outline: none;}
input{outline: none;}
span {display: inline-block; word-break: break-all;}


/***** nav設定 *****/
.navbar,.apply-1,.navbar-bg{ height:52px;}
.navbar {margin-bottom: 0; background: #007c7d; border: 0; box-shadow:0 0 6px 0 #888; }
.navbar-nav{ margin:0}
ul.navbar-nav {	font-size: 18px; letter-spacing: 5px; text-align:center;}
/*text-transform: uppercase定義所有字母均為大寫*/
.navbar-fixed-top .navbar-collapse {max-height:600px;}
ul.navbar-nav li a {height:52px; padding-top:16px; color:#ffffff; background:transparent;}
ul.navbar-nav li a:hover, ul.navbar-nav li a.active, ul.navbar-nav li a:focus
{color:#000 ;background:#f3e600; outline: 0;}

.navbar-brand {	width:200px; height:42px; margin-top:8px; margin-left:50px; background: url(../img/logo.png) no-repeat left; background-size:contain;}


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


@media (max-width:767px){
.navbar,.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:5px 10px 0 0}
.icon-bar {height:45px; border:2px solid #ffffff; }
ul.navbar-nav { margin:0; padding-top:10px; background:#007c7d;}
ul.navbar-nav li a {height:60px; width:100%; line-height:60px; padding:0; color: #ffffff; background:#007c7d;}
ul.navbar-nav li a:hover, ul.navbar-nav li a:focus {color:#000; border:0;  background:#eeca97;}
.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;}
}


/***** 增加nav設定 *****/
.item-btn { width:150px; }
.item-btn2 { width:15px; }
.item-inne { border-left: solid 2px #fff; height:30px; margin-top:11px; margin-left:15px;}

@media (max-width:767px){
.item-btn,.item-btn2 { width:100%; }
.item-inne  {border-left:none; width:90%; height:2px;border-bottom: solid 2px #fff; margin:auto;}
.item-inne  { height:0px; border:none;}

.nav-mb{ position:fixed;background:#fff; z-index:99; bottom:0; width:100%;  overflow:hidden;}
.nav-mb-hd{ width:40%; margin:auto;}

.nav-mb-bg1,.nav-mb-bg2,.nav-mb-bg3{ float:left; width:33.26%; height:50px; opacity:1;}
.nav-mb-bg1,.nav-mb-bg2,.nav-mb-bg3{ display: flex; align-items:center;justify-content:center}/*水平垂直置中*/
.nav-mb-bg1{ background:#da9237;}
.nav-mb-bg2{ background:#cbc120;}
.nav-mb-bg3{ background:#c69a66;}
.nav-mb-bg1,.nav-mb-bg2{ margin-right:0.11%;}
.nav-mb-txt{ font-size:17px; font-weight:bold; color:#fff; text-align:center; line-height:110%; padding-top:4px}
.nav-pic{width:40px; margin:6px auto 2px;}



/*第一條旋轉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:30px;}
}


/*****新增BTN *****/
.icon-top {position: fixed; z-index:99; bottom:0; width:48px; right:0; cursor: pointer;}
.icon-left {position: fixed;z-index: 5;  bottom: 120px; width:110px;right: 3px;opacity:0.9}
@media (max-width: 767px){
.icon-top { width:50px; bottom:0px;}
.icon-left { bottom:80px; width: 85px; right: 0}
}