@media print {
    div#main {
        position: relative !important;
    }
}
@media screen {
    table input[type="radio"] {
        position: relative;
        cursor: pointer;
        margin: 2px 4px;
    }

    input[type="checkbox"]:not(.switchbox):not(.switch) {
        position: relative;
        cursor: pointer;
        margin: 2px 3px 2px 4px;
    }
  input[type=checkbox ][disabled=disabled]:not(.switchbox):not(.switch):before {
      background-color: lightgray;
      border-color: lightgray;
  }
  input[type=checkbox]:not(.switchbox):not(.switch):before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: calc(50% - 8px);
    border: 2px solid #878787;
    border-radius: 3px;
    background-color: white;
  }
  input[type=checkbox]:not(.switchbox):not(.switch):checked:before {
    background-color: #3c78ff;
    border-color: #3c78ff;
  }
    input[type=checkbox]:not(.switchbox):not(.switch):checked:after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2.5px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 1.5px;
        left: calc(50% - 8px + 5px);
    }
}
#user-menu-list {
    overflow-y: auto;
    max-height: calc(100vh - 80px);
}
a:hover, a:focus { text-decoration: none !important; }

.ui-grid .row th { color:#555555; }/*not sortable*/
body
{
    margin: 0;
    background-color: #FAFAFA;
    font-family: 微軟正黑體;
    /*max-width: 1024px;
    margin: 0 auto;*/
    border: solid 1px #F6F6F6;
    box-shadow: 0 0 12px 1px lightgray;
    /*min-width:690px; min-height:600px;*/
}
#pagecontainer
{
    margin: 0 auto;
    width: 976px;
    background-color: White;
}
.banner
{
}
.banner .header
{
    height:65px;
    /*height:105px;*/
    background-image:url('img/banner1.png'); background-repeat:no-repeat;
}
.menu
{
    background-image:url('img/banner2.png'); background-repeat:no-repeat;
    background-color:#F7F6F3;
    
	padding: 4px 0 0 0;
	text-align: right; 
	
	border-bottom: 1px solid lightgray;
	border-radius:0 0 12px 0;
}
.menu .items
{
    padding: 0 14px;
}
.menu a
	{ 
	font-size: 14px;
	
    /*
    font-size: 15px;
    */
    background: #dff3fb url('img/menuitembg.png') repeat-x 0 0;

    display: inline-table;
    /*float: left;*/
    min-width: 40px;
    height: 29px;
    border-top: #e6e6e6 1px solid;
    border-right: #e6e6e6 1px solid;
    padding: 0 5px;
    margin: 0; margin-left:-3px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: center;
    line-height: 29px;
    text-decoration: none;
    color: #1a5ecd;
	    }
.menu a:link, .menu a:visited, a.iref:link, a.iref:visited
	{ text-decoration:none; }
.menu a:hover, a.iref:hover, .contactus #salesinfo a:hover
	{ color: #FF9933; }
.menu .sep
{ padding: 0 6px 0 6px; color: #D0D0D0; display:none; }
/*menu easy*/
.menueasy
{
    float:right; font-size:small; margin:8px 8px 0 0;
}
.menueasy a { color: #99FFCC; }
.menueasy .sep
{
    color: #FFE1B5; font-size: 7px; padding:0 2px 0 2px;
}
.menueasy a:link, .menueasy a:visited
	{ text-decoration:none; }
.menueasy a:hover
	{ color: white; }
.body
{
     /*overflow:auto;*/ background-color:White;
}
.body .left
{
    float:left; width:25%;
    background-image:url('img/menu_01_bg.png'); background-repeat:no-repeat;
}
.menu_01
{
    background-image:url('img/menu_01.png'); background-repeat:no-repeat;
    min-height:265px; position:relative;
    margin-left:32px;
    font-size: 1em;
    font-weight: bold;
    color: #FF7E00;
    text-align: left;
    line-height: 32px;
    padding-top: 21px;
    padding-left: 20px;
}
.menu_01 a
{
    color: #FF9933;
}
.menu_01 a:link, .menu_01 a:visited
	{ text-decoration:none; }
.menu_01 a:hover
	{ color: #0066CC; }
.menu_01 a
{
    white-space:pre; margin-top:30px;
}
.menu_01 .m_1
{
    margin-left:62px; 
}
.menu_01 .m_2
{
    margin-left:38px;
}
.menu_01 .m_3
{
    margin-left:26px; 
}
.menu_01 .m_4
{
    margin-left:25px; 
}
.menu_01 .m_5
{
    margin-left:32px; 
}
.menu_01 .m_6
{
    margin-left:42px; 
}
.menu_01 .m_7
{
    margin-left:62px; 
}
.body .center
{
    float:left; width:75%;
}
.readmore
{
    margin:4px 2px; padding:5px; border:solid 1px #F0F0F0; border-radius:8px;
}
.readmore .picleft
{
    margin-right:6px;
}
.readmore .picright
{
    margin-left:6px;
}
.readmore .contentpic
{
    text-align:center;
}
.readmore .title
{
    color: rgb(157, 189, 39);/*darkgoldenrod;*/
    font-size: 20px;
    display: inline-block;
    margin: 0;
    padding: 0 12px;
    border-radius: 16px;
}
.readmore .content
{
    margin-top: 2px;
    padding:0 5px;
    font-size:14px;
}
.readmore .go
{
    /*clear:both;*/ padding-left:4px;
}
.readmore .float
{
    text-align:right; margin-right:6px;
}
.readmore .go .txt, .readmore .go .map
{
    font-size: small;
    color: #996633;
}
.readmore .go .txt:link, .readmore .go .txt:visited, .readmore .go .map:link
	{ text-decoration:none; }
.readmore .go .txt:hover, .readmore .go .map:hover
{
    color: #0066FF;
}
.body .left .inforbox
{
    margin-left:8px; padding-bottom:4px;
}
.body .rightbox {
    background-color: white;
    padding:1px 0 0 1px;
}
.body .sct .rightbox { padding:0; }
.body .right
{
    display:none; 
}
.footer
{
    clear:both;
}
.download
{
    width:100%; border-bottom:solid 1px #F6F6F6;
}
/*notice*/
#advbar
{
    background-image:url('img/bar_notice.png'); background-repeat:no-repeat; background-position:left top;
		color:#666666;
		margin-top: 16px; margin-right:8px;
		padding:0 8px 0 12px;
}
    #advbar .title
    {
        font-size: 1.4em;
        background: none;
        margin-left: 30px;
        margin-bottom: 0;
        padding-top: 15px; padding-bottom:4px;
        color: #CC6600;
        font-family: 標楷體;
    }
	#advbar .box
	{
		margin-bottom: 8px;
		border-bottom:dotted 1px #E0E0E0;
		padding:2px 0 0 0;
	}
	#advbar ul
	{
		margin:0 0 0 20px;
	}
/*contact us*/
.contactus
{
    width:200px;
    background-color: #FFFAE6;
            margin-top: 15px;
            margin-left:5px;
            border-radius:4px;
}
.contactus #title
{
    background-image:url('img/contactus.PNG'); background-repeat:no-repeat; background-position:center;
    height:32px;
}
.contactus #salesinfo
{
    font-size: small;
    padding: 8px 0 8px 15px;
}

/*portal*/
.main { width:100%; }
.body .tdl
{
    width:246px;
    background-color:#F6F6F6; /*border-right:solid 1px white;*/
}
#sidebar .menubar { border-right:solid 1px rgba(255,255,255,0.2); }
.body .tdr {}
.closed .main .tdl {
    display: none;
}
.portalheader { background-color:Gray;padding: 0px 4px; min-height:56px;background-repeat:no-repeat; }
.portalheader .todo_bar .txt{
  color: white;
}
.portalheader .todo_bar {
  margin-bottom: -2px;
}
.href {
    cursor: pointer;
}
#sidebar .href
{
    font-size:15px; text-decoration:none; /*margin:0 2px;*/
}
.leftbar .href:hover { color:brown; }

.rightbar .navbox:hover, .rightbar .navbox.selected:hover
{
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
    background-image: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.22) 100%);
}
.rightbox .hbox.block
{
    background-color: rgba(0,80,250,0.3);
    background-image: -webkit-linear-gradient(top, rgba(0,80,250,0.16) 0%,rgba(0,80,250,0.25) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,80,250,0.16) 0%,rgba(0,80,250,0.25) 100%);
 }
.rightbar .hbox.navbox:hover, .leftbar .navbox:hover
{
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.32) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.32) 100%);
}
.rightbar .numberbox:hover { background-image:none; }
.leftbar .boxitem.selected
{
    padding-top:6px; padding-bottom:6px;
    background-color:whitesmoke;
    background-image: inherit;
}
.username
{
    color:wheat; vertical-align:top;
}

