.modal-dialog{
	width: 842px;
}
.modal-content{
	background-color:rgba(0,0,0,0);
	border-radius:0;
	border:0;
	box-shadow:none;
}
.modal-header{
	height: 85px;
	width: 100%;
	background: url(../images/popup_bg1.png) center bottom no-repeat;
	border-bottom:0;
}
.modal-header .close{
	opacity: 1;
	margin-top: 7px;
	margin-right: 15px;
}
.modal-header .close:hover{
	opacity: .9;
}
.modal-title{
	font-size: 30px;
	color: #feed3b;
	font-weight: bold;
	line-height: 60px;
	margin-left: 80px;
}
.modal-body{
	background: url(../images/popup_bg2.png) center top repeat;

}
#modal-id .modal-body .row div{
	text-align: center;
	
}
#modal-id .modal-body .row p{
	font-size: 16px;
	color: #838383;
}
.modal-body .row .lgift{
	background: url(../images/popup_line1.gif) bottom repeat-x;
	padding:0 10%;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.modal-body .row .sgift{
	padding:0 20px;
}
.modal-body .row .sgift+.sgift{
	background: url(../images/popup_line2.gif) left repeat-y;
}
#modal-id .modal-body .row h5{
	display: inline-block;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: #1178c9;
	margin:5px;
	line-height: 68px;
	color: #fff;
}
#modal-id .modal-body .row h5 span{
	font-size: 48px;
	font-weight: normal;
	color: #feed3b;
}
#modal-id .modal-body .row .sgift h6{
	font-size: 18px;
	line-height: 22px;
	color: #fe5e02;
	font-weight: bold;
	margin:5px;
	
}

#modal-id .modal-body .row .lgift h6{
	font-size: 28px;
	line-height: 30px;
	color: #fe5e02;
	font-weight: bold;
	
}
.modal-footer{
	background: url(../images/popup_bg3.png) center top no-repeat;
	border-top:0;
}

#modal-result .modal-body{
	padding:2% 10%;
}
#modal-result .modal-body h3{
	display: block;
	background: url(../images/line.gif) bottom left no-repeat;
	background-size: 100% auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 36px;
	color: #fe5e02;
	margin-top: 0;
}
#modal-result .modal-body h2{
	margin-bottom: 20px;
	font-size: 24px;
	color: #fe5e02;
	margin-top: 0;
	font-weight: bold;
	
}
#modal-result .modal-body .dr2{
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-top: 20px;
}
#modal-result .modal-body h3 span{
	display: inline-block;
	border-bottom: 3px solid #fe5e02;
	font-size: 72px;
	
}
#modal-result .modal-body h6{
	font-size: 16px;
	color: #1178c9;
	font-weight: bold;
}
#modal-result .modal-body p{
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
}

.modal-body table{
	width: 90%;
	margin: 15px auto;
}
.modal-body td{
	border: 1px solid #f45c00;
	text-align: center;
	padding: 5px;
	color: #666;
}

.modal-body tr{
	
	color: #fff;
	font-weight: 18px;
}
.modal-body .tttd td{
	background: #f45c00;
	color: #fff;

}

@media screen and (max-width:900px) {
.modal-dialog{
	width:90%;
	margin: 0 auto;
}
.modal-header{
	background: url(../images/popup_bg1.png) center bottom no-repeat;
	
}
.modal-title{
	margin-left: 10px;
	font-weight: normal;
	
}
.modal-body{
	background: url(../images/popup_bg2.png) center bottom repeat;
	
}
.modal-body .row .lgift{
	background: url(../images/popup_line1.gif) bottom repeat-x;
	padding:0 10%;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.modal-body .row .sgift{
	padding:0 20px;
}
.modal-body .row .sgift img{
	margin: 0 auto;
}
.modal-body .row .sgift+.sgift{
	background: url(../images/popup_line1.gif) bottom repeat-x;
}
.modal-body .row .sgift{
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(../images/popup_line1.gif) bottom repeat-x;
}

#modal-id .modal-body .row .lgift h6{
	font-size: 18px;
	line-height: 22px;
}
#modal-result .modal-body p{
	font-weight: normal;
}
#modal-result .modal-body h3{
	font-size: 30px;
}
#modal-result .modal-body h2{
	font-weight: normal;
	font-size: 20px;
}
#modal-result .modal-body .dr2{
	padding: 0;
}
#modal-result .modal-body .dr2 img{
	margin: 0 auto;
}
.modal-body table{
	font-weight: normal;
}
}