/*============Glogbal Style================ */
html,
body {
/*
height: 100%;
font-family:"微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande";
*/
height: 100%;
font-family: 
"Microsoft JhengHei",
"Segoe UI",
-apple-system, BlinkMacSystemFont,
"PingFang TC",
sans-serif;
}

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

/* default
font-size: 17px;
line-height: 26px;
*/
}


/*lihung add start*/
.text-changing{
color: #0192ff;
}
/*lihung add end*/

.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", -apple-system, BlinkMacSystemFont, "PingFang TC", sans-serif;
color: #000;
font-weight: 600;
line-height: 1.7;
margin: 0;
}
/*defualt line-height1.5*/


/*
.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: 80px 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;
/*    z-index: 1; */

}

/*
.bg-primari {
background-color: #000 !important;
}
*/

/*


button:focus {
outline: none;
}
*/


/*::::::::::::::::::::::::::::::::::::
Preloader
::::::::::::::::::::::::::::::::::::*/

/*
.preloader {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
z-index: 99999;
}

.spinner {
position: absolute;
left: 50%;
margin-left: -20px;
bottom: 50%;
margin-bottom: -20px;
width: 40px;
height: 40px;
}
*/
/*

.cube1,
.cube2 {
background-color: #0192ff;
width: 25px;
height: 25px;
position: absolute;
top: 0;
left: 0;
border-radius: 30px;

-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
animation: sk-cubemove 1.8s infinite ease-in-out;
}
*/
/*

.cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
}
100% {
-webkit-transform: rotate(-360deg)
}
}

@keyframes sk-cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
*/


/*lihung add*/
/*

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

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


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

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

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



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

.index-section-title-white  h2 {
text-transform: uppercase;
position: relative;
font-size: 60px;
padding-bottom: 15px;
margin-bottom: 15px;
line-height: 1;

}

.index-section-title-white p {
font-size: 1.6rem;
}


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

}

.index-section-title-white h2:before {
left: auto;
right: 50%;
background-color: #fff;

}
*/

/*

.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;
}
*/

/*


.skillbar {
position: relative;
display: block;
margin-bottom: 15px;
width: 100%;
background: #eee;
height: 35px;
-webkit-transition-property: width, background-color;
transition-property: width, background-color;
}

.skillbar-title {
position: absolute;
top: 0;
left: 0;
width: 110px;
font-size: 14px;
color: #ffffff;
background: #000;
}

.skillbar-title span {
display: block;
padding: 0 20px;
height: 35px;
line-height: 35px;
}

.skillbar-bar {
height: 35px;
width: 0px;
background-color: #ffc900;
}

.skill-bar-percent {
position: absolute;
right: 10px;
top: 0;
font-size: 14px;
height: 35px;
line-height: 35px;
}
*/


/*::::::::::::::::::::::::::::::::::::
Fact Counter Section
::::::::::::::::::::::::::::::::::::*/

/*
.fact-counter:after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: -1;
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


.single-fun-fact {
border: 1px solid #fff;
padding: 15px;
margin-bottom: 30px;
border-radius: 6px;
}

.single-fun-fact h2 {
line-height: 1;
color: #fff;
}

.single-fun-fact h2 span {
margin-right: 5px;
}

.single-fun-fact p {
color: #fff;
position: relative;
margin-top: 30px;
}

.single-fun-fact p:after {
position: absolute;
content: '';
left: 50%;
top: -15px;
width: 60px;
margin-left: -30px;
height: 1px;
background-color: #fff;
}
*/


/*::::::::::::::::::::::::::::::::::::
Service Section
::::::::::::::::::::::::::::::::::::*/

/*
.service-area {
position: relative;
z-index: 2;
}

.service-area .section-title h2:before {
background-color: #fff;
}

.service-area:before {
background-color: #018fff;
position: absolute;
content: '';
width: 100%;
height: 65%;
left: 0;
top: 0;
}

.service-area.service-page:before {
height: 100%;
}

.single-service {
background-color: #fff;
padding: 15px;
border: 1px solid #018fff;
-webkit-transition: .3s;
transition: .3s;
margin-bottom: 30px;
position: relative;
z-index: 1;
}

.single-service h2,
.single-service p {
-webkit-transition: .3s;
transition: .3s;
}

.single-service:after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 5px;
background-color: #000;
z-index: -1;
-webkit-transition: .3s;
transition: .3s;
}

.single-service:hover h2,
.single-service:hover p {
color: #fff
}

.single-service:hover:after {
height: 100%;
}

.service-icon {
font-size: 50px;
color: #018fff;
}
*/



