@charset "utf-8";
/* CSS Document */

@import url("reset.css");

@import url(http://fonts.googleapis.com/css?family=Arimo);
/*font-family: 'Arimo', sans-serif;*//*溫度C*/

@import url(https://fonts.googleapis.com/css?family=Roboto);
/*font-family: 'Roboto', sans-serif;*//*溫度_數字*/

/*********************************************************************主架構*********************************************************************/
body{ background:#000; width:100%; max-width:100%; min-width:100%; height:100%; font-size:13px; color:#000; }
html, body { height: 100%; font-size:13px; color:#FFF;}
.wrap {
 min-height: 100%;
 *display: table; /* For IE7 Hack */
 *height: 100%; /* For IE7 Hack */
 width:100%;
 
}
.main { overflow:auto; padding-bottom: 26px; width:100%;} /* must be same height as the footer */

#footer {
 position: relative;
 margin-top: -26px; /* negative value of footer height */
 height: 26px;
 clear:both;
 text-align:center;
 z-index:1;
}
#footer a{ color:#FFF; text-decoration:none;transition: all 0.4s; }
#footer a:hover{ color:#e94b36;transition: all 0.4s; }

#header{ background:url(../images/all/menu_bg.png); height:80px; width:100%; min-width:980px; font-family:"微軟正黑體", Arial;}
.container {position:relative; z-index:300;}
.extra-indent { padding:0 0 0 0;}
/*********************************************************************主架構_END*********************************************************************/


/*********************************************************************header裡的架構*********************************************************************/
#LargeDiv{float:left; left:0px; width:68%;border:0px solid #F00; min-width:570px;}
#LargeDiv a{ height:64px; text-indent:-9999px; display:block;}
#LargeDiv a:hover{}

.MiniDiv{float:left; left:0px; width:16%; line-height:40px; color:#630a36;}
.MiniDiv div{width: 220px; height:27px; margin:0 auto; float:right; padding-top: 3px; margin-top:18px;}
.MiniDiv a{ color:#333; text-decoration:none;transition: all 0.4s;font-size: 11px; display: block; float: left; }
.MiniDiv a.logo {display:block; margin-top:5px;}
.MiniDiv a.fb { display:block;}
.MiniDiv a:last-child { background-image:none;}
.MiniDiv a:hover{color:#5d583d;}

.MiniDiv a.fb,.MiniDiv a.google,.MiniDiv a.advisor{ width:27px; height:27px; display:block; float:left; transition: all 0.4s;margin-right: 3px;}
.MiniDiv a.fb{background:url(../images/all/fb.png) no-repeat left center;}
.MiniDiv a.google{background:url(../images/all/google.png) no-repeat left center;}
.MiniDiv a.advisor{background:url(../images/all/tr.png) no-repeat left center; margin-right:5px;}
.MiniDiv a.fb:hover,.MiniDiv a.google:hover,.MiniDiv a.advisor:hover{
	moz-transform:rotate(0.5rad);
    -webkit-transform:rotate(0.5rad);
    -o-transform:rotate(0.5rad);
    -ms-transform:rotate(0.5rad);
    transform:rotate(0.5rad);
	transition: all 0.4s;
}

.MiniDiv a.tw,.MiniDiv a.en,.MiniDiv a.jp,.MiniDiv a.cn{ width:22px; height:22px; overflow:hidden; text-indent:-9999px; display:block;margin-top: 3px;}
.MiniDiv a.tw{background:url(../images/all/tw.png) no-repeat left center;}
.MiniDiv a.tw:hover{background:url(../images/all/tw_hover.png) no-repeat left center; }
.MiniDiv a.en{background:url(../images/all/en.png) no-repeat left center; margin-left:8px;}
.MiniDiv a.en:hover{background:url(../images/all/en_hover.png) no-repeat left center; }
.MiniDiv a.jp{background:url(../images/all/jp.png) no-repeat left center; margin-left:8px;}
.MiniDiv a.jp:hover{background:url(../images/all/jp_hover.png) no-repeat left center; }
.MiniDiv a.cn{background:url(../images/all/cn.png) no-repeat left center; margin-left:8px;}
.MiniDiv a.cn:hover{background:url(../images/all/cn_hover.png) no-repeat left center; }

/*********************************************************************header裡的架構_END*********************************************************************/

/*loading*/
#loading{
	  background: url(../images/all/loadBg.png);
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 999999999999;}
.loadas{
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  margin-left: -94px;
	  top: 29%;
	  left: 50%;
	  z-index: 99999999;}
/*loading_END*/


/*聯絡我們*/
.box-modal2 h1{background:url(../images/contact/contacttitle.png) no-repeat center; width:100%;height: 107px; text-indent:-9999px; margin-bottom:20px;}
.box-modal2 p{ text-align:center; font-size:13px; margin-bottom:30px; color:#5d583d; font-style:italic; font-weight:500; margin-top:10px;}
.box-modal2 input{ border:3px; border-bottom:1px dotted #666666; padding:5px 15px 5px 15px; width:90%;margin-bottom:20px; letter-spacing:1px;background-color: transparent; color: #FFF; font-size: 16px;}
.box-modal2 textarea{ border:0px; border-bottom:1px dotted #666666; padding:5px 15px 5px 15px; width:90%; margin-bottom:20px; background-color: transparent; min-height:150px; color:#FFF; font-size: 16px; resize : none;}

.code_div{ width:400px; margin:0 auto;}
.box-modal2 .code_div input{ width:220px; float:left; left:0px; color:#FFF;}
.box-modal2 .code_div img{ width:80px; float:left; left:0px; margin-left:20px;}
.box-modal2 a.Submit1{ clear:both; width:100%; height:40px; background-color:#333; text-align:center; line-height:40px; display:block; color:#FFF; text-decoration:none;transition: all 0.4s;font-family: 'Cuprum', sans-serif; font-size:18px; letter-spacing:1px; margin:20px auto 0 auto;}
.box-modal2 a.Submit1:hover{ background-color:#e94b36; transition: all 0.4s; color:#FFF;}
.caption{ padding:20px; border:1px solid #666;}

/*聯絡我們_END*/

/*內頁架構*/
.cubeinfo{
	width: 350px;
	margin:20px 0 0 0;
	padding: 0 0 25px 0;
	background: url(../images/all/content_bg.png) repeat;
	margin-bottom:10px; overflow:hidden;}
.cubeinfo h1{ width:350px; height: 107px; text-indent:-9999px; width:100%;}
.cubeinfo .memo{ font-size:13px; line-height:1.8; color:#939393; margin-bottom:15px;color: #ffffff;padding: 15px;background: rgba(69, 60, 53, 0.7);}
.cubeinfo .memo1{ font-size:13px; line-height:1.8; color:#ffffff;padding: 15px;background: rgba(69, 60, 53, 0.7);}
.cubeinfo .memo2{ font-size:13px; line-height:1.8; color:#ffffff;padding: 15px;background: rgba(69, 60, 53, 0.7); margin:10px 20px;}
.cubeinfo a{ text-decoration:none;transition: all 0.4s;}
.cubeinfo a:hover{ transition: all 0.4s;}
.info{list-style: outside none none; line-height: 20px; background: transparent url("../images/about/info.png") no-repeat scroll left top; color: #cccccc; font-size: 13px; padding: 5px 40px 5px 80px; float:right;}
.slogn_bg{ font-size:27px; font-weight:100; padding:0 25px; text-align:center; margin-bottom:10px;}
a.close1{ position:absolute; z-index:999;margin-left: 295px; background:url(../images/all/close.png) no-repeat; width:33px; height:33px; display:block; margin-top:4px;}

.room_next { position: fixed; z-index:999; right: 80px; bottom: 10px;}
.room_prev { position: fixed; z-index:999; right: 170px; bottom: 10px;}

.room_next a,.room_prev a{ text-decoration:none; height:27px; text-indent:-9999px; display:block;}

#MapDiv{position:fixed; z-index:1;height:100%;width:100%; height:100%;max-height: 100%;min-height: 100%;}
#map_canvas{height:100%;width:100%; height:100%;margin-top:0px;}
/*內頁架構_END*/