.leftbar .boxitem.selected .m.ref { color: #46C; }
#sidebar .boxitem.navbox table { width:100%; }
.leftbar .m.ref
{ display:block; }
.rightbar .boxitem.selected
{
    background-image: -webkit-linear-gradient(top, rgba(250,60,0,0.1) 0%,rgba(250,50,0,0.5) 100%);
    background-image: -ms-linear-gradient(top, rgba(250,60,0,0.1) 0%,rgba(250,50,0,0.5) 100%);
}
.leftbar .box.navbox:hover
{
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.16) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.16) 100%);
}
.leftbar .box.navbox .ref:hover, .leftbar .boxitem.navbox .ref:hover
{
    color:gold;
}
.leftbar .boxitem.navbox.selected .ref:hover { color:#46C; }
.rightbar .href:hover { color: brown; }

.leftbarbody .boxitem a { color:White; font-size:16px;}
.leftbarbody .boxitem .tipbox .ob,.leftbarbody .boxitem .tipbox a
{color:lightgreen;font-size:0.916em;}
.leftbarbody .boxitem .tipbox a.ref, .leftbarbody .boxitem .tipbox a.href
{ color: lightcyan; }
.leftbarbody .boxitem .tipbox a.href { margin: 0 4px; }
.leftbarbody .boxitem.selected .tipbox a.ref, .leftbarbody .boxitem.selected .tipbox a.href
{ color:lightcoral; }
.leftbarbody .boxitem .tipbox a.ref:hover,.leftbarbody .boxitem .tipbox a.href:hover,
.leftbarbody .boxitem.selected .tipbox a.ref:hover,.leftbarbody .boxitem.selected .tipbox a.href:hover
{ color:gold; }
.leftbarbody .textbox { margin-left:40px; }
.leftbarbody .boxitem .rb a { color: rgb(51, 122, 183) !important; }
#sidebar .boxgroup
{
    border-bottom:none; margin-bottom:1px;
}
.rightbox .attachment
{
    margin-top: 2px;
    display: inline-block;
    padding: 4px 8px 0px 4px;
}
.rightbox .attachment .b1 {
  border-bottom: solid 1px rgba(0,0,0,0.12);
  margin-bottom: 6px;
}
.rightbox .attachment .b1 a
{
  padding: 0 15px 1px 12px;
  border-radius: 8px 30px 6px 0px;
  background-color: rgba(0,0,0,0.36);
  color: white;
  font-size: 16px;
}
.rightbox .attachment .attachfiles
{
    vertical-align: top;
    display: inline-block;
    min-width:450px;
}
.rightbox .attachment .docrefs
{
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;margin-top: 12px;
}
.rightbox .attachment .fbar {
  margin-top: 4px;
  margin-left: 22px;
}
.rightbox .attachment .fbar a {
  margin: 0px 8px 0 0;
}
.dsui
{
    overflow: auto;
}
.portal .ui-grid #ui-table, .portal .ui-grid .ui-table { border:none; }
.portal td {white-space:normal; }
.portal .ui-grid td {padding: 1px 4px; vertical-align:top; }
.portal td.rb {
  vertical-align: middle; padding-left:4px;
}
.advbox .boxitem { text-align:center; }
.ui-grid { display:block; } 

.sharedbolist .navbox {
    background-color: transparent;
}
.leftbarbody .sharedbolist .boxitem a
{
    color: Navy;
}
.sharedbolist td
{
    border-left: solid 12px gray;
    padding-left: 4px;
}

.freetextsearch { margin: 8px 20px; }
.freetextsearch .sfile { margin-left:6px; }
.freetextsearch .sdt { font-size:small; color:Gray; margin-bottom:10px; border-bottom: solid 1px rgba(0,0,0,0.12); padding: 0 8px 4px; }
.freetextsearch .sdt a { margin-left:8px;}
.sfile { margin-bottom:8px; }
.sfile.noinfo { margin-bottom:4px; }
.sfile .exticon { margin-right:8px;  margin-top:5px; }
.sfile .source { margin-right:6px; }
.preview .exticon { max-height:100px; margin-left: 16px; }
.sfile .creator  
{
    font-size:small;
    padding-right: 4px;
    margin-left: 4px;
}
.sfile .creator.self {
  border: solid 1px rgba(0,0,0,0.2);
  background-color: rgba(0,0,0,0.02);
  border-radius: 3px;
  display: inline-block;
  padding: 0 4px 1px;
}
.sfile .creator a { text-decoration:none; }
.sfile .creator a:hover { text-decoration:underline !important; }
.sfile a.href {
    text-decoration: none;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
}
.sfile .tags a.href
{
    margin-left:-6px;
}
.sfile .tags { margin-left: 16px;}
.sfile .url { display:none; }
.sfile .ver { margin-left: 6px; color: darkcyan;}
.sfile .info
{
    font-size:small; line-height:1.4;
}
.sfile .info .dt a { color:Gray; }
.sfile .info .ut {
    margin:0 12px;
    color: gray; font-size:small; font-weight:lighter;
}
.sfile .filesize { font-size:small; margin-left:6px; }
.sfile .tip
{
    color:#337AB7;margin-left: 22px;
}
.ftstool
{
    float:left; margin-left:4px; margin-top:6px;
}
.ftstool .srchbox
{
    border: solid 2px rgba(0,0,0,0.06);
    padding: 0 2px;
    border-left-width: 8px;
    font-size: 15px;color:White;
    border-radius: 12px 0 0 2px;
}

.searchsqlids { /*background-color:rgba(0,0,0,0.032);*/ padding:8px 20px; 
  border-bottom: solid 1px rgba(0,0,0,0.04); }
.searchsqlids td { padding-left:8px !important; font-size:14px}

.leftbarbody .imenu .boxitem {
  background-color: lightsteelblue;
}
.leftbarbody .imenu .boxitem.selected {
  background-color: whitesmoke;
}
div#fsadvbox {
  position: absolute;
  padding: 12px 18px;
  background-color: lightsalmon;
  margin-top: 10px;
}
.pagemenubar a:not(.btn) {
    color: #337ab7 !important;
}
.pagemenubar .ref, .pagemenubar a.href:not(.btn), .pagemenubar .hlb
{
    color:white; text-decoration:none; margin:0 4px; /*, .pagemenubar .imenu*/
}