/*::::::::::::::::::::::::::::::::::::
Why choose Me Section
::::::::::::::::::::::::::::::::::::*/

/*
.single-why-me {
position: relative;
padding-right: 115px;default 115px
text-align: right;
margin-bottom: 30px;
}

.single-why-me:hover .why-me-icon {
background-color: #000;
color: #0192ff;
}

.single-why-me h4 span{
font-weight: 600;
color: #343b3f;
}
*/
/*

.why-me-right .why-me-icon,
.why-me-left .why-me-icon {
color: #fff;
position: absolute;
font-size: 40px;
width: 100px;d-table大小 / default 100px
height: 100%;
border: 1px solid #0192ff;
text-align: center;
line-height: 1;
right: 0;
bottom: 0;
display: inline-block;
background-color: #0192ff;
-webkit-transition: .3s;
transition: .3s;
border-radius: 10px;

}
*/
/*

.single-why-me.why-me-right {
text-align: left;
padding-right: 0;
padding-left: 115px;

}

.why-me-right .why-me-icon {
right: auto;
left: 0;

}

lihung新增

.why-me-title h4{
color: #0192ff;

}
*/


/*::::::::::::::::::::::::::::::::::::
Portfolio Section
::::::::::::::::::::::::::::::::::::*/
/*

.work-list {
margin-bottom: 60px;
}

.portfolio-area .mix {
display: none;
}

.work-list ul {
margin: 0;
padding: 0;
list-style: none;
}

.work-list ul li {
display: inline-block;
padding: 5px 10px;
border: 1px solid;
-webkit-transition: .3s;
transition: .3s;
cursor: pointer;
}

.work-list ul li.filter.active,
.work-list ul li:hover {
color: #000;
background-color: #ffc900;
border-color: #ffc900;
}

.row.portfolio .col-lg-4 {
padding-left: 7.5px;
padding-right: 7.5px;
}

.single-portfolio {
height: 240px;
margin-bottom: 15px;
background-position: center;
background-size: cover;
background-color: #ddd;
padding: 15px;
position: relative;
z-index: 1;
overflow: hidden;
}

.single-portfolio:after {
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 0;
background-color: #000;
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-webkit-transition: .3s;
transition: .3s;
z-index: -1;

}

.single-portfolio:hover:after {
height: 100%;
}

.portfolio-icon {
position: absolute;
top: 100%;
margin-top: -20px;
left: 50%;
margin-left: -20px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transition: .6s;
transition: .6s;
}

.single-portfolio:hover .portfolio-icon {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 50%
}

.portfolio-icon a {
font-size: 15px;
color: #fff;
width: 40px;
height: 40px;
border: 1px solid;
display: inline-block;
line-height: 40px;
-webkit-transition: .3s;
transition: .3s;
}

.portfolio-icon a:hover {
border-radius: 50%;
}

.portfolio-hover h4 {
color: #fff;
text-transform: uppercase;
text-align: center;
}

.portfolio-hover {
position: absolute;
width: 100%;
left: 0;
bottom: -60px;
padding: 5px;
z-index: 1;
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}

.portfolio-hover:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
content: '';
background-color: #000;
z-index: -1;
}

.single-portfolio:hover .portfolio-hover {
bottom: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible
}

*/

/*::::::::::::::::::::::::::::::::::::
Frequently asked questions
::::::::::::::::::::::::::::::::::::*/
/*

.section-title.faq-title h2:after {
background-color: #000;
}

.section-title.faq-title h2:before {
background-color: #fff;
}

.faq-bg {
height: 100%;
min-height: 320px;
}

.single-faq {
margin-bottom: 5px;
}

.single-faq h4 {
color: #fff;
padding: 5px 15px;
background-color: #333;
cursor: pointer;
font-weight: 400;
font-size: 24px;
position: relative;
z-index: 1;
}

.single-faq h4[aria-expanded="true"]:after {
-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.single-faq h4:after {
position: absolute;
font-family: FontAwesome;
content: "\f107";
text-align: center;
right: 0;
top: 0;
color: #fff;
background-color: #000;
width: 60px;
height: 100%;
line-height: 200%;
}

.faq-body {
background: #3e3e3e;
color: #fff;
padding: 15px;
}

*/

