@import "../../common/css/reset.css";
@import "../../common/css/fonts.css";
@import "../../common/css/core.css";
@import "../../common/css/content.css";
@import "../../common/css/adaptive.css";



.bk-content h1{
	font-size: 2em;
	line-height: 1.500em;
	margin: 15px auto 11px;
}
.bk-content h1.double-line{
	line-height: 1em;
	margin: 18px auto;
}
.bk-content h2{
	font-size: 1.333em;
	line-height: 1.250em;
}
.bk-content h3{
	font-size: 1.444em;
    line-height: 1.231em;
}
.bk-content .img-wrap.circle.txtOnly > div{
	font-size: 1.333em;
	line-height: 1.167em;
}
.bk-content .img-wrap.circle.txtOnly > div span{
	font-size: 1.556em;
	line-height: 1.214em;
}
.bk-content .img-wrap.circle.txtOnly > div strong{
	font-size: 1.900em;
    line-height: 1em;
}
.bk-content .two-col .col-title{
	font-size: 1.222em;
}
.btn-wrap a.prev-btn,
.btn-wrap a.next-btn{
	width: 160px !important;
}
.bk-content .remarks{
	padding: 8px 20px 10px 0;
}
.bk-content .icon-title{
	margin-top: 15px;
}
.bk-content .green-bg-wrap{
	padding: 55px 10px 53px 300px;
}

