@charset "utf-8";
/* CSS Document */

/*===============================================
                    整體設定
=================================================*/

body {
	font-family: "Microsoft JhengHei UI", "Microsoft JhengHei UI Light", "微軟正黑體" !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft JhengHei UI", "Microsoft JhengHei UI Light", "微軟正黑體";
}

a, a:hover {
    text-decoration: none;
    transition: all .3s;
}

/*:focus {
    outline: 2px solid #f82626 !important;
}*/

@media (min-width: 1380px){

#wrapper .container {

}

}


/*===============================================
                    上方區塊
=================================================*/

#header {
    border-bottom: 0px solid #F5F5F5;
}


/*===============================================
                  上方logo區塊
=================================================*/

@media (max-width: 1730px){

#logo img {
    height: 70px !important;
}

}

@media (max-width: 480px){

#logo img {
    height: 50px !important;
}

}

/*===============================================
                   RWD按鈕樣式
=================================================*/

#primary-menu-trigger .svg-trigger path {
    stroke: #000;
}

/*===============================================
                   banner選單
=================================================*/

#banner-menu .menu-item:not(:first-child) {

}

/*banner選單-主選單-連結文字樣式*/

.primary-menu > #banner-menu > li > a {
    font-size: 22px;
    font-weight: normal;
}

#banner-menu .menu-item:hover > .menu-link, #banner-menu .menu-item.current > .menu-link {

}

#banner-menu .menu-item:hover button, #banner-menu .menu-item.current button {

}

/*banner選單-子選單-主區塊*/

#banner-menu .sub-menu-container {
    border: none;
    border-top: 3px solid #066885;
    background-color: rgb(0 0 0 / 0.8);
}

/*banner選單-子選單-連結文字樣式*/

#banner-menu .sub-menu-container .menu-item > .menu-link {
    font-size: 1em;
	color: #fff;
}

#banner-menu .sub-menu-container .menu-item > .menu-link:hover {
    color: #066885;
    background-color: transparent;
}

@media (min-width: 992px){

.primary-menu .menu-link div > i.icon-angle-down {
    display: initial;
}

}

@media (max-width: 1440px){

.primary-menu > #banner-menu > li > a {
    padding-left: 10px;
    padding-right: 10px;

}

}

@media (max-width: 1200px){

.primary-menu > #banner-menu > li > a {
    font-size: 16px;
    padding-left: 4px;
    padding-right: 4px;
}

.primary-menu > #banner-menu > li > a i {
    margin-right: 4px;
}

}

@media (max-width: 991px){

.primary-menu > #banner-menu > li > a {
    font-size: 18px;
	color: #000;
}

.primary-menu > #banner-menu > li > a i {
    margin-right: 10px;
}

#banner-menu .sub-menu-container {
    border-top: 1px solid #eee;
    background-color: #fff;
    padding: 0;
}

#banner-menu .sub-menu-container .menu-item > .menu-link {
    color: #000;
}

#banner-menu .sub-menu-container .menu-item > .menu-link:hover {
    color: #183884;
}

}

/*===============================================
                   內頁banner選單
=================================================*/

/*===============================================
                  上方搜尋區塊
=================================================*/

@media (min-width: 992px){

#top-search a {
    color: #1e3152;
}

#top-search form .form-control::-webkit-input-placeholder {
	color: #000 !important;
}
#top-search form .form-control:-ms-input-placeholder { // IE10+
	color: #000 !important;
}
#top-search form .form-control:-moz-placeholder { // Firefox4-18
	color: #000 !important;
}
#top-search form .form-control::-moz-placeholder { // Firefox19+
	color: #000 !important;
}

}

@media (max-width: 991px){

#top-search a {
    position: absolute;
    right: 48px;
    top: 26px;
}

}

@media (max-width: 480px){

#top-search a {
    top: 15px;
}

}

/*===============================================
                上方區塊-下滑後之樣式
=================================================*/

#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap {
    height: auto;
}

/*===============================================
                  首頁banner區塊
=================================================*/

/*首頁banner區塊-文字樣式*/

#slider.index-banner h2, #slider.index-banner p {
	/*text-shadow: rgb(0 0 0 / 0.5) 0.1em 0.1em 0.2em;*/
}

#slider.index-banner .title-border-color::before, #slider.index-banner .title-border-color::after {
    border-top: 1px solid #fff !important;
}

#slider.index-banner p {
    font-size: 20px;
}

