.index-intuitiveUIDesign{
font-size:5em;
color:#595959;
}

.index-flexibleTaskScheduling{
font-size:5em;
color:#595959;
}

.index-cloudResources{
font-size:5em;
color:#595959;
}

.index-maximizedOperationalEfficiency{
font-size:5em;
color:#595959;
}

.index-mediaPlayerManagement{
font-size:5em;
color:#595959;
}

.index-streamingBroadcast{
font-size:5em;
color:#595959;
}

.index-increasedSystemReliability{
font-size:5em;
color:#595959;
}

.index-redundancyMonitoring{
font-size:5em;
color:#595959;
}

.index-emergencyBroadcast{
font-size:5em;
color:#595959;
}

.threeOptionOutborder{
margin:0 auto;
width:450px;
} 

.threeOption{
display:block;
float:left;
width:33.33%;
margin-top:25px;
}

.productOverview{
background-image:url(../images/digital_signage_products/cms_header_bg.jpg);
 margin: 60px 0 0 0;
display: block;
width: 100%;
height: 375px;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 375px;
}

.productOverview .productWarp{
background-image:url(../images/digital_signage_products/cms-server/cms_header_pc.jpg);
width:1300px;
height:100%;
margin: 0px auto;
height: 375px;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 375px;
}

.productOverview .productWarp .mobileBackground{
display:none;
}

.productOverview .productWarp h1{
width: 600px;
float: left;
display: block;
color: white;
margin: 0;
text-align:left;
font-weight:300;
margin-top:9%;
margin-left:10%;
}

.productOverview .productWarp .linkTextArea{
width:62%;
float:left;
margin-top:2%;
margin-left:10%;
}
/* .productOverview .productWarp .linkTextArea .myLink1{ */
/* float: left; */
/* color:white; */
/* text-decoration:none; */
/* cursor:pointer; */
/* } */

/* .productOverview .productWarp .linkTextArea .myLink2{ */
/* float: left; */
/* color:white; */
/* text-decoration:none; */
/* margin-left:40px; */
/* cursor:pointer; */
/* } */

.productOverview .productWarp .linkTextArea .myLink3{
float: left;
color:white;
text-decoration:none;
/* margin-left:40px; */
cursor:pointer;
}

.productOverview .productWarp .linkTextArea .myLink4{
float: left;
color:white;
text-decoration:none;
cursor:pointer;
display:none;
}

.productOverview .productWarp .linkTextArea .myLink1:hover{
text-decoration:underline;
}

.productOverview .productWarp .linkTextArea .myLink2:hover{
text-decoration:underline;
}

.productOverview .productWarp .linkTextArea .myLink3:hover{
text-decoration:underline;
}

.productOverview .productWarp .linkTextArea .myLink4:hover{
text-decoration:underline;
}

.productOverview .productWarp .downloadCenter{
margin-right:12.5%;
margin-top:-10%;
width:300px;
float:right;
} 

.productOverview .productWarp .downloadCenter .fox {
width:300px;
height:150px;
margin:0px auto;
text-align:right;
}

.productOverview .productWarp .downloadCenter .fox .box1 {
width:90px;
height:143px;
margin:0px auto;
float:left;
}

.productOverview .productWarp .downloadCenter .fox .box2 {
width:210px;
height:85px;
margin:0px auto;
float:left;
}

.productOverview .productWarp .downloadCenter .fox .box3 {
width:210px;
height:58px;
margin:0px auto;
float:left;
}
/*-------------productHeader 開始-----------------*/
#MainWrap .productHeader{
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding: 0;
margin: 0;
margin-top:143px;
border-top:1px solid white;
box-sizing: border-box;
background-image: url(../images/digital_signage_products/cms_header_bg.jpg);
background-position:center center;
background-repeat:no-repeat;
}

.productHeader .contents{
position:relative;
width: 1300px;
height: auto;
padding: 0;
margin: 0px auto;
box-sizing: border-box;
}

.tabletBackground{
display:none;
}

.mobileBackground{
display:none;
}

.productHeader .contents h1{
position:absolute;
bottom:50%;
left:10%;
z-index:9;
width:auto;
height:auto;
color:white;
}

