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

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


.one{
width: 100%;
position: relative;

}
.one-title{
position: absolute;
top: 10%;
}


.one img{
display: block;
margin-left: auto;
margin-right: auto;
margin-top:0%;
}

.zero-trust-title img{
width: 100%;
}
.zero-trust-title h1{
font-size: 64px;
font-weight: 800;
line-height:4.5rem;
color:#fff; 
display: inline;
vertical-align: middle;
display:block;
}

.h1-subtitle{
font-size: 45px;
color:#fff;
}

.zero-trust-title h2{
font-size:42px;
font-weight:900;
color:#009eca;
line-height: 3.5rem;
}

.zero-trust-title h4{
color: #47f4f4;
}

.zero-trust-title p{
color: #000;
font-size:18px;
line-height:2.4rem;
}

.main-text{
display: block;
font-size:20px;
line-height:2.5rem;
/*text-indent: 2.1em;*/
}


.btn-inside-page {
color: #fff;
background-color: #000000;
border: 1px #47f4f4 solid;
border-radius: 40px;
padding:10px 37px;

}
.btn-inside-page:hover {
color: #000000;
background-color: #47f4f4;
border-color: #47f4f4;
}


.text-blue{
color:#009eca;
}

.word-break{
display:block;
}

/*去除影片下方的白線*/
video {
clip-path: inset(2px 2px);
}


/*video的圖片hover雙向互動效果*/
.video-pic-hover img{
 transition: 1s;/*雙向互動時, transition只放在img，不須放在img:hover*/
}
.video-pic-hover img:hover{
transform:scale(1.1,1.1);
}


/*訊息banner區*/
.zero-trust-bn-bar-bg-cover{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background: #262626;
padding:1.5rem 0 1.5rem 0 ;
background-attachment: fixed;
position: relative;
/*background-image:url("assets/images/page_banner_project.png")*/
}

.zero-trust-bn-bar-bg-cover p{
color: #fff;
font-size:30px;
}


/*more info */
.more-info-bg-cover{
/*background-size: cover;*/
background-repeat: no-repeat;
background-position: center center;
background-color: #009eca;
padding:4rem 0 4rem 0 ;
/*	background-image: url("../images/index/index_new/contact_bg.png");*/
}

.more-info-title h2{
font-size: 42px;	
color: #fff;
line-height:4.2rem;
text-align: center;
}

.more-info-title p{
font-size: 21px;
color: #fff;
text-align: center;
}

.more-info-title a{
color: #fff;
}

.more-info-title a:hover{
color: #FFF16C;
}


.more-info-btn-lg{
padding: 0.6rem 8rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
border-radius: 0.5rem;
}

.btn-red{
background:#ff6762;
color: #fff;
}
.btn-red:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}

/*2024新增*/

.product-title h2{
font-size: 55px;	
color:#009eca;
line-height:3.5rem;	
}

.id-verify-title h4,.device-verify-title h4,.trust-inference-title h4
{
border:1px solid #009ECA;
font-size:18px;
color: #000;
display: inline-block;
padding: 0.5% 2%;
margin-bottom: 2%;
border-radius: 3px 3px 3px 3px;
}

.knowledge-sharing{
border-left:16px solid #009ECA;
}

.knowledge-sharing img{
margin-left:10px;
}

.knowledge-sharing h4{
font-size:22px;
color:#009ECA;
margin-left:10px;
}
.knowledge-sharing h5{
font-size:18px;
color:#000;
margin-left:10px;
}

.knowledge-sharing p{
font-size:15px;
line-height:1.5rem;
margin-left:10px;
}


.knowledge-sharing ul{
margin-bottom: 0rem;
}

.knowledge-sharing ul p{
margin-left:0px;
}

.sub-banner-title span{
padding-right:5%;
display:inline-block;

}

.zta-success-logo p{
margin-top: 8%;
line-height: 1.5rem;
}
	

/*media query*/

