@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;} 




/* 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/dishini20180313/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: 24px; font-weight: bolder; color:#547c3f;
}
h3{
 font-size: 21px; font-weight: bolder; color:#F7941E;
}
h4{
 font-size: 18px; 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: 17px; font-family: Arial, Helvetica, sans-serif; color: #603a15; line-height: 1.8em; padding-bottom: 55px; text-align:left; }

img { border:none; display: block; }
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:#603a15; line-height: 1.8em; font-family: Arial, Helvetica, sans-serif; font-size:16px;    letter-spacing: 1.1px;}

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/dishini20180313/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/dishini20180313/header.png); background-repeat: no-repeat; height: 385px; width: 956px; position: absolute; left: 0px; top: -23px; }

#container {background-image: url(../../images/dishini20180313/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/dishini20180313/content_bg_hkdl2.jpg); background-repeat: repeat; background-position: center bottom;  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;  background-position-y: 327px;}
#header-ironman { background-image: url(../../images/dishini20180313/header_ironman.jpg); background-repeat: no-repeat; height: 367px; width: 956px; position: absolute; left: 0px; top: 0px; }
#header-ironman2 { background-image: url(../../images/dishini20180313/page3/header.jpg); background-repeat: no-repeat; height: 372px; width: 956px; position: absolute; left: 0px; top: 0px;}


#container-explore {background-image: url(../../images/dishini20180313/content_bg_hkdl.jpg);background-repeat: repeat;  background-position: center bottom;  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; }
#header-explore { background-image: url(../../images/dishini20180313/header_explore.jpg); background-repeat: no-repeat; height: 372px; width: 956px; position: absolute; left: 0px; top: 0px; }

#header-hkdl { background-image: url(../../images/dishini20180313/header_hkdl2.jpg); background-repeat: no-repeat; height: 372px; width: 956px; position: absolute; left: 0px; top: 0px; }
#container-hkdl {background-image: url(../../images/dishini20180313/content_bg_hkdl3.jpg);background-repeat: repeat;  background-position: center bottom;  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; }



#content-container { width: 904px; position: relative; float:left; margin-right:4px; margin-top:-23px; /*padding-top:200px; */}
#content-container-ironman { width: 906px; position: relative; float:left; margin-right:4px; left: 1px; margin-top:-23px; }
#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: 97px; width: 910px; margin-bottom: 24px; margin-top: 24px; /* background:url(../../images/dishini20180313/bg_content_top.png) no-repeat 0px 10px;*/}
#nav ul{ margin-left:7px; }
#nav ul li { background: url(../../images/dishini20180313/nav_ironman.jpg) no-repeat left top;float: left; height: 50px; width:275px; }


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



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

/*
#nav ul li#p1:hover {background: url(../../images/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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;}

*/


#nav ul li#p1:hover {background: url(../../images/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/content_bg-hkdl.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-ironman #content-ironman { margin-left: 17px; background-color: #FFFFFF;  background: url(../../images/dishini20180313/content_bg-ironman.jpg) repeat-y;  padding-top: 25px; 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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/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/dishini20180313/page3/table_bg1.jpg');
}
.bg02{
		background:url('../../images/dishini20180313/page3/table_bg2.jpg');
}
.bg03{
		background:url('../../images/dishini20180313/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;}
.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/dishini20180313/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: #FFC222;
text-align: center;
font-size: 21px;
color:#bb253e;
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: 24px;
color:#FFFFFF;
font-weight: bolder;
padding: 10px;
}


#copyright {position: relative; display: inline; float: right; margin-top: -500px; right: -10px;}
#copyright2 {position: relative; display: inline; float: right; margin-top: -865px; right: -10px;}
#copyright3 {position: relative; display: inline; float: right; margin-top: -495px; right: -10px;}
#copyright4 {position: relative; display: inline; float: right;  margin-top: -1017px;    right: -10px;}
#copyright5 {position: relative; display: inline; float: right;  margin-top: -500px;    right: -10px;}
#copyright6 {position: relative; display: inline; float: right; margin-top: -500px; right: -10px;}

.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{
	position: relative; margin-bottom: -40px; top: 13px; text-align:left; 
	font-size:11px; color: #000000; 
	line-height: 1.8em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 1.1px;
} 

.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;
 }
 
.bgimg {
	background-color: #f8edba;
	/* background-image: url(../../images/dishini20180313/bg02.jpg);
    background-position: center;
    background-repeat: repeat;
    */
}



.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{
  border-bottom: 2px dashed #a3258e;
  width: 82%;
  left: 149px;
  position: relative;
  top: -22px;
} 

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


.titleline { text-align: center; }
.titleline::after {
	content: url('../../images/dishini20180313/page3/line.png');
}

.titleline2 { text-align: center; }
.titleline2::after {
	content: url('../../images/dishini20180313/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;	
}