.productHeader .contents a{
text-decoration:none;
}

.productHeader .contents a:hover{
text-decoration:underline;
}

.productHeader .contents .cms10Series{
position:absolute;
bottom:35%;
left:10%;
z-index:11;
width:auto;
height:auto;
color:white;
}

.productHeader .contents .cms82Series{
position:absolute;
bottom:35%;
left:20%;
z-index:11;
width:auto;
height:auto;
color:white;
}

.productHeader .contents .sendInquiry{
position:absolute;
bottom:35%;
left:29%;
z-index:11;
width:auto;
height:auto;
color:white;
}

.productHeader .contents .box {
width:300px;
height:150px;
position:absolute;
bottom:6%;
right:9%;
}

.productHeader .contents .box1 {
width:90px;
height:143px;
margin:0px auto;
float:left;
}

.productHeader .contents .box2 {
width:210px;
height:85px;
margin:0px auto;
float:left;
}

.productHeader .contents .box3 {
width:210px;
height:58px;
margin:0px auto;
float:left;
}

/*-------------features8item 開始-----------------*/
.features8item{
margin: 0;
width: 100%;
height: auto;
float: left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
padding-top:2.8%;
padding-bottom:4.3%;
}

.features8item .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}

.features8item .contents .fox {
width: 96%;
height: auto;
float: left;
margin: 1% 2%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.features8item .contents .fox h1 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 0 0 1% 0;
}

.features8item .contents .fox span {
width: 66%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 0px 17% 0px 17%;
}

.features8item .contents .fox img {
margin-top:20px;
max-width:430px;
width: 100%;
height: auto;
}

.features8item .contents .box {
width: 23%;
height: auto;
float: left;
margin: 1% 1%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
margin-bottom:80px;
}

.features8item .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 10px 0;
}

.features8item .contents .box span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align: center;
}

.features8item .contents .box .Photo {
width: 100%;
height: auto;
float: left;
color: #595959;
}

.features8item .contents .myheight{
height: 250px;
}

.features8item .contents .box a {
text-decoration:none;
color:#e5a900;
}

.features8item .contents .box a:hover {
text-decoration:underline;
}
/*-------------features4item 開始-----------------*/
.features4item{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#f4f4f4;
padding-top:3%;
padding-bottom:0%;
}

.features4item .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}

.features4item .contents .fox {
width: 96%;
height: auto;
float: left;
margin: 1% 2%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.features4item .contents .fox h1 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 0 0 1% 0;
}

.features4item .contents .fox span {
width: 66%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 0px 17% 0px 17%;
}

.features4item .contents .fox img {
margin-top:20px;
max-width:430px;
width: 100%;
height: auto;
}

.features4item .contents .box {
width: 23%;
height: auto;
float: left;
margin: 1% 1%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
margin-bottom:40px;
}

.features4item .contents .plusBoxHide {
display:none;
}

.features4item .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 10px 0;
}

.features4item .contents .box span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align: center;
}

.features4item .contents .box .Photo {
width: 100%;
height: auto;
float: left;
color: #595959;
}

.features4item .contents .myheight{
height: 250px;
}

.features4item .contents .box a {
text-decoration:none;
color:#e5a900;
}

.features4item .contents .box a:hover {
text-decoration:underline;
}
/*-------------cms10 開始-----------------*/
.cms10{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-top:4%;
padding-bottom:6%;
}

.cms10 .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}

.cms10 .contents .box {
width: 29.33%;
height: 250px;/*--20210311-cms-ws--*/
float: left;
margin: 1% 1%;
padding: 20px 10px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.cms10 .contents .box img {
max-width:260px;
width: 100%;
height: auto;
}

.cms10 .contents .box:hover {
opacity: 0.8;
}

.cms10 .contents h1 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 10px 0;
text-align:center;
}

.cms10 .contents span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align:center;
padding-bottom:2.5%;
}

.cms10 .contents .adjust {
float: left;
display: block;
color: #595959;
text-align: center;
padding-bottom: 2.5%;
width: 80%;
margin-right: 10%;
margin-left: 10%;
}

