@charset "utf-8";
/* CSS Document */
.page_banner {background-repeat:no-repeat; background-position:center 0; background-color:#f6f6f6; padding:60px 0;}
.page_banner .title {font-size:48px; line-height:1.2em; font-weight:600; padding:20px 0; text-shadow:0 3px 3px #000;}
.page_banner .title span {display:block;}
.page_banner .info {text-align:center; color:#fff; padding:60px 8%; font-size:18px; line-height:1.2em;font-weight:400;text-shadow:0 2px 1px #000;}
.page_banner .info p {font-size:24px; line-height:1.2em; padding:0 10%;}
.page_banner .btn {text-align:center;}
.page_banner .btn a {margin:10px 0;}
@media (max-width:979px){
	.page_banner .info {padding:60px 0;}
}
@media (max-width:767px){
	.page_banner .title  {font-size:36px;}
	.page_banner .info,
	.page_banner .info p  {padding:0;}
}
@media (max-width:479px){
	.page_banner .title  {font-size:28px;}
	.page_banner .item .title {font-size:24px;}
}

.affiliate_program_guide {padding:60px 0;}
.affiliate_program_guide .column {text-align:center; color:#2c3db0;}
.affiliate_program_guide .cont {padding:20px 0; text-align:center;}
.affiliate_program_guide .item {float:left; width:25%;}
.affiliate_program_guide .num {margin:20px 0; color:#2c3db0; position:relative;}
.affiliate_program_guide .num:after {display:block; content:''; position:absolute; z-index:2; top:8px; left:0; width:100%; height:1px; overflow:hidden; background:#979797;}
.affiliate_program_guide .num .dot {display:block; border-radius:100px; position:relative; z-index:3; width:7px; height:7px; padding:3px; background:#fff; border:solid 2px #2c3db0; margin:0 auto 5px auto;}
.affiliate_program_guide .num .dot:after {display:block; content:''; width:100%; height:100%; border-radius:100px; background:#2c3db0;}
.affiliate_program_guide .info {padding:0 20px; font-size:14px; line-height:1.6;}
@media (max-width:767px){
	.affiliate_program_guide .cont {padding-bottom:0;}
	.affiliate_program_guide .item {float:none; width:auto; padding-bottom:40px;}
}

.affiliate_program {padding:60px 0;}
.affiliate_program .column {text-align:center;}
.product li{ float:left; padding:20px 0; min-height:166px; }
.product li:first-child{ width:48.4%; }
.product li:last-child{ width:47.4%; margin-left:4.2%; }
.product li .img{ width:130px; float:left; }
.product li .text{ padding-left:160px; font-size:15px; line-height:22px; }
.product li .text .title{ font-size:18px; line-height:1.2em; padding-top:8px; padding-bottom:17px; }
.product li .text .info{ padding-bottom:20px; font-size:14px; line-height:1.6em;}
.product li .text .info b {font-weight:normal;}
.product li .text .id{ display:block; color:#2c3db0;}
.product li .text .view{ text-decoration:underline; color:#333;}
.product li .text .view:hover{ color:#2c3db0; }
.product li .text .view.link_red { color:#f15138;}
.product li:first-child .text .info{ padding-right:54px; }
.product .btn {padding:3px 0;}
.btnbox{padding:40px 0; text-align:center;}
@media (max-width:979px){
	.product li .img{ width:80px;  }
	.product li .text{ padding-left:95px; }
	.product li:first-child .text .info{ padding-right:0; }	
}
@media (max-width:767px){
	.product li:first-child , .product li:last-child{ float:none; width:auto; }
}
@media (max-width:479px){
	.product li .img{ float:none;  margin:30px auto 15px; }
	.product li .text{ padding-left:0; }
}

.affiliate_started {padding:60px 0;}
.affiliate_started .column {text-align:center; color:#2c3db0;}
.getstart{padding:20px 5%;}
.getstart li{ padding:20px 5%; width:40%; float:left; line-height:22px; text-align:center; }
.getstart li .title{font-size:24px; line-height:1.2em;}
.getstart li .textinfo{ padding:20px 0; min-height:90px;}
.getstart .cont_select {position:relative; z-index:1; padding:0 140px 0 0;}
.getstart .cont_select .goBtn {position:absolute; z-index:2; top:0; right:0; width:60px;}
.getstart .selectbox{width:100%; position:relative; z-index:2; }
.getstart .selectbox .selected{ border:solid 2px #2c3db0; background-color:#fff; border-radius:4px; text-align:left; cursor:pointer;}
.getstart .selectbox .selected.curr {border-radius:4px 4px 0 0; }
.getstart .selectbox .text{ display:inline-block; padding-left:12px; color:#2c3db0; font-size:18px; line-height:47px; font-weight:500; }
.getstart .selectbox .triangle{ display:inline-block; width:0; height:0; border-top:solid 8px #2c3db0; border-left:solid 5px transparent; border-right:solid 5px transparent; float:right; margin-top:20px; margin-right:10px; }
.getstart .selectbox .triangle.up{ border-top:none;  border-bottom:solid 8px #2c3db0; }
.getstart .selectbox .selectlist{width:100%; width:calc(100% - 4px); position:absolute; top:100%; border:solid 2px #2c3db0; border-top:0; background-color:#fff; border-radius:0 0 4px 4px; font-size:14px; line-height:22px; text-align:left; display:none; z-index:5; }
.getstart .selectbox .selectlist p{ padding-left:15px; padding-right:5px; padding:11px 5px 11px 15px; }
.getstart .selectbox .selectlist p a{color:#989898; display:block; padding:3px 0;}
.getstart .selectbox .selectlist p a:hover {color:#2c3db0; text-decoration:none;}
@media (max-width:979px){
	.getstart {padding:20px 0;}
	.getstart li .textinfo {min-height:120px;}
}
@media (max-width:767px){
	.getstart li{ width:auto; float:none; }
	.getstart li .textinfo{ min-height:auto;}
}
@media (max-width:320px){
	.getstart .cont_select {padding:0 100px 0 0;}
	.getstart .cont_select .goBtn {padding:12px;}
}

.benefits{ background:url(images/bg_repeat1.png) repeat #2c3db0; color:#fff; padding:60px 0;  }
.benefits .column {text-align:center;}
.benefits li{ float:left; margin:30px 1.5%; width:30.333%; text-align:center; }
.benefits li p{ font-size:18px; line-height:1.5em; padding:20px; min-height:80px; border:solid 1px #fff; }
.benefits .btn {text-align:center; padding:20px 0;}
@media (max-width:979px){
	.benefits li p{min-height:120px;}
}
@media (max-width:767px){
	.benefits li{ width:auto; float:none; margin:0 0 15px 0; }
	.benefits li p{min-height:inherit;}
}
.pictext{padding:60px 0;}
.pictext .item {background:#f6f6f6; padding:30px; margin-bottom:30px;}
.pictext .img{ width:28%; float:left; }
.pictext .text{ padding:0 0 0 32%; line-height:1.25em; }
.pictext .text .title{ font-size:24px; line-height:1.2em; font-weight:bold; color:#2c3db0; padding:15px 0;}
.pictext .text b {font-weight:normal;}
.pictext .tpadd2 {padding-top:20px;}
.pictext .text p {padding-bottom:20px;}
.pictext .text .dotlist li{position:relative; padding:5px 0 5px 17px;}
.pictext .text .dotlist li:before{display:inline-block; content:""; width:6px; height:6px; background-color:#5a5b64; border-radius:3px; position:absolute; left:0; top:12px; }
@media (max-width:979px){
	.pictext .text .title {padding:0 0 15px 0;}
	.pictext .tpadd2 {padding:0 0 20px 0;}
}
@media (max-width:767px){
	.pictext .img{ width:auto; float:none;}
	.pictext .text {padding:20px 0 0 0;}
}

.affiliate_contact {text-align:center; background:#5a5b64; color:#fff; padding:80px 0; position:relative; z-index:1; overflow:hidden;}
.affiliate_contact:after {content:'element'; font-size:500px; line-height:1em; font-weight:bold; color:#51525b; position:absolute; z-index:2; bottom:-50%; left:50%; margin-left:-1000px;}
.affiliate_contact p {font-size:36px; line-height:1.6em; padding:0 10%; position:relative; z-index:3;}
.affiliate_contact .btn {padding:40px 0 0 0; position:relative; z-index:3;}
@media (max-width:479px){
	.affiliate_contact p {font-size:26px; line-height:1.2em; padding:0;}
	.affiliate_contact:after {font-size:200px; bottom:-10%;margin-left:-210px;}
}

.successful_affiliate {padding:60px 0;}
.successful_affiliate .column {text-align:center; color:#2c3db0;}
.tabbox {padding:30px 0;}
.tabbox table {border-left:solid 1px #979797;}
.tabbox th {background:#2c3db0; padding:15px; font-size:24px; line-height:1.2em; color:#fff;}
.tabbox td {border-bottom:solid 1px #979797;border-right:solid 1px #979797; padding:15px; text-align:center;}

.decoration{ width:60px; background:url(images/adshed-line.png) center repeat-y; position:absolute; right:0; top:-250px; }
.decoration .icons{ width:100%; height:88px; background-image:url(images/affiliate-icons.png); background-repeat: no-repeat; background-color:#fff; }
.decoration .icons.ico1{ background-position:0 0; background-color:#f6f6f6; }
.decoration .icons.ico2{ background-position:0 25%; }
.decoration .icons.ico3{ background-position:0 50%; }
.decoration .icons.ico4{ background-position:0 75%; }
.decoration .icons.arrow{ height:10px; background-position:0 -391px;  }
.decoration .arr_mt1{ margin-top:632px; }
.decoration .arr_mt2{ margin-top:170px; }
.decoration .arr_mt3{ margin-top:155px; }
@media (max-width:767px){
	.decoration{ display:none; }
}