/*::::::::::::::::::::::::::::::::::::
Blog Section
::::::::::::::::::::::::::::::::::::*/
/*

.single-blog {
background-color: #fff;
padding: 15px;
box-shadow: 0 0 10px #ddd;
margin-bottom: 30px;
border-radius:10px;
}

.blog-thumb {
height: 250px;
background-position: center;
background-size: cover;
border-radius:5px;

}


h4.blog-title {
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
padding-top: 15px;
font-weight: 400;
}

h4.blog-title a {
color: #000;
}

.blog-meta {
font-size: 14px;
color: #aaa;
margin: 5px 0 10px 0;
}

.blog-meta a {
color: #aaa;
}

.single-blog .button {
color: #333;
padding: 5px 10px;
margin-top: 15px;
border-radius: 33px;
font-size:13px;
}

.single-blog .button:hover {
background-color: #0192ff;
border-color: #0192ff;
color:#fff;
}

.single-blog p{
line-height:2rem;

}
*/

/*::::::::::::::::::::::::::::::::::::
Blog Main Page
::::::::::::::::::::::::::::::::::::*/

/*
.bg-overlay {
position: relative;
z-index: 1;
}

.bg-overlay:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background-color: #000000;
z-index: -1;
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.blog-section {
padding: 100px 0 70px 0;
}


.page-title h2 {
font-size: 50px;
color: #fff;
text-transform: uppercase;
margin-top: 30px;
line-height: 1;
}

.button.blog-btn {
color: #000;
margin-bottom: 30px;
margin-top: 30px;
}

.button.blog-btn:hover {
background-color: #ffc900;
border-color: #ffc900;
}
*/

/*::::::::::::::::::::::::::::::::::::
Sidebar
::::::::::::::::::::::::::::::::::::*/
/*

.sidebar-widget {
margin-bottom: 50px;
}

.sidebar-title {
line-height: 1;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 1px;
margin-bottom: 30px;
}

.sidebar-widget form {
border: 1px solid #aaa;
position: relative;
}

textarea:focus,
input:focus {
outline: none;
}

.sidebar-widget input {
border: none;
padding: 8px 15px;
font-size: 14px;
line-height: 1.5;
width: 85%;
}

.sidebar-widget button {
border: none;
background-color: transparent;
cursor: pointer;
width: 13%;
margin-left: 0;
color: #aaa;
}

.sidebar-widget ol {
margin: 0;
padding: 0;
list-style: none;
}


.sidebar-widget ol li {
position: relative;
}

.sidebar-widget ol li:last-child a {
border-bottom: none;
}

.sidebar-widget ol li a {
color: #aaa;
padding: 10px 5px;
border-bottom: 1px solid #aaa;
display: block
}

.sidebar-widget ol li a:hover {
color: #ffc900;
}

.sidebar-widget ol.recent-post li {
margin-bottom: 30px;
}

.sidebar-widget ol.recent-post li span {
width: 100px;
height: 75px;
display: inline-block;
background-position: center;
background-size: cover;
}

.sidebar-widget ol.recent-post li a {
border: none;
}

.sidebar-widget ol.recent-post li a:hover {
color: #ffc900;
}

.blog-content {
position: absolute;
top: 0;
padding-left: 115px;
width: 100%;
height: 100%;

}

.blog-date {
color: #aaa;
font-size: 12px;
}

.sidebar-widget .blog-content a {
padding: 5px 0;
color: #000;
border: none;
font-size: 15px;
}

.sidebar-widget ol.tags li {
display: inline-block;
}

.sidebar-widget ol.tags li a {
border: none;
background-color: #aaa;
color: #fff;
margin-bottom: 5px;
padding: 5px 10px;
}

.sidebar-widget ol.tags li a:hover {
color: #000;
background-color: #ffc900;
}

*/

/*::::::::::::::::::::::::::::::::::::
Single Blog
::::::::::::::::::::::::::::::::::::*/
/*

.blog-post {
padding: 15px;
background-color: #fff;
box-shadow: 0 0 15px #eee;
}

span.blog-date,
.user-name {
margin-right: 15px;
}

.blockquote {
padding: 30px;
margin: 15px;
border-left: 10px solid #ffc900;
}

.blog-content-footer {
border-top: 1px solid #aaa;
margin-top: 30px;
padding-top: 5px;
font-size: 15px;
}

ul.share {
margin: 0;
padding: 0;
list-style: none;
}

ul.share li {
display: inline-block;
}

ul.share li a {
color: #aaa;
display: block;
padding: 0 5px;
font-size: 13px;
}


.blog-author {
position: relative;
margin-top: 60px;
margin-bottom: 60px;
}

.user-content h2 {
text-transform: uppercase;
font-size: 24px;
letter-spacing: 1px;
line-height: 1;
margin-bottom: 10px;
}

.user-content h2 span {
display: block;
font-size: 65%;
font-weight: 400;
margin-top: 5px;
color: #aaa;
}

.blog-author .social-aria {
position: relative;
padding: 0;
}

.user-content .social-aria a {
color: #aaa;
margin: auto;
margin-right: 5px;
margin-top: 10px;
}

.blog-author .social-aria:after {
background-color: transparent
}

.user-img {
width: 140px;
height: 160px;
background-position: center top;
background-size: cover;
position: absolute;
padding: 5px;
border: 1px solid #eee;
left: 0;
bottom: 50%;
margin-bottom: -80px;
}

.user-content {
padding-left: 170px;
}
*/


