/**
 * 滚动组件的CSS代码
 ***/
    .rollBox{width:100%; height:370px;}
     .rollBox .Cont{width:100%;overflow:hidden;float:left;margin-top: -16px;}
    #imageRoll .pic{display: none; position: absolute;}
    .rollBox .Cont .pic img{background:#fff;border:0px solid #ccc;display:block;margin:0 auto;}
    .rollBox #List1,.rollBox #List2{float:left;}
    .round{
  width:100%; 
  background-repeat:no-repeat;
  height:374px;
          margin-top:-370px;
  background-color: none;
  position: absolute;
}
.round a{
  color: #FFF;
}
.round ul {
  list-style: none;
  padding: 0;
  margin-left:15px;
  width: 248px;
  height: 355px;
  position:relative;
}
.round li {
  height: 200px;
  width: 248px;
  background-color: #3E505A;
  text-align: center;
  cursor: pointer;
  position:absolute;
  font-family: Century Gothic, regular;
}

.round .round_div{ 
  width:250px; 
  height:170px; 
  overflow:hidden;
}

.round span {
  display: block;
  height:40px;
  line-height:40px;
  color:#FFF;
  font-weight:regular;
  text-align:center;
  background-image:url(../images/r_span_b.jpg);
}
  
.round .li_1{
  top:0px;
  left:43px;
  z-index:100;
  /*filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; */
  width:164px; 
  height:40px; 
  overflow:hidden;
}  

.round .li_2{ 
  top:40px; 
  left:28px; 
  z-index:190; 
  /*filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; */
  width:193px; 
  height:40px; 
  overflow:hidden;
}

.round .li_3{ 
  top:80px; 
  left:0px; 
  z-index:280; 
  opacity: 1; 
  width:250px;
  cursor:auto;
}

.round .li_4{ 
  top:280px; 
  left:28px; 
  z-index:190; 
  /*filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/ 
  width:193px; 
  height:40px; 
  overflow:hidden;
}

.round .li_5{ 
  top:320px; 
  left:43px; 
  z-index:100; 
  /*filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; */
  width:164px; 
  height:40px; 
  overflow:hidden; 
}

.round .li_1 span, .li_5 span{ font-size:12px;}  
.round .li_2 span, .li_4 span{ font-size:15px;}  
.round .li_3 span{ 
  font-size:16px; 
  font-family:century gothic; 
  font-weight:regular; 
  height:30px;
  line-height:30px;
}

.r_content{ 
  width:100%; 
  height:65px;
  background-image:url(../images/slow_text_bg.png);
  color:white;
  float:left;
  text-align: right;
  position:relative;z-index:8;


}
.r_content_p11{
  font-size:19px;
  margin-top:12px;
  margin-bottom:5px;
  margin-right:20px;
    text-align: right;
  color:white;
  font-weight: bold;
}
.r_content_p22{
  margin-right:20px;
  font-size:12px;
    text-align: right;
  color:white;
}

#r_content_p2sc {
margin-right: 12px;
font-size: 12px;
text-align: right;
color: 
white;}

/**
 * Star Online Booking 的内容
 ***/
#booking_div{
  background-image:url(../images/red.png);
  text-align:left;
  color:#FFF;
  font-size:12px;
  font-weight:bold;
}

#booking_div form{ 
  height:100%; 
  width:100px%;}

#booking_div dd{
  padding-top:10px;
  float:left;
  width:95px;
  height:30px;
}

.left_dd{
  padding-left:15px;
}

#booking_div .right_dd{
  padding-left:30px; 
  width:105px;
}

#booking_div .last_dd{
  padding-left:15px; 
  width:240px; 
  margin-bottom:5px;
}

.last_dd .select_div{
  float:left;  
}

.last_dd b{ 
  margin-left:30px;
  float:left;
  margin-top:3px;
}

#booking_div select{
  width:95px;
  /*opacity: 0;*/
}

#booking_div .checkbox{ 
  width:15px;
}

/**
 * 下拉框样式
 ***/
.select_div{
  background-image:url(../images/drop_down_bg_1.png);
  width:96px;
  height:20px;
  position:relative;
}

.select_text{
  width:70px;
  margin-top:2px;
  margin-left:5px;
  background-color: #F3F3F3;
}