.bk-content#p11 .page-content{
	margin-bottom: 18px;
}
.bk-content#p11 .img-bg{
	padding-top: 12px;
}
.bk-content#p11 .icon-title{
	font-weight: bold;
}
.bk-content#p11 .icon-title span{
	width: 165px;
}
.bk-content#p11 .expand-btn-wrap{
	margin: 15px 0 16px;
}
.bk-content#p11 .popup-content h2{
	line-height: 1.167em;
}
.bk-content#p11 .popup-content ul li{
	font-size: 1em;
	line-height: 1.333em;
	margin-bottom: 15px;
}
.bk-content#p11 .popup-content h3{
	font-size: 1.333em;
	line-height: 1.167em;
	padding-right: 80px;
}
.bk-content#p11 .popup-content .remarks{
	line-height: 1.200em;
	font-size: 0.833em;
	margin-top: 8px;
}
.bk-content#p11 .popup-content.small{
	font-size: 1em;
    line-height: 1.333em;
	/* top: 226px; */
	/* height: 230px; */
}
.bk-content#p11 .popup-content#popup3 {
    top: 12px;
}
.bk-content#p11 .popup-content .scrollpane{
	max-height: 180px;
}
.bk-content ul.remarks-list li{
	line-height: 1.286em;
}
.bk-content#p12 h1{
	margin-bottom: 11px;
}
.bk-content#p12 .two-col{
	margin-bottom: 24px;
}
.bk-content#p12 p.lead{
	font-size: 1.333em;
	line-height: 1.167em;
	padding-right: 20px;
}
.bk-content#p12 .disclaimer > div ol,
.bk-content#p12 .disclaimer > div p{
	font-size: 0.833em;
}
.bk-content#p12 .disclaimer > div  ol li{
	margin-top: 12px;
}
.bk-content#p1 .img-bg{
	margin-top: 0;
}
.bk-content#p1 h2{
	margin-top: 24px;
    margin-bottom: 24px;
}
.bk-content#p2 .page-content > .two-col{
	height: 430px;
}
.bk-content#p2 .page-content > .two-col > .col{
	align-self: center;
}
.bk-content#p2 .page-content .two-col .col:first-child h3{
	font-size: 1.222em;
	line-height: 1em;
}
.bk-content#p2 .page-content .two-col .col .img-wrap .img-wrap > div{
	font-size: 1.111em !important;
	line-height: 1em;
}
.bk-content#p2 .page-content .two-col .col .img-wrap .img-wrap img{
	margin-bottom: 7px;
	margin-top: 12px;
}
.bk-content#p2 .page-content .two-col .col .img-wrap .img-wrap strong{
	font-size: 1.600em;
}
.bk-content#p2 .page-content h2{
	font-size: 1.666em;
}
.bk-content#p2 .page-content > .two-col > .col .white-bg{
	padding-bottom: 26px;
	padding: 30px;
}
.bk-content#p2 .page-content .three-col .col:first-child{
	flex: 1 1 auto;
	min-width: 0;
	max-width: none;
}
.bk-content#p2 .page-content .three-col .col:last-child{
	flex: 0 1 20px;
    min-width: 20px;
    max-width: 20px;
}
.bk-content#p2 .remarks {
    margin-bottom: 22px;
}
.bk-content#p3 .page-content .two-col > .col:first-child{
	align-self: center;
}
.bk-content#p3 .page-content .white-bg{
	padding: 23px 0;
}
.bk-content#p3 .page-content .white-bg p{
	font-size: 1em;
	line-height: 1.222em;
}
.bk-content#p3 .page-content h2{
	margin-top: 10px;
}
.bk-content#p3 .remarks {
    margin-bottom: 22px;
}
.bk-content#p4 h1{
	font-size: 2.000em;
}
.bk-content h1 span{
	font-size: 0.833em;
}
.bk-content#p4 .page-content > h3{
	font-size: 1.222em;
	line-height: 1.455em;
	padding: 0px 20px;
}
.bk-content#p4 .page-content > h3 span {
    font-size: 0.818em;
}
.bk-content#p4 .five-col{
	margin-bottom: 17px;
}
.bk-content#p4 .five-col .col h3{
	font-size: 1.111em;
	line-height: 1.100em;
	margin-top: 12px;
}
.bk-content#p4 .five-col .col p{
	padding: 0 15px;
}
.bk-content#p4 .page-content > h3.white-txt{
	font-size: 1.555em;
    line-height: 1em;
    padding: 8px 20px;
	margin-bottom: 18px;
}
.bk-content#p4 .remarks {
    margin-bottom: 26px;
}
.bk-content#p5 h3.light-blue-txt{
	font-size: 1.333em;
}
.bk-content#p5 .page-content > .two-col > .col > .two-col .col h3{
	margin-top: 18px;
}
.bk-content#p5 .page-content > .two-col:last-of-type{
	min-height: 360px;
}
.bk-content#p5 h2{
	font-weight: 700;
	font-size: 1.444em;
}
.bk-content#p6 h3{
	font-size: 1.222em;
	line-height: 1.455em;
	padding: 0px 20px;
}
.bk-content#p6 h3 span{
	font-size: 0.818em;
}
.bk-content#p6 .five-col .col .title{
	font-weight: 700;
	font-size: 1.333em;
    line-height: 1.167em;
}
.bk-content#p6 .five-col .col .title span{
	font-weight: 700;
    font-size: 0.667em;
}
.bk-content#p6 .five-col .col p{
	font-size: 0.833em;
	margin-top: 10px;
}
.bk-content#p6 .five-col .col p.red-bg{
	font-size: 1.111em;
    line-height: 2.700em;
	padding: 0px 7px;
	margin-top: 5px;
}
.bk-content#p6 h2{
	font-weight: 700;
}
.bk-content#p7 .page-content > .two-col > .col h3{
	font-size: 1.111em;
}
.bk-content#p7 .page-content > .two-col > .col img{
	margin: 15px auto 7px;
}
.bk-content#p7 p.remarks{
	font-size: 0.778em;
	margin: 6px 0 12px;
}
.bk-content#p7 .page-content > .two-col > .col.a-center p{
	font-size: 1em;
    line-height: 1.556em;
	letter-spacing: 0;
	margin-top: 30px;
}
.bk-content#p7 .page-content > .two-col > .col.a-center p.light-green-txt{
	font-size: 1.333em;
    line-height: 1.417em;
}
.bk-content#p7 .img-bg{
	padding: 20px 0;
}
.bk-content#p7 .img-bg .two-col .col{
	font-size: 0.889em;
}
.bk-content#p7 .img-bg .two-col .col p strong{
	font-size: 1.250em;
}
.bk-content#p7 .img-bg .two-col .col .light-blue-txt{
	font-size: 1.500em;
	margin: 19px 0 0;
	font-weight: 700;
}
.bk-content#p7 .img-bg .two-col .col h2{
	font-size: 1.500em;
}
.bk-content#p7 .img-bg .two-col .col h2 + p{
	font-size: 0.875em;
}
.bk-content#p7 sup{
	margin-right: 5px;
}
.bk-content#p7 .img-bg .two-col .col .img-wrap > div{
	font-size: 1.500em;
    line-height: 1.083em;
	font-weight: bold;
}
.bk-content#p7 div.remarks{
	margin-bottom: 12px;
}
.bk-content#p7 div.remarks span{
	white-space: nowrap;
}
.bk-content#p8 h1{
	font-weight: 700;
}
.bk-content#p8 .img-bg{
	min-height: 455px;
}
.bk-content#p8 .img-bg > div{
	padding: 45px 9px 30px 30px;
}
.bk-content#p8 .img-bg h3{
	font-size: 1.444em;
	line-height: 1.231em;
}
.bk-content#p8 .white-bg{
	margin-bottom: 22px;
}
.bk-content#p8 .white-bg h3{
	font-size: 1.111em;
}
.bk-content#p8 .img-bg p{
	font-size: 1em;
    line-height: 1.333em;
}
.bk-content#p8 h2{
	margin-top: 0;
}
.bk-content#p9 .icon-title{
	font-size: 1.333em;
}
.bk-content#p9 ul{
	font-size: 1em;
    line-height: 1.222em;
}
.bk-content#p9 ul li{
	margin-bottom: 9px;
}
.bk-content#p9 ul li:before{
	top: .25em;
}
.bk-content ul.tick-list li:before{
	top: 0px;
}
.bk-content#p9 .two-col .col:last-child{
	padding: 41px 30px 41px 20px;
}
.bk-content#p9 .three-col .col:nth-child(2){
	padding-right: 40px;
}
.bk-content#p9 .two-col .col h3 {
    font-size: 1.333em;
    line-height: 1em;
    font-weight: 700;
	margin-bottom: 16px;
}
.bk-content#p9 .two-col .col p{
	font-size: 1em;
	line-height: 1.333em;
}
.bk-content#p9 h2{
	font-size: 1.667em;
}
.bk-content#p9 h2 input{
	padding: 4px 30px 5px;
}
.bk-content#p9 ul.remarks-list{
	margin-bottom: 13px;
}
.bk-content#p10 .case-sharing{
	margin-top: -7px;
}
.bk-content#p10 .case-sharing > div .case-info{
	font-size: 0.944em;
    line-height: 1.412em;
	padding: 16px 10px 26px 17px;
}
.bk-content#p10 .case-sharing > div .case-info h2{
	font-size: 1.294em;
}
.bk-content#p10 .case-sharing > div .case-info p{
	margin-top: 0;
}
.bk-content#p10 .case-sharing > div .grey-bg{
	padding: 18px 18px 34px 20px;
}
.bk-content#p10 .case-sharing > div .grey-bg .cat-wrap .heading{
	font-size: 1.222em;
	line-height: 1.636em;
	flex: 0 1 110px;
    min-width: 110px;
}
.bk-content#p10 .case-sharing > div .grey-bg .cat-wrap .details li{
	font-size: 1em;
    line-height: 1.333em;
}
.bk-content#p10 .case-sharing > div .grey-bg .cat-wrap .details ul{
	margin-bottom: 20px;
}
.bk-content#p11 .icon-title .purple-txt span{
	width: auto;
}
.bk-content .expand-btn-wrap a:nth-child(2){
	padding: 14px 50px;
	line-height: 22px;
}
.bk-content#p11 .popup-content p{
	line-height: 1.444em;
	margin-bottom: 25px;
	font-size: 1em;
}
.bk-content#p11 .popup-content .remarks{
	font-size: 0.778em;
}
.bk-content#p11 .popup-content#popup2 .two-col .col p:first-child{
	margin-bottom: 35px;
}
.bk-content#p11 .popup-content#popup2 .two-col .col p{
	font-size: 0.833em;
	line-height: 1.200em;
}
.bk-content#p11 .popup-content#popup2 .two-col .col p img{
	float: left;
    margin-top: -4px;
    margin-right: 5px;
}