/*Comments CSS*/
/*

.blog-comment h3 {
margin-bottom: 30px;
font-size: 24px;
}

.blog-comment ol {
margin: 0;
padding: 0;
list-style: none;
}

.blog-comment ol li {
position: relative;
}

.blog-comment ol li ol {
margin-left: 75px;
}

.comment-user-img {
width: 80px;
height: 80px;
background-color: #ddd;
background-position: center top;
background-size: cover;
border-radius: 50%;
position: absolute;
}

.comment {
display: block;
padding: 30px 0;
margin: 30px 0;
}

.comment-content {
padding-left: 95px;
}


.comment-content h4 {
font-weight: 400;
line-height: 1;
}

p.comment-date {
font-style: italic;
color: #aaa;
font-size: 15px;
}


.comment-content a {
padding: 5px 15px;
display: inline-block;
color: #fff;
background-color: #aaa;
font-size: 14px;
margin-top: 15px;
}

.comment-content a i.fa {
margin-right: 10px;
}

.comment-content a:hover {
background-color: #000;
}
*/


/*Comment Form*/
/*

.blog-comment-form input,
.blog-comment-form textarea {
width: 100%;
margin-bottom: 15px;
padding: 5px 15px;
font-size: 15px;
}

.blog-comment-form textarea {
height: 150px;
}

.comment-btn .button {
color: #000;
background-color: #ffc900;
border-color: #ffc900;
-webkit-transition: .3s;
transition: .3s;
cursor: pointer;
margin: 15px 0 20px 0;
}

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


*/



/*::::::::::::::::::::::::::::::::::::
Testimonial Section
::::::::::::::::::::::::::::::::::::*/
/*

.testimonial-area {
position: relative;
z-index: 1;
}

.testimonials.owl-carousel {
position: relative;
}

.testimonial-area .bg-white {
padding: 60px;
}

.testimonial-quote {
font-size: 30px;
}

.single-testimonial p {
margin: 30px 0;
}

.single-testimonial h4 {
font-size: 20px;
}

.single-testimonial h4 span {
display: block;
font-size: 70%;
color: #aaa;
font-weight: 400;
line-height: 2;
}

.testimonials .owl-nav div {
display: inline-block;
font-size: 15px;
width: 30px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid;
position: absolute;
top: 50%;
margin-top: -20px;
left: -50px;
color: #aaa;
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-webkit-transition: .3s;
transition: .3s;
}

.testimonials .owl-nav div.owl-next {
left: auto;
right: -50px;
}

.testimonials .owl-nav div:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
*/


/*::::::::::::::::::::::::::::::::::::
Team Section
::::::::::::::::::::::::::::::::::::*/
/*

.single-team {
border-bottom: 10px solid #ffc900;
box-shadow: 0 0 30px #ddd;
margin-bottom: 30px;
}

.team-thumb {
position: relative;
width: 100%;
height: 290px;
background-position: center top;
background-size: cover;
z-index: 1;
}

.team-thumb:after {
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-webkit-transition: .3s;
transition: .3s;
}

.single-team:hover .team-thumb:after {
background-color: #ffc900;
}

.team-thumb:after,
.team-thumb:before {
position: absolute;
content: '';
z-index: -1;
}

.team-thumb:before {
width: 100%;
height: 100%;
border: 1px solid #fff;
top: 0;
left: 0;
z-index: 1;
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.single-team:hover .team-thumb:before {
width: 90%;
height: 90%;
top: 5%;
left: 5%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.team-content {
padding: 15px 0;
text-align: center;
}

.team-content h4 {
text-transform: uppercase;
font-size: 20px;
letter-spacing: 1px;
line-height: 1;
}

.team-content span {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}

.team-social {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
z-index: 1;
-webkit-transition: .3s;
transition: .3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}

.team-social a {
color: #fff;
width: 30px;
height: 30px;
display: inline-block;
border: 1px solid;
font-size: 15px;
line-height: 30px;
-webkit-transition: .3s;
transition: .3s;
}

.team-social a:hover {
color: #000;

}

.single-team:hover .team-social {
margin-top: -15px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}

*/

