webideinfobox.html

<div class="col" data-jiis="uc" id="rhscol">
    <style>
        ._tXk {
            text-align: center
        }

        ._tXk a {
            display: inline-block;
            padding-top: 8px
        }

        .g-blk {
            position: relative;
        }

        .kp-blk a {
            text-decoration: none
        }

        .kp-blk .mod:first-child {
            padding-top: 16px;
            border-radius: 2px
        }

        .kp-blk ._axe .mod:first-child {
            padding-top: 0;
            border-top: 0
        }

        .kp-blk .match-mod-horizontal-padding,
        .kp-blk .mod:not(._tN) {
            padding-left: 16px;
            padding-right: 16px;
        }

        .qs-ic .kp-blk .mod:not(._tN) {
            padding-left: 26px;
            padding-right: 26px
        }

        .kp-blk {
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
            border-radius: 2px;
        }

        #center_col .kp-blk {
            margin-left: -16px;
            margin-right: -16px;
            position: relative
        }

        #rhs .kp-blk {
            line-height: 1.24;
            margin: 6px -32px 0 2px
        }

        #rhs .kp-blk .mod:not(._tN) {
            padding-left: 15px;
            padding-right: 15px
        }

        #rhs .g-blk.rhsvw {
            border: 0;
            padding: 0
        }

        .rfli .kp-blk {
            background: #fff;
            box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
        }

        .kp-blk .g:not(.g-blk) {
            margin: 0
        }

        hr._Xfc {
            background-color: rgba(0, 0, 0, 0.1);
            border: 0;
            height: 1px;
            margin: 0
        }

        .kp-blk>.vk_arc,
        .kp-blk>div>.vk_arc {
            margin: 0
        }

        .kp-blk._CCd .vk_arc {
            margin-top: 0
        }

        .kp-blk .g {
            margin-bottom: 0
        }

        ._zCd {
            padding-bottom: 7px
        }

        ._L1v {
            width: 600px
        }

        ._tX {
            color: #1a0dab !important
        }

        .knowledge-panel {
            font-size: 13px
        }

        .knowledge-panel.kp-blk {
            padding-bottom: 1px
        }

        .knowledge-panel.kp-blk .mod,
        ._kTi .mod {
            line-height: 1.24
        }

        .g-blk.mnr-c .kp-blk .mnr-c {
            box-shadow: none
        }

        ._oZm {
            box-shadow: none
        }

        ._thf .mod:first-child {
            padding-top: 10px;
            padding-bottom: 10px
        }

        ._thf ._pk {
            color: #808080;
            font-size: 20px
        }

        ._Z7 .g,
        ._Z7 .rc,
        ._sZb .rc {
            clear: both;
            padding-bottom: 0
        }

        ._sZb .g {
            clear: both;
            padding-bottom: 10px
        }

        ._Fif .g {
            padding-bottom: 11px
        }

        ._Z7 .mod,
        ._sZb .mod {
            clear: none
        }

        ._Z7 .g,
        ._sZb .g,
        ._rod .g,
        ._thf .g,
        ._Fif .g {
            padding-left: 16px;
            padding-right: 16px
        }

        ._Z7 .g:last-child,
        ._rod .g:last-child,
        ._thf .g:last-child {
            padding-bottom: 16px
        }

        ._Hi .mod:not(._tN) {
            border-top: 1px solid #e5e5e5;
            margin-top: 16px;
            padding-left: 0;
            padding-right: 0;
            padding-top: 15px
        }

        ._Hi .mod:first-child:not(.mnr-c) {
            border-top: 0;
            padding-top: 0;
        }

        .xpdclose ._Wbe {
            background-color: #fff
        }

        .xpdopen ._Wbe {
            background-color: #4285f4
        }

        ._gn {
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
            color: #fff;
        }

        ._Gbo:not(.qs-it) .xpdopen ._axe,
        .kp-hca .kp-rgc {
            -webkit-box-orient: vertical;
            flex-direction: column;
            flex-direction: column
        }

        ._Gbo:not(.qs-it) .xpdopen ._OPu,
        .kp-hca ._OPu {
            -webkit-box-ordinal-group: -1;
            -webkit-flex-order: -1;
            order: -1;
            order: -1;
            width: 100%
        }

        ._Gbo:not(.qs-it) .xpdopen ._cFb {
            -webkit-box-flex: auto;
            flex-shrink: auto;
            flex: auto;
            -ms-flex-negative: auto;
            flex: auto
        }

        ._axe .kno-ibrg img {
            display: block
        }

        ._axe .kno-ecr-pt {
            display: block
        }

        ._NLu {
            box-shadow: 0 2px 4px #e5e5e5
        }

        .fixed-title {
            color: #fff;
            overflow: hidden;
            margin: 0;
            padding: 0;
            position: relative;
            text-overflow: ellipsis;
            transform-origin: left;
            transform-origin: left;
            white-space: nowrap
        }

        ._xNk a {
            outline: 0
        }

        ._xNk :focus {
            background: rgba(255, 255, 255, 0.25)
        }

        ._T9h {
            min-height: 160px
        }

        ._Xst {
            min-height: 40px
        }

        .xpdclose ._Xst {
            padding: 16px 16px 0 0
        }

        .kp-hc {
            margin-bottom: 0;
            padding-top: 12px;
            padding-bottom: 12px;
            position: relative;
            display: inline-block;
            width: 100%
        }

        ._gn .kp-hc {
            padding-top: 20px;
            padding-bottom: 20px
        }

        ._rod .xpdclose ._Wbe .kp-hc {
            padding-bottom: 0
        }

        ._axe {
            align-items: center;
            display: flex
        }

        ._cFb {
            -webkit-box-flex: 10;
            flex-shrink: 10;
            flex: 1 10;
            -ms-flex-negative: 10;
            flex: 1 10;
            min-width: 0;
        }

        .mod {
            clear: both
        }

        html .kp-blk .xpdclose ._HWg,
        html .kp-blk .xpdopen ._IWg {
            padding-top: 0
        }

        ._pk {
            color: #222;
            font-size: 18px;
            position: relative
        }

        ._pk a {
            color: #222
        }

        .xpdopen ._qqi {
            overflow: inherit
        }

        .xpdclose ._T1i:not(:empty),
        .xpdopen ._U1i:not(:empty) {
            border-top: solid 1px #EBEBEB;
            border-radius: 0
        }

        ._E3j {
            padding-top: 0.1px
        }

        .xpdclose ._VCh,
        .xpdopen ._WCh {
            padding-bottom: 16px
        }

        .xpdclose .kp-header ._VCh,
        .xpdopen .kp-header ._WCh {
            padding-bottom: 0
        }

        ._Rqb .xpdopen ._Wtj,
        ._RJe .xpdclose ._Gtj {
            padding-bottom: 16px
        }

        ._Rqb .xpdclose .mod._dXg,
        ._Rqb .xpdopen .mod._eXg {
            padding-bottom: 0
        }

        ._RJe .xpdclose .mod._Gtj {
            padding-bottom: 16px
        }

        #rhs .kp-blk .xpdclose ._HWg,
        #rhs .kp-blk .xpdopen ._IWg {
            padding-top: 0
        }

        #rhs ._Rqb .xpdopen ._Wtj,
        #rhs ._RJe .xpdclose ._Gtj {
            padding-bottom: 15px
        }

        #rhs ._Rqb .xpdclose .mod._dXg,
        #rhs ._Rqb .xpdopen .mod._eXg {
            padding-bottom: 0
        }

        ._Ceo {
            box-shadow: none !important
        }

        .kno-shr-ld {}

        .kno-shr-ld._JNk {
            opacity: 0.25
        }

        ._LNk {
            height: 24px;
            width: 24px;
            cursor: pointer
        }

        g-raised-button._onu {
            min-width: 0px
        }

        ._MNk {
            vertical-align: middle;
            padding: 8px;
            height: 24px;
            width: 24px
        }

        g-raised-button ._MNk {
            padding: 0px
        }

        ._Zxj {
            height: 24px;
            width: 24px;
            padding: 8px;
            position: absolute;
            right: 16px;
            top: 13px;
            cursor: pointer;
            color: rgba(0, 0, 0, .87)
        }

        ._m8j {
            background-color: rgb(255, 255, 255);
            border-radius: 2px;
            border-radius: 2px;
            box-shadow: 0px 5px 26px 0px rgba(0, 0, 0, 0.22), 0px 20px 28px 0px rgba(0, 0, 0, 0.30);
            box-shadow: 0px 5px 26px 0px rgba(0, 0, 0, 0.22), 0px 20px 28px 0px rgba(0, 0, 0, 0.30);
            cursor: default;
            padding: 21px 24px 24px 24px;
            width: 220px;
            height: 263px;
            z-index: 1002
        }

        .fAwjXaCTMo5__visible,
        .fAwjXaCTMo5__overlay,
        .fAwjXaCTMo5__container,
        .fAwjXaCTMo5__content {}

        .dgd {}

        ._FNg.fAwjXaCTMo5__visible {
            background-color: #000;
            opacity: 0.2;
            visibility: inherit
        }

        ._ENg.fAwjXaCTMo5__visible {
            background-color: #000;
            opacity: 0.4;
            visibility: inherit
        }

        ._SRg.fAwjXaCTMo5__visible {
            background-color: #333;
            opacity: 0.7;
            visibility: inherit
        }

        ._dDr.fAwjXaCTMo5__visible {
            background-color: #000;
            opacity: 0.8;
            visibility: inherit
        }

        ._xWr.fAwjXaCTMo5__visible {
            background-color: #f5f5f5;
            opacity: 0.85;
            visibility: inherit
        }

        .fAwjXaCTMo5__content.fAwjXaCTMo5__visible {
            opacity: 1
        }

        .fAwjXaCTMo5__container.fAwjXaCTMo5__visible {
            opacity: 1;
            visibility: inherit
        }

        .fAwjXaCTMo5__container._J7g {
            cursor: pointer
        }

        .fAwjXaCTMo5__container._J7g .fAwjXaCTMo5__content {
            cursor: default
        }

        .fAwjXaCTMo5__overlay {
            position: fixed;
            z-index: 9997;
            right: 0;
            bottom: -200px;
            top: 0;
            left: 0;
            -webkit-transition: opacity 0.25s;
            opacity: 0;
            visibility: hidden
        }

        .fAwjXaCTMo5__content {
            border-radius: 2px;
            border-radius: 2px;
            position: relative;
            display: inline-block;
            z-index: 9999;
            background-color: #fff;
            opacity: 0;
            text-align: left;
            vertical-align: middle;
            white-space: normal;
            overflow: hidden;
            transform: translateZ(0);
            box-shadow: 0px 5px 26px 0px rgba(0, 0, 0, 0.22), 0px 20px 28px 0px rgba(0, 0, 0, 0.30);
            box-shadow: 0px 5px 26px 0px rgba(0, 0, 0, 0.22), 0px 20px 28px 0px rgba(0, 0, 0, 0.30)
        }

        .fAwjXaCTMo5__content._yWr {
            border: 1px solid #d5d5d5;
            box-shadow: 0 2px 4px #d5d5d5;
            box-shadow: 0 2px 4px #d5d5d5
        }

        .fAwjXaCTMo5__content:focus {
            outline: none
        }

        .fAwjXaCTMo5__container {
            position: fixed;
            right: 0;
            bottom: 0;
            top: 0;
            left: 0;
            z-index: 9998;
            text-align: center;
            vertical-align: middle;
            visibility: hidden;
            white-space: nowrap;
            max-height: 100%;
            max-width: 100%;
            overflow: auto;
            transform: translateZ(0)
        }

        .fAwjXaCTMo5__container::after {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }

        .fAwjXaCTMo5__container {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        ._vqj {
            height: 0;
            opacity: 0;
            position: absolute;
            width: 0
        }

        .dgd {
            visibility: hidden
        }

        .nsc {
            overflow: hidden
        }

        ._dyj {
            color: rgba(0, 0, 0, .87);
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
            padding-bottom: 19px
        }

        ._Gxj {
            color: rgba(0, 0, 0, .87);
            cursor: pointer;
            font-size: 14px;
            font-weight: normal;
            line-height: 24px;
            padding: 8px 0 8px 0px
        }

        ._Cfm {
            display: block;
            text-decoration: none
        }

        ._Dfm {
            color: rgba(0, 0, 0, .87)
        }

        ._Bxk {
            color: rgba(0, 0, 0, .54);
            font-size: 14px;
            line-height: 16px;
            padding-top: 11px;
            padding-bottom: 7px
        }

        ._Cxk {
            cursor: pointer
        }

        input._myj {
            color: rgba(0, 0, 0, .87);
            font-size: 16px;
            line-height: 18px;
            width: 100%;
            cursor: pointer
        }

        ._kyj {
            border-bottom: 1px solid rgba(0, 0, 0, 0.12);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        ._jyj {
            color: rgba(0, 0, 0, .87) !important;
            font-size: 16px;
            line-height: 26px;
            text-decoration: none
        }

        ._Dxk {
            position: absolute;
            opacity: 0;
            z-index: -1
        }

        ._ezl {
            float: right;
            font-size: 12px;
            padding-top: 16px
        }

        ._o8j {
            display: inline-block;
            vertical-align: bottom;
            margin-right: 24px
        }

        ._lWu {
            display: block
        }

        ._lWu:not([src]) {
            content: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==")
        }

        ._wel ._LEg {
            padding: 4px 0
        }

        ._wel ._QEg {
            top: 4px
        }

        ._hFg {
            display: block;
            position: relative;
            margin: 0 3px;
            vertical-align: middle
        }

        ._hFg._AFg {
            margin-top: 14px
        }

        ._LEg {
            border: none;
            border-bottom: 1px solid rgba(0, 0, 0, .12);
            border-radius: 0;
            margin: 0
        }

        ._LEg,
        ._QEg {
            font-size: 16px;
            width: 100%
        }

        ._fwk ._LEg,
        ._fwk ._QEg {
            font-size: 14px
        }

        ._QEg {
            bottom: 0;
            left: 0;
            right: 0;
            pointer-events: none;
            position: absolute;
            overflow: hidden;
            white-space: nowrap;
            -webkit-transition-duration: 0.2s;
            -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1)
        }

        ._QEg._FHk {
            color: rgba(0, 0, 0, .26)
        }

        ._QEg._uJk {
            color: rgba(0, 0, 0, .54)
        }

        ._jFg {
            background-color: #5677fc;
            bottom: 0;
            height: 2px;
            left: 45%;
            margin-top: -2px;
            pointer-events: none;
            position: relative;
            -webkit-transition-duration: 0.2s;
            -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            visibility: hidden;
            width: 10px
        }

        ._LEg:focus {
            outline: none
        }

        ._LEg:focus~._jFg,
        ._jFg.hDC4CxNVA44__focus {
            left: 0;
            visibility: inherit;
            width: 100%
        }

        ._LEg:invalid,
        ._LEg.hDC4CxNVA44__invalid {
            border-color: #dd191d;
            box-shadow: none
        }

        ._cjl {
            color: #dd191d;
            display: none;
            font-size: 12px;
            margin-top: 4px
        }

        ._LEg:invalid:enabled~._cjl,
        ._LEg.hDC4CxNVA44__invalid:enabled~._cjl {
            display: block
        }

        ._LEg:invalid~._jFg,
        ._LEg.hDC4CxNVA44__invalid~._jFg {
            background-color: #dd191d
        }

        ._LEg:focus~._QEg,
        ._QEg.hDC4CxNVA44__focus,
        ._QEg._FHk.hDC4CxNVA44__focus,
        ._QEg._uJk.hDC4CxNVA44__focus {
            color: #5677fc
        }

        ._LEg:focus~._Pvv,
        ._Pvv.hDC4CxNVA44__focus,
        ._LEg.hDC4CxNVA44__dirty~._Pvv {
            font-size: 12px;
            top: -16px;
            visibility: inherit
        }

        ._LEg:-webkit-autofill~._Pvv {
            font-size: 12px;
            top: -16px;
            visibility: inherit
        }

        ._LEg:disabled {
            border-bottom: 1px dashed rgba(0, 0, 0, .12)
        }

        ._fdf {
            padding-left: 16px;
            padding-right: 16px;
            margin-top: 0
        }

        ._Vyp {
            position: relative
        }

        #rhs ._fdf {
            padding-left: 15px;
            padding-right: 15px
        }

        ._fdf._rdf {
            margin-bottom: 4px;
        }

        ._sdf {
            font-size: 19px
        }

        ._ndf {
            vertical-align: baseline
        }

        .rhstc3 ._h1w {
            font-size: 24px
        }

        .rhstc3 ._H0w,
        .rhstc4 ._H0w {
            font-size: 24px
        }

        .rhstc3 ._h1w ._eph {
            font-size: 16px
        }

        .rhstc3 ._H0w ._eph,
        .rhstc4 ._H0w ._eph {
            font-size: 16px
        }

        ._i1w {
            font-size: 24px
        }

        ._i1w ._eph {
            font-size: 16px
        }

        ._eph {
            font-family: sans-serif;
            font-size: 20px;
            position: relative
        }

        ._fph {
            left: 0;
            margin-left: -2px;
            position: absolute;
            top: 50%;
            margin-left: -2px;
            height: 20px;
            margin-top: -14px;
            width: 20px;
        }

        ._tdf {
            padding-left: 16px;
            padding-right: 16px;
            padding-top: 15px
        }

        #rhs ._tdf {
            padding-left: 15px;
            padding-right: 15px
        }

        ._tdf ._kk {
            margin-top: 2px;
            padding: 0 0 18px
        }

        ._gdf {
            color: #777;
            font-family: arial, sans-serif;
            margin: 4px 0;
            overflow: hidden;
        }

        .wf-b ._gdf {
            font-family: 'Roboto', arial, sans-serif
        }

        ._kdf {
            color: #000
        }

        ._jdf {
            color: #dd4b39
        }

        ._gn ._gdf {
            color: rgba(255, 255, 255, .7)
        }

        ._gn ._kdf {
            color: rgba(255, 255, 255, .7)
        }

        ._gn ._LAf {
            color: #fff
        }

        ._gn ._jdf {
            color: rgba(255, 255, 255, .7);
            font-weight: bold
        }

        ._odf {
            position: relative
        }

        .rhstc4 ._idf,
        .rhstc5 ._idf,
        .rhstc5 ._udf {
            position: absolute;
            right: -10px;
            top: 0
        }

        ._ykh {
            float: right;
            position: relative;
            right: -10px;
            top: 0
        }

        ._czk {
            float: right;
            position: relative;
            color: #000;
            opacity: 0.54
        }

        ._gn ._czk {
            color: #fff;
            opacity: 1.0
        }

        ._gn ._czk .kno-shr-ld {
            opacity: 0.54
        }

        ._axe ._elu {}

        ._dzk {}

        ._pUm {
            margin-left: 65px
        }

        ._Das {
            display: block;
            position: relative;
            left: -8px
        }

        ._mdf {
            padding-top: 4px;
        }

        ._ldf {
            display: inline-block;
            margin-right: 10px;
            margin-top: 2px
        }

        ._chp {
            padding-left: 12px;
            padding-right: 12px
        }

        ._K2h {
            height: 48px;
            top: 0;
            bottom: 0;
            right: 3px
        }

        ._L2h {
            height: 40px;
            top: 0;
            right: 12px
        }

        ._C7h {
            height: 48px;
            top: 0;
            right: 1px
        }

        ._qUm {
            height: 60px;
            top: 0;
            bottom: 0;
            right: 55px
        }

        ._rUm {
            margin: auto;
            position: absolute
        }

        ._xvp {
            opacity: .001;
            pointer-events: none;
            position: absolute
        }

        ._sUm {
            bottom: 0;
            height: 100%
        }

        ._tUm {
            bottom: 0;
            height: 55px;
            top: 0;
            right: 56px
        }

        .kno-fb-d3 .kno-ecr-pt.kno-fb-ctx {
            display: block;
            margin-top: 4px;
            padding-right: 12px
        }

        ._Z7 #media_result_group,
        ._sZb #media_result_group {
            padding: 0
        }

        ._fWw {
            background-color: #fff
        }

        .kno-mrg {
            position: relative;
            overflow: hidden
        }

        .kno-mrg .mod {
            display: inline
        }

        .kno-mrg-si {
            float: right;
        }

        #center_col .kno-mrg-si {
            margin-left: 20px;
            padding: 0
        }

        .rhstc4 ._rcb .rhsg4,
        .rhstc3 ._rcb .rhsg4,
        .rhstc3 ._rcb .rhsg3 {
            background: inherit !important;
            display: inherit !important;
            visibility: hidden
        }

        .rhstc5 ._rcb .rhsl5,
        .rhstc5 ._rcb .rhsl4,
        .rhstc4 ._rcb .rhsl4 {
            background: inherit !important;
            display: inherit !important;
            visibility: hidden
        }

        #iur {
            padding-bottom: 0;
            width: 600px
        }

        .kno-mrg .kno-ibrg {
            float: left
        }

        .kno-mrg-hnm .kno-ibrg {
            float: inherit
        }

        .kno-mrg-hnm .kno-ibrg {
            display: block
        }

        #iur .kno-ibrg {
            display: block
        }

        .img-brk {}

        .img-brk {
            display: block
        }

        ._iH a.fl {
            display: inline-block;
            padding: 5px 8px 7px
        }

        ._iH {
            bottom: 1px;
            letter-spacing: 1px;
            padding: 0;
            position: absolute;
            right: 0
        }

        .kno-mrg ._iH a.fl,
        #iur ._iH a.fl {
            color: #fff;
            font-size: 16px;
            text-decoration: none
        }

        ._iH:hover {
            background: #000
        }

        #iur ._iH {
            bottom: 2px;
            margin-bottom: 0px
        }

        .kno-fb-on {}

        .kno-fb-on ._iH {
            display: none
        }

        ._iH {
            background: #000000;
            background: rgba(0, 0, 0, 0.4);
            -webkit-transition: background 0.2s ease-in-out
        }

        .kno-mrg ._iH a.fl,
        #iur ._iH a.fl {
            text-shadow: 0 0 2px black, 0 0 3px black
        }

        .birrg {
            font-size: 13px
        }

        .rg_ul {
            white-space: normal;
            margin-right: -7px
        }

        .kp-blk .rg_ul {
            margin-right: 0
        }

        .img-kc-m,
        .bi-io {}

        .bili {
            vertical-align: top;
            display: inline-block;
            margin-top: 0;
            margin-right: 6px;
            margin-bottom: 6px;
            margin-left: 0;
            position: relative
        }

        .bicc {
            line-height: 0;
            overflow: hidden;
            position: relative
        }

        ._eV {
            margin-right: 1px;
            margin-bottom: 1px;
            float: left
        }

        .kno-mrg-si ._eV {
            margin: 0 0 1px 0
        }

        ._eV a img {
            border: 0
        }

        ._eV div img {
            border: 0
        }

        .kno-mrg-si ._eV {
            margin-bottom: 0px
        }

        ._ZGc {
            margin-right: 4px;
            margin-bottom: 4px;
        }

        ._pEh {
            margin-right: 0px;
            margin-bottom: 0px
        }

        .xpdclps .kno-mrg-si ._eV {
            margin: 0
        }

        .bi-lq {
            height: 100%;
            position: absolute;
            width: 100%
        }

        .bia {
            display: block;
            position: absolute
        }

        .img-kc-m {
            position: absolute
        }

        .kno-mrg-hnm .img-kc-m {
            position: relative
        }

        ._Usc,
        .rg_ilbg {
            bottom: 0;
            position: absolute;
            padding: 3px 4px 5px;
            text-decoration: none;
            color: #fff;
            font-size: 11px;
            line-height: 100%;
            right: 0;
        }

        .g-blk .rg_ilbg {
            left: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .rg_ilbg {
            background: #333;
        }

        .rg_ilbg {
            background: rgba(51, 51, 51, 0.8);
        }

        .bi-io {
            border-bottom: 1px solid #FFF;
            border-left: 1px solid #FFF;
            right: 0;
            top: 0;
            z-index: 1;
        }

        ._VGc {
            bottom: 0;
            position: absolute;
            width: 100%
        }

        ._WGc {
            background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
            color: #CCC;
            font-size: 13px;
            height: 13px;
            line-height: 13px;
            padding: 7px 10px;
            text-align: right;
            text-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
        }

        .bili ._ALn {
            display: none
        }

        ._w5j {
            background-color: rgba(0, 0, 0, 0.54);
            bottom: 8px;
            color: rgb(255, 255, 255);
            font-family: arial, sans-serif-medium, sans-serif;
            font-size: 16px;
            left: 8px;
            padding: 16px 8px;
            position: absolute
        }

        ._dVe {
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMjQgNEMxMi45NSA0IDQgMTIuOTUgNCAyNHM4Ljk1IDIwIDIwIDIwIDIwLTguOTUgMjAtMjBTMzUuMDUgNCAyNCA0em0tNCAyOVYxNWwxMiA5LTEyIDl6Ii8+PC9zdmc+) no-repeat;
            background-size: 48px 48px;
            -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.10));
            height: 48px;
            left: 50%;
            opacity: 0.87;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 48px
        }

        g-img {
            display: block
        }

        ._WCg {
            display: block;
            border: 0;
            position: relative
        }

        .kp-blk .xpdclose ._wle,
        .kp-blk .xpdopen ._xle {
            border-top: solid 1px #ebebeb
        }

        .kp-blk .xpdclose ._UXp,
        .kp-blk .xpdopen ._UXp {
            border-top: none
        }

        .kp-blk ._G1d .mod:first-child {
            padding-top: 0
        }

        .rhstc3 ._cgc {
            overflow: visible
        }

        .xpdclose ._wWc {
            display: none
        }

        .kno-desc-fm ._wWc,
        .kno-desc-fm .xpdxpnd,
        .xpdclose .kno-desc-fm .xpdxpnd,
        .kno-desc-sh ._wWc,
        .kno-desc-sh .xpdxpnd,
        .xpdclose .kno-desc-sh .xpdxpnd,
        .kno-odesc-sh ._sfw,
        .kno-odesc-sh ._ofw {
            display: inline
        }

        .kno-desc-sh ._dgc {
            display: inline
        }

        .kno-desc-sh ._V4i,
        .kno-desc-sh ._V4i._wWc,
        .kno-desc-sh ._V4i.xpdxpnd {
            display: none
        }

        .kno-desc-fm ._R4i {
            display: none
        }

        .kno-desc-sh ._R4i,
        .kno-desc-sh ._vWc {
            display: none
        }

        .xpdopen ._R4i {
            display: none
        }

        ._Mrt a._KCd {
            color: #1a0dab
        }

        ._cgc {
            overflow: hidden;
            margin: 13px 0 13px;
        }

        ._dgc {
            display: none
        }

        ._Mrt .kno-fb-ctx a.fl,
        ._Mrt ._P0e {
            color: #1a0dab
        }

        ._tWc {
            white-space: nowrap
        }

        div._AZr {
            float: right
        }

        ._zZr {
            color: #9e9e9e;
            cursor: pointer;
            padding-right: 8px
        }

        ._BZr {
            color: #9e9e9e;
            float: right;
            font-size: 12px
        }

        .kno-ftr {
            clear: both;
            color: #777;
            font-size: 11px;
            line-height: normal;
            overflow: hidden
        }

        .kno-ftr a {
            color: #777;
            text-decoration: none
        }

        ._OPd {
            float: right;
            margin-left: 2em
        }

        ._Cnk {
            font-style: italic;
            margin-right: -2em
        }

        .kno-ftr a:hover {
            text-decoration: underline
        }

        div._hWr {
            padding: 4px 16px 0px 8px;
            margin-bottom: -4px
        }

        .kno-ftr {
            margin-left: -16px;
            margin-right: -16px;
            padding: 4px 16px 0;
        }

        .kno-ftr.rhsvw {
            margin-left: 2px;
            padding-top: 4px
        }

        #rhs .kno-ftr.rhsvw {
            border: none
        }

        ._F2g {
            outline: 0
        }

        ._F2g:hover {
            cursor: pointer;
            text-decoration: underline
        }

        a.duf3 {
            color: #777;
            float: right;
            font-style: italic;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            tap-highlight-color: rgba(0, 0, 0, 0)
        }

        a._G8q {
            color: rgba(0, 0, 0, .54);
            float: none;
            font-style: normal
        }

        a._sWr {
            padding: 0 5px;
            background: rgba(255, 255, 255, .9);
        }

        ._v1h {
            color: #9e9e9e;
            cursor: pointer;
            padding-right: 8px
        }

        ._rWr {
            color: #9e9e9e;
            float: right;
            font-size: 12px;
            padding-bottom: 4px
        }
    </style>
    <div id="rhs">
        <div id="rhs_block" jsl="$t t-5RRekjfu2Ys;$x 0;" class="r-izumQI_mg4O8 rhstc5">
            <script nonce="k132ndpJxmZaSjGPNef2mg==">(function () {
                    var c4 = 1188; var c5 = 1276; try { var w = document.body.offsetWidth, n = 3; if (w >= c4) n = w < c5 ? 4 : 5; document.getElementById('rhs_block').className += ' rhstc' + n; } catch (e) { }
                })();</script>
            <div class="g rhsvw kno-kp mnr-c g-blk" lang="en-US" data-hveid="161" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQjh8IoQEoAA">
                <div class="kp-blk knowledge-panel _Rqb _RJe" data-hveid="162" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQww0IogEoAA">
                    <div class="xpdopen">
                        <div class="_OKe">
                            <div>
                                <div></div>
                            </div>
                            <div data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ_xcIowE">
                                <div class="kp-header" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ3z4IpAEoAA">
                                    <div class="_axe _T9h kp-rgc">
                                        <div class="_cFb">
                                            <div class="_tN _IWg _HWg mod" data-md="16" style="clear:none" data-hveid="165" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQhygIpQEwFA">
                                                <!--m-->
                                                <div class="_fdf">
                                                    <div class="_czk">
                                                        <kno-share-button>
                                                            <div jsaction="r._HouY4r6utk" data-rtid="iintQC5qWb7w" jsl="$t t-dhmk9MkDbvI;$x 0;" class="r-iintQC5qWb7w" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ-YABCKYBKAAwFA">
                                                                <span class="_LNk _MNk _wtf _Rtf" aria-label="Share" role="button" tabindex="0">
                                                                    <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                                                        <path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z"></path>
                                                                    </svg>
                                                                </span>
                                                                <div class="iintQC5qWb7w-YbcQq9Khf_8 r-ivrsEJKSNopM" jsaction="dg_dismissed:r.-FPnppROon0;kno_shr_close_button_clicked:r.giXQqEBMb3E"
                                                                    data-rtid="ivrsEJKSNopM" jsl="$t t-7hzFN84w9_k;$x 0;" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ2poBCKcBMBQ">
                                                                    <g-dialog class="ivrsEJKSNopM-0078sLar460 r-i3OLOjsTVkzU" jsaction="dg_reg_content:r.J_j78ao4uyM" data-rtid="i3OLOjsTVkzU"
                                                                        jsl="$t t-cuCqGEujB5w;$x 0;">
                                                                        <div class="i3OLOjsTVkzU-oPwtUFSp9U8" jsaction="dg_close:r.99yxp2ZuQP0;r.nUlQmbHCUts" data-rtid="i3OLOjsTVkzU" jsl="$x 1;">
                                                                            <div class="fAwjXaCTMo5__overlay _ENg i3OLOjsTVkzU-NEtT1Mcs_w8"></div>
                                                                            <div class="fAwjXaCTMo5__container _J7g">
                                                                                <div class="_vqj" aria-hidden="true" role="button" tabindex="0" jsaction="focus:r.EvZFsYUH-g8" data-rtid="i3OLOjsTVkzU" jsl="$x 2;"></div>
                                                                                <div class="fAwjXaCTMo5__content" role="dialog" tabindex="-1">
                                                                                    <div class="_m8j">
                                                                                        <span class="_Zxj ivrsEJKSNopM-tB4CkhL0Pws _wtf _Dtf" aria-label="Close" role="button" tabindex="0" jsaction="fire.kno_shr_close_button_clicked"
                                                                                            data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ3JoBCKgBMBQ">
                                                                                            <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                                                                                <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
                                                                                            </svg>
                                                                                        </span>
                                                                                        <div class="ivrsEJKSNopM-E8FAx9Irxvk r-iMaaXnUDv4yI" jsl="$t t-Af7qQQQTXaA;$x 0;">
                                                                                            <div class="_dyj">Share</div>
                                                                                            <div class="_Gxj iMaaXnUDv4yI-_p8dA32EcDY" role="link" tabindex="0" jsaction="r.XXmUEmWYRuA" data-rtid="iMaaXnUDv4yI" jsl="$x 1;"
                                                                                                data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ3ZoBCKkBMBQ">
                                                                                                <div class="_o8j">
                                                                                                    <img class="_lWu" data-src="https://www.gstatic.com/kpui/social/fb_32x32.png" alt="" height="24" width="24" lazy-loaded="">
                                                                                                </div>Facebook</div>
                                                                                            <div class="_Gxj iMaaXnUDv4yI-OL1tvwLQG94" role="link" tabindex="0" jsaction="r.-HO1-M7TwUw" data-rtid="iMaaXnUDv4yI" jsl="$x 2;"
                                                                                                data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ3poBCKoBMBQ">
                                                                                                <div class="_o8j">
                                                                                                    <img class="_lWu" data-src="https://www.gstatic.com/kpui/social/twitter_32x32.png" alt="" height="24" width="24" lazy-loaded="">
                                                                                                </div>Twitter</div>
                                                                                            <div class="_Gxj iMaaXnUDv4yI-59QMr6ft28U" role="link" tabindex="0" jsaction="r.pdpdgoM9Un0" data-rtid="iMaaXnUDv4yI" jsl="$x 3;"
                                                                                                data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ35oBCKsBMBQ">
                                                                                                <div class="_o8j">
                                                                                                    <img class="_lWu" data-src="https://www.gstatic.com/kpui/social/gplus_32x32.png" alt="" height="24" width="24" lazy-loaded="">
                                                                                                </div>Google+</div>
                                                                                            <a class="_Gxj _Cfm iMaaXnUDv4yI-KOsxpyPW0RE" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ4JoBCKwBMBQ" href="mailto:?body=Web%20integrated%20development%20environment%20https%3A%2F%2Fwww.google.com%2Fsearch%3Fkgmid%3D%2Fm%2F0ddhcw9%26hl%3Den-US%26kgs%3Dc22de1ac201c4276%26q%3DWeb%2Bintegrated%2Bdevelopment%2Benvironment%26shndl%3D0%26source%3Dsh%2Fx%2Fkp%26entrypoint%3Dsh%2Fx%2Fkp">
                                                                                                <div class="_o8j">
                                                                                                    <img class="_lWu" data-src="/images/icons/material/system/1x/email_grey600_24dp.png" alt="" height="24" width="24" lazy-loaded="">
                                                                                                </div>
                                                                                                <span class="_Dfm">Email</span>
                                                                                            </a>
                                                                                            <div class="iMaaXnUDv4yI-p2JHyniQDhM">
                                                                                                <div class="iMaaXnUDv4yI-K9A5rUUabyY">
                                                                                                    <div class="_Bxk _Cxk" role="button" tabindex="0" jsaction="r.am4YolKywd8" data-rtid="iMaaXnUDv4yI" jsl="$x 5;">Click to copy link</div>
                                                                                                </div>
                                                                                                <div class="iMaaXnUDv4yI-NBn6beZVvl0">
                                                                                                    <div class="_Bxk _Cxk" role="button" tabindex="0" jsaction="r.am4YolKywd8" data-rtid="iMaaXnUDv4yI" jsl="$x 6;">Share link</div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="_Bxk iMaaXnUDv4yI-L5eBHaSmL84" aria-live="polite">Link copied</div>
                                                                                            <g-text-field style="margin:0px" jsaction="r.am4YolKywd8" data-rtid="iMaaXnUDv4yI" jsl="$x 7;$t t-3mFqq0A9uuY;$x 0;" class="_hFg _wel r-ibSUOWaYtcEA">
                                                                                                <input class="_LEg ibSUOWaYtcEA-q9KDB4SS7aE _myj iMaaXnUDv4yI-eahz_wQSGl4 hDC4CxNVA44__dirty" jsaction="focus:r.1rHv3nuEdv0;blur:r.0RGAbK8-DB8"
                                                                                                    data-rtid="ibSUOWaYtcEA"
                                                                                                    jsl="$x 1;" aria-label="Share link"
                                                                                                    readonly="" type="url" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ3ZsBCK0BMBQ">
                                                                                                <div class="_jFg ibSUOWaYtcEA-rOTfk6dPAdI"></div>
                                                                                            </g-text-field>
                                                                                            <div class="_Dxk iMaaXnUDv4yI-JtrpqFxwsX4" aria-hidden="true"></div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="_vqj" aria-hidden="true" role="button" tabindex="0" jsaction="focus:r.15lBFDEFpZ8" data-rtid="i3OLOjsTVkzU" jsl="$x 3;"></div>
                                                                            </div>
                                                                        </div>
                                                                    </g-dialog>
                                                                </div>
                                                            </div>
                                                        </kno-share-button>
                                                    </div>
                                                    <div class="_Q1n" aria-level="3" role="heading">
                                                        <div class="kno-ecr-pt kno-fb-ctx _sdf _i1w" data-local-attribute="d3bn" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ3B0IrgEoATAU">
                                                            <span>Web integrated development environment</span>
                                                        </div>
                                                        <div class="_gdf kno-fb-ctx">
                                                            <span data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ2koIrwEoAjAU">Software</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--n-->
                                            </div>
                                        </div>
                                        <div class="_OPu">
                                            <div class="_tN _VCh _WCh _IWg mod" data-md="32" style="clear:none">
                                                <div style="position:relative" class="kno-mrg-hnm kno-mrg-si kno-mrg kno-swp" id="media_result_group" data-hveid="177">
                                                    <div>
                                                        <div style="display:none" data-eca="0.35" id="isr_param" jsl="$t t-5wh_xFBNHUk;$x 0;" class="r-i0l9qRpLAEl4"> </div>
                                                        <div class="_Sle _rcb kno-ibrg">
                                                            <image-viewer-group>
                                                                <div jsl="$t t-Ozzws2JRG1Y;$x 0;" class="r-isGSPH3ZDmnQ">
                                                                    <div jsaction="ivg_o:r.dPT6rUBrsm0" data-rtid="isGSPH3ZDmnQ" jsl="$x 1;">
                                                                        <div>
                                                                            <div class="rhsg4 img-brk _Aqh _WAh" data-h="151" data-m="1" data-nr="1" style="height: 151px; visibility: inherit;">
                                                                                <div jsl="$t t-nlhqGANbri4;$x 0;" class="r-i1LGhzIJjLeY">
                                                                                    <div class="_FAh birrg">
                                                                                        <div class="rg_ul">
                                                                                            <!--m-->
                                                                                            <div class="iukp19 kno-fb-ctx _eV img-kc-m bili uh_r rg_el ivg-i" style="width:151px" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ-x0ItAEoADAT">
                                                                                                <div style="height:151px;width:151px" class="bicc">
                                                                                                    <a class="bia uh_rl" href="/imgres?imgurl=http://saphanatutorial.com/wp-content/uploads/2016/03/sap-web-ide.jpg&amp;imgrefurl=http://saphanatutorial.com/trendz/march-2016/sap-web-ide-is-now-available-on-cloud-based-on-eclipse-che/&amp;h=288&amp;w=288&amp;tbnid=dMKOZelAqNy6OM:&amp;tbnh=151&amp;tbnw=151&amp;usg=__WzqkWsPDO7wDnv9WwmQqjP4p-fU%3D&amp;vet=1&amp;docid=lANY-5AVO5lmdM&amp;itg=1&amp;sa=X&amp;ved=0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ_B0ItQEwEw"
                                                                                                        id="dMKOZelAqNy6OM:"
                                                                                                        role="link" style="background:rgb(192,196,200);height:151px;width:151px"
                                                                                                        tag="bia" tabindex="0"
                                                                                                        jsaction="fire.ivg_o"
                                                                                                        data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ_B0ItQEwEw">
                                                                                                        <g-img>
                                                                                                            <img id="uid_dimg_0" src="https://raw.githubusercontent.com/josephworks/WebIDE/master/assets/images/codecloud.jpg" class="_WCg"
                                                                                                                height="151"
                                                                                                                title="http://saphanatutorial.com/trendz/march-2016/sap-web-ide-is-now-available-on-cloud-based-on-eclipse-che/"
                                                                                                                width="151" alt="Image result for Web integrated development environment"
                                                                                                                onload="typeof google==='object'&amp;&amp;google.aft&amp;&amp;google.aft(this)">
                                                                                                        </g-img>
                                                                                                    </a>
                                                                                                </div>
                                                                                                <div class="_ALn rg_meta notranslate">{"id":"dMKOZelAqNy6OM:","ml":{"278":{"bh":92,"bw":92},"366":{"bh":122,"bw":122},"454":{"bh":151,"bw":151}},"oh":288,"ou":"http://saphanatutorial.com/wp-content/uploads/2016/03/sap-web-ide.jpg","ow":288,"pt":"saphanatutorial.com/wp-content/uploads/2016/03/sap...","rh":"saphanatutorial.com","rid":"lANY-5AVO5lmdM","rmt":0,"rt":0,"ru":"http://saphanatutorial.com/trendz/march-2016/sap-web-ide-is-now-available-on-cloud-based-on-eclipse-che/","sc":1,"th":151,"tu":"https://encrypted-tbn0.gstatic.com/images?q\u003dtbn:ANd9GcQITq9GdaZ0KNzDSjIP3vfvtlFhOxHlWpK8P_b3F3Ay1w0wQFYErM0X0YNBCA","tw":151}</div>
                                                                                            </div>
                                                                                            <!--n-->
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </image-viewer-group>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="_G1d _wle _xle">
                                    <div class="_RBg">
                                        <div class="_eXg mod" data-md="50" style="clear:none" data-hveid="182" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQkCkItgEoATAV">
                                            <!--m-->
                                            <div class="_cgc kno-fb-ctx" data-hveid="183" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQziAItwEoADAV">
                                                <div jsl="$t t-oF0h478wPRI;$x 0;" class="r-iFKTwhQzjQHY">
                                                    <div class="kno-rdesc r-iJdGGpzZUnas" jsl="$t t-JgTEvN6zUII;$x 0;">
                                                        <span>A web integrated development environment, also known as cloud IDE,
                                                            is a browser based IDE that allows for software development or
                                                            web development.</span>
                                                        <span>
                                                            <span> </span>
                                                            <a class="q _KCd _tWc fl" href="https://en.wikipedia.org/wiki/Web_integrated_development_environment" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQmhMIuAEwFQ"
                                                                ping="/url?sa=t&amp;source=web&amp;rct=j&amp;url=https://en.wikipedia.org/wiki/Web_integrated_development_environment&amp;ved=0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQmhMIuAEwFQ">Wikipedia</a>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--n-->
                                        </div>
                                        <div class="mod" data-md="30" style="clear:none" data-hveid="185" data-ved="0ahUKEwi3-4n09YXZAhUW8WMKHR_RCOsQ6-0CCLkBKAIwFg">
                                            <!--m-->
                                            <!--n-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div style="clear:both"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>