@media screen and (max-width: 1090px){
	
	.bk-content#p12 p.lead br:first-child{
		display: none;
	}
	.bk-content#p1 h2{
		margin-bottom: 26px;
	}
	.bk-content#p7 .page-content > .two-col > .col.a-center p{
		margin-top: 25px;
	}
	.bk-content#p7 .page-content > .two-col > .col.a-center p br{
		display: none;
	}
	.bk-content#p7 .page-content > .two-col > .col.a-center p.light-green-txt{
		letter-spacing: -0.05em;
	}
	.bk-content#p7 .page-content > .two-col > .col.a-center p.light-green-txt sup{
		top: -.8em;
	}
	.bk-content#p7 .page-content > .two-col > .col img{
		margin-top: 10px;
	}
	.bk-content#p8 .img-bg{
		min-height: 0;
	}
	.bk-content#p9 h1 > br:last-child{
		display: inline-block;
	}
	.bk-content#p10 .case-sharing > div .grey-bg .cat-wrap .details{
		padding-top: 7px;
	}
	.bk-content#p10 .page-content {
		margin-bottom: 17px;
	}
	.bk-content#p10 .case-sharing{
		margin-top: 0;
	}
	.bk-content#p10 .case-sharing > div .grey-bg .cat-wrap .details ul {
		margin-bottom: 12px;
	}
}