/*::::::::::::::::::::::::::::::::::::
Call to Action Area
::::::::::::::::::::::::::::::::::::*/

/*
.cta-button {
height: 100%;
text-align: right;
}

.cta-button .button {
color: #000;
}

.cta-button .button:hover {
color: #fff;
border-color: #000;
background-color: #000;
}
*/


/*::::::::::::::::::::::::::::::::::::
Pricing Area
::::::::::::::::::::::::::::::::::::*/
/*

.single-price-box {
box-shadow: 0 0 15px #ddd;
margin-bottom: 30px;
}

.price-head h2 {
padding: 30px;
}

.price-head h2,
.price-head h3 {
text-transform: uppercase;
line-height: 1;
}

.price-head h3 {
background-color: #ffc900;
font-size: 25px;
padding: 15px;
}

.price-head h3 span {
font-size: 60%;
margin-left: 10px;
}

.single-price-box ul {
margin: 0;
padding: 0;
list-style: none;
}

.single-price-box ul li {
padding: 15px;
border-bottom: 1px solid #eee;
}

.single-price-box .button {
background-color: #000;
border-color: #000;
margin: 30px 0;
}

.single-price-box .button:hover {
background-color: #ffc900;
border-color: #ffc900;
}
*/




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

.contact-form {
padding: 60px;
border:1px solid #7f7f7f;
/*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;
}


/*lihung 新增 contact*/

/*pop up 視窗*/
.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;

}




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

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

.footer-text li {
color: #eee;
-webkit-transition: .3s;
transition: .3s;
list-style:none;
line-height: 2rem;
}

.footer-text li:hover {
color: #0192ff;
}

.footer-text ul{

padding-left: 0;
} 

.footer-text i{

padding: 5px;
} 

.footer-text a {
color: #eee;
-webkit-transition: .3s;
transition: .3s;
list-style:none;
line-height: 2rem;
}

.footer-text a:hover {
color: #0192ff;

}

/*lihung新增*/
.footer-text h5{
display: block;
line-height: 1.3rem;
border-bottom:1px solid #fff;
margin-bottom: 22px;
padding: 0 0 25px 0;
color: #8C8C8C;
} 

.font-capital{
color:#08D4FF;
}

.about-text li {
color: #eee;
-webkit-transition: .3s;
transition: .3s;
list-style:none;
line-height: 2.8rem;
}

.about-text li:hover {
color: #0192ff;
}

.about-text ul{

padding-left: 0;
} 

.about-text i{

padding: 5px;
} 

.about-text a {
color: #eee;
-webkit-transition: .3s;
transition: .3s;
list-style:none;
line-height: 2rem;
}

.about-text a:hover {
color: #0192ff;

}

.about-text h5{
display: block;
line-height: 1.3rem;
border-bottom:1px solid #fff;
margin-bottom: 22px;
padding: 0 0 25px 0;
color: #8C8C8C;

} 

.divided-line{
border-bottom: 1px solid #fff;
margin:2rem 0 2rem 0; 
}

.divided-line > span{
font-size:10px;	
}

.btn-footer {
color: #fff;
background-color: #fff;
border-radius:40px;
padding:6px 20px;
color:#000;
font-weight: 500;
font-size:16px;

}
.btn-footer:hover {
background-color:#0192ff;
border-color: #0192ff;
color: #fff;
font-weight: 500;
font-size:16px;
}


.btn-shopee {
background-color:#fff;
border-radius:9px;
font-weight:500;
font-size:17px;
display: flex;
align-items: center; 
width: 80%;
color:#000;
}


.shopee-text-black a {
color: #000;

}

.shopee-text-black a:hover {
color: #fff;

}

.btn-shopee:hover {
background-color:#0192ff;
border-color: #0192ff;
color: #fff;
font-weight: 500;
font-size:17px;
color:#000;
}


.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:#fff;
margin-top:3%;
}


.iso-pic img{
margin-bottom: 2%;
width:95px;

}


/* 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: 152px;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;
}
*/
/*
.sm-menu{
border-radius: 0px;
border: 0px;
top: 97%;
box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
*/
/*產品文字*/
/*
.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;
}
.megamenu-li {
position: static;
}
*/

