@charset "utf-8";
/* CSS Document */
@import url("reset.css");
html, body { height: 100%; }
.body_bg {margin:0;padding:0;background:#6fc8db url(../images/bg.jpg) center center fixed no-repeat;-moz-background-size: cover;background-size: cover;	}

.wrapper{height:620px; margin:0 auto; min-height:100%; overflow-y:hidden;}
.content{ width:1000px; margin:0 auto;}
.index_content{ position:relative; width:730px; margin:0 auto;}

.flash{ width:730px; height:370px; padding-top:86px; position:absolute; z-index:1;}
.cloud_mask{ position:absolute; z-index:2; top:90px; left:-365px;}
.index_form{width: 300px; margin:0 auto;  position:absolute; z-index:3; top:280px; left:230px;}
.index_form input{width: 280px; height: 30px;border: 1px solid; border-color:#7599bd;border-radius:8px;box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12); padding:5px 5px 5px 30px; color:#999;}
.index_form .user{ background: #fff url(../images/image_user.png)5px 9px no-repeat;}
.index_form .pass{ background: #fff url(../images/image_pass.png)5px 9px no-repeat;}
.index_form .validate{ width: 175px;background: #fff url(../images/image_pass.png)5px 9px no-repeat;}

/* dock2 - bottom */
.dock {	position:absolute; 	height: 50px; 	text-align: center; top:490px; z-index:5;}
#dock2 {width: 100%;}
.dock-container2 {	position: absolute;	height: 50px;	padding-left: 20px;}
a.dock-item2 {display: block; font: bold 12px Arial, Helvetica, sans-serif;width: 40px;color: #000;bottom: 0px;position:absolute;	text-align:center;text-decoration: none;}

.dock-item2 span {	display: none;	padding-left: 20px;}
.dock-item2 img {	border: none;	margin: 5px 10px 0px ; 	width: 100%; }

a.dock-item3 {display: block; font: bold 12px Arial, Helvetica, sans-serif;width: 150px;color: #000;bottom: 0px;position:absolute;	text-align:center;text-decoration: none;}

.dock-item3 span {	display: none;	padding-left: 20px;}
.dock-item3 img {	border: none;	margin: 5px 10px 0px ; 	width: 200%;}
/**/
.news {	position:absolute; 	height: 50px; 	text-align: center; top:550px; z-index:5;}
.news2 {height: 50px; 	text-align: center; top:550px; z-index:5;}

/*選擇頁*/
.index2_top{ width:730px; margin:0 auto;}
.posterTvGrid{position:relative;height:310px;}
.posterTvGrid img{max-width:none;max-height:none;border:0 none;}  
.posterTvGrid .contentHolder{position:relative;overflow:hidden;}
.posterTvGrid .contentHolderUnit{cursor:pointer;position:absolute;width:640px;height:270px;}
.posterTvGrid .contentHolderUnit a.elementLink{display:block;overflow:hidden;z-index:3;position:absolute;left:0;right:0;width:100%;height:100%;}
.posterTvGrid .contentHolderUnit img{width:100%;height:100%;}
.posterTvGrid .contentHolderUnit .elementTitle{}
.posterTvGrid .contentHolderUnit .elementOverlay{z-index:1;position:absolute;top:0;left:0;background:#ccf1f7;width:100%;height:100%;opacity:0;filter:0;}
.posterTvGrid .contentHolderUnit .leftShadow{position:absolute;top:23px;left:-174px;width:174px;height:224px;}
.posterTvGrid .contentHolderUnit .rightShadow{position:absolute;top:23px;right:-174px;width:174px;height:224px;}
.posterTvGrid .bannerControls{}
.posterTvGrid .leftNav,.posterTvGrid .rightNav{cursor:pointer;z-index:10;position:absolute;top:50%;width:45px;height:45px;margin-top:-43px;}
.posterTvGrid .leftNav{left:7px;background:url("img/1.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slide_prev_btn.png");}
.posterTvGrid .rightNav{right:7px;background:url("img/2.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slide_next_btn.png");}
.posterTvGrid .leftNav:hover{}
.posterTvGrid .rightNav:hover{}
.posterTvGrid .bottomNav{z-index:140;position:absolute;width:100%;height:10px;margin-top:270px;padding:10px 0 0;text-align:center;}
.posterTvGrid .bottomNavButtonOFF{cursor:pointer;overflow:hidden;display:inline-block;*display:inline;*zoom:1;width:12px;height:12px;margin:0 5px;vertical-align:top;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#c3c3c3;}
.posterTvGrid .bottomNavButtonOFF:hover{background:#aaa;}
.posterTvGrid .bottomNavButtonON,
.posterTvGrid .bottomNavButtonON:hover{background:#0044c0;}
.posterTvGrid .bottomNavLeft{}
.posterTvGrid .bottomNavRight{}



.footer{height:60px; background-image:url(../images/footer_01.jpg);position: relative; margin-top:-60px;clear:both;}
.footer table{ float:right; margin-right:30px;}
.footer p{ font-family:"微軟正黑體"; font-size:12px; line-height:18px; color:#FFF; letter-spacing:0.1em;}
.footer span{ color:#FF0;}

/************************表格樣式****************************/
.table_01{ width:100%; margin:0 auto; border:#f8a5a5 2px solid; border-collapse:collapse;font-family:"微軟正黑體"; font-size:13px; color:#000;}
.table_01 tr{ background-color:#FFF;}
.table_01  .odd{ background-color:#ffd6d6;}
.table_01 td{ height:25px; border:#a7a7a7 1px solid; border-collapse: collapse; padding:5px; line-height:25px;}
.table_01 a{ color:#a00000; font-size:14px;}
.table_01 a:hover{ color:#ffc000;}

.table_02{ width:100%; margin:0 auto; border:#FFFFFF 2px solid; border-collapse:collapse;font-family:"微軟正黑體"; font-size:15px; color:#000;}
.table_02 tr{ background-color:#CCFFCC;}
.table_02 td{ height:25px; border:#FFFFFF 1px solid; border-collapse: collapse; padding:5px; line-height:25px;}

.pixeltable {border:2px dotted #669999;}
/*表格title使用(左邊欄為標題)畫右邊框線*/
.font_td {font-size: 13px; height:15px; color:#000000; padding:1px; text-decoration: none;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#C6C6C6',endColorstr='#EDEDED');border: #808080; border-left-width: 1px;border-right-style: dotted; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px}

.td_01{ width:18%; background-image:url(../images/r_td_bg01.jpg); font-size:13px; color:#9c0000; text-align:right;font-weight:bold;}
.td_02{ background-image:url(../images/td_bg03.jpg); font-family:"微軟正黑體"; color:#fff; font-size:15px;}
.td_03{ background-color:#006600; font-family:"微軟正黑體"; color:#FFFFFF; font-size:15px;}
.td_04{ width:25%; background-image:url(../images/o_td_bg01.jpg); font-size:13px; color:#9c0000; text-align:right;font-weight:bold;}

/***********************************************************/

.span_bt01 a{ text-align:center; font-family:"微軟正黑體"; font-size:14px; background-image:url(../images/o_bt_bg01.jpg); color:#8b3800; margin:0 10px; border:#e3a051 1px solid;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; box-shadow: 1px 1px 8px #000000;}
.span_bt01 a:hover{ background-image:url(../images/o_bt_bg02.jpg); color:#FFFFFF;border:#fff 1px solid;}

.div_bt01{ width:200px; height:40px; margin:0 auto;}
.div_bt01 a{ display:block; width:60px; text-align:center; padding:5px 5px;font-family:"微軟正黑體"; font-size:14px; text-decoration:none; float:left; background-image:url(../images/r_bt_bg01.jpg); color:#a41717; margin:0 10px; border:#e96b6b 1px solid;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; box-shadow: 1px 1px 8px #000000;}
.div_bt01 a:hover{ background-image:url(../images/r_bt_bg02.jpg); color:#FFFFFF;border:#fff 1px solid;}

.div_bt02{ width:200px; height:40px; margin:0 auto;}
.div_bt02 a{ display:block; width:60px; text-align:center; padding:5px 5px;font-family:"微軟正黑體"; font-size:14px; text-decoration:none; float:left; background-image:url(../images/o_bt_bg01.jpg); color:#8b3800; margin:0 10px; border:#e3a051 1px solid;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; box-shadow: 1px 1px 8px #000000;}
.div_bt02 a:hover{ background-image:url(../images/o_bt_bg02.jpg); color:#FFFFFF;border:#fff 1px solid;}


.text01{ height:30px; line-height:30px; text-align:right; font-family:"微軟正黑體"; font-size:13px; color:#000; letter-spacing:0.2em; background-image:url(../images/r_titlebg01.jpg); margin:2px 0;}
.text01 img{ margin-right:10px;}
.text01 a{ font-weight:bold; padding:0 5px;}
.text01 a:hover{ color:#FC0;}
.text02{ position:relative; height:30px; line-height:30px; text-align:center; font-family:"微軟正黑體"; font-size:13px; color:#000; letter-spacing:0.2em; background-image:url(../images/r_titlebg01.jpg); margin:2px 0;}
.text02 a{ color:#ff0000;}
.text02 a:hover{ color:#64bfff;}