/*Large devices (desktops, less than 1600px)for筆電*/
@media screen and (max-width: 1600px) {
.one-title{
position: absolute;
top: 6%;
}
.zero-trust-title h1{
font-size: 56px;
font-weight: 800;
line-height:4rem;
color:#fff; 
display: inline;
vertical-align: middle;
display:block;
}

.h1-subtitle{
font-size: 40px;
color:#fff;
}

.more-info-title p{
font-size: 21px;
color: #fff;
text-align: center;
}	
	
/*2024新增，因新增產品標,h2重疊，另增class,放在最下方才能覆蓋*/	
.product-title h2{
font-size: 42px;	
color: #009eca;
line-height:3.5rem;	
}
.more-info-title span:last-child{
display: inline-block;
margin: 1%;
}
	

}
/*Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {

.one-title{
position: absolute;
top: 6%;
}	

.zero-trust-title h1{
font-size: 42px;
font-weight: 800;
line-height:2.5rem;
color:#fff; 
display: inline;
vertical-align: middle;
display:block;
}

.h1-subtitle {
font-size: 32px;
color: #fff;
}
	

.zero-trust-title h2{
font-size:40px;
font-weight:900;
color:#009eca;
line-height: 3.5rem;
}

.more-info-title h2 {
font-size:40px;
font-weight:900;
color:#fff;
line-height: 3.5rem;
}
	
.more-info-title p{
font-size:19px;
}

.zta-success-logo p{
margin-bottom: 15%;	
}
	
	
/*2024新增，因新增產品標,h2重疊，另增class,放在最下方才能覆蓋*/		
.product-title h2{
font-size: 40px;	
color: #009eca;
line-height:3.5rem;	
}
		
}

/*Medium devices (tablets, less than 992px)*/
/*.col<576px(Extra small)/ .col-sm-≥576px(Small)/.col-md-≥768px(Medium)/
.col-lg-≥992px(Large)/.col-xl-≥1200px(Extra large)*/
@media screen and (max-width: 991.98px) {
.one-title{
position: absolute;
top: 5%;
}	

.zero-trust-title h1{
font-size: 40px;
font-weight: 800;
line-height:2.5rem;
color:#fff; 
display: inline;
vertical-align: middle;
display:block;
}

.h1-subtitle {
font-size: 25px;
color: #fff;
}

.zero-trust-title h2{
font-size:38px;
font-weight:900;
color:#009eca;
line-height: 3.5rem;
}

.sub-banner-title p{
font-size:20px;
}

.more-info-title span{
display: inline-block;
margin: 2%;
}
	


.zta-success-logo p{
margin-bottom: 15%;	
}	
	
.word-break{
display:inline;
}
.word-break-991{
display:block;
}
	
/*2024新增，因新增產品標,h2重疊，另增class,放在最下方才能覆蓋*/
.product-title h2{
font-size: 42px;	
color: #009eca;
line-height:3.5rem;	
}
	
}

/*Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) {
.one-title{
position: absolute;
top: 8%;
}	

.zero-trust-title h1{
font-size: 36px;
font-weight: 800;
line-height:2.5rem;
color:#fff; 
display: inline;
vertical-align: middle;
display:block;
}

.h1-subtitle {
display:none;
}
.zero-trust-title h2{
font-size:34px;
font-weight:900;
color:#009eca;
line-height: 3.5rem;
}

.more-info-title h2 {
font-size:34px;
font-weight:900;
color:#fff;
line-height: 3.5rem;
}
	


.zero-trust-bn-bar-bg-cover p{
color: #fff;
font-size:25px;
}
	
.more-info-title span:last-child{
display: block;
}

/*2024新增，因新增產品標,h2重疊，另增class,放在最下方才能覆蓋*/
.product-title h2{
font-size: 36px;	
color: #009eca;
line-height:3.5rem;	
}
	
}
/*Extra small devices (portrait phones, less than 576px)*/

@media screen and (max-width: 575.98px) { 
.one-title{
position: absolute;
top: 8%;
}	

.zero-trust-title h1{
font-size: 20px;
font-weight: 800;
line-height:2rem;
color:#fff; 
display: inline;
vertical-align: middle;
display:block;
}

.h1-subtitle {
display:none;
}

.zero-trust-title h2{
font-size:24px;
font-weight:900;
color:#009eca;
line-height: 2.5rem;
}

.more-info-title h2{
font-size:24px;
font-weight:900;
color:#fff;
line-height: 2.5rem;
}	

.more-info-title p{
font-size: 18px;
color: #fff;
text-align: left;
/*margin-left:1%;*/
}

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

.word-break-mobile{
display:block;
}


.more-info-title span:last-child{/*因別的斷點設定影響到手機，因此放在此段點讓margin為0*/
margin: 2%;
}	
	
.sub-banner-title p{
font-size:15px;
}
.zta-success-logo p{
margin-bottom: 15%;	
}
	
.knowledge-sharing h4 {
font-size: 19px;
color: #009ECA;
margin-left: 10px;
}
/*2024新增，因新增產品標,h2重疊，另增class,放在最下方才能覆蓋*/		
.product-title h2{
font-size: 25px;	
color: #009eca;
line-height:2.5rem;
}	

}

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