@media screen and (max-width: 980px){
	.bk-content h1{
		line-height: 1.167em;
	}
	.bk-content#p11 p.lead {
		margin-bottom: 20px;
	}
	.bk-content#p11 .icon-title span {
		width: 150px;
	}
	.bk-content#p11 .popup-content ul li{
		font-size: 0.889em;
		line-height: 1.250em;
	}
	.bk-content#p11 .popup-content h3{
		font-size: 1.222em;
		padding-right: 70px;
	}
	.bk-content#p11 .popup-content {
		top: -50px;
	}
	.bk-content#p11 .popup-content.small {
		top: 40px;
	}
	.bk-content#p11 .popup-content#popup3 {
		top: 20px;
	}
	.bk-content#p11 .popup-content.small p{
		font-size: 0.889em;
		line-height: 1.250em;
	}
	.bk-content#p12 p.lead{
		font-size: 1.111em;
		line-height: 1.400em;
	}
	.bk-content#p1 h2{
		margin-top: 8px;
	}
	.bk-content#p2 .page-content > .two-col{
		height: auto;
	}
	.bk-content#p7 .page-content > .two-col > .col.a-center p br{
		display: inline-block;
	}
	.bk-content#p7 .page-content > .two-col > .col.a-center p {
		margin-top: 15px;
	}
	.bk-content#p9 .three-col{
		max-width: 320px;
	}
	.bk-content#p9 .two-col .col h3{
		line-height: 1.100em;
	}
	.bk-content#p9 .two-col .col:last-child{
		padding: 41px 30px 21px 20px;
	}
	.bk-content#p10 .case-sharing > div .grey-bg{
		padding-bottom: 4px;
	}
	/* .bk-content#p11 .popup-content, .bk-content#p11 .popup-content.small{
		bottom: 342px;
	} */
}

