<!--

::selection {
        background: #ef4833; /* Safari */
        color: #fff;
        }
::-moz-selection {
        background: #ef4833; /* Firefox */
        color: #fff;
}
		a{
			color:#ef4833;
			text-decoration: none;
		}
		a:hover{
			color:#000;
		}
		body {
			-webkit-text-size-adjust:none;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			margin:0;
			background: #f7f7f7; 
			color: #000;
			font: 1.2em 'Droid Serif', droid-serif, giorgia, serif;
			height:100%;
		}
		#site_container {
			width: 100%;
			margin:0 0 1.6em 0;
			position:relative;
			display:block;
			/* max-width:1140px; */
		}
		header {
			width: 93%;
			margin:0 auto;
			padding:0.5em 0 0.5em 0;
			max-width:920px;
			display: block;
			clear:both;
			position:relative;
			overflow:hidden;
			border-bottom: solid 1px #ddd;
		}
		section {
			margin:0px auto;
			width: 93%;
			max-width:920px;
			display:block;
			overflow:hidden;
			position: relative;
		}
		section h1 {
			color:#ef4833;
			font-size:1.8em;
			font-weight:normal;
			margin:0;
		}
		section h2 {
			font-size:1.8em;
			text-decoration: none;
			font-weight:normal;
			margin:0;
		}
		section p {
			text-decoration: none;
			font-weight:normal;
			margin:0;
			line-height:140%;
		}
		.spliter {
			clear:both;
			margin:0 auto;
			padding:0;
			width:93%;
			max-width:920px;
			/*
			margin-bottom: 0.5em;
			padding-bottom:0.5em;
			*/
			border-bottom: 1px solid #ddd;
			display:block;
			height:0;
		}
		#branding {
			font: 2em 'Poly', apolline, giorgia, serif;
			display: block;
		}
		#branding .subtitle {
			font: 0.9em 'Quicksand', arial, helvetica, sans-serif;
		}
		#branding .notes {
			font: 0.3em 'Droid Serif', droid-serif, giorgia, serif;
			color:#fff;
			background: #000;
			padding: 0.4em;
			-moz-border-radius: 2em;
			-webkit-border-radius: 2em;
			-khtml-border-radius: 2em;
			border-radius: 2em;
			/*
			vertical-align: 0.6em;
			*/
		}
		
		#menu_switch {
			display:none;
		}
		
		.menu_client{
			font-size: 0.4em;
			float:right;
			color:#333;
			display:inline-block;
			text-transform: uppercase;
			/*font: 0.4em 'Quicksand', arial, helvetica, sans-serif;*/
		}
		#menu {
			float: right;
			text-align: center;
			color:#000;
			font: 1.2em 'Droid Serif', droid-serif, giorgia, serif;
			display: block;
			position:absolute;
			bottom:0em;
			right:0;
		}

		#menu a{
			color:#000;
			text-decoration: none;
		}
		#menu a:hover{
			color:#ef4833;
		}
		
		#sec_signin {
			position:relative;
			overflow:hidden;
            border-bottom: 1px solid #ddd;
		}
		#sec_signin h1{
			font-size: 1.2em;
		}
		#sec_signin h2{
			font-size: 0.9em;
			color:#999;
		}
		#sec_signin p{
			margin-right:1em;
		}
		#sec_signin p span{
			color:#999;
		}
		#sec_signin_article {
			width:65%;
			float:left;
			font-size: 1em;
			margin: 1em 0;
			display:inline-block;
		}
		#sec_signin_feature {
			width:35%;
			display:inline-block;
			background: #ededed;
			height: 100%;
			margin:0;
			padding:0;
			/*odd fix for child height*/
			padding-bottom:8000em;
            margin-bottom:-8000em;
		}
		#sec_signin_feature form{
			margin:1em;
		}
		#sec_signin_feature .notes{
			font-size:0.9em;
			margin: 1em 0 1em 0;
		}
		#sec_signin_form label{
		display:block;
		text-align:left;
		width:100%;
		clear:both;
		margin-top:0.5em;
		}
		#sec_signin_form label span{
		display:block;
		font-size:0.8em;
		font-weight:normal;
		text-align:left;
		display:none;
		}
		
		#sec_signin_form label h3{
			color:#ef4833;
			font-size:1em;
			font-weight:normal;
			margin:0.5em 0;
		}
		
		 input{
		display:block;
		/*font: 1em 'Droid Serif', droid-serif, giorgia, serif;*/
		font-size: 0.9em;
		padding:0.2em 0;
		border:solid 1px #ddd;
		width:99%;
		width: calc(100% - 2px);
		margin:0 0 0 0;
		vertical-align: middle;
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-khtml-border-radius: 0.2em;
		border-radius: 0.2em;
		color:#333;
		}
		 select{
		display:block;
		/*font: 1em 'Droid Serif', droid-serif, giorgia, serif;*/
		font-size: 0.9em;
		padding:0.2em 0;
		border:solid 1px #ddd;
		width:99%;
		width: calc(100% - 2px);
		margin:0 0 0.5em 0;
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-khtml-border-radius: 0.2em;
		border-radius: 0.2em;
		color:#333;
		}
		 textarea{
		height: 6em;
		display:block;
		font-size: 0.9em;
		padding:0;
		border:solid 1px #ddd;
		width:99%;
		width: calc(100% - 2px);
		margin:0 0 0.5em 0;
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-khtml-border-radius: 0.2em;
		border-radius: 0.2em;
		color:#333;
		line-height: 1.3em;
		}
		
		.required {
		background:#ffffe6;
		}
		
		.input_file {
		display:inline-block;
		position:relative;
		width: 53%;
		}
		
		.input_file_right {
		display:inline-block;
		position:relative;
		width:45%;
		}
		
		.input_file_button {
		font-size:0.4em;
		min-width: 1.6em;
		position:relative;
		overflow: hidden;
		vertical-align:middle;
		/*
		float:right;
		margin-top: -2.1em !important;*/
		}
		.input_file_button div{
		width:100%;
		height:100%;
		overflow: hidden;
		}
		.input_file_button input[type="file"]{
		-webkit-appearance: none;
 		width:100%;
		height:100%;
		-moz-opacity:0; filter:alpha(opacity=0); opacity:0; 
		font-size:0.9em;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		}
		
		
		 .textarea_l{
		height: 24em;
		}
		.textarea_s{
		height: 8em;
		}
				
		button{
		font: 1em 'Droid Serif', droid-serif, giorgia, serif;
		border:0;
		clear:both;
		margin:0;
		width:100%;
		height:1.5em;
		background:#000;
		text-align:center;
		line-height:1.5em;
		color:#FFFFFF;
		font-size:1em;
		
		margin-top:0.5em;
		display:block;
		
		}
		 button:hover{
		background:#ef4833;
		}
		
		button.light{
			background: #CCC;
		}
		button.light:hover{
		background:#ef4833;
		}
		.form_title{
			text-align:center;
			padding-top:0.5em;
		}
		.form_spliter {
			clear:both;
			margin:0.5em 0;
			margin-top:1em;
			padding:0;
			width:100%;
			border-bottom: 1px solid #ddd;
			display:block;
			height:0;
		}
		
		#sec_up {
			max-width:100%;
			width:100%;
			background-color: #000;
			-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; 
			color: #fff;
			position:fixed;
			bottom:0px;
			margin:0px;
			height:50px;
			text-align: center;
		}
		#sec_up:active {
		background-color: #333;
		}
		#sec_up img {
		 padding-top: 10px;
		}
		footer {
			font-size:0.8em;
			text-align: center;
			width: 93%;
			height: 0.8em;
			margin: 0.5em auto;
		}
		
		
		/* Newly Added */
		
		section ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: 100%;
			overflow: auto;
		}
		section ul li {
			margin: 0;
			padding: 0;
			border:0;
			font-size: 1em;
			overflow:hidden;
			position:relative;
		}
		/*
		section ul li:last-child {
			margin: 0;
			padding: 0.4em;
			padding-left: 0.4em;
			font-size: 1em;
			border-top: 1px solid #fff;
			border-bottom: 0px;
			overflow:hidden;
		}
		*/
		section ul li .text{
			white-space:nowrap;
			display:block;
			float:left;
			width:100%;
			overflow:hidden;
			position:relative;
		}
		section ul li .title{
			white-space:nowrap;
			display:block;
			width:80%;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			-webkit-text-overflow: ellipsis;
			overflow:hidden;
			margin:0;
			padding:0;
			/*
			width:100%;
			overflow:none;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			*/
		}

		section ul li .subtitle{
			color:#999;
			font-size:0.7em;
			overflow:hidden;
			white-space:nowrap;
			display:block;
			width:80%;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			-webkit-text-overflow: ellipsis;
			overflow:hidden;
			margin:0;
			padding:0;
			/*
			width:100%;
			overflow:none;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			*/
		}

		section .ui-state-highlight {
			background:#ededed !important;
			/*
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ddd;
			*/
		}
		#sec_list {
			border-bottom: 1px solid #ddd;
			white-space: nowrap;
		}
		.sec_list_handle {
			display:inline-block;
			width:0;
			overflow:hidden;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIhJREFUeNrsVkEKgDAMWzY9ePEfgv9/gJ/yWDvoJAwmTtRTCyVlC2FdLoGIhFwAZoVkHbUHmzOONBeMzFedLdhFqd0QRsbFXJ8tRSSGl4sF5QZfegSfFN4SFOqmIDpehBbfTXFT3BQ3xU1xU774w95V8cvKZ7bRsLMqTBSOGFMVpDjjRBY+BBgAssQoxK/jf18AAAAASUVORK5CYII=);
			background-repeat:no-repeat;
			background-position:center center;
			min-height: 30px;
			vertical-align:middle;
 		}
 		.sec_list_status {
			display:inline-block;
 			background: #333;
 			color: #fff;
			-moz-border-radius: 0.2em;
			-webkit-border-radius: 0.2em;
			-khtml-border-radius: 0.2em;
			border-radius: 0.2em;
			vertical-align:middle;
			vertical-align: middle;
			clear:both;
			min-width: 1.4em;
			border:0;
			margin:0;
			padding: 0 0.3em;
			text-align:center;
			line-height:1.7em;
			height:1.7em;
/*
			position: absolute;
			top:0.7em;
			right:0;
*/
		}
		.sec_list_item_right {
			overflow:hidden;
			display:inline-block;
			position: absolute;
			top:50%;
			margin-top:-1em;
			margin-right:0.4em;
			right:0;
			text-align:right;
/*			
			background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,247,247,0)), color-stop(15%,rgba(247,247,247,1)), color-stop(99%,rgba(247,247,247,1)));
			background:-moz-linear-gradient(left, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 15%, rgba(247,247,247,1) 99%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7',GradientType=1 );
*/
		}
		.sec_list_item_right_delete{
			width:0;
			opacity:0;
			filter:alpha(opacity=0);
			display:none !important;
		}
		
		.sec_list_item_toggle_button{
			width:0;
			opacity:0;
			filter:alpha(opacity=0);
			display:none !important;
		}	
		.sec_list_item {
			margin: 0;
			padding: 0.4em;
			padding-left: 0.4em;
			font-size: 1em;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #ddd;
			overflow:hidden;
			position:relative;
			display:block;
			vertical-align:middle;
	cursor: pointer;
		}
		.item_active{
			border-left: 3px solid #333;
		}
		.item_inactive{
			border-left: 3px solid #999;
		}
		
		.sec_list_item_left{
			display:inline-block;
			overflow:hidden;
			margin-left: 0.3em;
			vertical-align:middle;
			width:100%;
			overflow:hidden;
		}
		
		#sec_list_1 {
			background:#cdcdcd;
			width:30%;
			float:left;
			
			-moz-box-shadow:    inset -13px 0 10px -10px #aaa;
			-webkit-box-shadow: inset -13px 0 10px -10px #aaa;
			box-shadow:         inset -13px 0 10px -10px #aaa;
			
			/*odd fix for child height*/
			padding-bottom:8000em;
            margin-bottom:-8000em;
			overflow:hidden;
		}
		#sec_list_1_function {
			background: #aaa;
			margin: 0;
			padding: 0.4em;
			padding-left: 0.4em;
			font-size: 1em;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #888;
			overflow:hidden;
			position:relative;
