@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:400px; margin:0 auto;min-height: 100%;}
.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;}
.index_form{width: 300px; margin:0 auto;  position:absolute; z-index:2; top:310px; 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;}

/* 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%; }

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

.div_frame01{ padding:10px; background-color:#f3f8ea; margin:20px auto 10px 5px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:#FFF 1px solid; box-shadow: 1px 1px 10px #646464;}
.table_01{ width:100%; margin:0 auto; border:#9abe79 2px solid; border-collapse:collapse;font-family:"微軟正黑體"; font-size:13px; color:#000;}
.table_01 tr{ background-color:#FFF;}
.table_01  .odd{ background-color:#eff6de;}
.table_01 td{ height:15px; border:#a7a7a7 1px solid; border-collapse: collapse; padding:5px; line-height:25px;}
.table_01 a{ color:#098400; font-size:14px;}
.table_01 a:hover{ color:#FC0;}
.td_01{ width:18%; background-image:url(../images/g_td_bg01.jpg); font-size:13px; color:#2c6500; text-align:right;font-weight:bold;}
.td_02{ background-image:url(../images/td_bg03.jpg); font-family:"微軟正黑體"; color:#fff; font-size:15px;}


.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/g_bt_bg01.jpg); color:#387e02; margin:0 10px; border:#090 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/g_bt_bg02.jpg); color:#FFFFFF;border:#fff 1px solid;}


/*選擇頁*/
.index2_top{ width:730px; margin:0 auto;}
.posterTvGrid{position:relative;height:310px;}
.posterTvGrid img{max-width:none;max-height:none;border:0 none;} <!--background:#888-->
.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;width:100%;height:100%;opacity:0;filter:opacity=0;}<!--background:#000;-->
.posterTvGrid .contentHolderUnit .leftShadow{position:absolute;top:23px;left:-174px;width:174px;height:224px;}<!--background:url(img/leftShadow.png) no-repeat;-->
.posterTvGrid .contentHolderUnit .rightShadow{position:absolute;top:23px;right:-174px;width:174px;height:224px;}<!--background:url(img/leftShadow.png) no-repeat;-->
.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;}