@charset "utf-8";
/* CSS Document */

html{
	height:100%;
}
body{
	font-family:arial;
	font-size:12px;
	height:100%;
	margin:0px;
	padding:0px;
	overflow-y:scroll;
}

body.login_bg{
	background:url(../images/login/bg.jpg) no-repeat center top
}

.float_r{
	float:right;
}
.float_l{
	float:left;
}
.clear{
	float:none!important;
	clear:both!important;
}

/* general global //////////////////////////////////////////*/
img {
	border:0px;
}
select, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border:1px solid #CCC;
	padding:5px 10px;
	margin-bottom:3px;
	margin-right:2px;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
select{
	font-family:"Century Gothic", "微軟正黑體", Arial;
}
	
textarea {
	width:100%!important;
}
input[type=checkbox], input[type=radio] {
	border:none;
}
input[type=image]{
	padding:0px;
	margin:0px;
	border:none;
}
input[type=file]{
	width:200px;
	background-color:#FFF!important;
	box-shadow:none!important;
	color:#333!important;
}
input[type=file]:hover{
	color:#333!important;
}

select {
	
}
textarea {
	resize:none;
}
input:focus, select:focus, textarea:focus {
	color:#000;
	border:1px solid #ccc;
	box-shadow:inset 0px 0px 2px #999;
}
a:link, a:visited, a:active {
	color: #b6b6b6;
	text-decoration: none;
	font-size:11px;
}
a:hover {
	color: #0046d5!important;
	text-decoration: none;
}
/* GLOBAL END //////////////////*/

/* LOGIN /////////////////////*/
.sys_title{
	font-size:36px;
	padding-bottom:10px;
}

.sys_login{
	height:100%;
	width:100%;
	display:table;
	
}
.sys_login > div{
	padding:30px;
	display:table-cell; 
	vertical-align:middle;
}

.login_box{
	width:900px;
	margin:auto;
	
}
.login_box input:focus{
	box-shadow:inset 0px 0px 4px #666;
}

.login_emailbox > div{
	display:inline-block;
	
}
* html .login_emailbox > div{
	display:inline;
}
* + html .login_emailbox > div{
	display:inline;
}
.login_emailbox > div:nth-child(1){
	background:url(../images/login/username_bg.png) repeat-y center right;
	background-color:#00ffff;
	color:#ffffff;
	font-size:11px;
	text-transform:uppercase;
	padding:12px;
	padding-right:12px;
	padding-bottom:10px;
	padding-left:90px;
	text-align:right;
	box-shadow:0px 1px 2px #333;
	line-height:5px;
}
.login_emailbox{
	font-size:0px;
	margin-bottom:3px;
}
.login_emailbox input{
	margin:0px;
	padding:6px 10px;
	border:0px;
	background-color:#d0d7d9;
	color:#333;
	width:170px;
}

