@charset "utf-8";
/*
 * CSS Document 
 * ============================================================================
 * 版權所有  2013 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ============================================================================
 * $Author: 又綺 $
 * $Date: 2013-08-08 (星期四) $
*/

/* 重置樣式 */
@import "reset.css"; 

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif, 新細明體, Pmingliu; font-size: 13px; color: #4f3232; line-height: 1.5; background: none;}
a { text-decoration: none; behavior: expression(this.onFocus=this.blur());}
a:focus { outline: none;} /* Firefox, Google */
img { border: none;}

/* 共用樣式 */
.lh22 { line-height: 22px;}
.displayNone { display: none;}
.clearBoth { clear: both; font-size: 0; overflow: hidden;}
.alignC { text-align: center;}

/* 首頁 */
.frameBg { background-color: #f1ece6;}
#wrap { width: 100%; min-height: 1010px; background:url(../images/frame.png) center top no-repeat #f1ece6; position: relative;}
#mapFrame, 
#mapFrame .map, 
#mapFrame .swf, 
#mapFrame .spot {
	width: 1000px;
	height: 980px;
	overflow: hidden;
	top: 0;
	left: 2px;
}
#mapFrame { width: 1000px; height: 980px; margin: 0 auto; overflow: hidden; position: relative;}
#mapFrame .map { position: absolute; z-index: 10; background: url(../images/map.jpg) no-repeat;}
#mapFrame .swf { position: absolute; z-index: 20;}
#mapFrame .spot { position: absolute; z-index: 50;}

#mapFrame .btn08 { position: absolute; z-index: 40; left: 446px; top: 80px; width: 165px; height: 125px; overflow: hidden;}
#mapFrame * { outline: none; -moz-outline: none; -webkit-outline: none; -ms-outline: none;}