/*			
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(95%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.3)));
*/			
			-moz-box-shadow:    inset -13px 0px 10px -10px #888;
			-webkit-box-shadow: inset -13px 0px 10px -10px #888;
			box-shadow:         inset -13px 0px 10px -10px #888;
		}
		
		#sec_list_1 li{
			color: #fff;
		}
		#sec_list_1 .sec_list_item {
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #aaa;
		}
		
		#sec_list_1 .selected{
			background: #ddd;
			-moz-box-shadow:    inset -13px 0 10px -10px #aaa;
			-webkit-box-shadow: inset -13px 0 10px -10px #aaa;
			box-shadow:         inset -13px 0 10px -10px #aaa;
		}
		#sec_list_1 li:hover{
			background: #ddd;
			-moz-box-shadow:    inset -13px 0 10px -10px #aaa;
			-webkit-box-shadow: inset -13px 0 10px -10px #aaa;
			box-shadow:         inset -13px 0 10px -10px #aaa;
		}
		
		#sec_list_1 li .subtitle{
			/*display:none;*/
		}
		
		
		#sec_list_2 {
			width:70%;
			float:left;
			display:block;
			position:relative;
			overflow:hidden;
		}
		#sec_list_2 iframe{
			width:100%;
			height:60%;
			display:block;
			background: #000;
			border:0;
		}
		
		#sec_list_2 .thumb{
			float:left;
			height:3em;
			width:4em;
			overflow:hidden;
			vertical-align:middle;
			margin-right:0.4em;
			background:#000;
			display:none;
		}
		#sec_list_2 .thumb img{
			width:4em;
			border:0;
			display:block;
		}


		.subfunction {
			margin: 0;
			padding: 0.4em 0;
			padding-top:0;
			font-size: 1em;
			border-bottom: 1px solid #ddd;
			overflow:hidden;
			position:relative;
			height:2em;
		}
		
		.subfunction .sec_list_item_right{
			padding:0;
			margin:0;
			top:0;
		}
		
		#sec_list_2_function {
			margin: 0;
			padding: 0.4em;
			padding-left: 0.4em;
			font-size: 1em;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #ddd;
			overflow:hidden;
			position:relative;
		}
		
		#sec_list_2 ul {
			margin:0;
			padding:0;
			width:100%;
		}
		#sec_list_2 li:hover{
			background: #eee;
		}
		
