@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0; }

body{
SCROLLBAR-ARROW-COLOR: #d8d8d8;
SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #6c486c;
SCROLLBAR-SHADOW-COLOR: #d8d8d8;
SCROLLBAR-TRACK-COLOR: #d8d8d8;
SCROLLBAR-3DLIGHT-COLOR: #b4b4b4;
}

input[type="button"] {padding: 0px 3px;}
input[type="submit"] {padding: 0px 3px;}
input[type="text"] {padding: 0px 5px;}
textarea {padding: 0px 5px;}

input.login_text{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#fff url(../images/sprite.png) repeat-x left bottom;
border: 1px solid #337fbb;padding: 7px 7px; width: 200px;}

input #id:focus, input #pswd:focus{ background: white; outline: none;}

#main{ width:1440px; margin:0 auto; background:url(../images/contbg.gif); font:16px "Helvetica Neue",Helvetica,Arial,"Heiti TC","微軟正黑體","Microsoft Sans Serif",Helvetica,Geneva,sans-serif; color:#fff}
#header{ position:relative; background:url(../images/header.gif) no-repeat; height:159px;}
#header h1{ position:absolute; top:95px; left:70px;}

/* member style*/
#memberbar{ position:relative; top:25px; left:1060px; text-height:30px; width:300px; background:#000; border: solid 1px #99FFFF; padding:10px}
#memberbar span{ margin-right:10px;}
#memberbar a{ text-decoration:none; color:#66FFFF;}
#memberbar a:hover{ text-decoration: underline}

/* menu styles */
.jsddm { position:absolute; top:75px; left:450px; width:940px; background:url(../img/menu_line.jpg) repeat-x 0 36px; z-index:9999}
.jsddm li{ float: left; list-style: none; margin:3px 0;}
.jsddm li a{ display: block; padding:6px 2px; width:100px; text-decoration: none; text-align:center; color:#fff; white-space: nowrap}
.jsddm li a:hover, .jsddm li a:active{ background:url(../images/menu.png) no-repeat; color:#1A75BB; }
.jsddm li a:active{ background:url(../images/menu.png) no-repeat; color:#1A75BB; }
.jsddm li ul{ background:url(../images/submenu-bottom.png) 0px bottom;  width:160px; margin: 0; padding: 0; position: absolute; z-index:3; visibility: hidden;}
.jsddm li ul li{ float: none; display: inline;}
.jsddm li ul li a{ width: auto;	color: #58595B; margin-bottom:6px; padding-left:10px; text-align:left;}
.jsddm li ul li a:hover { background: #00A0E9; color:#fff;}
.line{ border-bottom:1px solid #fff}

/*content*/
#container{ position:relative;}
.member_box{ position:absolute; width:300px; top:217px; left:137px;}
a.member_but, a.member_but:hover{ background:url(../images/but_userlogin.png) no-repeat; width:182px; height:73px; display:block; margin:0 auto; text-indent:-9999px; margin-top:10px;}
a.member_but:hover{ background-position:0 -74px }
.login_frame { position:relative; background:url(../images/login_img.png) no-repeat; width:920px; height:642px; top:30px; left:456px; z-index:2}
.login_img{ position:absolute; width:906px; height:600px; top:36px; left:458px; z-index:1}

.img_box{ position:relative; background:url(../images/img_box.png) no-repeat; width:1013px; height:649px; top:22px; left:370px; z-index:0}
.img_box form{ margin:12px; margin-top:20px; padding:12px 6px; background:#58595b; border:solid 1px #333; width:967px;}
.img_box select{ width:200px;}
.img_box img{ position: absolute; position:absolute; margin-left: 13px; border:solid 1px #6C6E70; z-index:1}

ul.from{ overflow: hidden;}
ul.from li{ float:left; list-style-type:none; padding-right:20px;}
ul.from p{ margin:8px 0px}
ul.from li.left{ float:left; }
ul.from li.right{ float:right; }

/*表格清單*/
.table_box{ padding:12px 12px 0px 12px; background:url(../images/) no-repeat; width:980px; margin-left:0px;}
.table_box h3{ color:#666;}
/*
.table_box table{ width:100%; border-bottom:solid 1px #999; background:#FFF;}
.table_box th{ background:url(../images/select_bg.png); height:28px; font-size:14px; border-left:solid 1px #0099FF}
.table_box td{ border-top:solid 1px #969696; border-left: solid 1px #969696; height:36px; text-align:center; color:#666; font-size:13px;}
*/
.table_box table{ width:100%; border-top: solid 1px #969696; border-left:solid 1px #969696;  background:#FFF;}
.table_box th{ background:url(../images/select_bg.png); height:28px; font-size:14px; border-left:solid 1px #0099FF}
.table_box td{ border-bottom: solid 1px #969696; border-right:solid 1px #969696; height:36px; text-align:center; color:#666; font-size:13px;}

.table_box button{ padding:0 2px; margin:0 2px; height:26px; overflow:visible; cursor:pointer}
.table_box button span{ display:block; white-space:normal}
.table_box button span img{ margin:0 3px -3px 0;}

.search_box{ margin-bottom:5px; padding:12px 6px; background:#58595b; border:solid 1px #333; width:967px;}

.function_bar{ margin:5px 0; font-size:13px; color:#999;}
.function_bar .newlist{ float:right}

.straight_form th{ background:url(../images/select_bg2.png) bottom; font-size:14px; border-bottom:solid 1px #0099FF ;  border-right:solid 1px #0099FF }
.straight_form td{ text-align:left; padding-left:10px;} /* 2014-06-20 修改 padding-left:20px; */

/*內頁左邊選單*/
div.tabscontainer{ position: absolute; top:22px;  left:77px; background:url(../images/tabs_box.png) no-repeat right; width:292px;	height:652px;}
ul.menu{ list-style: none; width: 34px; height: 84px; cursor: pointer; float:left; margin-top:25px; z-index: 2; }
ul.menu li a{background: url(../images/tabs_but.png) no-repeat; width:10px; height:44px; padding: 20px 12px; display:block; color: #fff; text-align:left; text-decoration:none;}
ul.menu li a span{ writing-mode: tb-rl;  -webkit-transform: rotate(-180deg); -moz-transform: rotate(90deg); }
ul.menu li a.red{ background-position:0 0;}
ul.menu li a.red:hover{ background-position: -33px 0;}
ul.menu li a.blue{ background-position:0 -84px;}
ul.menu li a.blue:hover{ background-position:-33px -84px;}
ul.menu li a.red_open{ background-position: -33px 0;}
ul.menu li a.blue_open{ background-position:-33px -84px;}

#content{ margin:20px 0 0 45px; width:230px; overflow:auto; height:600px;}
#content li { background:#5b666a; border:solid 1px #333; list-style-type:none; padding:2px 5px; margin:2px 0; font-size:13px;}
#content li p{ margin-top:10px;}
#content li a{ background:url(../images/but.png) no-repeat; width:47px; height:21px; display:block; text-align:center; text-decoration:none; color:#fff; float:right; margin:0 3px; padding-top:3px;}
#content li.status{ background:#f20000 url(../images/status.png) bottom}


/*表單上選單*/
ul.tab{ list-style: none; position: absolute; padding:14px 0 0 250px; z-index:1000;}
ul.tab li{ float:left; cursor:pointer; }
ul.tab li a{ background:url(../images/tabs_but3.png) 0 0 no-repeat; width:124px; height:23px; margin-right:5px; display:block; color: #fff; text-align: center; padding-top:10px; text-decoration:none;}
/*ul.tab li a span{ writing-mode: tb-rl;  -webkit-transform: rotate(-180deg); -moz-transform: rotate(90deg); }*/
ul.tab li a.blue{ background-position:0 0px;}
ul.tab li a.blue:hover{ background-position:0 -33px;}
ul.tab li a.blue_open{ background-position:0 -33px;}


#tab_content{ position:relative; left:230px; top:40px; background:url(../images/img_box.png) ; width:1013px;}
#tab_footer{ background:url(../images/tab_footer.png) bottom no-repeat; margin-left:230px; margin-top:40px; height:20px; width:1013px;}

.center{ padding:5px 0; text-align:center}

.PagerCss table{ width:50%; margin:5px auto; border:0px}
.PagerCss table td{ border:0px; width:10px; color:#0090d7; font-weight:bold}
.PagerCss table td a{ border:solid 1px #969696; padding:5px 10px; color:#0090d7; text-decoration:none; font-weight:normal}
.PagerCss table td a:hover{ background:#0090d7; border: solid 1px #0090d7; color:#fff; font-weight:bold}

#footer{ position:relative; background:url(../images/footer.png) no-repeat; height:117px; z-index:1000;pointer-events: none;}

/* 2012/04/20 add by Rayson */
.cpop{ z-index:5; background-color:#FFFFFF;}
.cpop div{ width:150px; text-align:center; font-size: 13px; color:#000000;}
.cpop ul{ margin : 0; padding : 0;}
.cpop ul li{
    margin : 0; padding : 0;   	
	/* 每個清單項目寬 150 像素 */
	width:150px;	    
	/* 指定背景色 */
	background-color:#0095DD;	    
	/* 右邊留白1像素 */
	margin-right:1px;	    
	/* 文字居中對齊 */
	text-align:center;	    	    
	/* 去除清單項目之前的小圓點 */
	list-style-type:none;	    
	/* 讓各個清單元素靠左對齊 */
	/*float:left;*/	    
	/* 設定邊框底部的樣式 */
	border-bottom:#CCCCCC solid 2px;
} 
.cpop ul li a {
	/* 充滿整個區塊 */
	display:block; 
	/* 擴大區域內部空間 */
	padding:3px;
	font-size: 13px;
}
.cpop ul li a:link {
	color:#FFFFFF;
	text-decoration:none;
}
.cpop ul li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.cpop ul li a:hover {
	/* 文字為白色 */
	color:#FFFFFF;
	/* 文字沒有裝飾（底線） */
	text-decoration:none;
	/* 背景色 */
	background-color:#004F8D;
}
.cpop ul li a:active { color:#FFFFFF; text-decoration:none;}

/* rayson add */
.addbtn { float:right }

.noborder { border: solid 0px; padding-left: 0px;}
.noborder td { border: solid 0px; text-align: left; padding-left: 0px;}

.gv_mini { margin-top:10px; margin-bottom:10px; margin-left:10px; }
.gv_mini th { text-align: center; padding-left: 0px; color:White; }
.gv_mini td { text-align: center; padding-left: 0px; }

/*
.gv_mini { border: solid 0px; padding-left: 0px;}
.gv_mini th { border: solid 1px #666; text-align: center; padding-left: 0px; border-bottom: 0px;}
.gv_mini td { border: solid 1px #666; text-align: center; padding-left: 0px; border-bottom: 0px;}
*/

.pname { text-align: left; }

.grptbl { border: solid 1px #969696; padding-left: 0px; color:black; border-spacing: 0px; }
.grptbl td { border: solid 0px; text-align: center; padding-left: 0px; color:black; }