﻿/* CSS Document */

body {margin:0 auto; padding:0; font:"Calibri", "Arial", "Verdana", "Tahoma";}
body a {text-decoration:none; font:"Calibri", "Arial", "Verdana", "Tahoma";}
body a:hover {text-decoration:underline; font:"Calibri", "Arial", "Verdana", "Tahoma";}
.clear {clear:both;}

h1 {list-style:none;}
h4 {list-style:none; margin:0; font:30px/36px "Calibri", "Arial", "Verdana", "Tahoma"; color:#44A6D4; font-weight:normal; padding-bottom:20px;}
h5 {list-style:none; padding:0; margin:0; font-size:22px; color:#C1D24F; font-weight:normal;}

#bannerbg {margin:0 auto; width:100%; height:597px; background:url(imgs-2015/banner-bg.jpg) no-repeat center;}
.banner {margin:0 auto; width:1000px; height:597px;}
.banner .logo {width:1000px; height:74px; padding-bottom:330px;}
.banner. title1 {width:1000px; height:110px; text-align:center;}
.banner. title2 {width:1000px; height:52px; text-align:center;}

#sp {margin:0 auto; width:100%; height:36px; background:url(imgs-2015/sp-triangle.gif) repeat-x;}
#sp2 {margin:0 auto; width:100%; height:36px; background:url(imgs-2015/sp-triangle2.gif) repeat-x;}

#giveawaybody {margin:0 auto; width:100%; height:auto; padding:80px 0px; background:#114047;}
#giveawaybody .gb {margin:0 auto; width:406px; height:auto;}
.gb p {list-style:none;  font:14px/20px "Calibri", "Arial", "Verdana", "Tahoma"; color:#CCCCCC;}
.gb p a {color:#3B8CCB; text-decoration:none;}
.gb p a:hover {color:#3B8CCB; text-decoration:underline;}

#giveawaybody .gb .dvcbg {float:left; width:406px; height:616px;}
.dvcbg .dbc {width:266px; height:266px; padding:20px 70px 0px 70px; background:url(imgs-2015/dvc-body.gif) no-repeat;}
.dvcbg .dvcbom {width:406px; height:108px; background:url(imgs-2015/dvc-bom.jpg) no-repeat;}
.dvcbom .get {width:235px; height:59px; background:url(imgs-2015/dvc-getfree.jpg) no-repeat; cursor:pointer; margin:0px 81px 0px 90px;}
.get:hover {background:none;}

#giveawaybody .gb .vwbg {float:left; width:406px; height:616px; padding-left:94px;}
.vwbg .vbc {width:266px; height:266px; padding:20px 70px 0px 70px; background:url(imgs-2015/vw-body.gif) no-repeat}
.vwbg .vwbom {width:406px; height:108px; background:url(imgs-2015/vw-bom-dis.jpg) no-repeat;}

#giveawaybody .gb .dvtop {width:406px; height:202px;}
#giveawaybody .gb .dvtopleft {float:left; width:230px; height:202px;}
#giveawaybody .gb .dvtopright {float:left; width:176px; height:202px;}


#trickbg {margin:0 auto; width:100%; height:auto; background:#002126;}
.trick {margin:0 auto; width:900px; height:auto; padding:50px 0px;}
.trick .ttit {margin:0 auto; width:900px; height:169px; padding-bottom:30px; text-align:center;}
.trick .lineout {width:900px; height:300px;}
.trick .lineout .ripper {float:left; width:300px; height:300px; background:url(imgs-2015/trick-ripper.gif) no-repeat;}
.trick .lineout .hd {float:left; width:300px; height:300px; background:url(imgs-2015/trick-hd.gif) no-repeat;}
.trick .lineout .t1 {float:left; width:300px; height:300px; background:url(imgs-2015/trick-no-1.gif) no-repeat;}
.trick .lineout .t2 {float:left; width:300px; height:300px; background:url(imgs-2015/trick-no-2.gif) no-repeat;}
.trick .lineout .t3 {float:left; width:300px; height:300px; background:url(imgs-2015/trick-no-3.gif) no-repeat;}
.trick .lineout .t4 {float:left; width:300px; height:300px; background:url(imgs-2015/trick-no-4.gif) no-repeat;}
.lineout .trick-1 {width:300px; height:300px; background:url(imgs-2015/trick-1.gif) no-repeat; cursor:pointer;}
.trick-1:hover {background:none;}
.lineout .trick-2 {width:300px; height:300px; background:url(imgs-2015/trick-2.gif) no-repeat;}
.trick-2:hover {background:none;}
.lineout .trick-3 {width:300px; height:300px; background:url(imgs-2015/trick-3.gif) no-repeat;}
.trick-3:hover {background:none;}
.lineout .trick-4 {width:300px; height:300px; background:url(imgs-2015/trick-4.gif) no-repeat;}
.trick-4:hover {background:none;}
.lineout .trick-5 {width:300px; height:300px; background:url(imgs-2015/trick-5.gif) no-repeat; cursor:pointer;}
.trick-5:hover {background:none;}
.lineout .trick-6 {width:300px; height:300px; background:url(imgs-2015/trick-6.gif) no-repeat;}
.trick-6:hover {background:none;}
.lineout .trick-7 {width:300px; height:300px; background:url(imgs-2015/trick-7.gif) no-repeat; cursor:pointer;}
.trick-7:hover {background:none;}
.lineout .trick-8 {width:300px; height:300px; background:url(imgs-2015/trick-8.gif) no-repeat; cursor:pointer;}
.trick-8:hover {background:none;}
.lineout .trick-9 {width:300px; height:300px; background:url(imgs-2015/trick-9.gif) no-repeat; cursor:pointer;}
.trick-9:hover {background:none;}

#rulesbg {margin:0 auto; width:100%; height:auto; padding:80px 0px; background:#1B3539;}
.rules {margin:0 auto; width:900px; height:auto;}
.rules .item {float:left; width:300px; height:600px;}
.item p {list-style:none; font:20px/26px "Calibri", "Arial", "Verdana", "Tahoma"; margin:0; padding:12px 0px 6px 0px; color:#AFC5CF;}
.item .top {width:300px; height:120px;}
.item .bom {width:260px; height:450px; padding:30px 20px 0px 20px; background:#27454A;}
.item .bomcen {width:260px; height:450px; padding:30px 20px 0px 20px; background:#315257;}

#footbg {margin:0 auto; width:100%; height:60px; padding:20px 0px; background:#161E1F;}
.foot {margin:0 auto; width:1100px; height:60px;}
.foot .fleft {float:left; width:280px; height:60px;}
.foot .fright {float:right; width:820px; height:20px; padding:20px 0px; font-size:14px; color:#5D6768;}
.fright a {color:#3B8CCB; text-decoration:none;}
.fright a:hover {color:#3B8CCB; text-decoration:underline;}