/* grid view */
		#sec_list_2 .grid li{
			float:left;
			overflow:hidden;
			position:relative;
			width:25%;
			display:block;
		}
		#sec_list_2 .grid .sec_list_handle{
			position:absolute;
			top:50%;
			margin-top:-15px;
			margin-left:0em;
			display:none;
		}
		#sec_list_2 .grid .sec_list_item_left{
			display:block;
			width:100%;
			margin: 0 auto;
		}
		#sec_list_2 .grid li .title{
			font-size:0.8em;
			line-height:1.3em;
		}
		#sec_list_2 .grid li .subtitle{
			font-size:0.7em;
		}
		#sec_list_2 .grid .sec_list_item {
			display:block;
			margin: 0;
			padding: 0.4em;
			font-size: 1em;
			border: 1px solid #ddd;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			overflow:hidden;
			position:relative;
		}
		#sec_list_2 .grid .sec_list_item_last{
		display: block;
		vertical-align:middle;
		padding-top:50%;
		padding-bottom:50%;
		margin-top:-1.09em;
		margin-bottom:-1.09em;
		text-align: center;
		}
		
		#sec_list_2 .grid .thumb{
			border:0;
			width: 100%;
			height:auto;
			clear:both;
			overflow:hidden;
			display:block;
			margin: 0 auto;
			background:#000;
			position:relative;
			-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none;
		}
		#sec_list_2 .grid .thumb img{
			border:0;
			width: 100%;
			display:block;
			margin: 0 auto;
			position:relative;
		}
		#sec_list_2 .grid .thumb span{
			color:#fff;
			position:absolute;
			top:50%;
			width: 100%;
			text-align:center;
			font-size: 2em;
			margin-top:-0.6em;
		}
		#sec_list_2 .grid .sec_list_item_right{
			overflow:hidden;
			position: absolute;
			top: auto;
			bottom:0.4em;
			margin-top:-1em;
			margin-right:0.3em;
			right:0;
			text-align:right;
		}
		#sec_list_2 .grid .sec_list_item_right_delete{
			font-size:0.75em;
			min-width: 0;
			background:#cc3333;
			-moz-box-shadow:inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
			-webkit-box-shadow:inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
			box-shadow:inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);		
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d14848), color-stop(0.4, #cc3333) );
			background:-moz-linear-gradient( center top, #d14848 5%, #cc3333 40% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d14848', endColorstr='#cc3333');
			border:1px solid rgba(0, 0, 0, 0.15);
			max-width:100%;
		}
		
/*seclist sublist*/		

		#sec_list_2 .sublist {
		
/*		margin-bottom: 0.5em;*/
		padding: 0;
		border-bottom: 1px solid #ddd;
		background: #eee;
		}


		.sec_list_separator li{
			border-top: 0px solid #a9a9a9 !important;
			border-bottom: 0px solid #ddd !important;
			background: #aaa;
		}
		.sec_list_separator .sec_list_item{
			border-top: 0px solid #a9a9a9 !important;
			border-bottom: 0px solid #ddd !important;
			font-size: 0.7em;
			margin-left:0.9em;
			cursor: initial;
		}
		.sec_list_separator li:hover{
			background: #aaa !important;
		}
		
		.sec_list_2_separator {
			background: #ddd;
			color: #fff;
		}
		.sec_list_2_separator .sec_list_2_item {
			font-size: 0.7em;
			padding: 0.4em;
			margin-left:0.4em;
		}
		
		
		#sec_submenu {
			width: 93%;
			margin:0 auto;
			padding:0;
			max-width:920px;
			display: block;
			clear:both;
			position:relative;
			overflow:hidden;
			background: #fff;
			border-bottom: 1px solid #ddd;
		}
		#sec_submenu ul{
			list-style-type: none;
			margin: 0.5em 0;
			padding: 0;
			width: 100%;
			display:block;
			overflow:auto;
		}
		#sec_submenu ul li{
		float:left;
		display:block;
		padding: 0 0.5em;
		border-right: 1px solid #ddd;
		}
		#sec_submenu ul .selected{
			color: #000;
		}
		
		#sec_function {
			border-bottom: 1px solid #ddd;
		}
		
		
		/*
		#sec_function a{
		min-width: 2em;
		font: 1em 'Droid Serif', droid-serif, giorgia, serif;
		border:0;
		margin:0.2em;
		padding: 0.1em 0.3em;
		background:#000;
		text-align:center;
		line-height:1.5em;
		color:#FFFFFF;
		font-size:1em;
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-khtml-border-radius: 0.2em;
		border-radius: 0.2em;
		}
		#sec_function a:hover{
		background:#ef4833;
		}
		#sec_function a:active{
		background:#000;
		}
		
		*/
		
		#sec_function_back {
		float:left;
		}
		#sec_function_edit {
		float:right;
		}
		#sec_function_cancel {
		float:right;
		}
		#sec_function_export {
		float:right;
		}
		#sec_function_new {
		/*float:right;*/
		}
		
		
		.button {
			vertical-align: middle;
			min-width: 1.4em;
			font: 0.9em 'Droid Serif', droid-serif, giorgia, serif;
			border:0;
			margin:0.2em;
			padding: 0.1em 0.5em;
			background:#000;
			text-align:center;
			line-height:1.5em;
			color:#fff;
			font-size:1em;
			-moz-border-radius: 0.2em;
			-webkit-border-radius: 0.2em;
			-khtml-border-radius: 0.2em;
			border-radius: 0.2em;
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
	box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);		
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #333), color-stop(1, #222) );
	background:-moz-linear-gradient( center top, #333 5%, #222 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#222');


	border:1px solid rgba(255, 255, 255, 0.5);
	display:inline-block;
	text-decoration:none;
	
	/*
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	*/
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
		
		.button:hover {
			color:#fff;
			background:#ef4833;
			-moz-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
			-webkit-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
			box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);		

		}
		.button:active{
			background:#000;
		}
		.button img {
			border:0;
			margin:0;
			padding:0;
			vertical-align:-0.21em;
		}
		.button_holder {
			-moz-opacity:0; filter:alpha(opacity=0); opacity:0; 
			min-width:0.1em;
			width:0.1em;
			overflow:hidden;
		}
		.button_ii {
			min-width: 0;
			background:#cc3333;
			-moz-box-shadow:inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
			-webkit-box-shadow:inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
			box-shadow:inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);		
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d14848), color-stop(0.4, #cc3333) );
			background:-moz-linear-gradient( center top, #d14848 5%, #cc3333 40% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d14848', endColorstr='#cc3333');
			border:1px solid rgba(0, 0, 0, 0.15);
		}

		.button_iii {
			min-width: 0;
			background:#777;
			-moz-box-shadow:inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
			-webkit-box-shadow:inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
			box-shadow:inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);		
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999), color-stop(0.4, #777) );
			background:-moz-linear-gradient( center top, #999 5%, #777 40% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#777');
			border:1px solid rgba(0, 0, 0, 0.15);
		}
		
		.note_button_select {
			display:inline-block;
		}
		
		.button_select {
		/*min-width: 1.6em;*/
		position:relative;
		overflow: none;
		}
		.button_select div{
		width:100%;
		height:100%;
		overflow: hidden;
		}
		.button_select select{
		-webkit-appearance: none;
 		width:100%;
		height:100%;
		-moz-opacity:0; filter:alpha(opacity=0); opacity:0; 
		font-size:0.4em;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		}


		.button.light {
			vertical-align: middle;
			min-width: 1.4em;
			font: 0.9em 'Droid Serif', droid-serif, giorgia, serif;
			border:0;
			margin:0.2em;
			padding: 0.1em 0.5em;
			background:#eee;
			text-align:center;
			line-height:1.5em;
			color:#333;
			font-size:1em;
			-moz-border-radius: 0.2em;
			-webkit-border-radius: 0.2em;
			-khtml-border-radius: 0.2em;
			border-radius: 0.2em;
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px 0px rgba(0, 255, 255, 0.3);
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
	box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);		
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #eee) );
	background:-moz-linear-gradient( center top, #f5f5f5 5%, #eee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eee');


	border:1px solid rgba(0, 0, 0, 0.2);
	display:inline-block;
	text-decoration:none;
	
	/*
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	*/
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
		
		.button.light:hover {
			color:#fff;
			background:#ef4833;
			-moz-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
			-webkit-box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
			box-shadow:inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);		

		}
		.button.light:active{
			background:#000;
		}	
		
		
		/* temp style */
		#sec_qrcode {
			display:none;
			background-color: rgba(0,0,0,0.7);
			position:fixed;
			top:0;
			width:100%;
			height:100%;
			z-index:800;
		}
		#sec_qrcode_container {
		position:fixed;
		top: 50%;
		margin: 0 auto;
		text-align: center;
		vertical-align:middle;
		line-height:100%;
		width:100%;
		}
		#sec_qrcode_container img{
		position:relative;
		top:-100px;
		}
		
		
		#sec_float {
			position: fixed;
			top:0;
			z-index:100;
			width:100%;
			display:block;
			/* max-width:1140px; */
		}
		#sec_float section{
			background:#f7f7f7;
		}
		
		#sec_pop {
			display:none;
			background-color: rgba(0,0,0,0.7);
			position:fixed;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:800;
			
		}
		
		#sec_pop_container {
			display:none;
			padding: 1em;
			margin: 0;
			width: 280px;
			height: 420px;
			position: fixed;
			background-color: #f7f7f7;
			border: 1px solid black;
			-moz-border-radius: 0.3em;
			-webkit-border-radius: 0.3em;
			-khtml-border-radius: 0.3em;
			border-radius: 0.3em;
			overflow: auto;
			top:0;
			z-index:801;
			top: 50%;
			left: 50%;
			margin-top: -210px;
			margin-left: -160px;
		}

