html,body {
	font-family:微軟正黑體,"Helvetica Neue",Arial,"Heiti TC","LiHei Pro","Microsoft Jhenghei","Microsoft YaHei",sans-serif;
	width:100%; height:100%; margin: 0; padding: 0;
	overflow:hidden;
	background-color:#F4F4F5;
}

label, input { display:block; }
fieldset { padding:0; border:0; }
input.text { margin-bottom:12px; width:95%; padding:5px; }
input:focus,
input:active { border-bottom: 1px solid #DADCE0; }

textarea:focus, input:focus{ outline: none; }

.ui-dialog { z-index: 1000 !important; }
.ui-dialog-titlebar { background-color:#B5B6B6; color:#FFFFFF; text-shadow:1px 1px #888888; }
.ui-dialog-titlebar-close { display: none; }
.ui-dialog .ui-dialog-buttonpane button:link,
.ui-dialog .ui-dialog-buttonpane button:active,
.ui-dialog .ui-dialog-buttonpane button:hover,
.ui-dialog .ui-dialog-buttonpane button:focus { background-color:#B5B6B6; color:#FFFFFF; border-color:#B5B6B6; }
.ui-dialog .ui-dialog-buttonpane button:hover .ui-icon { background-image:url('../images/ui-icons_ffffff_256x240.png'); }

.ui-button { outline: none; font-size:12px; }
.ui-button:link,
.ui-button:active,
.ui-button:hover,
.ui-button:focus {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	font-weight: normal;
	outline: none;
	background-color:#B5B6B6; color:#FFFFFF; border-color:#B5B6B6;
}
.ui-button:link .ui-icon,
.ui-button:active .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon { background-image:url('../images/ui-icons_ffffff_256x240.png'); }

/* Page global layout */
.cssTable { display: table; table-layout:fixed; word-wrap:break-word; word-break;break-all; width:100%; height:100%; }
.cssTable .cssTableTR { display:table-row; }
.cssTable .cssTableTD { display:table-cell; vertical-align:top; }
.cssTable .cssTableFunc { display:table-cell; width:86px; position:relative; }
.cssTable .cssTableMain { display:table-cell; width:100%; position:relative; }

/* Page area layout */
.cssFuncArea {
 position:absolute; top:0px; left:0px; z-index:999;
 width:86px; max-width:86px; min-width:86px; height:100%;
 margin:0; padding:0;		 
 background-color:#105FAD;
}

.cssMainArea {		
 width:100%; height:100%;
 margin:0; padding:0; 
 overflow-y:scroll; overflow-x:auto;
}
.cssMainArea::-webkit-scrollbar { width:7px; }
.cssMainArea::-webkit-scrollbar-track { background: #D9D9D9; }
.cssMainArea::-webkit-scrollbar-thumb { background: #B5B6B6; }
.cssMainArea::-webkit-scrollbar-thumb:hover { background: #B5B6B6; }

.cssTopArea {
 position:fixed; top:0px; left:86px; z-index:998;
 min-width:800px; height:46px;
 margin:0; padding:5px;		 
 background-color:#FFFFFF;
 border-bottom:1px solid #D9D9D9;
 display:none;
}
.cssPageArea {
 position:relative; 
 top:60px; left:0px; z-index:1;
 padding:10px;		 
 background-color:#F4F4F5; 
}

.cssPageContent {
	position: relative;
	top:0px; left:0px;
	margin:0 auto; width:100%;
	display:none;
}
.cssPageCopyright {
	position: relative;
	bottom:0px; left:0px;
	margin-top:10px; width:100%; min-width:1024px;
	text-align:left;
	font-size:12px;
	display:none;
}

/* Page first menu */
.cssTableFuncText {
 width:100%; height:100%; padding-top:35px;
 text-align:center;
 color:#CCFFFF; font-size:12px;
}
.cssTableFuncHome {
	width:76px; height:60px; padding:0 5px 0 5px;
	background-image:url('../images/mykyyo_icon_homeA03.gif');
	background-repeat:no-repeat;
}
.cssTableFuncHome:hover {
	cursor: pointer;
	background-image:url('../images/mykyyo_icon_homeA04.gif');
	background-repeat:no-repeat;
}
.cssTableFuncOrder {
	width:76px; height:60px; padding:0 5px 0 5px;
	background-image:url('../images/mykyyo_icon_orderA01.gif');
	background-repeat:no-repeat;
}
.cssTableFuncOrder:hover {
	cursor: pointer;
	background-image:url('../images/mykyyo_icon_orderA02.gif');
	background-repeat:no-repeat;
}
.cssTableFuncStorage {
	width:76px; height:60px; padding:0 5px 0 5px;
	background-image:url('../images/mykyyo_icon_storageA01.gif');
	background-repeat:no-repeat;
}
.cssTableFuncStorage:hover {
	cursor: pointer;
	background-image:url('../images/mykyyo_icon_storageA02.gif');
	background-repeat:no-repeat;
}
.cssTableFuncFinancial {
	width:76px; height:60px; padding:0 5px 0 5px;
	background-image:url('../images/mykyyo_icon_billA01.gif');
	background-repeat:no-repeat;
}
.cssTableFuncFinancial:hover {
	cursor: pointer;
	background-image:url('../images/mykyyo_icon_billA02.gif');
	background-repeat:no-repeat;
}
.cssTableFuncService {
	width:76px; height:60px; padding:0 5px 0 5px;
	background-image:url('../images/mykyyo_icon_serviceA01.gif');
	background-repeat:no-repeat;
}
.cssTableFuncService:hover {
	cursor: pointer;
	background-image:url('../images/mykyyo_icon_serviceA02.gif');
	background-repeat:no-repeat;
}
.cssTableFuncSettings {
	width:76px; height:60px; padding:0 5px 0 5px;
	background-image:url('../images/mykyyo_icon_settingsA01.gif');
	background-repeat:no-repeat;
}
.cssTableFuncSettings:hover {
	cursor: pointer;
	background-image:url('../images/mykyyo_icon_settingsA02.gif');
	background-repeat:no-repeat;
}
.cssTableFuncSearch {
	width:76px; height:60px; padding:0 5px 0 5px;
	background-image:url('../images/mykyyo_icon_searchA01.gif');
	background-repeat:no-repeat;
}
.cssTableFuncSearch:hover {
	cursor: pointer;
	background-image:url('../images/mykyyo_icon_searchA02.gif');
	background-repeat:no-repeat;
}
.cssTableFuncStatistics {
	width:76px; height:60px; padding:0 5px 0 5px;
	background-image:url('../images/mykyyo_icon_statisticsA01.gif');
	background-repeat:no-repeat;
}
.cssTableFuncStatistics:hover {
	cursor: pointer;
	background-image:url('../images/mykyyo_icon_statisticsA02.gif');
	background-repeat:no-repeat;
}

/* Page second menu */
.cssTableMnuArea { min-width:1024px; height:30px; border-bottom:5px solid #B5B6B6; margin-bottom:5px; }
.cssTableMnu { display: table; table-layout:fixed; word-wrap:break-word; word-break;break-all; width:100%; height:100%; }
.cssTableMnu .cssTableMnuTR { display:table-row; }
.cssTableMnu .cssTableMnuTD_N {
 display:table-cell;
 width:120px; max-width:120px;
 padding-top:6px; border-top-left-radius:6px; border-top-right-radius:6px;
 text-align:center; font-size:15px; font-weight:600; color:#666666; background-color:#FFFFFF; text-shadow:1px 1px #FAFAFA;
 border-style:solid; border-width:1px 1px 0 1px; border-color:#B5B6B6;
}
.cssTableMnu .cssTableMnuTD_N:hover { background-color:#B5B6B6; text-shadow:1px 1px #D3D3D3; text-shadow:1px 1px #AAAAAA; cursor: pointer; color:#FFFFFF; }
.cssTableMnu .cssTableMnuTD_H {
 display:table-cell;
 width:120px; max-width:120px;
 padding-top:6px; border-top-left-radius:6px; border-top-right-radius:6px;
 text-align:center; font-size:15px; font-weight:600; color:#FFFFFF; background-color:#B5B6B6; text-shadow:1px 1px #AAAAAA;
 border-style:solid; border-width:1px 1px 0 1px; border-color:#B5B6B6;
}
.cssTableMnu .cssTableMnuTD_C {
 display:table-cell;
 width:auto;
}
.cssTableMnu .cssTableMnuTD_T {
 display:table-cell;
 width:150px; max-width:150px;
 text-align:center; vertical-align:middle; padding-top:1px;
}
.cssTableMnu .cssTableMnuTD_Title {
	display:inline-block; width:100px;
	color:#666666; font-size:12px;
	margin-bottom:1px;
}
a.cssMnuLink:link    { font-size:15px; color:#666666; text-decoration: none; }
a.cssMnuLink:visited { font-size:15px; color:#666666; text-decoration: none; }
a.cssMnuLink:hover   { font-size:15px; color:#FFFFFF; text-decoration: none; }
a.cssMnuLink:active  { font-size:15px; color:#666666; text-decoration: none; }

a.cssMnuTitleLink:link    { margin:0; border:1px solid #F8F9FA; border-radius:3px; background-color:#F8F9FA; }
a.cssMnuTitleLink:visited { margin:0; border:1px solid #F8F9FA; border-radius:3px; background-color:#F8F9FA; }
a.cssMnuTitleLink:hover   { margin:0; border:1px solid #B5B6B6; border-radius:3px; background-color:#FFFFFF; }
a.cssMnuTitleLink:active  { margin:0; border:1px solid #F8F9FA; border-radius:3px; background-color:#F8F9FA; }		

/* Page third menu */
.cssTablePgmArea { min-width:1024px; border-bottom:1px solid #B5B6B6; margin-top:15px; }
.cssTablePgm { display: table; table-layout:fixed; word-wrap:break-word; word-break;break-all; }
.cssTablePgm .cssTablePgmTR { display:table-row; }
.cssTablePgm .cssTablePgmTD_CL { display:table-cell; width:10px; }
.cssTablePgm .cssTablePgmTD_CN { display:table-cell; min-width:88px; padding:5px 12px 7px 12px; font-size:12px; text-align:center; border-bottom:2px solid #F8F9FA; text-shadow:1px 1px #FFFFFF; }
.cssTablePgm .cssTablePgmTD_CN:hover { border-bottom:2px solid #4169E1; cursor: pointer; color:#4169E1; text-shadow:1px 1px #FFFFFF; }
.cssTablePgm .cssTablePgmTD_CH { display:table-cell; min-width:88px; padding:5px 12px 7px 12px; font-size:12px; text-align:center; border-bottom:2px solid #4169E1; color:#4169E1; text-shadow:1px 1px #FFFFFF; }
.cssTablePgm .cssTablePgmTD_CF { display:table-cell; min-width:88px; padding:5px 12px 7px 12px; font-size:12px; text-align:center; border-bottom:2px solid #F8F9FA; color:#BBBBBB; text-shadow:1px 1px #FFFFFF; }
.cssTablePgm .cssTablePgmTD_CR { display:table-cell; width:auto; }
a.cssPgmLink:link    { font-size:12px; color:#666666; text-decoration: none; }
a.cssPgmLink:visited { font-size:12px; color:#666666; text-decoration: none; }
a.cssPgmLink:hover   { font-size:12px; color:#4169E1; text-decoration: none; }
a.cssPgmLink:active  { font-size:12px; color:#666666; text-decoration: none; }

.cssUserID { font-size:15px; font-weight:600; }
.cssServiceAare { margin:10px 0 0 0; }
.cssTitleFontStyle { font-size:12px; font-weight:600; color:#666666; margin-left:5px; text-shadow:1px 1px #FFFFFF; }

a.cssTopLink:link    { font-size:15px; color:#1E90FF; text-decoration: none; }
a.cssTopLink:visited { font-size:15px; color:#1E90FF; text-decoration: none; }
a.cssTopLink:hover   { font-size:15px; color:#696969; text-decoration: underline; }
a.cssTopLink:active  { font-size:15px; color:#1E90FF; text-decoration: none; }

a.cssAreaALink:link    { font-size:12px; color:#666666; text-decoration: none; }
a.cssAreaALink:visited { font-size:12px; color:#666666; text-decoration: none; }
a.cssAreaALink:hover   { font-size:12px; color:#0000FF; text-decoration: none; }
a.cssAreaALink:active  { font-size:12px; color:#666666; text-decoration: none; }

a.cssAreaBLink:link    { font-size:12px; color:#666666; text-decoration: none; }
a.cssAreaBLink:visited { font-size:12px; color:#666666; text-decoration: none; }
a.cssAreaBLink:hover   { font-size:12px; color:#0000FF; text-decoration: none; }
a.cssAreaBLink:active  { font-size:12px; color:#666666; text-decoration: none; }

a.cssSysCopyRightLink:link    { font-size:12px; color:#A142F4; text-decoration: none; text-shadow:1px 1px #FFFFFF; }
a.cssSysCopyRightLink:visited { font-size:12px; color:#A142F4; text-decoration: none; text-shadow:1px 1px #FFFFFF; }
a.cssSysCopyRightLink:hover   { font-size:12px; color:#006500; text-decoration: none; text-shadow:1px 1px #FFFFFF; }
a.cssSysCopyRightLink:active  { font-size:12px; color:#A142F4; text-decoration: none; text-shadow:1px 1px #FFFFFF; }

a.cssSysPageLink:link    { font-size:13px; color:#666666; text-decoration: none; text-shadow:1px 1px #FFFFFF; }
a.cssSysPageLink:visited { font-size:13px; color:#666666; text-decoration: none; text-shadow:1px 1px #FFFFFF; }
a.cssSysPageLink:hover   { font-size:13px; color:#A142F4; text-decoration: none; text-shadow:1px 1px #FFFFFF; }
a.cssSysPageLink:active  { font-size:13px; color:#666666; text-decoration: none; text-shadow:1px 1px #FFFFFF; }

.cssNoDataList { width:300px; margin:0px auto; text-align:center; color:#4169E1; border:1px solid #4169E1; padding:3px; font-size:12px; border-radius:4px; }

.cssFunctionArea { padding:15px 0 0 0; color:#666666; font-size:12px; text-align:left; }
.cssFuncAreaA { display:inline-block; white-space:nowrap; padding:6px 10px; margin:3px 0px 0px 0px; vertical-align:top; border:1px solid #DADCE0; border-radius:5px; background-color:#FFFFFF; }
.cssFuncAreaB { display:inline-block; white-space:nowrap; padding:6px 10px; margin:3px 0px 0px 5px; vertical-align:top; border:1px solid #DADCE0; border-radius:5px; background-color:#FFFFFF; }
.cssFuncAreaC { display:inline-block; white-space:nowrap; padding:6px 0px 0px 0px; margin-left:10px; vertical-align:top; border:1px solid #FFFFFF; border-radius:5px; background-color:#FFFFFF; }
.cssFuncAreaD { display:inline-block; white-space:nowrap; padding:4px 0px 0px 0px; vertical-align:top; border:0px solid #DADCE0; background-color:#FFFFFF; }

.thisPageTextFocus { font-weight:600; color:#0000FF; }
a.cssDataTypeA:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeA:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeA:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTypeA:active  { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeB:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeB:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeB:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTypeB:active  { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeC:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeC:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeC:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTypeC:active  { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeD:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeD:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeD:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTypeD:active  { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeE:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeE:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeE:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTypeE:active  { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeF:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeF:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTypeF:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTypeF:active  { font-size:12px; color:#888888; text-decoration: none; }

a.cssDataTimeA:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeA:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeA:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTimeA:active  { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeB:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeB:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeB:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTimeB:active  { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeC:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeC:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeC:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTimeC:active  { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeD:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeD:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeD:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTimeD:active  { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeE:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeE:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeE:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTimeE:active  { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeS:link    { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeS:visited { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeS:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTimeS:active  { font-size:12px; color:#888888; text-decoration: none; }
a.cssDataTimeT:link    { font-size:12px; color:#0000FF; text-decoration: none; }
a.cssDataTimeT:visited { font-size:12px; color:#0000FF; text-decoration: none; }
a.cssDataTimeT:hover   { font-size:12px; color:#0000FF; text-decoration: underline; }
a.cssDataTimeT:active  { font-size:12px; color:#0000FF; text-decoration: none; }


.cssPageMainArea { min-width:1024px; padding:10px 0 0 0; }
.cssServiceAare { margin:10px 0 0 0; }

.cssBlockArea { background-color:#FFFFFF; border:1px solid #DADCE0; border-radius:6px; }
.cssBlockTitle { font-size:16px; font-weight:600; color:#666666; margin:8px 8px 4px 12px; }
.cssBlockTitleA { font-size:16px; color:#666666; font-weight:600; padding:8px 8px 4px 12px; }
.cssBlockTitleB { font-size:20px; color:#4169E1; font-weight:600; padding:8px 25px 10px 25px; }
.cssBlockTitleC { font-size:12px; color:#666666; font-weight:500; padding:8px 8px 4px 20px; }
.cssBlockTable  { padding:10px 20px; }
.cssBlockButton { border-top:1px solid #DADCE0; text-align:left; padding:12px; }