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

body {
    -webkit-text-size-adjust: 100%;
}

#gotop {
    position: fixed;
    right: 20px;
    bottom: 20px;    
  
    font-size: 30px;
    background: #3e4347;
    color: #000;
    cursor: pointer;
	border-radius: 50%;
	filter: Alpha(opacity=1);/*表格透明給IE判讀*/
    -moz-opacity: 1; /*這是給Firefox、Safari判讀*/
    opacity: 1; /*這是給Opera等其他判讀*/
	z-index: 9999;
}

.border_1 {
border:1px solid #005393; /* 框線的設置依序為: 框線寬度(1px) 框線樣式(solid) 框線顏色(#ccc) */
}

.table_1 {
table-layout: fixed;
word-break: break-all;
}

img {
	border: 0px;
	font-weight: normal;
	text-align: left;
}

#bottomNav {
background-image: url(../images/tool_bg.png);
z-index:999;
position:fixed;
top:30; right:0;
width:102; height:271;
background-position: 0% 0%;
fixed: 50% 50%;
_position:absolute; /* for IE6 */
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; 
}


ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.slideshow {
		position: relative;
		height: 348px;
		width: 811px;
		float: left;
		margin: 0 10px;
	}
	.slideshow li {
		position: absolute;
	}
	.slideshow a img{
		display: block;
		padding: 0;
		margin: 0 auto;
		border: none;
	}
	.slideshow li a{
		display: block;
	}
	.slideshowController {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.slideshowController a {
		background: transparent url(../images/arrows.png) no-repeat left top;
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		right: 60px;
		bottom: 0;
		z-index: 9999;
		outline: none;	/* 去除超連結虛線 */
		filter: Alpha(opacity=50);/*表格透明給IE判讀*/
-moz-opacity: 0.6; /*這是給Firefox、Safari判讀*/
opacity: 0.6; /*這是給Opera等其他判讀*/
	}
	.slideshowController .next{
		background-position: -30px 0;
		right: 0;
	}
	.slideshowController .play{
		background-position: -60px 0;
		right: 30px;
	}
	.slideshowController .pause{
		background-position: -90px 0;
	}


.slideshow2 {
		position: relative;
		height: 275px;
		width: 450px;
		float: left;
		margin: 0 10px;
	}
	.slideshow2 li {
		position: absolute;
	}
	.slideshow2 a img{
		display: block;
		padding: 0;
		margin: 0 auto;
		border: none;
	}
	.slideshow2 li a{
		display: block;
	}
	.slideshowController {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.slideshowController a {
		background: transparent url(../images/arrows.png) no-repeat left top;
		display: block;
		width: 60px;
		height: 60px;
		position: absolute;
		right: 120px;
		bottom: 0;
		z-index: 9999;
		outline: none;	/* 去除超連結虛線 */
	}
	.slideshowController .next{
		background-position: -60px 0;
		right: 0;
	}
	.slideshowController .play{
		background-position: -120px 0;
		right: 60px;
	}
	.slideshowController .pause{
		background-position: -180px 0;
	}



.w_01white18
 { 
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_01white18 a:link {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_01white18 a:hover {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:underline; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_01white18 a:visited {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 *//
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}





.w_02red20 { 
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#bc202b; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_02red20 a:link {
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#bc202b; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_02red20 a:hover {
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#bc202b; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:underline; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_02red20 a:visited {
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#bc202b; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}



.w_02red24 { 
font-size:24px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#bc202b; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}




.w_03gray20_center { 
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#454040; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}





.w_03gray18 { 
font-size:22pt; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#454040; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:36px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}
.w_03gray18 a:link { 
font-size:22pt; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#bc202b; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:36px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:underline; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}
.w_03gray18 a:hover { 
font-size:22pt; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#bc202b; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:36px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:underline; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}
.w_03gray18 a:visited { 
font-size:22pt; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#454040; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:36px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}


.w_04gray22 { 
font-size:22px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
font-weight:bold; /* 文字粗體 */
color:#454040; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:24px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_05gray34 { 
font-size:34px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
font-weight:bold; /* 文字粗體 */
color:#454040; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:24px; /* 文字行距 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_05gray30 { 
font-size:28px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
font-weight:bold; /* 文字粗體 */
color:#454040; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:24px; /* 文字行距 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_06gray14 { 
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#454040; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:24px; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_06gray14 a:link{ 
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#454040; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:24px; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}




.w_07white30
 { 
font-size:30px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_07white30 a:link {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_07white30 a:hover {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:underline; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}

.w_07white30 a:visited {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family: Microsoft JhengHei; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 *//
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
line-height:18px; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */
}



.table_1 {
table-layout: fixed;
word-break: break-all;
}


/*CSS green-black style pagination*/

DIV.green-black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.green-black A {
	BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(image1.gif) #2c2c2c; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid; TEXT-DECORATION: none
}
DIV.green-black A:hover {
	BORDER-RIGHT: #3e88d8 1px solid; BORDER-TOP: #3e88d8 1px solid; BACKGROUND: url(image2.gif) #3e88d8; BORDER-LEFT: #3e88d8 1px solid; COLOR: #fff; BORDER-BOTTOM: #3e88d8 1px solid
}
DIV.green-black A:active {
	BORDER-RIGHT: #3e88d8 1px solid; BORDER-TOP: #3e88d8 1px solid; BACKGROUND: url(image2.gif) #3e88d8; BORDER-LEFT: #3e88d8 1px solid; COLOR: #fff; BORDER-BOTTOM: #3e88d8 1px solid
}
DIV.green-black SPAN.current {
	BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(image2.gif) #ffffff; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #2c2c2c; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid
}
DIV.green-black SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #f3f3f3 1px solid;
    PADDING-LEFT: 5px;
    BACKGROUND: url(image1.gif) #2c2c2c;
	PADDING-BOTTOM: 2px;
    BORDER-LEFT: #f3f3f3 1px solid;
    COLOR: #ccc;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #f3f3f3 1px solid;
}



input {
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:微軟正黑體,arial,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#000000; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
background-color:#FFF;
line-height:20px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線
-webkit-appearance: none; /*Chrome*/
-moz-appearance: none; /*FF*/
appearance: none;/*CSS3*/	
	}

select { 
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:微軟正黑體,arial,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#000000; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
background-color:#FFF;
line-height:20px; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線
-webkit-appearance: none; /*Chrome*/
-moz-appearance: none; /*FF*/
appearance: none;/*CSS3*/
}





/*置上 固定位置*/
.top {
width:100%;
position:fixed; /*固定位置定位*/
top:0; /*距離上方 0 像素*/
left:0; /*距離上方 0 像素*/
z-index:1; /*重疊時會在其他元素之上*/    
}


.bottom {
width:100%;
position:fixed; /*固定位置定位*/
bottom:0; /*距離上方 0 像素*/
left:0; /*距離上方 0 像素*/
z-index:1; /*重疊時會在其他元素之上*/    
}

.left {
width:100%;
position:fixed; /*固定位置定位*/
top:0; /*距離上方 0 像素*/
left:0; /*距離上方 0 像素*/
z-index:0; /*重疊時會在其他元素之上*/    
}

.right {
width:100%;
position:fixed; /*固定位置定位*/
top:0; /*距離上方 0 像素*/
right:0; /*距離上方 0 像素*/
z-index:3; /*重疊時會在其他元素之上*/    
}

.iframe-16x9 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.iframe-4x3 {
    position: relative;
    padding-bottom: 75%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.iframe-16x9 iframe, .iframe-4x3 iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video_bg {
    position: absolute;
    top: 0px;
    left: 0px;
	width: 100%;
	height: 100%;
    z-index: 100;
}