@charset "utf-8";
/* ================================================
CD = 12122014
LD = 12122014
===================================================
editor:
1.recca
2.
3.
===================================================
contect:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
================================================*/










/*1.html ========================================*/
html {
	background-color: #05334e;
	background-image: url(../images/bg_root_body.png);
	background-position: top left;
	background-repeat:repeat;
    color:white;
}

/*body {
	background-image: url(../images/bg_root_right.png);
	background-position: top right;
	background-repeat: repeat-y;
	min-width: 1024px;
}*/






/*2.box ========================================*/
#skip {
	position: absolute;
	top: -10000px;
}

#root, #header, #content, #footer {
	position: relative;
}
#header, #content, #footer {
	padding: 0px 17px;
}
 
#root {
	padding-top: 9px;
    padding-bottom: 0px;
    margin-bottom: 0px;
	text-align: left;
}
#header {
	height: 120px;
	margin-bottom: 18px;
	padding-left: 12px;
	z-index: 6;
}
#content {
	/*min-height: 446px;*/
	padding: 40px 12px 30px 65px;
	z-index: 5;
}
#footer {
	background-image: url(../images/bg_footer.png);
	background-repeat: repeat-x;
	height: 90px;
	padding-top: 10px;
	text-align: right;
}





/* .header ====================================*/
#header h1 a {
	background-image: url(../images/bg_ha_slo2019.png);
	background-repeat: no-repeat;
	display: block;
	height: 160px;
	overflow: hidden;
	padding-left: 650px;
	width: 0px;
}

#header ul#lang {
	height: 30px;
	position: absolute;
	right: 0px;
	top: 50px;
}
#header ul#lang li {
	float: left;
	margin-right: 5px;
}
#header ul#lang li a {
	display: block;
	height: 34px;
	overflow: hidden;
	padding-left: 41px;
	width: 0px;
}
#header ul#lang #b5 {
	background-image: url(../images/btn_lang_tchi_f1.png);
}
#header ul#lang #b5:hover {
	background-image: url(../images/btn_lang_tchi_f2.png);
}
#header ul#lang #gb {
	background-image: url(../images/btn_lang_schi_f1.png);
}
#header ul#lang #gb:hover {
	background-image: url(../images/btn_lang_schi_f2.png);
}
#header ul#lang #print {
	background-image: url(../images/btn_lang_change_f1.png);
	padding-left: 94px;
}
#header ul#lang #print:hover {
	background-image: url(../images/btn_lang_change_f2.png);
}

#header #appbox {
	padding: 0px;
	top: 87px;
	
	display: none;
}





/* .content =============================*/
#content h3 {
	margin: 40px 0px 0px 0px;
}
#content h3:first-child {
	margin: 15px 0px 0px 0px;
}

#content ul#nav {
	left: 12px;
	position: absolute;
	z-index: 10;
}
#content ul#nav li a {
	background-image: url(../images/bg_nav.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
	padding-left: 227px;
	width: 0px;
}

#content ul#nav li a#nav02 {
	background-position: 0px -30px;
}
#content ul#nav li a#nav03 {
	background-position: 0px -60px;
}
#content ul#nav li a#nav04 {
	background-position: 0px -90px;
}
#content ul#nav li a#nav05 {
	background-position: 0px -120px;
}
#content ul#nav li a#nav06 {
	background-position: 0px -150px;
}
#content ul#nav li a#nav07 {
	background-position: 0px -180px;
}
#content ul#nav li a#nav08 {
	background-position: 0px -210px;
}
#content ul#nav li a#nav09 {
	background-position: 0px -240px;
}
#content ul#nav li a#nav10 {
	background-position: 0px -270px;
}
#content ul#nav li a#nav11 {
	background-position: 0px -300px;
}
#content ul#nav li a#nav12 {
	background-position: 0px -330px;
}
#content ul#nav li a:hover {
	background-position: -400px 0px;
}
#content ul#nav li a#nav02:hover {
	background-position: -400px -30px;
}
#content ul#nav li a#nav03:hover {
	background-position: -400px -60px;
}
#content ul#nav li a#nav04:hover {
	background-position: -400px -90px;
}
#content ul#nav li a#nav05:hover {
	background-position: -400px -120px;
}
#content ul#nav li a#nav06:hover {
	background-position: -400px -150px;
}
#content ul#nav li a#nav07:hover {
	background-position: -400px -180px;
}
#content ul#nav li a#nav08:hover {
	background-position: -400px -210px;
}
#content ul#nav li a#nav09:hover {
	background-position: -400px -240px;
}
#content ul#nav li a#nav10:hover {
	background-position: -400px -270px;
}
#content ul#nav li a#nav11:hover {
	background-position: -400px -300px;
}
#content ul#nav li a#nav12:hover {
	background-position: -400px -330px;
}



#content h2 {
	background-image: url(../images/bg_title.png);
	background-repeat: no-repeat;
	height: 48px;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 69px;
}
#textzone > div {
	/*min-height: 515px;
	overflow: auto;
	overflow-x: hidden;*/
}





