@charset "utf-8";
/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - -

Title :  Phoenix Chinese Restaurants Group
URL : http:/phoenixrestaurants.com.au/

Author : FOX DESIGN 
URL: www.foxdesign.com.au

- - - - - - - - - - - - - - - - - - - - - */

/* start of desktop styles */

@media screen and (max-width: 991px) {
/* start of large tablet styles */

}

@media screen and (max-width: 767px) {
/* start of medium tablet styles */

}

@media screen and (max-width: 479px) {
/* start of phone styles */

}

/*----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea, blockquote,th,td { 
	margin:0;
	padding:0;
}

 
table {
	border-collapse:collapse;
	border-spacing:0;
}
 

html { 
	margin:0; 
	padding:0; 
	overflow: -moz-scrollbars-vertical;
}
 
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}



body,td,th,p,li {Font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif; font-size:16px; line-height:32px; color: #000000; }
body { background-image:#f7f7f7;}

.italic_style { font-style:italic; text-transform:lowercase;}
a { text-decoration:none; color: #000;}
a:hover { color: #d2232a;}

.btnGeneral { float: left; margin-right:50px; text-align:center; overflow: hidden;  height:60px; line-height:60px;display:block; font-family: 'Raleway', sans-serif; font-size: 20px;  color:#ffffff; font-weight:400;text-decoration:none; text-transform:uppercase; cursor:pointer; border:3px #67747c solid;  background:none; width: 200px; padding: 0px 10px; border-radius:30px;}
.btnGeneral:hover  { background:#de3437; color:#fff; border:3px #de3437 solid; font-weight:700; }


.btnGeneral02 { text-align:center; overflow: hidden;  height:40px; line-height:40px;display:block; font-family: 'Raleway', sans-serif; font-size: 16px;  color:#ffffff; font-weight:400;text-decoration:none; text-transform:uppercase; cursor:pointer; border:3px #67747c solid;  background:none; width: 200px; padding: 0px 8px; border-radius:20px;}
.btnGeneral02:hover  { background:#de3437; color:#fff; border:3px #de3437 solid; font-weight:700; }

.btnOnlineBooking { float: left; display:block; overflow: hidden; padding: 0px 10px; width: 200px;  height:60px; font-family: 'Raleway', sans-serif; font-size: 20px;  color:#ffffff; line-height:60px;text-align:center;text-decoration:none; text-transform:uppercase; cursor:pointer;   border-radius:30px;background:#de3437;   border:3px #de3437 solid; font-weight:400; }
.btnOnlineBooking:hover  { background:#fff; color:#de3437; border:3px #de3437 solid; font-weight:700; }

@media screen and (max-width: 420px) {
.btnGeneral { margin-bottom: 30px ;  }
	}



h1 { font-size:50px; line-height:60px;  padding: 0px; margin:0px; text-align:center; color: #000000; Font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;font-weight:normal; text-transform:uppercase; }

h2 { font-size:50px; line-height:60px;  padding: 0px; margin:0px; text-align:center; color: #000000; Font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;font-weight:normal; text-transform:uppercase;}

h3 {font-size:18px; line-height:22px;  color: #ffffff; padding:10px 0px; margin:50px 10% 25px 0px;  text-align:left;Font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;  font-weight:normal;  }

h5 {font-size:16px; line-height:14px; color: #ffffff; padding:25px 0px 0px 0px; margin:0px;  text-align:left; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase;  }


@media screen and (max-width: 960px) {
h2 { padding:25px 0px 0px 0px }
h3 { margin:50px 5% 25px 0px; }
	}

h4 {font-size:22px; line-height:32px; color: #d2232a; padding-top:20px; padding: 0px; margin:0px; text-align:center; font-family: 'Raleway', sans-serif; font-weight:400;}
 
fieldset { 	border: 0; }

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
}
a img{ border:none;}
hr {height: 1px; color: #e6e4e2;  }
 
p{ padding:0px; margin:10px 0; color:#000000;}



.red-bar{ margin:30px auto; height:13px; width:100px; background:#e12f29; line-height:0;}

#page_wrap{ float:left; 
width:100%; height:100%; 
min-height:100%; 
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position:relative;
}

 
.wrap_out{ float:left; width:100%; height:20px; min-height:20px; background:#2e3c44; }
html>body .wrap_out{ height:auto;}

.wrap{ margin:0 auto;  width:1360px; height:20px; min-height:20px; padding:60px 0;}
html>body .wrap{ height:auto;}
 

.wrap_general{ float:left; width:100%; height:10px; min-height:10px;}
html>body .wrap_general{ height:auto;}

.wrap02_out{ float:left; width:100%; height:40px; min-height:40px; background:#282828;}
html>body .wrap02_out{ height:auto;}

.wrap02{ margin:0 auto;  width:1360px; height:40px; min-height:40px;}
html>body .wrap02{ height:auto;}

.wrap_60{ float:left; width:60%; height:10px; min-height:10px; padding-top:20px;}
html>body .wrap_60{ height:auto;}

.wrap_50{ float:left; width:50%; height:10px; min-height:10px; padding-top:20px;}
html>body .wrap_50{ height:auto;}

.wrap_40{ float:left; width:40%; height:10px; min-height:10px; padding-top:20px;}
html>body .wrap_40{ height:auto;}

.wrap_60 {font-family: 'Raleway', sans-serif; font-weight:400; font-size:20px; line-height:30px; color:#000; margin:0; padding-top:20px; }
.wrap_40 {font-family: 'Raleway', sans-serif; font-weight:400; font-size:20px; line-height:30px; color:#000; margin:0; padding-top:20px; }

 
@media screen and (max-width: 1360px) {
.wrap{ width:95%; }
.wrap02{ width:95%; }
.wrap_60{ width:100%; text-align:center;}
.wrap_50{ width:100%; text-align:center;}
.wrap_40{ width:100%; text-align:center;}
	}

@media screen and (max-width: 800px) {
h1 {font-size:30px; line-height:30px; }
	}
/* end of global*/