.select_option{
  filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;
  position: absolute;
  left:0;
  cursor:pointer;
}
/**
 * END 下拉框样式
 ***/
 
/**
 * Date 文本框样式
 ***/
.plus{ 
  background-image:url(../images/drop_down_bg.png);
  width:96px;
  height:20px;
}
.textdiv{ 
  background-image:url(../images/text_down_bg.png);
  width:96px;
  height:20px;
}

#booking_div .date_text{
  width:70px;
  margin-left:5px;
  background-color: #F3F3F3;
  *margin-bottom:2px;
}

.date_image{
  margin-top:5px;
  margin-left:2px;
  cursor:pointer;
}

/**
 * END 文本框样式
 ***/

.submit{ 
  width:100%; 
  text-align:center;
}

/**
 * End Online Booking 的内容
 ***/

.scollb{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 65px;
  background-image: url(../images/slow_text_bg.png);
  
}



/** 2012-7-3**/
#meal_reservation, #echeck_in, #corporate_login, #members_login {
    background-image: url("../images/red.png");
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}
.round_div{
  font-family: Verdana;
}
.round_div label{
  display: block;
  padding-bottom: 1px;
}
.round_div input{
  background: none;
  height: 20px;
  line-height: 20px;
  margin-left: 4px;
  /*padding-right: 20px;*/
  width: 68px;
  font-size: 12px;
  color: #4F4F4D;
}
.round_div  .checkbox{
  width: auto;
}
.round_div table{
  font-weight: normal;
}
.round_div table a{
  font-size: 9px;
  color: #FFF;
  text-decoration: underline;
  white-space: nowrap;
}
.round_div table td{
  padding-top:3px;
  padding-left: 15px;
}
.round_div table td.button{
  padding-left: 10px;
}
.round_div table td.date_icon{
  background: url(../images/date.gif) no-repeat 0 22px;
}
.round_div .text{
  width: 96px;
  height: 20px;
  background: url(../images/text_down_bg.png) no-repeat center;
}
.round_div .text2{
  width: 215px;
  height: 20px;
  background: url(../images/text_long_down_bg.png) no-repeat center;
}
.round_div .date{
  width: 96px;
  height: 20px;
  background: url(../images/drop_down_bg.png) no-repeat center;
}
.round_div .select{
  width: 96px;
  height: 20px;
  background: url(../images/drop_down_bg_1.png) no-repeat center;
}

.round_div .select .select_box{
  display: none;
  position: absolute;
    z-index: 1;  
  background-color: #F3F3F3;
    border: 1px solid #CCCCCC;
}
.round_div .select .select_box a{
  padding-left: 5px;
  text-decoration: none;
  display: block;
  height: 18px;
  line-height: 18px;
    width: 90px;
  color: #4F4F4D;
  margin-left: 0;
}
.round_div .select .select_box a:hover{
  background-color: #B21B24;
  color: #FFF;
}

