
div.intro {line-height:28px; font-size:15px; overflow: hidden; margin: 0 15%;}
div.intro div.contL {float:left; width:30%; margin: 12px 0;}
div.intro div.contL img {width: 100%;border-radius: 2%;}
div.intro div.contR {float:right; width:65%;}
div.intro div.contR span{font-size: 30px; color:#555; line-height: 45px; font-weight: 500;}
div.intro p.txt P { padding-bottom:18px; line-height: 38px;}
p.sign {text-align:left;}
p.sign strong{font-size:26px; font-weight:normal; padding-left:10px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/

@media (max-width: 1300px) {
div.intro { margin: 0 10%;}
div.intro div.contR span{font-size: 28px; line-height: 43px;}


}
@media (max-width: 1023px) {
div.intro { margin: 0 5%;}
div.intro div.contL { text-align:center; }

}
@media (max-width: 768px) {
div.intro p.txt P { font-size: 17px;    word-spacing: 4px;    letter-spacing: -1.2px;    line-height: 32px;}
div.intro div.contR span{font-size: 25px; line-height: 38px;}

}
@media (max-width: 640px) {
div.intro div.contL{float: none;
    text-align: center;
    width: 100%;
    margin: 12px 0;}
div.intro p.txtP { font-size: 17px;  word-spacing: 4px;  letter-spacing: -1.2px;float: right; }

div.intro div.contR {    float: none;    width: 100%;     text-align: center;}
div.intro div.contL img{width: 70%;}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

