/*banner*/
.SuccessBox { background-color: #3d75ae; /*background-image: url(/img-2017/success/success-banner-bg.jpg);*/ background-position: left bottom; background-repeat: no-repeat; overflow: hidden; background-size: cover; position: relative; }
.SuccessCell { display: table-cell; vertical-align: middle; padding: 20px; }
.SuccessCellQuote { display: table-cell; vertical-align: middle; padding: 20px; max-width: 700px; height: 140px; color: #FFFFFF; font-size: 20px; text-align: left; white-space: normal; }
.SuccessContainer { display: block; width: 100%; position: relative; }
.SuccessLink { font-size: 14px; color: #b9e3ff; text-decoration: none; }
.SuccessLink:hover { text-decoration: underline; color: #b9e3ff; }
.SuccessNav { position: absolute; bottom: 0px; height: 100%; width: 100%; cursor: pointer; }
.SuccessNavCellLeft { display: table-cell; vertical-align: middle; width: 25%; background-repeat: no-repeat; background-position: left 10px center; background-size: auto 100px; }
.SuccessNavCellMid { display: table-cell; vertical-align: middle; width: 50%; background-repeat: no-repeat; background-position: left 10px center; background-size: auto 100px; }
.SuccessNavCellRight { display: table-cell; vertical-align: middle; width: 25%; background-repeat: no-repeat; background-position: right 10px center; background-size: auto 100px; }
.SuccessNavRow { display: table-row; white-space: normal; }
.SuccessNavTable { display: table; height: 100%; width: 100%; white-space: normal; }
.SuccessQuote {  }
.SuccessPortraitBox { width: 80px; border-radius: 4px; border: 1px solid #42A4E4; line-height: 0px; position: relative; display: inline-block; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.15); padding-bottom: 5px; }
.SuccessPortrait { width: 100%; border-radius: 4px; }
.SuccessPortraitDB { float: right; width: 60px; padding: 10px 10px 10px 20px; border-radius: 4px; border: 1px solid transparent; }
.SuccessPortraitCaption { line-height: 14px; letter-spacing: 1px; font-size: 14px; background-color: #42A4E4; position: absolute; bottom: 0px; width: 100%; color: #FFFFFF; }
.SuccessRow { display: table-row; }
.SuccessTable { display: table; }
/*list*/
.SuccessDBNavItem { display: inline-block; width: 138px; font-size: 14px; padding: 4px; cursor: pointer; border: 1px solid transparent; text-align: left; }
.SuccessDBNavItem:hover { color: #3d75ae; border-color: #CCCCCC; }
.SuccessDBNavItem1 { display: inline-block; width: 138px; font-size: 14px; padding: 4px; cursor: pointer; text-align: left; background-color: #3d75ae; color: #FFFFFF; border: 1px solid #3d75ae; }
.SuccessDBNavItemMain { padding: 5px; cursor: pointer; border: 1px solid transparent; text-align: left; font-size: 15px; }
.SuccessDBNavItemMain:hover { color: #3d75ae; border-color: #CCCCCC; }
.SuccessDBNavItemMainCol { display: inline-block; width:160px; vertical-align: top; padding-bottom: 20px; }
.SuccessQuoteListRow { display: table-row; }
.SuccessQuoteListTable { display: table; width:100%; background-color: #FFFFFF; margin-bottom: 10px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); padding-bottom: 5px; }
.SuccessQuoteListCellImg { display: table-cell; vertical-align: top; width: 60px; padding:10px; line-height: 0px; }
.SuccessQuoteListCellText { display: table-cell; vertical-align: middle; padding: 10px; }

@media screen and (max-width: 1400px) { 
}
@media screen and (max-width: 1350px) { 
}
@media screen and (max-width: 1300px) { 
}
@media screen and (max-width: 1250px) { 
}
@media screen and (max-width: 1200px) { 
}
@media screen and (max-width: 1150px) { 
}
@media screen and (max-width: 1100px) { 
}
@media screen and (max-width: 1050px) { 
}
@media screen and (max-width: 1000px) { 
	.SuccessQuoteListCellImg { vertical-align: top; }
}
@media screen and (max-width: 950px) { 
}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 850px) {
}
@media screen and (max-width: 800px) { 
}
@media screen and (max-width: 750px) { 
}
@media screen and (max-width: 700px) { 
	.SuccessBox { overflow: visible; }
	.SuccessTable { display: block; }
	.SuccessRow { display: block; text-align: center; }
	.SuccessCell { display: inline-block; }
	.SuccessCellQuote { display: inline-block; text-align: center; max-width: 100%; height: auto; font-size: 15px; }
}
@media screen and (max-width: 650px) { 
}
@media screen and (max-width: 600px) { 
}
@media screen and (max-width: 550px) { 
}
@media screen and (max-width: 500px) { 
}
@media screen and (max-width: 450px) { 
	.SuccessCellQuote { height: 100px; padding-bottom: 0px; }
}
@media screen and (max-width: 400px) { 
	.SuccessLink { font-size: 12px; }
	.SuccessQuoteListCellImg { padding: 10px 0px 10px 10px; }
}
@media screen and (max-width: 350px) { 
	.SuccessCellQuote { font-size: 13px; }
	.SuccessQuoteListCellImg { width:40px; }
}
@media screen and (max-width: 300px) { 
}