/* 

CUSTOM STYLESHEET

Add your custom styles here instead of style.css so it is easier to 
update the template. Simply copy an existing style from style.css to 
this file, and modify it to your liking. 

*/

/*KevinWu width05瀹藉害*/
.width01 {
	width: 11px;
}

.width02 {
	width: 22px;
}

.width03 {
	width: 33px;
}

.width05 {
	width: 54px;
}

.width06 {
	width: 66px;
}

.width07 {
	width: 76px;
}

.width08 {
	width: 85px;
}

.width69 {
	width: 837px;
}

.width110 {
	width: 110px;
}

.width120 {
	width: 120px;
}

.width130 {
	width: 130px;
}

.width140 {
	width: 140px;
}

/*KevinWu width15瀹藉害*/
.width15 {
	width: 172px;
}

.width25 {
	width: 324px;
}

.width55 {
	width:675px;
}

.width75 {
	width: 980px;
}

input.xs15,select.xs15,textarea.xs15 {
	width: 15%;
}

input.xs10,select.xs10,textarea.xs10 {
	width: 10%;
}

/*KevinWu 澧炲姞25%瀹藉害*/
input.xshalf,select.xshalf,textarea.xshalf {
	width: 25%;
}

/*KevinWu 澧炲姞35%瀹藉害*/
input.smhalf,select.smhalf,textarea.smhalf {
	width: 33%;
}

/*KevinWu 澧炲姞75%瀹藉害*/
input.lghalf,select.lghalf,textarea.lghalf {
	width: 75%;
}

/*KevinWu 澧炲姞60%瀹藉害*/
input.lgxshalf,select.lgxshalf,textarea.lgxshalf {
	width: 65%;
}

input.sfull {
	width:97%;
}

hr {
	margin: 0.5em 1em 0 0;
}

/*KevinWu box杈规,棰滆壊,鍦嗚杈�/
.box {
	border: 1px solid #ccc;
	background: #f8f8f8;
	border-radius: 3px;
}

/*KevinWu Table杈规*/
table.stylized {
	border: 1px solid #ccc;
}

table.stylized th.high {
	background-color:#a8c4eb !important;
}

/*KevinWu Table鏄剧ず鏃�/
table.stylized th,table.stylized td {
	line-height: 12px;
}

table.no-style td {
	border-bottom: 0px dotted #ddd !important;
	border-top: 1px dotted #ddd !important
}

table.no-style th {
	border-bottom: 0px dotted #ddd !important;
}

/*KevinWu Table鏄剧ず鏃�/
table.stylized.keyInStatus th,table.stylized td.keyInStatus {
	padding: 4px 6px;
}

/*KevinWu Table鍙�杈戞椂琛岃窛*/
table.no-style th,table.no-style td {
	line-height: 18px;
}

/*KevinWu 杈撳叆妗嗗ぇ灏忚皟鏁�/
input[type="text"],input[type="password"],input[type="select"],input[type="number"],input[type="search"],input[type="file"],textarea,select
	{
	border-color: #C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	color: #777;
}

input[type="text"],input[type="password"],input[type="select"],input[type="number"],input[type="search"],input[type="file"],select,textarea
	{
	padding: 1px;
	border-radius: 3px;
	background-color: #fefefe;
}

textarea.readonly {
	border-color: #C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
	border-style: dotted;
	border-width: 1px;
}


textarea.readonly {
	background-color: rgba(0, 0, 0, 0);
}

/*KevinWu 杩樺害杈撳叆妗嗗ぇ灏�/
input[type="text"].default,input[type="password"].default {
	border-color: #C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	color: #777;
}

/*KevinWu 鎸夐敭楂樺害鍜屽搴�/
.btn {
	padding: 3px 20px;
}

/*KevinWu Table杩囨护妗嗚窛绂诲唴瀹归棿闅�/
.dataTables_length {
	margin-bottom: 5px;
}

/*KevinWu Table杩囨护妗嗚窛绂诲唴瀹归棿闅�/
.dataTables_filter {
	margin-bottom: 5px;
}

/*KevinWu 鍙栨秷Table椤甸粯璁ら珮搴�/
.dataTables_wrapper {
	min-height: 0px;
}

/*KevinWu 璋冩暣椤甸潰瀹藉害*/
.wrapper {
	width: 1010px;
}