.pagemenubar .imenu:hover {
  text-decoration: underline !important;
}
.rightbar .pagemenubar .navbox:hover
{
    background-image: none;
}
.pagemenubar { font-size:14px; margin-top: 15px; margin-right: 16px;}
.pagemenubar .navbar-nav > li > a {
  padding-left: 5px !important;
  padding-right: 10px !important;
}
.pagemenubar .imenu .nav {
  margin-top: -15px;
}
.pagemenubar.right { text-align:right;height:22px; }
.pagemenubar .boxitem img, .pagemenubar .boxitem .tipbox { display:none; }
.pagemenubar .boxitem {
    display: inline-block;
    background-color: transparent;
    margin: 0; margin-left:4px;
    border: none;
    padding:0;
    box-shadow: none;
}
.pagemenubar .items a {
  color: white !important;
}

.albumpage {  }
.albumpage .pagetitle {
    border-bottom: solid 1px rgba(0,0,0,0.12);
    background-color: rgba(0,0,0,0.03);
    padding: 4px 8px;
    /* font-weight: 700; */
    font-size: medium;
    text-align: center;
    background: linear-gradient(to bottom, rgba(0,0,00,0.01) 10%,rgba(0,0,0,0.06) 90%);
}
.albums.allgroups {
    background-color: rgba(0,0,0,0.08);
    padding: 4px 4px 2px;
}

