/*	di2 common
============================== */

body {
	background-color:#ededed;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}

/* small button */
.smbtn a {
	display:block;
	font-size:83%;
	height:28px;
	line-height:28px;
	border-radius:14px;
	color:#333;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
	background-color:#ffec66;
	background-image:-moz-linear-gradient(transparent 50%, #ffe000 50%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.5,transparent),color-stop(0.5,#ffe000),to(#ffe000));
	background-image:-ms-linear-gradient(transparent 50%, #ffe000 50%);
	background-image:linear-gradient(transparent 50%, #ffe000 50%);
	padding-left:6px;
}
.smbtn a:before {
	content:"";
	display:block;
	width:16px;
	height:16px;
	background-image:url(/um/v7/img/di2_parts.svg);
	background-position:0 -450px;
	background-repeat:no-repeat;
	float:left;
	margin-right:6px;
	margin-top:6px;
	border-radius:8px;
}

@media all and (min-width: 768px) {

div.con-bg {
	min-width:980px;
	position:relative;
	background-color:#0073cf;
	background-image:url(../img/di2_pc_bg.svg);
	padding:30px 0;
}
div.con-bg div.cover {
	width:980px;
	margin:0 auto;
}
div.con-bg div.cover:after {
	content: "";
	clear: both;
	display: block;
}
div.con-bg div.cover div.con-lef {
	float:left;
	width:660px;
	background-color:#fff;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 1px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 1px;
	-ms-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 1px;
	-o-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 1px;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 1px;
	border-radius:24px;
}
div.single div.cover {
	width:920px;
	background-color:#fff;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 1px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 1px;
	-ms-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 1px;
	-o-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 1px;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 5px 1px;
	border-radius:24px;
}

p.smbtn a:hover {
	background-color:#ffe000;
}

}


@media all and (max-width: 767px) {

div.con-lef {
	background-color:#fff;
}
div.single div.cover main {
	padding:10px;
	background-color:#fff;
}

}


@media all and (min-width: 768px) and (max-width: 979px)  {

div.single {
	padding:25px 0;
}
div.single div.cover {
	width:auto;
	margin:0 25px;
}
div.single div.cover main {
	padding:20px;
}

}

@media all and (min-width: 980px) {
div.single div.cover main {
	padding:25px;
}
}