.cms10 .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 0px 0 10px 0;
text-align:center;
}

.cms10 .contents .box span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align: left;
text-align:center;
}

.cms10 .contents a {
text-decoration:none;
color:#e5a900;
}

.cms10 .contents a:hover {
text-decoration:underline;
}
/*-------------cms82 開始-----------------*/
.cms82{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#f4f4f4;
padding-top:0%;
padding-bottom:6%;
}

.cms82 .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}

.cms82 .contents .box {
width: 29.33%;
height: auto;
float: left;
margin: 1% 2%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.cms82 .contents .boximg {
max-width:260px;
width: 100%;
height: auto;
}

.cms82 .contents .box:hover {
opacity: 0.8;
}

.cms82 .contentsh1 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 10px 0;
text-align:center;
}

.cms82 .contents span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align:center;
padding-bottom:2.5%;
}

.cms82 .contents .adjust {
float: left;
display: block;
color: #595959;
text-align:center;
padding-bottom:2.5%;
width: 60%;/*修正斷行問題*/
margin-right:20%;/*修正斷行問題*/
margin-left:20%;/*修正斷行問題*/
}

.cms82 .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 0px 0 10px 0;
text-align:center;
}

.cms82 .contents .box span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align: left;
text-align:center;
}

.cms82 .contents a {
text-decoration:none;
color:#e5a900;
}

.cms82 .contents a:hover {
text-decoration:underline;
}
/*----------finalButton2-START---------------*/
.finalButton2{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#e7e7e7;
padding-top:1%;
padding-bottom:3%;
}

.finalButton2 .contents {
width: 500px;
height: auto;
padding: 0 5px;
margin: 5% auto;
box-sizing: border-box;
}

.finalButton2 .contents .box {
width: 96%;
height: auto;
float: left;
margin: 1% 2%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
margin-bottom:10%;
}
.finalButton2 .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
line-height: 1.5em;
margin: 15px 0 10px 0;
text-align: center;
}
.finalButton2 .contents .box .Photo {
width: 100%;
height: auto;
float: left;
color: #595959;
}

.finalButton2 .contents .box span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align: center;
}
.finalButton2 .contents .box .mylinks {
 float: left;
 margin-top:5%;
 text-decoration:none;
 color: #e5a900;
 width: 100%;
 display: block;
 text-align: center;
 cursor:pointer;
}

.finalButton2 .contents .box .mylinks a:hover {
text-decoration:underline;
}

.finalButton2 .contents .box a {
 text-decoration:none;
 color:#e5a900;
}
/*--1600寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1600px) {
}
/*--1366寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1366px) {
.productOverview .productWarp h1{
margin-top:12%;
}

.productOverview .productWarp{
background-image:url(../images/digital_signage_products/cms-server/cms_header_tablet.jpg);
}

.productOverview .productWarp{
width:1024px;

}

.productOverview .productWarp .downloadCenter{
margin-right:0%;
margin-top:-12%;
} 

.productHeader .contents{
width: 1024px;
}

.features8item .contents {
width: 1024px;
}

.features4item .contents {
width: 1024px;
}

.cms10 .contents {
width: 1024px;
}

.cms82 .contents {
width: 1024px;
}

.features8item .contents .myheight{
height: 300px;
}

.features4item .contents .myheight{
height: 300px;
}

.productHeader .contents h1{
left:5%;
}

.productHeader .contents .cms10Series{
left:5%;
}

.productHeader .contents .cms82Series{
left:18%;
}

.productHeader .contents .sendInquiry{
left:29.5%;
}

.finalButton2 {
padding-bottom:1%;
}

.finalButton2 .contents {
width: 500px;
margin: 35px auto;
}

.cms10 .contents .adjust {
width: 90%;/*修正斷行問題*/
margin-right:5%;/*修正斷行問題*/
margin-left:5%;/*修正斷行問題*/
}