.index-banner .swiper_wrapper .slider-caption p {
    display: none !important;
}



/*首頁banner區塊-按鈕樣式*/



/*首頁banner區塊-左右按鈕樣式*/

.index-banner .slider-arrow-left, .index-banner .slider-arrow-right {
    border-radius: 999px;
}

.index-banner .slider-arrow-left {
    left: 25px;
}

.index-banner .slider-arrow-right {
    right: 25px;
}

/*首頁banner區塊-圓點樣式*/

.index-banner .swiper-pagination span {

}

.index-banner .swiper-pagination span:hover, .index-banner .swiper-pagination span.swiper-pagination-bullet-active {

}

@media (min-width: 992px){

.index-banner .slider-caption {
    max-width: 740px;
}

#slider.index-banner h2 {
    font-size: 55px;
}

}

@media (min-width: 768px){

/*首頁banner區塊-輪播區塊樣式*/

#slider.index-banner .swiper-slide {
    padding: 3rem 0;
}

#slider.index-banner .slider-caption {
    background-color: #066885;
    padding: 0 3rem;
}

}

@media (max-width: 767px){

.index-banner .swiper-wrapper {
    text-align: center;
}

#slider.index-banner .swiper-slide:before {
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 0.35);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

}

/*===============================================
               首頁各區塊主標題共通設定
=================================================*/

.index-content .main-title.center {
	margin-bottom: 30px;
}

/*首頁個標題主區塊-標題文字樣式*/

.index-content .main-title span {
    font-size: 64px;
    color: #414141;
    font-weight: bold;
}

.index-content .main-title h2 {
    color: #9a9a9a;
}

.index-content .main-title h2:before {
    content: "—";
	color: #d2d2d2;
    margin-right: 10px;
}

.index-content .main-title h2:after {
    content: "—";
	color: #d2d2d2;
    margin-left: 10px;
}

.index-content .main-title:after {
    display: none;
}

@media (max-width: 991px){

.index-content .main-title span {
    font-size: 35px;
}

}

/*===============================================
                  首頁-產品服務區塊
=================================================*/

/*首頁-產品服務區塊-列表區塊*/

#home-product .owl-item:nth-child(even) {
    padding-top: 1rem;
}

/*===============================================
                  首頁-關於我們區塊
=================================================*/

#home-about {
	background-color: #066885;
	background-image: url(../image/home-about-bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*首頁-關於我們區塊-主標題樣式*/

#home-about .main-title span, #home-about .main-title h2 {
    color: #fff;
}

/*首頁-關於我們區塊-更多按鈕樣式*/

#home-about #button-box .button {
    color: #fff;
    border-color: #fff !important;
}

#home-about #button-box .button:hover {
    background-color: transparent;
}

/*===============================================
                首頁-客戶實績區塊
=================================================*/

#home-projects {
    background-color: #fff;
}

#home-projects #text-box hr {
    display: none;
}


@media (min-width: 1440px){

#home-projects #text-box hr {
    border-color: #000;
    right: 7rem;
    position: relative;
	display: block;
}

}

@media (min-width: 992px){

#home-projects .main-title span {
    font-size: 51px;
}

}

/*===============================================
                內頁-banner區塊
=================================================*/

/*內頁-banner區塊*/

#page-title:before {
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 0.5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

/*===============================================
                內頁-子層選單區塊
=================================================*/

#page-menu {
    min-height: 48px;
}

/*===============================================
                內頁-主內容區塊
=================================================*/

#box-center-content {
    background-color: #fff;
}



/*===============================================
                  下方區塊
=================================================*/

#footer {
    color: #fff !important;
    background-color: #0a445b !important;
    border-top: 0px solid rgba(0,0,0,0.2);
}

#footer .footer-widgets-wrap {
    padding: 40px 0;
}


/*===============================================
                  下方主選單區塊
=================================================*/

/*下方主選單區塊-主區塊*/

#footer-memu {
    font-size: 19px;
    background-color: #12377b;
}

#footer-memu a {
    color: #fff;
}

/*===============================================
                  下方選單區塊
=================================================*/

/*下方選單區塊-連結文字樣式*/

#footer-sub-menu a {
    color: #fff;
}


/*===============================================
                  頁尾內文區塊
=================================================*/

#footer-text a {
    color: #dfc405;
}

/*===============================================
                  回最上方按鈕
=================================================*/

#gotoTop {

    border-radius: 99px;
}

#gotoTop:hover {

}