html,body,span,h1,h2,h3,p { margin: 0; padding: 0; border: 0; font-size: 16px; font-family:Arial, Helvetica, sans-serif;}
body { background:#FFF;}
.box { background:#FFF; width:600px; height:398px; position:relative;}
.box_ { border:1px solid #eaeaea; height:100%; position:relative;}
.p1 { position:absolute; top:0; left:0; bottom:0; right:0;}
.p1 .h { height:276px; position:relative; background:#4d76df;}
.p1 .h .logo { background-image:url("/img/fbw/content-wall.png"); width:160px; height:29px;}
.p1 .h h1 { text-align:center; color:#FFF; font-size:28px; font-weight:normal; padding: 0 15px;}
.p1 .h p { text-align:center; color:#FFF; padding: 0 15px;}
.p1 .h .promo { background-image:url("/img/fbw/content-wall.png"); background-position:0 -29px; width:160px; height:130px; display:inline-block;}
.p1 .f { text-align:center;}
.p1 table { width:100%; height:275px;}
.p1 td { text-align:center;}
.btn { height:52px; line-height:52px; display:inline-block; background:#00c853; padding: 0 80px; border-radius:10px; color:#FFF; font-weight:bold; margin:20px 0 18px 0; cursor:pointer;}
.btn:hover { background:#00b636;}
.p1 .f p { font-size:14px; color:#abb5be;}
.p1 .f p a { color:#4d76df;}
.p1 .f p a:hover { color:#1f3f92;}
.p1 .close { position:absolute; top:5px; right:5px; width:32px; height:32px; background-image:url("/img/fbw/content-wall.png"); background-position:-160px -29px; cursor:pointer;}
.p1 .close:hover { background-position:-160px -61px;}

.p2 { position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; display:none;}
.p2 .bg { background:#000; opacity:0.6; position:absolute; top:0; right:0; bottom:0; left:0; filter: alpha(opacity=60);}
.p2 .article {position:absolute; top:0; right:60px; bottom:30px; left:60px; border:1px solid #4d76df; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,0.7)}
.p2 .h { background:#4d76df;}
.p2 h2 { color:#FFF; text-align:center; font-size:28px; font-weight:normal; padding:15px 0 7px;}
.p2 h3 { color:#FFF; text-align:center; font-size:16px; font-weight:normal;}
.p2 .h p { color:#FFF; font-size:14px; text-align:center; padding:10px;}
.p2 table { height:260px;}
.p2 td { text-align:center;}
.p2 span { display:inline-block; width:90px; height:90px; background-image:url("/img/fbw/content-wall.png");}
.p2 .t1 span { background-position:0 -159px;}
.p2 .t2 span { background-position:-90px -159px;}
.p2 .f { text-align:center; }
.p2 .f p { text-align:center; color:#4d76df; text-decoration:underline; font-size:14px; cursor:pointer; }
.p2 .f p:hover { text-decoration:none;}
.p2 .btn {margin:15px 0 12px 0;}
.ts-ar .p1 .h .logo { left:437px;}
.ts-ar .p1 .close { right:560px;}