@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:#111; width:100%; max-width:100%; min-width:100%; height:100%; font-size:13px; color:#000; font-family:"微軟正黑體", Microsoft JhengHei, Arial;}
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:#c30d23;transition: all 0.4s; }

#header{ background:url(../images/all/menu_bg.png); height: 65px; width:100%; min-width:980px; font-family:"微軟正黑體", Microsoft JhengHei, 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:16px; text-indent:-9999px; display:block;}
#LargeDiv a:hover{}

.MiniDiv{float:left; left:0px; width:16%; line-height:40px; color:#630a36;}
.MiniDiv div{width: 120px; height:27px; margin:0 auto; float:right; padding-top: 3px; margin-top:15px;}
.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:10px; margin-left: 50px;}
.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,.MiniDiv a.line{ width:27px; height:27px; display:block; float:left; transition: all 0.4s; margin:0 2px;}
.MiniDiv a.fb{background:url(../images/all/fb.png) no-repeat center;}
.MiniDiv a.google{background:url(../images/all/google.png) no-repeat center;}
.MiniDiv a.advisor{background:url(../images/all/tr.png) no-repeat center;}
.MiniDiv a.line{background:url(../images/all/line.png) no-repeat center;}
.MiniDiv a.fb:hover { background:url(../images/all/fb_hover.png) no-repeat center; transition: all 0.4s;}
.MiniDiv a.google:hover {background:url(../images/all/google_hover.png) no-repeat center; transition: all 0.4s;}
.MiniDiv a.advisor:hover{background:url(../images/all/tr_hover.png) no-repeat center; transition: all 0.4s;}
.MiniDiv a.line:hover {background:url(../images/all/line_hover.png) no-repeat center; transition: all 0.4s;}

.MiniDiv a.tw,.MiniDiv a.en,.MiniDiv a.jp,.MiniDiv a.cn{ width:15px; height:14px; margin: 7px 3px; overflow:hidden; text-indent:-9999px; display:block;}
.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;}
.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;}
.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;}
.MiniDiv a.cn:hover{background:url(../images/all/cn_hover.png) no-repeat left center; }

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

/*loading*/
#loading{
	  background: #111;
	  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:100px; 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{ font-family: "微軟正黑體", Microsoft JhengHei, Arial; border:3px; border-bottom:1px solid #786944; padding:5px 15px 5px 15px; width:90%;margin-bottom:20px; letter-spacing:1px;background-color: transparent; color: #dad1bd; font-size: 16px;}
.box-modal2 textarea{ font-family: "微軟正黑體", Microsoft JhengHei, Arial; border:0px; border-bottom:1px solid #786944; padding:5px 15px 5px 15px; width:90%; margin-bottom:20px; background-color: transparent; min-height:150px; color:#dad1bd; font-size: 16px; resize : none;}

.code_div{ width:400px; margin:0 auto;}
.box-modal2 .code_div input{ width:220px; float:left; left:0px;}
.box-modal2 .code_div img{ width:80px; float:left; left:0px; margin-left: 5px;}
.box-modal2 a.Submit1{ clear:both; width:100%; height:40px; background-color:#786944; text-align:center; line-height:40px; display:block; color:#FFF; text-decoration:none;transition: all 0.4s;font-family: "微軟正黑體", Microsoft JhengHei, Arial; font-size:18px; letter-spacing:1px; margin:20px auto 0 auto;}
.box-modal2 a.Submit1:hover{ background-color:#c30d23; transition: all 0.4s; color:#FFF;}
.caption{ padding:30px 0; border:1px solid #786944;}
.caption .content {
	margin: 0 30px;
}
/*聯絡我們_END*/

/*內頁架構*/
.cubeinfo{
	width:400px;
	margin:20px 0 0 0;
	padding:30px 0;
	background: url(../images/all/content_bg.png) repeat;
	margin-bottom:10px; overflow:hidden;}
.cubeinfo h1{ width:380px; height:100px; text-indent:-9999px; width:100%;}
.cubeinfo .memo{ font-size:13px; line-height:1.8; color:#dad1bd; margin-top: 25px; margin-bottom:15px; padding:0 40px;}
.cubeinfo .memo1{ font-size:13px; line-height:1.8; color:#dad1bd; margin-top: 25px; margin-bottom:15px; padding:0 40px;}
.cubeinfo .memo2{ font-size:13px; line-height:1.8; color:#afaa9d; margin-bottom:15px; padding:0 40px;}
.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 center; color: #cccccc; font-size: 13px; padding:5px 40px 5px 70px; float:right; margin-left: 40px;}
.slogn_bg{ font-size:22px; font-weight:500; color: #fbca5a; padding:0 25px; text-align:center; margin-top:30px;}
a.close1{ position:absolute; z-index:999; margin-left: 346px; background:url(../images/all/close.png) no-repeat; width:30px; height:30px; display:block;}

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

.room_next a,.room_prev a{ text-decoration:none; height:30px; 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*/