.index-weatherInfo{
font-size:7em;
color:#595959;
}

.index-exchangeRate{
font-size:7em;
color:#595959;
}

.index-tariff{
font-size:7em;
color:#595959;
}

.index-easyRemote{
font-size:7em;
color:#595959;
}

.index-basicSystem{
font-size:7em;
color:#595959;
}

.menubackground{
margin: 0;
width: 100%;
height: 51px;
float: left;
background-color:#0090cf;
margin-top:60px;
}

/*----------productHeader-START---------------*/
#MainWrap .productHeader{
width: 100%;
height: auto;
float: left;
padding: 0;
margin: 0;
margin-top:0px;
box-sizing: border-box;
background-position:center center;
background-repeat:no-repeat;
background:white;
}

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

.tabletBackground{
display:none;
}

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

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

.productHeader .contents h1{
position: absolute;
bottom: 20%;
left: 10%;
z-index: 10;
width: auto;
height: auto;
color: white;
font-size: 5.8em;
}

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

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

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

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

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

.productHeader .contents .link4{
position:absolute;
bottom:11%;
left:46.5%;
z-index:11;
width:auto;
height:auto;
color:white;
}
/*----------xpost-START---------------*/
.superMonitor{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-bottom:6.5%;
padding-top:1.3%;
}

.superMonitor .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 3% auto;
box-sizing: border-box;
}

.superMonitor .contents .box {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 0px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.superMonitor .contents.box .brandLogo{
max-width:315px;
height: auto;
padding: 0px;
margin: 0px auto;
box-sizing: border-box;
margin-bottom:2%;
}

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

.superMonitor .contents .box span {
width: 60%;
margin:0 auto;
display: block;
color: #595959;
text-align: center;
line-height:1.7em;
margin-bottom:1%;
}

.superMonitor .contents .box .Photo {
width: 100%;
height: auto;
float: left;
}

/*----------fourEasy-START---------------*/
.fourEasy{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#f4f4f4;
padding-bottom:0%;
padding-top:2.5%;
}

.fourEasy .lobby1366{
max-width:470px;
}

.fourEasy .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.fourEasy .contents .box {
width: 41%;
height: auto;
float: right;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.fourEasy .contents .box h3 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 15px 0;
text-align:left;
}

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

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

.fourEasy .contents .box .fourStep{
float:left;
text-align: left;
color: #595959;
display: block;
}

.fourEasy .contents .box .threeStep {
float:left;
text-align: left;
color: #595959;
display: block;
}

.fourEasy .contents .box2 {
width: 59%;
height: auto;
float: right;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
padding-top:40px;
}

/*----------fourEasy(meetingpost)-START---------------*/
.fourEasyMp{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#f4f4f4;
padding-bottom:0%;
padding-top:0%;
color: #595959;
}

.fourEasyMp .contents {
width: 100%;
height: auto;
padding: 0px;
margin: 0px auto;
box-sizing: border-box;
}
.fourEasyMp .contents .box {
width: 100%;
height: auto;
float: right;
margin: 0%;
padding: 0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
position:relative;
}

.fourEasyMp .contents .box .smallbox {
    width: 32%;
    height: auto;
    float: right;
    margin: 0%;
    padding: 0;
    top: 0;
    left: 12%;
    text-decoration: none;
    box-sizing: border-box;
    text-align: left;
    position: absolute;
}

.fourEasyMp .contents .box .smallbox h3 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 15px 0;
text-align:left;
}

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

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

.fourEasyMp .contents .box .smallbox .fourStep {
float:left;
text-align: left;
color: #595959;
display: block;
}

.fourEasyMp .contents .box .smallbox .threeStep {
float:left;
text-align: left;
color: #595959;
display: block;
}

.fourEasyMp .contents .box2 {
width: 59%;
height: auto;
float: right;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
padding-top:80px;
}

.fourEasyMp .contents .box .pc{
display:block;
}

.fourEasyMp .contents .box .tablet{
display:none;
}

/*----------receivelivedata-START---------------*/
.receivelivedata{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-bottom:0%;
padding-top:1%;
}

.receivelivedata .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.receivelivedata .contents .box {
width: 41%;
height: auto;
float: right;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
padding-top:12%;
}

.receivelivedata .contents .box h3 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 15px 0;
text-align:left;
}

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

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

.receivelivedata .contents .box .fourStep{
float:left;
text-align: left;
color: #595959;
display: block;
}