/*
.megamenu {
position: absolute;
width: 100%;
left: 0;
right: 0;
padding: 15px;
}
.megamenu h6{
margin-left: 21px;
}
.megamenu i{
width: 20px;
}
*/



/*lihung新增*/

/*meun*/
/*
.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: 5px 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;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * {
margin: 0;
padding: 0;
list-style: none;
}

.nav-menu > ul > li {
position: relative;
white-space: nowrap;
float: left;
}

.nav-menu a{
display: block;
position: relative;
color: #000;
padding: 12px 15px;/*主選單文字間距*/
transition: 0.3s;
font-size: 16px;/*主選單文字*/
/*font-family:"微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande";*/
}


/*主選單文字hover*/
.nav-menu a:hover, .nav-menu li:hover > a {
color: #22adf2;
text-decoration: none;
}

.drop-down ul{
margin-top:1%;
}


.nav-menu .drop-down ul {
display: block;
position: absolute;
left: 0;
top: 100%;
z-index: 99;
opacity: 0;
visibility: hidden;
padding: 6px 0 15px 0;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: ease all 0.3s;
}

.nav-menu .drop-down:hover > ul {
opacity: 1;
top: 100%;
visibility: visible;
}


.nav-menu .drop-down li {
min-width: 200px;/*下拉選單寬度*/
position: relative;
}

/*下拉選單文字*/
.nav-menu .drop-down ul a {
padding: 4px 20px;
font-size: 16px;
font-weight: 400;
text-transform: none;
color: #000;
}

/*下拉選單主標文字*/
.nav-menu .drop-down ul h5 {
padding: 5px 20px;
font-size: 16px;
font-weight: 800;
text-transform: none;
color: #1a83b7;
margin-bottom: 3%;
}



.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
color: #428bca;
}

.nav-menu .drop-down > a:after {
content: "\ea99";
font-family: IcoFont;
padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
top: 0;
left: 100%;
}

.nav-menu .drop-down .drop-down:hover > ul {
opacity: 1;
top: 0;
}

.nav-menu .drop-down .drop-down > a {
padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
content: "\eaa0";
font-family: IcoFont;
position: absolute;
right: 15px;
}

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


/* Mobile Navigation */
.mobile-nav {
position: fixed;
top: 0;
bottom: 0;
z-index: 9999;
overflow-y: auto;
left: -350px;
width: 350px;
padding-top: 18px;
background: #1f3548;
transition: 0.4s;
}

.mobile-nav * {
margin: 0;
padding: 0;
list-style: none;
}

.mobile-nav a {
display: block;
position: relative;
color: #e3f0fc;
padding: 10px 10px;
font-weight: 500;
}

.mobile-nav h5 {
display: block;
position: relative;
color: #181c1e;
padding: 10px 0px;
font-weight: 800;
font-size: 16px;

}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
color: #9eccf4;
text-decoration: none;
}

.mobile-nav .drop-down > a:after {
content: "\ea99";
font-family: IcoFont;
padding-left: 10px;
position: absolute;
right: 15px;
}

.mobile-nav .active.drop-down > a:after {
content: "\eaa0";
}

.mobile-nav .drop-down > a {
padding-right: 35px;
}

.mobile-nav .drop-down ul {
display: none;
overflow: hidden;
}

.mobile-nav .drop-down li {
padding-left: 20px;

}


.mobile-nav-toggle {
position: fixed;
right: 15px;
top: 20px;
z-index: 9998;
border: 0;
background: none;
font-size: 24px;
transition: all 0.4s;
outline: none !important;
line-height: 1;
cursor: pointer;
text-align: right;
}

.mobile-nav-toggle i {
color: #000;
}

.mobile-nav-overly {
width: 100%;
height: 100%;
z-index: 9997;
top: 0;
left: 0;
position: fixed;
background: rgba(31, 53, 72, 0.7);
overflow: hidden;
display: none;
}

.mobile-nav-active {
overflow: hidden;
}

.mobile-nav-active .mobile-nav {
left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
color: #fff;
}

/*news*/
.btn-news {
color: #fff;
background-color: #000000;
border: 2px #0192ff solid;
border-radius: 40px;
padding:10px 37px;

}
.btn-news:hover {
color: #000000;
background-color: #0192ff;
border-color: #0192ff;
color: #fff;
}



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


/*內頁共用元件*/


