html,
body {
height: 100%;
font-family:"微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande";
}

p {
font-family:"微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande";
font-size: 17px;
line-height: 2.3rem;
color: #000;
margin: 0;
}


.text-changing{
color: #0192ff;
}

.text-green{
color:#8bc751;
}

a {
-webkit-transition: .3s;
transition: .3s
}

a:hover {
color: #000;
text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family:"微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande";
color: #000;
font-weight: 600;
line-height: 1.7;
margin: 0;
}


.d-table {
width: 100%;
height: 100%;
}

.d-table-cell {
vertical-align: middle;

}

img {
max-width: 100%;
height: auto;
}

.button {
color: #fff;
display: inline-block;
text-transform: uppercase;
border: 2px solid;
padding: 10px 20px;
}

.button:hover {
color: #000;
}

.bg-a {
background-color: #000;
}

.section-padding {
padding: 100px 0 80px 0;
}


.counter-section-padding{
padding: 6% 0 4% 0;
}

.page-section-padding {
padding: 40px 0 80px 0;
}



.pb-70 {
padding-bottom: 70px;
}

.pb-85 {
padding-bottom: 85px;
}

.bg-img {
background-color: #000;
background-position: center;
background-size: cover;
position: relative;
}

button:focus {
outline: none;
}


.section-title {
margin-bottom: 60px;
}

.section-title h2 {
text-transform: uppercase;
position: relative;
font-size: 50px;
padding-bottom: 20px;
margin-bottom: 15px;
line-height: 4rem;
}


.section-title p {
font-size: 1.4rem;
}

.section-title h2:before,
.section-title h2:after {
position: absolute;
content: '';
left: 50%;
bottom: 0;
width: 50px;
height: 5px;
background-color: #000;
}

.section-title h2:before {
left: auto;
right: 50%;
background-color: #0192ff
}


.word-break{
display:block;
}



/*::::::::::::::::::::::::::::::::::::
Main Menu
::::::::::::::::::::::::::::::::::::*/
.navbar{
-webkit-transition: .3s;
transition: .3s;
}
.navbar-brand.logo img {
max-height: 40px;

}

.navbar-expand-lg .navbar-nav .nav-link {
color: #fff;
font-size: 15px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link.active {
color: #ffc900;
}


/*::::::::::::::::::::::::::::::::::::
Contact Area 
::::::::::::::::::::::::::::::::::::*/

.contact-form {
padding: 60px;
box-shadow: 0 0 10px #ccc;
}

.contact-form .form-control {
background-color: #f8f9fa;
font-weight: 500;
font-size: 17px;
padding: 10px;
border: none;
border-radius: 0;
}

.contact-form .form-control:active {
box-shadow: 0 0 0;
background-color: #f8f9fa;
}


.contact-form textarea.form-control {
height: 140px;
}

input:-webkit-autofill {
background-color: #f8f9fa;
border: none;
}

.form-control::-webkit-input-placeholder {
color: #aaa;
}

.form-control:-ms-input-placeholder {
color: #aaa;
}

.form-control::-ms-input-placeholder {
color: #aaa;
}

.form-control::-webkit-input-placeholder {
color: #aaa;
}

.form-control::-moz-placeholder {
color: #aaa;
}

.form-control:-ms-input-placeholder {
color: #aaa;
}

.form-control::placeholder {
color: #aaa;
}

.form-control:focus {
box-shadow: none;
}

.form-btn .button {
margin: 0;
border: none;
background-color: #000;
color: #fff;
cursor: pointer;
-webkit-transition: .3S;
transition: .3S;
}

.form-btn .button:hover {
color: #000;
background-color: #ffc900;
}

.form-message {
margin-top: 15px;
font-weight: 700;
}

.form-message.error {
color: #f00;
}

.form-message.success {
color: #000;
}


/*:::::::::::::::::::::::::::::::::::
Footer Area
:::::::::::::::::::::::::::::::::::*/

.footer-area {
padding: 50px 0 20px 0;
background-color: #205488;
/*    border-bottom: 5px solid #0192ff;*/
}

.font-capital{
color:#0192ff;
}

.left-side li {
border-right: 1px solid #fff;
padding-right: 20px;
margin: 0 12px 0 0 ;
height: 21px;
display: inline-block;

}

.left-side li:last-child{
border-right: 0px solid #8C8C8C;
padding-right: 20px;
margin: 0 12px 0 0 ;
height: 21px;
display: inline-block;

}


.left-side li{
list-style: none;
}

.left-side a {
color: #fff;
}

.left-side a:hover {
color: #0192ff;
}

.ul-padding ul{
padding:0;
}


.copyright-text{
font-size:10px;
color:#ACACAC;
margin-top:3%;
}


/* lihung 新增 MENU*/
.navbar{
background: #000;
padding-top: 0;
padding-bottom: 0;
box-shadow: 1px 3px 4px 0 #adadad33;



}
.navbar-light .navbar-brand{
color: #2196F3;
-webkit-transition: .3s;
transition: .3s;
margin-top:1%;/*menu changing logo位置*/
}
.navbar-light .navbar-nav .nav-link {
color: #fff;/*menu 主頁選單文字*/
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: #1ebdc2;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #fff;
}
.navbar-light .navbar-nav .nav-link{
padding-top: 52px;/*menu高度*/
padding-bottom: 22px;
transition: 0.3s;
padding-left: 24px;
padding-right: 24px;
font-size: 16px;
font-weight: 500;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
background: #0192ff;/*Menu 主頁 選單hover*/
transition: 0.3s;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #fff;
text-decoration: none;
background-color: #18a3de !important;
}
/*產品文字*/
.dropdown-item {
color: #fff;
font-size: 16px;
line-height: 1.4rem;

}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color:#2196F3;
}
.navbar-toggler{
outline: none !important;
}
.navbar-tog{
color: #1ebdc2;
}
.dropdown-menu{
background-color:#2c3538;
min-width: 14rem;
padding:1.5rem 0;
}