.dsquery .date { background-color: rgba(0,0,0,0.05); }
.lastpage {
    position: absolute;
    left: calc(50% - 18px);
    font-size: small;
    z-index: 20; padding:0 66px 0 0;background-color: rgba(0,0,0,0.03);
    background-repeat: no-repeat;
    text-align: center;
    background-image: url('/pic/prev.png');
    color: transparent;
    opacity: 0.6;
}
.lastpage:hover 
{
    color: transparent;
    opacity: 0.8;
}
.nextpage {
    padding: 28px 0 2px;
    display: inline-block;
    position: absolute;
    left: calc(50% - 20px); width:74px;
    background-color: rgba(0,0,0,0.06);
}
.lastpagefloat, .nextpagefloat {
    position: fixed;
    bottom: 30px;
    display: inline-block;
    padding: 8px 15px;
    background-color: rgba(0,0,120,0.06);
    font-weight: 700;z-index: 9999;    font-size: 20px;
    color: #888;
    font-family: monospace;
}
.lastpagefloat { left: 0; }
.nextpagefloat { right: 0; }
.portal.iframe .lastpagefloat, .portal.iframe .nextpagefloat { bottom:80% }
.pptinfo.left {
    position: absolute;
    right: calc(50% + 36px);
    font-size: 24px;
    color:#6495ED;
    padding: 8px 0;
}
.pptinfo.right {
    position: absolute;
    left: calc(50% + 60px);
    color: #666;
    padding: 28px 0 0;
    font-size: 16px;
}
.hightlightbox 
{
    border: solid 2px orangered;
    border-radius: 2px;
}
.btn.showleftbar
{
    position: absolute;
    left: 110px;
    background-color: transparent;
    color:#666;
}
table.obox .lt { width:100% }
.datakeys {
    padding: 2px;
    background-color: #f0f0f0;
    border-bottom: solid 1px rgba(0,0,0,0.12);
    min-height:22px;font-size: small;
}
.usedftv {
    color: #795548;
}
.usedftv.parm {
    color: inherit;
}
.datalist.usedftv {
    color: unset;/*datalist input object issue*/
}
.btn-group > a.href.btn.selected {
    background-color: darksalmon;
    color: white;
    border-bottom: solid 1px darksalmon;
}
.btn-group.color > a.href.btn {
    position: relative;
    float: left;
    border-color: rgba(250,20,0,0.12);
    border-bottom: solid 4px rgba(250,20,0,0.35);
    border-radius: 6px 16px 0 0!important;
    background-color: rgba(250,20,0,0.03);
    margin-right: 0px;
}
.btn-group.color > a.href.btn.selected {
    border-bottom: solid 4px darkseagreen;
    background-color: rgba(250,20,0,0.03);
    color: inherit;
}
/*drag&drop, click&applyvalue*/
.dragable:hover {
    cursor: grab;
}
.input1 {text-align:center!important; border-bottom:solid 1px rgba(0,0,0,0.2)!important;}
.input1:focus {
    background-color: coral;
    color: white;
}
.portal .workflow {
    display: inline-block;
}
.portal .workflow .wffun { border-radius: 4px 0 0 4px; }
.portal .workflow .wffunreturn { border-radius: 0 4px 4px 0; }
.portal .ui-paging {
    display: block;
    background-color: rgba(0,0,0,0.05);
    border: solid 1px rgba(0,0,0,0.06)!important;
    margin: 0 0 -1px !important;
    padding: 6px;
    /*font-size:small;*/
    border-radius: 4px 4px 0 0;
}
.portal .ui-paging .gopage, .portal .ui-paging .now
{
    margin-left:-1px;
}
.portal .ui-paging > span:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 4px;
}
.portal .ui-paging > span:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.portal .ui-paging .gopage:hover {
    background-color: rgba(0,0,0,0.032);
}
.portal .ui-paging .now
{
    background-color: #337ab7;
    border: none;
    z-index: 2;
}
.portal .ui-paging span {
    display: inline-block;
}
.portal .ui-paging a { padding: 0 4px; min-width: 24px;
    display: inline-block;
    text-align: center;}
