/* - ++theme++cielo.stheme/stylesheets/theme.css - */
@media all {
/* https://www.miraclelinux.com/portal_css/++theme++cielo.stheme/stylesheets/theme.css?original=1 */
@charset "UTF-8";
body {
background-color: #ffffff;
color: #000000;
font-family: "メイリオ", Meiryo, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
-webkit-text-size-adjust: 100%;
word-break: break-word;
word-wrap: break-word;
}
header, footer, main, nav {
display: block;
overflow: hidden;
}
img {
border: 0;
max-width: 100%;
height: auto;
width: auto\9 ;
vertical-align: bottom;
}
a {
outline: 0;
text-decoration: none;
}
a:link, a:visited {
color: #155824;
}
a:hover, a:active {
color: #75ad0a;
}
.r {
text-align: right;
}
.c {
text-align: center;
}
h1 {
margin-bottom: 1em;
color: #006532;
font-weight: normal;
font-size: 1.75em;
}
.section-mlforum h1 {
color: #0e4970;
}
h2 {
clear: both;
margin: 1.5em 0;
padding: 0.5em 0 0.3em;
font-size: 1.25em;
color: #155824;
border-top: 2px solid #155824;
border-bottom: 1px solid #155824;
}
h3 {
margin: 0.5em 0;
padding: 0.5em 0 0.2em;
font-size: 1.1em;
color: #155824;
border-bottom: 1px solid #155824;
}
h4, h5, h6 {
margin-bottom: 0.3em;
font-size: 1em;
}
#content a:link, dl.portlet a:link {
border-bottom: none;
}
.listingBar a {
border-bottom: 0.1em solid #ccc !important;
}
#content span.link-external a {
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/icon-link.png) no-repeat left center;
}
#content pre {
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
#content pre.xscroll {
white-space: nowrap;
word-wrap: normal;
}
#content p.uline {
border-bottom: 1px dotted #cccccc;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
img.image-left, img.image-right, .captioned img {
border: none;
}
th {
white-space: nowrap;
}
#login-forgotten-password {
display: none !important;
}
#kss-spinner {
display: none;
}
div.width-full, div.width-16 {
width: 100%;
}
div.position-0 {
margin-left: -100%;
}
div.width-1\:4 {
padding-left: 0.75%;
}
div.width-3\:4 {
padding-left: 1%;
}
div.width-4 {
width: 24.4%;
}
div.position-4 {
margin-left: -74.87%;
}
div.position-8 {
margin-left: -49.74%;
}
div.position-11 {
margin-left: -32.3%;
}
div.position-12 {
margin-left: -24.61%;
}
div.width-5 {
width: 32%;
}
div.position-5 {
margin-left: -66%;
}
div.position-10 {
margin-left: -32%;
}
div.width-8 {
width: 49.5%;
}
div.width-9 {
width: 67%;
}
div.width-7 {
width: 32%;
}
div.position-9 {
margin-left: -32%;
}
@media only screen and (max-width: 768px) {
html {
-webkit-text-size-adjust: 100%;
}
#content {
padding: 1%;
}
}
@media only screen and (max-width: 640px) {
html {
-webkit-text-size-adjust: 100%;
}
#content {
padding: 1%;
}
div.cell {
margin: 0 0 1%;
}
div.width-1, div.width-2, div.width-3, div.width-5,
div.width-6, div.width-7, div.width-8, div.width-9, div.width-10,
div.width-11, div.width-12, div.width-13, div.width-14, div.width-15,
div.width-16 {
width: 100%;
}
div.position-0, div.position-1, div.position-2, div.position-3,
div.position-5, div.position-6, div.position-7, div.position-8, div.position-9,
div.position-10, div.position-11, div.position-13, div.position-14,
div.position-15 {
clear: left;
float: left;
margin-left: -100%;
}
div.width-1\:2 {
width: 100%;
}
div.width-1\:4 {
width: 100%;
}
div.width-3\:4 {
width: 100%;
}
div.width-full {
width: 100%;
}
div.position-1\:4 {
clear: left;
float: left;
margin-left: -100%;
}
div.position-1\:2 {
clear: left;
float: left;
margin-left: -100%;
}
div.position-3\:4 {
clear: left;
float: left;
margin-left: -100%;
}
div.width-1\:3 {
width: 100%;
}
div.width-2\:3 {
width: 100%;
}
div.position-1\:3 {
clear: left;
float: left;
margin-left: -100%;
}
div.position-2\:3 {
clear: left;
float: left;
margin-left: -100%;
}
div.width-4 {
width: 49%;
}
div.position-4, div.position-12 {
margin-left: -49.74%;
}
th {
white-space: normal;
}
}
h2.ps-case {
margin: 0 0 1em;
background: none;
border-bottom: none;
font-size: 1.2em;
color: #444444;
}
h2.case-title {
margin: 0;
padding: 0 0 0.2em;
background: none;
border: none;
}
h2.update-info {
margin-bottom: 0.5em;
}
h3.case-solution {
margin-top: 0;
padding: 0 0 0 3px;
border-left: 3px solid #155824;
border-bottom: none;
}
p.mss-image {
margin-bottom: 0 !important;
}
ul#mssnav1, ul#mssnav2 {
margin: 0;
padding: 0;
list-style-image: none;
list-style-type: none;
}
ul#mssnav1 li, ul#mssnav2 li {
float: left;
width: 233px;
height: 35px;
margin-bottom: 1px;
}
ul#mssnav1 li a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/mss-nav1.png) no-repeat left top;
}
ul#mssnav1 li#msssub1 a {
background-position: 0 0;
}
ul#mssnav1 li#msssub2 a {
background-position: -233px 0;
}
ul#mssnav1 li#msssub3 a {
background-position: -467px 0;
}
ul#mssnav1 li#msssub4 a {
background-position: -700px 0;
}
ul#mssnav1 li#msssub1 a:hover {
background-position: 0 -36px;
}
ul#mssnav1 li#msssub2 a:hover {
background-position: -233px -36px;
}
ul#mssnav1 li#msssub3 a:hover {
background-position: -467px -36px;
}
ul#mssnav1 li#msssub4 a:hover {
background-position: -700px -36px;
}
ul#mssnav1 li#msssub1 a.current {
background-position: 0 -36px;
}
ul#mssnav1 li#msssub2 a.current {
background-position: -233px -36px;
}
ul#mssnav1 li#msssub3 a.current {
background-position: -467px -36px;
}
ul#mssnav1 li#msssub4 a.current {
background-position: -700px -36px;
}
ul#mssnav2 li a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/mss-nav2.png) no-repeat left top;
}
ul#mssnav2 li#msssub5 a {
background-position: 0 0;
}
ul#mssnav2 li#msssub6 a {
background-position: -233px 0;
}
ul#mssnav2 li#msssub7 a {
background-position: -467px 0;
}
ul#mssnav2 li#msssub8 a {
background-position: -700px 0;
}
ul#mssnav2 li#msssub5 a:hover {
background-position: 0 -36px;
}
ul#mssnav2 li#msssub6 a:hover {
background-position: -233px -36px;
}
ul#mssnav2 li#msssub7 a:hover {
background-position: -467px -36px;
}
ul#mssnav2 li#msssub8 a:hover {
background-position: -700px -36px;
}
ul#mssnav2 li#msssub5 a.current {
background-position: 0 -36px;
}
ul#mssnav2 li#msssub6 a.current {
background-position: -233px -36px;
}
ul#mssnav2 li#msssub7 a.current {
background-position: -467px -36px;
}
ul#mssnav2 li#msssub8 a.current {
background-position: -700px -36px;
}
p.zbx-image {
clear: both;
}
ul#zbxnav {
margin: 0 1px;
padding: 0;
list-style-image: none;
list-style-type: none;
height: 40px;
}
ul#zbxnav li {
width: 155px;
height: 40px;
float: left;
position: relative;
}
ul#zbxnav li a {
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 40px;
text-indent: -9999px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/zbx-nav.png) no-repeat left top;
}
ul#zbxnav #zbxnav1 a {
background-position: -1px 0;
}
ul#zbxnav #zbxnav2 a {
background-position: -156px 0;
}
ul#zbxnav #zbxnav3 a {
background-position: -311px 0;
}
ul#zbxnav #zbxnav4 a {
background-position: -466px 0;
}
ul#zbxnav #zbxnav5 a {
background-position: -621px 0;
}
ul#zbxnav #zbxnav6 a {
background-position: -776px 0;
}
ul#zbxnav #zbxnav1 a:hover, ul#zbxnav #zbxnav1 a.current {
background-position: -1px -41px;
}
ul#zbxnav #zbxnav2 a:hover, ul#zbxnav #zbxnav2 a.current {
background-position: -156px -41px;
}
ul#zbxnav #zbxnav3 a:hover, ul#zbxnav #zbxnav3 a.current {
background-position: -311px -41px;
}
ul#zbxnav #zbxnav4 a:hover, ul#zbxnav #zbxnav4 a.current {
background-position: -466px -41px;
}
ul#zbxnav #zbxnav5 a:hover, ul#zbxnav #zbxnav5 a.current {
background-position: -621px -41px;
}
ul#zbxnav #zbxnav6 a:hover, ul#zbxnav #zbxnav6 a.current {
background-position: -776px -41px;
}
#zbxnav ul.sub {
margin: 0;
padding: 0;
list-style-image: none;
list-style-type: none;
display: none;
position: absolute;
background-color: #c0decc;
z-index: 10;
}
#zbxnav ul.sub li {
width: 155px;
height: 41px;
margin-bottom: 0;
vertical-align: bottom;
}
#zbxnav ul.sub li a {
line-height: 41px;
text-indent: -9999px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/zbx-nav.png) no-repeat left top;
}
#zbxnav ul.sub #zbx1sub1 a {
background-position: 0 -82px;
}
#zbxnav ul.sub #zbx1sub2 a {
background-position: 0 -123px;
}
#zbxnav ul.sub #zbx1sub3 a {
background-position: 0 -164px;
}
#zbxnav ul.sub #zbx1sub4 a {
background-position: 0 -205px;
}
#zbxnav ul.sub #zbx1sub5 a {
background-position: 0 -246px;
}
#zbxnav ul.sub #zbx1sub1 a:hover {
background-position: 0 -451px;
}
#zbxnav ul.sub #zbx1sub2 a:hover {
background-position: 0 -492px;
}
#zbxnav ul.sub #zbx1sub3 a:hover {
background-position: 0 -533px;
}
#zbxnav ul.sub #zbx1sub4 a:hover {
background-position: 0 -574px;
}
#zbxnav ul.sub #zbx1sub5 a:hover {
background-position: 0 -615px;
}
#zbxnav ul.sub #zbx2sub1 a {
background-position: -156px -82px;
}
#zbxnav ul.sub #zbx2sub2 a {
background-position: -156px -123px;
}
#zbxnav ul.sub #zbx2sub3 a {
background-position: -156px -164px;
}
#zbxnav ul.sub #zbx2sub4 a {
background-position: -156px -205px;
}
#zbxnav ul.sub #zbx2sub5 a {
background-position: -156px -246px;
}
#zbxnav ul.sub #zbx2sub6 a {
background-position: -156px -287px;
}
#zbxnav ul.sub #zbx2sub7 a {
background-position: -156px -328px;
}
#zbxnav ul.sub #zbx2sub8 a {
background-position: -156px -369px;
}
#zbxnav ul.sub #zbx2sub9 a {
background-position: -156px -410px;
}
#zbxnav ul.sub #zbx2sub1 a:hover {
background-position: -156px -451px;
}
#zbxnav ul.sub #zbx2sub2 a:hover {
background-position: -156px -492px;
}
#zbxnav ul.sub #zbx2sub3 a:hover {
background-position: -156px -533px;
}
#zbxnav ul.sub #zbx2sub4 a:hover {
background-position: -156px -574px;
}
#zbxnav ul.sub #zbx2sub5 a:hover {
background-position: -156px -615px;
}
#zbxnav ul.sub #zbx2sub6 a:hover {
background-position: -156px -656px;
}
#zbxnav ul.sub #zbx2sub7 a:hover {
background-position: -156px -697px;
}
#zbxnav ul.sub #zbx2sub8 a:hover {
background-position: -156px -738px;
}
#zbxnav ul.sub #zbx2sub9 a:hover {
background-position: -156px -779px;
}
#zbxnav ul.sub #zbx3sub1 a {
background-position: -311px -82px;
}
#zbxnav ul.sub #zbx3sub2 a {
background-position: -311px -123px;
}
#zbxnav ul.sub #zbx3sub3 a {
background-position: -311px -164px;
}
#zbxnav ul.sub #zbx3sub4 a {
background-position: -311px -205px;
}
#zbxnav ul.sub #zbx3sub5 a {
background-position: -311px -246px;
}
#zbxnav ul.sub #zbx3sub1 a:hover {
background-position: -311px -451px;
}
#zbxnav ul.sub #zbx3sub2 a:hover {
background-position: -311px -492px;
}
#zbxnav ul.sub #zbx3sub3 a:hover {
background-position: -311px -533px;
}
#zbxnav ul.sub #zbx3sub4 a:hover {
background-position: -311px -574px;
}
#zbxnav ul.sub #zbx3sub5 a:hover {
background-position: -311px -615px;
}
#zbxnav ul.sub #zbx4sub1 a {
background-position: -466px -82px;
}
#zbxnav ul.sub #zbx4sub1 a:hover {
background-position: -466px -451px;
}
#zbxnav ul.sub #zbx5sub1 a {
background-position: -621px -82px;
}
#zbxnav ul.sub #zbx5sub2 a {
background-position: -621px -123px;
}
#zbxnav ul.sub #zbx5sub3 a {
background-position: -621px -164px;
}
#zbxnav ul.sub #zbx5sub4 a {
background-position: -621px -205px;
}
#zbxnav ul.sub #zbx5sub1 a:hover {
background-position: -621px -451px;
}
#zbxnav ul.sub #zbx5sub2 a:hover {
background-position: -621px -492px;
}
#zbxnav ul.sub #zbx5sub3 a:hover {
background-position: -621px -533px;
}
#zbxnav ul.sub #zbx5sub4 a:hover {
background-position: -621px -574px;
}
#zbxnav ul.sub #zbx6sub1 a {
background-position: -776px -82px;
}
#zbxnav ul.sub #zbx6sub2 a {
background-position: -776px -123px;
}
#zbxnav ul.sub #zbx6sub3 a {
background-position: -776px -164px;
}
#zbxnav ul.sub #zbx6sub1 a:hover {
background-position: -776px -451px;
}
#zbxnav ul.sub #zbx6sub2 a:hover {
background-position: -776px -492px;
}
#zbxnav ul.sub #zbx6sub3 a:hover {
background-position: -776px -533px;
}
#zbxnav li:hover ul {
display: block;
}
ul#hatoholnav {
margin: 0;
padding: 0;
list-style-image: none;
list-style-type: none;
}
ul#hatoholnav li {
float: left;
width: 155px;
height: 40px;
}
ul#hatoholnav li a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/hatohol_nav.png) no-repeat left top;
}
ul#hatoholnav li#hatoholsub1 a {
background-position: 0 0;
}
ul#hatoholnav li#hatoholsub2 a {
background-position: -155px 0;
}
ul#hatoholnav li#hatoholsub3 a {
background-position: -310px 0;
}
ul#hatoholnav li#hatoholsub4 a {
background-position: -465px 0;
}
ul#hatoholnav li#hatoholsub5 a {
background-position: -620px 0;
}
ul#hatoholnav li#hatoholsub6 a {
background-position: -775px 0;
}
ul#hatoholnav li#hatoholsub1 a:hover {
background-position: 0 -41px;
}
ul#hatoholnav li#hatoholsub2 a:hover {
background-position: -155px -41px;
}
ul#hatoholnav li#hatoholsub3 a:hover {
background-position: -310px -41px;
}
ul#hatoholnav li#hatoholsub4 a:hover {
background-position: -465px -41px;
}
ul#hatoholnav li#hatoholsub5 a:hover {
background-position: -620px -41px;
}
ul#hatoholnav li#hatoholsub6 a:hover {
background-position: -775px -41px;
}
ul#hatoholnav li#hatoholsub1 a.current {
background-position: 0 -41px;
}
ul#hatoholnav li#hatoholsub2 a.current {
background-position: -155px -41px;
}
ul#hatoholnav li#hatoholsub3 a.current {
background-position: -310px -41px;
}
ul#hatoholnav li#hatoholsub4 a.current {
background-position: -465px -41px;
}
ul#hatoholnav li#hatoholsub5 a.current {
background-position: -620px -41px;
}
ul#hatoholnav li#hatoholsub6 a.current {
background-position: -775px -41px;
}
ul#axsazurenav {
margin: 0;
padding: 0;
list-style-image: none;
list-style-type: none;
overflow: hidden;
}
ul#axsazurenav li {
float: left;
margin-bottom: 1px;
width: 186px;
height: 40px;
}
ul#axsazurenav li a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/nav_axs_azure.png) no-repeat left top;
}
ul#axsazurenav li#axsazuresub1 a {
background-position: 0 0;
}
ul#axsazurenav li#axsazuresub2 a {
background-position: -186px 0;
}
ul#axsazurenav li#axsazuresub3 a {
background-position: -372px 0;
}
ul#axsazurenav li#axsazuresub4 a {
background-position: -558px 0;
}
ul#axsazurenav li#axsazuresub5 a {
background-position: -744px 0;
}
ul#axsazurenav li#axsazuresub1 a:hover {
background-position: 0 -40px;
}
ul#axsazurenav li#axsazuresub2 a:hover {
background-position: -186px -40px;
}
ul#axsazurenav li#axsazuresub3 a:hover {
background-position: -372px -40px;
}
ul#axsazurenav li#axsazuresub4 a:hover {
background-position: -558px -40px;
}
ul#axsazurenav li#axsazuresub5 a:hover {
background-position: -744px -40px;
}
ul#axsazurenav li#axsazuresub1 a.current {
background-position: 0 -41px;
}
ul#axsazurenav li#axsazuresub2 a.current {
background-position: -186px -40px;
}
ul#axsazurenav li#axsazuresub3 a.current {
background-position: -372px -40px;
}
ul#axsazurenav li#axsazuresub4 a.current {
background-position: -558px -40px;
}
ul#axsazurenav li#axsazuresub5 a.current {
background-position: -744px -40px;
}
ul#mhsnmp {
margin: 0;
padding: 0;
list-style-image: none;
list-style-type: none;
overflow: hidden;
}
ul#mhsnmp li {
float: left;
margin-bottom: 1px;
width: 320px;
height: 40px;
}
ul#mhsnmp li a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/nav_mh_snmp.png) no-repeat left top;
}
ul#mhsnmp li#mhsnmpsub1 a {
background-position: 0 0;
}
ul#mhsnmp li#mhsnmpsub2 a {
background-position: -320px 0;
}
ul#mhsnmp li#mhsnmpsub3 a {
background-position: -640px 0;
}
ul#mhsnmp li#mhsnmpsub1 a:hover {
background-position: 0 -41px;
}
ul#mhsnmp li#mhsnmpsub2 a:hover {
background-position: -320px -41px;
}
ul#mhsnmp li#mhsnmpsub3 a:hover {
background-position: -640px -41px;
}
ul#mhsnmp li#mhsnmpsub1 a.current {
background-position: 0 -41px;
}
ul#mhsnmp li#mhsnmpsub2 a.current {
background-position: -320px -41px;
}
ul#mhsnmp li#mhsnmpsub3 a.current {
background-position: -640px -41px;
}
#viewlet-social-like {
margin: 2em 0;
overflow: visible;
}
#viewlet-social-like:after {
clear: both;
}
#viewlet-social-like div {
float: left;
margin-right: 1em;
}
.ttl-offtime {
display: block;
margin: -4em 0 0 -6em;
width: 6em;
height: 6em;
line-height: 6em;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background-color: #55c0db;
color: #ffffff;
}
.offtime {
margin: 4em 0 1em 3em;
padding: 1em 1em 1em 3em;
background-color: #f1f1f1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.offtime p {
overflow: auto;
}
.offtime img {
float: right;
}
.castl {
padding-left: 70px;
min-height: 80px;
background-position: left center;
background-repeat: no-repeat;
overflow: hidden;
}
.castr {
padding-right: 70px;
min-height: 80px;
background-position: right center;
background-repeat: no-repeat;
overflow: hidden;
}
.f-anger {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/f-anger.png);
}
.f-clutter {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/f-clutter.png);
}
.f-cool {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/f-cool.png);
}
.f-doc {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/f-doc.png);
}
.f-gotit {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/f-gotit.png);
}
.f-happy {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/f-happy.png);
}
.f-sigh {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/f-sigh.png);
}
.f-smile {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/f-smile.png);
}
.f-why {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/f-why.png);
}
.m-anger {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/m-anger.png);
}
.m-clutter {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/m-clutter.png);
}
.m-cool {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/m-cool.png);
}
.m-doc {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/m-doc.png);
}
.m-gotit {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/m-gotit.png);
}
.m-happy {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/m-happy.png);
}
.m-sigh {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/m-sigh.png);
}
.m-smile {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/m-smile.png);
}
.m-why {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/m-why.png);
}
/* */
.bubble {
position: relative;
display: inline-block;
padding: 15px;
margin: 1em 0 3em;
border: 3px solid #85b72f;
color: #333;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.bubble.left {
margin-left: 30px;
margin-right: 80px;
}
.bubble.right {
margin-right: 30px;
margin-left: 80px;
float: right;
}
.bubble:before {
content: "";
position: absolute;
bottom: -20px;
left: 40px;
border-width: 20px 20px 0;
border-style: solid;
border-color: #85b72f transparent;
display: block;
width: 0;
}
.bubble:after {
content: "";
position: absolute;
bottom: -13px;
left: 47px;
border-width: 13px 13px 0;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0;
}
.bubble.left:before {
top: 10px;
bottom: auto;
left: -30px;
border-width: 15px 30px 15px 0;
border-color: transparent #85b72f;
}
.bubble.left:after {
top: 13px;
bottom: auto;
left: -25px;
border-width: 12px 25px 12px 0;
border-color: transparent #fff;
}
.bubble.right:before {
top: 10px;
bottom: auto;
left: auto;
right: -30px;
border-width: 15px 0 15px 30px;
border-color: transparent #85b72f;
}
.bubble.right:after {
top: 13px;
bottom: auto;
left: auto;
right: -25px;
border-width: 12px 0 12px 25px;
border-color: transparent #fff;
}
/* */
.blog-entry {
clear: both;
}
.blog-entry h2 {
margin-bottom: 0.5em;
}
.blog-entry .blog-date {
display: inline;
}
.blog-entry .blog-category {
float: right;
}
.blog-entry .blog-category span {
margin-left: 0.5em;
padding: 0.2em 0.3em;
background-color: #eeeeee;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.blog-entry .blog-category span:hover {
background-color: #cccccc;
}
.blog-entry .blog-article {
clear: both;
margin-top: 0.5em;
}
.blog-entry .blog-img {
float: left;
margin: 0 1em 0.5em 0;
}
.blog-entry .more {
clear: both;
text-align: right;
font-size: 90%;
}
.eventDetails h2, .eventDetails h3 {
background: none;
border-bottom: none;
}
#header #hcontents {
margin: 0 auto;
padding: 0;
max-width: 1170px;
background-color: #ffffff;
}
#header #hcontents #home {
margin-top: 1em;
display: inline-block;
vertical-align: middle;
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/logo.png);
background-repeat: no-repeat;
background-size: 188px 50px;
-webkit-background-size: 188px 50px;
-moz-background-size: 188px 50px;
background-size: 188px 50px;
width: 188px;
height: 50px;
}
#header #hcontents #home #logo {
display: block;
width: 188px;
height: 50px;
}
#header #hcontents #home #logo span {
visibility: hidden;
}
#header #hcontents #portal-personaltools dd {
font-size: 80%;
}
#header #hcontents #LSResult {
z-index: 10;
}
#header #hcontents #portal-searchbox {
width: 360px;
margin-bottom: 0;
padding-top: 0.5em;
}
#header #hcontents #portal-searchbox .btns {
float: right;
}
#header #hcontents #portal-searchbox .btns li {
float: left;
font-size: 90%;
width: 120px;
line-height: 1.2;
}
#header #hcontents #portal-searchbox .btns li a {
display: block;
height: 35px;
padding-left: 35px;
}
#header #hcontents #portal-searchbox .btns li a.to-users {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/icon_login.png);
background-repeat: no-repeat;
background-size: 30px 30px;
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
}
#header #hcontents #portal-searchbox .btns li a.to-con {
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/icon_contact.png);
background-repeat: no-repeat;
background-size: 30px 30px;
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
}
#header #hcontents #portal-searchbox .btns li a.to-corp {
padding-top: 0.7em;
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/icon_company.png);
background-repeat: no-repeat;
background-size: 30px 30px;
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
}
#header #hcontents #portal-searchbox #searchGadget {
border: 1px solid #cccccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
width: 230px;
line-height: 2;
padding-left: 20px;
}
#header #hcontents #portal-searchbox .searchButton {
border: 1px solid #cccccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
width: 50px;
line-height: 2;
}
#header #hcontents #portal-searchbox .search-form {
margin-top: 2.2em;
}
#header #hcontents nav {
clear: both;
margin-top: 0.5em;
background-color: #ececec;
padding: 0;
}
#header #hcontents nav #gnav li {
padding: 0 0.6em;
line-height: 2;
}
#header #hcontents nav #gnav li a {
color: #666666;
font-size: 85%;
}
#header #hcontents nav #gnav li a:hover {
background-color: #cccccc;
}
#header #hcontents nav #gnav li#portaltab-errata-info, #header #hcontents nav #gnav li#portaltab-users-wiki {
padding-right: 1.2em;
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/external-link-black.png);
background-repeat: no-repeat;
background-position: right center;
background-size: 14px auto;
}
@media only screen and (max-width: 768px) {
#header #hcontents nav #gnav li {
padding: 0 0.7em;
border: none;
}
#header #hcontents nav #gnav li#portaltab-corporate {
padding-right: 1.1em;
}
#header #hcontents #cname {
display: inline-block;
margin: 0 0 1em;
}
}
@media only screen and (max-width: 640px) {
#header #hcontents #home {
padding: 0.5em;
}
#header #hcontents #cname {
display: block;
margin: 1em auto;
background-position: 50% 50%;
text-align: center;
background-size: 320px 26px;
-webkit-background-size: 320px 26px;
-moz-background-size: 320px 26px;
background-size: 320px 26px;
width: 320px;
height: 26px;
}
#header #hcontents nav {
padding: 0;
}
#header #hcontents nav #gnav li {
float: left;
width: 47.5%;
padding: 0 0 0 2%;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#header #hcontents nav #gnav li a {
display: block;
line-height: 2.5;
}
#header #hcontents nav #gnav li:nth-child(even) {
border-right: none;
}
#header #hcontents nav #gnav li#portaltab-corporate {
padding-right: 0;
background-size: 20px auto;
}
}
#main #contents {
margin: 0 auto;
padding: 1em 0;
max-width: 1170px;
background-color: #ffffff;
min-height: 800px;
}
#main #contents a.link-blue {
display: block;
margin: 0 auto;
padding: 0.3em 0;
max-width: 420px;
text-align: center;
color: #ffffff;
background-color: #285782;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
}
#main #contents a.link-blue-ext {
display: block;
margin: 0 auto;
padding: 0.3em 0;
max-width: 420px;
text-align: center;
color: #ffffff;
background-color: #285782;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/external-link-white.png);
background-repeat: no-repeat;
background-position: 10% 50%;
background-size: 14px auto;
}
#main #contents a.link-green {
display: block;
margin: 0 auto;
padding: 0.3em 0;
max-width: 420px;
text-align: center;
color: #ffffff;
background-color: #1D4E52;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
}
#main #contents a.link-green-ext {
display: block;
margin: 0 auto;
padding: 0.3em 0;
max-width: 420px;
text-align: center;
color: #ffffff;
background-color: #1D4E52;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/external-link-white.png);
background-repeat: no-repeat;
background-position: 10% 50%;
background-size: 14px auto;
}
#content {
margin: 0;
line-height: 1.5;
font-size: 100%;
}
#content .tile {
margin-bottom: 0.5em;
}
#content .documentDescription, #content #description {
margin-bottom: 1.5em;
color: #444444;
}
.listview {
margin: 1em 0;
padding: 0;
}
.listview dt {
float: left;
clear: left;
width: 18%;
padding: 8px 1%;
font-weight: normal;
}
.listview dd {
margin-left: 0 !important;
margin-bottom: 0.2em !important;
padding: 8px 0.5em 8px 20%;
border-bottom: 1px dotted #cccccc;
}
.listview dd img {
margin-right: 1%;
}
#viewlet-below-content-body .documentActions {
display: none;
}
@media only screen and (max-width: 640px) {
#content {
line-height: 1.2;
}
#content .tile {
margin-bottom: 0.1em;
}
}
.portletCollection {
margin: 0.5em !important;
}
.portletCollection .portletItem {
padding-bottom: 3px !important;
border-bottom: 1px dotted #cccccc;
}
.portletCollection .portletItem:last-child {
border-bottom: none;
}
.portletCollection .portletItem .portletItemDetails {
margin-left: 0;
}
.portlet-static-cielodirect .portletItem {
padding-top: 0.5em;
border: 1px solid #cccccc;
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), color-stop(0.1, #ffffff), to(#ffffff));
background: -moz-linear-gradient(center top, #eeeeee, #ffffff 10%, #ffffff);
background: -ms-linear-gradient(top, #eeeeee, #ffffff 10%, #ffffff);
background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 10%, #ffffff 100%);
}
.portlet-static-cielodirect .portletItem p {
margin-bottom: 0.5em;
}
.portletCategory {
margin: 0.5em !important;
}
.portletCategory .portletItem {
margin: 15px 0 0 5px;
padding: 0 2px 10px 20px !important;
border-bottom: 1px dotted #cccccc;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/bullet-arrow.png) no-repeat left top;
}
.portletCategory .portletItem a {
display: block;
width: 100%;
}
.portletCategory .portletItem:last-child {
border-bottom: none;
}
.web-member-login-input {
margin: 5px;
}
.web-member-login-btn {
margin: 5px auto;
border: none;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/btn_webmember_login.png) no-repeat center;
cursor: pointer;
height: 40px;
width: 144px;
text-indent: -9999px;
}
.portlet-static-no-header .portletHeader {
display: none;
}
.portlet-static-no-header .portletItem {
padding: 1em !important;
}
dl.portlet ul.navTreeLevel0 > .navTreeItem {
margin-bottom: 0;
padding: 0.8em 0 0.8em 1.3em;
line-height: 1.2;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/bullet-arrow3.png) no-repeat left top;
}
dl.portlet ul.navTree .navTreeCurrentItem {
margin: 0;
border: none;
background-color: #ffffff;
}
dl.portlet ul.navTree .navTreeCurrentItem:after {
content: " ■";
color: red;
}
.portletItem .ml-link {
margin-left: 0;
}
dl.portlet.portlet-static-miracledirect .portletHeader {
display: none;
}
dl.portlet.portlet-static-miracledirect dd.portletItem {
padding: 0;
}
ul.reqnav {
margin-left: -1em;
margin-right: -1em;
list-style: none;
}
ul.reqnav li {
padding: 0.8em 0 0.8em 1.3em;
line-height: 1.2;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/bullet-arrow3.png) no-repeat left top;
border-bottom: 1px dotted #cccccc;
}
ul.reqnav ul {
margin-left: 0 !important;
margin-top: 0.5em;
margin-bottom: -1em;
list-style: none;
border-top: 1px dotted #cccccc;
}
ul.reqnav ul li:last-child {
border: none;
}
.navTreeLevel1 {
margin-top: 0.5em;
}
#footer #fcontents {
margin: 0 auto;
padding: 1%;
max-width: 1170px;
font-size: 80%;
background: #999999;
color: #ffffff;
box-sizing: border-box;
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/ct-logo.png);
background-repeat: no-repeat;
background-position: 98% 95%;
background-size: 80px 59px;
}
#footer #fcontents .pageup {
margin-right: 1em;
font-size: 80%;
text-align: right;
}
#footer #fcontents .pageup:after {
content: " ▲";
}
#footer #fcontents .pageup a {
color: #ffffff;
}
#footer #fcontents .pageup a:hover {
color: #cccccc;
}
#footer #fcontents .fnav {
overflow: hidden;
}
#footer #fcontents .fnav .detail {
float: left;
width: 24%;
margin-right: 1%;
}
#footer #fcontents .fnav .detail.last-child {
margin-right: 0;
}
#footer #fcontents .fnav .detail dt {
margin-top: 1em;
margin-bottom: 0.3em;
}
#footer #fcontents .fnav .detail dt a {
color: #ffffff;
}
#footer #fcontents .fnav .detail dt a:hover {
color: #cccccc;
}
#footer #fcontents .fnav .detail dd {
margin-left: 1em;
margin-bottom: 0.3em;
}
#footer #fcontents .fnav .detail dd a {
color: #ffffff;
}
#footer #fcontents .fnav .detail dd a:hover {
color: #cccccc;
}
#footer #fcontents .fnav .detail dd a.to-ct {
padding-right: 15px;
background-image: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/external-link-white.png);
background-repeat: no-repeat;
background-position: right top;
background-size: 12px auto;
}
#footer #fcontents .copyright {
padding: 1em 0;
}
#footer #fcontents .copyright p {
font-size: 80%;
}
@media only screen and (max-width: 640px) {
#footer #fcontents .fnav .detail {
width: 49%;
}
}
h2.size200 {
font-size: 200%;
}
h2.gray {
color: #666666;
border: none;
}
h2.cover {
margin-top: 0;
background-color: #00984b;
color: #ffffff;
border: none;
padding-left: 0.5em;
}
h2.gray200 {
font-size: 200%;
color: #666666;
border: none;
}
h2.cover200 {
font-size: 200%;
margin-top: 0;
background-color: #00984b;
color: #ffffff;
border: none;
padding-left: 0.5em;
}
h2.description {
margin: 0;
color: #666666;
border: none;
}
h2.orangeline {
border-top: none;
position: relative;
padding-bottom: 0.3em;
border-bottom: 4px solid #cccccc;
color: #f09619;
}
h2.orangeline::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: "";
width: 100px;
height: 4px;
background-color: #f09619;
}
h2.orangeline200 {
font-size: 200%;
border-top: none;
position: relative;
padding-bottom: 0.3em;
border-bottom: 4px solid #cccccc;
color: #f09619;
}
h2.orangeline200::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: "";
width: 100px;
height: 4px;
background-color: #f09619;
}
h2.forum {
color: #0e4970;
}
h2.forumnoline {
color: #0e4970;
border: none;
}
h2.forumsolid {
background-color: #0e4970;
color: #ffffff;
border: none;
padding-left: 0.5em;
}
h2.forumline {
border-top: none;
position: relative;
padding-bottom: 0.3em;
border-bottom: 4px solid #cccccc;
color: #0e4970;
}
h2.forumline::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: "";
width: 100px;
height: 4px;
background-color: #0e4970;
}
h3.size160 {
font-size: 160%;
}
h3.bullet {
border-bottom: none;
color: #666666;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/bullet_h3.gif) no-repeat left top;
padding-left: 14px;
}
h3.noborder {
border-bottom: none;
}
h3.noborder160 {
font-size: 160%;
border-bottom: none;
}
h3.gray {
border-bottom: none;
color: #666666;
}
h3.gray160 {
font-size: 160%;
border-bottom: none;
color: #666666;
}
h3.withcircle {
padding-left: 20px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/hd_circle.png) no-repeat left center;
color: #155824;
}
h3.withcircle160 {
font-size: 160%;
padding-left: 20px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/hd_circle.png) no-repeat left center;
color: #155824;
}
h3.orangeline {
position: relative;
padding-bottom: 0.3em;
border-bottom: 4px solid #cccccc;
color: #f09619;
}
h3.orangeline::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: "";
width: 100px;
height: 4px;
background-color: #f09619;
}
h3.orangeline160 {
font-size: 160%;
border-top: none;
position: relative;
padding-bottom: 0.3em;
border-bottom: 4px solid #cccccc;
color: #f09619;
}
h3.orangeline160::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: "";
width: 100px;
height: 4px;
background-color: #f09619;
}
h3.forum {
color: #0e4970;
border-color: #0e4970;
}
h3.forumsolid {
border: none;
color: #0e4970;
}
h4.withcircle {
padding-left: 20px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/hd_circle.png) no-repeat left center;
color: #155824;
}
h4.bulletgreen {
padding-left: 14px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/bullet-green.gif) no-repeat left top;
}
h4.bulletgray {
padding-left: 14px;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/bullet-gray.gif) no-repeat left top;
}
h4.sballoon {
position: relative;
margin-bottom: 20px;
padding: 0.5em 0.75em;
border: 1px solid #cccccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
background-color: #ffffff;
display: inline-block;
}
h4.sballoon::before, h4.sballoon::after {
position: absolute;
top: 100%;
left: 30px;
content: "";
width: 0;
height: 0;
border: 10px solid transparent;
}
h4.sballoon::before {
border-top: 15px solid #cccccc;
}
h4.sballoon::after {
margin-top: -2px;
border-top: 15px solid #ffffff;
}
ul.ml-link {
list-style: none !important;
list-style-image: none;
list-style-type: none;
}
ul.ml-link li {
padding-left: 1.2em;
margin-bottom: 0.5em !important;
background: url(/++theme++cielo.stheme/stylesheets/++theme++cielo.stheme/images/bullet-arrow.png) no-repeat left top;
}
ul.ml-link ul {
padding-top: 0.5em;
}
ul.nobg {
list-style: none !important;
list-style-image: none;
list-style-type: none;
}
ul.nobg li {
background: none;
}
table.general {
border-collapse: collapse;
border: 1px solid #cccccc;
border-spacing: 0;
empty-cells: show;
}
table.general th {
padding: 0.5em;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: #ecf4e8;
white-space: nowrap;
vertical-align: top;
}
table.general th.vmdl {
vertical-align: middle;
}
table.general td {
padding: 0.5em;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
table.thgreen {
border-collapse: collapse;
border: 1px solid #cccccc;
border-spacing: 0;
empty-cells: show;
}
table.thgreen th {
background-color: #4baf6e;
color: #ffffff;
padding: 0.5em;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
white-space: nowrap;
vertical-align: top;
}
table.thgreen td {
padding: 0.5em;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
table.invisible td.vmdl, table.invisible th.vmdl,
table.plain td.vmdl, table.plain th.vmdl,
table.listing td.vmdl, table.listing th.vmdl,
table.general td.vmdl, table.general th.vmdl,
table.thgreen td.vmdl, table.thgreen th.vmdl {
vertical-align: middle;
}
.with-underline {
padding-bottom: 1em;
border-bottom: 1px dotted #cccccc;
}
.smallfont {
font-size: 90%;
}
.box {
clear: both;
margin: 1em 0;
padding: 1em;
border: 1px solid #cccccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.green-box {
clear: both;
margin: 1em 0;
padding: 1em;
background-color: #edf3e9;
border: 1px solid #cccccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.shadow-box {
clear: both;
margin: 1em 0;
padding: 1em;
border: 1px solid #cccccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
background: -webkit-gradient(linear, left top, left bottom, from(0, #eeeeee), color-stop(0.5, #fdfdfd), to(1, #ffffff));
background: -moz-linear-gradient(center top, #eeeeee 0%, #fdfdfd 50%, #ffffff 100%);
background: -ms-linear-gradient(top, #eeeeee 0%, #fdfdfd 50%, #ffffff 100%);
background: linear-gradient(to bottom, #eeeeee 0%, #fdfdfd 50%, #ffffff 100%);
box-shadow: 0 0 10px #666666;
}
.quote {
clear: both;
margin: 1em 0 1em 4em;
padding: 1em;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
background-color: #f1f1f1;
}
.left-float-area {
float: left;
padding: 0 1em 1em 0;
}
.right-float-area {
float: right;
padding: 0 0 1em 1em;
}
p.imgover img:hover {
cursor: pointer;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
span.ulquote {
display: block;
margin: 0.3em 0 1em;
padding: 0.5em;
background: #f1f1f1;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
#content ul.flextiles {
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
margin: 0 0 1em 0;
padding: 0;
list-style: none;
}
#content ul.flextiles li {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
#content ul.flextiles li:not(:last-child) {
margin-right: 1%;
}
#main #contents .video {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
#main #contents .video iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.section-index_html #main #contents {
padding-top: 0;
}
.section-index_html #main #contents h2.gw {
background-color: #00984b;
color: #ffffff;
}
.section-index_html #main #contents .cover-richtext-tile ul {
margin-left: 1em;
list-style: none;
}
.section-index_html #portal-breadcrumbs {
display: none;
}
.case3 {
padding: 0 1%;
overflow: hidden;
}
.case3 .case1 {
float: left;
width: 32%;
margin-right: 2%;
}
.case3 .case1:last-child {
margin-right: 0;
}
.section-lp #content {
font-size: 90%;
}
.tile-box {
border: 1px solid #cccccc;
}
.tile-box h2.cover a {
color: #ffffff !important;
}
.tile-box p {
margin: 0.5em;
padding-bottom: 1em;
}
.tile-box p a {
color: #000000 !important;
}
.tile-boximg {
border: 1px solid #cccccc;
}
.tile-boximg h2.cover {
margin-bottom: 0;
}
.tile-boximg h2.cover a {
color: #ffffff !important;
}
.tile-boximg p {
margin: 0.5em;
padding-bottom: 1em;
}
.tile-boximg p a {
color: #000000 !important;
}
.tile-1box {
border: 1px solid #cccccc;
}
.tile-1box h2.cover a {
color: #ffffff !important;
}
.tile-1box p {
margin: 0.5em;
}
.wrapper {
margin: 0 auto 1em;
padding: 0;
overflow: hidden;
}
.wrapper .lside {
margin: 0;
padding: 0 2%;
width: 46%;
float: left;
}
.wrapper .rside {
margin: 0;
padding: 0 2%;
width: 46%;
float: right;
}
.limg-rpsv {
border: 1px solid #cccccc;
padding: 1%;
overflow: hidden;
}
.limg-rpsv img {
float: left;
margin: 0 2% 2% 0;
}
.limg-rpsv .ml-link {
float: left;
}
#content textarea {
width: 99%;
}
.blogListingEntry h2 {
clear: none;
}
.subsection-zabbix-tech-lounge-collect-beginner #content img.tileImage,
.subsection-zabbix-tech-lounge-collect-internal #content img.tileImage,
.subsection-zabbix-tech-lounge-collect-cooperation #content img.tileImage,
.subsection-zabbix-tech-lounge-collect-tips #content img.tileImage {
display: none;
}
@media only screen and (max-width: 640px) {
.pickup {
text-align: center;
margin-top: 1%;
}
.case3 .case1 {
float: none;
width: 98%;
margin: 0 auto 1%;
border-top: 1px dotted #cccccc;
padding-top: 1%;
}
.wrapper {
margin: 0 auto 1em;
padding: 0;
overflow: hidden;
}
.wrapper .lside {
margin: 0 auto;
padding: 0;
width: 98%;
float: none;
}
.wrapper .rside {
margin: 0 auto;
padding: 0;
width: 98%;
float: none;
}
.limg-rpsv img {
float: none;
}
.limg-rpsv .ml-link {
float: none;
}
}
.section-lp #portal-searchbox, .section-lp nav, .section-lp #portal-breadcrumbs, .section-lp .fnav, .section-inquiry #portal-searchbox, .section-inquiry nav, .section-inquiry #portal-breadcrumbs, .section-inquiry .fnav {
display: none;
}
.section-hr-thank-you header, .section-hr-thank-you footer, .section-hr-thank-you #portal-breadcrumbs {
display: none;
}
@media only screen and (max-width: 640px) {
.section-lp #footer #fcontents, .section-inquiry #footer #fcontents {
background-image: none;
}
.section-lp #footer #fcontents .copyright, .section-inquiry #footer #fcontents .copyright {
margin-left: 0;
}
}
/* */

}


/* - ++theme++cielo.stheme/stylesheets/theme-print.css - */
@media print {
/* https://www.miraclelinux.com/portal_css/++theme++cielo.stheme/stylesheets/theme-print.css?original=1 */
#header nav, #portal-searchbox, #footer, #portal-column-two, #portal-breadcrumbs, #viewlet-social-like { display: none; }
img { display: block; margin: 0 auto; max-width: 800px; }
#main, #portal-column-content { display: block; margin: 0 auto; max-width: 800px; }
h1 { font-size: 18pt; }
h2, h3 { font-size: 16pt; margin-top: 15px; }
#content .row .cell { display: block; margin: 0 auto; max-width: 800px; }
}


/* - ploneCustom.css - */
@media all {
/* https://www.miraclelinux.com/portal_css/ploneCustom.css?original=1 */
/* */
/* */
/* */
/* */
/* */
/* */

}