﻿*{box-sizing:border-box}.listEnd{margin:0px}.red{color:#CC0000}img,x:-moz-any-link,x:default{box-shadow:#000 0 0 0}img{height:auto}img.w100{max-width:100%}sup{font-size:60%}.no-resp{height:auto !important;width:auto !important}.br-pc{display:none}.pc-no{display:none}.align-left{text-align:left}.align-right{text-align:left}.center{text-align:center !important}.caption{font-size:82%;line-height:1.4em;margin-top:5px;margin-bottom:5px;display:inline-block}#pageTop{font-size:0px;line-height:0px}.text-m{font-size:93%}.bgg{background-color:#F2F2F2}.bgb{background-color:#F2F9FD}.bdb{border-bottom:solid 1px #CCCCCC;padding-bottom:20px;margin-bottom:20px}.bg-02{background-size:cover;background-position:center center}.width-s{max-width:640px;margin:auto}.width-m{max-width:840px;margin:auto;padding-left:20px;padding-right:20px}.mail-pic::after{content:"";display:inline-block;width:30px;height:18px;background:url(/ux/campaign/apac-explore-openshift/images/common/mail-pic.png) no-repeat center bottom;background-size:26px 18px;vertical-align:baseline}.mail-pics{background:url(/ux/campaign/apac-explore-openshift/images/common/mail-pic.png) no-repeat right 50%;background-size:14px 10px;padding-right:20px}#header{margin:0px auto;width:100%;position:relative}.header-inner{max-width:1200px;margin:0 auto;height:600px;position:relative}.navbar-wrapper{background:rgba(0,0,0,0.2);position:absolute;top:0;left:0;width:100%;height:80px;z-index:15;overflow:visible}.navbar-wrapper.fixed{height:70px}.navbar{margin:0px auto;width:100%;max-width:1200px;padding-top:10px}.navbar a{color:#FFF;font-size:14px}@media screen and (max-width: 960px){.navbar a{font-size:12px}}.navbar a:hover{color:#F00;text-decoration:none}.navbar .active{border-bottom:3px solid #FFFFFF}.navbar .navbar-header{padding:4px 20px 0}.navbar .navbar-header .navbar-brand img{height:50px}.navbar h1{float:right;font-size:16px;line-height:1.6em;text-align:right;color:#FFF;padding-top:10px;padding-right:20px}.navbar h1 span{font-size:18px}.fixed .navbar .navbar-header .navbar-brand{text-align:center}.fixed .navbar .navbar-header .navbar-brand img{width:auto;height:40px}.fixed .navbar .navbar-header .navbar-brand{float:left}.fixed .navbar h1{display:none}.navbar-nav{float:right;margin-top:-35px}.navbar-nav li{float:left;margin:0 10px}@media screen and (max-width: 960px){.navbar-nav li{margin:0 7px}}.navbar-wrapper.fixed{background:rgba(0,0,0,0.7)}.fixed .navbar-nav{margin-top:5px}#wrapper{position:relative;z-index:0;background-color:#FFF;width:100%;min-width:320px}.contents{margin:0 auto;max-width:1200px;padding-top:80px;padding-bottom:100px}@media screen and (max-width: 768px){.contents{margin:0 auto;padding:50px 20px}}.contents h2{line-height:1.4em;margin-bottom:10px;font-size:30px;color:#EE0000;font-weight:bold}@media screen and (max-width: 768px){.contents h2{font-size:20px}}.contents h3{line-height:1.4em;margin-bottom:10px;font-size:26px;color:#333333;font-weight:300}@media screen and (max-width: 768px){.contents h3{font-size:18px}}.contents h4{color:#CC0000;line-height:1.5em;margin-bottom:10px;margin-top:30px;font-size:18px}.contents h5{font-size:16px;margin:30px 0 10px 0}.contents p{margin-bottom:1em}.detail-btn,.mail-btn{color:#FFFFFF;text-align:center;padding:25px 35px 21px;display:inline-block;font-size:20px;font-weight:bold;background:#CC0000;text-decoration:none}.detail-btn:hover,.mail-btn:hover{background-color:#FF0000;color:#FFFFFF;text-decoration:none}.normal-list,.dot-list{margin-top:3px;margin-bottom:15px}.normal-list li,.dot-list li{padding-left:2.3em;text-indent:-1.3em}.normal-list li::before{content:"●";padding-right:0.5em;font-size:50%;vertical-align:top}.dot-list li::before{content:"●";color:#CC0000;padding-right:0.5em;font-size:80%;vertical-align:top}a.textlink{color:#0088CE}a.textlink:hover{color:#005AB4;text-decoration:underline}#link-area dl dt{color:#F69F25;letter-spacing:-0.05em}#link-area ul{border-top:1px solid #62babf;margin-top:40px;padding-top:20px}#link-area ul li{border-bottom:1px solid #62babf;margin-bottom:20px;padding:0 5px 18px}#link-area ul li a{color:#337ab7;word-wrap:break-word}#link-area ul li a:hover{color:#62babf}#link-area ul li span{font-weight:bolder;color:#333;display:block;overflow:hidden}.width-l{max-width:960px;margin:auto}.cate-item li{width:100%;margin:20px 0;background:#FFF;box-shadow:2px 2px 2px rgba(0,0,0,0.2);position:relative;border:solid 10px #FFFFFF;transition:0.6s}.cate-item li:hover{border:solid 10px #62BABF;transition:0.3s}.cate-item li img{width:38%;height:auto;float:left;margin-right:2%}.cate-item li dl{padding:10px;overflow:hidden}.cate-item li dl dt{font-size:18px;color:#CC0000;margin-bottom:10px}.cate-item li dl dt:nth-child(2){font-size:20px;font-weight:bold;color:#666666;margin-bottom:10px}.cate-item li dl dd{line-height:1.5em}.link-box{width:100%;height:100%;position:static;display:block;background:linear-gradient(to bottom, rgba(255,255,255,0) 85%, #fff 96%)}.link-box{width:100%;display:block;text-decoration:none}.link-box:hover{text-decoration:none}.link-box dd{color:#333333}.cate-item li::after,.link-box::after{content:"";display:block;clear:both}.col-row{clear:both}.col-row:after{display:table;content:"";line-height:0}.col-row p,.col-row ul{text-align:left}.col-4{width:27%;float:left;margin:0px 3%}.col-6{width:48%;float:left;margin:0px 4% 0px 0px}.col-6:nth-child(2){margin:0px}.col-4 img,.col-6 img{width:100%}.col-4 dt{margin-bottom:15px}.tab-list{margin-bottom:50px}.tab-list li{display:inline-block;margin:5px 20px}.tab-list li a{font-weight:bold;color:#999999;padding:3px 5px 0px}.tab-list li a:hover,.tab-list li a.active{font-weight:bold;color:#CC0000;border-bottom:solid 2px #CC0000;text-decoration:none}#tab-body>li{height:0px;overflow:hidden;opacity:0}#tab-body>li.active{height:auto;opacity:1;margin-top:-15px}.archive{border:1px solid #CC0000;padding:12px;width:200px;height:50px;display:block;border-radius:25px;margin:0px auto 70px;text-decoration:none}.archive:hover{border:1px solid #FF0000;text-decoration:none;background:rgba(255,0,0,0.1)}.contents .ss-table{font-size:93%;line-height:1.3em;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;margin-bottom:10px}.contents .ss-table p{margin-bottom:0px}.ss-table tr td{vertical-align:top;padding:10px 10px 7px;line-height:1.3em;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC}.ss-table tr th{padding:10px 10px;vertical-align:middle;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC}.ss-table tr .ssht-g{background-color:#EEEEEE}.ss-table tr .ssht-b{color:#FFF;background-color:#00B9E4}.ss-table tr .ssht-r{color:#FFF;background-color:#CC0000}.ss-table tr .ssrt-g{background-color:#EEEEEE;text-align:left;font-weight:normal}.ss-table tr .ssrt-b{color:#FFF;background-color:#00B9E4}.ss-table li{padding-left:1em;text-indent:-1em;margin-bottom:5px}#filter-options{padding:0;margin-left:-0.25%;margin-right:-0.25%;margin-bottom:-1px}#filter-options li{float:left;margin:0 0.25%;font-size:14px}#filter-options li a{text-decoration:none;color:#999;display:block;padding:7px 10px 4px;border:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;background-color:#F2F2F2}#filter-options li.initial a,#filter-options li.active a,#filter-options li a:focus{color:#333;background-color:#FFFFFF;border-bottom:1px solid #FFFFFF}#filter-options .selected a{background-color:#FFFFFF}.normal-links,#filter-links{border:1px solid #CCCCCC;padding:20px 25px}.normal-links li,#filter-links li{border-bottom:1px dotted #CCCCCC;padding-bottom:3px;margin-bottom:8px}.normal-links li a,#filter-links li a{text-decoration:none;color:#333333}.normal-links li::before,#filter-links li::before{content:"≫";padding-left:3px;padding-right:5px;color:#CC0000}.normal-links li a:hover,#filter-links li a:hover{text-decoration:underline}.circle-list li::before{content:"●";color:#C00;margin-right:0.25em;font-size:90%;vertical-align:baseline}.circle-list li{margin-bottom:0.7em;line-height:1.3em;text-indent:-1.2em;padding-left:1.5em}.circle-list li ul{margin-top:0.3em;padding:0}.circle-list li li:before{content:"";margin-right:0}.circle-list li li::before{content:"●";padding-right:7px;font-size:50%;color:#333;vertical-align:top}.circle-list li li{font-size:94%;font-weight:normal;margin-bottom:0.3em;text-indent:-1em;padding-left:1.3em}.logo-box{margin-bottom:40px}.contacting-partners p{float:left}.contacting-partners .logo-box{float:right;margin:0}.content-detail .contents h2{font-size:28px;line-height:1.4em;margin-bottom:10px}.content-detail .contents h4{font-size:18px;color:#333333;line-height:1.6em;margin-bottom:10px;margin-top:30px;padding-top:20px;border-top:1px solid #CCC}.content-detail .contents a{color:#0088CE}.content-detail .contents a:hover{color:#005AB4;text-decoration:underline}.content-detail h2.pic01,.content-detail h2.pic02,.content-detail h2.pic03,.content-detail h2.pic04,.content-detail h2.pic05,.content-detail h2.pic06{font-size:18px;color:#999999;line-height:40px;padding-left:45px;padding-top:8px;margin-top:10px;float:right}.content-detail h2.pic01{background:url(/ux/campaign/apac-explore-openshift/images/common/pic01.png) no-repeat left center;background-size:40px 40px}.content-detail h2.pic02{background:url(/ux/campaign/apac-explore-openshift/images/common/pic02.png) no-repeat left center;background-size:40px 40px}.content-detail h2.pic03{background:url(/ux/campaign/apac-explore-openshift/images/common/pic03.png) no-repeat left center;background-size:40px 40px}.content-detail h2.pic04{background:url(/ux/campaign/apac-explore-openshift/images/common/pic04.png) no-repeat left center;background-size:40px 40px}.content-detail h2.pic05{background:url(/ux/campaign/apac-explore-openshift/images/common/pic05.png) no-repeat left center;background-size:40px 40px}.content-detail h2.pic06{background:url(/ux/campaign/apac-explore-openshift/images/common/pic06.png) no-repeat left center;background-size:40px 40px}.content-detail .contents img{max-width:100%}.contents .results{background:#F2F2F2;padding:10px 30px;margin-top:30px;margin-bottom:30px}.contents .results h3{font-size:125%;border-bottom:1px solid #CCC;margin-bottom:10px;padding-bottom:4px}.contents .results dl{margin-bottom:0.5em;font-size:93%}.contents .results dl dt{font-weight:bold}@media only screen and (max-width: 980px){body,#wrapper{max-width:980px}#header .header-inner{width:auto}.navbar-wrapper{font-size:85%}.navbar .navbar-header .navbar-brand{font-size:22px}}@media screen and (max-width: 768px){body{font-size:15px}body,#wrapper{width:auto}#wrapper{width:100%;min-width:100%}#header{height:auto}#header .header-inner{width:auto;height:400px}#header .header-inner p img{height:auto;width:120px}.width-m{padding-left:0px;padding-right:0px}.br-pc{display:block}.br-sp{display:none}.sp-no{display:none}.pc-no{display:block}.mail-pics{background-position:right 20px top 40%}.navbar-wrapper{height:55px}.navbar-wrapper.fixed{height:55px}.navbar-wrapper .navbar{margin:0px auto;width:100%;padding-top:0px;position:relative;font-size:125%}.navbar-wrapper .navbar a{color:#FFF;display:block}.navbar-wrapper .navbar a:hover{color:#F00;text-decoration:none}.navbar-wrapper .navbar .active{border-bottom:none !important}.navbar-wrapper .navbar .active a{color:#CC0000;font-weight:bold}.navbar .navbar-header .navbar-brand{margin-top:3px;padding-top:5px}.fixed .navbar .navbar-header .navbar-brand{font-size:17px}.navbar-nav{margin-top:0px}.navbar .navbar-header .navbar-brand{float:left}.navbar .navbar-header .navbar-brand img{width:auto;height:40px;margin-top:-5px}.navbar h1{display:none}.navbar #menu{display:block;float:right;margin-top:10px;margin-right:20px;color:#FFF}.navbar .navbar-nav{float:none;position:absolute;top:55px;left:0px;width:100%;display:none}.navbar .navbar-nav li{float:none;margin:0;padding:12px 0px 10px;width:auto;text-align:center;background:rgba(0,0,0,0.7);border-top:solid 1px rgba(255,255,255,0.2)}.fixed .navbar-nav{margin-top:0px}#menu:after{content:"MENU"}#menu.close:after{content:"CLOSE"}}.openshift-top #header{background:no-repeat center center;height:500px;background-size:cover}@media screen and (max-width: 768px){.openshift-top #header{height:400px}}.openshift-top .header-content{padding-top:140px;text-align:center;max-width:1200px;height:100%;margin:0 auto;position:relative}@media screen and (max-width: 768px){.openshift-top .header-content{padding-top:100px}}.openshift-top .header-content h1{font-size:70px;font-weight:bold;text-shadow:1px 1px 0 rgba(0,0,0,0.3);color:#FFFFFF;margin-top:5px;margin-bottom:20px;line-height:1.2em}@media screen and (max-width: 768px){.openshift-top .header-content h1{font-size:42px}}@media screen and (max-width: 640px){.openshift-top .header-content h1{font-size:35px}}.openshift-top .header-content h3{font-size:30px;font-weight:300;text-shadow:1px 1px 0 rgba(0,0,0,0.3);color:#FFFFFF;line-height:1.2em;margin-bottom:10px}@media screen and (max-width: 768px){.openshift-top .header-content h3{font-size:18px;line-height:1.2em}}@media screen and (max-width: 640px){.openshift-top .header-content h3{font-size:16px}}.openshift-top .header-content h2{font-size:36px;font-weight:bold;text-shadow:1px 1px 0 rgba(0,0,0,0.3);color:#FFFFFF;line-height:1.2em;margin-bottom:30px}@media screen and (max-width: 768px){.openshift-top .header-content h2{font-size:18px;line-height:1.2em}}.openshift-top .header-content p.lead{font-size:20px;font-weight:300;line-height:1.8;color:#FFFFFF;width:540px;margin:0 auto;position:relative}.openshift-top .header-content p.lead::before{content:"";display:inline-block;border-top:solid 1px #FFFFFF;border-left:solid 1px #FFFFFF;border-bottom:solid 1px #FFFFFF;height:60px;width:10px;position:absolute;top:3px;left:0}.openshift-top .header-content p.lead::after{content:"";display:inline-block;border-top:solid 1px #FFFFFF;border-right:solid 1px #FFFFFF;border-bottom:solid 1px #FFFFFF;height:60px;width:10px;position:absolute;top:3px;right:0}@media screen and (max-width: 768px){.openshift-top .header-content p.lead{width:90%;max-width:400px;font-size:14px;line-height:1.6em;padding-top:10px}}@media screen and (max-width: 640px){.openshift-top .header-content p.lead{font-size:13px}}.openshift-top .header-content .header-bnr{position:absolute;bottom:-160px;right:20px}@media screen and (max-width: 768px){.openshift-top .header-content .header-bnr{bottom:30px;right:calc(50% - 160px)}}.contents .topics-header{margin-bottom:15px;padding-bottom:8px}.contents .topics-header h2{display:block;margin:0;color:#999999}.contents .topics-header p{margin:0}.contents .topics-cate{border-bottom:solid 1px #CCCCCC;padding-bottom:7px}.contents .topics-cate li{display:inline-block;margin-right:10px}.contents .topics-cate li a{padding:5px;border-bottom:solid 5px #CCCCCC;color:#808080;text-decoration:none}.contents .topics-cate li a:hover{border-bottom:solid 5px #666666}.contents .topics-cate li .active{border-bottom:solid 5px #EE0000;color:#000000}.contents .topics-cate li .active:hover{border-bottom:solid 5px #EE0000;color:#000000}.contents .topics-cate li #keyDev.active{border-bottom-color:#92D400}.contents .topics-cate li #keyOps.active{border-bottom-color:#007a87}.contents .topics-cate li #keyBiz.active{border-bottom-color:#00b9e4}.contents .topics-list{padding-top:15px;height:340px;overflow-y:auto;border-bottom:solid 1px #CCCCCC}@media screen and (max-width: 768px){.contents .topics-list{height:300px}}.contents .topics-list li{margin-bottom:12px;padding-bottom:4px;border-bottom:solid 1px #CCCCCC}.contents .topics-list .date{font-size:13px;line-height:1.25;margin-bottom:5px}.contents .topics-list .date span{font-size:12px;line-height:1;padding:2px 5px;color:#FFFFFF;margin-left:1em;min-width:4em;text-align:center;display:inline-block;font-weight:200}.contents .topics-list .date span.dev-ico{background-color:#92D400}.contents .topics-list .date span.ops-ico{background-color:#007a87}.contents .topics-list .date span.biz-ico{background-color:#00b9e4}.contents .topics-list .topics-ttl{margin-bottom:0.5em;font-size:14px;line-height:1.4}.contents .topics-list .topics-ttl a{color:#000000;text-decoration:underline}.contents .topics-list .topics-ttl a:hover{color:#CC0000}@media screen and (max-width: 768px){.contents .topics-list .topics-ttl a{font-size:15px}}.contents .flex-row{display:flex;justify-content:space-around;flex-flow:row-reverse}@media screen and (max-width: 768px){.contents .flex-row{justify-content:center;flex-flow:column}}.contents .topics-bnr{width:300px;margin-top:100px}.contents .topics-bnr img{max-width:100%;height:auto}@media screen and (max-width: 768px){.contents .topics-bnr{max-width:320px;width:100%;margin:0 auto 40px}}.contents .col-8s{width:calc(94% - 300px)}@media screen and (max-width: 768px){.contents .col-8s{width:100%}}.contents .summary-link{float:right;margin:0;padding-top:13px;font-size:14px}.contents .summary-link a{padding-right:17px;color:#000000}.contents .summary-link a::after{content:"";display:inline-block;width:9px;height:9px;border-right:solid 1px #000000;border-bottom:solid 1px #000000;transform:rotate(-45deg)}.contents .summary-link a:hover{text-decoration:underline}.contents .product-list{display:flex;justify-content:space-around;margin-top:50px}@media screen and (max-width: 768px){.contents .product-list{flex-flow:column}}.contents .product-list li{width:31%;margin-left:1.5%;margin-right:1.5%;padding:30px;background-color:#FFFFFF;border:solid 1px #CCCCCC}.contents .product-list li .os-logo{text-align:center;padding-top:10px;padding-bottom:40px;border-bottom:solid 1px #CCCCCC;margin-bottom:25px}@media screen and (max-width: 768px){.contents .product-list li{width:100%;margin-left:0%;margin-right:0%;margin-bottom:25px}}.contents .product-list li img{max-width:100%;height:auto}.contents .product-list li span{font-size:13px;line-height:1;padding:2px 5px;color:#FFFFFF;min-width:4em;text-align:center;display:inline-block;font-weight:200}.contents .product-list li h3{font-size:18px;margin-top:0;margin-bottom:25px;color:#000000}.contents .cases-list{display:flex;justify-content:space-around;margin-top:50px}@media screen and (max-width: 768px){.contents .cases-list{flex-flow:column}}.contents .cases-list li{width:31%;margin-left:1.5%;margin-right:1.5%;background-color:#F2F2F2}@media screen and (max-width: 768px){.contents .cases-list li{width:100%;margin-left:0%;margin-right:0%;margin-bottom:25px}}.contents .cases-list li img{width:100%;height:auto}.contents .cases-list li span{font-size:13px;line-height:1;padding:2px 5px;color:#FFFFFF;min-width:4em;text-align:center;display:inline-block;font-weight:200}.contents .cases-list li span.case-ico{background-color:#004153}.contents .cases-list li span.event-ico{background-color:#3b0083}.contents .cases-list li h3{font-size:18px;margin-top:0;margin-bottom:25px;color:#000000}.contents .list-contents{padding:15px 30px 30px}.contents .details-btn{margin-top:25px}.contents .details-btn a{font-size:15px;padding:9px 25px;color:#EE0000;border:solid 1px #EE0000;border-radius:5px}.contents .partner-list{display:flex;justify-content:space-around;margin-top:50px}@media screen and (max-width: 768px){.contents .partner-list{flex-flow:column}}.contents .partner-list li{width:31%;margin-left:1.5%;margin-right:1.5%;background-color:#FFFFFF}@media screen and (max-width: 768px){.contents .partner-list li{width:100%;margin-left:0%;margin-right:0%;margin-bottom:25px}}.contents .partner-list li .logo-box{display:flex;align-content:center;justify-content:center;height:110px;margin-bottom:0}.contents .partner-list li img{max-width:100%}.contents .partner-list li h3{font-size:20px;font-weight:bold;margin-bottom:5px;color:#000000}.contents .partner-list li h4{font-size:16px;font-weight:bold;color:#000000;margin-top:0;margin-bottom:20px;padding-bottom:15px;border-bottom:solid 1px #CCCCCC}.contents .partner-list li span{font-size:13px;line-height:1;padding:2px 5px;color:#FFFFFF;min-width:4em;text-align:center;display:inline-block;font-weight:200}.contents .partner-list li span.case-ico{background-color:#004153}.contents .partner-list li span.event-ico{background-color:#3b0083}.contents .partner-list li .list-contents{padding:0px 30px 30px}.contents .partner-program-list{display:flex;justify-content:center;max-width:800px;margin:50px auto 0}@media screen and (max-width: 768px){.contents .partner-program-list{flex-flow:column}}.contents .partner-program-list li{width:47%;margin-left:1.5%;margin-right:1.5%}@media screen and (max-width: 768px){.contents .partner-program-list li{width:100%;margin-left:0%;margin-right:0%;margin-bottom:25px}.contents .partner-program-list li .details-btn a{font-size:14px !important}}.contents .partner-program-list li .logo-box{display:flex;align-content:center;justify-content:center;height:110px;margin-bottom:0}.contents .partner-program-list li img{max-width:100%}.contents .partner-program-list li h3{font-size:24px;font-weight:normal;margin-bottom:25px;padding-bottom:25px;color:#000000;border-bottom:solid 1px #CCCCCC}.contents .partner-program-list li .list-contents{padding:0px 0px 30px}.contents .trial-list{display:flex;justify-content:space-around;margin-top:50px}@media screen and (max-width: 768px){.contents .trial-list{flex-flow:column}}.contents .trial-list li{width:31%;margin-left:1.5%;margin-right:1.5%;background-color:#FFFFFF}@media screen and (max-width: 768px){.contents .trial-list li{width:100%;margin-left:0%;margin-right:0%;margin-bottom:25px}}.contents .trial-list li .logo-box{margin-bottom:25px}.contents .trial-list li img{width:100%;height:auto}.contents .trial-list li h3{font-size:26px;font-weight:300;margin-bottom:5px;color:#000000;text-align:center}.contents .trial-list li h4{font-size:16px;font-weight:300;color:#EE0000;margin-top:0;margin-bottom:20px;padding-bottom:15px;border-bottom:solid 1px #CCCCCC;text-align:center}.contents .trial-list li .list-contents{padding:0px 30px 30px}.contents .trial-list li .details-btn{margin-top:25px}.contents .trial-list li .details-btn a{font-size:15px;padding:9px 25px;color:#FFFFFF;background-color:#EE0000;border-radius:5px}.contents .trial-list li .details-btn a:hover{background-color:#CC0000;text-decoration:none}.contents .training-contents .inner{display:none}.contents .training-contents h3{font-size:16px;font-weight:bold}@media screen and (max-width: 768px){.contents .training-contents h4{font-size:16px;font-weight:bold}}.contents .training-contents .bdb{position:relative;padding-right:50px}.contents .training-contents .accord{position:absolute;right:0;top:40%;transform:translateY(-50%);font-size:40px;line-height:34px;color:#666;padding:0px;width:36px;height:36px;text-align:center;font-weight:100;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,0.3);text-decoration:none;background-color:#FFFFFF}#cases .summary-link{margin-top:30px;margin-right:1.5%}.bg-trial{background:linear-gradient(#004153, #007886)}.trial-header h3{color:#FFFFFF}.trial-header p{font-size:20px;line-height:1.8;color:#FFFFFF}@media screen and (max-width: 768px){.trial-header p{font-size:16px}}.bg-os4dl{background:-webkit-gradient(linear, 50% 1.2%, 50% 38.42%, color-stop(0, #dedede), color-stop(1, #f4f4f4))}#os4dl h2{margin-bottom:0px}#os4dl img{max-width:100%;height:auto}#os4dl .details-btn-r{margin-top:40px}#os4dl .details-btn-r a{font-size:15px;padding:9px 25px;color:#FFFFFF;background-color:#EE0000;border-radius:5px}#os4dl .details-btn-r a:hover{background-color:#CC0000;text-decoration:none}#os4dl h3{font-weight:bold;margin:0;font-size:20px;margin-top:40px}@media screen and (max-width: 768px){#os4dl h3{font-size:18px}}#os4dl .learn-box{display:flex;justify-content:space-around}@media screen and (max-width: 768px){#os4dl .learn-box{justify-content:center;flex-flow:column}}#os4dl .learn-mook{width:47%;margin:0 1.5%}@media screen and (max-width: 768px){#os4dl .learn-mook{width:100%}}#os4dl .learn-mook img{margin-top:20px;border:solid 1px #CCCCCC}#os4dl .learn-webinar{width:47%;margin:0 1.5%}@media screen and (max-width: 768px){#os4dl .learn-webinar{width:100%;margin:0}}#os4dl .blog-box{padding-top:0}#os4dl .blog-box .blog-list{display:flex;justify-content:space-around;margin-top:50px;flex-flow:wrap}@media screen and (max-width: 768px){#os4dl .blog-box .blog-list{flex-flow:column}}#os4dl .blog-box .blog-list li{width:31%;margin:1%;background-color:#FFFFFF;border:solid 1px #CCCCCC}#os4dl .blog-box .blog-list li .blog-image{position:relative;width:100%;overflow:hidden}#os4dl .blog-box .blog-list li .blog-image::before{content:"";display:block;padding-top:56.25%}#os4dl .blog-box .blog-list li .blog-image .inner{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}#os4dl .blog-box .blog-list li .blog-image img{object-fit:cover;width:100%;height:100%}#os4dl .blog-box .blog-list li .list-contents{padding-top:25px;padding-bottom:20px}@media screen and (max-width: 768px){#os4dl .blog-box .blog-list li{width:100%;margin-left:0%;margin-right:0%;margin-bottom:25px}}#os4dl .blog-box .blog-list li img{width:100%;height:auto}#os4dl .blog-box .blog-list li span.date{font-size:13px;line-height:1;padding:3px 0px;color:#666666;font-weight:200}#os4dl .blog-box .blog-list li h3{font-size:18px;margin-top:0;margin-bottom:10px;color:#000000}@media screen and (max-width: 768px){#os4dl .blog-box .blog-list li h3{font-size:16px}}#os4dl .blog-box .blog-list li p{font-size:15px}@media screen and (max-width: 768px){#os4dl .blog-box .blog-list li p{font-size:14px}}#os4dl .webinar-list{display:flex;flex-flow:column;margin-top:20px;background-color:#FFFFFF;padding:25px 25px 15px 25px;border:solid 1px #CCCCCC;height:350px;overflow-y:auto}#os4dl .webinar-list li{border-bottom:dotted 1px #CCCCCC;margin-bottom:13px}#os4dl .webinar-list li:last-child{border-bottom:none}@media screen and (max-width: 768px){#os4dl .webinar-list li{width:100%;margin-left:0%;margin-right:0%;margin-bottom:25px}}#os4dl .webinar-list li h4{font-size:16px;font-weight:bold;color:#4C4C4C;margin-top:0;margin-bottom:2px}#os4dl .webinar-list li p{margin-bottom:13px;font-size:15px}#os4dl .webinar-list li .date{margin-bottom:0px;font-size:13px}#os4dl .webinar-list li .date span{color:#EE0000}#os4dl .webinar-list li a{color:#000}#os4dl .webinar-list-b{display:flex;flex-flow:column;align-items:center;padding:25px 0px 15px 0px;text-align:center}#os4dl .webinar-list-b li{margin-bottom:20px}@media screen and (max-width: 768px){#os4dl .webinar-list-b li{width:100%;margin-left:0%;margin-right:0%;margin-bottom:25px}}#os4dl .webinar-list-b li h4{font-size:16px;font-weight:bold;color:#4C4C4C;margin-top:0;margin-bottom:2px}#os4dl .webinar-list-b li p{margin-bottom:13px;font-size:15px}#os4dl .webinar-list-b li .date{margin-bottom:0px;font-size:13px}#os4dl .webinar-list-b li .date span{color:#EE0000}#os4dl .webinar-list-b li a{color:#000}#os4dl .summary-link{margin-left:1.5%;margin-right:1.5%;margin-top:30px}#inquiry .bnr-area{display:flex;justify-content:space-around;border-bottom:solid 1px #CCCCCC;box-shadow:0 1px 0 #FFFFFF;padding-bottom:80px;flex-flow:wrap}@media screen and (max-width: 768px){#inquiry .bnr-area{flex-flow:column}}#inquiry .bnr-area a{width:30.33%;margin:0 1.5% 15px;display:block}@media screen and (max-width: 768px){#inquiry .bnr-area a{width:100%;margin-left:0%;margin-right:0%}}#inquiry .bnr-area a img{width:100%;height:auto}#inquiry h2{font-weight:normal;color:#000000}#inquiry h4{font-size:20px}.openshift-item #header{background:url(/ux/campaign/apac-explore-openshift/images/common/ac-bg2.jpg) no-repeat center 65%;height:260px;background-size:cover}.openshift-item .header-content{max-width:840px;padding:145px 20px 0;margin:auto}.openshift-item .header-content h1{font-size:36px}.openshift-item dl{margin-bottom:1em}.openshift-item dl dt{font-weight:bold}.openshift-item dl dd{padding-left:1em}.campaign-btn{margin:50px auto;text-align:center;font-size:18px}.campaign-btn a{border:solid 2px #CC0000;display:inline-block;padding:20px 30px 15px 30px;text-decoration:none;color:#CC0000;min-width:240px}.campaign-btn a:hover{background-color:#FAE5E5}#documents-area dl,#partner-area dl{margin-bottom:40px}#documents-area dl dt,#partner-area dl dt{font-weight:bold}#documents-area dl dd,#partner-area dl dd{padding-left:1.3em;text-indent:-1.3em;line-height:1.3em;margin-top:15px}#documents-area dl dd::before,#partner-area dl dd::before{content:"●";color:#CC0000;padding-right:0.3em}#documents-area dl dd a,#partner-area dl dd a{color:#333333;text-decoration:underline}#documents-area dl dd a:hover,#partner-area dl dd a:hover{color:#CC0000;text-decoration:underline}.ssp{display:none}.customer-portal{text-align:center;margin-top:50px;border:solid 3px #CCC;padding:40px 20px;background-color:#F2F2F2}.customer-portal h2{margin-bottom:20px}.customer-portal h2 img{max-width:100%;height:auto}.os-webinar #header{background:no-repeat center 55%;height:400px;background-size:cover}@media screen and (max-width: 768px){.os-webinar #header{height:280px}}.os-webinar .header-content{padding:150px 30px 0;max-width:1200px;height:100%;margin:0 auto;position:relative;text-align:center}@media screen and (max-width: 768px){.os-webinar .header-content{padding-top:80px}}.os-webinar .header-content h1{font-size:50px;font-weight:bold;text-shadow:0 0 5px rgba(0,0,0,0.3);color:#FFFFFF;margin-top:5px;margin-bottom:10px;line-height:1.2em}@media screen and (max-width: 768px){.os-webinar .header-content h1{font-size:40px}}@media screen and (max-width: 640px){.os-webinar .header-content h1{font-size:30px;padding-top:20px}}.os-webinar .header-content h2{font-size:32px;font-weight:bold;text-shadow:0 0 5px rgba(0,0,0,0.3);color:#FFFFFF;line-height:1.2em;margin-bottom:10px}@media screen and (max-width: 768px){.os-webinar .header-content h2{font-size:18px;line-height:1.2em}}.os-webinar .header-content p.lead{font-size:22px;font-weight:300;line-height:1.8;color:#FFFFFF}@media screen and (max-width: 768px){.os-webinar .header-content p.lead{width:90%;font-size:18px;line-height:1.6em;padding-top:10px}}@media screen and (max-width: 640px){.os-webinar .header-content p.lead{font-size:15px}}.os-webinar .contents{padding-bottom:70px}.os-webinar .contents h2{font-size:30px;font-weight:normal;margin-bottom:30px}@media screen and (max-width: 768px){.os-webinar .contents h2{font-size:20px}}.os-webinar .contents .presenter ul{display:flex;justify-content:space-around}@media screen and (max-width: 768px){.os-webinar .contents .presenter ul{flex-flow:column}}.os-webinar .contents .presenter li{width:31%;margin-left:1.5%;margin-right:1.5%;text-align:center}@media screen and (max-width: 768px){.os-webinar .contents .presenter li{width:100%;margin-left:0;margin-right:0;margin-bottom:50px}}.os-webinar .contents .presenter h4{color:#333333;font-size:18px}.os-webinar .contents .presenter p{font-size:12px}.os-webinar .contents .presenter p span{font-size:15px}.os-webinar .contents .presenter .presenter-img{width:200px;height:200px;border-radius:50%;margin:0 auto;overflow:hidden}.os-webinar .contents .presenter .presenter-img img{width:100%;height:auto}.os-webinar .contents .presenter .profile-btn{border:solid 1px #CC0000;border-radius:5px;padding:5px 20px;margin-top:5px;display:inline-block;font-size:14px}.os-webinar .contents .presenter .profile-btn:hover{border:solid 1px #EE0000}.os-webinar .contents .presenter .profile-text{text-align:left;margin-top:20px;display:none}.os-webinar .event-post{padding-bottom:8px;margin-left:1.5%;margin-right:1.5%;margin-bottom:20px;border-bottom:solid 1px #CCC;text-align:center}@media screen and (max-width: 768px){.os-webinar .event-post{margin-left:0;margin-right:0}}.os-webinar .event-post input{display:none}.os-webinar .event-post input+label{font-size:18px;font-weight:normal;color:#999999;padding-left:11px;margin-right:20px}.os-webinar .event-post input+label::before{content:"";display:inline-block;border-right:5px solid transparent;border-top:7px solid #EE0000;border-left:5px solid transparent;margin-right:5px;margin-bottom:3px}@media screen and (max-width: 960px){.os-webinar .event-post input+label{font-size:16px}}@media screen and (max-width: 768px){.os-webinar .event-post input+label{font-size:15px}.os-webinar .event-post input+label span{display:none}}.os-webinar .event-post input:checked+label{color:#000000}.os-webinar .is-hide{display:none}.os-webinar .event-list{display:flex;justify-content:flex-start;flex-flow:wrap}@media screen and (max-width: 768px){.os-webinar .event-list{flex-flow:column}}.os-webinar .event-list li{width:30.33%;margin-left:1.5%;margin-right:1.5%;margin-bottom:30px;border:solid 1px #CCCCCC;padding:20px}@media screen and (max-width: 1120px){.os-webinar .event-list li{width:47%}}@media screen and (max-width: 768px){.os-webinar .event-list li{width:100%;margin-left:0;margin-right:0;margin-bottom:20px}}.os-webinar .event-list p{font-size:15px;margin-bottom:0.5em;line-height:1.6}@media screen and (max-width: 768px){.os-webinar .event-list p{font-size:14px}}.os-webinar .event-list .date{font-size:14px;margin-bottom:5px;color:#999999}.os-webinar .event-list h4{font-size:24px;color:#007A87;margin-top:0}@media screen and (max-width: 768px){.os-webinar .event-list h4{font-size:20px}}.os-webinar .event-list h5{font-size:18px;margin-top:10px}@media screen and (max-width: 768px){.os-webinar .event-list h5{font-size:16px}}.os-webinar .event-list label{display:none !important}.os-webinar p.soon{text-align:center;font-size:20px;color:#999999;margin-top:30px;padding-bottom:10px}.os-webinar .event-list .presenter{margin-top:15px;margin-bottom:15px;display:flex;align-items:center}.os-webinar .event-list .presenter p{font-size:12px;margin-bottom:0.5em;line-height:1.4}.os-webinar .event-list .presenter p span{font-size:15px}.os-webinar .event-list .presenter img{margin-right:20px}.os-webinar .case-con .list_item h4{color:#CC0000}.os-webinar .list_item{background-color:#FFFFFF}.os-webinar .tab{padding:0;display:flex;justify-content:center;align-items:center}.os-webinar .tab-top{position:absolute;bottom:0;left:0;width:100%}.os-webinar .tab-top .tablist,.os-webinar .tab-top .tablist.active{color:#FFFFFF}.os-webinar .tablist{color:#666666;border-bottom:solid 2px transparent;font-size:18px}@media screen and (max-width: 768px){.os-webinar .tablist{font-size:14px;line-height:1.25}}.os-webinar .tablist.active{color:#CC0000;border-bottom:solid 2px currentColor}.os-webinar .tablist{margin:2% 3%;padding:0;text-align:center;padding:10px 0 2px;cursor:pointer}.openshift-weblog .navbar-wrapper{background:rgba(0,0,0,0.9)}.openshift-weblog .contents img{max-width:100%;height:auto}.openshift-weblog pre,.openshift-weblog pre code{white-space:pre;font-family:"Overpass Mono",Consolas,Monaco,Andale Mono,monospace}.openshift-weblog pre{background:#f5f2f0;padding:1em 1.5em;margin:.5em 0 1.5em;overflow:auto;display:block;font-size:14px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;border:1px solid #ccc;border-radius:4px}.openshift-weblog code{padding:2px 4px;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.openshift-weblog pre[class*="language-"] code{color:black;background:none;text-shadow:0 1px white;font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.openshift-weblog .side-bar{float:right;width:28%;padding:60px 0 0}.openshift-weblog .side-bar h3{line-height:1.25em;margin-bottom:20px;font-size:20px;color:#333333;font-weight:bold;margin-top:20px}.openshift-weblog .side-bar .blog-btn{text-align:center}.openshift-weblog .side-bar .blog-btn a{border:solid 1px #666666;color:#666666;display:block;padding:10px}@media screen and (max-width: 768px){.openshift-weblog .side-bar{float:none;width:100%;margin-top:70px}}.openshift-weblog .side-bar li{margin-bottom:3em}.openshift-weblog .bdb{border-bottom:solid 2px #000000;padding-bottom:0.5em;margin-bottom:1em}.openshift-weblog .main-contents{float:left;width:66%;padding:60px 0 0}@media screen and (max-width: 768px){.openshift-weblog .main-contents{float:none;width:100%}}.openshift-weblog .main-contents h2{margin-top:2.5em}.openshift-weblog .main-contents h3{margin-top:1.5em}.openshift-weblog .main-contents img{margin-bottom:1em}.openshift-weblog .main-contents p.text-l{font-size:120%;margin-top:1em}.openshift-weblog .main-contents ul,.openshift-weblog .main-contents ol{padding-left:2em;margin-bottom:1.25em}.openshift-weblog .main-contents .cate-item-ttl{font-size:24px}.openshift-weblog .main-contents .cate-item{padding-left:0}.openshift-weblog .main-contents .cate-item li{box-shadow:0px 1px 3px rgba(0,0,0,0.2)}.openshift-weblog .main-contents .cate-item li img{margin-bottom:0}@media screen and (max-width: 768px){.openshift-weblog .main-contents .cate-item li img{margin-bottom:1em}}.openshift-weblog .main-contents .cate-item li dl dt{font-size:17px}.openshift-weblog .main-contents .cate-item li dl dd{font-size:14px}.openshift-weblog .main-contents .search-box label{margin-right:1em;display:inline-block;cursor:pointer}.openshift-weblog .main-contents .img-caption{font-style:italic;text-align:center;margin-bottom:2em}.openshift-weblog .main-contents .img-caption img{margin-bottom:0.5em}.openshift-weblog .content-header{margin-bottom:60px}.openshift-weblog .content-header h4{color:#EE0000;line-height:1.5em;margin-bottom:10px;margin-top:0px;font-size:20px}.openshift-weblog .content-header h1{font-size:36px;line-height:1.4;margin-bottom:20px}.openshift-weblog .side-bar .related-links{margin-bottom:40px}.openshift-weblog .side-bar .related-links li{background:url("/ux/campaign/apac-explore-ansible/images/weblog/getting-started-with-automation-hub/Ansible-Mark.png") no-repeat left center;background-size:28px;padding:5px 0 5px 32px;margin-bottom:5px}.openshift-weblog .side-bar .related-links li a{font-size:18px;color:#000000}.openshift-weblog section{padding-top:1px}.openshift-weblog .ol-list li{padding-left:1em;text-indent:-1em;margin-bottom:0.65em}.openshift-weblog .normal-list li{margin-bottom:0.65em}
