@charset "utf-8";
/* CSS Document */
 html, body {
     height: 100%;
 }

body{
	font-family: "微軟正黑體", "Microsoft JhengHei","Helvetica", "Microsoft JhengHei"!important ;
	background:url(../Login_Style/back.png) repeat-x;
	margin: 0;
	padding: 0;
}
 body:before {
     content: "";
     height: 100%;
     float: left;
     width: 0;
     margin-top: -32767px; 
 }
#container {
	width:95%;
	max-width: 1500px;
	min-width: 931px;
	margin: 0 auto;
	min-height: 100%;
     *display: table; /* For IE7 Hack */
     *height: 100%; /* For IE7 Hack */
}
.Page_Style{	
	border-right:1px #FFFFFF solid;
	border-left:1px #FFFFFF solid;
	border-bottom:1px #FFFFFF solid;
	background-color:#ffffff;
	
	/*---陰影來囉---*/
	box-shadow:0px 0px 10px #000; /*-------------------------把陰影的偏移植都歸零-*/
    -moz-box-shadow:0px 0px 10px #000;
    -webkit-box-shadow:0px 0px 10px #000;
	
	overflow: auto;
	min-height: 100%;
     *display: table; /* For IE7 Hack */
     *height: 100%; /* For IE7 Hack */
	 margin-bottom:-67px !important;
	 padding-bottom:56px;
}

.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
*:before, *:after {
    box-sizing: border-box;
}

ul,li {
    list-style-type: none;
	padding:0;
	margin:0;
}

a{
	cursor:pointer;
}
a:link{
	text-decoration:none;
}
input, button, select, textarea {
    font-family: "微軟正黑體", "Microsoft JhengHei","Helvetica", "Microsoft JhengHei"!important ;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0; 
    padding-left: 0; 
}






/*---登入畫面---*/
.Index-Box {
	_height: 100%;
	width: 100%;
	position:absolute;
	margin:0 auto;
	top:40%;
	transform:translateY(-50%);
  	display:inline-block;
  	/*vertical-align:middle;*/
}
.Index-Box2 {
	_height: 100%;
	width: 100%;
	position:relative;
	margin:0 auto;
	/*top:40%;*/
	/*transform:translateY(-50%);*/
  	display:inline-block;
  	/*vertical-align:middle;*/
}
.login_Class{
    width: 50%;
	max-width:400px;
	margin:0 auto;
}
.BackA{
	display:block;
	background-color:#29D2E4;
}
.BackB{
	display:block;
	background-color:#008AA6;
	padding-bottom:10px;
}
.login_LOGO{
	margin:0 auto;
	width:96px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	top:60px;
	position:relative;
	/*left:50%;
	transform:translateX(-50%);*/
}
.login_write{
	margin:0 auto;
	padding-top:80px;
	padding-bottom:20px;
	width:80%;
}
.write_Box{
	background-color:#fff;
	/*height:15px;*/
	padding:5px 0 5px 10px;
	margin:4px 0;
}
.write_Text {
    border-style:None;
    height:30px;
    width:100%;
}
.Login_Bt{
	background:#008AA6;
	color:#fff;
    border:1px solid transparent;
	margin-top:5px;
	padding:11px 0 15px 0;
}
.Login_Bt:hover, .Login_Bt:focus{
	background:#009BBA;
	color:#fff;
    border:1px solid transparent;
}

.tab_class{
	position:relative;
}
.R_tab{
	background: #FBB03B;
    color: #ffffff;
    padding: 20px 0;
    position: absolute;
    right: -30px;
    text-align: center;
    top: 30px;
    width: 30px;
}
.R_tab span {
    display: block;
    font-size: 100%;
	font-weight:bold;
    height: 100%;
    line-height: 100%;
    padding: 1px 0;
}
.R_tab:hover{
	background: #FFC552;
}
.login_footer {
	clear:both;
	background-color:#AAB1B9;
	color:#FFF;
    border: 1px solid transparent;
	margin:10px auto 0 auto;
	padding:12px 0;
}
.login_footer:hover, .login_footer:focus{
	background-color:#999999;
	color:#FFF;
    border: 1px solid transparent;
}
.login-Tips{
	color:#fff;
	font-size:85%;
	margin-top:10px;
	text-align:right;
}
/*---登入畫面---*/





/*---Banner---*/
.Banner{
	background:url(../Login_Style/Login_Banner_RE02.png) repeat-x;
	padding-bottom:20px;
}
#Logo{
	float:left;
	display:inline;
}
.Banner_Right{
	width:480px;
	float:left;
	height:95px;
	background:url(Login_Style/Login_Banner_PIC.png) no-repeat left bottom;
	display:inline;
	position:absolute;
}
/*---Banner---*/

/*---Banner MENU---*/
.Banner_Menu{
	float:right;
	padding-top:14px;
	padding-right:36px;
	position:absolute;
	height:52px;
}
.nav1{
	width:300px;
	position:relative;
	height:32px;
}
.Menu_Line{
	display:inline;
	/*width:19px;*/
	height:32px;
	padding:0 5px;
}
.M_B1,.M_B2,.M_B3,.Menu_Line{
	float:right;
	position:relative;
	display:inline;
}
.M_B1,.M_B2,.M_B3{
	height:26px;
	width:68px;
	cursor:pointer; 
}
.M_B1{
	background:url(../Login_Style/MENU/MENU_bt01.png) no-repeat center;
}
.M_B2{
	background:url(../Login_Style/MENU/MENU_bt02.png) no-repeat center;
}
.M_B3{
	background:url(../Login_Style/MENU/MENU_bt03.png) no-repeat center;
}

