@charset "utf-8";

.cls { clear: both;}
.container { width: 1000px; margin: 0px auto; }

/* default */

body { background: url("../images/bg.gif") top left; }

#header { width: 100%; height: 70px; background: #2382bf; }
#header .container #logo { padding-top: 10px; }

#top { width: 100%; height: 315px; background: url("../images/bck.jpg") top center no-repeat; }
#top .container h1 { color: #333; font-family: 'Open Sans', sans-serif; font-size: 34px; width: 100%; display: block; text-align: center; margin-bottom: 5px; padding-top: 17px; }
#top .container h2 { color: #333; font-family: 'Open Sans', sans-serif; font-size: 22px; width: 100%; display: block; text-align: center; margin-bottom: 15px; padding-bottom: 5px; }
#top .container p { width: 100%; text-align: left; color: #333; font-family: 'Open Sans', sans-serif; font-size: 14px; margin-bottom: 2px; line-height: 2px; }
#top .container p strong { color: #333; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; }

#middle { width: 100%; height: 250px; background: #f2f2f2; }
#middle #center { width: 1285px; margin: auto; }
.left { float: left; }
.right { float: right; }
#middle #center .person { width: 620px; margin-top: 20px; }
#middle #center .person .foto { width: 207px;; height: 212px; float: left; margin-right: 20px;}
#middle #center .person .data { width: 390px; float: right; margin-top: 0px; }
#middle #center .person .data h3 { color: #333; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; }
#middle #center .person .data p { color: #333; font-family: 'Open Sans', sans-serif; font-size: 14px; width: 100%; text-align: left; margin-top: 10px; line-height: 21px; }

.product { width: 1000px; margin: auto; background: #fff; border: 1px solid #ccc; margin-top: 20px; }
.product .product_foto { width: 479px; float: left; text-align: center; margin-top: 40px; }
.product .product_foto img { display: block; margin: auto; margin-bottom: 0px; }
.product .product_data { width: 480px; float: right; margin-top: 40px; position: relative; }
.product .product_data h4 { margin-bottom: 40px; display: block; color: #333; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 24px; }
.product .product_data h4 img { vertical-align: middle; padding-right: 10px; }
.product .product_data table tr .rank_title { color: #333; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 15px; width: 200px; }
.product .product_data table tr .rank img { display: inline-block; margin-right: 6px; }
.product .product_data table tr td { padding-bottom: 15px; }
.product .content { width: 90%; margin: 20px auto; }
.product .content h5 { color: #333; font-family: 'MyriadBold'; font-size: 14px; margin: 7px 0px;}
.product .content p { color: #2d2d2d; font-family: 'Open Sans', sans-serif; /*font-size: 15px;*/ margin: 7px 0px; line-height: 22px; }
.product .content p strong { color: #2d2d2d; /*font-family: 'MyriadBold'; font-size: 13px; */ font-weight: 700; }

a.more { margin-top: 20px; }

#footer { width: 100%; height:10px; }
#footer .container ul { list-style: none; margin: 0; padding: 0; }
#footer .container ul li { float: left; margin-right: 10px; margin-top: 5px; }
#footer .container ul li.first { color: #333; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; }
#footer .container ul li a { color: #333; font-family: 'Open Sans', sans-serif; font-size: 14px; }

.place { position: absolute; z-index: 10; width: 40px; text-align: center; font-size: 25px; margin-top: 5px; left: -50px; color: #fff; }