#sec_pop_container img{
	width:100%;
	border:0;

}

		#sec_pop2 {
			display:none;
			background-color: rgba(0,0,0,0.7);
			position:fixed;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:800;
			
		}
		#sec_pop2_container {
			display:none;
			padding: 1em;
			margin: 0;
			width: 280px;
			height: 420px;
			position: fixed;
			background-color: #f7f7f7;
			border: 1px solid black;
			-moz-border-radius: 0.3em;
			-webkit-border-radius: 0.3em;
			-khtml-border-radius: 0.3em;
			border-radius: 0.3em;
			overflow: auto;
			top:0;
			z-index:801;
			top: 50%;
			left: 50%;
			margin-top: -210px;
			margin-left: -160px;
		}

		
		#sec_pop_rename {
			display:none;
			background-color: rgba(0,0,0,0.7);
			position:fixed;
			top:0;
			left:0;
			width:100%;
			height:100%;
			z-index:800;
			
		}
		
		#sec_pop_rename_container {
			display:none;
			padding: 1em;
			margin: 0;
			width: 280px;
			height: 100px;
			position: fixed;
			background-color: #f7f7f7;
			border: 1px solid black;
			-moz-border-radius: 0.3em;
			-webkit-border-radius: 0.3em;
			-khtml-border-radius: 0.3em;
			border-radius: 0.3em;
			overflow: auto;
			top:0;
			z-index:801;
			top: 50%;
			left: 50%;
			
			margin-top: -70px;
			margin-left: -160px;
			
		}
		
		
		#sec_mask {
			display:none;
			background-color: rgba(0,0,0,0.7);
			position:fixed;
			top:0;
			width:100%;
			height:100%;
			z-index:1000;
			
		}
		#sec_loading{
		position:fixed;
		top: 48%;
		margin: 0 auto;
		text-align: center;
		vertical-align:middle;
		line-height:100%;
		width:100%;
		}
		
		.alert {
			font-size: 0.8em;
			border:1px solid rgba(255, 255, 255, 0.5);
			color: #fff;
			background: #ef4833;
			padding: 0.5em;
			margin:  0;
			white-space:normal;
		}
		
		.text_contents {
			margin:1em;
			white-space:normal;
		}
		
		.text_contents h1{
			font-size: 1.5em;
		}
		.text_contents h2{
			color: #999;
			font-size: 1em;
			font-size: 0.9em;
		}
		.text_contents p{
			margin-top: 1em;
		}
		.separator{
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #fff;
			display:block;
			clear:both;
			height:0px;
			width:100%;
			margin: 0;
		}
		.text_contents_block {
			margin: 1em 0;
		}
		
		.sub_note {
			margin-top: 1em;
			display:block;
			white-space:normal;
			background: #ededed;
			padding: 0.8em;
			font-size: 1em;
			color: #333;
		}