.portal .ui-paging .now a { color:White; }
/*fileset control*/
#display-list { width:128px; }
.fileset-box, .docbody-box {
    margin-top: 5px;
}
.btn-image {
    width: auto !important;
    height: auto !important;
    border-width: 1px !important;
    margin-left: -1px;
    padding: 8px 6px!important;
}
.gridview-header {
    background-color: #777 !important;
}
.gridview-header a {
    color: white;
}
.attachs {
    display: inline-block;margin-left:10px;
}
div#contentheader .goshow, div#contentheader .gohide, .gosetting {
    right:8px;top:4px;position: absolute;opacity: 0.125;z-index:9999
}
div#contentheader .goshow:hover, .gosetting:hover {
    opacity: 1!important;
}
div#contentheader .gohide {
    opacity: 0;
}
.sendemail td {
    padding: 0px 4px;
}
.iframe div#contentheader .goshow, .iframe div#contentheader .gohide { display:none; }
.gosetting 
{
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 46px;
}
.gosetting.master { right:66px; }
.jsc { padding-bottom:0; }
/*table style*/
.table-bordered input.tbx, .table-bordered textarea.mtbx, .table-bordered select.eformc {
    border: none !important;
    width: 100%;
    line-height: inherit;
    margin: 0;
    padding: 0;
    box-shadow: none;
    height: unset;
}
.table .datalist {
    border: none;
}
.table-bordered th { background-color: #f5f5f5; }
.table-bordered .pradio {
    display: inline-block;
    padding: 4px 4px;
    width: 100%;
}
.table-bordered input[type="date"],
.table-bordered input[type="time"],
.table-bordered input[type="datetime-local"],
.table-bordered input[type="month"] {
	/*padding:4px 4px;*/
}
/*leftbar*/
.mdlbx div#main {
    margin-left: 245px;
}
.mdlbx div#sidebar {
    width: 245px;
}
.smlbx div#main {
    margin-left: 165px;
}
.smlbx div#sidebar {
    width: 165px;
}
.lglbx div#main {
    margin-left: 400px;
}
.lglbx div#sidebar {
    width: 400px;
}
.smlbx div#sidebar .sidebar-title {
    margin: 6px 4px 8px;
}
.contentonly .sidebar-title {
    margin: 8px 10px;
    padding: 8px 4px;
}
.contentonly .defaultsavebox {
    padding: 8px;
}
.iframe .contentonly .defaultsavebox {
    padding: 7px 8px;
    border-bottom: solid 2px;
}
.progress {
    margin-bottom: 0!important;
}
.dropdown .dropdown-menu > li > a { padding:1px 20px; }
/*alert(title, msg);*/
#__alertContainer {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000;
    border-radius: 3px;
}
#__alertBox {
    position: relative;
    width: 300px;
    min-height: 100px;
    margin-top: 52px;
    box-shadow: 0 0 6px gray;
    background-color: #ffffff;
}
#__alertContainer > #__alertBox {
    position: fixed;
    border-radius: 3px;
}
#__alertBox h1 {
    margin: 0;
    font-size: 1.12em;
    background-color: #3073BB;
    color: #ffffff;
    padding: 4px 4px;
}
#__alertBox p {
    padding: 10px 15px;
}
#__alertBox #__alertCloseBtn {
    display: block;
    position: relative;
    margin: 5px auto;
    padding: 7px;
    border: 0 none;
    width: 70px;
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background-color: #7ab2e3;
    border-radius: 3px;
    text-decoration: none;
}
/*popup*/
.popup {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 100001;
    border-radius: 3px;
}


