@charset "UTF-8";

a:link{ text-decoration: none;}
a:hover{ opacity: 0.7;}
a:visited{ color: #333;}


.mt20{ margin-top: 20px;}

h1#siteName{ width: 100%; max-width:1100px; margin: 0 auto; }
h1#siteName img{ display: block; margin: 0 auto;}

#list_carousel{ margin-top: 15px;}

#globalNav { background: none; margin-top:40px;}
#globalNav ul{ background: none; text-align: center; width: 1000px; }
#globalNav ul li{width: 188px; font-size: 16px; height: 50px; float: none; display: inline-block; border-right: 1px dotted #ccc; padding: 0;}
#globalNav ul li:last-child{border-right: none; background-color: #ff5810;}
#globalNav ul li a{display: block;}

#globalNav ul li .navWrap{ padding-top: 5px;}
#globalNav ul li p i{ color: #ff5810; padding-bottom: 22px;}
#globalNav ul li p.subtext{ font-size: 0.6em; text-align: center; margin: 0px; color: #333;}
#globalNav ul li p.main{ font-weight: bold; text-align: center; color: #333; margin: 0;}
#globalNav ul li p.white{ color: #fff;}

#content #pickup{ line-height: 1.5em;}
#content #pickup h2,
#content #special{ background: none;}
#content #special{ background: url("../../img/bg_dice.png") no-repeat center center; background-size: cover;}
#content #special h2{ background: none;}

#bnr-onlineshop{ background: url("../img/bg-onlineshop.png") no-repeat center center;}
#bnr-onlineshop p.shopLead{ background-color: rgba(245,243,237,0.8); color:#333; width:800px; margin: 0 auto 60px auto; padding: 10px;}
#bnr-onlineshop p.shopBtn{/*  background-color: rgba(245,243,237,0.8); */ width: 283px; margin: 0 auto;}
#bnr-onlineshop h2{ text-indent: -9999px;}
#bnr-onlineshop p.fl-r{ float: none;}

#footerBar{ background-color: #ff5810;}


#helpguide dd li{ width: 100%;}
#helpguide h2{ background: url(../img/helpguide.png) no-repeat center top; background-size: 34px 34px;}



.toggle_box{
    display:none;
    color:#fff;
    background-color:#ff5810;
    padding:20px;
    margin-top:20px;
}
.btn{
    background-color:#dddddd;
    padding:10px;
}
.btn.active{
    background-color:#1b325f;
    padding:10px;
    color:#fff;
}
.btn:hover{
    cursor:pointer;
}
.box{
    background-color:#132343;
    width:100%;
    height:20px;
    margin-top:20px;
    margin-bottom:20px;
}

#content #pickup h2.fade{ height: auto; margin: 0;}




table{ width: 100%; }
th,
td{ padding: 10px; border: 1px solid #ddd; }
th{ background: #f4f4f4; }

.responsiveTable th  { width: 30%; text-align: center; }


#content ul.formUl{ width: 100%;} 
#content ul.formUl{ text-align: left;} 


div.thanks{ padding-top: 30px;}




@media screen and (min-width: 0px) and (max-device-width: 640px) {





responsiveTable { margin: 0 -10px; }
    .responsiveTable th,
    .responsiveTable td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .responsiveTable tr:first-child th   { border-top: 1px solid #ddd; }
}


}