/* ui date picker */


.ui-datepicker {
	font-size: 0.8em;
	background:#eee;
    width: 216px;  
    height: auto;  
    margin: 5px auto 0;  
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);  
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);  
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);  
} 

.ui-datepicker a {
    text-decoration: none;  
} 


.ui-datepicker-header {
    background: #000;  
    color: #eee;  
    font-weight: bold;  
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);  
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);  
    box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);  
    text-shadow: 1px -1px 0px #000;  
    filter: dropshadow(color=#000, offx=1, offy=-1);  
    line-height: 30px;  
    border-width: 1px 0 0 0;  
    border-style: solid;  
    border-color: #111;  
}  

.ui-datepicker-title {  
	margin: 0 0.5em 0 0.5em;
	} 
.ui-datepicker-prev {  
	margin: 0 0.5em 0 0.5em;
}  
.ui-datepicker-next {  
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover{
	color:#fff;
}

.ui-datepicker thead {
    background-color: #f7f7f7;  
    background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);  
    background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));  
    background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );  
    border-bottom: 1px solid #bbb;  
}  


.ui-datepicker tbody td {  
    padding: 0;  
    border-right: 1px solid #bbb;  
}  

.ui-datepicker tbody td:last-child {  
    border-right: 0px;  
} 

.ui-datepicker tbody tr {  
    border-bottom: 1px solid #bbb;  
}  
.ui-datepicker tbody tr:last-child {  
    border-bottom: 0px;  
}  