.popup .contentbox.maxspace {
    width: 100%;
    max-width: unset;
    margin: 0 !important;
    padding: 0px !important;
    z-index: 9999;
    border: solid 8px rgba(0, 0, 0, 0.125);
        border-radius: 15px 0 0 0;
}
.popup .contentbox.maxspace .portaliframe {
    min-height: calc(100vh - 50px) !important;
}
.popup .contentbox.maxspace .body {
    max-height: calc(100vh - 50px);
}
.popup .contentbox {
    position: relative;
    box-shadow: 0 0 6px gray;
    background-color: #ffffff;
    margin: 50px auto 10px;
    max-width: 1200px;
}
.popup .contentbox .title {
    margin: 0;
    background-color: #5e5e5e;
    color: #ffffff;
    padding: 4px 4px 0 8px;
}
.popup .contentbox .body {
        overflow: unset !important;
    max-height: calc(100vh - 100px); /*popup iframe 102 > 100*/
}
.popup .title .close {
    color: white;
    font-size: 14px;
    padding: 0 2px;
}
.popup .portaliframe {
    height: calc(100vh - 107px);
}
.btn-group > .btn.popiframe {
    margin-right: -1px;
    margin-left: -1px;
}
.btn-group > .btn.popiframe:first-child {
    margin-left: 0;
}
.btn-group > .btn.popiframe:last-child {
    margin-right: 0;
}
.sendtime input {
    border: none;
    border-bottom: solid 1px rgba(0,0,0,0.2);
}