.receivelivedata .contents .box2 {
width: 59%;
height: auto;
float: right;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

/*----------roomBooking-START---------------*/
.roomBooking{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-bottom:1%;
padding-top:1%;
}

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

.roomBooking .contents .box {
width: 41%;
height: auto;
float: right;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
padding-top:9%;
}

/* .roomBooking .contents .box h1 { */
/* width: 100%; */
/* float: left; */
/* display: block; */
/* color: #595959; */
/* font-weight:300; */
/* margin: 15px 0 15px 0; */
/* text-align:left; */
/* } */

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

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

.roomBooking .contents .box .fourStep{
float:left;
text-align: left;
color: #595959;
display: block;
}

.roomBooking .contents .box2 {
width: 59%;
height: auto;
float: right;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

/*----------predesignedTemplatesTemplates-START---------------*/
.predesignedTemplates{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#f4f4f4;
padding-bottom:5.8%;
padding-top:3.5%;
display:block;
}

.predesignedTemplates .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.predesignedTemplates .contents .box {
width: 59%;
height: auto;
float: left;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.predesignedTemplates .contents .box2 {
width: 41%;
height: auto;
float: left;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
padding-top:3%;
}
.predesignedTemplates .contents .box2 h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 15px 0;
text-align:left;
}

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

/*----------prescheduledDisplay-START---------------*/
.prescheduledDisplay{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-top:3%;
padding-bottom:0%;
}

.prescheduledDisplay .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.prescheduledDisplay .contents .box {
width: 59%;
height: auto;
float: left;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.prescheduledDisplay .contents .box2 {
width: 41%;
height: auto;
float: left;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
padding-top:10%;
}
.prescheduledDisplay .contents .box2 h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 15px 0;
text-align:left;
}

.prescheduledDisplay .contents .box2 span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align: left;
}
/*----------makeAppointments-START---------------*/
.makeAppointments{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-top:1%;
padding-bottom:5.5%;
}

.makeAppointments .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.makeAppointments .contents .box {
width: 55%;
height: auto;
float: left;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.makeAppointments .contents .box2 {
width: 45%;
height: auto;
float: left;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}
.makeAppointments .contents .box2 h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 15px 0;
text-align:left;
}

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

/*----------enterWayfinderDataManually-START---------------*/
.enterWayfinderDataManually{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-top:0%;
padding-bottom:0%;
}

.enterWayfinderDataManually .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.enterWayfinderDataManually .contents .box {
width: 59%;
height: auto;
float: left;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.enterWayfinderDataManually .contents .box2 {
width: 41%;
height: auto;
float: left;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
padding-top:14%;
}
.enterWayfinderDataManually .contents .box2 h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 15px 0;
text-align:left;
}

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

/*----------preScheduled-START---------------*/
.preScheduled{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-bottom:0%;
}

.preScheduled .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.preScheduled .contents .box {
width: 41%;
height: auto;
float: right;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

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

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

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

.preScheduled .contents .box2 {
width: 59%;
height: auto;
float: right;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

/*----------booking-START---------------*/
.booking{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-bottom:0%;
}

.booking .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.booking .contents .box {
width: 59%;
height: auto;
float: left;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.booking .contents .box2 {
width: 41%;
height: auto;
float: left;
margin: 1% 0%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}
.booking .contents .box2 h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 15px 0;
text-align:left;
}

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

/*----------changingDataType-START---------------*/
.changingDataType{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
background-image: url("../images/digital_signage_products/lobbypost/application_software_changing_data_type_lobbypost.jpg"); 
background-repeat:no-repeat;
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
padding-bottom:12%;
}

.changingDataType .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.changingDataType .contents .box {
width: 41%;
height: auto;
float: left;
margin: 0%;
padding: 30px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
background-color:white;
margin-top:10%;
}
.changingDataType .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 0px 0 15px 0;
text-align:left;
}

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

/*----------changingDataType(meetingpost)-START---------------*/
.changingDataTypeMp{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#f4f4f4;
background-image: url("../images/digital_signage_products/xpost/meetingpost/application_software_show_rich_meeting_information_meetingpost.jpg"); 
background-repeat:no-repeat;
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
padding-bottom:9.6%;
}

.changingDataTypeMp .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.changingDataTypeMp .contents .box {
width: 41%;
height: auto;
float: right;
margin: 0%;
padding: 25px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
background-color:white;
margin-top:7%;
}
.changingDataTypeMp .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 0px 0 15px 0;
text-align:left;
}

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

/*----------preScheduled-START---------------*/
.preScheduled{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#f4f4f4;
}

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

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

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

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

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

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

/*----------fourIcones-START---------------*/
.fourIcones{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-top:3.5%;
padding-bottom:6%;
}

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

.fourIcones .contents .box {
width: 23%;
height: auto;
float: left;
margin: 1% 1%;
padding: 20px 10px 20px 10px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}
.fourIcones .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 10px 0;
text-align:left;
}

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

