@charset "utf-8";
/* CSS Document */
/* Google NotoSans字型setting */
@font-face {
  font-family: NotoSansCJKtc-Medium;
  src: url(../fonts/NotoSansCJKtc-Medium.otf), 
}
@font-face {
  font-family: NotoSansCJKtc-Black;
  src: url(../fonts/NotoSansCJKtc-Black.otf),    
}
@font-face {
  font-family: NotoSansCJKtc-Bold;
  src: url(../fonts/NotoSansCJKtc-Bold.otf),     
}
@font-face {
  font-family: NotoSansCJKtc-DemiLight;
  src: url(fonts/NotoSansCJKtc-DemiLight.otf),   
}
@font-face {
  font-family: NotoSansCJKtc-Light;
  src: url(../fonts/NotoSansCJKtc-Light.otf),    
}
@font-face {
  font-family: NotoSansCJKtc-Regular;
  src: url(../fonts/NotoSansCJKtc-Regular.otf),    
}
@font-face {
  font-family: NotoSansCJKtc-Thin;
  src: url(../fonts/NotoSansCJKtc-Thin.otf),    
}
@font-face {
  font-family: NotoSansMonoCJKtc-Bold;
  src: url(../fonts/NotoSansMonoCJKtc-Bold.otf),    
}
@font-face {
  font-family: NotoSansMonoCJKtc-Regular;
  src: url(../fonts/NotoSansMonoCJKtc-Regular.otf),    
}
/*樣板初始設定*/
*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body{font-family: "微軟正黑","Microsoft JhengHei"; font-size:16px;color:#fff}
a{text-decoration:none;color:#ff0000;}
a:hover{text-decoration:none}
#header{background:#fff;width:100%;position:relative;font-weight:800;}
#header:after{content:"";clear:both;display:block}
#header nav ul{margin-top:10px;margin-bottom:0px;}
.search{float:right;padding:30px}
input{border:none;padding:10px;border-radius:20px}
.logo{float:left;padding:10px 26px;}
.logo a{font-size:28px;display:block;padding:0 0 0 20px}
nav{float:right;}
nav>ul{float:left;position:relative}
nav li{list-style:none;float:left}
nav .dropdown{position:relative}
nav li a{float:left;padding:30px 28px;}
nav li a:hover{text-decoration:none; color:#ff0000;}
nav li:hover {
    border-bottom: 6px #ff0000 solid;
    color: #ff0000;
    -webkit-transition: all .3s;
    transition: all .3s;}
nav li ul{display:none}
nav li:hover ul{display:inline}
nav li li{float:none}
nav .dropdown ul{position:absolute;left:0;top:100%;background:#fff;padding:20px 0;border-bottom:3px solid #34495e}
nav .dropdown li{white-space:nowrap}
nav .dropdown li a{padding:10px 35px;font-size:13px;min-width:200px}
nav .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #34495e}
nav li li a{float:none;color:#333;display:block;padding:8px 10px;border-radius:3px;font-size:13px}
nav li li a:hover{background:#bdc3c7;background:#FAFBFB}
.mega-col{width:25%;float:left}
#menu-icon{position:absolute;right:0;top:50%;margin-top:-12px;margin-right:30px;display:none}
#menu-icon span{border:2px solid #ff0000;width:30px;margin-bottom:5px;display:block;-webkit-transition:all .2s;transition:all .1s}

/*============================
Banner Slider
=============================*/
/*Banner*/
.main-text {
    position: absolute;
    top: 100px;
    width: 96.66666666666666%;
    color: #FFF;
}
.carousel-inner .imgOverlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}
.carousel-inner img {
   width: 100%;
}
/*CONTROL*/
.carousel-control {
    width: auto;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
  position: absolute;
  top: 47%;
  right: 0;
  z-index: 5;
  display: inline-block;
  background-color: #000;
  width: 38px;
  height: 38px;
  line-height: 40px;
  font-size: 14px;
}
.carousel-control .icon-prev,
.carousel-control .fa-chevron-left {
  left: 0;
}
.carousel-indicators li {
  width: 20px;
  height: 20px;
  margin: 0 5px;
  border: 4px solid #fff;
}
.carousel-indicators .active {
    background-color: #fff;
    border-color: #facf0d;
}
.carousel-control .icon-prev, .carousel-control .fa-chevron-left,
.carousel-control .icon-right, .carousel-control .fa-chevron-right {
    border-radius: 50px;
}
.carousel-control .icon-prev, .carousel-control .fa-chevron-left {
    left: 30px;
}
.carousel-control .icon-right, .carousel-control .fa-chevron-right {
    right: 30px;
}
.banner-title{font-size:3em; text-align:left;margin:150px;}

@media (max-width:768px) {
/*Banner 切換鈕*/
.carousel-indicators li {
  width: 13px;
  height: 13px;
  margin: 0 3px;
  border: 2px solid #fff;
}
		}
@media (max-width: 479px) {
.carousel-control .icon-prev, .carousel-control .fa-chevron-left {
    left: 30px;
	top:40px;
}
.carousel-control .icon-right, .carousel-control .fa-chevron-right {
    right: 30px;
	top:40px;
}
}