.bytime label {
    margin-right: 12px;
    margin-left: 4px;
}

#apicontent {
    position: fixed;
    bottom: 30px;
    margin: 1px;
    right: 0;
    z-index: 10000;
    padding: 10px;
    background-color: #eaeaea;
    border-radius: 4px;
}

#apicontent .hbar {
    margin: -10px -10px -6px;
    padding: 2px 6px 2px 10px;
    background-color: rgba(0,0,0,0.05);
}
#bodybackimage {
    opacity: 0.12;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-size: cover;
    z-index: -1;
}
#ficonbar .navbar-brand {
    background-position: unset !important;
}
/*ps note*/
.psicon .glyphicon-hand-right {
    margin-right: 4px;
}
.psnote h1, .psnote h2, .psnote h3 {
    margin-top: 16px !important;
    margin-bottom: 8px !important;
    font-weight: 600;
    line-height: 1.12;
}
.psnote h4, .psnote h5, .psnote h6 {
    margin-top: 8px !important;
    margin-bottom: 4px !important;
    font-weight: 600;
    line-height: 1;
}
.psnote a {
    color: #2f5ad1;
}
.psnote h1 {
    padding-bottom: 0.3em;
    font-size: 2em;
    border-bottom: 2px solid #eeeeee;
}
.psnote h2 {
    font-size: 1.6em;
    /*padding-bottom: 0.3em;border-bottom: 1px solid #eeeeee;*/
}
.psnote h3 {
    font-size: 1.3em;
}
.psnote h4 {
    font-size: 1.12em;
}
.psnote {
    letter-spacing: .025em;
    line-height: 1.32em;
}
.psnote .psnote {
    padding: 8px 0 10px 8px !important;
    border-left: solid 8px rgba(0,0,0,0.03);
}
.rightbox .psnote input.ckb {
    margin: 0 12px 0 28px; 
}
.psnote .ubox .eformc {
    margin: initial !important;
}
.iconli.prefixspace {
    padding-inline-start: 2em;
}
/*.rightbox .psnote .psntxt input.ckb {
    margin: 0 0 0 4px;
}
.rightbox .psnote .indent input.ckb {
    margin-left: -4px;
    margin-right: 20px;
}*/
.psnote .cblist input.ckb {
    margin: 5px 2px 0 0;
}
.rightbox .psnote input.tbx, .rightbox .psnote select.ddlb, .rightbox .psnote select.dddw {
    border: none;
    border-bottom: solid 1px rgba(0,0,0,0.2);
    line-height: normal;
}
.psnote .contentbox .icon {
    padding-right: 8px;
    padding-left: 8px;
}
.psnote img.sfile.img {
    max-width: 100%;
    box-sizing: content-box;
}
.psnote .psicon .icon {
    margin: 0 11px 0 0px;
}
.psnote .indent {
    /*margin-left: 28px;
    text-indent: -14px;
    padding-left: 15px;*/
    padding-left: 1.2em;/*因為 > >> >>>*/
}
.psnote .indent.box {
    margin-left: 0;
    padding-left: 1em;
}
.iconli {
    padding-left: 1.0em;
}
.iconli > span:first-child {
    margin-left: -1em;/*原-1.5 psnote * 調整*/
}
.psnote .indent.dash .indent {
   /*margin-left: 2px;*/
}
.psnote .indent.dash .indent .indent {
    /*margin-left: 20px;*/
}
.psnote .indent.psicon {
    /*margin-left: 30px;*/
    padding-left: 21px;
}
.psnote .indent.psicon .icon {
    margin: 0 0 0 6px;
}
.psnote .indent.psicon .indent .icon {
    margin-left: -2px !important;
}
.psnote .psli {
    padding-left: 12px;
    /*text-indent: -25px;
    margin-left: -4px;*/
}
.psnot li::marker {
    font-size: 1.2em;
}
.psnote li > span {
}
.psnote .psli.cx {
    padding: 8px 5px;
}
.psnote .psli.c1 {
    margin-left: 1em;
}
.psnote .psli.c2 {
    margin-left: 2em;
}
.psnote hr.dbl {
    height: 0.25em;
    background-color: lightgray;
}
/*會影響 box() numberbox() etc color
    .psnote a:not([class*="btn"]) {
    color: #487bb8;
}*/
.psnote mark, .psnote .mark {
    padding: 0 0.2em;
}
    .psnote .alert {
    margin: 0 0 5px 0;
    padding: 5px 15px;
    font-size: 1em;
    border: solid 1px rgba(0,0,0,0.12);
}
.psnote blockquote {
    margin: 0 0 5px 3px;
    padding: 5px 15px 5px 20px;
    font-size: 1em;
}
.psnote .psresult {
    border-bottom: solid 1px lightgray;
    margin-bottom: 10px;
}
.psnote .alert ul, .psnote .alert ol { margin-bottom:0; }
ul, ol {
    padding-inline-start: 28px;
}
table ol, table ul {
    margin-bottom: 0;
}
.psnote ul, .psnote ol {
    padding-inline-start: 2em;/*33px;*/
    margin-bottom: 4px;
}
.psnote .notebox.code.ps {
    background-color: #555;
    color: white;
    font-size: 0.86em;
    line-height: 1.42;
    border-radius: 4px;
    margin-bottom: 8px;

    word-break: break-all;
    /*white-space: nowrap;
    overflow: auto;
    width: 820px;*/
}
td .pradio.noteobj {
    padding: 0;
}
.code.ps::-webkit-scrollbar {
    height: 8px;
    background-color: rgba(0,0,0,0.012);
    border-radius: 3px;
}
.code.ps::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: rgba(0,0,0,0.06);
    border-radius: 5px;
}
.code.ps::-webkit-scrollbar-thumb:hover {
	background-color: rgba(255,255,255,0.2);
}
.psc .codetxt {
    display: inline-block;
    padding: 2px 6px;
    font-weight: 700;
    font-size: small;
    font-style: italic;
}
.psc {
    background-color: #444;
    color: white;
    border-radius: 4px;
}
.psc .copy {
    color: white;
    background-color: transparent;
    border: none;
    padding: 2px 6px;
}
.psnote .table {
    margin: 15px 0;
}
.psnote table.psnli {
    width: unset !important;/*文字縮排不能100%*/
}
.psnote table.psnli th {
    vertical-align: top;
    font-weight: normal;
        min-width: 30px;
    text-align: right;
}
.psntxt th {
    text-align: unset!important;
}
.psnote table.table-bordered td, .psnote table.table-bordered th {
    padding: 6px 8px 2px !important;
}
.psnote .utable {
    width: unset;
}
.psnote .utable th { font-weight:normal; text-align: left; }
.psnote .utable th, .psnote .utable td {
    padding: 0 4px;
}
.rwd.gridedit .psnote .tbx, .rwd.gridedit .psnote .mtbx, .rwd.gridedit .psnote .dtpicker, .rwd.gridedit .psnote .ddlb {
    width: unset;
}
strong label {
    font-weight: 700;
}
.nav .msg {
    display: inline-block;
    max-height: 32px;
    max-width: calc(100vw - 500px);
    white-space: nowrap;
}
@media (min-width: 768px) {
    #headerbox .switchheader {
        display: none;
    }
}
@media (max-width: 600px) {
        .btn-group.pull-right {
            float: left !important;
        }
    }
.freetextsearch .exticon {
    width: 20px;
}
.apilayoutrunning1 { text-align:center;}
.apilayoutrunning2 {
    text-align: center;
    position: absolute;
    width: 100%;
    background-color: rgba(255,255,255,0.5);
}
li.minus.prefixspace {
    padding-inline-start: 2em;
    margin-left: 0;
}
li.minus {
    margin-left: 0.8em;
}
table.vwords th {
    padding-right: 8px;
    vertical-align: top;
    text-align: left;
    width: 52px;
}
table.vwords.selected {
    color: chocolate;
}