.M_B1:hover{
	padding-top:7px;
	background:url(../Login_Style/MENU/MENU_bt01_W.png) no-repeat center;
}
.M_B2:hover{
	padding-top:7px;
	background:url(../Login_Style/MENU/MENU_bt02_W.png) no-repeat center;
}
.M_B3:hover{
	padding-top:7px;
	background:url(../Login_Style/MENU/MENU_bt03_W.png) no-repeat center;
}
/*---Banner MENU---*/




/*-----------頁面-------------*/
#content{
	padding:20px;
}
#Menu{
	width:17%;
	float:left;
}
#Paper{
	width:82.5%;
	float:right;
}


/*---左MENU BAR---*/
.login_Box{
	font-size:10pt;
	border:1px solid #e6e6e6;
	padding:15px;
	margin-bottom:15px;
}

.Menu_Box{
	display:block;
	border:1px solid #e6e6e6;
	padding:9px 8px;
	cursor:pointer; 
	color:#736357;
}
.Menu_Class{
	display:block;
	border-bottom:1px solid #8d9a9b;
	border-right:1px solid #8d9a9b;
	margin-bottom:40px;

}
.Bt_text{
	line-height:140%;
	/*padding:8px 100px 8px 20px;*/
	font-size:110%;
	font-weight:bolder;
	text-decoration:none;
}
.NO_Line{
	border-bottom:0;
}
.Menu_Box:hover{
	background:#29D2E4;
	color:#fff;
}
.LR_Line{
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
}
ul.submenu{
	display:none;
}
ul.submenu{
	font-size:95%;
	line-height:170%;
	padding:5px 0 15px 21px;
	list-style-type:disc;
	color:#333333;
}
ul.submenu li a{
	text-decoration:none;
}
ul.submenu li a:link,ul.submenu li a:visited{
	color:#333333;
}

ul.submenu li a:hover{
	color:#3fb9b7;
}
/*---左MENU BAR---*/

/*---右Paper---*/
.Paper_Title{
	font-size:130%;
	font-weight:bold;
	padding-bottom:20px;
}
.Paper_Title_S{
	font-size:100%;
	font-weight:bold;
	padding:15px 0;
}
.Paper_line-01{
	border-bottom: 1px solid #CCCCCC;
	box-sizing: border-box;
}
.Paper_line-02{
	border-bottom: 1px solid #E6E6E6;
	box-sizing: border-box;
}
/*---右Paper---*/

/*---BT---*/
.go-submit-btn {
    background-color: #00A8EA;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 90%;
	margin-right:8px;
    /*height: 25px;*/
    padding: 4px 10px;
}
.btn-Big{
	font-size: 100%;
}
.go-submit-btn:hover {
	background-color: #00B8FF;
}
.y-bt{/*黃色按鈕*/
	margin-top:10px;
	background-color:#FBB03B !important;
}
.edit-bt{/*編輯按鈕*/
	background-color:#F7931E !important;
}
.add-bt{/*新增按鈕*/
	background-color:#EB834B !important;
}
.delete-bt{/*刪除按鈕*/
	margin-bottom:5px;
	background-color:#B3B3B3 !important;
}
.excel-bt{/*EXCEL按鈕*/
	background-color:#39B54A !important;
}

.bt-BOX{
	margin:10px 0;
}
.bt-BOX-2{
	height:25px;
	padding-top:10px;
}
/*---BT---*/

/*---一格一格的選取按鈕---*/
.choose-Box{
	width:100%;
	display:block;
}
.choose-btn{
	background-color:#cccccc;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 90%;
    /*height: 25px;*/
    margin-bottom: 5px;
    margin-right: 3px;
    padding: 2px 8px;
	position:relative;
	overflow:hidden;
}

/*---一格一格的選取按鈕---*/

/*---彈跳視窗---*/
.jump-Paper{
	background-color:#FFFFFF;
	/*width:100%;*/
	float:left;
	padding:20px;
}
.pure-table-horizontal .NO_Line td{
	border-bottom:0px;
}
.jump-Table td{
	padding:10px;
}
.NO-Top td{
	padding-top:0 !important;
}
.Text-S{
	padding:5px 0;
	font-size:85%;
}
/*---彈跳視窗---*/


/*-----------頁面-------------*/





/* ~~ 頁尾 ~~ */
.footer {
	max-width: 1500px;
	min-width: 931px;
	clear:both;
	background-color:#78838f;
	color:#FFF;
	margin:0 auto;
	text-align:center;
	position: relative;
    /*height: 25px;
	bottom:25px;*/
	margin-top: 18px;
	width:95%;
	box-sizing:inherit;
	border-bottom:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	border-left:1px #FFFFFF solid;
}

.footer_text {
	padding:5px;
	position: relative;
	/*width:100%;*/
	/*margin:0 auto;*/
	text-align:center;
	font-size: 10pt;
}