@charset "utf-8";
h1 {
font-size: 10px;
margin: 5px 0 10px 0;
letter-spacing: 0.2em;
}
h2 {
border-left-width: 5px;
border-left-style: solid;
border-left-color: #FFCC00;
font-size: 14px;
letter-spacing: 0.5pt;
margin-bottom: 7px;
color: #faf1ec;
}
h3 {
border-left-width: 5px;
border-left-style: solid;
border-left-color: #6600FF;
font-size: 12px;
letter-spacing: 0.5pt;
margin: 3px 0 5px 0;
color: #faf1ec;
}
h4 {
padding: 3px 0 5px 0;
text-align: center;
}
#TravelTop {
height: 550px;
margin: 0px;
padding: 0px;
width: 730px;
background-repeat: no-repeat;
background-image: url(../img/travel/a_goldcoast/travel_top.jpg);
}
#TypeA {
background-color: #24201d;
}
#TypeA p {
color: #c8b18b;
}
#TypeA_Box a {
display:block;
height: 55px;
width:  80px;
text-decoration: none;
}
#TypeA_Left {
height: 275px;
width: 365px;
float: left;
}
#TypeA_Left1 {
height: 120px;
width: 345px;
padding: 10px;
overflow: auto;
}
#TypeA_Left2 {
height: 125px;
width: 365px;
padding-top: 10px;
background-color: #4c413f;
}
#TypeA_Box {
margin: 0 auto 0 auto;
height: 115px;
width: 335px;
}
#TypeA_div1,#TypeA_div2,#TypeA_div3 {
width: 80px;
height: 55px;
float: left;
margin-right: 5px;
}
#TypeA_div4 {
width: 80px;
height: 55px;
float: left;
}
#TypeA_div5,#TypeA_div6,#TypeA_div7 {
width: 80px;
height: 55px;
float: left;
margin: 5px 5px 0 0 ;
}
#TypeA_div8 {
width: 80px;
height: 55px;
float: left;
margin-top: 5px;
}
#TypeA_Right {
height: 265px;
width: 330px;
float: right;
padding: 5px 10px 5px 10px;
border-left-width: 15px;
border-left-style: solid;
overflow: auto;
border-left-color: #694f47;
}
#TypeA_div1 a {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat 0px 0px;
}
#TypeA_div1 a:hover {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat 0px -110px;
}
#TypeA_div2 a {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -80px 0px;
}
#TypeA_div2 a:hover {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -80px -110px;
}
#TypeA_div3 a {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -160px 0px;
}
#TypeA_div3 a:hover {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -160px -110px;
}
#TypeA_div4 a {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -240px 0px;
}
#TypeA_div4 a:hover {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -240px -110px;
}
#TypeA_div5 a {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat 0px -55px;
}
#TypeA_div5 a:hover {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat 0px -165px;
}
#TypeA_div6 a {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -80px -55px;
}
#TypeA_div6 a:hover {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -80px -165px;
}
#TypeA_div7 a {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -160px -55px;
}
#TypeA_div7 a:hover {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -160px -165px;
}
#TypeA_div8 a {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -240px -55px;
}
#TypeA_div8 a:hover {
background: url(../img/travel/a_goldcoast/P1.jpg)  no-repeat -240px -165px;
}
#TypeE {
background-color: #968878;
}
#TypeE_div1,#TypeE_div2,#TypeE_div7,#TypeE_div9 {
background-color: #E7D1C9;
}
#TypeE p {
color: #53301a;
}
#TypeE_Top {
position: relative;
display: block;	margin: 0 auto;
padding: 0px;
height: 550px;
width: 270px;
float: left;
}
#TypeE_Top cite {
top: 0px;
left: 0px;
width: 265px;
padding: 10px 0 10px 5px;
}
#TypeE_Right {
float: right;
height: 550px;
width: 460px;
}
#TypeE_Box {
height: 440px;
width: 380px;
margin: 55px auto 0 auto;
background-color: #95C6AE;
}
#TypeE_Box p {
padding: 5px;
}
#TypeE_div1,#TypeE_div2 {
width: 120px;
height: 140px;
float: left;
margin: 0 10px 0 0;
overflow: auto;
}
#TypeE_div3 {
width: 120px;
height: 140px;
float: left;
}
#TypeE_div4,#TypeE_div5,#TypeE_div7,#TypeE_div8 {
width: 120px;
height: 140px;
float: left;
margin: 10px 10px 0 0;
overflow: auto;
}
#TypeE_div6,#TypeE_div9 {
width: 120px;
height: 140px;
float: left;
margin-top: 10px;
overflow: auto;
}
#TypeE_Box a {
display:block;
height: 140px;
width: 120px;
text-decoration: none;
}
#TypeE_div3 a {
background: url(../img/travel/a_goldcoast/P2.jpg) no-repeat 0px 0px;
}
#TypeE_div3 a:hover {
background: url(../img/travel/a_goldcoast/P2.jpg) no-repeat 0px -140px;
}
#TypeE_div4 a {
background: url(../img/travel/a_goldcoast/P2.jpg) no-repeat -120px 0px;
}
#TypeE_div4 a:hover {
background: url(../img/travel/a_goldcoast/P2.jpg) no-repeat -120px -140px;
}
#TypeE_div5 a {
background: url(../img/travel/a_goldcoast/P2.jpg) no-repeat -240px 0px;
}
#TypeE_div5 a:hover {
background: url(../img/travel/a_goldcoast/P2.jpg) no-repeat -240px -140px;
}
#TypeE_div6 a {
background: url(../img/travel/a_goldcoast/P2.jpg) no-repeat -360px 0px;
}
#TypeE_div6 a:hover {
background: url(../img/travel/a_goldcoast/P2.jpg) no-repeat -360px -140px;
}
#TypeE_div8 a {
background: url(../img/travel/a_goldcoast/P2.jpg) no-repeat -480px 0px;
}
#TypeE_div8 a:hover {
background: url(../img/travel/a_goldcoast/P2.jpg) no-repeat -480px -140px;
}
#TypeC {
background-color: #211231;
}
#TypeC p {
color: #c8b18b;
}
#TypeC_Top {
position: relative;
display: block;
height: 550px;
width: 295px;
float: left;
margin: 0 auto 0 auto;
}
#TypeC_Top cite {
top: 0px;
left: 0px;
width: 290px;
padding: 10px 0 10px 5px;
}
#TypeC_Right {
float: right;
height: 550px;
width: 435px;
}
#TypeC_Right1,#TypeC_Right2 {
height: 140px;
width: 405px;
border-bottom-width: 11px;
border-bottom-style: solid;
padding: 18px 15px 18px 15px;
border-bottom-color: #4a4252;
}
#TypeC_Right3 {
height: 140px;
width: 405px;
padding: 18px 15px 18px 15px;
}
#TypeC_div1,#TypeC_div3{
float: right;
width: 187px;
height: 140px;
}
#TypeC_div2{
width: 187px;
height: 140px;
float: left;
}
.TypeC_divp {
overflow: auto;
height: 140px;
width: 215px;
}
#TypeC_divp2 {
overflow: auto;
height: 140px;
width: 190px;
float: right;
}
#TypeC_Right a {
display:block;
height: 140px;
width: 187px;
text-decoration: none;
}
#TypeC_div1 a {
background: url(../img/travel/a_goldcoast/P3.jpg) no-repeat 0px 0px;
}
#TypeC_div1 a:hover {
background: url(../img/travel/a_goldcoast/P3.jpg) no-repeat 0px -140px;
}
#TypeC_div2 a {
background: url(../img/travel/a_goldcoast/P3.jpg) no-repeat -187px 0px;
}
#TypeC_div2 a:hover {
background: url(../img/travel/a_goldcoast/P3.jpg) no-repeat -187px -140px;
}
#TypeC_div3 a {
background: url(../img/travel/a_goldcoast/P3.jpg) no-repeat -374px 0px;
}
#TypeC_div3 a:hover {
background: url(../img/travel/a_goldcoast/P3.jpg) no-repeat -374px -140px;
}
#TypeB {
background-color: #2b3e44;
}
#TypeB p {
color: #c8b18b;
}
#TypeB_Top {
height: 550px;
width: 295px;
float: left;
}
#TypeB_Right {
float: right;
height: 550px;
width: 435px;
}
#TypeB_Right1,#TypeB_Right3 {
height: 120px;
width: 415px;
padding: 10px;
overflow: auto;
clear: both;
}
#TypeB_Right2 {
height: 240px;
width: 435px;
border-top-width: 15px;
border-bottom-width: 15px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #616362;
border-bottom-color: #616362;
}
#TypeB_div1,#TypeB_div2,#TypeB_div3{
float: left;
width: 125px;
height: 160px;
padding: 35px 10px 15px 10px;
}
#TypeB_Right a{
display:block;
height: 160px;
width:  125px;
text-decoration: none;
}
#TypeB_div1 a {
background: url(../img/travel/a_goldcoast/P4.jpg) no-repeat 0px 0px;
}
#TypeB_div1 a:hover {
background: url(../img/travel/a_goldcoast/P4.jpg) no-repeat 0px -160px;
}
#TypeB_div2 a {
background: url(../img/travel/a_goldcoast/P4.jpg) no-repeat -125px 0px;
}
#TypeB_div2 a:hover {
background: url(../img/travel/a_goldcoast/P4.jpg) no-repeat -125px -160px;
}
#TypeB_div3 a {
background: url(../img/travel/a_goldcoast/P4.jpg) no-repeat -250px 0px;
}
#TypeB_div3 a:hover {
background: url(../img/travel/a_goldcoast/P4.jpg) no-repeat -250px -160px;
}
#TypeD {
background-color: #2c1e16;
}
#TypeD p {
color: #c8b18b;
}
#TypeD_Top {
border-bottom-width: 10px;
border-bottom-style: solid;
height: 275px;
width: 730px;
border-bottom-color: #4f4138;
}
#TypeD_Left {
height: 245px;
width: 330px;
float: left;
padding: 10px 20px 0 20px;
}
#TypeD_div1,#TypeD_div2 {
width: 100px;
height: 75px;
float: left;
margin-right: 15px;
}
#TypeD_div3 {
width: 100px;
height: 75px;
float: left;
}
#TypeD_div4,#TypeD_div5,#TypeD_div7,#TypeD_div8 {
width: 100px;
height: 75px;
float: left;
margin: 10px 15px 0 0;
}
#TypeD_div6,#TypeD_div9 {
width: 100px;
height: 75px;
float: left;
margin-top: 10px;
}
#TypeD_Right {
height: 245px;
width: 330px;
float: right;
padding: 10px;
border-left-width: 10px;
border-left-style: solid;
overflow: auto;
border-left-color: #4f4138;
}
#TypeD_Left a {
display:block;
height: 75px;
width: 100px;
text-decoration: none;
}
#TypeD_div1 a {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat 0px 0px;
}
#TypeD_div1 a:hover {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -300px 0px;
}
#TypeD_div2 a {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -100px 0px;
}
#TypeD_div2 a:hover {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -400px 0px;
}
#TypeD_div3 a {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -200px 0px;
}
#TypeD_div3 a:hover {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -500px 0px;
}
#TypeD_div4 a {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat 0px -75px;
}
#TypeD_div4 a:hover {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -300px -75px;
}
#TypeD_div5 a {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -100px -75px;
}
#TypeD_div5 a:hover {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -400px -75px;
}
#TypeD_div6 a {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -200px -75px;
}
#TypeD_div6 a:hover {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -500px -75px;
}
#TypeD_div7 a {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat 0px -150px;
}
#TypeD_div7 a:hover {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -300px -150px;
}
#TypeD_div8 a {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -100px -150px;
}
#TypeD_div8 a:hover {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -400px -150px;
}
#TypeD_div9 a {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -200px -150px;
}
#TypeD_div9 a:hover {
background: url(../img/travel/a_goldcoast/P5.jpg) no-repeat -500px -150px;
}
.TypeI {
text-align: center;
background-color: #211231;
}
.TypeI_Top {
position: relative;
display: block;
height: 510px;
width: 680px;
margin: 0 auto 0 auto;
}
.TypeI img {
margin: 20px auto 2px auto;
}
.TypeI cite {
top: 490px;
left: 5px;
width: 659px;
padding: 5px 0 5px 5px;
}
#TypeH {
background-color: #111111;
}
#TypeH p {
color: #f8f3ea;
}
#TypeH_left,#TypeH_right {
background-image: url(../img/film_hr.jpg);
background-repeat: no-repeat;
height: 550px;
width: 157px;
float: left;
}
#TypeH_Text {
height: 550px;
width: 386px;
padding: 5px 15px 5px 15px;
float: left;
overflow: auto;
}
#TypeH_left a,#TypeH_right a {
display:block;
height: 80px;
width:  107px;
text-decoration: none;
padding: 0px;
margin: 10px auto 0 auto;
}
#TypeH_div0 {
height: 80px;
width:  107px;
text-decoration: none;
padding: 0px;
margin: 10px auto 0 auto;
}
#TypeH_div1 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px 0px;
}
#TypeH_div1 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px 0px;
}
#TypeH_div2 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px -80px;
}
#TypeH_div2 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px -80px;
}
#TypeH_div3 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px -160px;
}
#TypeH_div3 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px -160px;
}
#TypeH_div4 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px -240px;
}
#TypeH_div4 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px -240px;
}
#TypeH_div5 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px -320px;
}
#TypeH_div5 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px -320px;
}
#TypeH_div6 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px -400px;
}
#TypeH_div6 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px -400px;
}
#TypeH_div7 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px -480px;
}
#TypeH_div7 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px -480px;
}
#TypeH_div8 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px -560px;
}
#TypeH_div8 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px -560px;
}
#TypeH_div9 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px -640px;
}
#TypeH_div9 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px -640px;
}
#TypeH_div10 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px -720px;
}
#TypeH_div10 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px -720px;
}
#TypeH_div11 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px -800px;
}
#TypeH_div11 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px -800px;
}
#TypeH_div12 a {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat 0px -880px;
}
#TypeH_div12 a:hover {
background: url(../img/travel/a_goldcoast/P6.jpg) no-repeat -107px -880px;
}
#TypeG {
background-color: #111111;
}
#TypeG p {
color: #f8f3ea;
}
.TypeG_Box {
background-image: url(../img/film.jpg);
background-repeat: no-repeat;
height: 130px;
width: 730px;
padding-left: 13px;
}
.TypeG_Tspace {
height: 25px;
width: 730px;
}
#TypeG_Text {
height: 270px;
width: 700px;
padding: 5px 15px 5px 15px;
border-top-width: 5px;
border-bottom-width: 5px;
border-top-style: solid;
border-bottom-style: solid;
overflow: auto;
border-top-color: #2c1e16;
border-bottom-color: #2c1e16;
}
.TypeG_Box a {
display:block;
height: 80px;
width:  107px;
text-decoration: none;
padding: 0px;
float: left;
margin: 0 0 0 12px;
}
#TypeG_div1 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat 0px 0px;
margin: 0px;
}
#TypeG_div1 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat 0px -80px;
}
#TypeG_div2 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -107px 0px;
}
#TypeG_div2 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -107px -80px;
}
#TypeG_div3 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -214px 0px;
}
#TypeG_div3 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -214px -80px;
}
#TypeG_div4 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -321px 0px;
}
#TypeG_div4 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -321px -80px;
}
#TypeG_div5 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -428px 0px;
}
#TypeG_div5 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -428px -80px;
}
#TypeG_div6 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -535px 0px;
}
#TypeG_div6 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -535px -80px;
}
#TypeG_div7 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -642px 0px;
margin: 0px;
}
#TypeG_div7 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -642px -80px;
}
#TypeG_div8 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -749px 0px;
}
#TypeG_div8 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -749px -80px;
}
#TypeG_div9 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -856px 0px;
}
#TypeG_div9 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -856px -80px;
}
#TypeG_div10 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -963px 0px;
}
#TypeG_div10 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -963px -80px;
}
#TypeG_div11 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -1070px 0px;
}
#TypeG_div11 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -1070px -80px;
}
#TypeG_div12 a {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -1177px 0px;
}
#TypeG_div12 a:hover {
background: url(../img/travel/a_goldcoast/P8.jpg) no-repeat -1177px -80px;
}