@charset "utf-8";
@import "reset.css";
@import "jquery.mCustomScrollbar.css";

body {
	width:100%;
	height:890px; height:850px;
	font-family: "微軟正黑體", "Microsoft JhengHei", Arial !important;
	background:url(../img/naviBg_02.jpg) 0px 1088px repeat;
    /*overflow-y: scroll;*/
    overflow-x: hidden;
	overflow-y: scroll;
/*	
	overflow-x: scroll;
	overflow-y: scroll;*/
	}


/*990之前*/

/*@media all and (max-width: 990px)  {
	body {  
	overflow-x: scroll;
	overflow-y: scroll;
	}

}*/










/*共用設定*/

span.clean {
	clear:both;
	}

dt, dd {
	float:left;
	}

ul li, ol li {
	list-style:none;
	}

	
#out-wrapper {
	width:100%;
	height:100%;
	}



.footerMenu a , h1 , .index_slider li a {
	display:block;
	width:100%;
	height:100%;
	
	}

/*代替a*/

h1 , #hmenu>li>a , .index_slider li a {
	text-indent:-9999px;
	}

/*ra*/


.ra01 {
	-webkit-border-radius: 6px; /* Safari and Chrome */
	-moz-border-radius: 6px; /* Firefox 與 <img> 搭配時無效 */
	border-radius: 6px;  /* IE 6+ with IE-CSS3! YEAH! and Opera */
	}


/*-------menu-wrapper-------*/

h1 {
	position:absolute;
	z-index:99999;
	top:20px;
	left:50%;
	margin-left:-510px;
	width:460px;
	height:96px;
	background:url(../img/index_Logo.png) center no-repeat;
	
	}


/*-------menu-wrapper-------*/

#menu-wrapper {
	position:absolute;
	/*z-index:9999999;*/
	
	z-index:9000000;
	top:136px;
	height:66px;
	width:100%;
	/*border:1px solid #fff;*/
	background:url(../img/index_menuBg_01.png) center no-repeat;
	}


#menu-wrapper .main-menu {
	/*position:relative;*/
	
	margin: 13px auto;
	width: 1000px;
	height:40px;
	}



/*翻轉選單開始*/
#hmenu {
		padding: 0;
		list-style: none;
		height:40px;
	}
	#hmenu li {
		float: left;
		padding: 0px;
		
		/*border:1px solid #F90;*/
		
		
	}
	
	#hmenu li + li {
		background:url(../img/index_headMenuBorder.gif) left no-repeat;
		}
	
	#hmenu>li>a {
		display: block;
		width:102px; /* 圖片的寬 */
		height: 40px; /* 圖片的高/2 */
		line-height: 40px;	/* ie suck */	
	}
	
	/*#hmenu li a+ul {text-indent:0px;}*/
	
	#hmenu a.v1 {
		width:86px; /* 圖片的寬 */
		border:none;
		background:url(../img/index_headMenu_01.png) 0px -40px no-repeat;
	}
	
	#hmenu a.v2 {
		background:url(../img/index_headMenu_02.png) 0px -40px no-repeat ;	
	}
		
	#hmenu a.v3 {
		background:url(../img/index_headMenu_03.png) 0px -40px no-repeat ;	
	}
	
	#hmenu a.v4 {
		background:url(../img/index_headMenu_04.png) 0px -40px no-repeat ;	
	}
	
	#hmenu a.v5 {
		background:url(../img/index_headMenu_05.png) 0px -40px no-repeat ;	
	}
	
	#hmenu a.v6 {
		background:url(../img/index_headMenu_06.png) 0px -40px no-repeat ;	
	}

	#hmenu a.v7 {
		background:url(../img/index_headMenu_07.png) 0px -40px no-repeat ;		
	}

	#hmenu a.v8 {
		background:url(../img/index_headMenu_08.png) 0px -40px no-repeat ;		
	}

	#hmenu a.v9 {
		background:url(../img/index_headMenu_09.png) 0px -40px no-repeat ;		
	}

	#hmenu li + li.vFb {
		margin-left:3px;
		margin-top:3px;
		background:url(../img/btns.png) -28px -28px no-repeat;
		}
		
	#hmenu li + li.vFb:hover {
		background:url(../img/btns.png) -112px -28px no-repeat;
		}
		
	#hmenu li + li.vYoutobe {
		margin-left:16px;
		margin-top:3px;
		background:url(../img/btns.png) -73px -28px no-repeat;
		}

	#hmenu li + li.vYoutobe:hover {
		background:url(../img/btns.png) -157px -28px no-repeat;
		}

	#hmenu a.vFb , #hmenu a.vYoutobe {
		width:35px;
		height:35px;
		border:none!important;		
	}
	





