﻿
body,div,ul,li,p{
	padding:0;
	margin:0;
	font-size:18px;
	font-family: "標楷體", DFKai-sb, BiauKai;
	list-style:none;
}
h1,h2,h3,h4,h5,h6{
	font-family: "標楷體", DFKai-sb, BiauKai;

}
iframe{border:0;background-color:transparent;}
a,a:hover{text-decoration: none;}
/* a:focus{outline:3px solid #f00;} */
.bg{
	position:fixed;
	background-image: url(/Images/bg.jpg);
	height:100%;
	background-repeat:no-repeat;
	background-position:0 auto;
	width:100%;
	z-index:-1;
	background-size:100%;
	background-color:#fbe5b3;
}
.header{
	/* height:60px; */
	background:#1BBDFD;
	text-align:center;
	position:relative;
	z-index:3;
	background-image: url(/Images/bg_header.jpg);
	background-size:100%;
	padding:10px 0 0;
}
.header .logo_posi{
	width:996px;
	margin:0 auto;
	text-align:left;
}
.header .logo img{
	width:80%;
	margin:10px 17% 10px 0;
	max-width:760px;
}
.header .logo{
	/* background-image: url(../Images/logo.png); */
	/* background-size:84%; */
	/* text-align:left; */
	/* margin:0px 30% 10px 0; */
	/* padding:10px; */

	/* max-width:760px; */
	/* background-repeat:no-repeat; */
	/* height:70px; */

}
.header .navbar{
}

.menu{text-align:center;}
.menu_open .line{
		border-bottom:1px solid #E5E1BF;
		padding:0;
}

.menu_bg{
	background-image: url(/Images/balck_overlay.png);
	position:fixed;
	width:100%;
	height:100%;
	opacity:.7;
	z-index:5;
	display:none;
	top:0;
		/* display:none; */
	}
.menu_open{
	/* position:relative; */
	position:absolute;
	top:50px;
	width:50%;
	min-width:300px;
	background:#2db5ea;
	z-index:6;
	border:3px solid #E5E1BF;
	left:0;
	right:0;
	margin:0 auto;
	padding:20px;
	display:none;
}
.menu_open .menu_close{
	position:absolute;
	top:0;
	margin:10px;
	cursor:pointer;
	right:0;
	z-index:8;
}
.menu_open ul{
	/* position:fixed;
	top:100px;
	width:50%;
	background:#155584;
	z-index:6;
	border:3px solid #E5E1BF;
	left:0;
	right:0;
	margin:0 auto;
	padding:20px; */
	/* display:none; */
	}
.menu_open ul li{
	padding:24px 0;
}
.nav{
	background-image: url(/Images/bt_menu.png);
	width:103px;
	height:60px;
	position:relative;
	margin:0 auto;
	cursor:pointer;
	font-size:0;
}
.nav_1, .menu_open ul .nav_1{background-position:-20px 0;}
.nav_9, .menu_open ul .nav_9{background-position:123px 0;}
.nav_8, .menu_open ul .nav_8{background-position:262px 0;}
.nav_7, .menu_open ul .nav_7{background-position:398px 0;}
.nav_6, .menu_open ul .nav_6{background-position:538px 0;}
.nav_5, .menu_open ul .nav_5{background-position:673px 0;}
.nav_4, .menu_open ul .nav_4{background-position:814px 0;}
.nav_3, .menu_open ul .nav_3{background-position:952px 0;}
.nav_2, .menu_open ul .nav_2{background-position:1090px 0;}
.nav_hsty{
	background-image: url(/Images/bt_menu_history.png);
	width:153px;
	/* height:30px; */
	position:relative;
	margin:0 auto;
	font-size:0;
	background-position:0 -5px;
	background-repeat:no-repeat;
}

.menu_bt{display:block;}
/* .menu_bt a:focus{outline:3px solid #f00;} */
.menu_bt_js{
	display:inline-block;
	vertical-align:top;
	zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
	/* margin:20px 0 10px; */
}
.menu_two{
	background:#fff;
	opacity:.7;
	width:100%;
	left:0;
	z-index:-1;
}
.menu_two_js{
	position:absolute;
	text-align:left;

}
.menu_two_js ul{
	/* margin:0 auto; */
	/* text-align:center; */
	/* margin:0 0 0 11%; */
}
.menu_two_js .mn_t_1{width:976px;margin:0 auto;}
.menu_two_js .mn_t_2{width:976px;margin:0 auto;}
.menu_two_js .mn_t_3{width:860px;margin:0 auto;}
.menu_two_js .mn_t_4{text-align:center;}
.menu_two_js .mn_t_5{width:630px;margin:0 auto;text-align:right;}
.menu_two_js .mn_t_6{width:976px;margin:0 auto;text-align:right;}

