﻿img, div, input{ behavior: url("../../css/iepngfix.htc") } 
#tabL,#tabC,#tabU {position: absolute;}
#tabL {top: 0px;left: 0px;}
#tabC {top: 0px;left: 8px;}
#tabU {
	top: 0px;
	left: 270px;
}
#tabL a:link,#tabL a:visited,
#tabC a:link,#tabC a:visited,
#tabU a:link,#tabU a:visited {color: #ddbaac;text-decoration: none;}
#tabL a:hover,
#tabC a:hover,
#tabU a:hover {color: #ff4e3c;text-decoration: none;}
.clearfix{clear:both;}
div.scrollToTop{
	position: fixed;
	right: 40px;
	bottom: 20px;
	display: none;
	width: 30px;
	padding: 10px;
	z-index:999;
	/* [disabled]opacity: 0.5; */
	text-align: center;
	/* [disabled]-moz-border-radius: 50px; */
	/* [disabled]-webkit-border-radius: 50px; */
	/* [disabled]border-radius: 50px; */
	height: 30px;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../../images/scrollToTop.png);
}

div.scrollToTop a{
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}
body {
	behavior: url("../../css/csshover.htc");
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../../images/background.jpg);
}#hearder-wrap {
	width: auto;
	background-color: #2a0048;
	height: 44px;
}
#hearder-bar {
	width: 1003px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
/*===========[ meteorology Star ]==============*/
.meteorology {
	background-image: url(../../images/meteorology-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 36px;
	width: 180px;
	padding-top: 8px;
	padding-left: 43px;
}
.meteorology p {float: left;}
.mete-text {
	width: 120px;
	padding-left: 4px;
	line-height: 14px;
}
/*===========[ topnav Star ]==============*/
.search-box {
	float: left;
	width: 231px;
	padding-top: 14px;
	padding-left: 10px;
}
.search-box h1 {
	background-image: url(../../images/master_search01.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	float: left;
	padding-top: 2px;
}
.search-box .text {
	float: left;
	height: 15px;
	width: 121px;
	border: 1px solid #c3b8e0;
	background-color: #2A0048;
	color: #FFF;
	font-size: 75%;
}
.search-box .go {
	float: left;
	background-image: url(../../images/search-go1.png);
	background-color: #2A0048;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inline;
	height: 18px;
	width: 38px;
	margin-left: 6px;
}
#topnav {
	position: absolute;
	width: 520px;
	padding-top: 14px;
	top: 0px;
	right: 0px;
	padding-left: 5px;
}
#topnav p  {
	float: left;
	line-height: 18px;
	padding-right: 1px;
	padding-left: 1px;
}
.Language {float: left;margin-top: -3px;}
/*===========[ fsize Star ]==============*/
.fsize {float: left;padding-left: 5px;}
.fsize a.fontsize-a1,
.fsize a.fontsize-a2,
.fsize a.fontsize-a3,
.fsize a.mail-box{float: left;text-indent: -9999px;display: block;margin-right: 4px;}
.fsize a.fontsize-a1,
.fsize a.fontsize-a2,
.fsize a.fontsize-a3{height: 18px;width: 18px;}
.fsize a.mail-box{height: 18px;width: 71px;}
.fsize a.fontsize-a1{background-image: url(../../images/A1.png);}
.fsize a.fontsize-a2{background-image: url(../../images/A2.png);}
.fsize a.fontsize-a3{background-image: url(../../images/A3.png);}
.fsize a.mail-box{background-image: url(../../images/mailbox.png);}
.fsize a.fontsize-a1:hover,
.fsize a.fontsize-a2:hover,
.fsize a.fontsize-a3:hover,
.fsize a.mail-box:hover {background-position: 0px -28px;}
/*===========[ wrapper Star ]==============*/
#wrapper {
	width: 1003px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top-wrap {
	height: 339px;
	width: 1003px;
	position: relative;
}
#top-logo {
	height: 339px;
	width: 223px;
	position: absolute;
	left: 0px;
	top: 0px;
}
/*===========[ menu Star ]==============*/
#menu-wrap {
	width: 723px;
	/* [disabled]float: left; */
	position: relative;
	background-image: url(../../images/menubar-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 280px;
	height: 45px;
}
#navi_group {
	float: left;
	width: 723px;
}
#navi_group li{float: left;}
#navi_group li a {
	font-family: "微軟正黑體";
	color: #FFF;
	font-size: 95%;
	display: block;
	height: 45px;
	text-align: center;
	line-height: 45px;
}
#navi_1{width: 95px;}
#navi_1 a:hover ,.on1{
	background-image: url(../../images/in-navi_1.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
}
#navi_2{width: 90px;}
#navi_2 a:hover ,.on2{
	background-image: url(../../images/in-navi_2.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
}
#navi_3{width: 91px;}
#navi_3 a:hover ,.on3{
	background-image: url(../../images/in-navi_3.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
}
#navi_4{width: 92px;}
#navi_4 a:hover ,.on4{
	background-image: url(../../images/in-navi_4.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
}
#navi_5{width: 118px;}
#navi_5 a:hover ,.on5{
	background-image: url(../../images/in-navi_5.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
}
#navi_6{width: 119px;}
#navi_6 a:hover ,.on6{
	background-image: url(../../images/in-navi_6.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
}
#navi_7{width: 118px;}
#navi_7 a:hover ,.on7{
	background-image: url(../../images/in-navi_7.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
}
#container {
	width: 983px;
	background-image: url(../../images/container-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFF;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}
