/* BASIC css start */
#content-pro { margin: 0 85px; }
.sub_title { text-align: center; font-size: 35px; margin-bottom: 50px; margin-top: 50px; padding-bottom: 20px; font-weight: 600; position: relative; letter-spacing: 9px; border: none; }

#content-pro .brand { position: relative ; width:100%; padding-top:15px; }
#content-pro .brand .brand_top_banner { position: relative; width: 100%; height: 390px; background-repeat: no-repeat; background-position: right -30px; background-size: 740px; background-color: #d4d0cd; display: inline-block; }
#content-pro .brand .brand_top_banner .bg_box { position: absolute; top:0; left: 0; width: 100%; height: 100%;
background: -moz-linear-gradient(to right, rgba(212,208,205,1) 0%,rgba(212,208,205,1) 58%,rgba(212,208,205,0.9) 60%,rgba(212,208,205,0.3) 64%,rgba(212,208,205,0) ); /* FF3.6-15 */
background: -webkit-linear-gradient(to right, rgba(212,208,205,1) 0%,rgba(212,208,205,1) 58%,rgba(212,208,205,0.9) 60%,rgba(212,208,205,0.3) 64%,rgba(212,208,205,0) ); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(212,208,205,1) 0%,rgba(212,208,205,1) 58%,rgba(212,208,205,0.9) 60%,rgba(212,208,205,0.3) 64%,rgba(212,208,205,0) );
}
#content-pro .brand .brand_top_banner .bg_black_box { position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2) }
#content-pro .brand .brand_top_banner h2 { position: absolute; top: 70px; left: 116px; color: #fff; z-index: 1; letter-spacing: 7px; font-size: 51px; }
#content-pro .brand .brand_top_banner p { position: absolute; top: 216px; left: 114px; color: #fff; z-index: 1; letter-spacing: 15px; font-size: 30px; }
h2 { font-size: 30px; font-weight: bold; margin: 50px 0 60px; }

.more_btn { text-align: center; margin: 20px 0 100px; }
.more_btn a { width: 500px; display: inline-block; border: 1px solid; height: 50px; line-height: 50px; font-size: 15px; letter-spacing: 10px; padding-left: 10px; }

/* BASIC css end */