@charset "utf-8";
/* 
	主色：173f7d
	主背景色: 0c57ac
*/
html{font-size:16px;}
html *{font-weight:300; line-height:1.8; font-family:'Noto Sans TC', sans-serif; color:#333;}
a:hover{text-decoration:none;}
input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appearance:none; border-radius:0;}
:focus { outline: -webkit-focus-ring-color auto 0; }
input:focus, select:focus, textarea:focus, button:focus{outline:0;}
input:active, select:active, textarea:active, button:active{outline:0;}
img {max-width:100%}
.btn-primary {
    color: #fff;
    background-color: #4396da;
    border-color: #4396da;
}

.Find_button {
    border-radius: 999rem;
  }
.h5, h5{font-size:1.15rem;}

/* Nav */
.dropdown-menu{border:1px solid #bcc2ce;}
.navbar-nav .nav-link{font-weight:400; font-size:1.2rem; color:#333;}
i.fa.fa-home{color:#0c57ac;}
 .nav-item:hover {color:#4396da;}
.dropdown-item:hover{background-color:#4396da; color:#fff;}
.navbar-toggler{border:0;}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(67, 150, 218, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (max-width:768px){
	.navbar-light .navbar-nav .nav-link{font-weight:normal;}
}


h1.page-title{ background-color:#0c57ac; width:100%; font-weight:300; font-size:24px; line-height:2.5; color:#fff; text-align:center; border-radius: 3px;}
.item-title{font-weight:400; color:#4396da;}

/* 首頁-專業商品介紹 */
.i-prod{}
.i-prod a:hover{text-decoration:none;}
.i-prod a:hover .card-title{color:#4396da;}

/* 產品介紹 */
@media (max-width:768px){
	.product .main{flex-direction:column-reverse;}
}
.product aside{}
.product aside ul li a{display:block;}
.product aside ul li:hover{background-color:#fafafa;}
.product aside ul li:hover a{color:#4396da;}
.product aside a:hover{text-decoration:none; color:#4396da;}
.product aside .list-group-title{background-color:#4396da; line-height:40px;}
.product .card{border:0;}
.product aside i.fa{color:#fff; margin-right:5px; font-size:24px; line-height:36px; display:inline-block; width:40px; height:40px; border-radius:50%; border:2px solid rgba(255,255,255,.3); text-align:center;}
.page-item.active .page-link{background-color:#4396da; border-color:#4396da;}
.page-link{color:#4396da;}
.page-link:hover{color:#0c57ac;}
.product .prod-list a:hover .card-title{color:#4396da;}

/* 最新消息 */
@media (max-width:768px){
	.news .main{flex-direction:column-reverse;}
}
.news aside{}
.news aside ul li a{display:block;}
.news aside ul li:hover{background-color:#fafafa;}
.news aside ul li:hover a{color:#4396da;}
.news aside a:hover{text-decoration:none; color:#4396da;}
.news aside .list-group-title{background-color:#4396da; line-height:40px;}
.news .card{border:0;}
.news aside i.fa{color:#fff; margin-right:5px; font-size:24px; line-height:36px; display:inline-block; width:40px; height:40px; border-radius:50%; border:2px solid rgba(255,255,255,.3); text-align:center;}

.news-list a:nth-child(2n+1){background-color:#e9ebf7;}

/* 影片介紹 */
@media (max-width:768px){
	.video .main{flex-direction:column-reverse;}
}
.video aside{}
.video aside ul li a{display:block;}
.video aside ul li:hover{background-color:#fafafa;}
.video aside ul li:hover a{color:#4396da;}
.video aside a:hover{text-decoration:none; color:#4396da;}
.video aside .list-group-title{background-color:#4396da; line-height:40px;}
.video .card{border:0;}
.video aside i.fa{color:#fff; margin-right:5px; font-size:24px; line-height:36px; display:inline-block; width:40px; height:40px; border-radius:50%; border:2px solid rgba(255,255,255,.3); text-align:center;}
.video-list button{border:0; background-color:transparent; }


/* 聯絡我們 */
.company-info i{margin-right:10px; }
.company-info i.fa{color:#4396da; margin-right:5px; font-size:24px; line-height:30px; display:inline-block; width:30px; height:30px; border-radius:50%; text-align: center;}
form .form-group.row{position:relative;}
form .form-group.row label{position:absolute;top:-10px;left:20px;background-color:#e9ebf7;font-weight:400;padding:5px 10px;font-size:14px;/* width:90px; */border-radius:5px;}
form .col-form-input{width: 100%;
    border-radius: 3px;
    border: 1px solid rgba(67, 150, 218, .3);
    overflow: hidden;
    padding: 25px 10px 10px;}
.company-info form .form-control{border:0;}
.submit i.fa{margin-right:0; font-size:16px; color:#fff;}
.form-control:focus {	box-shadow:none; }

/* 下版 */
footer{background: -webkit-linear-gradient(rgb(252, 252, 252),rgb(230, 230, 230),rgb(180,180,180));
    background: -o-linear-gradient(rgb(252, 252, 252),rgb(230, 230, 230),rgb(180,180,180));
    background: -moz-linear-gradient(rgb(252, 252, 252),rgb(230, 230, 230),rgb(180,180,180));
    background: linear-gradient(rgb(252, 252, 252),rgb(230, 230, 230),rgb(180,180,180)); padding-top:20px; margin-top:20px; border-top:3px solid #0c57ac;}
footer span{margin:0 1em;}
footer i.fa{font-size:20px; color:#8f98a9; margin-right:5px;}
footer .copyright{font-size:.8rem; line-height:2; margin-top:5px;}