@charset "utf-8"; /*public.css 共用的CSS*/
body{margin:0px;padding:0px;background:#fff;font-size:13px; color:#000;}
a{color:#555; text-decoration:none;}
a:hover{color:#feba1b/*#058a8a*/; text-decoration:underline;}
ul{padding:0; margin:0;}
input,select,textarea{font-size:15px;}
button,body,input,select,textarea,.ui-dialog,.ui-tabs,.ui-accordion,.ui-widget-content{font-family: 微軟正黑體,華康中黑體,細明體,新細明體 !important;}
hr{
	position:relative;
	left:0px;
	top:0px;
	width:98%;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	background:Transparent;
	border-color:#ccc;
}
img{ border-style:none;	vertical-align:middle!important;/*for IE*/}
//img{
	height: 75px;
    width: auto;
    min-width: 75px;
    min-height: 75px;
}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}	
.smallhr{
	border-width:0px 0px 1px 0px;
	border-style:dashed;
	border-color:#aaa;
}
label{font-size:11pt;}
input[type="button"],input[type="submit"],input[type="reset"]{
	padding:5px;
	font-size:14px;
	cursor:pointer;
	border:1px solid #ccc;
	background: #ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}
button{
	font-size:13px;
	cursor:pointer;
	color:#333;
	border:1px solid #feba1b;
	background: #feba1b;
	-moz-border-radius:4px;
	//-webkit-border-radius:4px;
	//border-radius: 4px;
	padding:5px 10px;
	
}

button:hover{
	border:1px solid #ccc;
	background: black;
	color:white;
	-moz-box-shadow:0px 0px 5px 0px #bbb;
	-webkit-box-shadow:0px 0px 5px 0px #bbb;
	box-shadow: #bbb 0px 0px 5px 0px;
}
button:active{
	background: black; /* Old browsers */
	color:white;
}
.smallbutton{
	padding: 2px 5px!important;
	font-size:14px!important;
}
.no_data{padding:5px;	font-size:16px;	text-align:center; color:red;}

.tooltip{
	background-color:#EEE6DE;
	border:1px solid #fff;
	padding:5px 10px;
	display:none;
	color:#222;
	text-align:left;
	font-size:15px;
	filter:alpha(opacity=95); 
	-moz-opacity:0.95; 
	opacity:0.95;
	-khtml-opacity:0.95;
	-moz-box-shadow:0 0 10px #EEE6DE;
	-webkit-box-shadow:0 0 10px #EEE6DE;
	box-shadow: #EEE6DE 0px 0px 10px;
	position:relative;
	z-index:999999;
}
.right{text-align: right;}
.left{	text-align: left;}
.center{text-align: center;}
.next_pre{padding-top:10px;}
.float_right{ float:right;}
.float_left{ float:left;}
.bottom_gap{ margin-bottom:10px;}


#tab{
	width:800px;
	border:none;
	background:none;
}
#warning,#namewarning{
	margin:3px;
	padding:3px;
	overflow:hidden;
	text-overflow:ellipsis;
	background:Transparent;
	border:1px solid Transparent;
	font-size:18px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.warning,.namewarning{
	border:1px solid #ff7f27!important;
	background:#ffaec9!important;
}
.warning_pass,.namewarning_pass{
	border:1px solid #a4eeba!important;
	background:#d8f8e1!important;
}
#namedialog{display:none;}
#editor{margin:10px auto;}
.lock:hover{
	border:1px solid #feba1b;
	background:Transparent url(?pageact=image/album/background_light_orange_1x150.png) 50% 50% repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff5b6), to(#ffe797));
	background: -moz-linear-gradient(top, #fff5b6, #ffe797);
	-pie-background: linear-gradient(#fff5b6, #ffe797);
}
.content{
	padding:10px;
	/*background:#effafc;*/
	/*border:1px solid #a29c9c;
	border-radius:5px;*/
	margin-bottom:20px;
	float:left;
	font-size:11pt;
}
.y_content{
	font-size:15px;
	padding:5px;
	margin:10px 5px;
	border:1px solid #feba1b;
	background:#fffff5;
}
.y_content:hover{
	cursor:pointer;
	-moz-box-shadow:0px 0px 5px 0px #feba1b;
	-webkit-box-shadow:0px 0px 5px 0px #feba1b;
	box-shadow: #feba1b 0px 0px 5px 0px;
}

/*--------------page.tpl----------------*/
.table_page{border-collapse:separate; border-spacing:5px 3px; border:none;}
.table_page td{text-align:center; border:thin solid #ddd; padding:3px 5px; background:#fff;}
.table_page td:hover{background:#ffffc8;border:thin solid #F15A24;color:#F15A24!important;cursor:pointer;}
.table_page a{padding:3px 5px;}
.table_page a:hover{text-decoration:none!important;color:#F15A24!important;}
.table_page .now{background:#ffffc8;border:thin solid #F15A24;}
.table_page .now a{color:#F15A24!important;}
.page_next, .page_prev{ width:80px;}
#change_page{color:#555;}
#change_page input{font-size:13px;}
#change_page:hover{background:#fff;color:#555!important; border:thin solid #ddd;}

.pageStyle a:hover{ color:#F15A24;}

/*----------------web frame-------------*/
#top_wrapper{ width:100%; height:100px; padding:0; margin:0; background:#232323;}
#header{ width:1000px; margin:0 auto; position:relative;}
#wrapper{ 
	padding:0;
	width:100%;
	background:Transparent;
	text-align:left;	
}
#logo{width:430px;	margin-right:20px; position:absolute; top:15px;	z-index:999;}
#head_right{float:left;width:100%; margin-bottom:10px;}
#head_top{
	height:20px;
	font-size:10pt;
	position:absolute;
	right:0;
	top:10px;
	z-index:999;
	color:white;
}
#head_top a{ color:white;}
#head_top a:hover{ text-decoration:none;}
#btn_login, #btn_logout{ padding-left:23px;}
#btn_login{ background:url(?pageact=image/public/icon_login.png) no-repeat;}
#btn_logout{ background:url(?pageact=image/public/icon_logout.png) no-repeat;}
.cbp-hsinner{ height:100px; background:transparent;}
.cbp-hsmenu-wrapper .cbp-hsmenu{ 
	width:100%;
	max-width:100%;
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;	
}
.cbp-hsmenu > li > a{ font-size:16px; font-weight:bold;}
.cbp-hsmenu > li > a:hover{ color:#ffe45c!important; text-decoration:none;}
.no-touch .cbp-hsmenu > li > a:hover, .no-touch .cbp-hsmenu > li > a:focus, .cbp-hsmenu > li.cbp-hsitem-open > a{ color:#ffe45c!important;}
.cbp-hsmenu > li.cbp-hsitem-open > a:after{
	border-top-color:transparent!important;
	border-bottom-color:#ffe45c!important;
	margin-top:-20px;
}
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu{ text-align:left; background:#ffe45c;}
.cbp-hssubmenu > li{ width:auto;}
.cbp-hssubmenu > li a{ font-size:15px; color:#232323; padding:10px 20px;}
.cbp-hssubmenu > li a:hover{ color:#ea5514!important; text-decoration:none;}
.cbp-hssubmenu > li a:focus{ color:#ea5514!important; text-decoration:none;}

/*
#menu{float:right; margin-right:15px;}
#menu ul{margin-top:10px;float:left;}
#menu ul li{
	width: 100px;
	text-align: center;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-right:3px;
	list-style:none;
}*/
/*#menu ul li a{
	color:#008296/*#058a8a*/;
	/*text-decoration:none;
	display:block;
	padding:3px 0;
	border-bottom:3px solid #38b3b3;
}
#menu ul li a:hover{color:#fff;background-color:#38b3b3;border-bottom:3px solid #38b3b3;}*/
#gallery{width:1000px; height:200px; margin-top:5px;}

#content_top{width:1000px;float:left; /*margin:5px 0 15px 0;*/}
#web_search{ width:300px; float:left;}
#marquee{width:690px;float:left;margin-top:8px;}

#content{
	width:980px;
	min-height:380px;
	display:block;
	padding:5px 10px 20px 10px;
	margin:0 auto;
}
#left_block{
	width:978px;
	float:left;
}

#right_block_list{
	float:left;
	width:978px;
	text-align:left;
	margin-bottom:30px;
	margin-right:25px;
	margin-top:15px;
	/*background:rgba(255,255,255,0.8);*/
}
#index_content{
	width:950px; 
	margin:0 auto; 
	padding:5px 20px 0px 20px; 
	min-height:568px;
}
footer{
	clear: both;
	height:130px;
	padding:10px;
	background-color:#b5b5b5;
	color:#fff;					
	font-size:10pt;
}
.footer_left{ width:510px; margin-right:20px;}
.footer_right{ width:450px;}
#ct_footer{ width:980px; display:block; margin:0 auto; padding-bottom:20px; margin-top:10px;}
#logo_bottom{ width:405px; height:60px; overflow:hidden; background:url(?pageact=image/public/item.png) no-repeat; margin-right:5px;}
#facebook, #line{ width:43px; height:43px; overflow:hidden; background:url(?pageact=image/public/item.png) no-repeat; margin-right:5px; margin-top:8px;}
#facebook{ background-position:-414px 0px;}
#line{ background-position:-458px 0px;}



/*menu*/
h1,h2{
	font-size:18pt;
	color:#555;
	
}
h1{margin:0;padding-left:10px; padding-bottom:5px; font-weight:bold;border-bottom:2px solid #019FB4;}
h2{
	font-size:18pt;
	color:#F15A24;
	margin-top:0px;
}
#sub_menu{
	/*border:1px solid #eee;*/
	/*margin-bottom:10px;*/
}
.ui-menu .ui-menu{border:1px solid #38b3b3; z-index:99;}
.cbp-hsmenu > li{ margin-left:2em;}
/*   jquery  */
.ui-widget-header{}
.ui-menu{
	border:none;
	font-size:15px;
	font-weight:bold;
}
.ui-dialog{font-size:15px;}
.sf-menu .ui-menu .ui-menu-item a {}
.item_menu .ui-menu .ui-menu-item a {	width:200px;}
/*第二層相關menu*/
.purchase_table .item_menu,.tableList .item_menu,.resume_table  .item_menu{width:45%;}
.left_menu{width:180px;}
.ui-accordion .ui-accordion-content{	border:none;}
#area_static .ui-accordion .ui-accordion-content{min-height:500px;}
#role_table .ui-widget-content,#age_static .ui-widget-content,#area_static .ui-widget-contentt{border:none;	background:none;}
.ui-tooltip{
    font-size:10pt;
    font-family:Calibri;
}

/*-- album --*/
.album_rect{ height:165px;}

/* 友情連結 */
#link_logo{list-style:none;margin-left:50px;}
#link_logo li{float:left; padding:10px; margin-right:10px;}
#link_table{float:left; margin-left:80px;}
#tku{width:100px; height:100px; background:url(?pageact=image/public/public_icon.png); background-position:-135px 0px;}
#aatkutpe{width:100px; height:100px; background:url(?pageact=image/public/public_icon.png); background-position:0px 0px;}
#tkua{width:100px; height:100px; background:url(?pageact=image/public/public_icon.png); background-position:-135px -120px;}
#login{line-height:8pt;}
#index_msg{margin-top:10px;line-height:12pt;}

/*-- popup window --*/
.ui-widget-overlay{
	background:black;
	opacity:.5;
}