/*翻轉選單結束*/

/*重新寫選單*/


/*submenu*/
.mainMenu div  {
	display:none;/* display:block;*/
	position:absolute;
	top: 41px;
	left: 50%;
	width: 1920px;
	margin-left:-960px;
	height: 85px;
	padding-top: 25px;
		
	
	color:#5527a6;
	font-weight:bold;
	text-align:left;
	
	
	
	background:url(../img/index_subMenuBg_02.png) center bottom no-repeat ;	
	}


.mainMenu:hover div {
	display:block;
	}

.mainMenu div ul {
	display:block;
	/*border:1px solid #FC0;*/
	width:1000px;
	margin:0 auto;
	padding:48px 0 0 0;
	}


.mainMenu div ul li {
	float:left;
	height:37px;
	line-height:37px;
	letter-spacing:2px;
	
	border:none!important;
	background:none!important;
	}

.mainMenu div ul li+li {
	border:none!important;
	background:none!important;
	}

.mainMenu div ul li a {
		color: #e3e3e3;
		display: block;
		margin-right: 20px;
		/*padding-top: 2px;*/
		padding:0 0 0 27px;
		font-size:13px;
		font-weight:normal;
		text-decoration: none;
		
		
		background:url(../img/indexBg_all.png) 0px -37px no-repeat;
	}
	
	
.mainMenu div ul li a:hover {
		color: #ffe87a;
		text-shadow: 1px 1px 0px #414141;
		background:url(../img/indexBg_all.png) 0px 0px no-repeat;
	}



/*-------searchbar-------*/

.search-wrapper {
	position: absolute;
	right: 50%;
	margin-right:-500px;
	top: 69px;
	z-index:9999999;
	height: 28px;
	/*border:1px solid #FC0;*/
	}



div.select {
	float:right;
	}

/*自訂下拉式選單_首頁用*/

/*下拉的外框_首頁用*/
.ui-autocomplete {
	border: 1px solid #d3d3d3;
	}

/*下拉li_首頁用*/
.ui-menu .ui-menu-item {
	color:#727272;	
}

.ui-menu .ui-menu-item:hover {
	background:#d1d1d1;	
	border:1px solid #d3d3d3;
	}

.custom-combobox {
	color:#aeaaa6;
	}


.custom-combobox>input {
	color:#aeaaa6;
	background:#fff url(../img/indexBg_all.png) 80px -158px no-repeat;
	}

/*輸入框_首頁用*/
input.words {
	color:#aeaaa6;
	border: 1px solid #d3d3d3;	
	}

/*searchButton_首頁用*/
input.searchButton {
	background:#fff url(../img/indexBg_all.png) -28px -74px no-repeat;
	}

input.searchButton:hover {
	background:#fff url(../img/indexBg_all.png) -28px -102px no-repeat;
	}



/*其他共用設定在jquery-ui.css*/


/*-------music-wrapper-------*/

.music-wrapper {
	position:relative;
	
	float:right;
	width:60px;
	height:28px;
	margin-left:15px;
	
	background: #fff;
	/*overflow:hidden;*/
	text-align:right;
	}

.music-wrapper p {
	display:block;
	position:absolute;
	right:-40px;
	}

/*-------navigator-------*/
#navi {
	position:absolute;
	top:855px;
	left:0;
	right:0;
	z-index:999999999;
	
	width:100%;
	/*height:60px;*/
	background:url(../img/index_footerBg01.png) repeat-x;
}



/*-------footer-------*/