/*print ======================================*/
.print {
	/*min-height: 515px !important;
	overflow: visible !important;*/
}

#textzone .ui_speaker img {
	border: 1px #9264B0 solid;
	padding: 2px;
}





/* .footer ====================================*/
#bandlogo {
	left: 17px;
	padding-top: 20px;
	position: absolute;
	z-index: 20;
}
#bandlogo li {
	float: left;
	margin-right: 15px;
}
#bandlogo li#ha {
	height: 63px;
	width: 156px;
}
#bandlogo li#hac {
	height: 63px;
	width: 115px;
}

#bandlogo li a {
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}
#bandlogo li#ha a {
	background-image: url(../images/logo_ha.png);
	height: 63px;
	padding-left: 156px; 
	width: 0px;
}
#bandlogo li#hac a {
	background-image: url(../images/logo_hac.png);
	height: 63px;
	padding-left: 115px; 
	width: 0px;
}

#appbox {
	padding-top: 20px;
	position: absolute;
	right: 0px;
	width: 328px;
}
#footer #appbox {
	display: '';
}
.ui_index #footer #appbox {
	display: inherit;
}
#appbox li {
	float: left;
	height: 30px;
}
#appbox li#ebook {
	width: 125px;
}
#appbox li#google {
	margin: 0px 4px;
	width: 87px;
}
#appbox li#apple {
	width: 101px;
}
#appbox li a {
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
	width: 0px;
}

#header ul#lang #ebook {
	background-image: url(../images/btn_ebook.png);
	width: 84px;
    height: 30px;
}
#header ul#lang #google {
	background-image: url(../images/btn_google.png); 
    height: 30px;
    width: 46px;
}
#header ul#lang #apple {
	background-image: url(../images/btn_apple.png);
	width: 60px;
    height: 30px;
}
#appbox li#ebook a {
	background-image: url(../images/btn_ebook.png);
	padding-left: 125px;
}
#appbox li#google a {
	background-image: url(../images/btn_google.png);
	padding-left: 87px;
}
#appbox li#apple a {
	background-image: url(../images/btn_apple.png);
	padding-left: 101px;
}
#footer p {
	padding-top: 54px;
}





/* .index =====================================*/
.ui_index #content, .ui_index #textzone {
	padding: inherit;
	width: 100%;
}

.ui_index #content ul#nav {
	left: inherit;
	position: absolute;
	right: 7px;
	top: 65px;
	width: 310px;
	z-index: 1000;
}
.ui_index #content ul#nav li a#nav02, .ui_index #content ul#nav li a#nav11 {
	margin-left: 10px;
}
.ui_index #content ul#nav li a#nav03, .ui_index #content ul#nav li a#nav10 {
	margin-left: 20px;
}
.ui_index #content ul#nav li a#nav04, .ui_index #content ul#nav li a#nav09 {
	margin-left: 30px;
}
.ui_index #content ul#nav li a#nav05, .ui_index #content ul#nav li a#nav08 {
	margin-left: 40px;
}
.ui_index #content ul#nav li a#nav06, .ui_index #content ul#nav li a#nav07 {
	margin-left: 50px;
}

#animation {
	position: relative;
	margin: 1% auto auto 5%;
	width: 655px;
}

#animation > div, #animation > div > div {
	background-image: url(../images/img_index_bear.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}
#animation > div > div {
	background-image: url(../images/img_index_bear_text.png);
	height: 46px;
	overflow: hidden;
	padding-left: 100%;
	width: 0px;
}

#animation > #bear1 {
	position:absolute;
	background-image: none;
	height: 176px;
	margin: 141px 0px 0px 219px;
	width: 192px;
	z-index: 900;
}
#bear2 {
	background-position: -27px -18px;
	height: 172px;
	margin: 57px 0px 0px 123px;
	width: 181px;
	z-index: 800;
}
#bear2 > div {
	background-position: -6px -7px;
	left: -20px;
	top: -20px;
}
#bear3 {
	background-position: -503px -6px;
	margin: 45px 0px 0px 329px;
	height: 192px;
	width: 193px;
	z-index: 800;
}
#bear3 > div {
	background-position: -6px -123px;
	right: -110px;
	top: -10px;
}
#bear4 {
	background-position: -6px -256px;
	margin: 213px 0px 0px 93px;
	height: 175px;
	width: 201px;
	z-index: 800;
}
#bear4 > div {
	background-position: -6px -66px;
	left: -92px;
	top: 20px;
}
#bear5 {
	background-position: -513px -237px;
	height: 193px;
	margin: 205px 0px 0px 342px;
	width: 193px;
	z-index: 800;
}
#bear5 > div {
	background-position: -6px -180px;
	right: -170px;
	top: 38px;
}





/* .share =====================================*/
.ui_nomp {
	margin: 0px;
	padding: 0px;
}
.ui_nolst {
	list-style-type: none;
}