gwd-taparea {
	display: block;
	cursor: pointer;
	background-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-style: inherit;
	font-variant: inherit;
	font-weight: inherit;
	font-stretch: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
	line-height: 1.2;
}
* {
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
	content: none;
}
b {
	font-weight: bold;
}
ul {
	margin: 0px;
	padding-left: 15px;
}
p {
	margin-bottom: 1em;
}
a{
	color: #30ABDE;
	text-decoration: underline;
}
html, body {
	width: 728px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
body {
	font-size: 11px;
	line-height: 1.3em;
	font-family: Arial, sans-serif;
	color: #000;
	background: #FFF;
	-webkit-font-smoothing: antialiased;
}
.em1 {
	margin-bottom: 1em;
}
.ad{
	position: absolute;
	width: 728px;
	height: 90px;	
}
.gwd-div-1kgh {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.pi {
    font-size: 11px;
    line-height: 17px;
    left: 431px;
    top: 71px;
    position: absolute;
	background: #6DCFF5;
    width: 100%;
    padding-left: 9px;
}
.pi_txt {
	text-decoration: underline;
	    color: #000;
}
.pi-link{
	cursor: pointer;
	text-decoration: underline;
    color: #000;
	display: inline;
}

#isi-content .pi-link{
	display: inline;
	color: #30ABDE;
    text-decoration: underline;
}
.arrow_img {
	padding-right: 5px;
	vertical-align: middle;
}
.divider-line {
	position: absolute;
	height: 86px;
	width: 2px;
	left: 429px;
	top: 2px;
	background: rgb(195, 214, 0);
}
#scroll-container {
	position: absolute;
	top: 2px;
	left: 431px;
	height: 69px;
	width: 295px;
}
#isi {
	height: 100%;
	left: 2px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	top: 0px;
}
#isi-content {
	height: 100%;
	padding: 1em 0px 0px 7px;
	position: relative;
	overflow: hidden;
	padding-right:21px;
    overflow-y:auto;
    overflow-x:hidden;
}
@-moz-document url-prefix() {
    /*#isi-content {
        padding-right:17px !important;
    }*/
    #isi li span {
        margin-left:0px !important;
    }
    #isi-content p,
    #isi-content b {
        width:264px !important;
    }
    #isi-content b {
        display:block !important;
    }
    #isi-content ul li {
        width:250px !important;
    }
}
#isi li span {
	margin-left: -8px;
	display: block;
}
.isi-ref{
	font-size: 11px;
}
.ui-button{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}
.ssb_sb {
	cursor: pointer;
	position: absolute;
	right: 8px;
	background: rgb(109, 207, 245);
	border-radius: 2px;
	width: 8px !important;
	margin-top: -3px;
}
.ssb_st {
	cursor: pointer;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	background: rgb(217, 241, 250);
	width: 23px !important;
}
.ssb_arrow {
	cursor: pointer;
	position: absolute;
	right: 0px;
	background: url("scrollArrows.png");
	width: 23px !important;
	height: 17px !important;
}
.ssb_down {
	bottom: -2px;
	background-position: 0px -17px;
}
.ssb_up {
	top: -1px;
}

/*.gwd-taparea-rl60 {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 296px;
	height: 145px;
	background: rgb(255, 255, 255);
}
.gwd-taparea-wqsd {
	position: absolute;
	left: 0px;
	height: 20px;
	z-index: 2;
	width: 160px;
	top: 580px;
}
.gwd-taparea-12ui {
	width: 138px;
	height: 18px;
	left: 215px;
	top: 279px;
}
.gwd-taparea-za0x {
	left: 33px;
	top: 288px;
}*/

#border {
    position: absolute;
    left: 0px;
    top: 0px;
    border: 2px solid rgb(13, 123, 191);
    width: 100%;
    height: 100%;
}

.frames {
	position: absolute;
	width: 427px;
	height: 86px;
	z-index: 1;
	overflow: hidden;
	left: 2px;
	top: 2px;
	opacity:0;
}


/*#hero1Wrap{
	position: absolute;
	width: 458px;
	left: 50%;
	margin-left: -229px;
	top: -92px;
}*/
#hero1{
    position: absolute;
    display: block;
    opacity: 0;
    left: 5px;
    top: 2px;
}

 
.hero1-cir-wrap{
	width: 96px;
	height: 55px;
	position: absolute;
	left:78px;
	top:-2px;
	overflow: hidden;
}
.hero1-cir-wrap-2{
	top:53px;
	width:100%;
}
.hero1-cir-wrap img{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}
#hero1-cir-2, #hero1-cir-4{
	margin-top: -55px;
}



.hero1_txt-wrap{
	position: absolute;
	left: 162px;
	top: 4px;
}
.hero1_txt-wrap div{
	position: absolute;
	overflow: hidden;
	height: 48px;
	background: url(hero1_txt.png) no-repeat;
	opacity: 0;
}
#hero1-txt-for{
	width: 160px;
}
#hero1-txt-a{
	left:30px;
	width: 15px;
	background-position: -30px 0px;
}
#hero1-txt-sis{
	left:45px;
	width: 46px;
	background-position: -45px 0px;
}
#hero1-txt-rd{
	left:91px;
	width: 36px;
	background-position: -91px 0px;
}
#hero1-txt-trip{
	left:127px;
	width: 32px;
	background-position: -127px 0px;
}


#frame123-logo {
	opacity: 0;
}
#logo1{
	position: absolute;
	width: 62px;
	right:12px;
	bottom:2px;
}

#frame23{
	background: #FFF;
}
#hero2, #hero3{
    position: absolute;
    display: block;
    top: -2px;
    left: 0;
	opacity: 0;
}
#frame2-txt-wrap{
    position: absolute;
    left: 190px;
    top: 8px;
    width: 216px;
}
.frame2-txt{
	background: url(frame2_txt.png) no-repeat;
	position: absolute;
	height: 14px;
	width: 100%;
}
#frame2-txt-row2{
	top:13px;
	background-position: 0px -13px;
}
#frame2-txt-row3{
	top:26px;
	background-position: 0px -26px;
	height: 20px;
}
/*#frame2-txt-row4{
	top:54px;
	background-position: 0px -54px;
}
#frame2-txt-row5{
	top:72px;
	background-position: 0px -72px;
}*/



#frame3-txt-wrap{
	position: absolute;
	left:182px;
	top:8px;
	width: 223px;
}
.frame3-txt{
	background: url(frame3_txt.png) no-repeat;
	position: absolute;
	height: 14px;
	width: 100%;
}
#frame3-txt-row2{
	top:14px;
	background-position: 0px -14px;
}
#frame3-txt-row3{
	top:28px;
	background-position: 0px -28px;
}
/*#frame3-txt-row4{
	top:54px;
	background-position: 0px -54px;
}*/


#frame4{
	background: #FFF;
}
#logo2{
	position: absolute;
	display: block;
	right:15px;
	top:13px;
	width: 110px;
}
#frame4-txt{
	position: absolute;
	background: url(frame4_txt.png) no-repeat;
	width: 231px;
	height: 16px;
	left:29px;
	top:18px;
}
#frame4-btn-wrap{
	position: absolute;
	left:58px;
	top:45px;
	display: none;
	opacity: 0;
}
#frame4-btn-wrap img{
	position: absolute;
	top:0;
	left:0;
}
#frame4-btn-hl{
	opacity: 0;
}


#exits{
	opacity: 1;
}
#bg-exit{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.exit{
	cursor: pointer;
}