@charset "utf-8";
/* CSS Document */

h3.demoTitle {
margin-bottom: 20px;
padding-top: 20px;
}
.demoP.t12 {
margin-bottom: 20px;
margin-left: 10px;
}
.demoBoxCMS {
width: 490px;
margin-left: 10px;
border: 4px solid #CCC;
background: url(../onlinedemo/img/icon01.jpg) no-repeat 20px 20px;
margin-bottom: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 140px;
}
.demoBoxCMS Table {
border-collapse: collapse;
border-spacing: 0;
border: 2px solid #AAC164;
width: 490px;
line-height: 1.2;
}
.demoBoxCMS table th {
padding: 5px;
background: #F2F9D5;
border-left: 1px solid #AAC164;
vertical-align: top;
border-top: 1px solid #AAC164;
text-align: center;
}
.demoBoxCMS table td {
padding: 5px;
border-top: 1px solid #AAC164;
border-left: 1px solid #AAC164;
text-align: center;
}
.demoBoxCMS dl {
background: #FFFFDD;
margin-bottom: 20px;
padding: 15px 10px;
}
.demoBoxCMS dl dt {
float: left;
width: 140px;
line-height: 13px;
height: 13px;
margin-bottom: 10px;
}
.demoBoxCMS dl dd {
width: 330px;
float: left;
height: 13px;
line-height: 13px;
margin-bottom: 10px;
}

.demoBoxEC {
width: 490px;
margin-left: 10px;
border: 4px solid #CCC;
background: url(../onlinedemo/img/icon02.jpg) no-repeat 20px 20px;
margin-bottom: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 140px;
}
.demoBoxEC Table {
border-collapse: collapse;
border-spacing: 0;
border: 2px solid #ECCF04;
width: 490px;
line-height: 1.2;
}
.demoBoxEC table th {
padding: 5px;
background: #FEF4B4;
border-left: 1px solid #ECCF04;
vertical-align: top;
border-top: 1px solid #ECCF04;
text-align: center;
}
.demoBoxEC table td {
padding: 5px;
border-top: 1px solid #ECCF04;
border-left: 1px solid #ECCF04;
text-align: center;
}
.demoBoxEC dl {
background: #FFFFDD;
margin-bottom: 20px;
padding: 15px 10px;
}
.demoBoxEC dl dt {
float: left;
width: 140px;
line-height: 13px;
height: 13px;
margin-bottom: 10px;
}
.demoBoxEC dl dd {
width: 330px;
float: left;
height: 13px;
line-height: 13px;
margin-bottom: 10px;
}

.demoBoxCRM {
width: 490px;
margin-left: 10px;
border: 4px solid #CCC;
background: url(../onlinedemo/img/icon03.jpg) no-repeat 20px 20px;
margin-bottom: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 140px;
}
.demoBoxCRM Table {
border-collapse: collapse;
border-spacing: 0;
border: 2px solid #D90000;
width: 490px;
line-height: 1.2;
}
.demoBoxCRM table th {
padding: 5px;
background: #FFEEEE;
border-left: 1px solid #D90000;
vertical-align: top;
border-top: 1px solid #D90000;
text-align: center;
}
.demoBoxCRM table td {
padding: 5px;
border-top: 1px solid #D90000;
border-left: 1px solid #D90000;
text-align: center;
}
.demoBoxCRM dl {
background: #FFFFDD;
margin-bottom: 20px;
padding: 15px 10px;
}
.demoBoxCRM dl dt {
float: left;
width: 140px;
line-height: 13px;
height: 13px;
margin-bottom: 10px;
}
.demoBoxCRM dl dd {
width: 330px;
float: left;
height: 13px;
line-height: 13px;
margin-bottom: 10px;
}

.demoBoxMOBI {
width: 490px;
margin-left: 10px;
border: 4px solid #CCC;
background: url(../onlinedemo/img/icon04.jpg) no-repeat 20px 20px;
margin-bottom: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 140px;
}
.demoBoxMOBI Table {
border-collapse: collapse;
border-spacing: 0;
border: 2px solid #00B1CB;
width: 490px;
line-height: 1.2;
}
.demoBoxMOBI table th {
padding: 5px;
background: #DFFCFF;
border-left: 1px solid #00B1CB;
vertical-align: top;
border-top: 1px solid #00B1CB;
text-align: center;
}
.demoBoxMOBI table td {
padding: 5px;
border-top: 1px solid #00B1CB;
border-left: 1px solid #00B1CB;
text-align: center;
}
.demoBoxMOBI dl {
background: #FFFFDD;
margin-bottom: 20px;
padding: 15px 10px;
}
.demoBoxMOBI dl dt {
float: left;
width: 140px;
line-height: 13px;
height: 13px;
margin-bottom: 10px;
}
.demoBoxMOBI dl dd {
width: 330px;
float: left;
height: 13px;
line-height: 13px;
margin-bottom: 10px;
}
.demoBoxMOBI p {
color: #00AEC7;
margin-top: 10px;
}
.demoBoxCRM p {
color: #D90000;
margin-top: 10px;
}