/* BASIC css start */
.intro_logo_warp { width:700px; }
.intor_logo {  width:700px; overflow:hidden; margin-bottom:15px;}
.intro_h1 { background:url(../images/icon_02.gif) no-repeat; width:678px; height:22px;  padding-left:20px; padding-top:10px; font-weight:bold; color:#5c5c5c; font-size:14px; margin-bottom:10px; margin-top:10px;}
.intor_img { width:260px; height:261px; float:left;}
.intor_text { width:440px; height:250px; float:left; line-height:25px;}
.intor_text .blue { color:#1084df;  font-weight:bold;}
.intor_text .green{ color:#43b330;  font-weight:bold;}
.intor_text .orange{ color:#e27533;  font-weight:bold;}
.intor_text .skyblue{ color:#1da9e4;  font-weight:bold;}

.boxWrap {width: 715px; text-align: center; color: #626262; margin-left: 30px; margin-bottom: 80px; letter-spacing: -0.05em; font-size: 15px;}
.boxWrap h3.tit {border-left:7px solid #ff9445; text-indent: 10px; font-size: 20px; color:#333; text-align: left; margin-bottom: 20px; font-weight: 600;}
.boxWrap p {margin-top:20px;}
.boxWrap .logoImg {display: inline-block; width: 200px; float: left; padding-left: 50px;}
.boxWrap .txt {display: inline-block; width:400px; float: left; padding-left: 50px;}
.boxWrap .txt p { text-align: left; line-height: 20px;margin-top: 10px; margin-bottom: 20px;}
.boxWrap .txt span {display: inline-block; width: 13px; height: 13px; vertical-align: middle; margin-right: 5px;}
.boxWrap .txt span.p1 {background: #009ddc;}
.boxWrap .txt span.p2 {background: #9fcf67;}
.boxWrap .txt span.p3 {background: #f68c23;}
.boxWrap .txt span.p4 {background: #00b5cb;}
.boxWrap .logoBox { background-image: url('http://www.seosanttre.com/design/seosanttre/logoBox_pattern.gif');  border: 1px solid #e5e5e5;  text-align: center; padding:45px 0;}
.clear {clear: both;}
.pb30 {padding-bottom:60px !important
         

/* BASIC css end */