#left {
	float: left;
	width: 744px;
}
.left-boxa,.left-boxa2,.left-boxa3,.left-boxa4 {float: left;}
.left-boxa2 {border: 1px solid #94b4db;width: 721px;}
.left-boxa3 {
	padding-top: 15px;
	width: 100%;
	padding-bottom: 10px;
}
.left-boxa4 {
	border: 1px solid #e3e3e3;
	width: 721px;
	padding-top: 13px;
	padding-bottom: 13px;
}

/*===========[ login Star ]==============*/
.login,.member {
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 286px;
	width: 203px;
}
.login {background-image: url(../../images/login-bg1.jpg);}
.member {background-image: url(../../images/login-bg2.jpg);}
.login h1 {
	line-height: 44px;
	font-family: "微軟正黑體";
	font-weight: normal;
	color: #FFF;
	padding-left: 13px;
}
.login-groups {
	float: left;
	padding-top: 26px;
	padding-left: 16px;
	padding-bottom: 12px;
}
.login-groups li {margin-bottom: 12px;}
.login-groups li a {
	text-indent: -9999px;
	display: block;
	height: 65px;
	width: 170px;
}
.login-btn1 {
	background-image: url(../../images/login-fb.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.login-btn1:hover {background-position: bottom;}
.login-btn2 {
	background-image: url(../../images/login-google.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.login-btn2:hover {background-position: bottom;}
.change {
	background-image: url(../../images/login-line1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 193px;
	float: left;
	padding-left: 10px;
	padding-top: 15px;
}
.change p {
	background-image: url(../../images/login-icon1.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 14px;
}
.change a {
	font-family: "微軟正黑體";
	font-size: 95%;
	color: #959595;
}
.change a:hover {color: #5f45a9;}
.member h1 {
	font-family: "微軟正黑體";
	padding-top: 16px;
	padding-left: 35px;
	display: block;
	height: 28px;
	color: #FFF;
}
.member a {color: #959595;}
.member a:hover {color: #5f45a9;}
.member-groups li ,.member-groups2 li{
	font-family: "微軟正黑體";
	color: #959595;
}
.member-li01 {
	background-image: url(../../images/login-line1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 32px;
	line-height: 32px;
	padding-top: 6px;
	padding-left: 10px;
}
.member-li02 {
	background-image: url(../../images/login-line1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.member-li03 {
	background-image: url(../../images/login-icon2.jpg);
	background-repeat: no-repeat;
	background-position: 12px 13px;
	height: 32px;
	padding-left: 25px;
	line-height: 32px;
	display: block;
}
.member-li04 {
	background-image: url(../../images/login-icon3.jpg);
	background-repeat: no-repeat;
	background-position: 26px;
	height: 22px;
	padding-left: 36px;
	line-height: 22px;
	display: block;
	_margin-left: -26px;
}
.logout {
	padding-left: 53px;
	padding-top: 5px;
}
.logout a {
	background-image: url(../../images/login-btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
	width: 98px;
	display: block;
	line-height: 28px;
	text-align: center;
	color: #FFF;
	font-family: "微軟正黑體";
	font-size: 85%;
}
/*===========[ news Star ]==============*/
.news-wrap {
	float: left;
	width: 540px;
	background-image: url(../../images/news-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.news-nav {
	background-image: url(../../images/news-navbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 520px;
}
.news-nav li {float: left;}
.news-nav a {
	float: left;
	display: block;
	height: 44px;
	width: 130px;
	text-align: center;
	line-height: 44px;
	font-family: "微軟正黑體";
	color: #959595;
}
.newsbtn a:hover , .newson1 {
	background-image: url(../../images/news-nav1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #5f45a9;
}
.news-list {
	float: left;
	width: 520px;
	padding-top: 11px;
	padding-left: 19px;
	display: block;
	font-family: "微軟正黑體";
}
.news-list li {
	line-height: 40px;
	background-image: url(../../images/news-icon.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
.news-list li q {color: #638fc3;}
.news-list li a {color: #555555;}
.news-list li a:hover {color: #5f45a9;}
.more {
	float: right;
	padding-right: 20px;
	padding-top: 5px;
}
/*===========[ park Star ]==============*/
.park-nav li  {
	float: left;
}
.park-nav a {
	display: block;
	text-indent: -9999px;
	height: 49px;
}
.parknav1 {
	width: 250px;
	background-image: url(../../images/park-btn1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.parknav1:hover,.parkon1{
	background-position: bottom;
	background-image: url(../../images/park-btn1.jpg);
}
.parknav2 {
	width: 220px;
	background-image: url(../../images/park-btn2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.parknav2:hover,.parkon2 {
	background-position: bottom;
	background-image: url(../../images/park-btn2.jpg);
}
.parknav3 {
	width: 250px;
	background-image: url(../../images/park-btn3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.parknav3:hover,.parkon3 {
	background-position: bottom;
	background-image: url(../../images/park-btn3.jpg);
}
.park-box {
	background-image: url(../../images/parkbox.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 100%;
	padding-top: 12px;
}
.parkprev,.parknext {
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	margin-top: 105px;
	text-indent: -9999px;
}
.parkprev {
	background-image: url(../../images/park-btn-left.jpg);
	width: 30px;
	float: left;
	background-position: left top;
}
.parkprev:hover {background-position: bottom;}
.parknext {
	background-image: url(../../images/park-btn-right.jpg);
	width: 30px;
	float: right;
	background-position: right top;
}
.parknext:hover {background-position: bottom;}
.park-picure {
	float: left;
	height: 228px;
	width: 661px;
	overflow: hidden;
}
.park-picure ul {float: left;}
.park-picure li {
	float: left;
	padding-right: 2px;
	padding-left: 2px;
	width: 216px;
}
.park-pic {
	background-image: url(../../images/park-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 175px;
	width: 216px;
	padding-bottom: 10px;
}
.park-pic span {
	float: left;
	height: 175px;
	width: 216px;
	overflow: hidden;
	display: block;
}
.park-text {
	line-height: 43px;
	height: 43px;
	width: 216px;
	float: left;
	text-align: center;
	font-family: "微軟正黑體";
	color: #535353;
}
/*===========[ comment Star ]==============*/
.videobox {
	float: left;
	height: 184px;
	width: 249px;
	padding-right: 4px;
	display: block;
}
.comment {
	float: left;
	width: 220px;
}
.comment h1 {
	background-color: #6a52af;
	background-image: url(../../images/.comment-icon1.jpg);
	width: 166px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	line-height: 29px;
	font-family: "微軟正黑體";
	font-weight: normal;
	color: #FFF;
	padding-left: 50px;
}
.comment h2 {
	line-height: 29px;
	font-family: "微軟正黑體";
	padding: 5px;
	font-weight: bold;
	width: 206px;
}
.comment p {
	font-family: "微軟正黑體";
	color: #555555;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 206px;
	line-height: 120%;
	height: 75px;
	display: block;
}
.commenbtn {
	background-image: url(../../images/.comment-line.gif);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	width: 216px;
}
.commenbtn ul ,.commenbtn li{float: left;color: #555555;}
.commenbtn li {
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "微軟正黑體";
	line-height: 140%;
}
.commenbtn a {
	color: #555555;
	text-align: center;
	display: block;
}
.commenbtn a:hover {color: #5f45a9;}
.commentprev,.commentnext {width: 100px;}
.link {
	float: left;
	background-image: url(../../images/.commentbg1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 250px;
}
.link-box {
	float: left;
	width: 250px;
	height: 150px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: 10px;
}
.link h1 {
	background-color: #6a52af;
	background-image: url(../../images/.comment-icon2.jpg);
	width: 200px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	line-height: 29px;
	font-family: "微軟正黑體";
	font-weight: normal;
	color: #FFF;
	padding-left: 50px;
}
.link ul {
	float: left;
	/* [disabled]padding-top: 10px; */
	padding-left: 20px;
	padding-bottom: 10px;
}

.link li {
	background-image: url(../../images/.comment-icon3.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	font-family: "微軟正黑體";
	line-height: 29px;
	display: block;
	height: 28px;
	width: 195px;
}
.link a {color: #555555;}
.link a:hover {color: #008a78;}
/*===========[ friendlink Star ]==============*/
.friendlink {
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	width: 706px;
}

.friendlink li {
	float: left;
	display: inline;
	margin-right: 11px;
	border: 1px solid #888888;
}
.friendlink li img {float: left;}
.left-boxa4 h1 {
	background-image: url(../../images/friendlink-tit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	width: 635px;
	font-family: "微軟正黑體";
	font-weight: normal;
	color: #FFF;
}
.more2 {
	float: right;
	margin-right: 13px;
	display: inline;
}
/*===========[ right Star ]==============*/
#right {float: left;width: 235px;}
.share {
	background-image: url(../../images/Sharebg.jpg);
	background-repeat: repeat;
	background-position: left top;
	float: left;
	width: 218px;
	height: 44px;
}
.share ul {
	float: left;
	padding-top: 2px;
	padding-left: 23px;
	width: 195px;
}
.share li {
	float: left;
	display: inline;
	margin-right: 14px;
}
.share img {float: left;}
/*===========[ visitor Star ]==============*/
.visitor ,.visitor ul{float: left;width: 235px;}
.visitor {
	padding-bottom: 2px;
	_padding-bottom: 12px;	
}
.visitor h1 {
	float: left;
	width: 173px;
	background-image: url(../../images/visitor-tit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 46px;
	font-family: "微軟正黑體";
	line-height: 40px;
	color: #5f45a9;
	font-weight: normal;
	padding-left: 45px;
}
.visitor li {
	float: left;
	display: inline;
	margin-right: 7px;
	margin-bottom: 10px;
}
.visitor a {
	float: left;
	height: 55px;
	width: 105px;
	text-indent: -9999px;
	display: block;
}
.visitor-btn1,.visitor-btn2,.visitor-btn3,.visitor-btn4,.visitor-btn5,.visitor-btn6 {
	background-repeat: no-repeat;
	background-position: left top;
}
.visitor-btn1 {background-image: url(../../images/visitor-01.jpg);}
.visitor-btn2 {background-image: url(../../images/visitor-02.jpg);}
.visitor-btn3 {background-image: url(../../images/visitor-03.jpg);}
.visitor-btn4 {background-image: url(../../images/visitor-04.jpg);}
.visitor-btn5 {background-image: url(../../images/visitor-05.jpg);}
.visitor-btn6 {background-image: url(../../images/visitor-06.jpg);}
.visitor-btn1:hover,
.visitor-btn2:hover,
.visitor-btn3:hover,
.visitor-btn4:hover,
.visitor-btn5:hover,
.visitor-btn6:hover {
	background-position: left bottom;
}
/*===========[ personal Star ]==============*/
.personal li {float: left;display: block;}
.personal-tit1 ,.personal-tit2 {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 44px;
	width: 180px;
	line-height: 44px;
	padding-left: 38px;
	font-family: "微軟正黑體";
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.personal-tit1 {background-image: url(../../images/personal1.jpg);}
.personal-tit1:hover ,.preon1{
	background-position: left bottom;
	background-repeat: no-repeat;
}
.personal-tit2 {background-image: url(../../images/personal2.jpg);}
.personal-tit2:hover {background-position: left bottom;}
.pre-groups1 ,.pre-groups2{
	float: left;
	width: 218px;
	background-color: #e0e0e0;
}
.pre-groups1 li, .pre-groups2 li {float: left;}
.pre-groups1 a , .pre-groups2 a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	float: left;
	width: 175px;
	font-family: "微軟正黑體";
	line-height: 39px;
	height: 39px;
	color: #555555;
	background-image: url(../../images/personalicon1.jpg);
	background-repeat: no-repeat;
	background-position: 17px;
	padding-left: 43px;
}
.pre-groups1 a {background-image: url(../../images/personalicon1.jpg);}
.pre-groups2 a {background-image: url(../../images/personalicon2.jpg);}
.pre-groups1 a:hover {color: #6d45db;}
.pre-groups2 a:hover {color: #3281c3;}
.if-fb {
	float: left;
	height: 240px;
	width: 218px;
	margin-top: 15px;
	border: 1px solid #aaaaaa;
}
.yushan-app {
	float: left;
	display: block;
	height: 55px;
	width: 218px;
	padding-top: 9px;
}

#chosen-wrap {
	float: left;
	width: 100%;
	padding-top: 20px;
}
#chosen-wrap h1 {
	float: left;
	padding-left: 340px;
	width: 635px;
}
.chosen-nav {
	float: left;
	padding-left: 446px;
	padding-top: 5px;
	width: 535px;
	padding-bottom: 20px;
}
.chosen-nav li {
	float: left;
	margin-right: 5px;
	display: inline;
}
.chosen-nav a {
	text-indent: -9999px;
	display: block;
	height: 15px;
}

.chosen-btn {
	background-image: url(../../images/chosen-btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 15px;
}
.chosen-btn:hover ,.onclick{
	background-image: url(../../images/chosen-btn.jpg);
	background-position: bottom;
}
.chosen-inner {
	float: left;
	width: 100%;
	overflow: hidden;
	height: 186px;
}
.chosen-inner ul {
	float: left;
	margin-bottom: 10px;
}

.chosen-inner li {
	float: left;
	display: inline;
	margin-right: 7px;
	width: 236px;
}
.chosen-box  {
	float: left;
	height: 160px;
	width: 236px;
	overflow: hidden;
	display: block;
}
.chosen-box img {
	float: left;
}


.chosen-inner p {
	float: left;
	width: 236px;
	background-color: #111111;
	font-family: "微軟正黑體";
	color: #555555;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.chosen-inner a p:hover {
	color: #FFF;
}



































































/*===========[ footer Star ]==============*/
#footer {clear: both;width: 1003px;}



.footer-area1 {
	height: 34px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #180029;
	background-color: #593d6d;
	text-align: center;
	display: block;
	line-height: 34px;
}
.footer-area2 {
	height: 117px;
	width: 100%;
	background-color: #180029;
	display: block;
	position: relative;
}
.aplus {
	position: absolute;
	right: 0px;
	padding-right: 20px;
	display: block;
	width: 231px;
	padding-top: 42px;
}
.aplus p  {display: block;float: left;padding-left: 20px;}
.logo-bottom {float: left;}
.summary {
	float: left;
	padding-top: 15px;
	padding-left: 20px;
}
.summary li {
	background-image: url(../../images/footer-icon.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	line-height: 18px;
	letter-spacing: 1px;
}