.ui-datepicker table {  
    width: 100%;  
} 

.ui-datepicker td span, .ui-datepicker td a {  
    display: inline-block;  
    font-weight: bold;  
    text-align: center;  
    width: 30px;  
    height: 30px;  
    line-height: 30px;  
    color: #666666;  
    text-shadow: 1px 1px 0px #fff;  
    filter: dropshadow(color=#fff, offx=1, offy=1);  
}  
.ui-datepicker-calendar .ui-state-default {  
    background: #ededed;  
    background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);  
    background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#ededed), color-stop(100%,#dedede));  
    background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);  
    background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);  
    background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);  
    background: linear-gradient(top,  #ededed 0%,#dedede 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );  
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);  
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);  
    box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);  
}  
.ui-datepicker-unselectable .ui-state-default {  
    background: #f4f4f4;  
    color: #b4b3b3;  
}  

.ui-datepicker-calendar .ui-state-hover {  
    background: #f7f7f7;  
} 

.ui-datepicker-calendar .ui-state-active {  
    background: #EF4833;  
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);  
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);  
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);  
    color: #fff;  
    text-shadow: 0px 1px 0px #bf3a29;  
    filter: dropshadow(color=#bf3a29, offx=0, offy=1);  
    border: 1px solid #bf3a29;  
    position: relative;  
    margin: -1px;  
}  


