body { font-family: "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif; margin: 0px; padding: 0px; background-color: #545454; }
a { color: #fcff00; }
.wrapper { width: 1000px; margin-left: auto; margin-right: auto; }
.h1-top { background-image: url(/v4/images/h1-top.jpg); width: 1000px; height: 496px; position: relative; }
.h1-tval0 { font-size: 24px; color: #fff; font-weight: bold; position: absolute; top: 4px; left: 20px; width: 77px; text-align: right; }
.h1-tval1 { font-size: 24px; color: #fff; font-weight: bold; position: absolute; top: 4px; left: 326px; width: 95px; text-align: right; }
.h1-r2l { float: left; background-image: url(/v4/images/h1-r2l.jpg); width: 617px; height: 59px;}
.h1-join { float: left; width: 383px; height: 59px; }
.h1-mo { height: 54px; float: left; }
.h1-search { float: left; width: 332px; height: 54px; background-image: url(/v4/images/h1-searchbg.png); }
.h1-search-text { float: left; width: 200px; padding-top: 8px; text-align: right; }
.h1-search-text input { height: 30px; padding: 2px; width: 180px; border: 1px #51320c solid; font-size: 18px; background-color: #faf2e4; }
.h1-search-btn { float: left; padding-top: 8px; width: 80px; height: 36px; }
.h1-btm { width: 1000px; height: 20px; background-image: url(/v4/images/h1-btm.png); }
.c1-body { width: 1000px; height: 777px; background-image: url(/v4/images/c1-cbg.png); position: relative; }
.c1-title { position: absolute; top: 57px; left: 20px; font-size: 26px; font-weight: bold; color: #ffffdc; width: 710px; text-align: center; overflow: hidden; }
.c1-vdata { position: absolute; left: 760px; top: 56px; width: 165px; color: #fff; font-weight: bold; }
.c1-pdata { position: absolute; left: 760px; top: 78px; width: 165px; color: #fff; font-weight: bold; }
.c1-imga { position: absolute; width: 719px; height: 397px; top: 166px; left: 20px; }
.c1-imgb { position: absolute; width: 235px; height: 197px; top: 109px; left: 747px; }
.c1-imgc { position: absolute; width: 235px; height: 197px; top: 315px; left: 747px; }
.c1-imgd { position: absolute; width: 235px; height: 197px; top: 573px; left: 20px; }
.c1-imge { position: absolute; width: 235px; height: 197px; top: 573px; left: 262px; }
.c1-imgf { position: absolute; width: 235px; height: 197px; top: 573px; left: 504px; }
.c1-imgg { position: absolute; width: 235px; height: 197px; top: 573px; left: 747px; }
.c1-text { position: absolute; top: 101px; left: 20px; width: 710px; height: 60px; font-size: 14px; color: #ffffdc; overflow: hidden; line-height: 16px; text-align: center; }
.c1-trailer { width: 244px; height: 47px; position: absolute; top: 517px; left: 743px; }
.c1-join { width: 1000px; height: 90px; }
.f1-top { width: 1000px; height: 244px; background-image: url(/v4/images/f1-top.jpg); }
.f1-more { float: left; width: 606px; height: 110px; }
.f1-join { float: left; width: 394px; height: 110px; }
.footer { text-align: center; margin: 10px 0; font-size: 12px; }
.mod-top { width: 1000px; height: 103px; background-image: url(/v4/images/mod-top.png); }
.mod-top-title { color: #ffffdc; font-size: 26px; font-weight: bold; text-align: center; padding-top: 55px; }
.mod-body { width: 1000px; background-image: url(/v4/images/mod-cbg.png); }
.mod-box { float: left; width: 194px; height: 300px; background-image: url(/v4/images/mod-box.png); margin-left: 28px; margin-top: 10px; }
.mod-img { padding-top: 10px; padding-left: 22px; width: 152px; height: 227px; }
.mod-img img { border: 0; }
.mod-name { text-align: center; padding: 6px; color: #fff; font-weight: bold; }
.mod-btn {  text-align: center; padding-top: 2px;  }
.mod-btn a { display: block; color: #d4f201; font-weight: bold; text-decoration: none; font-size: 14px; }
.mod-join { width: 1000px; height: 89px; }
.mdt-scene0 { width: 941px; height: 126px; background-image: url(/v4/images/mdt-box0.png); position: relative; margin-left: 20px; }
.mdt-scene1 { width: 941px; height: 126px; background-image: url(/v4/images/mdt-box1.png); position: relative; margin-left: 20px; }
.mdt-thumb { position: absolute; left: 11px; }
.mdt-title { position: absolute; left: 182px; top: 9px; font-weight: bold; color: #ffea00; }
.mdt-desc { position: absolute; left: 182px; top: 34px; color: #fff; font-size: 12px; margin-right: 20px; }
.mdt-btn { width: 138px; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; text-align: center; position: absolute; top: 98px; left: 794px; }
.mdt-btn a { color: #fff; font-weight: bold; text-decoration: none; display: block; }
.bon-box { margin-left: 20px; width: 961px; height: 316px; background-image: url(/v4/images/bon-box.png); position: relative; }
.bon-box-img { position: absolute; width: 500px; height: 300px; top: 8px; left: 6px; }
.bon-box-title { position: absolute; top: 19px; left: 525px; width: 430px; text-align: center; font-size: 24px; font-weight: bold; color: #000; }
.bon-box-desc { position: absolute; top: 72px; left: 525px; width: 430px; text-align: center; font-size: 16px; color: #fff; }
.t1-top { background-image: url(/v4/images/t1-top.png); height: 58px; position: relative; }
.t1-top-title { color: #ffffdc; font-size: 24px; font-weight: bold; position: absolute; top: 17px; left: 30px; }
.t1-vdata { position: absolute; left: 760px; top: 13px; width: 165px; color: #fff; font-weight: bold; }
.t1-pdata { position: absolute; left: 760px; top: 35px; width: 165px; color: #fff; font-weight: bold; }
.t1-top-desc { font-size: 16px; text-align: center; padding-top: 18px; margin: 0 20px; }
.t1-body { background-image: url(/v4/images/t1-cbg.png); width: 1000px; color: #fff; }
.t1-trailer { text-align: center; padding: 10px 0; }
.t1-join { width: 1000px; height: 89px; }
.t1-bon-top { width: 1000px; height: 72px; background-image: url(/v4/images/t1-bon-top.png); }
.t1-bon-box { width: 1000px; background-image: url(/v4/images/t1-bon-bg.png); }
.t1-bon-site { width: 222px; height: 230px; position: relative; background-image: url(/v4/images/t1-bon-box.jpg); margin-right: 12px; float: left; margin-bottom: 12px; }
.t1-bon-blank { width: 212px; height: 212px; margin-right: 20px; float: left; }
.t1-bon-btm { width: 1000px; height: 17px; background-image: url(/v4/images/t1-bon-btm.png); }
.tr-bonus-img { position: absolute; top: 20px; left: 36px; width: 150px; height: 150px; }
.tr-bonus-text { position: absolute; width: 200px; height: 19px; font-size: 18px; line-height: 19px; font-weight: bold; top: 184px; left: 11px; text-align: center; color: #d4f201; }
.ef1-top { width: 1000px; height: 661px; background-image: url(/v4/images/ef1-top.jpg); }
.ef1-join { width: 1000px; height: 82px; }
.ef1-body { width: 1000px; background-image: url(/v4/images/ef1-cbg.png); }
.ef1-site { width: 470px; height: 196px; margin-right: 2px; margin-top: 5px; float: left; background-image: url(/v4/images/ef1-boxbg.png); color: #fff; }
.ef1-site-thumb { margin-left: 2px; width: 150px; height: 180px; float: left; text-align: center; }
.ef1-site-desc { float: left; margin-left: 10px; font-size: 14px; width: 297px; }
.ef1-btm { width: 1000px; height: 102px; }
.join-top { width: 1000px; height: 411px; background-image: url(/v4/images/join-top.jpg); }
.join-body { width: 1000px; height: 667px; background-image: url(/v4/images/join-bodybg.jpg); position: relative; }
.join-box { width: 428px; height: 659px; position: absolute; top: 4px; left: 50px; }
.join-text { margin-left: 10px; width: 140px; text-align: right; float: left; padding: 5px 0; }
.join-value { width: 270px; float: left; padding: 5px 0; }
.join-value select { width: 260px; }
.join-btm { width: 1000px; height: 104px; background-image: url(/v4/images/join-btm.png); }