/*----------threeIcones-START---------------*/
.threeIcones{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-top:3.5%;
padding-bottom:5.5%;
}

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

.threeIcones .contents .box {
width: 29.3%;
height: auto;
float: left;
margin: 1% 2%;
padding: 20px 10px 20px 10px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}
.threeIcones .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 10px 0;
text-align:left;
}

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

.threeIcones .contents .box a {
width:100%;
display:block;
text-decoration:none;
text-align:left;
}

.threeIcones .contents .box span .learnMore a {
text-decoration:none;
color:#e5a900;
}

.threeIcones .contents .box span .learnMore a:hover {
text-decoration:underline;
}

.wayfinder{
margin:0 auto;
max-width:100px;
}
/*----------finalButton2-START---------------*/
.finalButton2{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#e7e7e7;
padding-top:1%;
padding-bottom:0;
}

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

.finalButton2 .contents .box {
width: 21%;
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;
}
/*----------wideVarietyApplications-START---------------*/
.wideVarietyApplications{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-bottom:6%;
padding-top:4%;
}

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

.wideVarietyApplications .contents h3{
width: 80%;
float: left;
display: block;
color: #595959;
margin-right:10%;
margin-left:10%;
font-weight:300;
text-align: left;
text-align:center;
margin-bottom:20px;
}

.wideVarietyApplications .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.wideVarietyApplications .contents .box {
width: 23%;
height: auto;
float: left;
margin: 1% 1%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}
.wideVarietyApplications .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 10px 0;
min-height:60px;
}

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

.wideVarietyApplications .contents .box .Photo {
max-width:200px;
height:auto;
margin:0 auto;
}

/*----------manualandAutoDataInput-START---------------*/
.manualandAutoDataInput{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#f4f4f4;
padding-top:5%;
}

.manualandAutoDataInput .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 0 auto;
box-sizing: border-box;
}
.manualandAutoDataInput .contents .box {
width: 96%;
height: auto;
float: left;
margin: 1% 2%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}
.manualandAutoDataInput .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 10px 0;
}

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

/*----------builtIn-START---------------*/
.builtIn{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#f4f4f4;
padding-bottom:4%;
padding-top:3%;
}

.builtIn .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 0 auto;
box-sizing: border-box;
}
.builtIn .contents .box {
width: 96%;
height: auto;
float: left;
margin: 1% 2%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}
.builtIn .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 10px 0;
}

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

