.mod-join {padding-top:0;}
.mod-join .each-join { margin-bottom:35px; padding:15px; overflow:hidden; background-color:#212246;   }
.mod-join .each-join .col-md-7 {background-image:url(../images/ticket_bg2_sm.jpg);padding-bottom:30px;
background-position:left bottom; background-repeat:no-repeat; background-size:contain; }
.mod-join .each-join.add {background-color:#363775;  }
.mod-join .each-join.add .col-md-7 {background-image:url(../images/ticket_bg_sm.jpg);}
.mod-join .each-join h3 { color:#F3C921;font-size:24px;padding-left:10px; position:relative; z-index:2;}
.mod-join .each-join .info { font-size:14px; line-height:1.8;padding-bottom:20px;  padding-left:10px; position:relative;}
.mod-join .each-join .info .num { position:absolute; left:0; color:#555894; z-index:0;  line-height: 1; top: -55px; opacity: 0.5;font-size:50px;}
.mod-join .each-join .info p { position:relative;}
.mod-join .each-join .ma-img {padding:20px 0 25px 0; text-align:center;margin:0 auto;max-width:100%;}
.mod-join .each-join .ma-img img {padding:3px; background:#fff;width:90px;height:auto;}
.mod-join .each-join .ma-img strong { font-size:12px; line-height:1.42;padding-top:10px; display:block; font-weight:normal;}
.mod-join .each-join .ma-img a { color:#fff;}
@media (min-width: 768px) {

.mod-join .each-join .col-md-7 { background-size:auto;padding-bottom:70px;}
 

.mod-join .each-join h3 {padding-left:40px;font-size:32px;}
.mod-join .each-join .info { font-size:16px; padding-left:40px; }
.mod-join .each-join .info .num {left:auto;right:0;font-size:70px;}
.mod-join .each-join .ma-img img {width:130px;padding:6px;}
.mod-join .each-join .ma-img strong { font-size:14px;}
}

@media (min-width: 992px) {
.mod-join .each-join .info .num {left:0;right:auto;font-size:80px;}
.mod-join .each-join .ma-img {padding:30px 0 25px 0; }
 .mod-join .each-join .ma-img img {width:110px;}
.mod-join .each-join {background-image:url(../images/ticket_bg2.jpg);background-position:55% center; background-repeat:no-repeat; background-size:contain;}
.mod-join .each-join.add { background-image:url(../images/ticket_bg.jpg);}
.mod-join .each-join .col-md-7,.mod-join .each-join.add .col-md-7 { background:none;padding-bottom:0;}
}
@media (min-width: 1400px) {
 .mod-join .each-join .ma-img img {width:130px;} 
}

/*---step---*/ 

.join-step {padding-top:0;padding-bottom:50px;}

.join-step .text { position:relative; font-size: 15px; padding:0 5px;margin-bottom:30px;}
.join-step .text .icon { float:left; font-size:20px; color: #59759a;border:1px solid #59759a; line-height:1;padding:10px 14px;}
.join-step .text strong {margin-left:60px; font-size: 16px; font-weight:normal; color:#F3C921;display: block;padding-bottom: 9px;}
.join-step .text p {margin-left:60px;font-size:14px; line-height:1.42;}

@media (min-width: 768px) {
.join-step .text {  font-size: 16px; }
.join-step .text .icon { font-size:26px;padding:10px 15px;   }
.join-step .text strong {font-size:20px;}	
 .join-step .text p { line-height:1.8;}
.join-step { padding-bottom:90px;}
}
@media (min-width: 1200px) {
.join-step .text .icon { font-size:30px;  padding:15px 20px; }
.join-step .text {  padding-left:20px;}
.join-step .text p {font-size:15px;}
.join-step .text strong,.join-step .text p {margin-left:80px;}
}

/*---tips---*/
.join-tips {  }
.join-tips .join-tips-wrap { padding:0 10px; }
.join-tips p {
    margin-bottom: 10px;
}

.join-tips h4 {
    color:#F3C921;
    font-size: 18px;
}
@media (min-width: 768px) {
.join-tips .join-tips-wrap { padding:0 30px; }	
}