.round_div table a.booknow{
  position: absolute;
  margin-top: -6px;
  display: block;
  width: 110px;
  height: 30px;
  background: url(../images/book_now.png) no-repeat center;
}
#booknowKr
{
   background: url(../images/Online_Booking_kr.png) no-repeat center;
}
#booknowJp
{
   background: url(../images/Online_Booking_jp.png) no-repeat center;
}
#booknowSc
{
   background: url(../images/Online_Booking_sc.png) no-repeat center;
}
#booknowTc
{
   background: url(../images/Online_Booking_tc.png) no-repeat center;
}
.round_div table a.submit{
  display: block;
  width: 101px;
  height: 30px;
  background: url(../images/submit.png) no-repeat center;
}
#submitSc
{
   background: url(../images/submit_sc.png) no-repeat center;
}
#submitTc
{
   background: url(../images/submit_tc.png) no-repeat center;
}
.round_div table a.continue{
  display: block;
  width: 94px;
  height: 30px;
  background: url(../images/continue.png) no-repeat center;
}
#continueSc
{
  background: url(../images/continue_sc.png) no-repeat center;
}
#continueTc
{
   background: url(../images/continue_tc.png) no-repeat center;
}
.round_div table a.login{
  display: block;
  width: 109px;
  height: 30px;
  background: url(../images/login.png) no-repeat center;
}
#loginSc2{
  background: url(../images/login_sc.png) no-repeat center;
}
#loginTc2{
  background: url(../images/login_tc.png) no-repeat center;
}
#loginKr
{
  background: url(../images/login_kr.png) no-repeat center;
}
#loginJp
{
  background: url(../images/login_jp.png) no-repeat center;
}
#loginTc
{
  background: url(../images/login_tc.png) no-repeat center;
}
#loginSc
{
  background: url(../images/login_sc.png) no-repeat center;
}
.round_div table a.card_activation{
  display: block;
  width: 121px;
  height: 30px;
  background: url(../images/card_activation.png) no-repeat center;
}
#card_activationSc{
   background: url(../images/card_activation_sc.png) no-repeat center;
}
#card_activationTc{
   background: url(../images/card_activation_tc.png) no-repeat center;
}
.round_div table a.sign_up{
  display: block;
  width: 121px;
  height: 30px;
  background: url(../images/card_activation.png) no-repeat center;
}
.round_div table a.sign_up.card1{
  float: left;
  width: 118px;
  background: url(../images/sign_up.png) no-repeat left center;
}
#sign_upcard1Kr
{
   background: url(../images/sign_up_kr.png) no-repeat left center;
}
#sign_upcard1Jp
{
   background: url(../images/sign_up_jp.png) no-repeat left center;
}
#sign_upcard1Sc
{
   background: url(../images/sign_up_sc.png) no-repeat left center;
}
#sign_upcard1Tc
{
   background: url(../images/sign_up_tc.png) no-repeat left center;
}
/**Added by Terry on OA-L-14-0025 for Home Page Widget**/
#RegisterTc
{
   background: url(../images/register_tc.png) no-repeat left center;
}
#CheckTc
{
   background: url(../images/check_tc.png) no-repeat left center;
}
#ActivateTc
{
   background: url(../images/activate_tc.png) no-repeat left center;
}
#RegisterSc
{
   background: url(../images/register_Sc.png) no-repeat left center;
}
#CheckSc
{
   background: url(../images/check_Sc.png) no-repeat left center;
}
#ActivateSc
{
   background: url(../images/activate_Sc.png) no-repeat left center;
}
#RegisterJp
{
   background: url(../images/register_Jp.png) no-repeat left center;
}
#CheckJp
{
   background: url(../images/check_Jp.png) no-repeat left center;
}
#ActivateJp
{
   background: url(../images/activate_Jp.png) no-repeat left center;
}
#RegisterKr
{
   background: url(../images/register_Kr.png) no-repeat left center;
}
#CheckKr
{
   background: url(../images/check_kr.png) no-repeat left center;
}
#ActivateKr
{
   background: url(../images/activate_kr.png) no-repeat left center;
}
#Register
{
   background: url(../images/register.png) no-repeat left center;
}
#Check
{
   background: url(../images/check.png) no-repeat left center;
}
#Activate
{
   background: url(../images/activate.png) no-repeat left center;
}



#card_activationcard2Kr
{
   background: url(../images/card_activation_kr.png) no-repeat right center;
}
#card_activationcard2Jp
{
   background: url(../images/card_activation_jp.png) no-repeat right center;
}
#card_activationcard2Tc
{
   background: url(../images/card_activation_tc.png) no-repeat right center;
}
#card_activationcard2Sc
{
   background: url(../images/card_activation_sc.png) no-repeat right center;
}
.round_div table a.card_activation.card2{
  float: right;
  width: 118px;
  background: url(../images/card_activation.png) no-repeat right center;
}
.round_div .condition{
  font-size: 9px;
  margin-left: 20px;
}
.round_div .checkbox{
  margin: 0;
}
.round_div .text2 input{
  width: 203px
}
#echeck_in table td{
  padding-top: 8px;
}


/** 2012-7-10 */
.r_content{
  display: block; width:960px; height: 390px;
}

.select_func {
padding-top: 0;
}

.select .select_box{
  max-height:100px;
  overflow-y: auto;
  overflow-x: hidden;
}
.round .li_3 label.dropStar{
  display:inline;
  position: absolute;
  margin-top: 3px;
  margin-left: 2px;
  *margin-top: 0;
}


































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