/* ui date picker end */


	@media screen and (max-width: 800px) {
		#sec_signin_article {
			width:50%;
		}
		#sec_signin_feature {
			width:50%;
		}
	}

	@media screen and (max-width: 600px) {
	
			.menu_client{
			display:none;
		}

section ul li .title{
			width:70%;
		}
section ul li .subtitle{
			width:70%;
		}
	
	/* grid view */
		#sec_list_2 .grid li{
			width:33.3%;
		}
		#sec_list_2 .grid .sec_list_item {
			padding: 0.2em;
		}
		#sec_list_2 .grid .sec_list_item_right{
			bottom:0.2em;
			margin-right:0.1em;
		}
		#sec_list_2 .grid .sec_list_handle{
			margin-left:0em;
		}
		#sec_list_2 .grid .thumb span{
			font-size: 1em;
		}
	
	#sec_list_1 {
			width:0;
			}
	#sec_list_2 {
			width:100%;
			}
	#sec_list_2 iframe{
			width:100%;
			height:50%;
		}
	#menu_switch {
			display:block;
			position:absolute;
			top: 0px;
			right: 0em;
			height: 3em;
			width: 2.2em;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAA2CAYAAABTCxDCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9JREFUeNrs2tEJwCAMBUAj3aj7j+BMaVfIR4vBy79wxPCIYGTm6FZzNCxoaOgd0BFx6zQ0NDQ0NDT0T3VVD3y1q7zPvmU82o9H5Rp1GlrkGQ+RJz2gRZ7xEHnSAxoaGhoauri0+ToBDQ19DvoRYAAByx4FTnJNwgAAAABJRU5ErkJggg==);