.btn-inside-page {
color: #fff;
background-color: #000000;
border: 2px #0192ff solid;
border-radius: 40px;
padding:10px 37px;
}
.btn-inside-page:hover {
color: #0b407f;
background-color:#1B85B8;
border-color: #0192ff;
color: #fff;
}

.button-bg-cover{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #000000;
padding:1.8rem 0 3rem 0 ;
background-attachment: fixed;
position: relative;
background-image:url("../images/page/2026/page_banner_project_2025.png");
}


/* 內頁banner標題*/
.page-title h1 {
font-size: 66px;
color: #fff;
}

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

/*內頁標題*/
.section-title {
margin-bottom: 13%;
}

.section-title h2 {
text-transform: uppercase;
position: relative;
font-size: 48px;
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
}





/*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;

}
*/


/*專案內頁 title banner bg*/

.project-bg-cover{
padding: 8% 0 8% 0;
background-image:url("../images/page/2026/page_banner_project_2025.png");
background-size: cover;
background-position: center center;
margin-bottom: 1%;
}



/*成功案例*/
.success-bg-cover{
padding: 8% 0 8% 0;
background-image:url("../images/page/2026/page_banner_success_2026.png");
background-size: cover;
background-position: center center;
margin-bottom: 1%;
/*border-radius: 0 0 250px 250px;*/
/*background-color: #2fafd2;*/
}

.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));
}



/*如何前往*/
/*
.map-responsive{
overflow:hidden;
padding-bottom:50%;
position:relative;
height:0;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
*/

/*共用banner-服務條款 隱私權政策 GDPR 資通安全政策聲明*/
.map-bg-cover{
padding: 8% 0 8% 0;
background-image:url("../images/page/2026/page_banner_2025.png");
background-size: cover;
background-position: center center;
margin-bottom: 1%;
/*border-radius: 0 0 250px 250px;*/
/*background-color: #2fafd2;*/
}


/*PKI頁面*/
.pki-card{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .8rem;
border-left: 8px solid #0192ff;
margin-bottom: 1%;
}


/*
.btn-news{
color: #fff;
background-color: #000000;
border: 2px #0192ff solid;
border-radius: 40px;
padding: 10px 37px;
}
*/



/*新聞中心*/
.news_glory-bg-cover{
padding: 8% 0 8% 0;
background-image:url("../images/page/2026/page_banner_news&glory_2025.png");
background-size: cover;
background-position: center center;
margin-bottom: 1%;
/*border-radius: 0 0 250px 250px;*/
/*background-color: #2fafd2;*/
}


/*支援服務 頁面*/
.support-card-body{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;

}

.support-card-body:hover{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
transition: 0.3s;
box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);

}

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

.support-card-body h5:hover{
color:#2ca6e0;
transition: 0.3s;	
}


.support-download-card-body{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}

.support-download-card-body:hover{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
transition: 0.3s;
box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);

}

/*

guardkey
.guardkey-card-body{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
background-color:#1e4b72;

}


.guardkey-card-body:hover{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
transition: 0.3s;
box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);

}

.guardkey-qa-card-body{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;

}


.guardkey-qa-card-body:hover{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
transition: 0.3s;
box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);

}

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

.guardkey-qa-card-body h5:hover{
color:#2ca6e0;
transition: 0.3s;


}
*/
/*新聞與獲獎頁面文字樣式*/
/*
.glory-news-font h2{
line-height:3rem;

}
.glory-news-font strong{
font-size:23px;

}
.glory-news-font,
.glory-news-font p{
line-height: 2.5rem;
font-size:17px;
}
*/


/*人才招募內頁 title banner bg*/

/*
.recruit-bg-cover{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #000000;
padding:28rem 0 28rem 0 ;
background-attachment: fixed;
position: relative;
background-image:url("../images/recruit_banner.png");

}

.recruit-bg-cover:before {
content: "";
background: rgba(0, 0, 0, 0.8);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
}
*/


/*FastID 頁面*/

/*
.fastid-card-body{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.1rem;

}

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

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

}
*/

/*formrecog 頁面*/
/*
.formrecog-card-body{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;

}
*/

/*
.formrecog-card-body:hover{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
transition: 0.3s;
box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);

}
*/

/*
.formrecog-card-body h5{
display: block;
color:#000;
line-height: 1.7rem;
}

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

}
*/

/*cgfido頁面*/
.cg-fido-pic{
width:100px;
margin:1% 0;
}