.border-right{	
border-right:1px solid #0192ff !important
}


.navbar-toggler {
padding: .25rem .75rem;
font-size: 1rem; 
line-height: 1;
background-color: transparent;
border: 0 solid transparent;
border-radius: .25rem;
background: #ffffff;

}


/*2022新版 menu CSS*/

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
height: 70px;
transition: all 0.5s;
transition: all 0.5s;
padding: 10px 0;
background: #fff;/*menu色塊*/
z-index: 997;
}

#header.header-scrolled {
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

#header .logo h1 {
font-size: 28px;
margin: 0;
padding: 10px 0;
line-height: 1;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
}

#header .logo h1 a, #header .logo h1 a:hover {
color: #1c5c93;
text-decoration: none;
}

#header .logo img {
padding: 0;
margin: 0 0 0 20px;
max-height: 40px;
}

/*google翻譯*/
.goog-te-gadget-simple a {
display: inline;
}


/*title banner*/
.page-title h1 {
font-size: 70px;
color: #fff;
/*
margin-top: 5%;
line-height: 4rem;
*/
}

.page-title h3 {
font-size: 30px;
color: #fff;
line-height: 2.8rem;
font-weight: 500;
/*    margin-top: 1%;*/

}



/*Nav調整*/
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
font-size: 19px;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
font-size: 19px;

}


.category-bg-cover:before {
content: "";
/*    background: rgba(0, 0, 0, 0.3);*/
background: rgba(16, 145, 245, 0.6);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
}



.card-body p{
display: block;
color:#000;
line-height: 1.7rem;
}

.card-body p:hover{
color:#2ca6e0;
transition: 0.3s;

}

.card-title {
margin-bottom: .25rem;
}

/*成功案例*/

.success-section-padding{
padding-top:100px;
}

.success-logo-box{
margin-top:15px;

}

.success-logo-box p{
margin-top: 0.4rem;
margin-bottom: 1.7rem;
color: #707070;
font-size:16px;
line-height: 1.3rem;
text-align: center;
}

.success-logo-box img{
text-align: center;

}

/*成功案例標籤頁*/
.nav-link_success {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
font-size: 19px;
display: block;
padding: .5rem 1rem;

}
.nav-link_success.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
font-size: 19px;
}


.text-divide{
/*	border: 1px solid #5B5B5B;*/
/*	background-color:#EDEDED;*/
background: linear-gradient(90deg, rgb(229, 229, 229), rgb(255, 255, 255));

}

.success-bg-cover:before {
content: "";
/*    background: rgba(0, 0, 0, 0.3);*/
background: rgba(16, 145, 245, 0.6);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
}


.map-bg-cover:before {
content: "";
/*    background: rgba(0, 0, 0, 0.7);*/
background: rgba(16, 145, 245, 0.6);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
}


.modal-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #fff;
}

.contact-text{
letter-spacing: -0.5px;

}

.go-top {
  position: fixed;
  right: 18px;
  bottom: 96px;
  z-index: 1000;

  background: transparent;
  border: none;
  cursor: pointer;

  color: #1ebdc2;

  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
}

.go-top:hover {
  color: #707070;
}

.go-top.show {
  opacity: 1;
  visibility: visible;
}

