/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700italic,700,400italic);
body{margin:0; font-family: 'Open Sans', sans-serif;}
#main{width:100%; height:auto; float:left; overflow:auto; }
#main-inner{width:1000px; height:auto; margin:0 auto; overflow:auto; }

#header1{width:1000px; height:auto; float:left}
#header1 .left{width:200px; height:auto; float:left}
#header1 .left img{float:left;}
#header1 .right{width:auto; height:40px; float:right;}
#header1 .right p{ margin-top:10px; line-height:23px; font-size:14px; color:#CCCCCC}
#header1 .right p span{color:#0099FF; background:none; padding-left:3px;}
#header1 .menu{width:760px; height:auto; float:right; margin-top:59px; background:#5eac02; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); border-radius:5px 5px 0 0} 
#header1 .menu a{padding:10px 21px; text-decoration:none; color:#FFFFFF; float:left; border-right: #478301 1px solid; transition:0.50s; font-size:16px; font-weight:bold}
#header1 .menu a:hover{color: #333333;}

#left{width:280px; height:340px; float:left; border:#eaeaea 1px solid; border-radius:5px; box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.15);}
#left h2{padding:10px; margin:8px; box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75); background-color:#FCC207; text-align:center; color:#333333}
#left p{font-size:14px; padding:25px 7px; margin:5px; text-align:justify;}
#left p span{color:#0099FF; font-weight:bold; float:right; padding:8px 0; margin-bottom:8px}

#right{width:600px; height: auto; float:left; margin-left:20px}
#right h1{border-bottom:#0099FF 1px dotted; font-style:italic; padding:5px; color: #333333; text-align:left}
#right p{padding:5px; text-align:justify; font-size:15px; line-height:23px; color:#333333}
#right p a{text-decoration:none; color:#FF0000; margin-left:10px}
#right p a:hover{color:#0099FF}
#right h2{color:#eeb301; border-bottom:#CCCCCC 1px dashed; width:120px}
#right ul{margin:0; padding:0; width:690px; height:auto; float:left;}
#right li{font-size:14px; list-style-image:url(image/faci.png); margin:5px 0 5px 40px; width:250px; height:auto; float:left;}

#footer{width:1000px; height:auto; float:left}
#footer a{padding:5px 13px; margin:10px 0; border-right: #3f3f3f 1px solid; float:left; font-size:15px;}
#footer a:hover{color:#FCC207}
#footer .share{width:375px; float: right; margin-top:10px;}
#footer p{float:left; margin:0; padding:0; font-size:15px; color:#FFFFFF; width:500px;}
#footer p a{border:none; padding:0; margin:0; float:none; color:#8DE3F8}

#about_us{width:1000px; height:auto; float:left}
#about_us h2{border-bottom:#0099FF 1px dotted; font-style:italic; padding:5px; color: #333333; font-size:30px}
#about_us p{text-align:justify; font-size:15px; line-height:23px}

#tariff{width:1000px; height:aut; float:left}
#tariff h2{border-bottom:#0099FF 1px dotted; font-style:italic; padding:5px; color: #333333; font-size:30px}
#tariff img{margin-bottom:15px}
#tariff tr{ background-color:#f3f3f3}
#tariff td{border:#EBEBEB 1px solid; padding:7px; font-size:14px}
#tariff .head{background-color:#FFFFFF; color: #FF0000; font-weight:bold}
#tariff p{margin:5px 0; font-size:12px; color:#FF0000}
#tariff h3{padding:10px; width:1000px; color:#EBEBEB; cursor:auto; font-size:1px}
#tariff .left{color:#238CC8; font-weight:bold}
#tariff h4{padding:5px; width:700px; color: #FF0000; font-size:18px; border-bottom:#CCCCCC 1px solid}

#gallery{width:1000px; height:auto; float:left}
#gallery .top{width:1000px; height:auto; float:left}
#gallery .top a{color:#FF0000; padding:0 10px; float:left; border-right:#CCCCCC 1px solid}
#gallery .top a:hover{color:#999999}
#gallery h2{border-bottom:#0099FF 1px dotted; font-style:italic; padding:5px; color: #333333; font-size:30px}
#gallery .con{width:240px; height:155px; float:left; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); margin:5px}
#gallery .con:hover{box-shadow: 1px 1px 7px 0px rgba(126,37,39,0.75);}
#gallery .con img{float:left; margin:10px; width:220px; height:100px}
#gallery .con p{color:#058ee9; text-align:center; margin:0; padding:0; font-size:20px; font-weight:bold}