/*--1680寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1680px) {
.productHeader .contents .logo{
bottom:55%;
}

.productHeader .contents h1{
bottom:20%;
}

.changingDataType{
padding-bottom:10.7%;
}

.changingDataType .contents .box {
margin-top:7%;
}

.changingDataTypeMp{
padding-bottom:7.8%;
}

.changingDataTypeMp .contents .box {
margin-top:3%;
}

.fourEasyMp .contents .box .smallbox {
width: 30%;
height: auto;
float: right;
margin: 0%;
padding: 0;
top:2%;
left:15%;
text-decoration: none;
box-sizing: border-box;
text-align: center;
position:absolute;
}
}

/*--1366寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1366px) {
.productHeader .contents .logo{
bottom: 42%;
width: 200px;
}

.productHeader .contents h1{
bottom: 20%;
font-size: 4em;
}

.productHeader .contents .link1{
}

.productHeader .contents .link2{
left:25%;
}

.productHeader .contents .link3{
left:40%;
}
.productHeader .contents .link4{
left:53.6%;
}

.superMonitor .contents {
width: 1024px;
margin: 35px auto;
}

.fourEasy .contents {
width: 1024px;
margin: 35px auto;
}

.fourEasy .lobby1366{
min-width:380px;
max-width:none;
}

.fourEasyMp{
background:white;
}

.fourEasyMp .contents .box .smallbox {
width: 44%;
height: auto;
float: right;
margin: 0%;
padding: 0;
top:0%;
left:5%;
text-decoration: none;
box-sizing: border-box;
text-align: center;
position:absolute;
}

.fourEasyMp .contents .box.smallbox h1 {
margin: 0px 0 15px 0;
}
.fourEasyMp .contents .box .smallbox span {
line-height: 1em;
}

.receivelivedata .contents {
width: 1024px;
margin: 35px auto;
}

.roomBooking .contents {
width: 1024px;
margin: 35px auto;
}

.predesignedTemplates .contents{
width: 1024px;
margin: 35px auto;
}

.prescheduledDisplay .contents{
width: 1024px;
margin: 35px auto;
}

.makeAppointments .contents{
width: 1024px;
margin: 35px auto;
}

.enterWayfinderDataManually .contents{
width: 1024px;
margin: 35px auto;
}

.changingDataType .contents {
width: 1024px;
margin: 35px auto;
}

.changingDataTypeMp {
padding-bottom:4.2%;
background-color:white;
}

.changingDataTypeMp .contents {
width: 1024px;
margin: 35px auto;
}

.changingDataTypeMp .contents .box {
margin-top:45%;
margin-bottom:5%;
width: 100%;
}

.changingDataTypeMp .contents .box h2{
text-align:center;
}

.changingDataTypeMp .contents .box span{
text-align:center;
}

.fourIcones .contents {
width: 1024px;
margin: 35px auto;
}

.threeIcones .contents {
width: 1024px;
margin: 35px auto;
}

.wideVarietyApplications .contents {
width: 1024px;
margin: 35px auto;
}

.manualandAutoDataInput .contents {
width: 1024px;
margin: 35px auto;
}

.builtIn .contents {
width: 1024px;
margin: 35px auto;
}

.changingDataType .contents .box {
margin-top:4%;
}

.changingDataType{
padding-bottom:5.5%;
}

.fourEasy .contents .box2 {
margin: 0%;
padding-top:50px;
}

.fourEasyMp .contents .box2 {
margin: 5% 0%;
}

.receivelivedata .contents .box2 {
margin: 5% 0%;
}

.roomBooking .contents .box2 {
margin: 5% 0%;
}

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

.predesignedTemplates .contents .box {
padding-top:5%;
}

.predesignedTemplates .contents .box2 {
padding-top:0%;
}

.prescheduledDisplay .contents .box2 {
padding-top:7%;
}

.makeAppointments .contents .box2 {
padding-top:3%;
}

.enterWayfinderDataManually .contents .box2 {
padding-top:9%;
}
}

/*--1280寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
.productHeader .contents .logo{
bottom: 50%;
}

.productHeader .contents h1{

}

.productHeader .contents .link1{
left:10%;
}

.productHeader .contents .link2{

left:26%;
}

.productHeader .contents .link3{
left:43%;
}
.productHeader .contents .link4{
left:56.7%;
}
}

/*--1152寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1152px) {
.productHeader .contents .logo{
bottom: 44%;
width: 150px;
}

.productHeader .contents h1{
font-size: 3.5em;
}

.productHeader .contents .link1{
left:5.5%;
left:10%;
}

.productHeader .contents .link2{
left:28%;
}

.productHeader .contents .link3{
left:46%;
}
.productHeader .contents .link4{
left:58.4%;
}
}

/*--1024寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {

.pcBackground{
display:none;
}

.tabletBackground{
display:block;
}

.productHeader .contents  .logo{
    bottom: 50%;
    left: 5%;
    width: 150px;
}

.productHeader .contents h1{
    bottom: 22%;
    left: 5%;
    font-size: 5.5em;
}

.productHeader .contents .link1{
bottom:9%;
left:4%;
}

.productHeader .contents .link2{
bottom:9%;
left:24%;
}

.productHeader .contents .link3{
bottom:9%;
left:44%;
}

.productHeader .contents .link4{
bottom:9%;
left:62.8%;
}

.superMonitor {
padding-top:3%;
padding-bottom:9%;
}

.superMonitor .contents .box h1 {
width: 100%;
}

.superMonitor .contents {
width: 768px;
margin: 35px auto;
}

.predesignedTemplates .contents {
width: 768px;
margin: 35px auto;
}

.prescheduledDisplay {
padding-top:4%;
padding-bottom:0;
}

.prescheduledDisplay .contents {
width: 768px;
margin: 35px auto;
}
.makeAppointments {
padding-top:4%;
padding-bottom:0;
}

.makeAppointments .contents {
width: 768px;
margin: 35px auto;
}

.enterWayfinderDataManually {
width: 50%;
padding-top:0%;
padding-bottom:0;
background-color:f4f4f4;
}

.enterWayfinderDataManually .contents {
width: 100%;
margin: 35px auto;
}

.fourIcones .contents {
width: 768px;
margin: 35px auto;
}

.threeIcones .contents {
width: 768px;
margin: 35px auto;
}

.wideVarietyApplications{
padding-top:4%;
margin-top:0;
padding-bottom:0;
}

.wideVarietyApplications .contents {
width: 768px;
margin: 35px auto;
}

.manualandAutoDataInput{
padding-top:1.2%;
padding-bottom:0;
}

.manualandAutoDataInput .contents {
width: 768px;
margin: 35px auto;
}

.builtIn {
padding-top:0;
}

.builtIn .contents {
width: 768px;
margin: 35px auto;
}

.wideVarietyApplications .contents .box {
width: 48%;
margin: 1%;
padding: 15px;
min-height:620px;
}
 
 .changingDataType{
padding-bottom:0%;
} 

 .changingDataTypeMp{
padding-bottom:3.5%;
background-color:white;
} 
 
.changingDataType .contents {
width: 768px;
margin: 35px auto;
}

.changingDataTypeMp .contents {
width: 768px;
margin: 35px auto;
}

.changingDataType .contents .box {
margin-top:45%;
margin-bottom:5%;
width: 100%;
}

.changingDataTypeMp .contents .box {
margin-top:45%;
margin-bottom:5%;
width: 100%;
}

.changingDataType .contents .box h2{
text-align:center;
}

.changingDataType .contents .box span{
text-align:center;
}

.changingDataTypeMp .contents .box h2{
text-align:center;
}

.changingDataTypeMp .contents .box span{
text-align:center;
}

.fourEasy{
background-color:#f4f4f4;
padding-top:4%;
padding-bottom:0%;
}

.fourEasy .contents {
width: 768px;
margin: 35px auto;
}

.fourEasy .contents .box {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-top:0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.fourEasy .lobby1366{
min-width:auto;
}

.fourEasy .contents .box h3 {
text-align: center;
font-size:2.188em;
line-height:1.4em;
}

.fourEasy .contents .box h2 {
 display:none;
}

.fourEasy .contents .box .fourStep{
float:left;
color: #595959;
display: block;
width:100%;
}

.fourEasy .contents .box .fourStep span{
max-width:40%;
margin:0 30% 0 30%;
text-align: left;
color: #595959;
display: block;
}

.fourEasy .contents .box .threeStep {
float:left;
color: #595959;
display: block;
width:100%;
}

.fourEasy .contents .box .threeStep span {
max-width:56%;
margin:0 22% 0 22%;
text-align: left;
color: #595959;
display: block;
}

.fourEasy .contents .box2 {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-bottom:0px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.fourEasyMp{
background-color:#f4f4f4;
padding-top:0%;
padding-bottom:0%;
}

.fourEasyMp .contents {
width: 100%;
margin: 0px auto;
}

.fourEasyMp .contents .box {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 0px;
padding-top:0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.fourEasyMp .contents .box .smallbox {
position:static;
width:100%;
background-color:white;
float:left;
display:block;
box-sizing: border-box;
}

.fourEasyMp .contents .box .pc{
display:none;
}

.fourEasyMp .contents .box .tablet{
display:block;
}

.fourEasyMp .contents .box .smallbox h1 {
text-align: center;
margin: 30px 0 15px 0;
}

.fourEasyMp .contents .box .smallbox h2 {
text-align: center;
}

.fourEasyMp .contents .box .fourStep{
float:left;
color: #595959;
display: block;
width:100%;
}

.fourEasyMp .contents .box .fourStep span{
max-width:40%;
margin:0 30% 0 30%;
text-align: left;
color: #595959;
display: block;
}

.fourEasyMp .contents .box .smallbox .threeStep{
float:left;
color: #595959;
display: block;
width:100%;
}

.fourEasyMp .contents .box .smallbox .threeStep span{
max-width:56%;
margin:0 22% 0 22%;
text-align: left;
color: #595959;
display: block;
}


.fourEasyMp .contents .box .smallbox .threeStep span {
line-height: 1.7em;
}

.fourEasyMp .contents .box2 {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-bottom:0px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.receivelivedata{
width:50%;
background-color:#fff;
padding-top:0%;
padding-bottom:0%;
}

.receivelivedata .contents {
width: 100%;
margin: 35px auto;
}

.receivelivedata .contents .box {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-top:0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
margin-top:2%;
}

.receivelivedata .contents .box h1 {
text-align: center;
}

.receivelivedata .contents .box .fourStep{
float:left;
color: #595959;
display: block;
width:100%;
}

.receivelivedata .contents .box .fourStep span{
max-width:40%;
margin:0 30% 0 30%;
text-align: left;
color: #595959;
display: block;
}

.receivelivedata .contents .box2 {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-bottom:0px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.roomBooking{
background-color:#fff;
padding-top:2%;
padding-bottom:2%;
margin-top:0%;
}

.roomBooking .contents {
width: 768px;
margin: 35px auto;
}

.roomBooking .contents .box {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-top:0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.roomBooking .contents .box h1 {
text-align: center;
}

.roomBooking .contents .box h2 {
margin-top:1.5%;
}

.roomBooking .contents .box .fourStep{
float:left;
color: #595959;
display: block;
width:100%;
}

.roomBooking .contents .box .fourStep span{
max-width:40%;
margin:0 30% 0 30%;
text-align: left;
color: #595959;
display: block;
}

.roomBooking .contents .box2 {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-bottom:0px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.predesignedTemplates{
padding-bottom:7%; 
padding-top:7%;
}

.predesignedTemplates .contents .box {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-bottom:0px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.predesignedTemplates .contents .box2 {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-top:0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.predesignedTemplates .contents .box2 h2 {
text-align: center;
padding-top:20px;
}

.predesignedTemplates .contents .box2 span {
text-align: center;
}

.prescheduledDisplay{
padding-bottom:0%; 
}

.prescheduledDisplay .contents .box {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-bottom:0px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.prescheduledDisplay .contents .box2 {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-top:0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.prescheduledDisplay .contents .box2 h2 {
text-align: center;
}

.prescheduledDisplay .contents .box2 span {
text-align: center;
}

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

.makeAppointments .contents .box {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-bottom:0px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.makeAppointments .contents .box2 {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-top:0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.makeAppointments .contents .box2 h2 {
text-align: center;
}

.makeAppointments .contents .box2 span {
text-align: center;
}

.enterWayfinderDataManually{
padding-bottom:0%; 
}

.enterWayfinderDataManually .contents .box {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-bottom:0px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.enterWayfinderDataManually .contents .box2 {
width: 100%;
height: auto;
float: left;
margin: 0%;
padding: 20px;
padding-top:0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.enterWayfinderDataManually .contents .box2 h2 {
text-align: center;
font-size:1.125em;
}

.enterWayfinderDataManually .contents .box2 span {
text-align: center;
}

.fourEasy .contents .box h2 {
text-align: center;
}

.fourEasy .contents .box span {
text-align: center;
}

.fourEasyMp .contents .box h2 {
text-align: center;
}

.fourEasyMp .contents .box span {
text-align: center;
}

.receivelivedata .contents .box h2 {
text-align: center;
font-size:1.125em;
margin-top:5px;
}

.receivelivedata .contents .box span {
text-align: center;
}

.roomBooking .contents .box h2 {
text-align: center;
}

.roomBooking .contents .box span {
text-align: center;
}

.superMonitor .contents .box span {
width: 80%;
}

.fourIcones {
padding-top:0%;
padding-bottom:0%;
}

.threeIcones {
padding-bottom:1%;
}

.fourIcones .contents .box {
width: 46%;
margin: 1% 2%;
padding-bottom:80px;
}

.fourIcones .contents .group1 {
min-height:665px;
}

.threeIcones .contents .box {
width: 31.3%;
margin: 1% 1%;
padding-bottom:80px;
}

.finalButton2 {
padding-top:4%;
}

.finalButton2 .contents {
width: 768px;
}

.finalButton2 .contents .box {
width: 46%;
min-height: 300px;
padding: 0;
}

.wideVarietyApplications .contents .box h2 {
min-height:1px;
}

.builtIn{
padding-bottom:6%;
}
}

/*--768寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
.productHeader .contents .link1{
bottom:7%;
left:4%;
}

.productHeader .contents .link2{
bottom:7%;
left:28%;
}

.productHeader .contents .link3{
bottom:7%;
left:53%;
}

.productHeader .contents .link4{
bottom:7%;
left:73%;
}
.superMonitor {
padding-top:6%;
padding-bottom:12%;
}

.superMonitor .contents {
width: 600px;
margin: 20px auto;
}

.fourEasy{
padding-top:8%;
}

.fourEasy .contents .box h1 {
width:102%;
}

.receivelivedata{
padding-top:0;
}

.roomBooking{
    padding-top: 4%;
    padding-bottom: 4%;
}

.predesignedTemplates{
padding-top:5%;
padding-bottom:10%;
}

.prescheduledDisplay{
padding-top:6%;
padding-bottom:0%;
}
.makeAppointments{
    padding-bottom: 10%;
    padding-top: 2%;
}

.enterWayfinderDataManually{
padding-top:0%;
padding-bottom:0%;
}

.fourEasy .contents {
width: 600px;
margin: 20px auto;
}

.fourEasyMp .contents {
width: 100%;
margin: 0px auto;
}

.receivelivedata .contents {
width: 100%;
margin: 20px auto;
}

.roomBooking .contents {
width: 600px;
margin: 20px auto;
}

.predesignedTemplates .contents{
width: 600px;
margin: 20px auto;
}

.prescheduledDisplay .contents{
width: 600px;
margin: 20px auto;
}
.makeAppointments .contents{
width: 600px;
margin: 20px auto;
}

.enterWayfinderDataManually .contents{
width: 100%;
margin: 20px auto;
}

.changingDataType .contents {
width: 600px;
margin: 20px auto;
}

.changingDataTypeMp .contents {
width: 600px;
margin: 20px auto;
}

.fourIcones .contents {
width: 600px;
margin: 20px auto;
}

.threeIcones .contents {
width: 600px;
margin: 20px auto;
}

.wideVarietyApplications .contents {
width: 600px;
margin: 20px auto;
}

.manualandAutoDataInput .contents {
width: 600px;
margin: 20px auto;
}

.builtIn .contents {
width: 600px;
margin: 20px auto;
}

.changingDataType .contents .box {
margin-top:48%;
}

.changingDataTypeMp .contents .box {
margin-top:48%;
}

.superMonitor .contents .box span {
width: 90%;
}

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

.fourEasy .contents .box .fourStep span{
max-width:44%;
margin:0 28% 0 28%;
text-align: left;
}

.fourEasy .contents .box .threeStep span{
max-width:65%;
margin:0 17.5% 0 17.5%;
text-align: left;
}

.fourEasyMp .contents .box .fourStep span{
max-width:44%;
margin:0 28% 0 28%;
text-align: left;
}

.fourEasyMp .contents .box .threeStep span{
max-width:65%;
margin:0 17.5% 0 17.5%;
text-align: left;
}

.receivelivedata.contents .box .fourStep span{
max-width:44%;
margin:0 28% 0 28%;
text-align: left;
}

.roomBooking .contents .box .fourStep span{
max-width:44%;
margin:0 28% 0 28%;
text-align: left;
}

.fourIcones{
padding-bottom:2%;
}

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

.finalButton2 .contents .box {
width: 46%;
margin: 5% 2%;
padding: 10px;
min-height:290px;
}


.enterWayfinderDataManually{
padding-top:0%;
padding-bottom:0;
}


.threeIcones{
padding-top:7%;
padding-bottom:0%;
}

.wideVarietyApplications{
padding-top:0%;
padding-bottom:1%;
}

.manualandAutoDataInput{
padding-top:4%;
padding-bottom:1%;
}

.enterWayfinderDataManually
{padding-top:0%;
padding-bottom:0%;
}

.receivelivedata{
padding-top:0%;
padding-bottom:0%;
}

.builtIn{
padding-top:2%;
padding-bottom:8%;
}

.enterWayfinderDataManually .contents .box2 h2 {
font-size:1em;
}

.receivelivedata .contents .box h2 {
font-size:1em;
}

.wideVarietyApplications .contents .box {
min-height:640px;
}

.wideVarietyApplications{
padding-top:8%;
}

.receivelivedata .contents .box h2 {
margin-top:9px;
}

.fourIcones .contents .group1 {
min-height:705px;
}
}

/*--600寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
#MainWrap .productHeader .contents .pcBackground{
display:none;
}

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

.productHeader .contents  .logo{
display:none;
}

#MainWrap .productHeader .contents h1{
	bottom: inherit;
    top: 10%;
    left: 37%;
    font-size: 2.2em;
}

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

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

#MainWrap .productHeader{
background:white;
}

#MainWrap .productHeader .contents .mobileBackground{
display:block;
margin-top:110px;
}

.productHeader .contents .link1{
position:static;
float:left;
width:100%;
height:auto;
padding-top:12px;
padding-bottom:12px;
border:none;
border-top:1px solid #40acdb;
margin-top:-3px;
text-align:center;
background:#0090cf;
}

.productHeader .contents .link2{
position:static;
float:left;
width:100%;
height:auto;
padding-top:12px;
padding-bottom:12px;
border:none;
border-top:1px solid #40acdb;
text-align:center;
background:#0090cf;
}

.productHeader .contents .link3{
position:static;
float:left;
width:100%;
height:auto;
padding-top:12px;
padding-bottom:12px;
border:none;
border-top:1px solid #40acdb;
text-align:center;
background:#0090cf;
}
.productHeader .contents .link4{
    position:static;
    float:left;
    width:100%;
    height:auto;
    padding-top:12px;
    padding-bottom:12px;
    border:none;
    border-top:1px solid #40acdb;
    text-align:center;
    background:#0090cf;
    }

.superMonitor{
padding-top:11%;
padding-bottom:18%;
}

.superMonitor .contents.box .brandLogo{
max-width:230px;
height: auto;
padding: 0px;
margin: 0px auto;
box-sizing: border-box;
margin-bottom:2%;
}

.superMonitor .contents .box .Photo {
margin-bottom:20%;
}

.menubackground{
display:none;
}

.superMonitor .contents {
width: 100%;
margin: 20px auto;
}

.fourEasy {
padding-top:10%;
padding-bottom:0%;
}

.fourEasy .contents {
width: 100%;
margin: 20px auto;
}


.fourEasy .contents .box h1 {
font-size:1.5em;
width:100%;
}

.fourEasy .contents .box .fourStep span{
max-width:90%;
margin:0 5% 0 5%;
}

.fourEasy .contents .box .threeStep span{
max-width:90%;
margin:0 5% 0 5%;
}

.fourEasyMp.contents {
width: 100%;
margin: 0px auto;
}

.fourEasyMp {
}

.fourEasyMp .contents .box .fourStep span{
max-width:90%;
margin:0 5% 0 5%;
}

.fourEasyMp .contents .box .threeStep span{
max-width:90%;
margin:0 5% 0 5%;
}

.receivelivedata .contents {
width: 90%;
margin: 0px auto;
margin-left:5%;
margin-left:5%;
}

.receivelivedata {
width:100%;
padding-top:3%;
padding-bottom:13%;
}

.receivelivedata .contents .box .fourStep span{
max-width:90%;
margin:0 5% 0 5%;
}

.roomBooking .contents {
width: 100%;
margin: 20px auto;
}

.roomBooking {
padding-top:3%;
padding-bottom:3%;
}

.roomBooking .contents .box .fourStepspan{
max-width:90%;
margin:0 5% 0 5%;
}

.predesignedTemplates {
padding-top:7%;
padding-bottom:15%;
}

.predesignedTemplates .contents {
width: 100%;
margin: 20px auto;
}

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

.prescheduledDisplay .contents {
width: 100%;
margin: 20px auto;
}
.makeAppointments {
padding-top:3%;
padding-bottom:17%;
}

.makeAppointments .contents {
width: 100%;
margin: 20px auto;
}

.enterWayfinderDataManually {
width:100%;
padding-top:12%;
padding-bottom:0%;
}

.enterWayfinderDataManually .contents {
width: 90%;
margin: 0px auto;
margin-left:5%;
margin-right:5%;
}

.changingDataType{
padding-top:0%;
padding-bottom:0%;
}

.changingDataType .contents {
width: 100%;
margin: 20px auto;
}

.changingDataTypeMp .contents {
width: 100%;
margin: 20px auto;
}

.fourIcones {
padding-top:1%;
padding-bottom:11%;
background-color:#f4f4f4;
}

.fourIcones .contents {
width: 100%;
margin: 20px auto;
}

.threeIcones .contents {
width: 100%;
margin: 20px auto;
}

.wideVarietyApplications .contents {
width: 100%;
margin: 20px auto;
}

.manualandAutoDataInput .contents {
width: 100%;
margin: 20px auto;
}

.builtIn .contents {
width: 100%;
margin: 20px auto;
}

.wideVarietyApplications .contents .box {
width: 98%;
margin: 5% 1px;
padding: 10px;
min-height:1px;
height:auto;
}

 .threeIcones{
padding-bottom:10.5%;
background:#f4f4f4;
} 

.threeIcones .contents .box {
width: 94%;
margin: 20px auto;
padding-bottom:20px;
margin-right:3%;
margin-left:3%;
}

.fourIcones .contents .box {
width: 94%;
margin: 20px auto;
padding-bottom:20px;
margin-right:3%;
margin-left:3%;
}

.fourIcones .contents .group1 {
min-height:10px;
}

.changingDataType {
padding-bottom:0%;
}

.changingDataType .contents{
width:100%;
padding:0;
margin:0;
}

.changingDataType .contents .box {
margin-top:36%;
width:100%;
}

.changingDataTypeMp{
padding-bottom:10%;
}

.changingDataTypeMp .contents .box {
margin-top:31%;
}

.superMonitor .contents .box span {
width: 94%;
float:left;
margin-left:3%;
margin-right:3%;
margin-top:5%;
}

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

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

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

.myheight{
min-height:255px;
}

.wideVarietyApplications{
padding-top:10%;
padding-bottom:15%;
}

.manualandAutoDataInput{
padding-bottom:0%;
padding-top:5%;
}

.enterWayfinderDataManually{
padding-bottom:0%;
padding-top:0%;
}

.builtIn{
background:#fff;
padding-bottom:14%;
padding-top:4%;
}
}