/*media query*/
/*Large devices 筆電*/
@media screen and (max-width: 1500px) {

.solution-icon-box {
display: block;
width: 100%;
height: 150px;
border-right: 0px;
margin-bottom: 13%;
border-right: 2px solid #fff;

}


.map-bg-cover:before {
content: "";
/*    background: rgba(0, 0, 0, 0.7);*/
background: rgba(16, 145, 245, 0.6);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
}



/*title banner*/
.page-title h1 {
font-size: 68px;
color: #fff;
line-height: 4rem;
}

.page-title h3 {
font-size: 28px;
color: #fff;
line-height: 2.8rem;
font-weight: 500;
margin-top: 1%;

}

/*menu*/
.dropdown-menu {
background-color: #2c3538;
min-width: 14rem;
padding: 0.3rem 0;/*縮小padding,可增加身分認證產品名至menu上*/
}

.megamenu {
position: absolute;
width: 100%;
left: 0;
right: 0;
padding: 2px;/*縮小padding,可增加身分認證產品名至menu上*/
}

/*menu 各品項行距*/
.dropdown-item {
color: #fff;
font-size: 15px;
line-height: 1rem;
}

/*contact頁面*/
.contact-text h5{
font-size:17px;
letter-spacing: 0px;		
}

}


@media (max-width: 1366px) {
	
/*主選單文字間距*/
.nav-menu a{
display: block;
position: relative;
color: #000;
padding: 12px 9.5px;/*主選單文字間距*/
transition: 0.3s;
font-size: 16px;/*主選單文字*/
font-family: "Open Sans", sans-serif;
}	
	
/*下拉選單文字*/
.nav-menu .drop-down ul a {
padding: 2px 20px;
font-size: 14px;
font-weight: 400;
text-transform: none;
color: #000;
}

/*下拉選單主標文字*/
.nav-menu .drop-down ul h5 {
padding: 2px 20px;
font-size: 15px;
font-weight: 800;
text-transform: none;
color: #1a83b7;
margin-bottom: 5%;
}	
.nav-menu .drop-down .drop-down ul {
left: -90%;
}
.nav-menu .drop-down .drop-down:hover > ul {
left: -100%;
}
.nav-menu .drop-down .drop-down > a:after {
content: "\ea9d";
}
}



/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
.solution-icon-box {
display: block;
width: 100%;
height: 150px;
border-right: 0px;
margin-bottom: 13%;
border-right: 2px solid #fff;

}
.page-title h1 {
font-size: 68px;
color: #fff;
line-height: 4rem;
}



}


/*Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {


/*::::::::::::::::::::::::::::::::::::
首 頁
::::::::::::::::::::::::::::::::::::*/

.section-padding {
padding: 0px 0px;
}

.video-title h2{
font-size:2.5rem;
}
.index-section-title h2 {
position: relative;
font-size: 50px;
padding-bottom: 15px;
margin-bottom: 15px;
line-height: 4rem;
}

/*最新消息*/
.single-blog .button {
color: #333;
padding: 5px 10px;
margin: 13px 0;
border-radius: 5px;
font-size:15px;
}

/*尋找您的最佳方案區*/
.index-section-title-white h2 {
text-transform: uppercase;
position: relative;
font-size: 50px;
margin-top:5%;
line-height: 4rem;
color:#FFFFFF;
font-weight: 600;
}	
.index-section-title-white p {
font-weight: 400;
}

.solution-icon-box {
display: block;
width: 100%;
height: 150px;
border-right: 0px;
margin-bottom: 13%;

}

.index-section-title-white {
margin-bottom: 30px; 

}
/*更多成功按鈕區*/
.index-success-bg-cover {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #018fff;
padding: 1rem 0 2rem 0;	
}

/*手機閱覽時，影片container可滿版*/	
.video-container .container{
padding-right: 0px;
padding-left: 0px;
max-width: 100%;
}
/*影音專區與成功案例-字型大小*/
.media-icon01 span{
font-size: 2rem;

}
.media-icon02 span{
font-size: 2rem;
}
/*影音專區與成功案例-按鈕左右邊margin*/
.media-icon01{
margin:5%;
}
.media-icon02{
margin:5%;
}	


/*為什麼選擇我們區*/

.single-why-me h4{
font-size:28px;
line-height:2rem;
margin-top: 2%;
}

.single-why-me h4 span{
font-weight: 600;
}
.single-why-me p{
margin-top: 2%;
}

/*按鈕文字*/
.btn-news{
font-size:1.3rem;
}
/*首頁聯絡我們panel*/
.form-group .form-control {
font-size:1.2rem;	
}
.form-group label {
font-size:1.4rem;
}
.form-btn .button {
font-size:1.4rem;
}
.contact-form{
margin-bottom: 10%;
}
/*::::::::::::::::::::::::::::::::::::
內頁
::::::::::::::::::::::::::::::::::::*/

/*title banner*/
.page-title h1 {
font-size: 32px;
color: #fff;
line-height: 2.5rem;
}

.page-title h3 {
font-size: 20px;
color: #fff;
line-height: 1.7rem;
font-weight: 500;
}