/*-----------------------------------------------------------------------------
header
-----------------------------------------------------------------------------*/
#head_wrap{ float:left; width: 100%;  height:95px; position:fixed; left:0; top:0; z-index:1000; background: rgba(10,14, 17, 0.7); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.13);}

#head_logo{float:left;  width:8%; padding-left:3%; height:auto; text-align:left;}
#head_reservation {float:right; width:12%; margin-right:3%; height:auto; text-align:right; }

@media screen and (max-width: 760px) {
 
#head_logo{ position:absolute;  top:-23px; left:20px;  height:auto;}
#head_reservation{ position:absolute;  top:12px; right:80px; height:auto; margin-right:0px; }
	}
  
/*  top nav*/
#nav_wrap-out{ float: left; width:69%;  height:auto; }
#nav_wrap{ width:100%; height:40px; padding:30px 0; }

@media screen and (max-width: 760px) {
#nav_wrap-out{ width:100%; height:0; padding:65px 0; margin:0;}

 }
 
 /* -------------------------- home slider show-------------------------- */	

#slider{ height:100vh;}

 /* -------------------------- home about------------------------- */	

.text-container{ margin:0 auto; max-width:850px; height:auto; padding:60px 25px;}
.text-container p{ text-align:justify;}

  


.down-arrow{ float:left; width:100%; height:auto; margin:60px 0; text-align:center; }
.down-arrow a{ color:#ffffff;background:url(../images/down-arrow.png); background-position:center top; background-repeat:no-repeat; padding-top:50px;}
.down-arrow a:hover { color:#e12f29; background:url(../images/down-arrow_red.png); background-position:center top; background-repeat:no-repeat; }

 

 
 /*--------------------------------- bottom-slogan ---------------------------*/
#bottom-slogan_wrap{ float:left; width:100%; height:auto; background:#fff;}
#bottom-slogan_left{ float:left; width:66.666666%; height:auto;}
#bottom-slogan_right{ float:right; width:33.333333%; }
.slogan{ float:left; width:85%;  padding:13% 0 0 13%; Font-family: "Times New Roman", Times , SimSun, “宋体”, serif; font-size:55px; line-height:55px; color:#e12f29;}
@media screen and (max-width:1440px) {
.slogan{  font-size:45px; line-height:38px;  }
	}
@media screen and (max-width:1200px) {
.slogan{  font-size:40px; line-height:35px;  }
	}
	@media screen and (max-width:960px) {
#bottom-slogan_left{  width:100%; }
#bottom-slogan_right{  width:100%; }
.slogan{ width:90%; padding:5%; font-size:35px; line-height:30px; text-align:center; margin:0;}
	}

	
 /*---------------------------------- footer ------------------------------------*/
 
#footer_wrap{ float: left; width:100%; height:auto; background:#d9dcde;font-family: Helvetica, Arial, sans-serif;}
#footer{ margin:0 auto; max-width:100%; height:auto; color:#41525c; font-size:15px; }

#footer_left{ float:left; width:66.6666%; height:auto; padding:3% 0;}
 
#footer_logo{ float:left; width:20%; text-align:right; padding-right:1%;}
#footer_des{ border-left:1px solid #98a3aa; margin-left:2%; padding-left:2%;  float:left; width:50%; height:auto;}
#footer_des .title{ color:#e12f29; padding-right:5px;}
#footer_social{ float:right; width:20%; height:auto; text-align:right; padding-right:3%;}

.footer a{color:#41525c;} 
.footer a:hover{color:#e12f29;}

.footer-link {color:#98a3aa;} 
.footer-link a {color:#98a3aa;} 
.footer-link a:hover{color:#ffffff;}

 
	
@media screen and (max-width: 960px) {
#footer_left{ width:100%;}
#footer_logo{width:100%; text-align:center;}
#footer_des{width:98%; border-left:0; margin-left:0; text-align:center;}
#footer_social{width:100%; text-align:center; padding-top:20px;}
	}

#footer_right{float:right; width:33.3333%; height:auto; background:#e0e4e7;}
.footer_nav { float:left; width:70%;  padding:5% 15%; }
.footer_nav ul{ list-style:none; padding:0; margin:0;  }
.footer_nav li{ float:left; list-style:none;  width:100%;Font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;  font-size:26px; line-height:60px; color:#2f3d46; text-align: left;  margin:8px 0;   }
.footer_nav li a{ font-size:16px;  line-height:20px; color:#687a85; font-family: Helvetica, Arial, sans-serif; display: block; border-left: solid 3px #e12f29; padding-left: 10px;}
.footer_nav li a:hover{ color:#2f3d46;  } 

@media screen and (max-width: 960px) {
#footer_right{ width:100%; }
.footer_nav { width:92%;  padding:8% 4%;}
.footer_nav li{ }
.footer_nav li{ text-align:center;}
.footer_nav li a {border-left:none;}
	}


/* -------------------------- about us pages -------------------------- */
#cover_about{ float:left; width:100%; text-align:center; height:595px; background:url(../images/cover-image/about-us.jpg); background-position:center top; background-repeat:no-repeat; }
#cover_about img {
	max-width:none;
	height:595px;
	width: auto\9; /* ie8 */
}

#about-us_wrap{margin:0 auto; padding:60px 0; max-width:1400px; height:auto;}
#about{ width:100%; float:left; background:#fff; margin-bottom:40px;}
#about_left{float:left; width:44%; height:45%; padding:3%;  }
#about_right{float:right; width:50%; height:auto; overflow:hidden; margin:-2% 0; }


@media screen and (max-width: 800px) {
#about_left{ float:left; width:90%; padding:30px 0; margin-left:5%;}
#about_right{ float:left; width:80%; text-align:center;margin:-8% 10% 0 10%;}
	}


/* history*/
#history_wrap{margin:60px auto; max-width:1200px; height:auto; background:url(../images/history-line.gif); background-position:center; background-repeat:repeat-y;}

@media screen and (max-width: 800px) {
#history_wrap{ width:95%; height:auto;  }
	}

.history_left { float:left; width:50%; height: 183px; background:url(../images/history-circle_left.png); background-position:right top; background-repeat:no-repeat;}
.history_left h3{ float:right; width:183px; height:183px; text-align:center; font-size:40px; line-height:183px;Font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;  font-weight:bold; color:#000; margin:0; padding:0; border:none; padding-right:42px;} 
.history_right_des { float:left; width:36.5%; min-height:200px; padding:30px 0; text-align:left;}

.history_left_des { float:left; width:46.5%; min-height:200px; padding:30px 0; text-align:right;}
.history_right { float:right; width:50%; height: 183px; background:url(../images/history-circle_right.png); background-position:left top; background-repeat:no-repeat;}
.history_right h3{ float:left; width:183px; height:183px; text-align:center; font-size:40px; line-height:183px;Font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;  font-weight:bold;color:#000; margin:0; padding:0; border:none; padding-left:42px;} 
/* history*/
#team_wrap-out{ float:left; width:100%; height:auto; background:#41525c;}
.term_wrap{ float:left; width:100%; height:auto;}

/*our team*/
#our-team_wrap-out{ float:left; width:100%; height:auto; background:#41525c; padding:60px 0;}
#our-team_wrap-out h2{ color:#fff;}
#our-team_wrap{ float:left; width:100%; height:auto; background:#2f3d46; margin:3.75% 0;}
.our-team{ margin:0 auto; max-width:1200px;}
.our-team_left{ float:left; width:48%; text-align:right; color:#fff; padding:40px 0;}
.our-team_left-row{ width:100%; height:auto; padding-bottom:30px; border-bottom:1px solid #fff; margin-bottom:30px;}
.our-team_left-row h3{ color:#fff; font-size:30px; border:none; padding:0; margin:0; line-height:36px; text-align:right;}
.our-team_left-row p{ color:#fff;}
.our-team_right{ float:right;  width:48%; height:auto; margin:-3.75% 0;}

@media screen and (max-width: 800px) {
.our-team_left{ float:left; width:84%; padding:30px 0; margin-left:8%;}
.our-team_right{ float:left; width:84%; height:auto; text-align:center; margin:-5% 0 2% 8%; }
	}


/* -------------------------- restaurants pages -------------------------- */
.gap_general{padding:20px; }
.gap{ width:100%; height:0; line-height:0; float:left; margin-bottom:95px;}
#cover_restaurants { float:left; width:100%; text-align:center; height:595px; background:url(../images/cover-image/restaurants.jpg); background-position:center top; background-repeat:no-repeat; }
#cover_restaurants img {
	max-width:none;
	height:595px;
	width: auto\9; /* ie8 */
}

.rests_wrap{ margin:0px auto; width:100%; background:#41525c; height:auto;}
.rests_left{ float:left; width:50%; height:40%;}
.rests_left .title{ float:left; width:100%; height:18.75%; margin:10% 0 6% 0; text-align:center; }
.rests_left h2{color: #fff; font-size: 40px;}

.rests_left .des{ float:left; width:87.5%; height:47%; margin: 0 6.25% 2% 6.25%; border-top: 1px solid #9ca5aa; border-bottom: 1px solid #9ca5aa; padding:3.75% 0; color:#cedae1; line-height:24px;}
.rests_left .link{ float:left; width:87.5%; height:7.8%; margin:0 6.25%;}
 
.rests_link-left{ float:left; width:50%; height:auto; text-align: left;}
.rests_link-right{ float:right; width:50%; height:auto; text-align: right;}

.rest_right{ float:right; width:50%; height:40%; text-align: center;}
.rest_right02{ float:left; width:50%; height:40%}

@media screen and (max-width:1000px) {
.rests_left{ width:100%; height:auto;}
.rest_right{ width:100%; height:auto;}
.rest_right02{ width:100%; height:auto;}
.rests_left .link{ margin-bottom:20px;}
	}


/* -------------------------- services -------------------------- */
#cover_services{ float:left; width:100%; text-align:center; height:595px; background:url(../images/cover-image/services.jpg); background-position:center top; background-repeat:no-repeat; }
#cover_services img {
	max-width:none;
	height:595px;
	width: auto\9; /* ie8 */
}


/*----------------------------------------------------------------------------- 
news 
-----------------------------------------------------------------------------*/

#cover_news { float:left; width:100%; text-align:center; height:595px; background:url(../images/cover-image/news_cover.jpg); background-position:center top; background-repeat:no-repeat; }
#cover_news img {
	max-width:none;
	height:595px;
	width: auto\9; /* ie8 */
}
 
 
/* --------------------------news for Brisbane-------------------------- */	
.news_wrap{ float:left; width:100%; height:20px; min-height:20px; background:#2e3c44;}
html>body .news_wrap{ height:auto;}

.news_left{ float:left; width:49%; height:20px; min-height:20px;}
html>body .news_left{ height:auto;}

.news_right{ float:right; width:44%; padding:2% 3% 1% 2%; height:20px; min-height:20px;}
html>body .news_right{ height:auto;}
.news_right p { color:#fff;}
.back a{ color:#999; padding:20px 0;}
.back a:hover{color: #d2232a;}
 
@media screen and (max-width: 560px) {
.news_left{ width:88%;padding:6%;}
.news_right{width:88%;padding:6%;}
	}

 
/*grid-a-licious css*/ 	
.example { margin-bottom: 20px;}

#example1 {
  padding: 0 0 0 20px;
 
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;

  margin-bottom: 20px;
}
 
.item {
  background:#41525c; 
  color: #000000;
  border:0px solid #FFF;
  border-radius: 0px;
  padding: 0px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  text-align:left;
  line-height:24px;
  display:block;
}
.item p{ word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  float:left; width:90%; padding:1% 5%;font-family: 'Raleway', sans-serif; color:#ffffff; font-weight:700;font-size:16px; line-height:22px; text-transform:uppercase;}
.date{ float:left; width:100%; height:auto; overflow:hidden; padding:20px 0;font-family: 'Raleway', sans-serif; color:#ffffff; font-weight:400;font-size:18px; line-height:18px; }
.red{ float:left; width:50px; height:12px; background:#e12f29; margin:15px 0; }

.item:hover{ background:#e12f29;}

.item img{ margin-bottom:5px;}

.item .title{ font-size:30px; line-height:28px;}
.item ul{ display:block; padding:0; margin:0;}
.item li{ display:block; padding:0px 0px 0px 25px; margin:0; list-style:square; line-height:24px; background:url(../images/list-arrow.png); background-repeat:no-repeat;}
 
/*end of grid-a-licious css*/ 


  
 /*----------------------------------------------------------------------------- 
contact us
-----------------------------------------------------------------------------*/
#cover_contact{ float:left; width:100%; text-align:center; height:595px; background:url(../images/cover-image/contact-us.jpg); background-position:center top; background-repeat:no-repeat; }
#cover_contact img {
	max-width:none;
	height:595px;
	width: auto\9; /* ie8 */
}
.contact_top-wrap{ float:left; width:100%; height:auto; padding:40px 0;  border-bottom:10px solid #42525c; background:#2f3c44;}
.contact-logo{ float:left; width:16.3333%; height:auto;  padding:2% 7%; text-align:center;}
.contact-left{ float:left; width:32.3333%; height:auto;  padding:0 2%; color:#fff;}
.contact-left h3 {font-size:28px; line-height:26px; color: #e12f29; padding:15px 0px; margin:0px; Font-family: "Times New Roman", Times, SimSun, “宋体”, serif; border:0; font-weight:normal;}
.contact-left p { color:#7a8b94;}
.contact-left p a { color:#fff;}
.contact-left p a:hover { color:#e12f29;}
.contact-right{ float:right; width:33.3333%; height:auto; }
 
@media screen and (max-width:960px) {
.contact-logo{ float:left; width:30%; height:auto; padding:3%; text-align:center;}
.contact-left{ float:left; width:56%; padding: 4%;}
.contact-right{float:left; width:100%;  }
}

@media screen and (max-width:720px) {
.contact-logo{ float:left; width:30%; height:auto;  padding:3% 35%; text-align:center;}
.contact-left{ float:left; width:90%; padding:15px 5%; text-align:center;}
.contact-left h3 { text-align:center;}
.contact-right{float:left; width:100%; text-align:center;}
}

#online-form { margin:0 auto; max-width:800px; height:auto;}
#online-form h3{font-size:18px; line-height:24px; color: #ffffff; padding:15px 0px 0px 0px; margin:0px;  text-align:left; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; border:0;}
@media screen and (max-width:960px) {
#online-form {max-width:94%;}
}


  
 /*----------------------------------------------------------------------------- 
inner bottom 
-----------------------------------------------------------------------------*/
#inner_bottom_wrap-out{ float:left; width:100%; height:462px; background:url(../images/inner-bottom-image.jpg); background-position: center; }
#inner_bottom_wrap{ margin:0 auto; max-width:1360px; height:462px; text-align:center;}

/* Vertically align */
.verfical_wrap{ 
  float:left; 
  width: 100%; 
  height: 462px; 
  position: relative;
}

.verfical { 
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width:90%;
  padding:0 5%; 
  height: 462px; 
  display: table; 
}

.verfical p {
  display: table-cell; 
  vertical-align: middle; 
 font-size:40px; line-height:40px;  padding: 0px;  text-align:center; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:400; 
}
@media screen and (max-width: 1200px) {
#inner_bottom_wrap-out{ height: 300px; }
#inner_bottom_wrap{height: 300px; }
.verfical_wrap{ height: 300px; }
.verfical { height: 300px; }
	}
	
@media screen and (max-width: 800px) {
#inner_bottom_wrap-out{ height: 200px; }
#inner_bottom_wrap{height: 200px; }
.verfical_wrap{ height: 200px; }
.verfical { height: 200px; }
	}

/* contact us form */
#register_left{ float:left; width:50%; height:20px; min-height:20px; margin:30px 0; border-right:2px #dedede solid;}
html>body #register_left{ height: auto;}
#register_left h3{font-family: 'Raleway', sans-serif; font-size:30px; font-weight:200; line-height:30px; color:#000; text-align:center; width:100%;}
 


#register_right{ float:right; width:40%; height:20px; min-height:20px; margin-top:30px;}
html>body #register_right{ height: auto;}
#register_right h3{font-family: 'Raleway', sans-serif; font-size:30px; font-weight:200; line-height:50px; color:#000; width:100%;}
#register_right h4{font-family: 'Raleway', sans-serif; font-size:24px; font-weight:700; line-height:30px; color:#000; width:100%; margin-bottom:30px;}
#register_right p{ font-size:18px; line-height:30px;}


@media screen and (max-width: 800px) {
#register_left{ width:100%; margin-bottom:0px; border-right:none; border-bottom: 1px solid #CCC; } 
#register_form{ width:90%; }
#register_right{  width:100%; margin-top:0px;}
#register_right h3{text-align:center;}
#register_right h4{text-align:center;}
#register_right p{ text-align:center;}
	}
	
/* location */	
#location_wrap{float:left; padding:2% 0%; width:100%; height:20px; min-height:20px; background:#f7f1e6;}
html>body #location_wrap{height:auto;}

#location{float:left; padding:2% 0%; width:100%; height:20px; min-height:20px;}
html>body #location{height:auto;}






/* responsive video! */	
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

 /*----------------------------------------------------------------------------- 
notification
-----------------------------------------------------------------------------*/
 
.notification{ float:left; width:auto; height:auto; padding:3% 3% 3% 3%; border:solid 10px #e12f29; margin-bottom:40px; background:#2e3c44;}

.notification_left{ float:left; width:70%; height:auto; }
.notification_left a{color:#e12f29;}
.notification_left a:hover{color:#ffffff;}

.notification_right{ float:right; width:28%; height:auto;}
.notification_left h4 {font-size:22px; line-height:20px;  padding: 0px;  margin:0px; text-align:left; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; }

@media screen and (max-width:960px) {
.notification_right{  float:left;  width:100%; height:auto; }
.notification_left{ float:left;  width:90%; padding-left:5%;}
}


 /*----------------------------------------------------------------------------- 
snow
-----------------------------------------------------------------------------*/ 
 
#canvas-wrap { position:relative } /* Make this a positioned parent */
.overlay     { position:absolute; top:20px; left:30px; }
#canvas-wrap canvas { position:absolute; top:0; left:0; z-index:100001 }



body {
    cursor: url(../images/christmas/father_christmas.png), default;
}

.snow-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100001; }

.hidden {
	display: none;
}


/* -------------------------- restaurant pages -------------------------- */
.cover_logo{float:left; margin: 100px 0 30px 0; width: 100%; height: auto; text-align: center;}

#sub-nav{float:left; padding: 0 3%;  width: 94%; height: auto;overflow:hidden; position:relative; background-color: rgba(10,14, 17, 0.7); }
  
.sub-nav {
    height: 50px;
    width: 100%;
	float:left;
    position:relative;
    left:50%;
}
.sub-nav ul {
    margin: 0;
    padding: 0;
	float:right; /* IE6 needs this */
    position:relative;
    left:-50%;
    list-style:none;
 
}
 
.sub-nav li {
	list-style: none;
	float:left;
	}
 
.sub-nav li a {
	color: #fff;
	line-height:20px;
	text-decoration:none;
	Font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif; 
	font-size:16px;
	float:left;
    padding:15px; /* variable width */
}
.sub-nav li a:hover { 
		display: block;
		background: #e12f29;
	    border-radius:5px;
		}	
	
.sub-nav > li > a {
    display: block; 
}
 
 
.sub-nav li.selected { 
		display: block;
		}
.sub-nav li.selected a { 
     color: #e12f29; 
	}
.sub-nav li.selected a:hover { 
	 color: #fff; 
 	}
.sub-nav > li > a {
    display: block; 
}

@media screen and (max-width: 1300px) {
	.sub-nav li a { margin: 0 10px;}
} 
@media screen and (max-width: 1200px) {
	.sub-nav li a { margin: 0 5px;}
} 
 
@media screen and (max-width: 960px) {
	.sub-nav li a { margin: 0; padding:15px 10px;  }
	
	
	}


#cover_sky{ float:left; width:100%; text-align:center; height:320px; background-image:url(../images/cover-image/cover-sky.jpg); background-position:center top; background-repeat:no-repeat; background-color: #000; }

#cover_canada{ float:left; width:100%; text-align:center; height:320px; background-image:url(../images/cover-image/cover-canada.jpg); background-position:center top; background-repeat:no-repeat; background-color: #000; }


#cover_east{ float:left; width:100%; text-align:center; height:320px; background-image:url(../images/cover-image/cover-east.jpg); background-position:center top; background-repeat:no-repeat; background-color: #000; }


#cover_rhodes{ float:left; width:100%; text-align:center; height:320px; background-image:url(../images/cover-image/cover-rhodes.jpg); background-position:center top; background-repeat:no-repeat; background-color: #000; }


#cover_brisbane{ float:left; width:100%; text-align:center; height:320px; background-image:url(../images/cover-image/cover-brisbane.jpg); background-position:center top; background-repeat:no-repeat; background-color: #000; }

 
	
 /*----------------------------------------------------------------------------- 
menus page
-----------------------------------------------------------------------------*/
#menus_wrap-out{float:left; width:100%; min-height:100vh; background:url(../images/70black.png); }
 
#menu-left_wrap{float:left; width:50%; min-height:100vh;  }
#menu-right_wrap{float:right; width:50%; min-height:100vh; background:#2e3c44;}
 
#menu-left{ float:left; width:95%; height:94vh; padding:3vh 0;  }
#menu-left_title{ float:left; width:100%; height:15vh; margin-bottom:30px; }
#menu-left_title h1{ text-align:right; font-size:32px; line-height:32px;  padding: 0px;  margin:60px 20px 20px 20px; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase;}
#menu-left_nav{ float:left; width:98%; height:auto; text-align:right; color:#ffffff; font-size:22px;  }

#menu-left_nav ul{  width:100%; list-style:none; height:auto;}
#menu-left_nav ul li{float:left; width:100%; text-decoration:none;   margin:7px 0; display:inline-block;}
#menu-left_nav ul li a { text-align:right; font-size:20px; line-height:40px; color:#ffffff; padding:7px 0px;}
#menu-left_nav ul li a:hover{ border-bottom:solid 5px #ff0000; }
#menu-left_nav ul li.selected a {border-bottom:solid 5px #df3131; }
#menu-left_nav ul li.selected a:hover { border-bottom:solid 5px #ff0000; }

#menu-right{ float:right; width:95%; min-height:90vh; padding:5vh 0; color:#ffffff;}

#menu-right_title-left{ float:left; width:70%; height:auto;}
#menu-right_title-right{ float:right; width:30%; height:auto;}

@media screen and (max-width: 1200px) {
#menu-left_wrap{float:left; width:30%; min-height:100vh;  }
#menu-left{ float:left; width:95%; height:94vh; padding:3vh 0; }
#menu-right_wrap{float:right; width:70%; min-height:100vh; }
	}
@media screen and (max-width: 960px) {
#menu-left_wrap{  width:100%; height:auto; min-height:0;}
#menu-left{  width:95%; height:auto; padding:3vh 0; }
#menu-left_title{  height:auto; margin-bottom:10px; }
#menu-left_title h1{  margin:40px 10px 5px 20px; }

#menu-right_wrap{ width:100%; height:auto; min-height:0; }
	}
	


/* -------------------------- restaurant detail page overview -------------------------- */	
#about-us_top-wrap{ float:left; margin-bottom:15px; padding-bottom: 35px; width:100%; height:auto;  border-bottom: 5px solid #42525c}
#about-us_top-left{ float:left; width:50%; height:auto; }

/* Vertically align */
.about-left-v_wrap{ 
  float:left; 
  width: 100%; 
 height: 500px; 
  position: relative;
}

.about-left-v { 
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width:90%;
  padding:0 5%; 
  height: 100%; 
  display: table; 
}

.about-left-v p {
 display: table-cell; 
 vertical-align: middle; 
 font-size:80px; line-height:100px;  padding:20px 0;  text-align:center; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:700; 
}

#about-us_top-right{ float:right; width:44%; height:auto; background:#2e3c44; padding:0 3%;}
#about-us_top-right h1 {font-size:24px; line-height:24px; color: #ffffff; padding:15px 0px 0px 0px; margin:0px;  text-align:left; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase;}
#about-us_top-right p { color:#ffffff; }
#about-us_top-right p a { color:#ffffff; }
#about-us_top-right p a:hover { color:#dc3231; }
@media screen and (max-width:960px) {
#about-us_top-left{float:left; width:100%;  }
.about-left-v_wrap{  height: auto; }
.about-left-v { position: relative; }
#about-us_top-right{ float:left; width:90%; padding:15px 5%;}
}

/* venue space */
#venue-space_title{ float:left; width:100%; height:auto; border-bottom:10px solid #e12f29; margin-bottom:40px;}
#venue-space_title h2 {font-size:30px; line-height:50px;  padding: 0px;  margin:60px 20px 0px 20px; text-align:center; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:400; text-transform:uppercase}

.venue-space_wrap{ float:left; width:100%; height:auto; padding:20px 0 0 0; }
.venue-space_left{ float:left; width:74%; height:auto; }
.venue-space_right{ float:right; width:24%; height:auto;}
.venue-space_right p { color:#ffffff; }


.venue-space_right h4 {font-size:22px; line-height:20px;  padding: 0px;  margin:0px; text-align:left; color:#ffffff; font-family: 'Raleway', sans-serif; font-weight:700; text-transform:uppercase; }
 
.red-border{ border-bottom:solid 10px #e12f29; width:100px; padding-top:0; margin-top:0; margin-bottom: 20px;}

@media screen and (max-width:960px) {
.venue-space_left{  float:left;  width:100%; height:auto; }
.venue-space_right{ float:left;  width:90%; padding-left:5%;}
.venue-space_right h4 {  padding-top:40px;   }
}


/* cursor style */
body {
    cursor: url(../images/icon_Shumai02.png), default;
}