h1,h2,h3,h4{clear: both;}
/*h1-h4¤Ï²»Òª¤«¤â*/
.alone{}

.alone h2{padding-left: 5px; border-left: 2px solid #403999; border-bottom: 2px solid #d6d4f3;
}
.alone h3{padding-left: 5px; border-bottom: 1px solid #ddd;}

.alone .box{float: left;}
.alone .box:after{clear: both;}
.alone .images{float: left;  border: 1px dotted gray; padding: 0.2em;margin: 0.2em;}
.alone .open_s{width: 354px; height: 295px;}
.alone .open_m{width: 726px; height: 583px;}
.alone .text{float: left;}
.alone ul{clear: both;}

.grid{float: left;}
.grid .list3{
  float: left;
  border: 1px dotted gray;
  background-color: white;  color: black;
  margin: 5px;  padding: 3px;
  width: 228px;  height: 210px;
}
.grid .list3:hover{ color: #fff; background: rgb(156, 156, 156);}
.grid .photo:hover{ color: #fff; background: rgb(156, 156, 156);}
.grid .photo{
  float: left;
  border: 1px dotted gray;
  background-color: white;  color: black;
  margin: 5px;  padding: 2px;
  width: 216px;  height: 150px;
}
.grid .photo .photonode{ width: 208px; padding: 0; position: relative;}
.grid .photo .photonode img{ width: 208px; position: absolute; clip: rect(0px 208px 100px 0px);}
.grid .photo p{padding: 0 3px;}
.grid .photo h3{margin: 0 0 5px!important;}

.grid .photo .text{width: 210px; height:110px;}
.grid .photo .text li{padding: 0.2em 0.5em;}
.grid .photo .text li:hover{background-color: #fff; opacity: 0.8;} 


.grid h3{ line-height: 1.1em; font-size:small !important; margin: 0;  padding: 0;}
.grid p{ line-height: 1em; font-size:small; margin: 0 !important;  padding: 0;}
.grid img{width: 200px;height: 150px;}
.grid div.node{width: 200px;margin: 0 auto;}
.grid .toolTip{  position: relative;}
.grid a.toolTip:hover{  position:relative;  z-index:100;}
.grid a.toolTip span{  display:none;}
.grid a.toolTip:hover span{ float:left; display:block; position:absolute;
	top:-1em; left:.5em; padding:1px 5px; background:#fffcd1; color:#444; border:1px solid #444;
	white-space:nowrap; z-index:10;}
#room{min-height:256px;}
.head_pdf{	width: 100%; text-align: right;	padding: 0.2em; margin: 0.2em;}

.box_left{ float: left;}
.box_right{ float: right;}

.theta_wrap{}
.theta_wrap iframe{ width: 800px; height: 450px; display: block; margin: auto; border-style: none;}
.theta:after{clear: both;}