/*::::::::::::::::::::::::::::::::::::
footer
::::::::::::::::::::::::::::::::::::*/

/*使用條款隱私權政策GDPR*/
.left-side span {
border-right:0px;
padding-right:0px;
height: 21px;
}	
.text-md-center li{
list-style: none;
display: inline;
}

.text-md-center ul{
padding-left: 0px;
}

}


/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) { 
/*首頁聯絡我們panel*/
.form-group .form-control {
font-size:1.2rem;	
}
.form-group label {
font-size:1.4rem;
}
.form-btn .button {
font-size:1.4rem;
}
.contact-form{
margin-bottom: 10%;
}
/*::::::::::::::::::::::::::::::::::::
內頁
::::::::::::::::::::::::::::::::::::*/

/*使用條款隱私權政策GDPR*/
.left-side span {
border-right:0px;
padding-right:0px;
height: 21px;
}	
.text-md-center li{
list-style: none;
display: inline;
}

.text-md-center ul{
padding-left: 0px;
}


}



/*Extra small devices (portrait phones, less than 576px)*/

@media screen and (max-width: 575.98px) { 

/*Menu*/
.navbar-light .navbar-nav .nav-link {
padding-top: 22px;
padding-bottom: 20px;
font-size:18px;

}
.dropdown-item {
color: #fff;
font-size: 17px;
line-height: 1.5rem;
}

/*::::::::::::::::::::::::::::::::::::
首 頁
::::::::::::::::::::::::::::::::::::*/

.section-padding {
padding: 0;
}

.counter-section-padding{
padding:15% 0;		
}

.video-title h2{
font-size:2rem;

}

.index-section-title h2 {
position: relative;
font-size: 40px;
padding-bottom: 15px;
margin-bottom: 15px;
line-height: 4rem;
}


/*最新消息*/
.single-blog .button {
color: #333;
padding: 5px 10px;
margin: 13px 0;
border-radius: 5px;
font-size:15px;
}

/*尋找您的最佳方案區*/
.index-section-title-white h2 {
text-transform: uppercase;
position: relative;
font-size: 40px;
margin-top:15%;
line-height: 4rem;
color:#FFFFFF;
font-weight: 600;
}	
.index-section-title-white p {
font-weight: 400;
}

.solution-icon-box {
display: block;
width: 100%;
height: 150px;
border-right: 0px;
margin-bottom: 13%;

}

.index-section-title-white {
margin-bottom: 30px; 

}
/*更多成功按鈕區*/

.index-success-bg-cover {
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #018fff;
padding: 5rem 0 6rem 0;	

}

.bg-attachment{
background-attachment:scroll;
/*因iso不支援fixed,因此調整為scroll*/
}


/*手機閱覽時，影片container可滿版*/	
.video-container .container{
padding-right: 0px;
padding-left: 0px;
}



/*為什麼選擇我們區*/

.single-why-me h4{
font-size:28px;
line-height:2rem;
margin-top: 2%;
}

.single-why-me h4 span{
font-weight: 600;
}
.single-why-me p{
margin-top: 2%;
font-size:19px;
}

/*按鈕文字*/
.btn-news{
font-size:1.3rem;
}
/*首頁聯絡我們panel*/
.form-group .form-control {
font-size:1.2rem;	
}
.form-group label {
font-size:1.4rem;
}
.form-btn .button {
font-size:1.4rem;
}
.contact-form{
margin-bottom: 10%;
}


/*::::::::::::::::::::::::::::::::::::
內頁
::::::::::::::::::::::::::::::::::::*/

/*內頁banner主標段行用*/
h1 span{
display:block;
}


/*title banner*/
.page-title h1 {
font-size: 34px;
color: #fff;
line-height: 2.8rem;
font-weight: 700;
width: 90%;
margin:0 auto;
margin-bottom: 2%;
word-break: keep-all;

}

.page-title h1 span{
font-size: 28px;
color: #fff;
line-height: 3rem;
font-weight: 700;
width: 95%;
margin:0 auto;
margin-bottom: 2%;
word-break: keep-all;

}


.page-title h3 {
font-size: 20px;
color: #fff;
line-height: 1.7rem;
font-weight: 500;
width: 85%;
margin:0 auto;
}


.section-title h2 {
font-size: 34px;
padding-bottom: 7px;
line-height: 3rem;
padding-bottom: 5%;
}


/*六大產業nav-tabs*/
.nav-tabs {
margin: 5% 0 15% 0;
}


.map-bg-cover:before {
content: "";
/*    background: rgba(0, 0, 0, 0.7);*/
background: rgba(16, 145, 245, 0.6);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
}

/*contact頁面*/
.contact-text h5{
font-size:20px;
}
.word-break{
display: block;
}

}

/*Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width*/