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

@import url("reset.css");

@import url(https://fonts.googleapis.com/css?family=Playball);
/*font-family: 'Playball', cursive;*/

html,body{
	-webkit-text-size-adjust: none;
	height:100%;
	position:relative;
	background-color:#111;
	color: #333;
	font: 100%/1.125em Arial, Helvetica, sans-serif;
	}

#main {
	font-size:.75em;
	min-height:100%;
	*display: table; /* For IE7 Hack */
	*height: 100%; /* For IE7 Hack */
	font-size: 12px;
    font-style: normal;
	}

#loading {
	background-image: url(../images/retina_wood.png);
	z-index: 99999;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color:#d7d6d6;
}

.loadas {
	z-index: 99999;
	width:250px;
	height: 230px;
	position: fixed;
	margin-left: -125px;
	top: 25%;
	left: 50%;
}
	
#header{
	z-index:2000;
	position:relative;
	height:101px;
	background-image: url(../images/bg_header.png);
	background-position:left bottom;
	background-repeat:repeat-x;}

#header .logo{
	z-index:11;
	position:absolute;
	width:200px;
	height:66px;
	top:0px;
	left:0px;}

#header .logo a{
	display:block;
	width:200px;
	height:66px;
	text-indent:-9999px;
	background-image:url(../images/logo_page.png);
	background-position:left top;
	background-repeat:no-repeat;
	outline:none;}
	
.logo_ci{
	position: absolute;
    width: 106px;
    height: 71px;
    top: 0px;
}
	
.top_links{
	float: right;
	width:310px;
	height:20px;
	padding-top:2px;
	padding-bottom:2px;
	}

.top_links ul{
	margin-right: 125px;
}

.top_links li{
	float:right;}

.top_links li a{
	display:block;
	color:#dcd0bb;
	text-decoration:none;
	padding:1px 5px;
	transition: all 0.4s;}

.top_links li a:hover{
	color:#ffffff;
	transition: all 0.4s;}
.top_links li ul{display:none;}
.top_links li ul li{
	float:left;
	border:0px solid #F00;
	width:98%;
	clear:both;
	text-decoration:none;
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2ss;
	border:0px solid #ddd;
	background-color:#ddd;
	font-size:0.55em;
	margin-bottom:0.2em;
	}
.top_links li ul li a,.top_links li ul li a:hover{width:98%;}		
.main_nav{ visibility:visible; padding-left:140px;}
	
.buttonset{
	visibility:hidden;
	position:absolute;
	width:40px;
	height:40px;
	top:30px;
	right:20px;}
	
#showRightPush{
	width:40px;
	height:40px;
	text-indent:-9999px;
	border:none;
	background-image:url(../images/push_menu.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
	outline:none;}
	
#showRightPush:active{
	background-position:left bottom;}




.container {
	position:relative;
	z-index:300;
	background-image: url(../images/primary_content_tail.png);}

.extra-indent {
	padding:0 0 0 0;
}

/*===Content===*/


body.home .primary_content_wrap {
	background:none;
	padding:0;}
	
.content_head{
	width:100%;
	margin-bottom:5px;
	overflow:hidden;}
	
