/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 18 2024 | 03:54:42 */
body {
	background-color:#eff0f1!important;

}
img{
	border-radius: 10px;
}
/* nav */
.header--wrap{
		position: sticky;
    z-index: 999;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 20px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	
}
.header {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    margin: 0px auto;
		padding: 1% 0;
}
.header--logo {
    display: block;
    width: 200px;
}
/* section1 */
*{position: relative; /*毛玻璃關鍵,底模糊*/}
.section1{
	width: 100%;
	height: 93vh;
	min-height: 700px;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec01bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.section1 .article {
	padding-top:30vh;
	margin: 0 auto;
	width: 30%;
	min-width: 650px;	
}

.section1 .article .whitebg{
	padding:0 1%;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);		
}

.section1 .article .logo{
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
	padding: 5% 2% 2% 2%;
}
.OMStblue{
	color: #287fd0!important;
}

/* scroll bt*/
.section1 .gonext {
	height: 50px;
	width: 50px;
	right: 50%;
	bottom: 1vh;
	background-image: url(https://www.optoma.com/wp-content/uploads/2024/06/gonext.png);
	background-repeat: no-repeat;
	margin-right: -25px;
	cursor: pointer;
	z-index: 4;
	position: absolute;
	/*漸變*/
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.section1 .gonext:hover {
	opacity: 0.5;
}

.animation_topmove {
	/*動畫名稱 秒數快慢 速率 延遲秒數 次數 相反或正常播放*/
	/*animation: show-2 5s ease-in-out infinite（infinite参数可以设置重复播放）*/
	animation: topmove 2s ease 1s infinite forwards;
	-moz-animation: topmove 2s ease 1s infinite forwards;
	-webkit-animation: topmove 2s ease 1s infinite forwards;
}
/*動畫*/
@keyframes topmove {
0%   {transform: translate(0,0);}
50% {transform: translate(0, 20px);}
100%  {transform: translate(0,0);}
}
@-moz-keyframes topmove {
0%   {opacity: 0;}
100%  {opacity: 1;}
}
@-webkit-keyframes topmove {
0%   {opacity: 0;}
100%  {opacity: 1;}
}	

	
/* motion */
.motion{
	width: 100%;
	height: 1vh;
	background: linear-gradient(248deg, #f3f9fb, #c0e6f6, #51beee, #1a7bc0, #015dac);
	background-size: 1000% 1000%;

-webkit-animation: colormotion 4s ease infinite alternate;
-moz-animation: colormotion 4s ease infinite alternate;
-o-animation: colormotion 4s ease infinite alternate;
animation: colormotion 4s ease infinite alternate;
}
@-webkit-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@-moz-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@-o-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@keyframes colormotion { 
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
/* section2*/
.section2{
	width: 100%;
	height: auto;
	background-color: #287fd0;
}
.section2 .article {
	width: 60%;
	max-width:700px;
	margin: 0 auto;
	padding: 3% 0 2% 0;
}
.section2 .flex-item-5{
	flex: 1 1 5%;
	padding: 1%;
	justify-content: center;
}
.section2 .line {
	width:1px;
	height: 60%;
	background-color:rgba(255,255,255,1.00);
	margin:50% auto 0 auto;
}
.section2 .subtitle {
	width: 100%;
	padding: 2% 0 0 0; 
	margin: 0 auto;
}
/* section3 */
.section3{
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec03bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section3 .article {
	width: 80%;
	margin: 0 auto;
	padding: 12% 0 8% 0;
}

/* section4 */
.section4{
	width: 100%;
	height: auto;
	background-color: #f7f7f8;
}
.section4 .title {
	padding: 20% 0 5% 0;
}	
.section4 .img{
	width:100%;
}
.section4 .text{
	padding: 2% 0;
}
.section4 .contentA{
	max-width: 700px;
}
.section4 .contentB{
	max-width: 700px;
}
.section4 .contentC{
	max-width: 1400px;
  padding: 0 0 10% 0;
}


/* section5 */
.section5{
	width: 100%;
	height: auto;
	background-color: #fff;
}
.section5 .bgimg{
	width:100%;
	min-height: 40vh;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec05_caseimg.jpg");;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section5 .article{
	padding: 5%;
}
.section5 .article .content{
}
.section5 .article .content .icon{
	width: 40%;
	margin: 0 auto;
}
.section5 .article .content .text{
	padding: 7%;
}


/* section6 */
.section6{
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec06bg.jpg");;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section6 .article{
	padding: 10% 5%;
}
.section6 .article .content{
}
.section6 .article .content .icon{
	width: 40%;
	margin: 0 auto;
}
.section6 .article .content .text{
	padding: 7%;
}

/* section7 */
.section7-1 {
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec07bg01.jpg");
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#fff;
	background-size: cover;
}
.section7-1 .article{
	width: 100%;
	height: auto;
	padding: 20% 0 15% 65%;
}
.section7-1 .icon{
	width: 30%;
}
.section7-2 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section7-2 .article{
	width: 100%;
	height: auto;
	padding: 10% 0;
}
.section7-2 .article .contentA{
	padding: 5% 0;
}
.section7-3 {
	width: 100%;
	height: auto;
	background-color:#f7f7f8;
}
.section7-3 .article{
	width: 100%;
	height: auto;
	padding: 5% 0;
}
.section7-3 .article .contentB{
	padding: 10% 5%;
}
.section7-4 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section7-4 .article{
	width: 100%;
	height: auto;
	padding: 10% 0;
}
.section7-4 .article .contentA{
	padding: 10% 0;
}

/* section8 */
.section8-1 {
	width: 100%;
	height: auto;
	background-color:#287fd0;
}
.section8-1 .article{
	width: 100%;
	height: auto;
	padding: 5% 0 5% 0;
}
.section8-1 .app{
	width: 100%;
	padding: 20%;
}
.section8-1 .flex-item-4{
	padding: 0;
}
.section8-1 .content{
	padding: 1%;
  border: 10px solid #287fd0;
	border-radius: 20px;
}
.section8-1 .contentspecial{
  border: 10px solid #287fd0;
	border-radius: 20px;
}
.section8-1 .text{
	padding: 10% 10% 5% 10%;
}
.section8-1 .line{
	border-top: 2px solid #53c1ef;
	padding-bottom: 5%;
}
.section8-1 .subspecial{
	padding: 12% 10% 4% 10%;
	background-color: #53c1ef;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.section8-1 .textspecial{
	padding: 5% 10%;
}
.section8-2 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section8-2 .article{
	width: 100%;
	height: auto;
	padding: 5% 0 0 0;
}
.section8-2 .tick{
	width:20%;
	max-width: 25px;
}
.section8-2 .titlespace{
	padding-left:10%;
}

/*第一欄第一列：左上*/
.section8-2 .tlr{
  border-top-left-radius: 20px;
}
/*最後欄第一列：右上*/
.section8-2 .trr{
  border-top-right-radius: 20px;
}
/*第一欄最後列：左下*/
.section8-2 .blr{
  border-bottom-left-radius: 20px;
}
/*最後欄第一列：右下*/
.section8-2 .brr{
  border-bottom-right-radius: 20px;
}
.section8-2 .table-responsive{
	border: 1px solid #fff;
}
.section8-2 .table th, .section8-2 .table td{
	padding-top:1%;
	padding-bottom:1%;
}
body {
	background-color:#eff0f1!important;

}
img{
	border-radius: 10px;
}
/* nav */
.header--wrap{
		position: sticky;
    z-index: 999;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 20px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	
}
.header {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    margin: 0px auto;
		padding: 1% 0;
}
.header--logo {
    display: block;
    width: 200px;
}
/* section1 */
*{position: relative; /*毛玻璃關鍵,底模糊*/}
.section1{
	width: 100%;
	height: 93vh;
	min-height: 700px;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec01bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.section1 .article {
	padding-top:30vh;
	margin: 0 auto;
	width: 30%;
	min-width: 650px;	
}

.section1 .article .whitebg{
	padding:0 1%;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);		
}

.section1 .article .logo{
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
	padding: 5% 2% 2% 2%;
}
.OMStblue{
	color: #287fd0!important;
}

/* scroll bt*/
.section1 .gonext {
	height: 50px;
	width: 50px;
	right: 50%;
	bottom: 1vh;
	background-image: url(https://www.optoma.com/wp-content/uploads/2024/06/gonext.png);
	background-repeat: no-repeat;
	margin-right: -25px;
	cursor: pointer;
	z-index: 4;
	position: absolute;
	/*漸變*/
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.section1 .gonext:hover {
	opacity: 0.5;
}

.animation_topmove {
	/*動畫名稱 秒數快慢 速率 延遲秒數 次數 相反或正常播放*/
	/*animation: show-2 5s ease-in-out infinite（infinite参数可以设置重复播放）*/
	animation: topmove 2s ease 1s infinite forwards;
	-moz-animation: topmove 2s ease 1s infinite forwards;
	-webkit-animation: topmove 2s ease 1s infinite forwards;
}
/*動畫*/
@keyframes topmove {
0%   {transform: translate(0,0);}
50% {transform: translate(0, 20px);}
100%  {transform: translate(0,0);}
}
@-moz-keyframes topmove {
0%   {opacity: 0;}
100%  {opacity: 1;}
}
@-webkit-keyframes topmove {
0%   {opacity: 0;}
100%  {opacity: 1;}
}	

	
/* motion */
.motion{
	width: 100%;
	height: 1vh;
	background: linear-gradient(248deg, #f3f9fb, #c0e6f6, #51beee, #1a7bc0, #015dac);
	background-size: 1000% 1000%;

-webkit-animation: colormotion 4s ease infinite alternate;
-moz-animation: colormotion 4s ease infinite alternate;
-o-animation: colormotion 4s ease infinite alternate;
animation: colormotion 4s ease infinite alternate;
}
@-webkit-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@-moz-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@-o-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@keyframes colormotion { 
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
/* section2*/
.section2{
	width: 100%;
	height: auto;
	background-color: #287fd0;
}
.section2 .article {
	width: 60%;
	max-width:700px;
	margin: 0 auto;
	padding: 3% 0 2% 0;
}
.section2 .flex-item-5{
	flex: 1 1 5%;
	padding: 1%;
	justify-content: center;
}
.section2 .line {
	width:1px;
	height: 60%;
	background-color:rgba(255,255,255,1.00);
	margin:50% auto 0 auto;
}
.section2 .subtitle {
	width: 100%;
	padding: 2% 0 0 0; 
	margin: 0 auto;
}
/* section3 */
.section3{
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec03bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section3 .article {
	width: 80%;
	margin: 0 auto;
	padding: 12% 0 8% 0;
}

/* section4 */
.section4{
	width: 100%;
	height: auto;
	background-color: #f7f7f8;
}
.section4 .title {
	padding: 20% 0 5% 0;
}	
.section4 .img{
	width:100%;
}
.section4 .text{
	padding: 2% 0;
}
.section4 .contentA{
	max-width: 700px;
}
.section4 .contentB{
	max-width: 700px;
}
.section4 .contentC{
	max-width: 1400px;
  padding: 0 0 10% 0;
}


/* section5 */
.section5{
	width: 100%;
	height: auto;
	background-color: #fff;
}
.section5 .bgimg{
	width:100%;
	min-height: 40vh;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec05_caseimg.jpg");;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section5 .article{
	padding: 5%;
}
.section5 .article .content{
}
.section5 .article .content .icon{
	width: 40%;
	margin: 0 auto;
}
.section5 .article .content .text{
	padding: 7%;
}


/* section6 */
.section6{
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec06bg.jpg");;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section6 .article{
	padding: 10% 5%;
}
.section6 .article .content{
}
.section6 .article .content .icon{
	width: 40%;
	margin: 0 auto;
}
.section6 .article .content .text{
	padding: 7%;
}

/* section7 */
.section7-1 {
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec07bg01.jpg");
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#fff;
	background-size: cover;
}
.section7-1 .article{
	width: 100%;
	height: auto;
	padding: 20% 0 15% 65%;
}
.section7-1 .icon{
	width: 30%;
}
.section7-2 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section7-2 .article{
	width: 100%;
	height: auto;
	padding: 10% 0;
}
.section7-2 .article .contentA{
	padding: 5% 0;
}
.section7-3 {
	width: 100%;
	height: auto;
	background-color:#f7f7f8;
}
.section7-3 .article{
	width: 100%;
	height: auto;
	padding: 5% 0;
}
.section7-3 .article .contentB{
	padding: 10% 5%;
}
.section7-4 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section7-4 .article{
	width: 100%;
	height: auto;
	padding: 10% 0;
}
.section7-4 .article .contentA{
	padding: 10% 0;
}

/* section8 */
.section8-1 {
	width: 100%;
	height: auto;
	background-color:#287fd0;
}
.section8-1 .article{
	width: 100%;
	height: auto;
	padding: 5% 0 5% 0;
}
.section8-1 .app{
	width: 100%;
	padding: 20%;
}
.section8-1 .flex-item-4{
	padding: 0;
}
.section8-1 .content{
	padding: 1%;
  border: 10px solid #287fd0;
	border-radius: 20px;
}
.section8-1 .contentspecial{
  border: 10px solid #287fd0;
	border-radius: 20px;
}
.section8-1 .text{
	padding: 10% 10% 5% 10%;
}
.section8-1 .line{
	border-top: 2px solid #53c1ef;
	padding-bottom: 5%;
}
.section8-1 .subspecial{
	padding: 12% 10% 4% 10%;
	background-color: #53c1ef;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.section8-1 .textspecial{
	padding: 5% 10%;
}
.section8-2 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section8-2 .article{
	width: 100%;
	height: auto;
	padding: 5% 0 0 0;
}
.section8-2 .tick{
	width:20%;
	max-width: 25px;
}
.section8-2 .titlespace{
	padding-left:10%;
}

/*第一欄第一列：左上*/
.section8-2 .tlr{
  border-top-left-radius: 20px;
}
/*最後欄第一列：右上*/
.section8-2 .trr{
  border-top-right-radius: 20px;
}
/*第一欄最後列：左下*/
.section8-2 .blr{
  border-bottom-left-radius: 20px;
}
/*最後欄第一列：右下*/
.section8-2 .brr{
  border-bottom-right-radius: 20px;
}
.section8-2 .table-responsive{
	border: 1px solid #fff;
}
.section8-2 .table th, .section8-2 .table td{
	padding-top:1%;
	padding-bottom:1%;
}
body {
	background-color:#eff0f1!important;

}
img{
	border-radius: 10px;
}
/* nav */
.header--wrap{
		position: sticky;
    z-index: 999;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 20px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	
}
.header {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    margin: 0px auto;
		padding: 1% 0;
}
.header--logo {
    display: block;
    width: 200px;
}
/* section1 */
*{position: relative; /*毛玻璃關鍵,底模糊*/}
.section1{
	width: 100%;
	height: 93vh;
	min-height: 700px;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec01bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.section1 .article {
	padding-top:30vh;
	margin: 0 auto;
	width: 30%;
	min-width: 650px;	
}

.section1 .article .whitebg{
	padding:0 1%;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);		
}

.section1 .article .logo{
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
	padding: 5% 2% 2% 2%;
}
.OMStblue{
	color: #287fd0!important;
}

/* scroll bt*/
.section1 .gonext {
	height: 50px;
	width: 50px;
	right: 50%;
	bottom: 1vh;
	background-image: url(https://www.optoma.com/wp-content/uploads/2024/06/gonext.png);
	background-repeat: no-repeat;
	margin-right: -25px;
	cursor: pointer;
	z-index: 4;
	position: absolute;
	/*漸變*/
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.section1 .gonext:hover {
	opacity: 0.5;
}

.animation_topmove {
	/*動畫名稱 秒數快慢 速率 延遲秒數 次數 相反或正常播放*/
	/*animation: show-2 5s ease-in-out infinite（infinite参数可以设置重复播放）*/
	animation: topmove 2s ease 1s infinite forwards;
	-moz-animation: topmove 2s ease 1s infinite forwards;
	-webkit-animation: topmove 2s ease 1s infinite forwards;
}
/*動畫*/
@keyframes topmove {
0%   {transform: translate(0,0);}
50% {transform: translate(0, 20px);}
100%  {transform: translate(0,0);}
}
@-moz-keyframes topmove {
0%   {opacity: 0;}
100%  {opacity: 1;}
}
@-webkit-keyframes topmove {
0%   {opacity: 0;}
100%  {opacity: 1;}
}	

	
/* motion */
.motion{
	width: 100%;
	height: 1vh;
	background: linear-gradient(248deg, #f3f9fb, #c0e6f6, #51beee, #1a7bc0, #015dac);
	background-size: 1000% 1000%;

-webkit-animation: colormotion 4s ease infinite alternate;
-moz-animation: colormotion 4s ease infinite alternate;
-o-animation: colormotion 4s ease infinite alternate;
animation: colormotion 4s ease infinite alternate;
}
@-webkit-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@-moz-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@-o-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@keyframes colormotion { 
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
/* section2*/
.section2{
	width: 100%;
	height: auto;
	background-color: #287fd0;
}
.section2 .article {
	width: 60%;
	max-width:700px;
	margin: 0 auto;
	padding: 3% 0 2% 0;
}
.section2 .flex-item-5{
	flex: 1 1 5%;
	padding: 1%;
	justify-content: center;
}
.section2 .line {
	width:1px;
	height: 60%;
	background-color:rgba(255,255,255,1.00);
	margin:50% auto 0 auto;
}
.section2 .subtitle {
	width: 100%;
	padding: 2% 0 0 0; 
	margin: 0 auto;
}
/* section3 */
.section3{
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec03bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section3 .article {
	width: 80%;
	margin: 0 auto;
	padding: 12% 0 8% 0;
}

/* section4 */
.section4{
	width: 100%;
	height: auto;
	background-color: #f7f7f8;
}
.section4 .title {
	padding: 20% 0 5% 0;
}	
.section4 .img{
	width:100%;
}
.section4 .text{
	padding: 2% 0;
}
.section4 .contentA{
	max-width: 700px;
}
.section4 .contentB{
	max-width: 700px;
}
.section4 .contentC{
	max-width: 1400px;
  padding: 0 0 10% 0;
}


/* section5 */
.section5{
	width: 100%;
	height: auto;
	background-color: #fff;
}
.section5 .bgimg{
	width:100%;
	min-height: 40vh;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec05_caseimg.jpg");;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section5 .article{
	padding: 5%;
}
.section5 .article .content{
}
.section5 .article .content .icon{
	width: 40%;
	margin: 0 auto;
}
.section5 .article .content .text{
	padding: 7%;
}


/* section6 */
.section6{
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec06bg.jpg");;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section6 .article{
	padding: 10% 5%;
}
.section6 .article .content{
}
.section6 .article .content .icon{
	width: 40%;
	margin: 0 auto;
}
.section6 .article .content .text{
	padding: 7%;
}

/* section7 */
.section7-1 {
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec07bg01.jpg");
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#fff;
	background-size: cover;
}
.section7-1 .article{
	width: 100%;
	height: auto;
	padding: 20% 0 15% 65%;
}
.section7-1 .icon{
	width: 30%;
}
.section7-2 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section7-2 .article{
	width: 100%;
	height: auto;
	padding: 10% 0;
}
.section7-2 .article .contentA{
	padding: 5% 0;
}
.section7-3 {
	width: 100%;
	height: auto;
	background-color:#f7f7f8;
}
.section7-3 .article{
	width: 100%;
	height: auto;
	padding: 5% 0;
}
.section7-3 .article .contentB{
	padding: 10% 5%;
}
.section7-4 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section7-4 .article{
	width: 100%;
	height: auto;
	padding: 10% 0;
}
.section7-4 .article .contentA{
	padding: 10% 0;
}

/* section8 */
.section8-1 {
	width: 100%;
	height: auto;
	background-color:#287fd0;
}
.section8-1 .article{
	width: 100%;
	height: auto;
	padding: 5% 0 5% 0;
}
.section8-1 .app{
	width: 100%;
	padding: 20%;
}
.section8-1 .flex-item-4{
	padding: 0;
}
.section8-1 .content{
	padding: 1%;
  border: 10px solid #287fd0;
	border-radius: 20px;
}
.section8-1 .contentspecial{
  border: 10px solid #287fd0;
	border-radius: 20px;
}
.section8-1 .text{
	padding: 10% 10% 5% 10%;
}
.section8-1 .line{
	border-top: 2px solid #53c1ef;
	padding-bottom: 5%;
}
.section8-1 .subspecial{
	padding: 12% 10% 4% 10%;
	background-color: #53c1ef;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.section8-1 .textspecial{
	padding: 5% 10%;
}
.section8-2 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section8-2 .article{
	width: 100%;
	height: auto;
	padding: 5% 0 0 0;
}
.section8-2 .tick{
	width:20%;
	max-width: 25px;
}
.section8-2 .titlespace{
	padding-left:10%;
}

/*第一欄第一列：左上*/
.section8-2 .tlr{
  border-top-left-radius: 20px;
}
/*最後欄第一列：右上*/
.section8-2 .trr{
  border-top-right-radius: 20px;
}
/*第一欄最後列：左下*/
.section8-2 .blr{
  border-bottom-left-radius: 20px;
}
/*最後欄第一列：右下*/
.section8-2 .brr{
  border-bottom-right-radius: 20px;
}
.section8-2 .table-responsive{
	border: 1px solid #fff;
}
.section8-2 .table th, .section8-2 .table td{
	padding-top:1%;
	padding-bottom:1%;
}


body {
	background-color:#eff0f1!important;

}
img{
	border-radius: 10px;
}
/* nav */
.header--wrap{
		position: sticky;
    z-index: 999;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 20px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	
}
.header {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    margin: 0px auto;
		padding: 1% 0;
}
.header--logo {
    display: block;
    width: 200px;
}
/* section1 */
*{position: relative; /*毛玻璃關鍵,底模糊*/}
.section1{
	width: 100%;
	height: 93vh;
	min-height: 700px;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec01bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.section1 .article {
	padding-top:30vh;
	margin: 0 auto;
	width: 30%;
	min-width: 650px;	
}

.section1 .article .whitebg{
	padding:0 1%;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);		
}

.section1 .article .logo{
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
	padding: 5% 2% 2% 2%;
}
.OMStblue{
	color: #287fd0!important;
}

/* scroll bt*/
.section1 .gonext {
	height: 50px;
	width: 50px;
	right: 50%;
	bottom: 1vh;
	background-image: url(https://www.optoma.com/wp-content/uploads/2024/06/gonext.png);
	background-repeat: no-repeat;
	margin-right: -25px;
	cursor: pointer;
	z-index: 4;
	position: absolute;
	/*漸變*/
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.section1 .gonext:hover {
	opacity: 0.5;
}

.animation_topmove {
	/*動畫名稱 秒數快慢 速率 延遲秒數 次數 相反或正常播放*/
	/*animation: show-2 5s ease-in-out infinite（infinite参数可以设置重复播放）*/
	animation: topmove 2s ease 1s infinite forwards;
	-moz-animation: topmove 2s ease 1s infinite forwards;
	-webkit-animation: topmove 2s ease 1s infinite forwards;
}
/*動畫*/
@keyframes topmove {
0%   {transform: translate(0,0);}
50% {transform: translate(0, 20px);}
100%  {transform: translate(0,0);}
}
@-moz-keyframes topmove {
0%   {opacity: 0;}
100%  {opacity: 1;}
}
@-webkit-keyframes topmove {
0%   {opacity: 0;}
100%  {opacity: 1;}
}	

	
/* motion */
.motion{
	width: 100%;
	height: 1vh;
	background: linear-gradient(248deg, #f3f9fb, #c0e6f6, #51beee, #1a7bc0, #015dac);
	background-size: 1000% 1000%;

-webkit-animation: colormotion 4s ease infinite alternate;
-moz-animation: colormotion 4s ease infinite alternate;
-o-animation: colormotion 4s ease infinite alternate;
animation: colormotion 4s ease infinite alternate;
}
@-webkit-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@-moz-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@-o-keyframes colormotion {
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
@keyframes colormotion { 
    0%{background-position:0% 71%}
    50%{background-position:100% 30%}
    100%{background-position:0% 71%}
}
/* section2*/
.section2{
	width: 100%;
	height: auto;
	background-color: #287fd0;
}
.section2 .article {
	width: 60%;
	max-width:700px;
	margin: 0 auto;
	padding: 3% 0 2% 0;
}
.section2 .flex-item-5{
	flex: 1 1 5%;
	padding: 1%;
	justify-content: center;
}
.section2 .line {
	width:1px;
	height: 60%;
	background-color:rgba(255,255,255,1.00);
	margin:50% auto 0 auto;
}
.section2 .subtitle {
	width: 100%;
	padding: 2% 0 0 0; 
	margin: 0 auto;
}
/* section3 */
.section3{
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec03bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section3 .article {
	width: 80%;
	margin: 0 auto;
	padding: 12% 0 8% 0;
}

/* section4 */
.section4{
	width: 100%;
	height: auto;
	background-color: #f7f7f8;
}
.section4 .title {
	padding: 20% 0 5% 0;
}	
.section4 .img{
	width:100%;
}
.section4 .text{
	padding: 2% 0;
}
.section4 .contentA{
	max-width: 700px;
}
.section4 .contentB{
	max-width: 700px;
}
.section4 .contentC{
	max-width: 1400px;
  padding: 0 0 10% 0;
}


/* section5 */
.section5{
	width: 100%;
	height: auto;
	background-color: #fff;
}
.section5 .bgimg{
	width:100%;
	min-height: 40vh;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec05_caseimg.jpg");;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section5 .article{
	padding: 5%;
}
.section5 .article .content{
}
.section5 .article .content .icon{
	width: 40%;
	margin: 0 auto;
}
.section5 .article .content .text{
	padding: 7%;
}


/* section6 */
.section6{
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec06bg.jpg");;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section6 .article{
	padding: 10% 5%;
}
.section6 .article .content{
}
.section6 .article .content .icon{
	width: 40%;
	margin: 0 auto;
}
.section6 .article .content .text{
	padding: 7%;
}

/* section7 */
.section7-1 {
	width: 100%;
	height: auto;
	background-image: url("https://www.optoma.com/wp-content/uploads/2024/06/sec07bg01.jpg");
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#fff;
	background-size: cover;
}
.section7-1 .article{
	width: 100%;
	height: auto;
	padding: 20% 0 15% 65%;
}
.section7-1 .icon{
	width: 30%;
}
.section7-2 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section7-2 .article{
	width: 100%;
	height: auto;
	padding: 10% 0;
}
.section7-2 .article .contentA{
	padding: 5% 0;
}
.section7-3 {
	width: 100%;
	height: auto;
	background-color:#f7f7f8;
}
.section7-3 .article{
	width: 100%;
	height: auto;
	padding: 5% 0;
}
.section7-3 .article .contentB{
	padding: 10% 5%;
}
.section7-4 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section7-4 .article{
	width: 100%;
	height: auto;
	padding: 10% 0;
}
.section7-4 .article .contentA{
	padding: 10% 0;
}

/* section8 */
.section8-1 {
	width: 100%;
	height: auto;
	background-color:#287fd0;
}
.section8-1 .article{
	width: 100%;
	height: auto;
	padding: 5% 0 5% 0;
}
.section8-1 .app{
	width: 100%;
	padding: 20%;
}
.section8-1 .flex-item-4{
	padding: 0;
}
.section8-1 .content{
	padding: 1%;
  border: 10px solid #287fd0;
	border-radius: 20px;
}
.section8-1 .contentspecial{
  border: 10px solid #287fd0;
	border-radius: 20px;
}
.section8-1 .text{
	padding: 10% 10% 5% 10%;
}
.section8-1 .line{
	border-top: 2px solid #53c1ef;
	padding-bottom: 5%;
}
.section8-1 .subspecial{
	padding: 12% 10% 4% 10%;
	background-color: #53c1ef;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.section8-1 .textspecial{
	padding: 5% 10%;
}
.section8-2 {
	width: 100%;
	height: auto;
	background-color:#fff;
}
.section8-2 .article{
	width: 100%;
	height: auto;
	padding: 5% 0 0 0;
}
.section8-2 .tick{
	width:20%;
	max-width: 25px;
}
.section8-2 .titlespace{
	padding-left:10%;
}

/*第一欄第一列：左上*/
.section8-2 .tlr{
  border-top-left-radius: 20px;
}
/*最後欄第一列：右上*/
.section8-2 .trr{
  border-top-right-radius: 20px;
}
/*第一欄最後列：左下*/
.section8-2 .blr{
  border-bottom-left-radius: 20px;
}
/*最後欄第一列：右下*/
.section8-2 .brr{
  border-bottom-right-radius: 20px;
}
.section8-2 .table-responsive{
	border: 1px solid #fff;
}
.section8-2 .table th, .section8-2 .table td{
	padding-top:1%;
	padding-bottom:1%;
}


/* section9 */

/* section10*/

/* section11*/

/* footer */
.footer {
	width:100%;
	padding:5% 0;
	background-color: #fff;
}
.footer .logo{
	width:20%;
	margin: 0 auto;
}
/* spec*/


/* section9 */

/* section10*/

/* section11*/

/* footer */
.footer {
	width:100%;
	padding:5% 0;
	background-color: #fff;
}
.footer .logo{
	width:20%;
	margin: 0 auto;
}
/* spec*/


/* section9 */

/* section10*/

/* section11*/

/* footer */
.footer {
	width:100%;
	padding:5% 0;
	background-color: #fff;
}
.footer .logo{
	width:20%;
	margin: 0 auto;
}
/* spec*/


/* section9 */

/* section10*/

/* section11*/

/* footer */
.footer {
	width:100%;
	padding:5% 0;
	background-color: #fff;
}
.footer .logo{
	width:20%;
	margin: 0 auto;
}