.distributir h3{
	background-image: url(../img/distributir/distributir-bg.jpg);
}
.distributir h3 img{
  width: 50%;
}
.distributir .bg-gray{
	background-color: #ddd;
}
.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
	border-color: #eee;
}
.title1, .title2{
	color: #fff;
	font-weight: bold;
}
.title1{
	background:linear-gradient(135deg, transparent 20px, #CA0010 0);

  background:-webkit-linear-gradient(315deg, transparent 20px, #CA0010 0);
  background:-moz-linear-gradient(135deg, transparent 20px, #CA0010 0);
  background:-ms-linear-gradient(135deg, transparent 20px, #CA0010 0);
}
.title2{
	background:linear-gradient(135deg, transparent 20px, #ad0210 0);
  
  background:-webkit-linear-gradient(315deg, transparent 20px, #ad0210 0);
  background:-moz-linear-gradient(135deg, transparent 20px, #ad0210 0);
  background:-ms-linear-gradient(135deg, transparent 20px, #ad0210 0);
}
.distributir a{
  display: block;
}/*
.distributir i{
  margin-right: 10px;
  float: right;
}*/
.table-responsive{
    border:none;
}
.table-responsive.pc{
    display: block;
 }
.table-responsive.modile{
    display: none;
}
.table-bordered > tbody > tr > td:last-child:hover{
  background-color: hsla(355,98%,34%,0.1);
}
.table-bordered > tbody > tr > td a:hover, #OurDistributor:hover{
  text-decoration: none;
}
#OurDistributor{
  line-height: 2.5;
  border: 2px solid #CA0010 ;
  text-align: center;
  color:#CA0010 ;
  border-radius: 15px;
  font-size: 36px;
}
#OurDistributor:hover{
  background-color:#CA0010;
  color: #fff; 
}
/*------------------標題兼banner------------------*/
@media screen and (min-width: 615px) and (max-width: 730px){
  .distributir h3{
    font-size: 48px;
  }
  .distributir h3 img{
    width: 85%;
  }
}
@media screen and (min-width: 480px) and (max-width: 614px){
  .distributir h3{
    font-size: 38px;
  }
}
@media screen and (min-width: 420px) and (max-width: 479px){
  .distributir h3{
    font-size: 28px;
  }
}
@media screen and (max-width: 419px){
  .distributir h3{
  	padding-top: 103px;
  	line-height: 2;
    font-size: 47px;
  }
}
@media screen and (max-width: 590px){
  .table-responsive.pc{
    display: none;
  }
  .table-responsive.modile{
    display: block;
    font-size: 18px;
  }
  .distributir h3 img{
    width: 85%;
  }
}
/*------------------最下面How to Become our Distributor?------------------*/
@media screen and (max-width: 630px){
  #OurDistributor{
    font-size: 23px;
  }
}
/*------------------新的------------------*/
.distributorTable{
  line-height: 2.5;
}
.distributorTable .one{
  border-bottom:0.5px solid #fff;
  
}
.distributorTable .bd{
  border-left:0.5px solid #fff;
  border-bottom:0.5px solid #fff;
}
.distributorTable .bd:last-child{
  border-bottom: none;
}
.distributorTable .box0{
  margin-bottom: 30px;
}
.distributorTable .two{
  background-color: #ddd;
}

.distributorTable .box1{
  color: #fff;
  font-weight: bold;
}
.distributorTable .box02 .row {
  background-color: #eee;
}
.distributorTable .one:nth-child(odd){
  background:linear-gradient(135deg, transparent 20px, #CA0010 0);

  background:-webkit-linear-gradient(315deg, transparent 20px, #CA0010 0);
  background:-moz-linear-gradient(135deg, transparent 20px, #CA0010 0);
  background:-ms-linear-gradient(135deg, transparent 20px, #CA0010 0);
}
.distributorTable .one:nth-child(even){

  background:linear-gradient(135deg, transparent 20px, #ad0210 0);
  
  background:-webkit-linear-gradient(315deg, transparent 20px, #ad0210 0);
  background:-moz-linear-gradient(135deg, transparent 20px, #ad0210 0);
  background:-ms-linear-gradient(135deg, transparent 20px, #ad0210 0);
}

@media screen and (min-width: 409px) and (max-width: 980px){
  .distributir i{
    margin-left: -4px;
  }
}