html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,ul,li ,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: bottom;
z-index: 50;
}
ul,li
{
z-index: 1000;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
#hspecial{
position: absolute;
width: 225px;
height: 40px;
top: 60px;
left: 35%;
background-color: #ce0707;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 4;
}
#hspecial a{
text-decoration: none;
color: #fff;
text-align: center;
}
body
{
line-height: 1;
}
ol, ul
{
list-style: none;
}
blockquote, q
{
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
content: '';
content: none;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
a, a:visited, a:link
{
color: #155FB6;
text-decoration: none;
}
a:hover
{
color: #1d81f7;
text-decoration: underline;
}
strong
{
font-weight: bolder;
}
h1
{
padding: 0 0 0 5px;
margin: 0;
color: #ff7100;
font-weight: bold;
font-style: italic;
font-size: 2em;
text-shadow: #fff 3px 3px 2px;
filter: glow(color=#a80000,strength=3);
}
h2
{
padding: 0 0 0 5px;
margin: 0;
color: #ff7100;
font-weight: bold;
font-style: italic;
font-size: 1.8em;
text-shadow: #fff 3px 3px 2px;
filter: glow(color=#a80000,strength=3);
}
h3
{
padding: 0 0 0 5px;
margin: 0;
color: #ff7100;
font-weight: bold;
font-style: italic;
font-size: 1.7em;
text-shadow: #fff 3px 3px 2px;
filter: glow(color=#a80000,strength=3);
}
html, body
{
background: #39F;
color: #333;
font: normal normal normal 15px/150% Arial, Helvetica, sans-serif;
}
#header
{
clear: both;
margin: 5px auto;
width: 900px;
height: 140px;
position: relative;
background-image: url(../images/banner.png);
background-repeat: no-repeat;
}
.header-left{width:815px; height:140px; float:left; clear:right;}
#logo
{
float: left;
clear:right;
height: 90px;
width: 230px;
margin:10px 0 0 20px;
display:inline;
}
#contact
{
display: block;
float: left;
clear:right;
width: 290px;
font: normal normal normal 12px/150% Arial, Helvetica, sans-serif;
margin: 20px 5px 10px 20px;
text-align: left;
}
#mail:link, #mail:visited, #mail:hover
{
color: #fff;
background-image: url(../images/mail_bg.gif);
background-repeat: no-repeat;
padding: 2px 14px 2px 10px;
}
.header-right{width:80px; height:140px; float:left; clear:right; border:1ox solid #cccccc;}
.spring{width:80px; float:left; height:75px; margin-left:-22px; margin-top:30px;}
#nav
{
position: absolute;
bottom: 0px;
left: 65px;
margin: 0;
clear: both;
}
#nav li
{
list-style: none;
position:relative;
float: left;
text-align: center;
}
#nav li a
{
position:relative;
float: left;
display: block;
height: 30px;
margin: 0 1px 0 -29px;
padding:0 24px;
color: #000;
text-align: left;
font: bolder 12px arial;
line-height: 30px;
background-image: url(../images/nav_bg.png);
background-repeat: no-repeat;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: transparent;
background-position: 0px -2px;
}
#nav li a:hover
{
background-position: 0px -47px;
background-repeat: no-repeat;
}
#nav #home
{
margin-left: 0px;
background-position: 0px -93px;
background-repeat: no-repeat;
}
#nav #home:hover
{
background-position: 0px -139px;
background-repeat: no-repeat;
}
#nav #lastmenu
{
background-position: 0px -184px;
background-repeat: no-repeat;
width: 5px;
margin-left: -29px;
padding: 0 0 0 24px;
}
#nav .dropdown
{ position: absolute;
top: 30px;
left: 0px;
visibility: hidden;
border-color: #000;
border-width: 1px 0 0 0;
margin: 0 0 0 -10px;
padding: 0 0 0 0;
background: #ffff00;
}
#nav .subdropdown
{ position: absolute;
visibility: hidden;
border-color: #000;
border-width: 1px 0 0 0;
margin: 0 0 0 -10px;
padding: 0 0 0 0;
background: #ffff00;
}
#nav .dropdown a
{
position: relative;
clear: both;
display: block;
margin: 0;
padding: 6px 10px 0px 10px;
width: 180px;
border-style: solid;
border-color: #000;
border-width: 0 0 1px 0;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #ffff00;
color: #000;
font: bold 11px arial;
}
#nav .subdropdown
{
border:1px solid #000;
}
#nav .dropdown a:hover
{
background: #3399ff;
color: #FFF
}
#bd
{
background-color: #ffffff;
border-radius: 10px;
-moz-border-radius: 15px;
width: 890px;
height: auto;
min-height: 1280px;
margin: 5px auto;
position: relative;
padding: 5px 5px 15px 5px;
clear: both;
overflow: hidden;
text-align: left;
z-index:0;
}
#top
{
display:block;
position:relative;
float:left;
height:350px;
width:100%;
}
#main
{
background: url(../images/mainbg.gif) no-repeat;
position: absolute;
left: 10px;
top: 10px;
width: 580px;
padding-top: 5px;
}
#mainbody
{
background-image: url(../images/mainbg.gif);
background-repeat: repeat-y;
background-position: -580px 0px;
padding: 30px;
height:260px;
text-align: left;
}
#mainbody p
{
padding: 15px 5px 5px 5px;
margin:0;
}
#mainfoot
{
background-image: url(../images/mainbg.gif);
background-position: -1160px 0px;
height: 5px;
background-repeat: no-repeat;
}
#content
{
margin: 20px 0px 0 25px;
width:560px;
position: static;
float: left;
text-align: justify;
}
#content p
{
padding: 7px;
margin:0;
}
#content img
{
display: block;
}
#right_panel
{
background-image: url(../images/right_panel.gif);
background-repeat: no-repeat;
position: absolute;
top: 10px;
right: 10px;
width: 292px;
}
#right_panelbody
{
background-image: url(../images/right_panel.gif);
background-repeat: repeat-y;
background-position: -297px 0px;
margin-top: 5px;
height:310px;
}
#right_panelfoot
{
background-image: url(../images/right_panel.gif);
background-position: -594px 0px;
height: 13px;
background-repeat: no-repeat;
}
div.right_panelitem
{
position: relative;
margin: auto;
width: 234px;
padding: 20px 0 5px 0;
}
.right_panelitem ul{width:234px; padding-top:10px;}
.right_panelitem li{width:234px; height:24px; font-weight:bold; line-height:22px; padding-left:13px; float:left; list-style:none; background:url(../images/sa1.gif) no-repeat left;}
.right_panelitemhead
{
background: url(../images/right_panelitemhead.gif) no-repeat;
padding-top: 3px;
height: 35px;
width: 235px;
text-shadow: #a80000 3px 3px 2px;
glow(color=#a80000,strength=3);
}
.right_panelitemhead h1
{
margin: 6px 0 0 5px;
font-size: 1.0em;
color: #fff;
font-style: italic;
text-shadow: #a80000 3px 3px 2px;
}
.right_panelitem img
{
border-style: none;
}
.tour
{
position: relative;
width: 880px;
margin: auto;
margin-bottom: 10px;
overflow: hidden;
padding-bottom: 27px;
text-align: left;
word-break: normal;
word-wrap: break-word;
background-image: url(../images/tourfoot.png);
background-repeat: no-repeat;
background-position: 0px 100%;
}
.tour a:hover{ text-decoration:none}
a.plain, a.plain:visited, a.plain:hover
{
text-decoration: none;
color: #333;
cursor: pointer;
}
.tourhead
{
position: absolute;
background-image: url(../images/tourhead.gif);
width: 900px;
height: 50px;
}
.tourhead a, .tourhead a:visited, .tourhead a:hover
{
color: #fff;
}
.tourhead h1
{
position: absolute;
bottom: 15px;
left: 20px;
color: #fff;
font-weight: bold;
font-style: italic;
font-size: 1.25em;
text-shadow: #a80000 3px 3px 2px;
filter: glow(color=#a80000,strength=3);
}
.tourhead img
{
position:absolute;
right: 50px;
top: 10px;
}
.tourbody
{
position: absolute;
top: 50px;
width: 840px;
_width: 880px;
margin-top: -5px;
padding: 15px 20px 0px 20px;
background-image: url(../images/tourbody.jpg);
color: #333;
}
.tourbody p
{
margin: 0;
padding: 15px 5px 5px 5px;
text-align: justify;
}
.tourbody p.moreinfo
{
position: relative;
padding-top:5px;
margin-top:10px;
clear: both;
}
.tourbody strong
{
text-align: left;
font-weight: bolder;
}
#rongyu{width:900px; height:220px; padding-top:10px; margin:0 auto; margin-bottom:5px; background:#ffffff; border-radius: 10px; -moz-border-radius: 15px;}
.rongyu-video{width:270px; height:220px; float:left; clear:right; margin-left:10px; display:inline;}
.rongyu-map{width:190px; height:220px; float:left; clear:right; }
.rongyu-right{width:300px; height:220px; float:left; clear:right;}
.rongyu-blog{width:110px; height:200px; float:left; clear:right; padding-top:5px;}
.rongyu-right-top{width:290px; height:120px; float:left;}
.rongyu-right-bottom{width:155px; height:75px; float:left; margin-left:15px; border:2px solid #848382}
#footer
{
position: relative;
width: 890px;
height: 100px;
margin: 0 auto;
background-color: #FF0;
border-radius: 10px;
-moz-border-radius: 15px;
text-align: left;
padding: 5px 5px 15px 5px;
}
#footer_left
{
float: left;
width: 520px;
margin-top:2px;
padding-bottom:12px;
border-style: none;
border-bottom-width: 0;
border-right-style: solid;
border-right-width: 1px;
}
#footer_left p
{
font: normal normal normal 12px Arial, Helvetica, sans-serif;
text-align: left;
}
#footer_left #links a
{
font: normal normal normal 13px Arial, Helvetica, sans-serif;
color: black;
font-weight: bold;
}
#footer_right
{
width: 350px;
float: right;
margin: 0 0 0 10px;
display:inline;
}
.faqlist
{
padding: 10px;
border-bottom: dashed 3px #CCC;
}
.faqlist li
{
list-style-type: disc;
margin: 3px 0 0 10px;
padding: 0;
color: #CCC;
}
.faqlist a
{
text-decoration: none;
}
.groupslist li
{
list-style-type: disc;
margin: 3px 0 0 10px;
padding: 0;
color: #000;
}
.retop:link, .retop:visited, .retop:hover
{
clear: both;
color: #CD4C0E;
display: block;
float: right;
font-size: 11px;
height: 20px;
}
.contactform ul
{
vertical-align:middle;
}
.contactform li
{
width:400px;
background-color: #CCC;
padding: 5px;
margin: 5px;
min-height: 30px;
}
.contactform input
{
display: block;
position: relative;
float: right;
margin-right: 190px;
}
.contactform textarea
{
margin-left: 50px;
height: 100px;
width: 340px;
}
.black_overlay
{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content
{
text-align: left;
display: none;
position: fixed;
top: 20%;
left: 20%;
width: 60%;
height: 60%;
padding: 16px;
border: 16px solid orange;
background-color: white;
z-index:1002;
overflow: auto;
}
.white_content p
{
padding: 5px;
}
#close
{
position: absolute;
top: 10px;
right: 10px;
}
#rescontent
{
width: 839px;
margin: 30px auto 0 auto;
border-style: solid;
border-color: #CCC;
border-width: 3px;
padding: 10px;
}
#rescontent1
{
width: 400px;
margin: 40px 0 5px 13px;
float:left;
clear:right;
border-style: solid;
border-color: #CCC;
border-width: 3px;
padding: 10px;
}
#restable
{
width: 100%;
background-color: #FFF;
}
#restable td
{
padding-right:5px
}
.reservations h1
{
overflow: visibile;
padding: 30px;
margin-left: 50px;
}
.reservations h2
{
position: relative;
display: block;
margin-bottom: -40px;
}
.reservations ul
{
list-style-type: disc;
color: #CCC;
margin-left: 20px;
}
#special
{
position: relative;
width: 900px;
height: 50px;
margin: 0 auto;
}
#special img
{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 100;
}
#special marquee
{
position: absolute;
width: 880px;
height: 100%;
top: 10px;
left: 10px;
z-index: 101;
font-weight: bolder;
color: #ff7100;
font-weight: bold;
font-style: italic;
font-size: 1.6em;
}
#logoholder
{
position:relative;
height:104px;
width:250px;
margin: 0 auto;
padding:5px;
}
.TA_rated
{
position:absolute;
top:0px;
left:0px;
}
#cfa_logo
{
position:absolute;
width:130px;
height:110px;
top:0;
right:0px;
}
#ta_logo
{
position:absolute;
width:118px;
height:100px;
top:5px;
left:0px;
}
#book_now
{
position:absolute;
top: 20px;
right:315px;
height: 31px;
width: 127px;
}
#book_now:hover
{
top: 21px;
right: 316px;
height: 29px;
width: 125px;
}
/*add 2012.9.8*/
.content-img div{width:100%; height:140px; float:left;}
.content-img img{ float:left; clear:right; margin-left:10px; display:inline}
/*add2013.2.21*/
.blank5{height:5px; font-size:1; clear:both; display:block; overflow:hidden}
.blank1{height:1px; font-size:1; clear:both; display:block; overflow:hidden}
/*add 2013.5.24*/
#top1
{
display:block;
position:relative;
float:left;
height:360px;
width:100%;
}
#main1
{
background: url(../images/mainbg.gif) no-repeat;
position: absolute;
left: 10px;
top: 10px;
width: 580px;
padding-top: 5px;
}
#mainbody1
{
background-image: url(../images/mainbg.gif);
background-repeat: repeat-y;
background-position: -580px 0px;
padding: 30px;
height:270px;
text-align: left;
}
#mainbody1 p
{
padding: 15px 5px 5px 5px;
margin:0;
}
#mainfoot1
{
background-image: url(../images/mainbg.gif);
background-position: -1160px 0px;
height: 5px;
background-repeat: no-repeat;
}
#right_panel1
{
background-image: url(../images/right_panel.gif);
background-repeat: no-repeat;
position: absolute;
top: 10px;
right: 10px;
width: 292px;
}
#right_panelbody1
{
background-image: url(../images/right_panel.gif);
background-repeat: repeat-y;
background-position: -297px 0px;
margin-top: 5px;
height:320px;
}
#right_panelfoot1
{
background-image: url(../images/right_panel.gif);
background-position: -594px 0px;
height: 13px;
background-repeat: no-repeat;
}
div.right_panelitem1
{
position: relative;
margin: auto;
width: 234px;
padding: 20px 0 5px 0;
}
.right_panelitem1 ul{width:234px; padding-top:10px;}
.right_panelitem1 li{width:234px; height:24px; font-weight:bold; line-height:22px; padding-left:13px; float:left; list-style:none; background:url(../images/sa1.gif) no-repeat left;}
.right_panelitemhead1
{
background: url(../images/right_panelitemhead.gif) no-repeat;
padding-top: 3px;
height: 35px;
width: 235px;
text-shadow: #a80000 3px 3px 2px;
glow(color=#a80000,strength=3);
}
.right_panelitemhead1 h1
{
margin: 6px 0 0 5px;
font-size: 1.0em;
color: #fff;
font-style: italic;
text-shadow: #a80000 3px 3px 2px;
}
.right_panelitem1 img
{
border-style: none;
}