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

@font-face {
  font-family: 'GothamBook';
  src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/Gotham-Book.otf')  format('opentype'),
	     url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf')  format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamBlack';
  src: url('fonts/GothamBlack.woff') format('woff'),
       url('fonts/GothamBlack.ttf') format('truetype'),
       url('fonts/GothamBlack.svg#GothamBlack') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Airstrike';
  src: url('fonts/Airstrike.eot?#iefix') format('embedded-opentype'),  url('fonts/Airstrike.woff') format('woff'), url('fonts/Airstrike.ttf')  format('truetype'), url('fonts/Airstrike.svg#Airstrike') format('svg');
  font-weight: normal;
  font-style: normal;
}

.h2-war{ font-family: 'GothamBlack', sans-serif ; font-size: 30px;  color:#00aeef; font-weight: bolder; text-shadow: 2px 2px 4px #000000;}





.rmenu{margin-bottom:15px; text-align:center;}
.rmenu a,.rmenu a:hover{display:inline-block; margin:0 8px; padding:7px; background-color:#0099CC; color:#FFFFFF; font-size:14px; font-weight:bold; font-family:"??�康細�??�?","�?�?澤細�?","MicrosoftJhengHeiBold","SimHeiBold"; border-radius:5px;}
.rmenu a.current,.rmenu a:hover{background-color:#FF3399; box-shadow:1px 2px 3px #666666;}





.ggogo td{vertical-align:middle;}
.ggogo .left{float:left; width:40%;}
.ggogo .right{float:right; width:55%;}
.mobile, .ggogo-content {display:none;}

/* �???��?��??�?�? */
.info, .info-side {margin: 0 auto 10px; padding: 10px; font-family: 'Microsoft JhengHei'; text-align: left; border-radius: 15px;}
.info {color: #000000; font-size: 14px; line-height: 21px; letter-spacing: 1px; border: solid 2px #dd931a; width:100%; text-align: center;}
.info b {color: #dd931a; font-size: 19px; line-height: 24px;}
.info-side {background-color: #ffe6ff; color: #660066; font-size: 16px; line-height: 22px; letter-spacing: 1px; border: solid 2px #9933ff;}
.info-side b {color: #ff0000;}

.infob, .infob-side {margin: 0 auto 10px; padding: 10px; font-family: 'Microsoft JhengHei'; text-align: left; border-radius: 15px;}
.infob {background-color: #eeffef; color: #000000; font-size: 14px; line-height: 21px; letter-spacing: 1px; border: solid 2px #00c405; width:100%;}
.infob b {color: #00c405; font-size: 19px; line-height: 24px;}
.infob-side {background-color: #eeffef; color: #660066; font-size: 16px; line-height: 22px; letter-spacing: 1px; border: solid 2px #9933ff;}
.infob-side b {color: #ff0000;}


/* CSS Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 12px; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
table.fixed { table-layout: fixed; }
td { vertical-align: top; }



img {
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}


.bodybg {background: url(../../images/body_bg.jpg); }



.p4sub { color:#FFFFFF; background-color:#9E76B4; padding:3px;}

.p5sub { color:#FFFFFF; background-color:#662d91; padding:3px;}
.p5sub2  { color:#ff7200; }

h2{
 font-size: 20px; font-weight: bolder; color:#547c3f;
}
h3{
 font-size: 21px; font-weight: bolder; color:#F7941E;
}
h4{
 font-size: 25px; font-weight: bolder; color:#9E76B4;
}

h6{
 font-size: 18px; font-weight: bolder; color:#e87000;
}


h4{
 font-size: 18px; font-weight: bolder; color:#9E76B4;
}

.headerp4{
 font-size: 18px; font-weight: bolder; color:#ef4136;
}
.headerp5 {
    font-size: 18px;
    font-weight: bolder;
    color: #9e1f63;
}

.h2p5 {
	font-size: 24px; font-weight: bolder; color: #65318f;
}

body{ background-color: #ffd9e4; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #000000; line-height: 1.8em; padding-bottom:0px; text-align:left; }

a { border:none; outline:none; color:#000000; text-decoration: none; }

/*#content-ironman p {color:#603a15; line-height: 1.8em; font-family: 'Microsoft JhengHei', sans-serif; font-size:16px;    letter-spacing: 1.1px;} */

#content-ironman p {color:#000000; line-height: 1.8em; font-family: Arial, Helvetica, sans-serif; font-size:16px;  }

p a { border:none; outline:none; color:#ffc222; text-decoration: none; }
.bk { border:none; outline:none; color:#000000; text-decoration: none; }

.bluelink { border:none; outline:none; color:#2377ba; text-decoration: none; }


.fLeft{float:left; position: relative; left: -25px;}
.fCenter{margin-right: 0px; position: relative; left: -13px; }

.fCenter img{margin: auto;}

.fRight{float:right;  position: relative; left: 25px;}
.figure{padding-bottom:0px;}

.fStar{margin-right: 0px; position: relative; left: -15px; }
.fp4Center{margin-right: 0px; position: relative; left: 30px; }


.vCenter{display: flex;    align-items: center;    justify-content: center; }



.fLeft-war{float:left; position: relative; left: 0px; padding-right: 25px;}
.fCenter-war{margin-right: 0px; position: relative; left: 0px; }
.fRight-war{float:right;  position: relative; left: 25px; margin-right:25px;}

.fLeft-explore{float:left; position: relative; left: -10px; padding-right: 5px;}
.fCenter-explore{margin-right: 0px; position: relative; left: 0px; }
.fRight-explore{float:right;  position: relative; left: 10px; margin-right:0px;}




#bg-shadow { /* background-image: url(../../images/bg_shadow.png); background-repeat: no-repeat; background-position: center top; position: absolute; height: 800px; width: 100%; left: 0px; top: 0px; */}
#container {/*  background-color: #0a67ac; background-repeat: no-repeat; background-position: center bottom;  width: 924px; margin-right: auto; margin-left: auto; position: relative; padding-top: 390px; padding-right: 15px; padding-left: 15px; -moz-box-shadow: 0px 3px 11px #000000; -webkit-box-shadow: 0px 3px 11px #000000; box-shadow: 0px 3px 11px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);*/ }
#header { background-image: url(../../images/header.png); background-repeat: no-repeat; height: 538px; width: 956px; position: absolute; left: 0px; top: 0px; background-size: contain;}

#container {background-image: url(../../images/bg.jpg); background-repeat: repeat-y;  background-position: top;  width: 926px; margin-right: auto; margin-left: auto; position: relative; padding-top: 390px; padding-right: 15px; padding-left: 15px; padding-bottom: 50px;     margin-bottom: -55px; }



#container-ironman {background-image: url(../../images/content_bg_hkdl2.jpg); background-repeat: repeat;  background-position: center bottom;  width: 956px;  margin-right: auto;  margin-left: auto;  position: relative;  padding-top: 390px;  padding-right: 15px;  padding-left: 15px;  padding-bottom: 0px;}
#header-ironman { background-image: url(../../images/header_ironman.jpg); background-repeat: no-repeat; height: 367px; width: 956px; position: absolute; left: 0px; top: 0px; }
#header-ironman2 { background-image: url(../../images/page3/header.jpg); background-repeat: no-repeat; height: 385px; width: 100%; position: absolute; left: 0px; top: 0px; background-size: contain;}


#container-explore {background-image: url(../../images/content_bg_hkdl.jpg);background-repeat: repeat;  background-position: center bottom;  width: 956px; margin-right: auto; margin-left: auto; position: relative; padding-top: 390px; padding-right: 15px; padding-left: 15px; padding-bottom: 0px;}
#header-explore { background-image: url(../../images/header_explore.jpg); background-repeat: no-repeat; height: 372px; width: 956px; position: absolute; left: 0px; top: 0px; }

#header-hkdl { background-image: url(../../images/header_hkdl2.jpg); background-repeat: no-repeat; height: 380px; width: 956px; position: absolute; left: 0px; top: 0px; }
#container-hkdl {background-image: url(../../images/page4/bg.jpg); background-repeat: repeat;  background-position: center bottom;  width: 956px;  margin-right: auto;  margin-left: auto;  position: relative;  padding-top: 390px;  padding-right: 15px;  padding-left: 15px;  padding-bottom: 0px;}


.footer-img { position: relative;    top: 80px;    left: -15px;}
.footer5-img { position: relative;    top: 30px;    left: -15px;}
.p1footer-img { position: relative;    top: 30px;    left: -15px;}

#content-container-index { width: 904px; position: relative; float:left; margin-right:4px; margin-top:120px; padding-top:20px; }
#content-container { width: 904px; position: relative; float:left; margin-right:4px; margin-top:-23px; padding-top:20px; }
#content-container-ironman { width: 906px; position: relative; float:left; margin-right:4px; left: 1px; margin-top:0px; }
#content-container-explore { width: 906px; position: relative; float:left; margin-right:4px; left: 1px; margin-top:-23px; }
content-container-hkdl{ width: 904px; position: relative; float:left; margin-right:4px; margin-top:-23px; /*padding-top:200px; */}



#nav { margin-left:10px; height: 40px; width: 910px; margin-bottom: 24px; margin-top: 24px; /* background:url(../../images/bg_content_top.png) no-repeat 0px 10px;*/}
#nav ul{ margin-left:7px; }
#nav ul li { background: url(../../images/nav_ironman.jpg) no-repeat left top;float: left; height: 50px; width:275px; }


#nav-ironman { margin-left:10px; height: 40px; width: 910px; margin-bottom: 45px; margin-top: 24px;/* background:url(../../images/bg_content_top.png) no-repeat 0px 10px;*/}
#nav-ironman ul{ margin-left:7px; }
#nav-ironman ul li { background: url(../../images/nav_ironman.jpg) no-repeat left top;float: left; height: 50px; width:275px; }

#nav-explore { margin-left:10px; height: 97px; width: 910px; margin-bottom: 24px; margin-top: 24px; /* background:url(../../images/bg_content_top.png) no-repeat 0px 10px;*/}
#nav-explore ul{ margin-left:7px; }
#nav-explore ul li { background: url(../../images/nav_explore.jpg) no-repeat left top;float: left; height: 50px; width:275px; }

#gds {width:900px; margin:auto; background:white;  margin:10px auto 12px auto; padding-bottom:12px;}
#gds table {width:100%; margin:auto; font-family:Microsoft JhengHei; font-size:15px; line-height:24px;}
#gds table td span {color:#333;}
#gds table td span.t_r, #gds table td a.l_r15B {color:orangered; font-weight:bold;}
#gds table td a {color:#333; text-decoration:none;}

#gds h2 {display:block; width:40%; font-size:17px; line-height:20px; padding:0px 10px; margin:auto auto 10px auto; color:white; background:steelblue; font-family:Microsoft JhengHei, MS Gothic, sans-serif; text-align:center;}

/* #nav ul li:hover ,#nav ul li.current{ background: url(../../images/nav_hover.png) no-repeat left top;float: left; height: 82px; } */

/*
#nav ul li#p1:hover {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 100px; width: 205px;  margin-right:-24px; margin-top:-2px;  margin-left:-4px;}
#nav ul li#p2:hover {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 100px; width: 202px;  margin-right:-15px; margin-top:-2px;  margin-left:-9px;}
#nav ul li#p3:hover {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 100px; width: 202px;  margin-right:-13px; margin-top:-2px;  margin-left:-12px;}
#nav ul li#p4:hover {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 100px; width: 202px;  margin-right:-11px; margin-top:-2px;  margin-left:-13px;}
#nav ul li#p5:hover {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 100px; width: 206px;  margin-right:-2px; margin-top:-2px;  margin-left:-25px;}

#nav ul li#p1.current {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 100px; width: 205px; margin-top:-2px;  margin-right:-24px;  margin-left:-4px; z-index: 900!important; position:relative;}
#nav ul li#p2.current {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 100px; width: 202px; margin-top:-2px;  margin-right:-15px;  margin-left:-9px; z-index: 900!important; position:relative;}
#nav ul li#p3.current {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 100px; width: 202px; margin-top:-2px;  margin-right:-13px;  margin-left:-12px; z-index: 900!important; position:relative;}
#nav ul li#p4.current {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 100px; width: 202px; margin-top:-2px;  margin-right:-11px;  margin-left:-13px; z-index: 900!important; position:relative;}
#nav ul li#p5.current {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 100px; width: 206px; margin-top:-2px;  margin-right:-2px;  margin-left:-25px; z-index: 900!important; position:relative;}

*/

#gds {width:100%;}
	#gds table {font-size:18px; line-height:2; margin:0px auto;}
#nav ul li#p1:hover {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-4px; top: 15px; left: -4px; }
#nav ul li#p2:hover {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-18px;  margin-left:1px; top: 15px; left: -8px;}
#nav ul li#p3:hover {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-12px; top: 15px; left: 5px;}
#nav ul li#p4:hover {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-4px; top: 0px; left: -4px;}
#nav ul li#p5:hover {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-2px;  margin-left:1px; left: -8px; }
#nav ul li#p6:hover {background: url(../../images/tab06.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-12px; left: 5px; }

#nav ul li#p1.current {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-4px; top: 15px; left: -4px;   position:relative; z-index: 900!important;}
#nav ul li#p2.current {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-18px;  margin-left:1px; top: 15px; left: -8px;  position:relative; z-index: 900!important; }
#nav ul li#p3.current {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-12px; top: 15px; left: 5px;  position:relative; z-index: 900!important; }
#nav ul li#p4.current {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-4px; top: 0px; left: -4px;  position:relative; z-index: 900!important;}
#nav ul li#p5.current {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-2px;  margin-left:1px; left: -8px;  position:relative; z-index: 900!important;}
#nav ul li#p6.current {background: url(../../images/tab06.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-12px; left: 5px;   position:relative; z-index: 900!important;}





#nav-ironman ul li#p1:hover {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-4px; top: 15px; left: -4px; }
#nav-ironman ul li#p2:hover {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-18px;  margin-left:1px; top: 15px; left: -8px;}
#nav-ironman ul li#p3:hover {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-12px; top: 15px; left: 5px;}
#nav-ironman ul li#p4:hover {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-4px; top: 0px; left: -4px;}
#nav-ironman ul li#p5:hover {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-2px;  margin-left:1px; left: -8px; }
#nav-ironman ul li#p6:hover {background: url(../../images/tab06.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-12px; left: 5px; }

#nav-ironman ul li#p1.current {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-4px; top: 15px; left: -4px;   position:relative; z-index: 900!important;}
#nav-ironman ul li#p2.current {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-18px;  margin-left:1px; top: 15px; left: -8px;  position:relative; z-index: 900!important; }
#nav-ironman ul li#p3.current {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-12px; top: 15px; left: 5px;  position:relative; z-index: 900!important; }
#nav-ironman ul li#p4.current {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-4px; top: 0px; left: -4px;  position:relative; z-index: 900!important;}
#nav-ironman ul li#p5.current {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-2px;  margin-left:1px; left: -8px;  position:relative; z-index: 900!important;}
#nav-ironman ul li#p6.current {background: url(../../images/tab06.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-12px; left: 5px;   position:relative; z-index: 900!important;}




#nav-explore ul li#p1:hover {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-4px; top: 15px; left: -4px; }
#nav-explore ul li#p2:hover {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-18px;  margin-left:1px; top: 15px; left: -8px;}
#nav-explore ul li#p3:hover {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-12px; top: 15px; left: 5px;}
#nav-explore ul li#p4:hover {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-4px; top: 0px; left: -4px;}
#nav-explore ul li#p5:hover {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-2px;  margin-left:1px; left: -8px; }
#nav-explore ul li#p6:hover {background: url(../../images/tab06.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-12px; left: 5px; }

#nav-explore ul li#p1.current {background: url(../../images/tab01.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-4px; top: 15px; left: -4px;   position:relative; z-index: 900!important;}
#nav-explore ul li#p2.current {background: url(../../images/tab02.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-18px;  margin-left:1px; top: 15px; left: -8px;  position:relative; z-index: 900!important; }
#nav-explore ul li#p3.current {background: url(../../images/tab03.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-18px;  margin-left:-12px; top: 15px; left: 5px;  position:relative; z-index: 900!important; }
#nav-explore ul li#p4.current {background: url(../../images/tab04.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-4px; top: 0px; left: -4px;  position:relative; z-index: 900!important;}
#nav-explore ul li#p5.current {background: url(../../images/tab05.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-21px; margin-top:-2px;  margin-left:1px; left: -8px;  position:relative; z-index: 900!important;}
#nav-explore ul li#p6.current {background: url(../../images/tab06.png) no-repeat left top; float: left; height: 68px; width: 316px;  margin-right:-16px; margin-top:-2px;  margin-left:-12px; left: 5px;   position:relative; z-index: 900!important;}





#nav ul li:hover {z-index: 999!important; position:relative;}
#nav-ironman ul li:hover {z-index: 999!important; position:relative;}
#nav-explore ul li:hover {z-index: 999!important; position:relative;}




#nav ul li a { text-indent: -99999px; display: block; float: left; height: 100%; width: 100%; }
#nav ul li#p1{ width:296px;}
#nav ul li#p2{ width:296px; background-position:-296px top;}
#nav ul li#p3{ width:296px; background-position:-592px top;}
#nav ul li#p4{ width:296px; background-position:0px -50px;}
#nav ul li#p5{ width:296px; background-position:-296px -50px;}
#nav ul li#p6{ width:296px; background-position:-592px -50px;}
#nav ul li#hw{ width:296px; }
#nav ul li#rs{background-position:-187px top; }
#nav ul li#sgp{background-position:-275px top; }


#nav-ironman ul li a { text-indent: -99999px; display: block; float: left; height: 100%; width: 100%; }
#nav-ironman ul li#p1{ width:296px;}
#nav-ironman ul li#p2{ width:296px; background-position:-296px top;}
#nav-ironman ul li#p3{ width:296px; background-position:-592px top;}
#nav-ironman ul li#p4{ width:296px; background-position:0px -50px;}
#nav-ironman ul li#p5{ width:296px; background-position:-296px -50px;}
#nav-ironman ul li#p6{ width:296px; background-position:-592px -50px;}
#nav-ironman ul li#hw{ width:296px; }
#nav-ironman ul li#rs{background-position:-187px top; }
#nav-ironman ul li#sgp{background-position:-275px top; }


#nav-explore ul li a { text-indent: -99999px; display: block; float: left; height: 100%; width: 100%; }
#nav-explore ul li#p1{ width:296px;}
#nav-explore ul li#p2{ width:296px; background-position:-296px top;}
#nav-explore ul li#p3{ width:296px; background-position:-592px top;}
#nav-explore ul li#p4{ width:296px; background-position:0px -50px;}
#nav-explore ul li#p5{ width:296px; background-position:-296px -50px;}
#nav-explore ul li#p6{ width:296px; background-position:-592px -50px;}
#nav-explore ul li#hw{ width:296px; }
#nav-explore ul li#rs{background-position:-187px top; }
#nav-explore ul li#sgp{background-position:-275px top; }




#content-container #content { margin-left: 17px; background-color: #FFFFFF;  background: url(../../images/content_bg.jpg) repeat-y;  padding-top: 25px; padding-right: 35px; padding-bottom: 25px; padding-left: 35px; margin-top:-12px; /* box-shadow: 5px 5px 15px #555555; */}

#content-container-index #content { margin-left: 17px; background-color: #FFFFFF;  background: url(../../images/content_bg.jpg) repeat-y;  padding-top: 25px; padding-right: 35px; padding-bottom: 25px; padding-left: 35px; margin-top:-12px; /* box-shadow: 5px 5px 15px #555555; */}

#content-container-hkdl #content { margin-left: 17px; background-color: #FFFFFF;  background: url(../../images/content_bg-hkdl.jpg) repeat-y;  padding-top: 25px; padding-right: 35px; padding-bottom: 25px; padding-left: 28px; margin-top:-12px; /* box-shadow: 5px 5px 15px #555555; */}


#content-container-ironman #content-ironman { margin-left: 17px; background-color: #FFFFFF;  background: url(../../images/content_bg-ironman.jpg) repeat-y;  padding-top: 20px; padding-right: 35px; padding-bottom: 1px; padding-left: 35px; margin-top:-12px; }

#content-container-explore #content-explore { margin-left: 17px; background-color: #FFFFFF;  background: url(../../images/content_bg.jpg) repeat-y;  padding-top: 25px; padding-right: 35px; padding-bottom: 1px; padding-left: 35px; margin-top:0px; }
#content-container-explore #content-explore2 { margin-left: 17px; background-color: #FFFFFF;  background: url(../../images/content_bg.jpg) repeat-y;  padding-top: 25px; padding-right: 35px; padding-bottom: 1px; padding-left: 35px; margin-top:0px; }


#content > div, #content-ironman >div {margin-bottom:30px;}

#content > div, #content-explore >div {margin-bottom:30px;}


#container #iframe-container { background-image: url(../../images/bg_iframe.png); background-repeat: no-repeat; float: right; height: 599px; width: 296px; position: relative; padding: 25px; margin-top: 4px; /*float:none; margin-top:400px; */}
#container #footer { clear: both; line-height: 1em; padding-top: 20px; padding-bottom: 20px; }
#container #footer img {padding-left:18px;}
#container #iframe-container_b { background-image: url(../../images/bg_iframe_2.png); background-repeat: no-repeat; float: right; height: 1073px; width: 283px; position: relative; padding: 20px; margin-top: 10px; /*float:none; *margin-top:510px;*/}
#iframe-container_b iframe {width:100%;height:100%;}


#iframe-container iframe {width:100%;height:92%;}
#iframe-container #iframe-msg{
text-align: center;
color: #151515;
line-height: normal;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;}
#banner { margin-left: -15px;margin-top: -15px; }

.pageimg{
box-shadow: 5px 5px 15px #555555;
-moz-box-shadow:  5px 5px 15px #555555;
-webkit-box-shadow:  5px 5px 15px #555555;
border-style:solid;
border-width:5px;
border-color:#FFFFFF;
}


.videoshadow0{
box-shadow: 3px 3px 15px #555555;
-moz-box-shadow: 3px 3px 15px #555555;
-webkit-box-shadow:  3px 3px 15px #555555;
border-style:solid;
border-width:10px;
border-color:#FFFFFF;
}


.videoshadow{
/* box-shadow: 5px 5px 10px #555555;
-moz-box-shadow: 5px 5px 10px #555555;
-webkit-box-shadow:  5px 5px 10px #555555; */
border-style:solid;
border-width:10px;
border-color:#774c2b;
}


.videoshadow_war{
border-style:solid;
border-width:0px;
border-color:#FFFFFF;
padding:10px;
background: #e0c873;
/*
background: -moz-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(145,145,145,1)), color-stop(22%, rgba(250,250,250,1)), color-stop(50%, rgba(163,163,163,1)), color-stop(80%, rgba(255,255,255,1)), color-stop(100%, rgba(173,173,173,1)));
background: -webkit-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: -o-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: -ms-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: linear-gradient(to right, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#adadad', GradientType=1 );
*/
}


.videoshadow-ironman{
border-style:solid;
border-width:0px;
border-color:#e2c96d;
padding:10px;
background: #e0c873;
box-shadow: 2px 2px 3px #000000;
-moz-box-shadow: 2px 2px 3px #000000;
-webkit-box-shadow:  2px 2px 3px #000000;
/*
background: -moz-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(145,145,145,1)), color-stop(22%, rgba(250,250,250,1)), color-stop(50%, rgba(163,163,163,1)), color-stop(80%, rgba(255,255,255,1)), color-stop(100%, rgba(173,173,173,1)));
background: -webkit-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: -o-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: -ms-linear-gradient(left, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
background: linear-gradient(to right, rgba(145,145,145,1) 0%, rgba(250,250,250,1) 22%, rgba(163,163,163,1) 50%, rgba(255,255,255,1) 80%, rgba(173,173,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#adadad', GradientType=1 );
*/
}



.bg01{
		background:url('../../images/page3/table_bg1.jpg');
}
.bg02{
		background:url('../../images/page3/table_bg2.jpg');
}
.bg03{
		background:url('../../images/page3/table_bg3.jpg');
}

ul.mylist {list-style-position: inside;}
ul.mylist li {text-indent: -.6em; position: relative; left: .6em; margin-right: 1em;}
ul.mylist li p {display: inline;}



.videoshadow-hkdl01 {
border-style:solid;
border-width:0px;
border-color:#2a75b6;
padding:10px;
background: #2a75b6;
box-shadow: 2px 2px 3px #000000;
-moz-box-shadow: 2px 2px 3px #000000;
-webkit-box-shadow:  2px 2px 3px #000000;
}

.videoshadow-hkdl02 {
border-style:solid;
border-width:0px;
border-color:#e66d26;
padding:10px;
background: #e66d26;
box-shadow: 2px 2px 3px #000000;
-moz-box-shadow: 2px 2px 3px #000000;
-webkit-box-shadow:  2px 2px 3px #000000;
}

.videoshadow-hkdl03 {
border-style:solid;
border-width:0px;
border-color:#d34135;
padding:10px;
background: #d34135;
box-shadow: 2px 2px 3px #000000;
-moz-box-shadow: 2px 2px 3px #000000;
-webkit-box-shadow:  2px 2px 3px #000000;
}



.in{ margin-left: 57px; }

.eventimg{
position: relative;
left:-35px;
top:-20px;
}

#footer { text-align: center; font-weight: bolder; margin-top:-50px;}
.footer{color: #563019; }
.footer a{color: #ffffff; text-decoration: none;   text-shadow: #565454 1px 0 10px; }

.footer2{color: #ffffff; }
.footer2 a{color: #ffffff; text-decoration: none;  text-shadow: #565454 1px 0 10px; }

.p3_top { background-image: url(../../images/page2/bg.jpg); background-repeat: no-repeat; background-position: center top;   padding: 20px 30px 0px 30px;   margin: 0px -30px;    height: 192px;  }

.mic {display: inline-block;    vertical-align: middle;}

.tips {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px; /* future proofing */
-khtml-border-radius: 30px; /* for old Konqueror browsers */
background-color: #f7941d;
text-align: center;
font-size: 21px;
color:#ffffff;
font-weight: bolder;
padding: 10px;
}


.performance {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px; /* future proofing */
-khtml-border-radius: 30px; /* for old Konqueror browsers */
background-color: #547c3f;
text-align: center;
font-size: 21px;
color:#FFFFFF;
font-weight: bolder;
padding: 10px;
}


#copyright {position: relative; display: inline; float: right; margin-top: -604px; right: 0px;}
#copyright2 {position: relative; display: inline; float: right; margin-top: -1069px; right: 0px;}
#copyright3 {position: relative; display: inline; float: right; margin-top: -676px; right: 0px;}
#copyright4 {position: relative; display: inline; float: right;  margin-top: -675px;    right: 0px;}
#copyright5 {position: relative; display: inline; float: right;  margin-top: -603px;    right: 0px;}
#copyright6 {position: relative; display: inline; float: right; margin-top: -606px; right: 0px;}

.notes_text{font-family:sans-serif; margin-right: 10px; font-size:11px; color: #FFFFFF; position: relative; margin-bottom: -40px; top: 13px; left: 20px; text-align:left;  display: inline-block; float: left;}

.notes_text2{font-family:sans-serif; font-size:11px; color: #000000; position: relative; margin-bottom: -40px; top: 13px; text-align:left; }

.notes_text3{font-family:sans-serif; margin-right: 10px; font-size:11px; color: #585eaa; position: relative; margin-bottom: -40px; top: -5px; left: 20px; text-align:left; display: inline-block; float: left;}


.p5 ul li{
    list-style-type: disc;
    list-style-position: inside;
    padding: 10px 0 10px 20px;
    text-indent: -1em;
}


.backtop{
 	float:right;
 	padding: 20px;
 }



.linkno { color:#000000; text-decoration: none; }



.roundButton {
    background-color: #a3258e;
    border: none;
    color: white;
    padding: 2px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 25px;
}

.horizontal_dotted_line{

  width: 82%;
  left: 149px;
  position: relative;
  top: -22px;
}

.page3Green {
	background-color: #e0ebf8;
	border-radius: 25px;
	padding: 20px;

}



.titleline { text-align: center; color:#613c36; font-weight: bolder; }
.titleline::after {
	/*content: url('../../images/page3/line.png');*/
}

.titleline2 { text-align: center; color:#613c36; font-weight: bolder; }
.titleline2::after {
	/*content: url('../../images/page3/line2.png');*/
}


.restaurant{ font-size: 18px; }

.step {
	vertical-align: middle;
    position: relative;
    background-color: #f7931c;
    padding: 0px 15px;
    border-radius: 23px;
    color: white;
    font-size: 16px;
    letter-spacing: 1px;
    float: right;
}


table.blueTable {
  border: 2px solid #1C6EA4;
  background-color: #FFFFFF;
  width: 97%;
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 2px solid #4485B7;
  padding: 5px 10px;
}
table.blueTable tbody td {
  font-size: 16px;
}
table.blueTable thead {
  background: #4485B7;

  color: #FFFFFF;
}
table.blueTable thead th {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}


.opening{ display:inline-block; font-size:16px; color:#ffffff; background-color: red;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);
    top: -7px;
    position: relative;
    padding: 0px 10px;
}

.starwars{ font-style: italic;}

.prod-content> script{ border-bottom:1px solid #000;}

table{
	border-top: 1px solid;
}