.cms82 .contents .adjust {
width: 90%;/*修正斷行問題*/
margin-right:5%;/*修正斷行問題*/
margin-left:5%;/*修正斷行問題*/
}
}
/*--1024寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
.productOverview{
background-image:url(../images/digital_signage_products/cms-server/cms_header_tablet.jpg);
}

.productOverview .productWarp{
background-image:url();
}

.productOverview .productWarp{
width:768px;
}

.productOverview .productWarp h1{
width: 100%;
text-align:center;
margin: 0;
margin-top:6%;
}

.productOverview .productWarp .linkTextArea{
width:60%;
margin:0;
margin-top:2.5%;
margin-left:19%;
margin-right:21%;
}

.productOverview .productWarp .linkTextArea .myLink1{
text-align:center;
margin:0;
width:33.33%;
}

.productOverview .productWarp .linkTextArea .myLink2{
text-align:center;
margin:0;
width:33.33%;
}

.productOverview .productWarp .linkTextArea .myLink3{
text-align:center;
margin:0;
width:33.33%;
}

.productOverview .productWarp .downloadCenter{
margin:0;
margin-top:4.5%;
width:100%;
display:block;
float:left;
} 

.productOverview .productWarp .downloadCenter .fox {
clear:both;
margin:0 auto;
}

.pcBackground{
display:none;
}

.tabletBackground{
display:block;
}

.productHeader .contents{
width: 768px;
}

.features8item .contents {
width: 768px;
}

.features4item .contents {
width: 768px;
}

.features4item .contents .plusBoxHide {
display:block;
}

.cms10 {
padding-top:3%;
padding-bottom:8%;
}

.cms10 .contents {
width: 768px;
}

.cms82 .contents {
width: 768px;
}

.features8item{
padding-top:1.5%;
padding-bottom:5%;
}

.features8item .contents .myheight{
height: 250px;
}

.features4item {
padding-top:2%;
padding-bottom:0%;
}

.features4item .contents .myheight{
height: 250px;
}

.features8item .contents .box {
width: 31.33%;
margin-bottom:80px;
}

.features4item .contents .box {
width: 31.33%;
margin-bottom:80px;
}

.productHeader .contents .box {
right:0%;
}

.productHeader .contents h1{
left:0%;
}

.productHeader .contents .cms10Series{
left:0%;
}

.productHeader .contents .cms82Series{
left:15%;
}

.productHeader .contents .sendInquiry{
left:29%;
}

.cms82 .contents{
margin-top:0;
}

.cms82{
padding-top:0%;
padding-bottom:8%;
}

.finalButton2 {
padding-top:4%;
}

.finalButton2 .contents {
width: 500px;
}

.finalButton2 .contents .box {
width: 100%;
}

.cms10 .contents .adjust {
width: 100%;/*修正斷行問題*/
margin-right:0%;/*修正斷行問題*/
margin-left:0%;/*修正斷行問題*/
}