.login_passwordbox > div{
	display:inline-block;
	
}
* html .login_passwordbox > div{
	display:inline;
}
* + html .login_passwordbox > div{
	display:inline;
}
.login_passwordbox > div:nth-child(1){
	background:url(../images/login/password_bg.png) repeat-y center right;
	background-color:#dedede;
	color:#ffffff;
	font-size:11px;
	text-transform:uppercase;
	padding:12px;
	padding-right:12px;
	padding-bottom:10px;
	padding-left:70px;
	text-align:right;
	box-shadow:0px 1px 2px #333;
	line-height:5px;
}
.login_passwordbox{
	font-size:0px;
	margin-bottom:3px;
}
.login_passwordbox input{
	margin:0px;
	padding:6px 10px;
	border:0px;
	background-color:#eff1f2;
	color:#333;
	width:170px;
}
#login_request_password {
	position:absolute;
	width:360px;
	margin-left:0px;
	background-color:#06408e;
	background:-moz-linear-gradient(center top , #174e98, #000c59); /* FF3.6+ */ 
	background: -webkit-linear-gradient(top, #174e98 0%,#000c59 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #174e98,#000c59 100%); /* IE10+ */
	background: linear-gradient(to bottom, #174e98 0%,#000c59 100%); /* W3C */
	color:#00fffc;
	text-align:left;
	display:none;
	z-index:10;
}
#login_request_password .remark{
	font-size:11px;
	padding:10px 0px;
	color:#fbf800;
}
#login_request_password .title{
	font-size:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:10px;
}
#login_request_password > div {
	padding:15px;
}
#login_request_password .but_general{
	background-color:#002ac8;
	box-shadow:inset 0px 0px 10px #009bc8;
	background:-moz-linear-gradient(center top , #002ac8, #00fff6); /* FF3.6+ */ 
	background: -webkit-linear-gradient(top, #002ac8 0%,#00fff6 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #002ac8,#00fff6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #002ac8 0%,#00fff6 100%); /* W3C */
}
#login_request_password .but_general:hover{
	box-shadow:inset 0px 0px 10px #00f8fb!important;
	color:#ffffff!important;
	background-color:#002ac8;
	background:-moz-linear-gradient(center top , #002ac8, #00fff6); /* FF3.6+ */ 
	background: -webkit-linear-gradient(top, #002ac8 0%,#00fff6 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #002ac8,#00fff6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #002ac8 0%,#00fff6 100%); /* W3C */
}
.login_request_close {
	float:right;
	cursor:pointer;
	color:#ffffff;
	font-size:11px;
}
.login_request_close:hover {
	color:#00f0ff;
}
#login_request_password_message {
	padding-top:5px;
	font-weight:bold;
}
.but_login{
	background:url(../images/button/login_bg.png) repeat-y center right;
	background-color:#21ffff;
	color:#2e2e2e;
	font-size:11px;
	text-transform:uppercase;
	padding:13px;
	padding-right:13px;
	padding-bottom:11px;
	padding-left:70px;
	text-align:right;
	box-shadow:0px 1px 2px #333;
	cursor:pointer;
	display:inline-block;
	line-height:0px;

}
.but_login:hover{
	background:url(../images/button/login_bg_ro.png) repeat-y center right;
	background-color:#ffe234;
	color:#ffffff;
}

.time_box{
	padding-left:60px;font-size:50px;color:#CCC;height:150px;
	font-family:'Century Gothic', Arial;
}
.time_box .day{
	font-size:170px;color:#dbdbdb;
	line-height:150px;
}
.time_box .month{
	font-size:50px;
}
.time_box .year{
	font-size:40px;
}
.time_box .weekday{
	font-size:13px;
	color:#003dd1;
}
.time_box .time{
	font-size:60px;
	color:#003dd1;
	line-height:50px;
}
.time_box .sec{
	color:#d6d6d6;
	font-size:20px;
}
.date_container{
	overflow:hidden;
}
.time_container{
	padding-top:10px;
	border-top:1px solid #dedede;
}
.time_container > span{
	vertical-align:top;
	display:inline-block;
}
* html .time_container > span{
	display:inline;
}
* + html .time_container > span{
	display:inline;
}
/* LOGIN END ///////////////*/
/* BASE /////////////////////////*/
.header_infobox{
	font-sie:11px;
}
.header_infobox > div{
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
    border-left:1px solid #CCC;
}
* html .header_infobox > div{
	display:inline;
}
* + html .header_infobox > div{
	display:inline;
}

.header_infobox > div:nth-child(1){
	border:none;
}
.but_logout{
	background:url(../images/button/logout.png) no-repeat center center;
	height:40px;
	width:40px;
	cursor:pointer;
}
.but_logout:hover{
	background:url(../images/button/logout_ro.png) no-repeat center center;
	
}

.footer{
	background-color:#fff710;
	position:fixed;
	bottom:0px;
	width:100%;
	font-size:10px;
}
.footer > div{
	padding:15px 40px;
}
.footer .licensing{
	color:#00970e;
}
.footer .licensing .clientname{
	color:#00295b;
	font-weight:bold;
}
.footer .cr{
	color:#00970e
}

.navbox{
	float:right;
}
.navbox > div{
	display:inline-block;
	vertical-align:top;
}
* html .navbox > div{
	display:inline;
}
* + html .navbox > div{
	display:inline;
}
.nav_outerside{
	background:url(../images/main/nav_outer_side.png) no-repeat right 25px;
	width:43px;
	min-height:460px;
}
.nav_listbox{
	background:url(../images/main/nav_top.png) no-repeat top right;
	width:220px; /*200*/
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; /* IE 10 */
    user-select: none;
	-webkit-touch-callout: none;
	cursor:default;
	/*
	box-shadow:30px 25px 55px #dedede;
	overflow:auto;
	max-height:500px;
	*/
	
}

.nav_listbox .lv1{
	padding:15px;
	padding-bottom:25px;
	padding-left:25px;
	border-bottom:1px dashed #eaeaea;
}
.nav_listbox .lv1.break{
	background:url(../images/main/nav_unit_break.png) no-repeat top right;
	
}
.nav_listbox > div:nth-child(1){
	padding-top:50px;
}

.nav_listbox .lv1 > div.heading{
	background:url(../images/main/nav_indicator2.png) no-repeat left 6px;
	padding-left:25px;
	font-size:16px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-bottom:8px;
}
.nav_listbox .lv1:hover > div:nth-child(1){
	background:url(../images/main/nav_indicator2_ro.png) no-repeat left 6px;
}

.nav_listbox .list > div{
	background:url(../images/main/nav_indicator.png) no-repeat left 3px;
	padding-left:25px;
	font-size:11px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-bottom:3px;
	cursor:pointer;
	color:#737775;
}
.nav_listbox .list > div:hover{
	background:url(../images/main/nav_indicator_ro.png) no-repeat left 3px;
	color:#ff6c00;
}

.section_header{
	padding:10px 40px;
	margin-bottom:10px;
}
.section_heading{
	background:url(../images/main/section_icon.png) no-repeat left center;
	color:#0000ba;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:36px;
	line-height:36px;
	padding-left:40px;
}
.locator{
	background:url(../images/main/locator.png) no-repeat left center;
	color:#0fa100;
	margin-left:40px;
	padding-left:20px;
	font-size:10px;
	text-transform:uppercase;
}
.section_container{
	background:url(../images/main/section_title_break.png) no-repeat left top;
	padding:20px 40px;
	padding-right:0px;
	padding-bottom:80px;
	overflow:hidden;
	
}
.section_heading2{
	background-color:#06408e;
	background:-moz-linear-gradient(center top , #174e98, #000c59); /* FF3.6+ */ 
	background: -webkit-linear-gradient(top, #174e98 0%,#000c59 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #174e98,#000c59 100%); /* IE10+ */
	background: linear-gradient(to bottom, #174e98 0%,#000c59 100%); /* W3C */
	color:#ffffff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	line-height:20px;
	padding-left:40px;
	border-radius:5px;
	padding:5px 20px;
}
/* BASE END /////////////////*/

/* COMPONENT ////////////////////*/
.page_bar{
	font-size:11px;
	color:#656565;
}
.page_top, .page_bottom{
	padding:5px 5px;
}
.page_top{
/*	border-top:1px #ddd solid;*/
/*	border-radius:10px;*/
}
.page_bottom{
	border-top:1px #ddd solid;
	margin-bottom:10px;
}

.page_control{
	text-align:right;
}
.page_control select{
	padding:0px;
	margin:0px;
	box-shadow:none;
}
.page_control > div{
	display:inline-block;
	margin-left:5px;
	vertical-align:middle;
}
* html .page_control > div{
	display:inline;
}
* + html .page_control > div{
	display:inline;
}
.page_prev{
	background:url(../images/button/page_prev.png) no-repeat center center;
	height:20px;
	width:20px;
	cursor:pointer;
}
.page_next{
	background:url(../images/button/page_next.png) no-repeat center center;
	height:20px;
	width:20px;
	cursor:pointer;
}

.no_item, .no_result {
	font-size:10px;
	color:#184fbe;
	text-align:center;
	padding:5px 0px;
	border-top:1px dashed #184fbe;
	text-transform:uppoerse;
	font-weight:bold;
}
.asterisk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF1B1F;
}

.sys_remark{
	color:#EA0271;
	font-size:11px;
}

.sys_msg_box{
	position:fixed;
	width:95%;
	height:100%;
	text-align:center;
	display:none;
}

.sys_msg_box > div{
	
	padding-top:100px;
	text-align:center;
	display:table;
	margin:auto;
}

.sys_msg_box > div > div{
	border-radius:5px;
	background-color:#053678;
	box-shadow:0px 0px 5px #666;
	font-size:12px;
	color:#ffffff;
	text-align:left;
	padding:20px 60px;
	
}


.sys_remark_msgbox{
	border-radius:5px;
	background-color:#E8F5FF;
	padding:7px 10px;
	font-size:11px;
	color:#025a9d;
}
.sys_remark_msgbox > p{
	margin:0px;
	margin-bottom:5px;
}
.sys_remark_msgbox > p:nth-last-child(1){
	margin:0px;
}

.sys_remark_msgbox a{
	background:-moz-linear-gradient(center top , #1978ba, #0d507e) repeat scroll 0 0 transparent !important;
	background-color:#1978ba;
	padding:2px 10px;
	margin:3px 5px;
	display:inline;
	color:#fff!important;
	font-size:10px;
	border-radius:3px;
}
.sys_remark_msgbox a:hover{
	background:-moz-linear-gradient(center top , #003356, #001d32) repeat scroll 0 0 transparent !important;
	background-color:#001d32;
}




.table_list {
	background-color:#fff;
	width:100%;
/*	margin-bottom:10px;*/
	border:1px solid #abdbe3; 
	border-radius:4px; 
	margin-bottom:5px;

}
.table_list > tbody > tr:hover {
	background-color:#ffffe8;
	
}
.table_list > tbody > tr:hover > td {
	border-bottom:1px solid #ffe614;
}
.table_list > tbody > tr > td {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #EFEFEF;
	vertical-align:middle;
}
.table_list > tbody > tr > td:nth-child(1){
	background:url(../images/main/nav_indicator.png) no-repeat 15px 16px;
	padding-left:35px;
}

.table_list > tbody > tr:nth-child(1) > td {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#ffffff;
	/*	background-color:#FFB9B9;*/
	/*background-color:#fff38a;*/
	background-color:#06408e;
	background:-moz-linear-gradient(center top , #174e98, #000c59); /* FF3.6+ */ 
	background: -webkit-linear-gradient(top, #174e98 0%,#000c59 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #174e98,#000c59 100%); /* IE10+ */
	background: linear-gradient(to bottom, #174e98 0%,#000c59 100%); /* W3C */
	border-bottom:3px solid #00f4f7;
	padding:10px 0px 7px;
	padding-left:15px;
}
.table_list > tbody > tr:nth-child(1) > td a{
	color:#fff38a;
}
.table_list > tbody > tr:nth-child(1) > td:nth-child(1){
	border-radius:3px 0px 0px 3px;
}
.table_list > tbody > tr:nth-child(1) > td:nth-last-child(1){
	border-radius:0px 3px 3px 0px;
	text-align:center;
	padding-right:10px;
}
.table_list > tbody > tr:nth-last-child(1) > td{
	border:none;
}
.table_list .hl > td{
	color:#0008b0;
}

.table_list_action.nofix{
	min-width:inherit!important;
	background-color:none;
}
.table_list_action{
	border-radius:2px;
	text-align:right;
	padding:0px 2px;
	/*background-color:#f5f5f5;*/
	margin-right:10px;
	line-height:0px;
	text-align:center;
	white-space:nowrap;
}
.table_list_action:hover{
	/*
	box-shadow:0px 1px 1px #CCC;
	background-color:#fff;
	*/
}
.table_list_action .but_general{
	padding:13px 20px 2px 15px!important;
  	height:10px!important;
}
.table_list_action div{
	display:inline-block;
	background-repeat:no-repeat;
	background-position: center center;
	width:25px;
	height:25px;
	margin-left:2px;
	cursor:pointer;
}
* html .table_list_action div{
	display:inline;
}
* + html .table_list_action div{
	display:inline;
}
.table_list .item_no{
	padding:5px 10px;
	background-color:#ddfdff;
	background-color:#ffffff;
	color:#549397;
	border-radius:5px;
	display:table;
	border:1px dashed; /* #cdcdcd;*/

}

.action_box {
	padding-top:15px;
	text-align:right;
	float:right;
	vertical-align:top;
}
.action_box .but_general {
	color:#333!important;
	padding:6px 20px!important;
	padding-top:8px!important;
	background-color:#EBEBEB!important;
	background:-moz-linear-gradient(left top , #ffffff, #c3c3c3); /* FF3.6+ */ 
	background: -webkit-linear-gradient(left top, #ffffff 0%,#c3c3c3 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(left top, #ffffff,#c3c3c3 100%); /* IE10+ */
	background: linear-gradient(to bottom right, #ffffff 0%,#c3c3c3 100%); /* W3C */
	
	
	border-radius:3px!important;
	box-shadow:0px 1px 1px #333!important;
	
}
.action_box .but_general:hover {
	color:#000!important;
	background-color:#ffde00;
	background:-moz-linear-gradient(left top , #ffffff, #acf1f3); /* FF3.6+ */ 
	background: -webkit-linear-gradient(left top, #ffffff 0%,#acf1f3 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(left top, #ffffff,#acf1f3 100%); /* IE10+ */
	background: linear-gradient(to bottom right, #ffffff 0%,#acf1f3 100%); /* W3C */
	box-shadow:inset 0px -5px 10px #000!important;
	box-shadow:inset 0px 1px 1px #666!important;
	padding:9px 20px 5px!important;
}
.tagbar{
	z-index:101;
	position:absolute;
	background-color:#181818;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00fcff;
	display:none;
	padding:5px 10px;
	text-align:left;
	box-shadow:0px 0px 5px #d3d3d3;

}

.table_form {
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.table_form tr:hover {
	background-color:#fcfcfc;
}
.table_form tr:hover > td, .table_form > tbody > tr:hover > td:nth-child(1) {
	color:#222;
}
.table_form td {
	font-size:11px;
	vertical-align:top;
	color:#999;
}
.table_form > tbody > tr > td {
	padding:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
	padding-right:5px;
	padding-bottom:5px;
}
.table_form > tbody > tr > td > div{
	padding:5px 0px;
}
.table_form > tbody > tr > td > span{
	padding:0px 10px
}
.table_form > tbody > tr:nth-last-child(1) > td {
	border:none;
}
.table_form > tbody > tr > td:nth-child(1) { /* first column */
	width:110px;
	color:#999;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	font-size:12px;
	padding-top:10px;
}
.table_form .nostyle {
	width:inherit;
}
.table_form .nostyle > label{
	width:inherit;
}


.table_form label {
	display:inline-block;
	width:120px;
	margin-right:10px;
	vertical-align:top;
	padding:5px 0px;
}
.table_form label input[type=radio] {
	float:left;
	margin-top:0px;
}
* html .table_form label {
	display:inline;
}
* + html .table_form label {
	display:inline;
}

.mod_rights_list{
	padding-bottom:10px;
}
.mod_rights_list label{
	width:inherit!important;
	margin:0px;
	padding:2px 0px;
	
}

.mod_rights_list > div{
	color:#333;
	display:inline-block;
	width:180px;
	vertical-align:top;
	margin-right:0px;
}

* html .mod_rights_list > div{
	display:inline;
}
* + html .mod_rights_list > div{
	display:inline;
}
.mod_rights_list input[type=checkbox]{
	float:left;
	padding:0px;
	padding-top:0px;
	margin-top:3px;
}
.mod_rights_list input:focus{
	box-shadow:none;
	border:none;
}
.mod_rights_list .lv1 > div:nth-child(1){
	background:-moz-linear-gradient(center top , #FFEA5C, #FFD200) repeat scroll 0 0 transparent !important;
	background-color:#FFD200;
	padding:3px 10px;
	border-radius:2px;
	font-size:13px;
	font-weight:bold;
	line-height:19px;
	box-shadow:inset 0px 0px 3px #c88d00;
}
.mod_rights_list .lv2{
	margin-top:0px;
	padding:0px 10px;
}
.mod_rights_list .lv2 > div{
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:1px solid #dedede;
	padding-top:2px;
	clear:both;
	margin:0px;

}
.mod_rights_list .lv2 > div label{
	line-height:22px;

}
.mod_rights_list .lv2 > div:nth-last-child(1){
	border:none;
}
#validation_box > div{
	display:inline-block;
	padding:6px;
	vertical-align:middle;
}
* html #validation_box > div{
	display:inline;
}
* + html #validation_box > div{
	display:inline;
}

/* language ///////////////////////////////////*/
.lang_field_box{
	/*
	box-shadow:0px 1px 6px #999;
	padding:5px 10px;
	
	*/
}
.lang_field_box > div{
	
}
.lang_field_box div.lang_name{
	float:left;
	width:80px;
	padding-top:3px;
}
.lang_field_box div.lang_name > span{
	position:absolute;
	padding:3px 10px;
	border-radius:5px;
	background-color:#f0f0f0;
}
.lang_field_box > div:hover .lang_name > span{
	background-color:#fff710;
	color:#111;
}

.lang_field_box .data_box{
	overflow:hidden;
	padding:2px;
}
.lang_field_box > div:hover .data_box{
	background-color:#fff710;
}
.lang_field_box .data_box select, input, textarea {
	margin:0px;
}

.lang_field_box > table > tbody > tr > td {
	border-bottom:1px solid #eee;
	vertical-align:middle;
	padding:1px 0px;
	vertical-align:top;
}

.lang_field_box > table > tbody > tr > td:nth-child(1){
	padding:6px 5px;
	width:80px;
}
.lang_field_box > table > tbody > tr:hover > td{
	background-color:#d8f7f9;
}
.lang_field_box > table > tbody > tr:nth-last-child(1) > td {
	border:none;
}

.lang_name{
	font-size:11px;
	font-weight:normal;
	color:#666;
}
.lang_name .default{
	color:#F00;
}

.gallery_list{
	padding:10px 0px;
}

.gallery_list > div{
	margin-right:10px;
	margin-bottom:30px;
	display:inline-block;
	vertical-align:top;
}
.gallery_list > div:nth-child(4n+4){
	/*margin-right:0px;*/
}
* html .gallery_list > div{
	display:inline;
}
* + html .gallery_list > div{
	display:inline;
}

.gallery_thumb_box{
	background-color:#E4E4E4;
	background-image:url(../../images/gallery/album_bg.gif);
	background-repeat:repeat-x;	
	padding:5px;
}
.gallery_thumb_box > div{
	width:170px;
	height:130px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background-color:#000000;
}


.gallery_list .des {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	padding-top:5px;
	margin-top:5px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #EFEFEF;
}


.gallery_list .table_list_action{
	box-shadow:0px 1px 1px #CCC;
	margin:0px;
	text-align:right;
	padding:5px;
}

/* section tab /////////////////////*/
.section_tabbox {
	margin-left:15px;
	margin-top:10px;
	/*	border-bottom:2px solid #333;*/
}
.section_tabbox > div {
	background-color:#aaaaaa;
	background:-moz-linear-gradient(center top , #eee, #aaaaaa); /* FF3.6+ */ 
	background: -webkit-linear-gradient(top, #eee 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #eee,#aaaaaa 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eee 0%,#aaaaaa 100%); /* W3C */
	
	cursor:pointer;
	display:inline-block;
	padding:7px 25px;
	font-size:14px;
	color:#666;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.section_tabbox > div:hover {
	background-color:#555555;
	background:-moz-linear-gradient(center top , #888888, #555555); /* FF3.6+ */ 
	background: -webkit-linear-gradient(top, #888888 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #888888,#555555 100%); /* IE10+ */
	background: linear-gradient(to bottom, #888888 0%,#555555 100%); /* W3C */

	color:#fff;
}
.section_tabbox > div.hl {
	background-color:#FFD200;
	background:-moz-linear-gradient(center top , #FFEA5C, #FFD200); /* FF3.6+ */ 
	background: -webkit-linear-gradient(top, #FFEA5C 0%,#FFD200 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #FFEA5C,#FFD200 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FFEA5C 0%,#FFD200 100%); /* W3C */
	
	background:#FFEA5C;
	color:#111!important;

}
* html .section_tabbox > div {
	display:inline;
}
* + html .section_tabbox > div {
	display:inline;
}
.feature_des {
	background-color:#006AD5;
	color:#fff;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
}

#html_uploader{
	display:none;
}

/* COMPONENT END//////////////////////*/

/* BUTTON ///////////////////////////*/
.but_general, input[type=button], input[type=submit] {
	display:inline-block;
	background-color:#EBEBEB!important;
	background:-moz-linear-gradient(left top , #ffffff, #c3c3c3); /* FF3.6+ */ 
	background: -webkit-linear-gradient(left top, #ffffff 0%,#c3c3c3 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(left top, #ffffff,#c3c3c3 100%); /* IE10+ */
	background: linear-gradient(to bottom right, #ffffff 0%,#c3c3c3 100%); /* W3C */
	border-radius:3px!important;
	box-shadow:0px 1px 1px #333!important;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px 15px!important;
	color:#333!important;
	margin-left:1px;
	cursor:pointer;
	border:none;
	vertical-align:top;
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; /* IE 10 */
    user-select: none;
	-webkit-touch-callout: none;
}
.but_general:hover, input[type=button]:hover, input[type=submit]:hover{
	background-color:#141414;
	color:#FC0!important;
	
	color:#000!important;
	background-color:#fbe777;
	background:-moz-linear-gradient(left top , #ffffff, #fbe777); /* FF3.6+ */ 
	background: -webkit-linear-gradient(left top, #ffffff 0%,#fbe777 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(left top, #ffffff,#fbe777 100%); /* IE10+ */
	background: linear-gradient(to bottom right, #ffffff 0%,#fbe777 100%); /* W3C */
	box-shadow:inset 0px -5px 10px #000!important;
	box-shadow:inset 0px 1px 1px #666!important;
}
* html .but_general {
	display:inline;
}
* + html .but_general {
	display:inline;
}

.but_display{
	background-image:url(../images/button/display.png);
}
.but_display.off{
	background-image:url(../images/button/display_off.png);
}
.but_edit{
	background-image:url(../images/button/edit.png);
}
.but_edit:hover{
	background-image:url(../images/button/edit_ro.png);
}
.but_delete{
	background-image:url(../images/button/delete.png);
}
.but_delete:hover{
	background-image:url(../images/button/delete_ro.png);
}
.but_preview{
	background-image:url(../images/button/preview.png);
}

.but_back {
	background:url(../images/button/back.png) no-repeat center center;
	background-color:#ffffff;
	
	color:#888;
	font-size:11px;
	display:inline-block;
	margin-left:auto;
	border-radius:3px;
	box-shadow:inset 0px 1px 1px #73dae6;
	height:15px;
	width:20px;
	padding:7px 10px!important;
	float:left;
	margin-right:5px;
	cursor:pointer;
}
.but_back:hover {
	background:url(../images/button/back_ro.png) no-repeat center center;
	color:#fff;
	background-color:#aaebf3!important;
	box-shadow:inset 0px 1px 1px #35abb9;
}
* html .but_back {
	display:inline;
}
* + html .but_back {
	display:inline;
}
.but_cate{
	display:table;
	padding:5px 20px;
	
	background-color:#71c1cd;
	background:-moz-linear-gradient(center top , #71c1cd, #1e3991); /* FF3.6+ */ 
	background: -webkit-linear-gradient(top, #71c1cd 0%,#1e3991 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #71c1cd,#1e3991 100%); /* IE10+ */
	background: linear-gradient(to bottom, #71c1cd 0%,#1e3991 100%); /* W3C */
	border-radius:5px;
	color:#ffffff;
	box-shadow:0px 1px 1px #1e3991;
	cursor:pointer;
	font-weight:bold;
	margin-right:5px;
}
.but_cate:hover{
	background-color:#ffde00;
	background:-moz-linear-gradient(center top , #ffe400, #ffba00); /* FF3.6+ */ 
	background: -webkit-linear-gradient(top, #ffe400 0%,#ffba00 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #ffe400,#ffba00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffe400 0%,#ffba00 100%); /* W3C */
	color:#483500;
	box-shadow:inset 0px 1px 1px #1e3991;
	padding-top:6px;
	padding-bottom:4px;
}
/* BUTTON END //////////*/

/* ICON ////////////////////////////////////////////////////*/
.icon_valid{
	display:table-cell;
	background:url(../images/icon/valid.png) no-repeat center center;
	width:20px;
	height:20px;
}

.icon_invalid{
	display:inline-block;
	background:url(../images/icon/invalid.png) no-repeat center center;
	width:20px;
	height:20px;
}

/* ICON END ///////////////////////////////////*/

/* COMPONENT ////////////////////////////////*/
.section_controlbox{
	color:#fff;
	background:-moz-linear-gradient(center top , #777, #555) repeat scroll 0 0 transparent #555!important;
	background-color:#555;
	border-radius:5px;
	padding:5px;
	font-size:11px;
	margin:0px!important;
}
.section_controlbox > div{
	color:#111;
	display:inline-table;
	margin-right:1px;
	background-color:#ffd200;
	background:-moz-linear-gradient(center top , #ffea5c, #ffd200) repeat scroll 0 0 transparent !important;
	border-radius:2px;
	padding:0px 7px;
}
.section_controlbox > div > div{
	display:inline-block;
	vertical-align:middle;
	padding:3px 0px;
	padding-right:5px;
	font-weight:normal;
}
.section_controlbox > div > div:nth-child(1){
	border-right:1px solid #666;
	padding:6px 0px;
	padding-right:10px;
	font-weight:bold;
}
* html .section_controlbox > div > div{
	display:inline;
}
* + html .section_controlbox > div > div{
	display:inline;
}

.section_controlbox td{
	padding-right:5px;
}
.section_controlbox td:nth-last-child(1){
	padding:0px;
}
.section_controlbox .but_general{
	padding:2px 10px;
}

.section_controlbox label {
	display:inline-block;
	margin-right:10px;
	vertical-align:top;
	padding:2px 0px 0px;
}
.section_controlbox label input[type=radio] {
	float:left;
	margin-top:0px;
	margin-right:5px;
}
* html .section_controlbox label {
	display:inline;
}
* + html .section_controlbox label {
	display:inline;
}
.section_controlbox select, .section_controlbox input{
	margin:0px;
	padding:0px;
}
.section_controlbox input{
	padding:2px;
}

/* COMPONENT END ////////////////////////////*/