@charset "utf-8";
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

p, h1, h2, h3, h4 { margin: 0;padding: 0; }
body { background: #FFF url(images/bg.gif) left top repeat-x;color: #000;margin: 0 0 15px 0;padding: 0;font-family: Arial, Helvetica, sans-serif; }
body#joinpage { background: #FFF url(images/bg-join.gif) left top repeat-x; }

#wrap { width: 1038px;margin: auto;text-align: center;position: relative; }
#logo { width: 1038px;height: 117px;margin: auto; }
#logo img { border: none;outline: none;display: inline;float: left; }

.intro { }
.intro p { margin: 0 20px;padding: 10px 5px;border-bottom: 1px solid #e0e0e0;text-align: center;font-size: 14px;line-height: 22px; }
.intro p a { color: #ff3600; }
.intro p a:hover { color: #f00;text-decoration: none; }

#ej { background: #2f0c02 url(images/ej-bg.gif) repeat-x;color: #fff;height: 46px; }
#ej p { float: left;margin-right: 10px;line-height: 46px; }
#ej label { font-size: 12px; }
#ej label input { margin-left: 8px;width: 120px; }
#ej .submit { position: relative; }
#ej .submit input { position: absolute; top: 9px;left: 10px;display:block; }

#content { width: 1020px; margin: auto; position: relative; padding: 1px; }
#content .left { float: left;width: 790px;margin-right: 20px; }
#content .right { float: left;width: 210px;padding-top: 10px; }
.cams_frame { background: #eee;border: 1px solid #ccc;padding-bottom: 5px;-moz-border-radius: 10px;-webkit-border-radius: 10px; }
.cams_frame p { text-align: center;font-size: 11px;font-weight: bold; }
#content .right h3 { font-size: 14px;font-weight: bold;text-align: left;margin: 0 0 8px 0;padding: 3px 0 0 22px;border-bottom: 1px solid #ccc;color: #444; }
h3.cams { background: url(images/i-cam.gif) left center no-repeat; }
h3.testimonials { background: url(images/i-testimonial.gif) left center no-repeat; }
#content .right ul { list-style: none;margin: 0;padding: 0; }
#content .right li { font-size: 12px;margin-bottom: 20px;border-bottom: 1px dotted #ddd;padding: 10px 0; }
#content .right li span { display: block;font-size: 11px; }

ul.content { margin: 10px auto; list-style: none; padding:0; }
ul.content li { padding: 0 10px 20px 0; margin: 0; width: 252px; float: left; }
ul.content li a { outline: none; }
ul.content li img { display: block; border: 1px solid #666; margin-bottom: 3px; }
ul.content li p { margin:0; padding:0; font-weight: bold; font-size: 12px; color: #333; margin-bottom: 3px;text-align: left; }
ul.content li p a { color: #0000ee; text-decoration: none; }

h3 { clear:both; text-align: center; padding: 30px 0; }
h3 a { color: #00e; font-size: 48px; }
h3 a span { display: block; font-size: 16px; }

/* join */
.satisfaction { background: url(images/seal.gif) no-repeat 180px; margin-top: 10px;  border: 1px solid #eee; border-right: none; border-left: none; padding: 13px 0;padding-left: 300px; }
.satisfaction h2 { color: #000; font-size: 18px; font-weight: normal; text-align: left; margin:0; }
.satisfaction h2 span { display: block; color: #dc0058; margin: 3px 0; }

#form_wrap { width: 800px;margin: 15px auto 0 auto;font-size: 12px;color: #333; }

#player_wrap { width: 350px;float: left;margin-right: 25px; }
#player_wrap p { font-size: 14px;line-height: 22px;text-align: justify; }
#player { width: 350px;height: 263px;margin-bottom: 20px; }

#footer { clear: both;margin-top: 20px;font-size: 12px;text-align: center; }
#footer p { padding-bottom: 20px; }