/* CSS Document */
/*=================================================
CD = 20171027
LD = 20171030
===================================================
Editor:
1.
2.
3.
===================================================
Index:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
================================================*/





/* html =======================================*/
@font-face {
	font-family: futura;
	src: url(https://8bf73d.claudeassets.com/20260123013819im_/https://www.yoo18bonham.com/fonts/Futura.woff) format("woff");
}

@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(https://de93d0.claudeassets.com/20260123013819im_/https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(https://b19209.claudeassets.com/20260123013819im_/https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot#iefix) format('embedded-opentype'),
       url(https://624498.claudeassets.com/20260123013819im_/https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(https://e0888b.claudeassets.com/20260123013819im_/https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(https://87ea0f.claudeassets.com/20260123013819im_/https://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}

html {
	background-image: url(https://6fd0c5.claudeassets.com/20260123013819im_/https://www.yoo18bonham.com/images/bg.png);
	background-repeat: repeat;
}
body, .ui_nomp {
	margin: 0px;
	padding: 0px;
}
body {
	min-width: 320px;
}
h1 {
	left: 50%;
	margin-left: -104px;
	padding: 0px;
	position: relative;
	transition: all 1s linear;
	width: 208px;
}
/*h1 img {
	left: 50%;
	margin-left: -104px;
	position: relative;
	transition: all 1s linear;
}*/

a {
	border: 0px;
	text-decoration: none;
}

a.link {
	color: #009294;
}
.text_red {
	color: #D01E21;
}

@media only screen and (max-width:480px) {
	/*h1 img {
		left: 0%;
		margin-left: 10px;
		transition: all 1s linear;
	}*/
	h1 {
		left: 0%;
		margin-left: 10px;
		transition: all 1s linear;
	}
}
/*=============================================*/





/* box =======================================*/
#content {
    height: 482px;
	margin-top: 8px;
	overflow: hidden;
	position: relative;
	width: 100%;
	transition: all 2s linear;
}
#inside #content {
	height: 450px;
}
#inside #texthere, body > div:last-child {
	margin: auto;
	padding: 0px 10px;
	max-width: 1004px;
	width: 100%;
}
#bg1, #bg2 {
	animation: chBG 15s linear infinite;
	animation-fill-mode: backwards;
	background-position: 50% 50%;
    background-repeat: none;
	background-size: cover;
	box-shadow: 0px 0px 20px #333 inset;
	position: absolute;
	height: 100%;
	top: 0px;
	left: 0px;
	width: 100%;
}
#bg1 {
	background-image: url(https://eb2d8a.claudeassets.com/20260123013819im_/https://www.yoo18bonham.com/images/bg1.jpg);
}
#bg2 {
	background-image: url(https://fdbb6b.claudeassets.com/20260123013819im_/https://www.yoo18bonham.com/images/bg2.jpg);
	animation-delay: 7.5s;
}

#lang {
	margin: 10px auto 0px auto;
	max-width: 1000px;
	position: relative;
	text-align: right;
	transition: all 2s linear;
}
#lang a:hover, h2 {
	color: #CE9C0E;
}
body > #footer {
	height: 30px;
	max-width: inherit;
	position: relative;
	padding: 0px;
}

hr {
	border: none;
	border-top: 1px rgba(240,193,91,1.00) dotted;
	height: 0px;
}


@media only screen and (max-width:1023px) {
	#inside #texthere {
		max-width: inherit;
		padding: 0% 1%;
		width: 98%;
	}
}
@media only screen and (max-width:800px) {
	#lang {
		position: absolute;
		right: 2%;
		top: 6px;
		transition: all 1s linear;
	}
}

@media only screen and (min-height:800px) {
	#content {
		height: 580px;
	}
}

@media only screen and (min-height:1024px) {
	#content {
		height: 760px;
	}
}
/*=============================================*/





/* nav ========================================*/
#nav {
	margin: auto auto;
	max-width: 1000px;
	padding: 0%;
	position: relative;
	transition: all 2s linear;
	width: 100%;
	z-index: 2;
}
#nav li {
	border-left: 1px #333 solid;
	display: table-cell;
	height: 58px;
	text-align: center;
	vertical-align: middle;
	width: 14%;
}
#nav li:first-child {
	margin-left: 1%;
}
#nav li:last-child {
	border-right: 1px #333 solid;
	margin-right: 1%;
}
#nav li a {
	color: #9FA0A0;
	display: block;
	font-size: 11px;
	padding: 0px 10%;	
	width: 80%;
}
.text_chi #nav li a {
	font-size: 13px;
}

#nav li a:hover, #lang a {
	color: #231815;
}
#nav:after {
	content: "";
	clear: both;
	display: block;
}

#nav_mobile {
	opacity: 0%;
	position: absolute;
	right: 2%;
	top: 80px;
	transition: all 2s linear;
}

.ui_nolst {
	list-style-type: none;
}
.text_chi {
	font-family: 'cwTeXHei', sans-serif; 
	font-size: 13px;
}
.text_eng {
	font-family: futura;
	font-size: 12px;
}
.text_14px {
	font-size: 14px;
}
.show700 {
		display: none;
	}



@media only screen and (max-width:700px) {
	.show700 {
		display: block;
	}
	.show701 {
		display: none;
		transition: all 2s linear;
	}
	#nav {
		max-width: 100%;
		position: absolute;
		transition: all 2s linear;
	}
	#nav li {
		background-color: #fff;
		border-left: none;
		border-bottom: 1px #231815 solid;
		float: inherit;
		display: block;
		height: 40px;
		line-height: 40px;
		position: relative;
		vertical-align: middle;
		width: 100%;
	}
	#nav li:first-child {
		margin-left: 0%;
	}
	#nav li:last-child {
		border-right: none;
		margin-right: 0%;
	}
	#lang {
		max-width: inherit;
		transition: all 2s linear;
		width: 96%;
	}
	#nav_mobile {
		opacity: 1;
		top: 100px;
		transition: all 2s linear;
	}
}


@media only screen and (max-width:480px) {
	#nav_mobile {
		top: 100px;
		transition: all 0.5s linear;
	}
}

/*=============================================*/




/* table =====================================*/
.ui_table_Hdata {
	padding: 1%;
}
.ui_table_Hdata th {
	color: #7F5300;
	padding: 1%;
	text-align: right;
	width: 48%;
}
.ui_table_Hdata td {
	padding: 1%;
	width: 48%;
}



@media only screen and (max-width:800px) {
	.ui_table_Hdata th {
		float: left;
		display: block;
		padding: 0% 1%;
		text-align: left;
		width: 98%;
	}
	.ui_table_Hdata td {
		float: left;
		display: block;
		padding: 0% 1% 8px 1%;
		width: 98%;
	}
}
/*============================================*/




/*animation ==================================*/
@keyframes chBG {
	0% { opacity: 0; animation-timing-function: ease-in; }
    20% { opacity: 1; }
	50% { opacity: 1; animation-timing-function: ease-out;}
	70% { opacity: 0; }
    100% { opacity: 0 }
}
/*=============================================*/
/*
     FILE ARCHIVED ON 18:58:12 Feb 17, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:46:31 Jul 11, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.522
  exclusion.robots: 0.054
  exclusion.robots.policy: 0.044
  esindex: 0.009
  cdx.remote: 17.013
  LoadShardBlock: 57.663 (3)
  PetaboxLoader3.datanode: 71.023 (5)
  PetaboxLoader3.resolve: 431.864 (2)
  load_resource: 482.736
  loaddict: 17.116
*/