.footerPage_wrapper {
	width:100%;
	position:relative;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	
}

.footer_wrapper {
	position:relative;
	z-index:5;
	width:990px;
	/*height:72px;*/
	margin:0 auto;
	padding:20px 0 0 0;
	}


.footerMenu {
	width:1000px;

	}

.footerMenu li {
	display:inline-block;
	padding:5px 12px;
	
	
	}

.footerMenu a , .footerMenu li {
	color:#dcdcdd;
	
	}

.footerMenu li+li {
	background:url(../img/btns.png) -206px -2px no-repeat;}

.footerMenu a:hover {
	color:#fff;
	text-decoration:underline;
	}


.copyright {
	padding:10px 0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5; 
	opacity:0.5;

	color:#dcdcdd;
	
	}


/**/

.ui-menu {}



/*-------側邊選單index_slider_scroll-------*/

#index_slider_scroll
{
	top: 230px;
	/*left:-360px;*/
	right:-230px;
	width:230px;
	margin-right:60px;	
	/*position:fixed;*/
	position:absolute;
	z-index:9999;
	
}

/*內容區塊*/
#index_slider_content{
	background:#3c5a98;
	text-align:center;
	padding-top:20px;
	/*width:170px;*/
	height:280px;
	background:none;
	background:url(../img/index_sideBg_02.png) top left no-repeat;
}

/*sBtn*/
.sBtn {
	position:absolute;
	top:0px;
	z-index:1;
	/*right:-24px;*/
	left:5px;
	width:60px;
	height:250px;
	background:url(../img/index_sideBg_03.png) 10px 40px no-repeat;
	/*border:1px solid #F9C;*/
		
}

.sBtn:hover {
	cursor:pointer;
	background:url(../img/index_sideBg_03.png) -35px 40px no-repeat;
	}

/*熊*/
#bear {
	position:absolute;
	top:0px;
	z-index:-1;
	/*right:-24px;*/
	left:-85px;
	width:100px;
	height:265px;
	background:url(../img/index_sideBg_01.png) center no-repeat;
	
		
}



/*選單*/
.index_slider {
	display:none;
	width:135px;
	/*border:1px solid #66C;*/
	margin-left:30px;
	}

.index_slider li {
	width:100%;
	height:43px;
	background:url(../img/index_slider_content.png) no-repeat;	
	}

.index_slider li.b01 {
	background-position:0px 0px;	
	}

.index_slider li.b01:hover {
	background-position:-135px 0px;	
	}

.index_slider li.b02 {
	background-position:0px -43px;	
	}

.index_slider li.b02:hover {
	background-position:-135px -43px;	
	}

.index_slider li.b03 {
	background-position:0px -86px;	
	}

.index_slider li.b03:hover {
	background-position:-135px -86px;	
	}

.index_slider li.b04 {
	background-position:0px -129px;	
	}

.index_slider li.b04:hover {
	background-position:-135px -129px;	
	}

.index_slider li.b05 {
	background-position:0px -172px;	
	}

.index_slider li.b05:hover {
	background-position:-135px -172px;	
	}



/*-------slides-------*/

.slides-navigation a.next , .slides-navigation a.prev {
	width: 80px;
	height: 200px;
	top:50%;
	
	margin-top:60px;
	z-index:99999;
	display: block!important;
	
	text-indent:-9999px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5; 
	opacity:0.5;
	}


.slides-navigation a.prev {	
	left:30px;
	background: url(../img/index_arrow.png) 50px 50px no-repeat;
	
	}

.slides-navigation a.next {
	right:30px;
	background: url(../img/index_arrow.png) -30px 50px no-repeat;	
	}



.slides-navigation a.prev:hover , .slides-navigation a.next:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1; 
	opacity:1;
	}



.slides-pagination {
	position: absolute;
	z-index: 3;
	bottom: 60px;
	text-align: center;
	width: 100%;
	}

.slides-pagination a {
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	background: url(../img/bean.png) 0px -20px no-repeat;
	}


.slides-pagination a.current  {
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	background: url(../img/bean.png) 0px 0px no-repeat;
	}









/*-------content-------*/




/**/