@media screen and (max-width: 767px){
	.btn-wrap a.prev-btn, .btn-wrap a.next-btn, .btn-wrap a.next-btn.long{
		width: 110px !important;
	}	
	.bk-content .img-wrap.circle.txtOnly > div{
		font-size: 0.813em !important;
		line-height: 1.538em;
	}
	.bk-content .img-wrap.circle.txtOnly > div strong{
		font-size: 1.385em;
	}
	
	.bk-content#p11 .icon-title span{
		width: 135px;
	}
	.bk-content#p11 .popup-content ul li{
		margin-bottom: 10px;
	}
	.bk-content#p11 .popup-content h3{
		padding-right: 0;
	}
	.bk-content#p11 .popup-content {
		top: -107px;
	}
	.bk-content#p11 .popup-content.small {
		top: 52px;
	}
	.bk-content#p11 .popup-content#popup3 {
		top: 33px;
	}
	.bk-content#p8 ul.remarks-list li,
	.bk-content ul.remarks-list li{
		font-size: 0.750em !important;
	}
	.bk-content#p1 h2{
		margin-bottom: 17px;
	}
	.bk-content#p2 .page-content .two-col .col .img-wrap .img-wrap > div{
		font-size: 0.875em !important;
	}
	.bk-content#p2 .page-content .two-col .col .img-wrap .img-wrap img{
		margin-top: 0px;
	}
	.bk-content#p4 .page-content > h3{
		padding: 3px 20px 2px;
	}
	.bk-content#p4 .five-col{
		margin-bottom: 0;
	}
	.bk-content#p4 .five-col .col h3{
		margin-top: 5px;
	}
	.bk-content#p4 .page-content > h3.white-txt{
		margin-bottom: 10px;
		padding: 6px 20px;
	}
	.bk-content#p5 .page-content > .two-col > .col > .two-col .col h3{
		margin-top: 12px !important;
	}
	.bk-content#p6 h3{
		padding: 6px 20px;
	}
	.bk-content#p6 .five-col .col p.red-bg{
		font-size: 1em;
		line-height: 2.750em;
		padding: 0px 6px;
	}
	.bk-content#p7 .page-content > .two-col > .col.a-center p{
		font-size: 0.875em;
	}
	.bk-content#p7 .page-content > .two-col > .col.a-center p.light-green-txt{
		font-size: 1em;
	}
	.bk-content#p7 .page-content > .two-col > .col img {
		margin-top: 5px;
	}
	.bk-content#p9 .three-col {
		max-width: 290px;
	}
	.bk-content#p9 ul{
		font-size: 0.875em;
	}
	.bk-content#p9 ul li {
		margin-bottom: 6px;
	}
	.bk-content#p9 .two-col .col h3{
		margin-bottom: 10px;
	}
	.bk-content#p10 .page-content {
		margin-bottom: 9px;
	}
	.bk-content#p11 .icon-title .purple-txt span{
		padding-right: 0;
	}
	.bk-content .expand-btn-wrap a{
		flex: 0 1 270px;
	}
	.bk-content#p11 .popup-content .scrollpane.mCS_no_scrollbar{
		padding-right: 0;
	}
}


@media screen and (max-width: 550px){
	.bk-content#p11 .icon-title .purple-txt span{
		width: 36.5%;
		min-width: 135px;
	}
}


@media screen and (max-width: 450px){
	.bk-content#p11 .popup-content {
		top: -87px;
	}
	.bk-content#p11 .popup-content.small {
		top: 71px;
	}
	.bk-content#p11 .popup-content#popup3 {
		top: -41px;
	}
	.bk-content#p7 .page-content > .two-col > .col.a-center p br {
		display: none;
	}
	.bk-content#p11 .icon-title span{
		width: 100px;
	}
	.bk-content#p11 .icon-title .purple-txt span{
		min-width: 90px;
	}
}

@media screen and (max-width: 380px){
	.bk-content#p11 .icon-title span {
		width: calc(100% - 135px) !important;
		min-width: 0 !important;
	}
	.bk-content .expand-btn-wrap a:nth-child(2){
		padding: 3px 60px 3px 40px !important;
		line-height: 18px;
	}
}