/*KevinWu 鍙栨秷Table鎺掑簭鑳屾櫙鑹诧紝閫忔槑搴︿负0*/
tr.even td.sorting_1 {
	background-color: rgba(0, 0, 0, 0);
}

table.no-style th {
	background-color: #2A7AD2 !important;
	color: #fff;
}

table.no-style.subitem th {
	background-color: #5c87bd !important;
	color: #fff;
}

table.stylized.subitem th {
	background-color: #5c87bd !important;
	color: #fff;
}

input.xsfull,select.xsfull,textarea.xsfull {
	width: 85%;
}

table.stylized {
	margin-top: 0.5em;
}

#page a {
	border-bottom: 0px solid #fff;
}

#page a:hover,#page a:focus,#page a:active {
	background-color: #E2EFFF;
	border-bottom: 0px solid #fff;
}

select.readonly {
	background-color: rgba(0, 0, 0, 0);
}

select.disableonly {
	background-color: #ccc;
}

.ta-hidden {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dataTables_paginate {
	margin-bottom:10px;	/*澧炲姞10px楂樺害锛岄伩鍏嶅乏鍙冲鑸椂鏃犳硶浣跨敤鎸夐敭*/
}

/*************************
  Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*************************
         Margin top
*************************/
.mt-0 { margin-top: 0px }
.mt-4 { margin-top: 4px }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-4 { margin-right: 4px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
      Margin bottom
*************************/
.mb-0 { margin-bottom: 0px }
.mb-4 { margin-bottom: 4px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
        Margin left
*************************/
.ml-0 { margin-left: 0px }
.ml-4 { margin-left: 4px }
.ml-8 { margin-left: 8px }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
        Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
/*************************
        Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
        Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
/*************************
        Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }


/***************************
    Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-15 { padding: 15px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }

/***************************
    Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }

.picbox {
	border: 1px solid #ccc;
	background: #f8f8f8;
	border-radius: 1px;
}


input[type="number"]{
	border-color:#C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
	border-style:solid;
	border-width:1px;
	padding:4px;
	color:#777;
}








.nyroModalBg {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.7;
}
.nmReposition {
	position: absolute;
}
.nyroModalCloseButton {
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../images/close.gif);
}
.nyroModalTitle {
	top: -26px;
	left: 0;
	margin: 0;
    font-size: 1.1em;
	color: #ddd;
}
.nyroModalCont {
	position: absolute;
	border: 4px solid #777;
	margin: 25px;
	background: #fff;
}
.nyroModalCont iframe {
	width: 600px;
	height: 400px;
}
.nyroModalError {
	border: 4px solid red;
	color: red;
	width: 250px;
	height: 250px;
}
.nyroModalError div {
	min-width: 0;
	min-height: 0;
	padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
	position: relative;
	padding: 10px;
	min-height: 250px;
	min-width: 250px;
	max-width: 1000px;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
	position: relative;
	overflow: hidden;
}
.nyroModalImage img {
    vertical-align: top;
}
.nyroModalHidden {
	left: -9999em;
	top: -9999em;
}
.nyroModalLoad {
	position: absolute;
	width: 100px;
	height: 100px;
	background: #fff url(../images/ajaxLoader.gif) no-repeat center;
	padding: 0;
}
.nyroModalPrev, .nyroModalNext {
	outline: none;
	position: absolute;
	top: 0;
	height: 60%;
	width: 150px;
	min-height: 50px;
	max-height: 300px;
	cursor: pointer;
	text-indent: -9999em;
	background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
	height: 100%;
	width: 40%;
	max-height: none;
}
.nyroModalPrev {
	left: 0;
}
.nyroModalPrev:hover {
	background-image: url(../images/prev.gif);
}
.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
.nyroModalNext:hover {
	background-position: right 20%;
	background-image: url(../images/next.gif);
}


table.stylized tr.high {
	background-color:#ff9 !important;
}

table.stylized tbody tr:nth-child(odd).high th,table.stylized tbody tr:nth-child(odd).high td {
	background-color:#ffc !important;
}


table.stylized tr.highA {
	background-color:#99ff99 !important;
}

table.stylized tbody tr:nth-child(odd).highA th,table.stylized tbody tr:nth-child(odd).highA td {
	background-color:#ccffcc !important;
}


table.stylized tfoot td
{
	background-color: #eee !important;
	
}

.toUp input{
   text-transform:uppercase;
}

.sf-menu ul li {
	width:15em;
}

