.affiliate-banner {
	background:url(header.webp)#cccc no-repeat center;
	background-size:cover;
	 
 }
 .affiliate-banner-content { width: 1300px; margin: auto; }
 .affiliate-banner.program { background:#fff; }  
 .affiliate-banner .trans-bg {
	 background:rgba(0,0,0,0.5);
	 height:500px; 
 }
 .aff-bnr-txt { 
	 	 padding:30px 70px;
		 text-align:center;
		 color:#fff;
 }
  .aff-bnr-txt .aff-headings { font-size:20px; font-weight:bold; padding-top: 115px; }
  .aff-bnr-txt p { margin-bottom:10px; font-size: 14px; line-height: 1.7em; }
 .join-now {
	 background:#ff6e03;
	 color:#fff;
	 padding: 15px 50px;
	 border-radius:3px;
	 font-size:16px;
	 font-weight:600;
	 display:inline-block;
 }
 .join-now:hover, .join-now:active, .join-now:focus {
	 background:#e3660a;
	 color:#fff;
 }

 .affiliate-partners { position: relative; }
 .affiliate-partners .affiliate-cid { position: absolute; left: 0; top: 0; width: 53%; }
 .affiliate-partners .rakuten-mid { position: absolute; right: 0; top: 0; width: 53%; }
 .affiliate-partners .affiliate-cid img { width: 100%; }
 .affiliate-partners .rakuten-mid img  { width: 100%; }

 .leading-ota { background:#F1F8FD; color:#333; padding:15px 0;  }
 .leading-ota .head { font-weight:bold; font-size:14px; }
 .leading-ota .join-now { background:#fff; color:#005DBA; border:1px solid #005DBA; }
 
 .affiliate-container { padding:20px 0;	}
 .affiliate-container .mb20 { margin-bottom:20px; } 
 .affiliate-container .aff-heading { font-size:26px; font-weight:bold; color:#ff6e03; margin-bottom:15px; text-align:center; }
 .affiliate-container .head { font-size:17px; font-weight:600;margin-bottom:10px;  }
 .affiliate-container ul { margin-top:80px; font-size:16px; margin-left:20px; } 
 .affiliate-container ul li { line-height:1.5em; margin-bottom:15px; list-style: initial; }
 .affiliate-container .structure-img { padding:20px; width:200px;  } 
 
 .mt50 { margin-top:50px; }
 .steps-section { background:rgba(0,0,0,0.5); color:#fff; padding:30px 20px; border-radius:5px; width:660px; margin:auto; position:relative;  }
 .steps-section .left-aff { width:160px; float:left; font-size:11px; text-align:center; }
 .steps-section .left-aff b { display:block; font-size:16px; }
 .steps-section .right-aff { width:100px; float:left; }
 .steps-section .center-blockaff { width:calc(100% - 320px); float:left; text-align:center; font-size:11px; } 
 .steps-section .center-blockaff b { display:block; font-size:16px; }
 .dotted-line-left { border-top: 1px dashed #fff;
    display: inline-block;
    width: 16%;
    position: absolute;
    left: 24%;
    top: 50%; }
	.dotted-line-right	{
	border-top: 1px dashed #fff;
    display: inline-block;
    width: 12%;
    position: absolute;
    right: 28%;
    top: 50%;
	}
	
.dotted-line-left:after, .dotted-line-right:after {
	position: absolute;
    right: 0px;
    top: -11px;
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 13px;
    background: #ff6e03;
    width: 18px;
    height: 18px;
    border-radius:50%;
}
@media screen and (max-width: 1299px) { 
.affiliate-banner-content { width: 100%;  }

@media screen and (max-width: 1199px) { 

	   .affiliate-bg  { background: url(affiliate-bg-xs.png) no-repeat; background-size: cover; margin-bottom: 20px; }
	   .rakuten-bg  { background: url(rakuten-bg-xs.png) no-repeat; background-size: cover;  margin-bottom: 40px; }
}

 @media screen and (max-width: 1023px) {
	 .affiliate-container ul {
			margin-top: 0;
			font-size: 14px;
			margin-left: 20px;
		}
		.join-now { padding:12px 40px; } 
		.aff-bnr-txt .aff-headings {   padding-top: 80px; }
 }
 @media screen and (max-width: 767px) { 
	.affiliate-banner  { height:450px; }
	.leading-ota { text-align:center }
	.affiliate-container ul {
			margin-top: 0;
			font-size: 14px;
			margin-left: 20px;
		}
	 
	.affiliate-container .aff-heading { font-size:20px; }
	.steps-section  { width:100%; padding:20px 10px; }
	.steps-section .left-aff  { width:80px; font-size:9px; }
	.steps-section .center-blockaff { width:calc(100% - 160px);font-size:9px; }
	.dotted-line-left { width: 9%; left: 24%; top: 47%; border-top: 0; }
	.dotted-line-right { border-top: 0; width: 9%;  right: 29%;  top: 50%;  }
	.steps-section .center-blockaff b { font-size:14px; }
	.steps-section .left-aff b { font-size:14px; }
	.affiliate-banner.program { height:280px; }
	.aff-bnr-txt .aff-headings {   padding-top: 50px; }
 }