.menu_two li:hover{background:#FADB96;color:#aaa;}
/* .menu_bt:nth-child(1) .menu_two_js ul,
.menu_bt:nth-child(2) .menu_two_js ul{margin:0 0 0 9%;text-align:left; }
.menu_bt:nth-child(3) .menu_two_js ul{margin:0 0 0 16%;text-align:left;  }
.menu_bt:nth-child(4) .menu_two_js ul{margin:0 0 0 37.5%;text-align:left;  }
.menu_bt:nth-child(5) .menu_two_js ul{margin:0 0 0 34.5%;text-align:left;  }
.menu_bt:nth-child(6) .menu_two_js ul{margin:0 0 0 43%;text-align:left;  }
.menu_bt:nth-child(7) .menu_two_js ul{margin:0 0 0 66.5%;text-align:left;  }
.menu_bt:nth-child(8) .menu_two_js ul{margin:0 0 0 75%;text-align:left;  }
.menu_bt:nth-child(9) .menu_two_js ul{margin:0 0 0 60%;text-align:left;  } */
.menu_two li{
	display:inline-block;
	color:#042f65;
	/* margin:10px; */
	font-size:18px;
	font-weight:900;
	padding:10px;
}
.menu_rwd .menu_ctrl{
	background-image: url(/Images/icon_menu.png);
	width:52px;
	height:33px;
	margin:30px 0px 10px 20px;
	float:left;
	display:none;
	background-repeat:no-repeat;
}
.header .navbar .nav ul{
	background:#559FC6;
	top:80px;
}
.header .navbar .nav ul li{
	display:inline-block;
}
.footer{
	text-align:center;
	background:#1BBDFD;
	color:#fff;
	padding:20px;
	position:relative;
	margin:10px 0 20px;
}
.footer iframe{
	margin:0 auto;
}
.footer p{
	color:#fff;
	font-size:16px;
	padding:0;
	margin:0;	
}
.footer .footer_right{
	position:absolute;
	top:10px;
	right:1%;
}
.footer .ft_fsc{
	/* padding:10px;
	background-color:#FADB96;
	color:#222; */
	margin:5px auto;
	font-size:0px;
	background-image: url(/Images/ft_fsc.png);
	background-repeat:no-repeat;
	width:134px;
	height:41px;

}
.bread{width:79%;float:right;text-align:left;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.pagination-container{border: none}
.pagination>li>a, .pagination>li>span{border:none;color: #603913;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
	color:#603913;
	background-color: #F9E973;
}

@media only screen and (min-width: 1240px){
	/* .header .logo img{margin:10px 0 10px 10%;} */
/* 	.menu_two_js ul{
	margin:0 0 0 11%;
}
	.menu_bt:nth-child(2) .menu_two_js ul{margin:0 0 0 18%; }
	.menu_bt:nth-child(3) .menu_two_js ul{margin:0 0 0 24%; }
.menu_bt:nth-child(4) .menu_two_js ul{margin:0 0 0 41%; }
.menu_bt:nth-child(5) .menu_two_js ul{margin:0 0 0 43%; }
.menu_bt:nth-child(6) .menu_two_js ul{margin:0 0 0 45%; }
.menu_bt:nth-child(7) .menu_two_js ul{margin:0 0 0 62%; }
.menu_bt:nth-child(8) .menu_two_js ul{margin:0 0 0 68%; }
.menu_bt:nth-child(9) .menu_two_js ul{margin:0 0 0 65%; } */
}
@media only screen and (min-width: 1400px){
	/* .header .logo{margin:0 0 10px 15%;} */
}
@media only screen and (min-width: 1590px){
	/* .header .logo{margin:0 0 10px 21%;} */
}
@media only screen and (min-width: 1900px){
	/* .header .logo{margin:0 0 10px 24.6%;} */
}
@media only screen and (max-width: 1023px){
	.header .logo_posi{width:100%;}
	.header .logo{text-align:center}
	
	.header .logo img{margin:10px 7% 10px 0;}
	/* .header .logo{margin: 0 0 10px 8%;} */
	.menu_two_js{top:211px;text-align:center;}
	.menu_bt:nth-child(3) .menu_two_js ul,.menu_bt:nth-child(4) .menu_two_js ul,
	.menu_bt:nth-child(5) .menu_two_js ul,.menu_bt:nth-child(6) .menu_two_js ul,.menu_bt:nth-child(7) .menu_two_js ul,
	.menu_bt:nth-child(8) .menu_two_js ul,.menu_bt:nth-child(9) .menu_two_js ul{margin:0;}
	.header .menu{display:none;}
	.menu_rwd .menu_ctrl{display:block;}
	.footer .footer_right{
		position:relative;
	}
/* 	.menu_two_js .mn_t_1{width:100%;margin:0 auto;}
.menu_two_js .mn_t_2{width:100%;margin:0 auto;}
.menu_two_js .mn_t_3{width:100%;margin:0 auto;} */
/* .menu_two_js .mn_t_4{text-align:center;} */
.menu_two_js .mn_t_1,.menu_two_js .mn_t_2,.menu_two_js .mn_t_3,.menu_two_js .mn_t_5,.menu_two_js .mn_t_6{width:100%;margin:0 auto;text-align:center;}
/* .menu_two_js .mn_t_6{width:100%;margin:0 auto;text-align:center;} */
}
@media only screen and (max-width: 767px){
	.menu_two_js{top:234px;}
	.header .logo img{width:85%;margin:0;}
	.menu_rwd .menu_ctrl{margin:12px 0px 15px 15px;}
	.bread{float:left;width:100%;}
	
}
@media only screen and (max-width: 479px){
	.header .logo img{width:70%;}
	.menu_rwd .menu_ctrl{margin:0 0 0 5px;}
	.menu_two_js{top:338px;}
	.header .logo{
/* 		background-image: url(../Images/logo_big.png);
		height:80px; */

	}
	.menu_rwd .menu_ctrl{
	width:30px;
	height:33px;
	background-size:100%;
	padding: 20px 0 10px 20px;
	}
}