/* Footer */
#footerBox { position: absolute; z-index: 999; left: 0; bottom: 0; padding-top: 42px; width: 100%; height: 48px; background: url(../images/footer_bg.png) repeat-x bottom; overflow: hidden;}
#footerBox .footerTxt { margin: 0 auto; width: 1000px; overflow: hidden;}
.footerTxt .info { width: 880px; float: left; font-size: 12px; line-height: 40px; overflow: hidden;}
.footerTxt .info span { color: #837272;}
.footerTxt .info a { color: #837272;}
.footerTxt .info a:hover { color: #4f3232; text-decoration: underline;}
.footerTxt .btn { width: 120px; float: right; overflow: hidden;}
.footerTxt .btn a { display: block; width: 120px; height: 40px; text-indent: -999px; background: url(../images/btn_intro.png) no-repeat 0 0; overflow: hidden;}
.footerTxt .btn a:hover { background-position: 0 -40px;}

/* 彈出視窗 - 外框架 */
#popWrap { width: 940px; overflow: hidden;}
#popWrap .popContentBox { padding: 0 50px; width: 840px; background: url(../images/pop/pop_bg.png) repeat-y #f1ece6; overflow: hidden;}

/* 彈出視窗 - 頁籤 */
ul#tabsWrap { margin: 0; padding: 20px 0 30px; width: 840px; height: 30px; list-style: none; overflow: hidden;}
ul#tabsWrap li { width: 140px; height: 30px; float: left; background: url(../images/pop/aw.png) no-repeat right center; overflow: hidden;}
ul#tabsWrap li.noBg { background: none;}
ul#tabsWrap li a { display: block; width: 125px; height: 30px; font-family: 微軟正黑體, Microsoft JhengHei; font-size: 15px; color: #000; font-weight: bold; text-align: center; line-height: 28px; overflow: hidden;}
ul#tabsWrap .current, ul#tabsWrap .current:hover, ul#tabsWrap li.current a, ul#tabsWrap li a:hover { color: #fff; background: url(../images/pop/tab.png) no-repeat 0 0;}
.notes { padding: 10px 0 30px; font-family: 微軟正黑體, Microsoft JhengHei; font-size: 15px; color: #b96000; font-weight: bold; text-align: center; line-height: 22px;}
#panesWrap { width: 840px; overflow: hidden;}
#panesWrap .pane .briefBox { margin-top: 0;}

/* 彈出視窗 - 日暉介紹 */
.popContentBox .introBox { padding-top: 40px; width: 840px; overflow: hidden;}
.introBox .ti { margin: 35px 0 20px; padding-bottom: 10px; width: 840px; height: 42px; border-bottom: #9e9586 solid 1px; background: url(../images/pop/intro_ti.png) no-repeat 0 0; overflow: hidden;}
.introBox .content { width: 840px; height: 310px; line-height: 22px; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}
.introBox .content p { margin: 0; padding: 0 10px;}
.introBox .content p span { color: #b96000;}
.introBox .content ul { margin: 0; padding: 25px 0 0 0; list-style: none;}
.introBox .content ul li { margin-bottom: 10px;}
.introBox .content ul li strong { display: block; font-family: 微軟正黑體, Microsoft JhengHei; font-size: 15px; color: #b96000;}
.introBox .content ul li p { padding-left: 8px;}

/* 彈出視窗 - 輪播 */
.popContentBox .briefBox { position: relative; zoom: 1; margin-top: 35px; width: 840px; height: 354px; overflow: hidden;}
.briefBox .info { position: absolute; z-index: 5; top: 0; right: 0; padding-top: 15px; width: 336px; font-family: 微軟正黑體, Microsoft JhengHei; overflow: hidden;}
.briefBox .info .ti { padding: 0 0 20px 5px; font-size: 18px; color: #000; letter-spacing: 1px; background: url(../images/pop/line.png) no-repeat bottom;}
.briefBox .info .ti span { display: block; margin-bottom: 6px; font-family: "Times New Roman", Times, serif; font-size: 20px; font-weight: bold; line-height: 18px;} 
.briefBox .info .content, .briefBox .info .contentB { padding: 10px 0 0 5px; width: 331px; font-size: 14px; line-height: 25px; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}
.briefBox .info .content { height: 165px;}
.briefBox .info .scrollArea { height: 165px;}
.briefBox .info .content strong, .briefBox .info .contentB strong { color: #b96000;}
.briefBox .info .content ul.itemBox { margin: 0; padding: 0; list-style: none;}
ul.itemBox li { line-height: 24px;}
ul.itemBox li span { display: inline-block; margin-right: 8px; width: 16px; height: 16px; font-size: 12px; color: #fff; text-align: center; vertical-align: middle; line-height: 16px; background: url(../images/pop/aw2.png) no-repeat 0 0; overflow: hidden;}

.briefBox .bigBox { padding: 1px; width: 470px; height: 350px; border: #9e9586 solid 1px; overflow: hidden;}
.briefBox .bigBox.floatL { float: left;}

.briefBox .bx-wrapper { margin: 0; padding: 1px; width: 470px; height: 350px; border: #9e9586 solid 1px; overflow: hidden;}
.briefBox .bx-wrapper .bx-viewport { left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;	border: 0; background: transparent;}
.briefBox ul.bigPic { padding: 0; margin: 0; width: 470px; height: 350px; list-style: none; overflow: hidden;}
.briefBox ul.bigPic li img { width: 470px; height: 350px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}

.briefBox .smallPic { position: absolute; bottom: 0; right: 0; width: 336px; height: 64px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; overflow: auto;}
.briefBox .smallPic a { display: block; margin-right: 0; width: 80px; height: 60px; float: left; border: #e6dfd7 solid 2px;}
.briefBox .smallPic a img { display: inline-block; width: 80px; height: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.briefBox .smallPic a:hover,
.briefBox .smallPic a.active { border: #b96000 solid 2px;}
.briefBox .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -20px;}/*水平卷軸 藏起來*/

.briefBox .bx-wrapper .bx-prev, .briefBox .bx-wrapper .bx-next { top: 320px; width: 31px; height: 31px; overflow: hidden;}
.briefBox .bx-wrapper .bx-prev { left: 0; background: url(../images/pop/btn_prev.png) no-repeat 0 0;}
.briefBox .bx-wrapper .bx-next { right: 0; background: url(../images/pop/btn_next.png) no-repeat 0 0;}
.briefBox .bx-wrapper .bx-prev:hover, .briefBox .bx-wrapper .bx-next:hover { background-position: 0 -31px;}

/* 彈出視窗 - 無輪播頁面 */
.popContentBox .txtBox { height: 350px; background: url(../images/vip_img.png) no-repeat 0 0; overflow: hidden;}
.txtBox .info { top: 70px; right: 160px; width: 336px; overflow: hidden;}
.txtBox .info .ti { padding: 0 0 20px 5px; font-size: 18px; color: #000; letter-spacing: 1px; background: url(../images/pop/line.png) no-repeat bottom;}
.txtBox .info .ti span { display: block; margin-bottom: 6px; font-family: "Times New Roman", Times, serif; font-size: 20px; font-weight: bold; line-height: 18px;} 
.txtBox .info .content, .briefBox .info .contentB { padding: 10px 0 0 5px; width: 331px; font-size: 14px; line-height: 25px; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}
.txtBox .info .content { height: 165px;}

/* 彈出視窗 - 靜態頁 */
.counterImg { height: 350px; background: url(../images/counter_img.png) no-repeat 0 0;}
.counterImg .info { position: absolute; z-index: 5; top: 30px; right: 150px;}
.poolImg { height: 350px; background: url(../images/pool_img.png) no-repeat 0 0;}
.poolImg .info { position: absolute; z-index: 5; top: 20px; right: 120px;}
.petImg { height: 350px; background: url(../images/pet_img.png) no-repeat 0 0;}
.petImg .info { position: absolute; z-index: 5; top: 30px; right: 130px;}

/* 文字 */
.wd { font-family: 微軟正黑體, Microsoft JhengHei;}

/* 空白間格 */
.space10, .space20, .space30 { height: 10px; clear: both; font-size: 0; overflow: hidden;}
.space20 { height: 20px;}
.space30 { height: 30px;}

.hide { display: none;}

/* 防木馬