.site_path{
	float:left;
	font-size:12px; color:#736045;}
	
.site_path a{
	color:#736045;
	text-decoration:none;
	outline:none; transition: all 0.4s;}
	
.site_path a:hover{
	color:#433224; transition: all 0.4s;
	}
	
.facebook_page{
	float:right;}
	
/*===聯絡資訊===*/
.about_contact{
	overflow:hidden;
	padding:10px;}

.qrcode{
	width:74px;
	height:74px;
	float:right;}
	
.about_add{
	float:left;}
	
.about_add ul{}

.about_add li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#332518;}

.about_add li.telephone{
	display:block;
	width:215px;
	line-height:26px;
	background:url(../images/icon_phone.png) left center no-repeat;
	padding-left:35px;}

.about_add li.fax{
	display:block;
	width:215px;
	line-height:26px;
	background:url(../images/icon_fax.png) left center no-repeat;
	padding-left:35px;}

.about_add li.address{
	display:block;
	width:215px;
	line-height:26px;
	background:url(../images/icon_address.png) left center no-repeat;
	padding-left:35px;}
	
		
/*===分頁設定===*/
	
.pageview{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#2d2d2d;
	margin-top:5px;
	margin-right:20px;
	padding-top:5px;
	border-top:1px dotted #5c4937;
	overflow:hidden;}
	
.pageview a{
	text-decoration:none;
	color:#4b3b2f;
	outline:none;
	transition: all 0.4s;}
	
.pageview a:hover{
	color:#446345;transition: all 0.4s;}
	
.total{
	float:right;
	margin-right:10px;}

.first{
	float:right;
	margin-right:10px;}

.previous{
	float:right;
	margin-right:10px;}

.pages{
	float:right;
	margin-right:10px;}
	
.pages ul{}

.pages li{
	float:left;}

.pages li a{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	border-top:1px solid #446345;
	border-left:1px solid #446345;
	border-right:1px solid #446345;
	border-bottom:1px solid #446345;
	margin-right:5px;
	transition: all 0.4s;}

.pages li a:hover{
	background-color:#446345;
	color:#fff;
	transition: all 0.4s;}
	
.pages li.active {
	display:block;
	width:20px;
	height:20px;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	border-top:1px solid #446345;
	border-left:1px solid #446345;
	border-right:1px solid #446345;
	border-bottom:1px solid #446345;
	background:#446345;
	margin-right:5px;
	/*background-color:#799396;*/}

.next{
	float:right;
	margin-right:10px;}

.last{
	float:right;
	margin-right:10px;}
	
/*===Footer===*/

#footer {
	float:left;
	width:100%;
	height:36px;
	z-index:9999;
	margin-top:-36px;
	position: relative;
	clear:both;}
	
#footer .copyright{
	position:absolute;
	width:965px;
	z-index:1002;
	top:10px;
	right:20px;
	padding-left:10px;
	overflow:hidden;}
	
#footer .copyright p{
	display:block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-align:left;
	line-height:20px;
	padding-right:5px;}
	
#footer .facebook{
	float:right;
	padding-right:10px;}
	
#footer .webdesign{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:left;
	line-height:20px;}
	
#footer a{
	color:#fff;
	text-decoration:none;
	outline:none; transition: all 0.4s;
	}
	
#footer a:hover{
	color:#446345; transition: all 0.4s;}
	
@media screen and (max-width: 1024px) {
	
.buttonset{
	visibility:visible;
	position:absolute;
	width:40px;
	height:40px;
	top: 10px;
	right:20px;}
	
#showRightPush{
	width:40px;
	height:40px;
	text-indent:-9999px;
	border:none;
	background-image:url(../images/push_menu.png);
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
	outline:none;}
	
#showRightPush:active{
	background-position:left bottom;}
	
.top_links{
	padding-right:0; width:200px; margin-right:70px; margin-top:10px;
	}
.top_links ul{
	margin-right: 0px;
}
			
	}
	
#MapDiv{position:fixed; z-index:1;height:100%;width:100%; height:100%;max-height: 100%;min-height: 100%;}
#map_canvas{width:100%; height:100%;}


/*↓設定輪播Size*/
.theme-default #slider {
	margin: 0 auto 0 auto;
	width: 370px; /* Make sure your images are the same size */
	height: 555px; /* Make sure your images are the same size */
}

.nivo-caption p {
	padding: 0px;
	margin: 0;
}
/*↓隱藏控制項*/
.theme-default .nivo-controlNav {
	display: none;
	position: absolute;
	left: 50%;
	top: 420px;
	margin-left: -30px; /* Tweak this to center bullets */
}
/*↓更換左右箭頭圖示*/
.theme-default .nivo-directionNav a {
	display: block;
	width: 58px;
	height: 56px;
	background: url(themes/default/arrows2.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}

.theme-default a.nivo-nextNav {
	background: url(themes/default/arrows3.png) no-repeat;
}

.theme-default a.nivo-prevNav {
	background: url(themes/default/arrows2.png) no-repeat;
}


/*===上一類 下一類===*/
.previous_type a,.next_type a{
    display:block;
	float:right;
	font-size:12px;
	color:#373737;
	height:40px;
	line-height:40px;
	text-decoration:none;
	transition: all 0.4s;}
.previous_type a{
	margin-right:5px;
	padding-left:30px;
	background:url(../images/arrow_pre.png) left center no-repeat;}	
.divider_type{
	float:right;
	margin:0 5px;}
	
.next_type a{
	margin-left:5px;
	padding-right:30px;
	background:url(../images/arrow_next.png) right center  no-repeat;}

.previous_type a:hover,.next_type a:hover{color:#373737;}

.InfoBg{background: url(../images/infoBg.png) bottom left repeat-x;}