background-repeat:no-repeat;
		}
		
		#menu_switch:hover {
			/*background-color: rgba(0,0,0,0.2);*/
			-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; 
			
		}
		#menu_switch:active {
		/*	background-color: rgba(0,0,0,0.2); */
			-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; 
		}
	
	
		#menu {
			width:100%;
			text-align: center;
			color:#000;
			font: 1.1em 'Droid Serif', droid-serif, giorgia, serif;
			display: block;
			position:relative;		
		}
		#branding {
			font-size: 1.4em;
			display: block;
/*
			text-align: center;
*/			
			width:100%;
		}
		#branding .notes {
			font: 0.5em 'Droid Serif', droid-serif, giorgia, serif;
			vertical-align: 0.3em;
		}
		#sec_submenu {
			display:none;
			position: relative;
			z-index:100;
		background: transparent;
		}
		#sec_submenu ul{
			font-size: 1.1em;
			max-width:920px;
			list-style-type: none;
			margin: 0 auto;
			padding: 0;
			width: 100%;
			display:block;
			overflow:auto;
		}
		#sec_submenu ul li{
		overflow:hidden;
		width:100%;
		clear: both;
		display:block;
		padding: 0;
		border: 0;
		border-bottom: 1px solid #ddd;
		}
		#sec_submenu ul li:last-child{
		border-bottom: 0px;
		}
		#sec_submenu ul li:hover{
		background: #ddd;
		}
		#sec_submenu ul li:active{
		background: #ddd;
		}
		#sec_submenu ul li a{
			display:block;
			width:93%;
			margin: 0 auto;
			padding: 0.4em 0;
		}
		#sec_submenu ul li a:hover{
		}
		#sec_function {
			background: #fff;
		}
		#sec_signin_article{
			display:block;
			width:auto;
			float:none;
		}
		#sec_signin_article p{
			display:none;
		}
		#sec_signin_feature {
			background:none;
			width:100%;
			float:none;
		}
		#sec_signin_feature form{
			margin:0;
		}
		footer {
			font-size:0.6em;
		}
	}
	@media screen and (max-width: 480px) {
	}

-->