.ty-conbox
{
	width:980px;margin:0 auto
}
section.livedockercon_section.section {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0870a8+0,1488c6+99 */
    background: rgb(5,42,66); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(5,42,66,1) 0%,rgba(21,95,141,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(5,42,66,1) 0%,rgba(21,95,141,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(5,42,66,1) 0%,rgba(21,95,141,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0870a8', endColorstr='#1488c6',GradientType=0 ); /* IE6-9 */
}
section.docker_solution_section.section {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0870a8+0,1488c6+99 */
    background: rgb(12,78,114); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(17,76,113,1) 0%,rgba(19,121,177,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(17,76,113,1) 0%,rgba(19,121,177,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(17,76,113,1) 0%,rgba(19,121,177,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0870a8', endColorstr='#1488c6',GradientType=0 ); /* IE6-9 */
}
section.docker_use_cases_home_section.section {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0870a8+0,1488c6+99 */
    background: rgb(19,121,177); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(17,108,159,1) 0%,rgba(25,156,229,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(17,108,159,1) 0%,rgba(25,156,229,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(17,108,159,1) 0%,rgba(25,156,229,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0870a8', endColorstr='#1488c6',GradientType=0 ); /* IE6-9 */
}
.view
{
	height:720px;padding-top:20px;padding-right: 60px;
}
.view h3
{
	font-size:40px;margin-bottom:35px
}
.view-p01
{
	font-size:16px;line-height:28px;margin-bottom:50px
}
.view-p02
{
	text-align:left;margin-top:60px;margin-left:5px;font-size:14px;height:20px;line-height:20px;padding-left:12px
}
.view-p02 span
{
	color:#e5bd48;font-weight:700
}
.ty-section-div
{
	width:980px;height:140px;overflow:hidden;margin:50px 0 35px;position:relative
}
.ty-section-ul
{
	position:absolute;top:0;left:0
}
.ty-section-ul,.ty-section-ul>li
{
	width:1100px;height:140px
}
.ty-section-ul>li
{
	margin:0;float:none;border:0;width:980px;height:140px;
}
.ty-section-ul .ty-section-otheruser1
{
	background-position:left 0
}
.ty-section-ul .ty-section-otheruser2
{
	background-position:left -140px
}
.ty-section-ul .ty-section-otheruser3
{
	background-position:left -280px
}
.ty-view-box
{
	width:970px;height:575px;margin:0 auto;position:absolute;
}
.ty-view-browser
{
	width:246px;height:177px;position:absolute;top:315px;left:42px;z-index:60;cursor:pointer
}
.ty-view-app
{
	width:241px;height:156px;position:absolute;top:422px;left:185px;z-index:70
}
.ty-view-network
{
	width:379px;height:250px;position:absolute;top:225px;left:240px;z-index:50;cursor:pointer
}
.ty-view-server
{
	width:549px;height:306px;position:absolute;top:-15px;left:505px;z-index:90;cursor:pointer
}
.ty-view-web
{
	width:73px;height:108px;position:absolute;top:158px;left:576px;z-index:100
}

.ty-view-cardbox
{
	width:970px;height:575px;position:absolute;top:0;left:0;z-index:10
}
.ty-view-browsercard
{
	width:456px;height:394px;position:absolute;top:27px;left:0;z-index:15
}
.ty-view-appcard
{
	width:397px;height:504px;position:absolute;top:5px;left:0;z-index:15
}
.ty-view-networkcard
{
	width:490px;height:185px;position:absolute;top:405px;left:520px;z-index:15
}
.ty-view-servercard
{
	width:384px;height:324px;position:absolute;bottom:-30px;right:-40px;z-index:15
}
.ty-view-note
{
	position:relative
}
.view-p02
{
	margin-top:0;display:none
}
.view-p02.current
{
	display:block
}
.ty-view-arrow
{
	width:13px;height:9px;font-size:0;position:absolute;z-index:200
}
.ty-view-arrow1
{
	top:387px;left:232px;background-position:left 0
}
.ty-view-arrow2
{
	top:461px;left:358px;opacity:0;filter:alpha(opacity=0);background-position:left 0
}
.ty-view-arrow3
{
	top:355px;left:410px;background-position:left 0px
}
.ty-view-arrow4
{
	top:355px;left:426px;background-position:left -10px
}
.ty-view-arrow5
{
	top:230px;left:620px;background-position:left 0
}
.ty-view-arrow6
{
	top:149px;left:760px;background-position:left 0
}
.ty-view-arrow7
{
	top:144px;left:768px;opacity:0;filter:alpha(opacity=0);background-position:left -10px
}
.ty-view-arrow8
{
	top:95px;left:845px;opacity:0;filter:alpha(opacity=0);background-position:left 0
}
.ty-view-arrow9
{
	top:146px;left:772px;opacity:0;filter:alpha(opacity=0);background-position:left -20px
}
.ty-view-app-div
{
	width:244px;height:100px;margin-top:52px;cursor:pointer
}
view-p02 a
{
	color:#e5bd48;font-weight:700
}
.view-p02 a:link,.view-p02 a:visited
{
	color:#e5bd48;text-decoration:none
}
.view-p02 a:hover
{
	color:#e5bd48;text-decoration:none
}
.view-p02 a:active
{
	color:#e5bd48;text-decoration:none
}
.up_note
{
	position:absolute;top:70px;left:40px;width:460px;line-height:28px;color:#cfd9e7
}
.down_note
{
	position:absolute;top:520px;left:520px;width:430px;line-height:28px;color:#cfd9e7
}