@import url("reset.css");
@import url("animate.css");
html {
	background: #ceb892 url(../images/bg_01.jpg) repeat-y center 0px;
}
body {
	background: url(../images/bg_03.jpg) no-repeat center 0px;
	min-height:419px;
	font-family: Verdana, Meiryo, "新細明體", Arial;
	font-size: 13px;
}
.header .nav a, .index .news a, .btn a, .news .main .pnumber li a, .download .list .btn {
	height: 100%;
	width: 100%;
	display: block;
}
/*----------------------------------------footer置底-----------------------------------------------------*/
html, body {
	height: 100%;
}
.wrap {
	min-height: 100%;
 *min-height: 100%; /* For IE7 Hack */
 *display: table; /* For IE7 Hack */
}
.main {
	overflow:auto;
	padding-bottom: 40px;
} /* 與footer同高*/
.footer {
	position: relative;
	margin-top: -16px; /* 回推footer高度 */
	height: 16px;
	clear:both;
}
/*--------------------------------------footer置底 END---------------------------------------------------*/
.copy {
	max-width:950px;
	margin:0 auto;
	color: #736357;
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 12px;
	text-align: right;
}
.copy a {
	color: #736357;
	text-decoration: none;
}
.copy a:hover {
	text-decoration: underline;
}
.header {
	position: relative;
	max-width: 996px;
	height: 93px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.header .logo {
	position: absolute;
	left: 25px;
	top: 21px;
}
.header .nav {
	position: absolute;
	background: url(../images/bg_nav.png) no-repeat 0px 21px;
	top: 49px;
	right: 25px;
	height: 36px;
	width: 646px;
	text-align: center;
}
.header .nav li {
	background: url(../images/nav.png) 0 0;
	width:62px;
	height:36px;
	display: inline-block;
 *display: inline;
 *zoom:1;
	margin:0 16px;
}
.header .nav li.menu_01 {
	background-position: 0 0;
	width:76px;
}
.header .nav li.menu_02 {
	background-position: -76px 0;
}
.header .nav li.menu_03 {
	background-position: -138px 0;
	width:61px;
}
.header .nav li.menu_04 {
	background-position: -199px 0;
}
.header .nav li.menu_05 {
	background-position: -261px 0;
}
.header .nav li.menu_01:hover {
	background-position: 0 -36px;
}
.header .nav li.menu_02:hover {
	background-position: -76px -36px;
}
.header .nav li.menu_03:hover {
	background-position: -138px -36px;
}
.header .nav li.menu_04:hover {
	background-position: -199px -36px;
}
.header .nav li.menu_05:hover {
	background-position: -261px -36px;
}
.header .nav li.menu_01.on {
	background-position: 0 -72px;
}
.header .nav li.menu_02.on {
	background-position: -76px -72px;
}
.header .nav li.menu_03.on {
	background-position: -138px -72px;
}
.header .nav li.menu_04.on {
	background-position: -199px -72px;
}
.header .nav li.menu_05.on {
	background-position: -261px -72px;
}
.header .bar {
	background: url(../images/bg_bar.png);
	position: absolute;
	height: 17px;
	width: 217px;
	top: 0px;
	right: 17px;
	text-align: right;
	padding-right: 15px;
}
.header .bar a {
	font-size: 12px;
	color: #707070;
	text-decoration: none;
	display: inline-block;
 *display: inline;
 *zoom:1;
	margin-right: 20px;
	margin-left: 2px;
	line-height: 14px;
}
.header .bar a:hover {
	text-decoration: underline;
}
.header .bar span {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #707070;
	display: inline-block;
}
.main {
	min-width: 996px;
	margin: 0 auto;
	display: block;
}
.index .main .border {
	height: 445px;
	width: 1056px;
	margin: 0 auto;
	position: relative;
}
.index .main .border span {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 445px;
	width: 1056px;
	margin-top: -222px;
	margin-left: -529px;
	background-image: url(../images/index/index_banner_border.png);
	z-index: 5;
}
.index .main .border .banner {
	height: 407px;
	width: 930px;
	margin-top: -212px;
	margin-left: -465px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
}
.index .main .border #slider {
	height: 407px;
	width: 930px;
	margin-top: -212px;
	margin-left: -465px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	clear: both;
}
.index .main .area_info {
	background-image: url(../images/index/index_info_200108.png);
	height: 246px;
	width: 953px;
	margin: 6px auto 0 auto;
	position: relative;
}
.index .main .area_info .FB {
	position: absolute;
	height: 194px;
	width: 240px;
	left: 50%;
	top: 21px;
	margin-left: -469px;
}
.index .main .area_info .news {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -70px;
	margin-left: -195px;
	display: block;
	height: 80px;
	width: 391px;
}
.index .main .area_info .news li {
	border-bottom: 1px dashed #f49ac1;
	padding: 2px;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 1.3em;
	margin-bottom: 6px;
	height: 15px;
}
.index .main .area_info .news li a {
	color: #565656;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.index .main .area_info .news li a:hover {
	color:#f26d7d;
}
.index .main .area_info .news li span {
	font-size: 12px;
	color: #959595;
	margin-right: 4px;
	letter-spacing: 0;
}
.index .main .area_info .weather {
	display: block;
	height: 63px;
	width: 416px;
	margin-top: 26px;
	margin-left: -208px;
	position: absolute;
	left: 50%;
	top: 50%;
	pointer-events:none;
}
.index .main .area_info .weather li {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 150px;
}
.index .main .area_info .weather li img {
	margin-top: -17px;
	position: absolute;
	left: 0px;
	top: 50%;
}
.index .main .area_info .weather li h1 {
	position: absolute;
	font-size: 12px;
	color: #959595;
	left: 61px;
	top: 50%;
	margin-top: -16px;
}
.index .main .area_info .weather li h2 {
	position: absolute;
	font-size: 19px;
	color: #736357;
	left: 61px;
	margin-top: -2px;
	top: 50%;
}
.index .main .area_info .weather li.d01 {
	margin-top: -20px;
	margin-left: -124px;
}
.index .main .area_info .weather li.d02 {
	margin-top: -20px;
	margin-left: 46px;
}
.index .main .area_info .banner{ display:block; height:63px; width:416px; margin-top:26px; margin-left:-208px; position:absolute; left:50%; top:50%; } 
.index .main .area_info .ad {
	display: block;
	height: 200px;
	width: 254px;
	margin-top: -104px;
	margin-left: 216px;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: right;
	vertical-align: top;
}
.index .main .area_info .ad img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	float: none;
}
.index .main .area_info .ad a img {
	border-style: none;
}
.main .banner {
	display: block;
	height: 300px;
	width: 990px;
	margin: 0 auto;
	background-repeat: no-repeat;
	margin-bottom: -3px;
}
.news .main .banner {	background-image: url(../images/news/banner.png);}
.intro .main .banner {	background-image: url(../images/intro/banner.png);}
.download .main .banner {	background-image: url(../images/download/banner.png);}
.contact .main .banner {	background-image: url(../images/contact/banner.png);}
.link .main .banner {	background-image: url(../images/link/banner.png);}
.travel .main .banner {	background-image: url(../images/travel/banner.png);}
.main .banner a {
	width:100%;
	height:100%;
	display:block;
}
.main .list, .news .main .pnumber, .news .main .area, .link .main .area {
	width: 960px;
	display: block;
	margin: 0 auto;
}
.news .main .list, .news .main .area {	background: url(../images/news/bg_list.png) repeat-y 5px;}
.intro .main .list {	background: url(../images/intro/bg_list.png) repeat-y 5px;}
.download .main .list {	background: url(../images/download/bg_list.png) repeat-y 5px;}
.travel .main .list {	background: url(../images/travel/bg_list.png) repeat-y 5px;}
.link .main .list {	background: url(../images/link/bg_list.png) repeat-y 5px;}
.news .main .list li {
	background-image: url(../images/news/bg_list_02.jpg);
	display: block;
	position: relative;
	height: 230px;
	width: 929px;
	margin-left: -454px;
	left: 50%;
	background-repeat: no-repeat;
	background-position: 0px 28px;
}
.news .date {
	background: url(../images/news/date.png) no-repeat 0px center;
	display: inline-block;
	position: absolute;
	font-family: Verdana;
	font-size: 13px;
	line-height: 13px;
	color: #f26522;
	padding-left: 14px;
}
.news .main .area .top {
	position:relative;
}
.news .main .list li .date {
	left: -21px;
	top: 12px;
}
.news .main .area .top .date {
	left: 4px;
	top: 12px;
}
.news .main .list li img {
	position: absolute;
	left: 11px;
	top: 39px;
}
.news .main .list li .area_right {
	position: absolute;
	width: 600px;
	left: 285px;
	top: 36px;
	display: block;
	overflow: hidden;
	height: 134px;
	padding-top: 16px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.news h1 {
	font-family: "微軟正黑體", Verdana;
	font-size: 23px;
	color: #f26d7d;
	border-bottom: 1px solid #f26d7d;
	margin-bottom: 6px;
}
.news h1 span {
	font-family: Meiryo;
	display: block;
	font-size: 17px;
	margin-top: 8px;
	margin-bottom: 6px;
	letter-spacing: 1px;
}
.news .main .list li p {
	font-size: 13px;
	color: #555555;
	line-height: 18px;
	font-family: Verdana, "新細明體", Arial;
	letter-spacing: 1px;
}
.news .main .list li .btn_01 {
	background-image: url(../images/news/btn_list.png);
	background-position: 0px 0px;
	position: absolute;
	height: 24px;
	width: 53px;
	right: 27px;
	bottom: 15px;
}
.news .main .list li .btn_01:hover {
	background-position: 0px -24px;
}
.news .main .list li .btn_01:active {
	background-position: 0px -48px;
}
.news .main .pnumber {
	background-image:none;
	text-align: right;
	margin-top:16px;
}
.news .pnumber li {
	display:inline-block;
 *display:inline;
 *zoom:1;
	text-align: center;
	height: 13px;
	width: 13px;
	vertical-align: middle;
}
.news .pnumber.detail li {
	width: 56px;
 *line-height: 15px;
}
.news .main .pnumber li a {
	font-family: Verdana;
	font-size: 13px;
	color: #e9465a;
	text-decoration: none;
}
.news .main .pnumber li a:hover, .news .main .pnumber li.on {
	color: #FFFFFF;
	background-color: #707070;
	height: 13px;
	width: 13px;
}
.news .pnumber.detail li a:hover {
	width: 56px;
}
.news .main .pnumber li.next, .news .main .pnumber li.previous {
	position: relative;
}
.news .main .pnumber li span {
	width: 0px;
	height: 0px;
	border-style: solid;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -4.5px 0 0 -3px;
}
.news .main .pnumber.detail .previous span {
	margin: -4.5px 0 0 -28px;
}
.news .main .pnumber.detail .next span {
	margin: -4.5px 0 0 22px;
}
.news .main .pnumber li.next a span {
	border-width: 4.5px 0 4.5px 7px;
	border-color: transparent transparent transparent #e94659;
}
.news .main .pnumber li.previous a span {
	border-width: 4.5px 7px 4.5px 0;
	border-color: transparent #e94659 transparent transparent;
}
.news .main .pnumber li.next a:hover span {
	border-width: 4.5px 0 4.5px 7px;
	border-color: transparent transparent transparent #fff;
}
.news .main .area .top {
	display: block;
	height: 32px;
}
.news .main .pnumber li.previous a:hover span {
	border-width: 4.5px 7px 4.5px 0;
	border-color: transparent #fff transparent transparent;
}
.news .main .area .top .share {
	position: absolute;
	height: 20px;
	width: 104px;
	top: 4px;
	right: 6px;
	text-align: right;
}
.news .main .area .top .share li {
	display: inline-block;
 *display: inline;
 *zoom:1;
	font-family: Meiryo;
	font-size: 15px;
	color: #363636;
	line-height: 20px;
	height: 20px;
	letter-spacing: 0em;
	margin:0 1px;
}
.news .main .area .top .share .fb {
	background-image: url(../images/news/btn_publish.png);
	background-position: 0px 0px;
	width: 20px;
}
.news .main .area .top .share .gp {
	background-image: url(../images/news/btn_publish.png);
	background-position: -20px 0px;
	width: 20px;
}
.news .main .area .middle {
	background-image: url(../images/news/bg_news.jpg);
	border: 1px solid #FFF;
	margin-left: 26px;
	padding:7px 0;
}
.news .main .area .middle .detail {
	background-image: url(../images/news/bg_news_02.jpg);
	margin: auto;
	width: 766px;
	padding:18px 76px;
}
.news .detail h1 {
	font-size: 26px;
	margin-bottom: 8px;
}
.news .detail h1 span {
	font-size: 19px;
	margin: 4px 0;
}
.news .detail img {
	margin-bottom: 8px;
}
.news .detail p {
	font-family: "新細明體", Meiryo, Verdana, Arial;
	font-size: 13px;
	line-height: 1.5em;
	color: #555555;
	margin-bottom: 8px;
	letter-spacing: 1px;
}
.news .detail p a {
	color: #f26d7d;
}
.news .detail div a {
	color: #f26d7d;
}
.news .detail p a:hover {
	text-decoration: none;
}
.news .detail div a:hover {
	text-decoration: none;
}
.news p a {
	color: #f26d7d;
	text-decoration: none;
}
.intro .main .list, .download .main .list, .link .main .list {
	padding-top:18px;
}
.intro .title, .download .title, .link .title {
	background: url(../images/news/date.png) no-repeat 0px center;
	display: inline-block;
	position: absolute;
	font-family: Meiryo;
	font-size: 25px;
	line-height: 25px;
	color: #f26522;
	padding-left: 22px;
	margin-left:-22px;
	left: 0px;
	overflow: visible;
}
.download .title {
	margin-left:0px;
}
.link .title {
	margin-top:-34px;
}
.intro .main .list li {
	display: block;
	position: relative;
	width: 929px;
	margin-bottom:24px;
	margin-left: -454px;
	left: 50%;
	background-repeat: no-repeat;
	background-position: 0px 28px;
}
.intro .list li.intro_01 {
	background-image: url(../images/intro/intro_01_200819.jpg);
	height: 679px;
}
.intro .list li.intro_02 {
	background-image: url(../images/intro/intro_02.jpg);
	height: 440px;
}
.intro .list li.intro_03 {
	background-image: url(../images/intro/intro_03.jpg);
	height: 369px;
}
.intro .list li.intro_04 {
	background-image: url(../images/intro/intro_04_200819.jpg);
	height: 680px;
}
.intro .list li.intro_05 {
	background-image: url(../images/intro/intro_05.jpg);
	height: 440px;
}
.intro .list li.intro_06 {
	background-image: url(../images/intro/intro_06.jpg);
	height: 793px;
}

.intro .list li.intro_01 .map ,.intro .list li.intro_04 .map{
	position:absolute;
	left: 50%;
	bottom: 40px;
	height: 350px;
	width: 822px;
	margin-left: -411px;
}
.intro .list li .btn_01 {
	background-image: url(../images/intro/btn_intro.png);
	background-position: 0 0;
	margin-top: 120px;
	margin-left: -300px;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 39px;
	width: 113px;
}
.intro .list li .btn_02 {
	background-image: url(../images/intro/btn_intro.png);
	background-position: -113px 0;
	margin-top: 120px;
	margin-left: 220px;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 39px;
	width: 113px;
}
.intro .list li .btn_01:hover {
	background-position: 0 -39px;
}
.intro .list li .btn_02:hover {
	background-position: -113px -39px;
}
.main .btn_top {
	margin-left: -482px;
	position: fixed;
	left: 50%;
	bottom: 60px;
	background-image: url(../images/btn_top.png);
	height: 25px;
	width: 24px;
	z-index: 50;
	background-position: 0px 0px;
}
.main .btn_top:hover {
	background-position: -24px 0px;
}
.download .main .list > li {
	background-image: url(../images/download/bg_list.jpg);
	height: 333px;
	width: 951px;
	position: relative;
	margin-left: -476px;
	margin-bottom: 16px;
	left: 50%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 22px 28px;
}
.download .main .list > li .goods {
	height: 239px;
	width: 824px;
	margin-top: -108px;
	margin-left: -383px;
	position: absolute;
	left: 50%;
	top: 50%;
	overflow: visible;
	white-space: nowrap;
	display: inline;
}
.download .main .list > li .goods li {
	height: auto;
	width: 261px;
	margin-right:10px;
	display: inline-block;
	position:relative;
 *display: inline;
 *zoom:1;
}
.download .goods li h1 {
	font-family: Verdana;
	font-size: 12px;
	color: #a1a1a1;
	line-height: 12px;
}
.download .goods li a {
	text-decoration: none;
	border: none;
}
.download .goods li a h2 {
	height: 31px;
	width: 245px;
	font-family: Meiryo, Verdana, "新細明體", Arial;
	font-size: 19px;
	line-height: 31px;
	color: #FFF;
	background-color: #f26d7d;
	margin:0;
	padding:0 8px;
 *zoom:1;
}
.download .goods li a:hover h2 {
	background-color: #ff9fab;
}
.download .goods li h2 span {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #ffffff;
	display: inline-block;
	margin-left:4px;
 *margin-bottom:10px;
}
.download .list li .previous {
	background-image: url(../images/download/btn_01.png);
	position: absolute;
	height: 47px;
	width: 41px;
	background-position: 0px 0px;
	margin-left: -448px;
	left: 50%;
	top: 50%;
	margin-top: -24px;
}
.download .list li .next {
	background-image: url(../images/download/btn_01.png);
	position: absolute;
	height: 47px;
	width: 41px;
	background-position: -41px 0px;
	margin-left: 430px;
	left: 50%;
	top: 50%;
	margin-top: -24px;
}
.download .list li .previous:hover {
	background-position: 0px -47px;
}
.download .list li .next:hover {
	background-position: -41px -47px;
}
.contact .area {
	position: relative;
	height: 316px;
	width: 950px;
	margin:20px auto;
}
.contact .form {
	background-image: url(../images/contact/contact_01.jpg);
}
.contact .thank {
	background-image: url(../images/contact/contact_02.jpg);
}
.contact .area input, .contact .area textarea {
	border: 1px solid #acacac;
	width:728px;
	height: 24px;
	font-size: 15px;
	left: 50%;
	position: absolute;
	margin-left: -320px;
	vertical-align: middle;
}
.contact .area input:focus {
	border: 1px solid #3d99e8;
}
.contact .area .contact_name {
	top: 39px;
}
.contact .area .contact_mail {
	top: 75px;
}
.contact .area .contact_something {
	top: 111px;
	width: 724px;
	height:110px;
}
.contact .area .btn_01 {
	background-image: url(../images/contact/btn_01.png);
	background-position: 0px 0px;
	position: absolute;
	height: 32px;
	width: 93px;
	margin-top: 95px;
	margin-left: -47px;
	left: 50%;
	top: 50%;
}
.contact .area .btn_01:hover {
	background-position: -93px 0px;
}
.contact .area .btn_02 {
	background-image: url(../images/contact/btn_01.png);
	background-position: 0px 32px;
	position: absolute;
	height: 32px;
	width: 93px;
	margin-top: -18px;
	margin-left: 124px;
	left: 50%;
	top: 50%;
}
.contact .area .btn_02:hover {
	background-position: -93px -32px;
}
.link .list > li {
	background-image: url(../images/news/bg_news.jpg);
	border: 1px solid #FFF;
	display: block;
	position: relative;
	width: 929px;
	margin: 20px 0 46px -454px;
	left: 50%;
	padding: 7px;
}
.link .list > li .con{
	background:url(../images/news/bg_news_02.jpg);
	padding: 18px;
}
.link .con ol{
}
.link .con ol li{
	font-family:  Meiryo, Verdana, "新細明體", Arial;
	font-size: 15px;
	color: #7d7d7d;
	line-height: 26px;
	position: relative;
}
.link .con ol li span{
}
.link .con ol li a{
	color: #3d99e8;
	text-decoration: none;
	margin-left: 12px;
	position: absolute;
	left: 200px;
	top: 0px;
}
.link .con ol li:hover{
	color: #f26d7d;
}
.link .con ol h1{
	font-size: 19px;
	border-bottom: 1px solid;
	margin: 6px 0;
}
.travel .list a{}
.travel .main .list a li {
	position: relative;
	background-image: url(../images/travel/bg_travel.jpg);
	width: 878px;
	height:187px;
	margin-left: -448px;
	left: 50%;
	border: 1px solid #f6f6f6;
	padding: 7px;
	margin-bottom: 10px;
	display: block;
}
.travel .main .list li.intro {
	background:none;
	border:none;
	padding-top: 15px;
	width: 878px;
	position: relative;
	margin-left: -448px;
	left: 50%;
	margin-bottom: 10px;
}
.travel .main .list li p {
	font-family: Meiryo, Verdana, "新細明體", Arial;
	font-size: 17px;
	line-height: 22px;
	color: #f26522;
	letter-spacing: 1px;
}
.travel .main .list a li .btn_01 {
	position: absolute;
	background-image: url(../images/travel/btn_01.png);
	height: 47px;
	width: 44px;
	margin-top: -20px;
	top: 50%;
	right: -40px;
	background-position: 0 0;
	display:block;
}
.travel .main .list a:hover li .btn_01 {
	background-position: 0 -47px;
}