@charset "utf-8";
/*PC版不開放響應式*/
body {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif,"微軟正黑體";color: #333;font-size: 16px;line-height: 1.6em;}
div#topcontrol{z-index:1000;}
.leftclose{
    position:absolute;
    width:270px;
    margin-top:0px;
    z-index:0;
    overflow-x:hidden;
    padding-top: -40px;
    left:-270px;}

/*width=300 in PushMenu.js*/
.rightclose{
	position: absolute;
	top:50px;
    right:0;
	background-color:#183B50;
    z-index:1029;
    overflow-x:hidden;
    display:none;}

.disabledLink{
    pointer-events:none;
    cursor:default;}

#MainDiv{padding-top:80px;}
/*版頭*/
.Htitle00{
    position: absolute;
    top: 5px;  
    left:calc((100% - 232px) / 2);    
    font-size: 1.5em;
    font-family: "微軟正黑體";
    color: #fff;
    font-weight: bold;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    align-items: center;}
.Htitle01{
    position: absolute;
    top: 5px;
    width: 100%;  
    font-size: 1.5em;
    font-family: "微軟正黑體";
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 35px;}
    
.navigation {
    background:#3d888e;height:50px;  position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;}
.navigation a {
    display: inline-block;
    line-height: 49px;
    padding: 0 15px;
    z-index: 2000;
    position: relative;}

.navigation a:link, .navigation a:visited {
	color: #fff;
	text-decoration: none;}

.navigation a:hover {background: #163E41;}

.navigation a:last-child {border: none;}    

div.gohome a .glyphicon-home{margin-right: 0px;font-size: 1.3em;}
.icon_right{float:right}
.icon_right div{float:left;}
div.search_icon a .glyphicon-search {
    margin-right: 0px;
    font-size: 1.3em;}
.navigation a.btn_barcode {text-align: center;line-height: 24px;font-size: 12px;padding:0 5px;}
.btn_barcode span.glyphicon.glyphicon-barcode {display:inline;}
.btn_barcode span.glyphicon.glyphicon-barcode:before {
    font-size: 30px;
    overflow: hidden;
    height: 25px;
    display: block;
    line-height: 48px;}

/*次版頭*/
#menu_L2{top:0px;left:60px;display:inline-block;color:#fff;font-size:13px; font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;z-index:1000;visibility:show;}
#menu_L3{position:relative;left:-95px;display:inline-block;color:#fff;font-size:13px; font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;z-index:999;visibility: hidden;}
@media (min-width:497px){
  #menu_L3{left:-96px;}
  .glyphicon-chevron-up:before{left:-1px;position:relative;}
}
.navigation .glyphicon-home, .glyphicon-chevron-down, .glyphicon-chevron-up{
    line-height: 18px;
    z-index:1500;
    width:20px;
    height:45px;
    vertical-align: top;
    text-align: center;
    line-height: 40px;}
.glyphicon-chevron-up:before {
    content: "\e113";
    display:inline-block;
    width:23px;
    text-align: center;        
    position: relative;}
.glyphicon-chevron-down:before, .glyphicon-chevron-up:before {
    position: relative;
    top: 15px;}
.gohome .glyphicon-home{line-height: 48px;}
.navigation a:nth-child(3):not(#barcode):hover{background-color:rgba(0,0,0,0);}
ul.sub_m{margin:0 auto;padding:0px auto; list-style:none;background-color:#e1d1ff;display:block;width:100%;line-height:30px;height:40px;left:0;white-space:nowrap;overflow-x:auto;} 
ul.sub_m li{width:120px;line-height:30px;margin:5px 1px;color:#904099;text-align:center;font-weight:bold;font-size:16px;display: inline-block;}
ul.sub_m li a{text-decoration:none;color:#904099;}
ul.sub_m li a:hover{ background-color:#904099;color:#fff;width:120px;line-height:30px;display:block; border-radius:5px;}
ul.sub_m li a.stay{  background-color:#904099;color:#fff;width:120px;line-height:30px;display:block; border-radius:5px;}
#dmenu{visibility: hidden;position:absolute;top:50px;z-index: 1000;}
#dmenu_help{visibility:show;position:fixed;top:50px;left:0;right:0;z-index:999;}
#dmenu_02{visibility:show;position:absolute;top:50px;left:0;right:0;z-index:999;}
ul.sub_m2{margin:0;list-style:none;background-color:#e1d1ff;display:block;width:100%;line-height:30px;height:40px;white-space:nowrap;overflow:hidden; padding-left:0;} 
ul.sub_m2 li{text-align:center;line-height:40px;color:#904099;font-weight:bold;font-size:16px;}
ul.sub_m3{margin:0 auto;padding:0px auto; list-style:none;background-color:#e1d1ff;display:block;width:100%;line-height:30px;height:40px;left:0;white-space:nowrap;overflow-x:auto;} 
ul.sub_m3 li{width:120px;line-height:30px;margin:5px 1px;color:#904099;text-align:center;font-weight:bold;font-size:16px;display: inline-block;}
ul.sub_m3 li a{text-decoration:none;color:#904099;}
ul.sub_m3 li a:hover{ background-color:#904099;color:#fff;width:120px;line-height:30px;display:block; border-radius:5px;}
ul.sub_m3 li a.stay{  background-color:#904099;color:#fff;width:120px;line-height:30px;display:block; border-radius:5px;}
ul.sub_m3 li.stay a{  background-color:#904099;color:#fff;width:120px;line-height:30px;display:block; border-radius:5px;}
.glyphicon-chevron-up{left:0px;height: 45px;}

@media only screen and (min-width:320px) and (max-width: 480px) {
.Htitle00{
    font-size: 1.2em; 
    left:calc((100vw - 154px) / 2);
    line-height:35px;}
.Htitle00 img{width:0;height:0;}    
.Htitle01{
    position: absolute;
    top: 5px;
    width: 100%;
    font-size: 1.2em;  
    line-height:35px;}   
.Htitle01 img{width:0;height:0;}   
  
}

@media (max-width:496px){
  .glyphicon-chevron-up{left:40px;} 
}
/*主漢堡內容*/
#hambur_L{width:100%;background-color: #11575c;}
#hambur_L ul{margin:0;padding:0; list-style:none;width:100%;font-size:16px;font-weight:bold;}
#hambur_L ul.Ly01 li.Ly0101{
	background-image: linear-gradient( to bottom,#a5f2e2 0px,#fff 45px);
    border-top: 1px solid #5eb2a1;
    color: #076e76;
	display:block;
	line-height:40px;
	text-indent:8px;}
#hambur_L ul.Ly01 li a,#hambur_L ul.Ly01 li.id{
	background-image: linear-gradient( to bottom,#a5f2e2,#fff);
    border-top: 1px solid #5eb2a1;
    color: #076e76;
	display:block;
	padding: 10px 15px;
	line-height:20px;}
#hambur_L ul.Ly01 li ul.d-menu li a{
	background-image:none;
	background-color: #11575c;
    color: #fff;
	text-indent:30px;}  	
#hambur_L ul.Ly01 li > a:hover ,#hambur_L ul.Ly01 li ul.d-menu li a:hover{
	background-image:linear-gradient( to top,#ff7200,#ffae00);
	color: #fff;
	text-decoration:none;}  
#hambur_L ul.Ly01 li.id a{background-image:none;border:0px;display:inline-block;}
.lgout{float:right;position: absolute;top:10px;right:15px;}
.hambur_L.glyphicon-calendar{vertical-align:top;margin-left:3px;margin-right:3px; color:#3764A8}

/*Login*/
.navigation.glyphicon-user{font-size:1.3em;top:5px;}
.glyphicon-home,.glyphicon-info-sign,.glyphicon-calendar,.glyphicon-globe,.glyphicon-book,.glyphicon-comment,.glyphicon-list-alt,.glyphicon-dashboard,.glyphicon-paperclip, .glyphicon-question-sign{margin-right:8px;font-size:1.5em;vertical-align: text-bottom}
.glyphicon-envelope{font-size:1.5em;vertical-align:text-bottom}
.container{width:100%;padding:0;}
.main {position: relative;overflow: hidden;width: 100%;}
.row{margin:10px 0px 0;}
.content{padding:10px 0;min-height: 600px;vertical-align:top}

/*版權*/
footer {
    width: 100%;
	left: 0;
	bottom: 0;
	right: 0;
	padding:5px 0;
	background-color: #3d888e;
	font-size:13px;
	color:#fff;
	line-height:22px;
	overflow: hidden;
	z-index:999;}
.cp{text-align:center}	
.panel {
	padding-right:0px;
	min-height: 100%;
	margin-bottom: 0px;
    background-color: #fff;
    border-right: 1px solid #183b50;
    border-radius: 0px;
	-webkit-transition: margin 0.4s ease-out;
	-moz-transition: margin 0.4s ease-out;
	-o-transition: margin 0.4s ease-out;
	transition: margin 0.4s ease-out;}

/*頁籤可滑動提示箭頭*/
.frbr2 .A_left  {position: absolute;float:left;bottom:10px;font-size:1.5em;color:rgba(32,124,202,0.2)}
.frbr2 .A_right{position: absolute;float:right;bottom:10px;right:0px;font-size:1.5em;color:rgba(32,124,202,0.2)}
.tab62 .A_left  {position: absolute;float:left;bottom:10px;left:0px;font-size:1.5em;color:rgba(32,124,202,0.2)}
.tab62 .A_right{position: absolute;float:right;bottom:10px;right:0px;font-size:1.5em;color:rgba(32,124,202,0.2)}

/*詳目按鈕*/
.disp62_btn button{margin:0 7px;background: linear-gradient(to bottom, #c095db 0%,#8f5abb 50%,#724693 51%,#8f5abb 100%);border-top:1px solid #d8a6e4;border-left:1px solid #d8a6e4;border-right:1px solid #774593;border-bottom:1px solid #774593;color:#fff;border-radius:5px;padding:5px 6px;font-size:15px;font-weight:bold;}
.disp62_btn button a{color:#fff;}
.disp62_btn button a:hover{color:#fff;text-decoration:none;}
td.fd3 img, td.fd5 img{margin:0 0 2px;}

/*PAGESELECT*/
.pg a.pg_n {
    background-image: linear-gradient( to top,#ccc,#f0f0f0);
    color: #3a7c82;
    border-radius: 5px;
    border-right: 2px solid #737373;
    border-bottom: 2px solid #737373;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    padding: 4px 11px;
    min-width: 50px;
    margin: 3px 2px}
.pg a.pg_n:hover ,.pg a.pg_n:active{
    border-right: 2px solid #d8d8d8;
    border-bottom: 2px solid #d8d8d8;
    border-top: 1px solid #737373;
    border-left: 1px solid #737373;
    color: #3a7c82;}
.pg a.pg_n.stay{
    background-image: linear-gradient( to top,#3d888e,#42949B);
    border-top: 2px solid #327074;
    border-left: 2px solid #327074;
    border-right: 1px solid #5ED1DA;
    border-bottom: 1px solid #5ED1DA;
    color:#fff;} 

/*查無結果*/
.noresult_bg {background:url(../img/noresult_bg.jpg) top left repeat;width:100%;height:650px;background-size: 100% auto;margin:0px auto -10px;padding-top:100px;}
.msg02{background:url(../img/msg02_bg.png) center top no-repeat;width:200px;height:282px;padding-top: 120px;padding-left: 30px;padding-right: 30px;font-size:16px;font-weight:bold;color:red;text-align:center;word-break:break-all;margin:0 auto}
.noresult_bg02 {background:url(../img/noresult_bg02.jpg) top center no-repeat;width:100%;height:413px;margin:0px auto -10px;padding-top:80px;text-align:center;vertical-align:top}
.msg03{width:150px;height:100px;padding-top:40px;padding-left:0px;padding-right:15px;font-size:18px;line-height:22px;font-weight:bold;color:#fff;text-align:center;word-break:break-all;margin:100px auto;}

@media (max-width:320px) {
.noresult_bg {background:url(../img/noresult_bg.jpg) top left repeat;width:100%;height:600px;background-size:100% auto;margin:0px auto -10px;padding-top:70px;}
.msg02{background:url(../img/msg02_bg.png) center top no-repeat;width:200px;height:282px;padding-top: 120px;padding-left: 30px;padding-right: 30px;font-size:16px;font-weight:bold;color:red;text-align:center;word-break:break-all;margin:0 auto;}
.noresult_bg02 {background:url(../img/noresult_bg02.jpg) top center no-repeat;width:100%;height:413px;background-size: 100% auto;margin:0px auto -10px;padding-top:;text-align:center;vertical-align:top}
.msg03{width:25%;padding-top:0;padding-left:10px;padding-right:15px;font-size:16px;line-height:24px;font-weight:bold;color:#fff;text-align:center;word-break:break-all;margin:5% auto;}
    }
@media only screen and (min-width:321px) and (max-width: 480px) { 
.noresult_bg02 {background:url(../img/noresult_bg02.jpg) top center no-repeat;width:100%;height:413px;margin:0px auto -10px;padding-top:10%;text-align:center;vertical-align:top}
.msg03{width:150px;padding-top:5%;padding-left:0px;padding-right:15px;font-size:18px;line-height:80px;font-weight:bold;color:#fff;text-align:center;word-break:break-all;margin:120px auto;}
}

/*簡目序號樣式設定*/
.sumtab tr:nth-child(1) td:first-child{background:linear-gradient(to bottom, #6fbcd3 18%,#6fbcd3 65%,#3d9cc1 75%,#69acc9 80%,#81c6db 88%,#6aa8c2 93%,#4783b1 100%);padding-bottom:5px;border-radius:6px 6px 0 0;color:#fff;font-weight:bold;text-align:center}

div#hideSearch {
    width: 21px;
    height: 25px;
    display: inline-block;
}

/*使用說明*/
#hambur_L ul.Ly01 li#user a{
	border-bottom: 1px solid #5eb2a1;
	color: #c54628;
background: #f2b4a6; /* Old browsers */
background: -moz-linear-gradient(top,  #f2b4a6 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f2b4a6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2b4a6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b4a6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
#hambur_L ul.Ly01 li#user > a:hover {
    background-image: linear-gradient( to top,#ff7200,#ffae00);
    color: #fff;
    text-decoration: none;
}

table.info62_i tr td span.red {color:red}
table.sumtab tr td span.red {color:red}

.botpg {
   display:none
}