.cms82 .contents .adjust {
width: 100%;/*修正斷行問題*/
margin-right:0%;/*修正斷行問題*/
margin-left:0%;/*修正斷行問題*/
}
}
/*--768寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
.productOverview .productWarp h1{
margin-top:8.7%;
}

.productOverview .productWarp{
width: 600px;
margin: 0px auto;
}

.productOverview .productWarp .linkTextArea{
width:80%;
margin:0;
margin-top:2.5%;
margin-left:8%;
margin-right:12%;
}

.productHeader .contents {
width: 600px;
margin: 0px auto;
}

.features8item {
padding-top:9%;
padding-bottom:7%;
}

.features8item .contents {
width: 600px;
margin: 0px auto;
}

.features4item .contents {
width: 600px;
margin: 0px auto;
}

.cms10 {
padding-top:10.5%;
padding-bottom:9.5%;
}

.cms10 .contents {
width: 600px;
margin: 0px auto;
}

.cms10 .contents span{
margin-bottom:10px;
}

.cms82 {
padding-bottom:11%;
}

.cms82 .contents {
width: 600px;
margin: 0px auto;
}

.features8item .contents .myheight{
height: 250px;
}

.features4item{
padding-top:8.5%;
padding-bottom:0%;
}

.features4item .contents .myheight{
height: 250px;
}

.productHeader .contents .box {
right:0%;
}

.productHeader .contents h1{
left:0%;
bottom:72%;
}

.productHeader .contents .cms10Series{
left:0%;
bottom:50%;
}

.productHeader .contents .cms82Series{
left:0%;
bottom:35%;
}

.productHeader .contents .sendInquiry{
left:0%;
bottom:20%;
}

.finalButton2 .contents {
width: 500px;
margin: 20px auto;
}
.finalButton2 .contents .box {
width: 98%;
margin: 1%;
padding: 10px;
margin-bottom:10%;
}

.finalButton2{
padding-top:5%;
padding-bottom:6%;
}

.finalButton2 .contents .box {
width: 96%;
margin: 5% 2%;
padding: 10px;
min-height:225px;
}
}
/*--600寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
.productOverview{
height: auto;
margin-top:60px;
}

.productOverview .productWarp{
width: 100%;
margin:0;
padding:0;
background: none;
position: relative;
}

.productOverview .productWarp h1{
    margin: 0;
    position: absolute;
    top: 8%;
}

.productOverview .productWarp .linkTextArea{
width:100%;
margin:0;
}

.productOverview .productWarp .mobileBackground{
display:block;
width: 100%;
height: auto;
float: left;
margin:0;
padding:0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
background:#5c4126;
}

.productOverview .productWarp .downloadCenter{
display:none;
text-align:center;
} 

.productOverview .productWarp .linkTextArea{
background:#5c4126;
margin:0;
padding:0;
}

.productOverview .productWarp .linkTextArea .myLink1{
width:100%;
text-align:center;
border:none;
border-top:1px solid #85715c;
padding-top:12px;
padding-bottom:12px;
}
.productOverview .productWarp .linkTextArea .myLink2{
margin:0;
width:100%;
text-align:center;
border:none;
border-top:1px solid #85715c;
padding-top:12px;
padding-bottom:12px;
}
.productOverview .productWarp .linkTextArea .myLink3{
margin:0;
width:100%;
text-align:center;
border:none;
border-top:1px solid #85715c;
padding-top:12px;
padding-bottom:12px;
}
.productOverview .productWarp .linkTextArea .myLink4{
width:100%;
display:block;
text-align:center;
border:none;
border-top:1px solid #85715c;
padding-top:12px;
padding-bottom:12px;
}

#MainWrap .productHeader .contents{
display:none;
}

#MainWrap .productHeader{
background-image: url(../images/digital_signage_products/cms-server/cms_header_bg_mobile.jpg);
margin-top:92px;
}

.mobileBackground{
display:block;
margin-top:84px;
}

.features8item {
padding-top:12%;
padding-bottom:15%;
}

.features8item .contents {
width: 100%;
margin: 3% auto;
}

.features4item .contents {
width: 100%;
margin: 3% auto;
}

.features4item .contents .plusBoxHide {
display:none;
}

.cms10{
padding-top:13.5%;
padding-bottom:17%;
}

.cms10 .contents {
width: 100%;
margin: 3% auto;
}

.cms10 .contents .box {
width: 96%;
}

.cms82 .contents {
width: 100%;
margin: 3% auto;
}

.cms82{
padding-bottom:20%;
}

.cms82 .contents .box {
width: 96%;
}

.features8item .contents .myheight{
height: 290px;
}

.features8item .contents .box {
width: 48%;
 margin-bottom:40px;
}

.features4item {
padding-top:12%;
padding-bottom:0%;
}

.features4item .contents .box {
width: 48%;
 margin-bottom:40px;
}

.features4item .contents .myheight{
height: 290px;
}

.smpneo2 .contents .box {
width: 96%;
}

.smppro .contents .box {
width: 96%;
}

.features3item .contents .box {
width: 96%;
}

.threeOptionOutborder{
margin:0 auto;
width:100%;
} 

.threeOption{
width:100%;
padding-top:10px;
margin:0;
} 

.finalButton2{
padding-top:10%;
padding-bottom:10%;
}

.finalButton2 .contents {
width: 100%;
margin: 20px auto;
}
.finalButton2 .contents .box {
width: 96%;
margin: 5% 2%;
padding: 10px;
min-height:225px;
}

.finalButton2 .contents .box:nth-child(4) {
margin-bottom:20%;
}
}