/*global reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline;}
:focus { outline:0;}
ol,ul { list-style:none;}
table { border-collapse:separate; border-spacing:0;}
caption,th,td { font-weight:normal; text-align:left;}
blockquote:before,blockquote:after,
q:before,q:after { content:"";}
blockquote,q { quotes:"" "";}
body { background-color:#DEDFDD; background-image:url(../images/body-bcg.png); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif;}
.banner { height:230px; max-width:991px; position:relative;}
.titleBarLiveLines td { padding:4px 0;}
#wrapper { margin:0 auto; width:994px;}
@media screen and (max-width: 993px) {
#wrapper { margin:0 auto; width:auto; max-width:100%;}
}
@media screen and (max-width: 468px) {
#wrapper { max-width:320px;}
}
#container { width:994px;}
@media screen and (max-width: 993px) {
#container { width:auto; max-width:100%;}
}
@media screen and (max-width: 468px) {
#container { max-width:320px;}
}
#header { background-image:url(../images/header-bcg.png); height:49px; margin-bottom:15px; margin-top:26px; padding:0 25px; width:944px;}
@media screen and (max-width: 993px) {
#header { background-size:100% 100%; width:auto; max-width:100%; height:auto; min-height:49px;}
}
#header .logo { float:left; padding-top:13px;}
#header .right { float:right;}
#header .right ul { padding:right:10px; padding-top:11px;}
#header .right ul li { float:left; font-size:16px; font-weight:bold; height:27px; line-height:27px; margin-right:14px; padding-left:7px;}
#header .right ul li a { color:#333333; display:block; line-height:27px; padding-left:8px; padding-right:15px; text-decoration:none;}
#header .right ul li:hover { background-image:url(../images/li-hover.png); background-position:left center; background-repeat:no-repeat;}
#header .right ul li:hover a { background-image:url(../images/a-hover.png); background-position:right center; background-repeat:no-repeat; color:#FFFFFF;}
#content { margin-top:10px; width:994px;}
@media screen and (max-width: 993px) {
#content { width:auto; max-width:994px;}
}
#content #sidebar { float:left; width:227px;}
#content #sidebar .nav h3 { background-image:url(../images/sb-h3-bcg.png); background-repeat:no-repeat; color:#FFFFFF; font-size:16px; font-weight:bold; height:37px; line-height:37px; padding-bottom:3px; padding-left:20px; width:207px;}
#content #sidebar .nav ul li { background-image:url(../images/li-bcg.png); background-repeat:no-repeat; font-size:14px;}
#content #sidebar .nav ul li a { color:#333333; display:block; height:26px; line-height:26px; padding-left:22px; text-decoration:none; width:205px;}
#content #sidebar .nav ul li a:hover { background-image:url(../images/hover-a-sb.png); background-repeat:no-repeat; color:#FFFFFF;}
#content #sidebar .nav { padding-bottom:25px;}
#content #main { float:left; margin-left:40px; width:716px;}
@media screen and (max-width: 993px) {
#content #main { margin-left:15px; max-width:526px; width:auto;}
#content #main img { max-width:100%;}
}
@media screen and (max-width: 468px) {
#content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
#content > * { flex: 1 100%;}
#main { flex: 2 0px; }
#main { order: 1; float:none; margin:0 auto; }
#sidebar { order: 2; float:none; margin:0 auto; }
}
#content #main .intro { padding-bottom:15px;}
#content #main .intro h3 { border-bottom:1px solid #999595; color:#000000; font-size:18px; margin-bottom:10px; padding-bottom:3px; padding-left:10px;}
#content #main .intro p { color:#333333; font-size:13px; padding-bottom:10px;}
#content #main #product h4 { background-image:url(../images/h4-main-bcg.png); background-repeat:no-repeat; color:#FFFFFF; font-size:16px; font-weight:bold; height:37px; line-height:37px; margin-bottom:4px; padding-left:22px; max-width:696px;}
#content #main #product #productbox { margin-bottom:20px; width:718px;}
#content #main #product #productbox .top { background-image:url(../images/top-product-box.png); background-repeat:no-repeat; height:12px; width:718px;}
#content #main #product #productbox .bottom { background-image:url(../images/bottom-product-box.png); background-repeat:no-repeat; height:12px; width:718px;}
#content #main #product #productbox .middle { background-image:url(../images/middle-product-box.png); background-repeat:repeat-y; padding-bottom:10px; padding-left:18px; width:700px;}
#content #main #product #productbox .middle .box { float:left; margin-bottom:20px; margin-right:10px; width:222px;}
#content #main #product #productbox .middle .box .topbox1 { position:relative;}
#content #main #product #productbox .middle .box .topbox1 img { height:105px; width:222px;}
#content #main #product #productbox .middle .box .topbox1 .number1 { background-image:url(../images/number1-bcg.png); background-repeat:no-repeat; color:#000000; font-size:24px; font-weight:bold; height:46px; left:46px; line-height:46px; position:absolute; text-align:center; top:-5px; width:131px;}
#content #main #product #productbox .middle .box .topbox2 { position:relative;}
#content #main #product #productbox .middle .box .topbox2 img { height:105px; width:222px;}
#content #main #product #productbox .middle .box .topbox2 .number2 { background-image:url(../images/number2-bcg.png); background-repeat:no-repeat; color:#000000; font-size:24px; font-weight:bold; height:46px; left:46px; line-height:46px; position:absolute; text-align:center; top:-8px; width:131px;}
#content #main #product #productbox .middle .box .topbox3 { position:relative;}
#content #main #product #productbox .middle .box .topbox3 img { height:105px; width:222px;}
#content #main #product #productbox .middle .box .topbox3 .number3 { background-image:url(../images/number3-bcg.png); background-repeat:no-repeat; color:#FFFFFF; font-size:24px; font-weight:bold; height:46px; left:46px; line-height:46px; position:absolute; text-align:center; top:-8px; width:131px;}
#content #main #product #productbox .middle .box .middlebox { background-image:url(../images/middle-of-box.png); background-repeat:repeat-y; overflow:hidden; padding-top:5px; position:relative; text-align:center; width:222px;}
#content #main #product #productbox .middle .box .middlebox .explain { background-image:url(../images/explain-bcg.png); background-repeat:no-repeat; height:35px; position:absolute; right:-38px; text-align:center; top:10px; width:205px; z-index:5;}
#content #main #product #productbox .middle .box .middlebox .explain p { color:#FFFFFF; font-size:12px; line-height:28px;}
#content #main #product #productbox .middle .box .bottombox { background-image:url(../images/bottom-box.png); background-repeat:no-repeat; height:9px; width:222px;}
*+html #content #main #product #productbox .middle .box .middlebox { margin-top:-3px;}
#content #main #product #productbox .middle .box .middlebox .brand { color:#000000; font-size:22px; padding-bottom:10px;}
#content #main #product #productbox .middle .box .middlebox .price { color:#666666; font-size:16px; font-weight:bold; margin:auto; padding-bottom:10px; width:205px;}
#content #main #product #productbox .middle .box .middlebox .price .firstprice { color:#666666; float:left; text-align:center; width:100px;}
#content #main #product #productbox .middle .box .middlebox .price .code { float:left; position:relative; text-align:center; width:100px;}
#content #main #product #productbox .middle .box .middlebox .price .code a { color:#000000; text-decoration:none;}
#content #main #product #productbox .middle .box .middlebox .price .code a:hover { color:#FF7200;}
#content #main #product #productbox .middle .box .middlebox .price .code span { background-image:url(../images/explain-bcg.png); background-repeat:no-repeat; color:#FFFFFF; display:none; font-size:12px; font-weight:normal; height:35px; line-height:28px; position:absolute; right:-40px; text-align:center; text-decoration:none; top:-35px; width:205px; z-index:5;}
#content #main #product #productbox .middle .box .middlebox .price .code a:hover span { display:block; height:35px; width:205px;}
#content #main #product #productbox .middle .box .middlebox .price span { color:#000000; margin-left:15px;}
#content #main #product #productbox .middle .box .middlebox .links { margin:auto; padding-bottom:5px; width:205px;}
#content #main #product #productbox .middle .box .middlebox .links .read { float:left; width:102px;}
#content #main #product #productbox .middle .box .middlebox .links .read a { background-color:transparent; background-image:url(../images/read-a-bcg.png); background-repeat:no-repeat; color:#FFFFFF; display:block; font-size:12px; height:29px; line-height:29px; text-align:center; text-decoration:none; text-transform:uppercase; width:102px;}
#content #main #product #productbox .middle .box .middlebox .links .visit { float:right; margin-top:1px; width:100px;}
#content #main #product #productbox .middle .box .middlebox .links .visit a { background-color:transparent; background-image:url(../images/visit-a-bcg.png); background-repeat:no-repeat; color:#FFFFFF; display:block; font-size:12px; height:27px; line-height:29px; text-align:center; text-decoration:none; text-transform:uppercase; width:100px;}
#content #main #product #productbox .middle .banners { background-image:url(../images/baner-box-bcg.png); background-repeat:no-repeat; height:57px; margin-bottom:5px; position:relative; width:687px;}
#content #main #product #productbox .middle .banners .number { background-image:url(../images/numbers-bcg.png); background-repeat:no-repeat; color:#FEFEFE; font-size:24px; font-weight:bold; height:55px; left:1px; line-height:55px; overflow:hidden; position:absolute; text-align:center; top:1px; width:57px;}
#content #main #product #productbox .middle .banners .logo { float:left; height:55px; margin-top:1px; padding-left:40px; padding-right:10px; width:155px;}
#content #main #product #productbox .middle .banners .name { float:left; font-size:20px; line-height:55px; width:130px;}
#content #main #product #productbox .middle .banners .price { color:#666666; float:left; font-size:16px; font-weight:bold; line-height:57px; width:120px;}
#content #main #product #productbox .middle .banners .price .firstprice { color:#666666; float:left; width:59px;}
#content #main #product #productbox .middle .banners .price .code { float:left; position:relative; width:59px;}
#content #main #product #productbox .middle .banners .price .code a { color:#000000; text-decoration:none;}
#content #main #product #productbox .middle .banners .price .code a:hover { color:#FF7200;}
#content #main #product #productbox .middle .banners .price .code span { background-image:url(../images/explain-bcg.png); background-repeat:no-repeat; color:#FFFFFF; display:none; font-size:12px; font-weight:normal; height:35px; line-height:28px; position:absolute; right:-70px; text-align:center; text-decoration:none; top:-15px; width:205px; z-index:5;}
#content #main #product #productbox .middle .banners .price .code a:hover span { display:block; height:35px; width:205px;}
#content #main #product #productbox .middle .banners .price span { color:#000000; margin-left:15px;}
#content #main #product #productbox .middle .banners .links { float:right; margin-top:1px; padding-right:10px; padding-top:15px; width:205px;}
#content #main #product #productbox .middle .banners .links .read { float:left; width:102px;}
#content #main #product #productbox .middle .banners .links .read a { background-color:transparent; background-image:url(../images/read-a-bcg.png); background-repeat:no-repeat; color:#FFFFFF; display:block; font-size:12px; height:29px; line-height:29px; text-align:center; text-decoration:none; text-transform:uppercase; width:102px;}
#content #main #product #productbox .middle .banners .links .visit { float:right; margin-top:1px; width:100px;}
#content #main #product #productbox .middle .banners .links .visit a { background-color:transparent; background-image:url(../images/visit-a-bcg.png); background-repeat:no-repeat; color:#FFFFFF; display:block; font-size:12px; height:27px; line-height:29px; text-align:center; text-decoration:none; text-transform:uppercase; width:100px;}
#content #main .about { padding-bottom:25px; padding-left:15px;}
#content #main .about h3 { color:#000000; font-size:16px; font-weight:bold; padding-bottom:15px;}
#content #main .intro h4 { color:#000000; font-size:14px; font-weight:bold; padding-bottom:10px;}
#content #main .about h4 { color:#000000; font-size:14px; font-weight:bold; padding-bottom:10px;}
#content #main .about p { color:#333333; font-size:12px; line-height:16px; padding-bottom:10px;}
#content #main .about ul { padding:10px 0 7px 20px;}
#content #main .about ul li { background-image:url(../images/li-bcg-about.png); background-position:0 5px; background-repeat:no-repeat; color:#333333; font-size:12px; padding-bottom:8px; padding-left:15px;}
#content #main .about ul li a { color:#333;}
#content #main .about ul li ul { padding-bottom:0;}
*+html #content #main .about ul li { background-position:0 8px;}
#footer { margin:auto; padding-bottom:25px; width:994px;}
#footer .top { background-image:url(../images/top-footer.png); background-repeat:no-repeat; height:9px; width:994px;}
#footer .bottom { background-image:url(../images/bottom-footer.png); background-repeat:no-repeat; height:9px; width:994px;}
#footer .middle { background-image:url(../images/middle-footer.png); background-repeat:repeat-y; padding-top:18px; width:994px;}
@media screen and (max-width: 993px) {
#footer { width:auto; max-width:994px;}
#footer .top { background-size:100% 100%; width:auto; max-width:994px;}
#footer .bottom { background-size:100% 100%; width:auto; max-width:994px;}
#footer .middle { background-size:100% 100%; width:auto; max-width:994px;}
}
#footer .middle .box1 { float:left; margin-right:70px; padding-left:17px; text-align:center; width:188px;}
#footer .middle .box1 img { margin-bottom:35px;}
#footer .middle .box1 .copyright { color:#333333; font-size:11px; padding-bottom:25px;}
#footer .middle .box1 p { color:#999999; font-size:11px; padding-bottom:15px;}
#footer .middle .box { float:left; margin-right:50px; width:185px;}
#footer .middle .box h4 { color:#000000; font-size:14px; font-weight:bold; padding-bottom:20px;}
*+html #footer .middle .box h4 { padding-bottom:10px;}
#footer .middle .box ul { padding-left:10px;}
#footer .middle .box ul li { background-image:url(../images/li-bcg-about.png); background-position:0 5px; background-repeat:no-repeat; font-size:11px; padding-bottom:5px; padding-left:15px;}
*+html #footer .middle .box ul li { background-position:0 9px; padding-bottom:2px;}
#footer .middle .box ul li a { color:#333333; text-decoration:none;}
#footer .middle .box ul li a:hover { color:#0000FF; text-decoration:underline;}
#content #sidebar .revbox { padding-bottom:25px; width:227px;}
#content #sidebar .revbox h4 { background-image:url(../images/sb-h3-bcg.png); background-repeat:no-repeat; color:#FFFFFF; font-size:15px; font-weight:bold; height:37px; line-height:37px; padding-bottom:3px; padding-left:20px; width:207px;}
#content #sidebar .revbox .brandbox { background-image:url(../images/sbbox-bcg.png); background-repeat:no-repeat; height:105px; margin-bottom:3px; width:225px;}
#content #sidebar .revbox .brandbox span { background-image:url(../images/number-sb1.png); background-repeat:no-repeat; color:#000000; display:block; float:left; font-size:18px; font-weight:bold; height:38px; line-height:38px; margin:7px 18px 0 13px; text-align:center; width:40px;}
#content #sidebar .revbox .brandbox img { float:left; margin-top:1px;}
#content #sidebar .revbox .brandbox .links { float:right; padding-right:10px; padding-top:10px; width:205px;}
#content #sidebar .revbox .brandbox .links .read { float:left; width:102px;}
#content #sidebar .revbox .brandbox .links .read a { background-color:transparent; background-image:url(../images/read-a-bcg.png); background-repeat:no-repeat; color:#FFFFFF; display:block; font-size:12px; height:29px; line-height:29px; text-align:center; text-decoration:none; text-transform:uppercase; width:102px;}
#content #sidebar .revbox .brandbox .links .visit { float:right; margin-top:1px; width:100px;}
#content #sidebar .revbox .brandbox .links .visit a { background-color:transparent; background-image:url(../images/visit-a-bcg.png); background-repeat:no-repeat; color:#FFFFFF; display:block; font-size:12px; height:27px; line-height:29px; text-align:center; text-decoration:none; text-transform:uppercase; width:100px;}
#content #sidebar .revbox .brandbox .one { background-image:url(../images/number-sb2.png); background-repeat:no-repeat; color:#000000; display:block; float:left; font-size:18px; font-weight:bold; height:38px; line-height:38px; margin:7px 18px 0 13px; text-align:center; width:40px;}
#content #sidebar .revbox .brandbox .three { background-image:url(../images/number-sb3.png); background-repeat:no-repeat; color:#FFFFFF; display:block; float:left; font-size:18px; font-weight:bold; height:38px; line-height:38px; margin:7px 18px 0 13px; text-align:center; width:40px;}
#content #main #buybox { margin-bottom:1px; width:724px;}
@media screen and (max-width: 993px) {
#content #main #buybox { width:auto; max-width:724px;}
}
#content #main #buybox h2 { color:#000000; font-size:24px; padding-bottom:10px;}
#content #main #buybox .navigator { background-image:url(../images/navigator-bcg.png); background-repeat:no-repeat; height:26px; margin-bottom:20px; width:724px;}
@media screen and (max-width: 993px) {
#content #main #buybox .navigator { background-size:100% 100%; height:26px; margin-bottom:20px; width:auto; max-width:526px;}
}
#content #main #buybox .navigator .left { float:left; height:26px; width:auto;}
#content #main #buybox .navigator .left ul { float:left;}
#content #main #buybox .navigator .left ul li { background-image:url(../images/navigator-li-bcg.png); background-position:right center; background-repeat:no-repeat; float:left; font-size:10px; line-height:26px; padding:0 30px 0 20px;}
#content #main #buybox .navigator .left ul li a { color:#333333; text-decoration:none;}
#content #main #buybox .navigator .left ul li a:hover { text-decoration:underline;}
#content #main #buybox .navigator .right { float:right; height:26px; text-align:center; width:80px;}
#content #main #buybox .navigator .right a { color:#333333; font-size:10px; line-height:26px; text-decoration:none;}
#content #main #buybox .navigator .right a:hover { text-decoration:underline;}
#content #main #buybox #productreview .leftside { background-image:url(../images/leftside-bcg.png); background-repeat:no-repeat; float:left; height:204px; position:relative; text-align:center; width:275px;}
#content #main #buybox #productreview .leftside .rank { background-image:url(../images/number1-bcg.png); background-repeat:no-repeat; color:#333333; font-size:8px; height:40px; left:70px; padding-top:6px; position:absolute; top:-5px; width:131px;}
#content #main #buybox #productreview .leftside .rank span { color:#000000; font-size:20px; font-weight:bold;}
#content #main #buybox #productreview .leftside img { padding-top:30px;}
#content #main #buybox #productreview .leftside .visit { bottom:-10px; height:35px; left:70px; position:absolute; width:135px;}
#content #main #buybox #productreview .leftside .visit a { background-image:url(../images/visit-button.png); background-repeat:no-repeat; color:#FFFFFF; display:block; font-size:20px; height:35px; line-height:35px; text-align:center; text-decoration:none; width:135px;}
#content #main #buybox #productreview .rightside { float:left; margin-left:25px; width:390px;}
#content #main #buybox #productreview .rightside .description { border-bottom:1px solid #000000; line-height:35px; padding-left:25px;}
#content #main #buybox #productreview .rightside .description1 { line-height:35px; padding-left:25px;}
#content #main #buybox #productreview .rightside .description .one { color:#333333; display:block; float:left; font-size:12px; height:35px; line-height:35px; width:120px;}
#content #main #buybox #productreview .rightside .description1 .one { color:#333333; display:block; float:left; font-size:12px; height:35px; line-height:35px; width:120px;}
#content #main #buybox #productreview .rightside .description .two { color:#333333; display:block; float:left; font-size:22px; height:35px; line-height:35px; width:70px;}
#content #main #buybox #productreview .rightside .description1 .two { color:#333333; display:block; float:left; font-size:22px; height:35px; line-height:35px; width:70px;}
#content #main #buybox #productreview .rightside .description .three { color:#999999; display:block; float:left; font-size:22px; height:35px; line-height:35px; width:70px;}
#content #main .baner { background-image:url(../images/baner-bcg.png); background-repeat:no-repeat; height:62px; padding-bottom:35px; width:699px;}
#content #main .baner .brandsite { height:62px; margin:auto; width:240px;}
#content #main .baner .brandsite .left { float:left; height:62px; width:120px;}
#content #main .baner .brandsite .left img { height:55px; margin-top:3px; width:70px;}
#content #main .baner .brandsite .right { float:right; line-height:62px; width:120px;}
#content #main .baner .brandsite .right .visit { float:right; height:27px; margin-top:18px; width:100px;}
#content #main .baner .brandsite .right .visit a { background-color:transparent; background-image:url(../images/visit-a-bcg.png); background-repeat:no-repeat; color:#FFFFFF; display:block; font-size:12px; height:27px; line-height:29px; text-align:center; text-decoration:none; text-transform:uppercase; width:100px;}
#content #main .about table { max-width:600px;}
#content #main .about table tr { width:100%;}
#content #main .about table .top td { font-weight:bold;}
#content #main .about table .first { font-weight:bold; height:28px; line-height:28px; vertical-align:middle; width:340px;}
#content #main .about table td { font-size:13px; font-weight:normal; height:28px; line-height:28px; padding-left:10px; vertical-align:middle; width:115px;}
#main p a { color:#333;}
#footer .bottom p { color:#333333; font-size:10px; line-height:16px;}
#content .banner1 { background-color:#D2D2D2; background-repeat:repeat-x; border:1px solid #CCCCCC; border-radius:10px; margin:15px auto; moz-border-radius:10px; padding-bottom:15px; webkit-border-radius:10px; width:630px;}
#content .banner1 .headline { padding:15px 0; text-align:center;}
#content .banner1 .bet { background-image:url(../images/list1.png); background-repeat:repeat-y; border-radius:5px; margin:0 auto; moz-border-radius:5px; webkit-border-radius:5px; width:600px;}
#content .banner1 .bet ul { padding:0!important; text-align:center;}
#content .banner1 .bet ul li { background-image:none!important; background-image:none; display:block; float:left; height:53px; line-height:53px; padding:0!important; padding:none!important;}
#content .banner1 .bet ul .first { color:#333333; font-size:18px!important; width:44px;}
#content .banner1 .bet ul .second { width:151px;}
#content .banner1 .bet ul .second img { margin-top:8px;}
*+html #content1 .banner1 .bet ul .second img { margin-top:5px;}
#content .banner1 .bet ul .third { width:74px;}
#content .banner1 .bet ul .third img { margin-top:6px;}
#content .banner1 .bet ul .fourth { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:18px!important; letter-spacing:-1px; line-height:53px; text-transform:uppercase; width:206px;}
#content .banner1 .bet ul .fifth { width:123px;}
#content .banner1 .bet ul .fifth img { margin-top:12px;}
*+html #content .banner1 .bet ul .fifth img { margin-top:5px;}
a .banner { background-image:url(../images/banner-a.jpg); background-repeat:no-repeat;}
a .banner .button { background-image:url(../images/banner-a-button.png); background-repeat:no-repeat; display:block; height:151px; position:absolute; right:423px; top:142px; width:168px;}
a:hover .banner { background-repeat:no-repeat;}
a:hover .banner .button { background-image:url(../images/button-banner-hover.png); background-repeat:no-repeat; display:block; height:160px; position:absolute; right:423px; top:142px; width:185px;}
a .banner .button2 { background-image:url(../images/active-state-image.png); background-repeat:no-repeat; display:block; height:160px; position:absolute; right:423px; top:142px; width:185px;}
a:hover .banner .button2 { background-image:url(../images/hover-state-image.png); background-repeat:no-repeat; display:block; height:160px; position:absolute; right:423px; top:142px; width:185px;}
#content .tableticket { text-align:center;}
#content .tableticket h6 { border:1px solid #444; display:inline-block; font-size:22px; font-weight:bold; margin:10px 0; padding:8px 15px;}
#content .odds1 { font-size:100%; text-align:center;}
/* special classes */
.clear { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0;}
.aligncenter { margin:10px; text-align:center;}
.aligncenter img { display:inline-block;}