﻿
/* ********* line ******** */



.dg-line01{
	width:122px;
	border-bottom:1px solid #20a3f0;
	clear:both;
	margin-bottom:8px;
}
.dg-line02{
	width:122px;
	clear:both;
	margin-bottom:8px;
	border-top:1px solid #cccccc;
}
.dg-line02:after{
	content:"";
	border-top:inherit;
	display:block;
	width:64px;
	margin-top:7px;
}
.dg-line03{
	width:150px;
	height:2px;
	background: #20a8e9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#20a8e9), to(#21ccb2));
	background: -webkit-linear-gradient(left, #20a8e9, #21ccb2);
	background: -moz-linear-gradient(left, #20a8e9, #21ccb2);
	background: -o-linear-gradient(left, #20a8e9, #21ccb2);
	background: -ms-linear-gradient(left, #20a8e9, #21ccb2);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#20a8e9, endColorStr=#21ccb2,GradientType= 0);
	clear:both;
	margin-bottom:8px;
}
.dg-line04{
	border-bottom:1px dashed #cccccc;
	position:relative;
	margin:7px 0 15px 20px;
	clear:both;
}
.dg-line04:before{
	position:absolute;
    content: "\f0c4";
	font-family: 'dnngo' !important;
	color:#9e9e9e;
	left:-20px;
	top:-8px;
	font-size:16px;
	line-height:1;
}
.dg-line05{
	border-bottom:1px solid #22cae3;
	margin:0 0 8px ;
	clear:both;
}
.dg-line06{
	border-bottom:2px solid #fbc267;
	margin:0 0 8px ;
	clear:both;
}
.dg-line07{
	border-bottom:1px solid #9b61dc;
	position:relative;
	margin: 0px 0 20px 12px;
	clear:both;
}
.dg-line07:before{
	position:absolute;
    content: "\f02b";
	font-family: 'dnngo' !important;
	color:#9b61dc;
	left:-11px;
	top:-1px;
	font-size:14px;
	line-height:1;
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
}
.dg-line08{
	border-bottom:1px solid #cccccc;
	position:relative;
	margin: 21px 0 29px 57px;
	clear:both;
}
.dg-line08 .fa{
	position:absolute;
	width:42px;
	height:42px;
	text-align:center;
	line-height:42px;
	font-size:20px;
	border:1px solid #8d8d8d;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	top:-21px;
	left:-57px;
}
.dg-line08.line-right{
	margin-right:57px;
	margin-left:0;
}
.dg-line08.line-right .fa{
	left:auto;
	right:-57px;
}

.dg-line09{
	border-bottom:1px solid #20a3f0;
	clear:both;
	margin:0 0 8px auto;
	width:122px;
}

.dg-line10{
	clear:both;
	height:2px;
	width:150px;
	background: #20a8e9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a464d5), to(#eb7e9f));
	background: -webkit-linear-gradient(left, #a464d5, #eb7e9f);
	background: -moz-linear-gradient(left, #a464d5, #eb7e9f);
	background: -o-linear-gradient(left, #a464d5, #eb7e9f);
	background: -ms-linear-gradient(left, #a464d5, #eb7e9f);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#a464d5, endColorStr=#eb7e9f,GradientType= 0);
	margin:0 0 8px auto;
}

.dg-line11{
	clear:both;
	border-bottom:1px solid #20a3f0;
	text-align:right;
	height:15px;
	position:relative;
	width:122px;
	margin:0 0 8px auto;
}
.dg-line11:after{
	content:"";
	width:79px;
	border-bottom:inherit;
	top:7px;
	right:0;
	position:absolute;
}
.dg-line11:before{
	content:"";
	width:47px;
	border-bottom:inherit;
	top:0;
	right:0;
	position:absolute;
}

.dg-line12 {
	clear:both;
	position:relative;
	text-align:center;
	margin-bottom:8px;
}
.dg-line12 .plus{
	width:42px;
	height:42px;
	line-height:40px;
	border:1px solid #8d8d8d;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	font-size:20px;
	color:#8d8d8d;
	position:relative;
}
.dg-line12 .plus:after{
	content:"";
	width:2px;
	height:20px;
	background-color:#8d8d8d;
	position:absolute;
	left:50%;
	top:50%;
	margin:-10px 0 0 -1px;
}
.dg-line12 .plus:before{
	content:"";
	height:2px;
	width:20px;
	background-color:#8d8d8d;
	position:absolute;
	left:50%;
	top:50%;
	margin:-1px 0 0 -10px;
}
.dg-line12:before,
.dg-line12:after{
	content:"";
	position:absolute;
	left:50%;
	width:24%;
	margin-left:37px;
	top:50%;
	border-bottom:1px solid #cccccc
}
.dg-line12:before{
	left:auto;
	right:50%;
	margin:0 37px 0 0;
}

.dg-line13{
	clear:both;
	position:relative;
	text-align:center;
	margin-bottom:8px;
}
.dg-line13 .fa{
	font-size:18px;
	color:#fbc962;
	margin:0px 4px ;
	display:inline-block;
	vertical-align:middle;
	width:1em;
	text-align:center;
}
.dg-line13:before,
.dg-line13:after{
	content:"";
	position:absolute;
	left:50%;
	width:23.4%;
	margin-left:47px;
	top:50%;
	border-bottom:1px solid #fbc962
}
.dg-line13:before{
	left:auto;
	right:50%;
	margin:0 47px 0 0;
}

.dg-line14{
	clear:both;
	position:relative;
	margin-bottom:8px;
	text-align:center;
	overflow:hidden;
}
.dg-line14 .fa{
	width:42px;
	height:42px;
	line-height:40px;
	border:1px solid #bcbcbc;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	color:#8b8b8b;
	position:relative;
}
.dg-line14:before,
.dg-line14:after{
	content:"";
	position:absolute;
	left:50%;
	width:50%;
	margin-left:21px;
	top:50%;
	border-bottom:1px solid #bcbcbc
}
.dg-line14:before{
	left:auto;
	right:50%;
	margin:0 21px 0 0;
}

.dg-line15{
	clear:both;
	position:relative;
	margin-bottom:8px;
	text-align:center;
	overflow:hidden;
}
.dg-line15 .fa{
	width:42px;
	height:42px;
	line-height:40px;
	border:1px solid #bcbcbc;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	color:#8b8b8b;
	position:relative;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.dg-line15:before,
.dg-line15:after{
	content:"";
	position:absolute;
	left:50%;
	width:50%;
	margin-left:37px;
	top:50%;
	height:6px;
	margin-top:-3px;
	border-top:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
}
.dg-line15:before{
	left:auto;
	right:50%;
	margin:-3px 37px 0 0;
}

.dg-line16{
	clear:both;
	position:relative;
	margin-bottom:8px;
	text-align:center;
	overflow:hidden;
}
.dg-line16 .text{
	border:1px solid #cccccc;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
	color:#666666;
	position:relative;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:5px 16px;
}
.dg-line16 .text:before,
.dg-line16 .text:after{
	content:"";
	position:absolute;
	left:100%;
	width:2000px;
	top:50%;
	border-top:1px solid #bcbcbc;
}
.dg-line16 .text:before{
	left:auto;
	right:100%;
}
.dg-line17{
	clear:both;
	position:relative;
	margin-bottom:8px;
	border-bottom:1px solid #cdcdcd;
}
.dg-line17:before,
.dg-line17:after,
.dg-line17 .line{
	content:"";
	width:43px;
	border-bottom:2px solid #20a3f0;
	display:block;
	position:absolute;
	bottom:-1px;
}
.dg-line17:before{
	left:0;
}
.dg-line17:after{
	right:0;
}
.dg-line17 .line{
	left:50%;
	margin-left:-22px;
}
.dg-line18{
	clear:both;
	margin-bottom:8px;
	height:2px;
	background: #0fbcf5;
	background: -webkit-linear-gradient(left, #0fbcf5, #01bff8 , #1f34fe,#0e6713, #0c6a06);
	background: -moz-linear-gradient(left, #0fbcf5,#01bff8 , #1f34fe,#0e6713, #0c6a06);
	background: -o-linear-gradient(left, #0fbcf5,#01bff8 , #1f34fe,#0e6713, #0c6a06);
	background: -ms-linear-gradient(left, #0fbcf5,#01bff8 , #1f34fe,#0e6713, #0c6a06);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#0fbcf5, endColorStr=#0c6a06,GradientType= 0);
}
.dg-line19{
	clear:both;
	position:relative;
	margin-bottom:8px;
	border-bottom:1px solid #cccccc;
}
.dg-line20{
	clear:both;
	position:relative;
	margin-bottom:8px;
	height:5px;
	background:url(../../inset/pages-images/line-bg.png) repeat-x 0 0;
}
.dg-line21{
	clear:both;
	position:relative;
	margin-bottom:8px;
	height:5px;
	background:url(../../inset/pages-images/line-bg.png) repeat-x 0 -6px;
}
.dg-line22{
	clear:both;
	margin-bottom:8px;
	height:2px;
    background: -webkit-radial-gradient(#cdcdcd, #fafafa);
    background: -o-radial-gradient(#cdcdcd, #fafafa);
    background: -moz-radial-gradient(#cdcdcd, #fafafa);
    background: radial-gradient(#cdcdcd, #fafafa);
	background-color:#cdcdcd;
}
.dg-line23{
	clear:both;
	margin-bottom:8px;
	height:6px;
	background: #ececec;
	background: -webkit-linear-gradient(top, #ececec, #fbfbfb);
	background: -moz-linear-gradient(top, #ececec, #fbfbfb);
	background: -o-linear-gradient(top, #ececec, #fbfbfb);
	background: -ms-linear-gradient(top, #ececec, #fbfbfb);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ececec, endColorStr=#fbfbfb,GradientType= 1);
}
.dg-line24{
	clear:both;
	margin-bottom:8px;
	border-bottom:1px dashed #20a3f0;
}
.dg-line25{
	clear:both;
	height:4px;
	margin-bottom:8px;
	border-top:1px dashed #cccccc;
	border-bottom:1px dashed #cccccc;
}
.dg-line26{
	clear:both;
	height:4px;
	margin-bottom:8px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.dg-line27{
	border-bottom: 1px solid #21d3a7;
    clear: both;
    margin: 0 auto 8px ;
    width: 122px;
}
.dg-line28{
    clear: both;
    height: 8px;
    margin: 0 auto 8px ;
    width: 142px;
	position:relative;
}
.dg-line28:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:122px;
	border-bottom: 1px solid #22cae3;
}
.dg-line28:after{
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:122px;
	border-bottom: 1px solid #9b61dc;
}
.dg-line29{
	clear:both;
	width:150px;
	height:2px;
	background: #fbc267;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbc267), to(#f98d8e));
	background: -webkit-linear-gradient(left, #fbc267, #f98d8e);
	background: -moz-linear-gradient(left, #fbc267, #f98d8e);
	background: -o-linear-gradient(left, #fbc267, #f98d8e);
	background: -ms-linear-gradient(left, #fbc267, #f98d8e);
	FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#fbc267, endColorStr=#f98d8e,GradientType= 0);
	margin:0 auto 8px ;
}