#albim{width:1000px; height:auto; float:left}
#albim .top{width:1000px; height:auto; float:left}
#albim .top a{color:#FF0000; padding:0 10px; float:left; border-right:#CCCCCC 1px solid}
#albim .top a:hover{color:#999999}
#albim h2{border-bottom:#0099FF 1px dotted; font-style:italic; padding:5px; color: #333333; font-size:30px}
#albim .con{width:220px; height:170px; float:left; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); margin:15px}
#albim .con:hover{box-shadow: 1px 1px 7px 0px rgba(126,37,39,0.75);}
#albim .con img{float:left; margin:10px; width:200px; height:150px}

#location{width:1000px; height:auto; float:left}
#location h2{border-bottom:#0099FF 1px dotted; font-style:italic; padding:5px; color: #333333; font-size:30px}
#location .left{width:270px; height:auto; float:left; border-right:#CCCCCC 1px solid; margin-bottom:10px;}
#location .left p{font-size:13px; padding:0 10px; color: #666666; line-height:27px}
#location .left p span{color:#FF0000}
#location .right{width:680px; height:auto; float:left; margin-left:20px;}
#location table{float:left; margin:20px 0px; font-size:14px}
#location .box{ width:260px; height:20px; padding:5px; border-radius:5px; border:#CCCCCC 2px solid; color:#666666; box-shadow: 0 5px 6px -6px #000000; margin:15px; font-family: 'Open Sans', sans-serif;}
#location .box:hover{border:#01a6ba 2px solid; box-shadow: 0 5px 6px -6px #01d2ff;}
#location .box1{ width:260px; height:60px; padding:5px; border-radius:5px; border:#CCCCCC 2px solid; color:#666666; box-shadow: 0 5px 6px -6px #000000; margin:15px; font-family: 'Open Sans', sans-serif; font-size:13px}
#location .box1:hover{border:#01a6ba 2px solid; box-shadow: 0 5px 6px -6px #01d2ff;}
#location .submit{padding:5px 10px; font-size:16px; color:#FFFFFF; background-color:#8cc63e; float:right; border:#81b739 1px solid; border-radius:5px; text-decoration:none; margin-right:15px; cursor:pointer; font-weight:bold; transition: 0.50s;}
#location .submit:hover {background-color:#333333;}

#attraction{width:1000px; height:auto; float:left}
#attraction h2{border-bottom:#0099FF 1px dotted; font-style:italic; padding:5px; color: #333333; font-size:30px}
#attraction p{font-size:15px; color:#FF4452; font-weight:bold; width:400px; float:left; margin:5px}
#attraction .con{width:190px; height:auto; float:left; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); margin:20px 5px}
#attraction .con:hover{box-shadow: 1px 1px 7px 0px rgba(126,37,39,0.75);}
#attraction .con img{margin:5px; width:180px; height:90px;}
#attraction .con p{text-align:center; padding:0; width:180px; font-size:14px}
#attraction tr{ background-color:#f3f3f3}
#attraction td{border:#EBEBEB 1px solid; padding:7px; text-align:center; font-size:14px}
#attraction .head{background-color:#FFFFFF; color: #FF0000; font-weight:bold}
#attraction h3{padding:10px; width:970px; color:#4b4a4a; font-size:20px; text-align:center; float:left;}
#attraction .left{color:#238CC8; font-weight:bold}
#attraction .p{font-size:13px; font-weight:normal; width:900px}
#attraction .pp{font-size:14px; font-weight:normal; width:970px; color:#333333; padding:10px 10px 0 10px}

#rental{width:1000px; height:auto; float:left}
#rental h2{border-bottom:#0099FF 1px dotted; font-style:italic; padding:5px; color: #333333; font-size:30px}
#rental p{text-align:justify; font-size:15px; color:#333333; line-height:23px}
#rental span{color:#0066FF; font-size:16px; font-weight:bold; padding:5px}