/*MICS頁面*/
.mics-section2-bg-cover{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #000000;
padding:3rem 0 3rem 0 ;
background-attachment: fixed;
position: relative;
background-image:url("../images/page/2026/page_banner_project_2025.png");
}

.mics-section2-bg-cover p{
color:#fff;
}




/*F&Q頁面*/
/*

.f_q h6{
font-size: 19px;
font-weight: 800;
line-height: 2rem;

}

.f_q h7{
font-size: 18px;
font-weight: 800;
line-height: 2rem;
color: #000;


}

.f_q ol>li{
font-size: 19px;
font-weight: 800;
}

.f_q p{
font-size: 17px;
line-height: 2.5rem;
font-weight: 400;

}
.btn-link:hover {
text-decoration:none; 
color: #ffffff;
}

.btn-link h5:hover {
color: #0192ff;
text-decoration:none;
background-color: transparent;
border-color: transparent;
}
*/

/*go top 按鈕*/
.goTop {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 3;
}
.goTop a{
color: #1ebdc2;

}
.goTop a:hover{
color:#707070;

}

.goTopBtn {
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
}


.goTop1 {
position: fixed;
right: 24px;
bottom: 96px;
z-index: 3;
}
.goTop1 a{
color: #1ebdc2;

}
.goTop1 a:hover{
color:#707070;

}

.goTopBtn {
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
}




/*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;
}
*/


/*title banner*/
.page-title h1 {
font-size:58px;
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: 105px;
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;/*主選單文字*/
}	
	
/*下拉選單文字*/
.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: 65px;
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: 45px;
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;
}

/*
專案內頁 title banner bg
.project-bg-cover{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #000000;
padding:3rem 0 3rem 0 ;
background-attachment: fixed;
position: relative;
background-image:url("../images/page_banner_project_2025.png");

}
*/


/*::::::::::::::::::::::::::::::::::::
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;
}



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


}

/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) { 
/*共用*/


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

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

.video-title h2{
font-size:2.5rem;
}
/*
.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;
}

.index-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: 50px;
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;
}


}



/*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;
}

/*影音專區*/	
/*
.media-icon01 a {
display: block;
border: 2px solid #0990db;
border-radius: 20px;
height: auto;
color: #ffffff;
background-image: url(../images/index/media_icon01.png);
background-repeat: no-repeat;
background-size: 100px;
background-position: 0%;
}
.media-icon02 a {
display: block;
border: 2px solid #0990db;
border-radius: 20px;
height: auto;
color: #ffffff;
background-image: url(../images/index/media_icon02.png);
background-repeat: no-repeat;
background-size: 100px;
background-position: 0%;
}
*/

/*影音專區與成功案例字型大小*/
/*
.media-icon01 span{
font-size: 1rem;
font-weight: 600;
line-height: 10rem;
padding-left: 40%;
}
.media-icon02 span{
font-size: 1rem;
font-weight: 600;
line-height: 10rem;
padding-left: 40%;
}
*/


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

/*
.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;
}
	
*/
	
.section-title h2 {
font-size: 34px;
padding-bottom: 7px;
line-height: 3rem;
padding-bottom: 5%;
}


/*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;
}

/*專案內頁 title banner bg*/
/*
.project-bg-cover{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #000000;
padding:2rem 0 2rem 0 ;
background-attachment: fixed;
position: relative;
background-image:url("../images/page_banner_project_2025.png");
}
*/




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


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

.btn-shopee {
background-color:#fff;
border-radius:9px;
font-weight:500;
font-size:17px;
display: flex;
align-items: center; 
width: 59%;
color:#000;
}
	
		
	
/*2026所有新款banner*/
	
.news_glory-bg-cover{
padding: 40% 0 40% 0 ;
background-image:url("../images/page/2026/page_banner_news&glory_2025_phone.png");	
background-size:cover;	
background-position: center center;
margin-bottom: 20%;
}	

.project-bg-cover{
padding: 40% 0 40% 0 ;
background-image:url("../images/page/2026/page_banner_project_2025_phone.png");	
background-size:cover;	
background-position: center center;
margin-bottom: 20%;
}	

.map-bg-cover{
padding: 40% 0 40% 0 ;
background-image:url("../images/page/2026/page_banner_2025_phone.png");	
background-size:cover;	
background-position: center center;
margin-bottom: 20%;
}	

.success-bg-cover{
padding: 40% 0 40% 0 ;
background-image:url("../images/page/2026/page_banner_success_2026_phone.png");	
background-size:cover;	
background-position: center center;
margin-bottom: 20%;
}	


}

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