/*! CW31 */
.cw31w4>ul{padding:0px !important;}
.cw31{margin-bottom:0!important;}
.hd22,h2.hd22,h3.hd22,h4.hd22,h5.hd22,h6.hd22{margin:0 0 .6em 0;font-size:18px;line-height:1.181818181818em;color:#FAFCFF;}

.cw31w1{display:table;margin-bottom:1px;width:100%}

.cw31w1:after,.cw31w3:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.cw31w1>ul{display:table-row;padding:0px;}

.cw31w1>ul>li{display:table-cell;position: relative;vertical-align:bottom;/* width:25%; */margin-left:2.8747433264887063%;font-size:28px;font-size:20px;line-height:28px;line-height:20px; border-bottom: 2px solid #f4f4f4;}

.cw31w1>ul>li a{color:#dae6f5;position:relative;padding-bottom: 7px;display:block;/* border-bottom:5px solid #4F8CE0; margin-right:25px;*/ text-align: center;}

.cw31w1>ul>li:hover,.cw31w1>ul>li a:hover{text-decoration:none;color:#fff;-webkit-transition:color 300ms ease;-moz-transition:color 300ms ease;-ms-transition:color 300ms ease;-o-transition:color 300ms ease;transition:color 300ms ease}

/*.cw31w1>ul>li .f-pic {
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
 .cw31w1>ul>li:hover .f-pic {
	transform:rotate(360deg); 
	-wekbit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
} */
.cw31w1>ul>li:hover .f-pic {
	moz-transform:scale(0.8,0.8); 
-webkit-transform:scale(0.8,0.8); 
-o-transform:scale(0.8,0.8); 
transition:all 0.4s;
-webkit-transition:all 0.4s;
} 


.cw31w1>ul>li:first-child{margin-left:0}


.cw31w1.selectall .cw31w3{display:block!important;padding-bottom:0}

.cw31w1>ul>li.selected,.cw31w1.selectall>ul>li{/* font-weight:bold; */}
.cw31w1>ul>li.selected:after,.cw31w1.selectall>ul>li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #f4f4f4 transparent;
    margin-left: -14px;
}


.cw31w1>ul>li.selected a,.cw31w1.selectall>ul>li a{color:#fff;/* border-color:#2871d5; */}

/* .cw31w1>ul>li.selected a:after,.cw31w1.selectall>ul>li a:after{content:"";display:block;position:absolute;right:0;bottom:22px;background:url('//www.oracleimg.com/us/assets/cw31-sprite.png') -182px 0 no-repeat;width:20px;height:10px} */

.cw31w3{display:none;position:relative;padding-bottom:36px;}

.cw31w3 .cw31bgimg{display:block;position:absolute;right:0;top:40px; margin-bottom:60px;width:50%;}

.cw31w4{position:relative;overflow:hidden;width:40%;font-size:18px;font-size:1.8rem;z-index:1;padding-top:40px}

.cw31w4>ul.icn-list>li{list-style: none;}

.cw31w4>ul.icn-list>li>p{font-size: 16px; line-height: 24px; color:#BBCBE4;}

.cw31w4>ul.icn-list>li:before,.cw31w4>ul.icn-list>li i.ie-icn{left:.4em;font-size:8.0rem}

.cw31w4 ul li p+ul.icn-list{margin-top:-1em}

.cw31w4 ul li ul.icn-list>li{display:block;position:relative;margin-top:10px}

.cw31w4 ul li ul.icn-list>li:before{top:.05em}

.cw31w4 ul.icn-list>li a{font-weight:bold;font-size:18px;font-size:1.8rem}

.cw31w4 ul>li a.icn-video-sm{display:block;position:relative;padding:10px 0 0 30px;font-weight:bold}

.cw31w4 ul>li a.icn-video-sm:before{content:"";background:url("//www.oracleimg.com/us/assets/generic-asset-icons.png") no-repeat -221px -20px;display:block;position:absolute;width:26px;height:26px;left:0}

.cw31w4 ul>li{margin:0 0 1.2em;clear:both;position:relative}

a.cw31cta{display:block;position:relative;padding:10px 0 0 18px;font-weight:bold}

.cw31cta:before{content:"";display:block;position:absolute;left:0;top:18px;background:url('//www.oracleimg.com/us/assets/cw25-sprite.png') -19px -140px no-repeat;width:12px;height:10px}

.cw31 li>ul.obullets li:before{background-image:none;width:0;height:0}

.cw31 li>ul li{padding:0 0 0 20px;min-height:0;margin:0}

@media(min-width:0) and (max-width:770px){.cw31w4>ul.icn-list>li:before,.cw31w4>ul.icn-list>li i.ie-icn{top:0}}

@media(min-width:771px) and (max-width:974px){.cw31cta:before{top:16px}}

@media(min-width:501px) and (max-width:770px){.cw31cta:before{top:15px}.cw31w4>ul.icn-list>li{padding-left:0px;}}

@media only screen and (max-width:600px){
.cw31w1{margin-bottom:0;padding-left: 20px;padding-right: 20px;}
.cw31w1>ul>li.selected:after{right:20px}
.cw31w1,.cw31w1>ul,.cw31w1>ul>li,.cw31w1>ul>li a{display:block}
.cw31w1>ul>li a{margin-left:20px;/* padding:30px 20px 17px 0 */}
.cw31w3 .cw31bgimg{position:relative;width:100%!important;right:0;}
.cw31w4{width:100%;padding-top:20px}.cw31w4>ul.icn-list>li{padding-left:0px;}
.cw31w4>ul.icn-list>li:before{left:0}.cw31w4 ul>li a.icn-video-sm:before{background-position:-221px -23px}
.cw31w1>ul>li{float:none;width:104.8828124%;margin:0 -2.4414062% 10px!important;border-bottom: 2px solid #f4f4f4;}
.ct06tabs ~ .cw31>.cw31w1{margin-top:-50px}.ct06tabs ~ .cw31>.cw31w1>ul>li:first-child{background:0}
}
@media(min-width:601px) and (max-width:770px){.cw31w3 .cw31bgimg{right:0;width:59.944559%!important}}
@media only screen and (max-width:771px){.cw31w4 ul li ul.icn-list>li:before{top:-.1em}}
@media only screen and (max-width:500px){.cw31w4>ul.icn-list>li{padding-left:0px;}.cw31w4>ul.icn-list>li:before{width:50px}.cw31cta:before{top:13px}.cw31w1>ul>li a{padding:30px 40px 17px 40px;margin:0 10px}.cw31w1>ul>li.selected:after{right:10px}}
@media \0screen\,screen\9{.cw31{position:relative;z-index:1}.cw31bgimg{z-index:-1;width:58%}}




.f-pic {
background: url("../../../images/function/integrate.svg") no-repeat 0 0;
}
.f-sgroup-pic1 {
background-position: -9px 3px;
}
.cw31w1>ul>li.selected .f-sgroup-pic1, .cw31w1.selectall>ul>li .f-sgroup-pic1 {
background-position: -9px -97px;
}
.f-sgroup-pic2 {
background-position: -149px 3px;
}
.cw31w1>ul>li.selected .f-sgroup-pic2, .cw31w1.selectall>ul>li .f-sgroup-pic2 {
background-position: -149px -97px;
}
.f-sgroup-pic3 {
background-position: -289px 3px;
}
.cw31w1>ul>li.selected .f-sgroup-pic3, .cw31w1.selectall>ul>li .f-sgroup-pic3 {
background-position: -289px -97px;
}
.f-pic {
width: 102px;
height: 102px;
background-repeat: no-repeat;
margin: 0 auto;
}
.f-hover {
width: 60px;
height: 60px;
cursor: pointer;
display: none;
}
.f-txt {
width: 100%;
font-size: 18px;
line-height: 46px;
}
/* .f-arrow {
position: absolute;
bottom: -1px;
left: 46%;
display: none;
width: 31px;
height: 10px;
background: url("../../../images/function/arrow.png") no-repeat;
background-size: 100%;
}
.cw31w1>ul>li.selected .f-arrow, .cw31w1.selectall>ul>li .f-arrow{
display: block;
}
 */