@charset "utf-8"; /*public.css 共用的CSS*/
body{margin:0px; height:auto; padding:0px;background:#fff;font-size:13px; position:relative;}
a{color:#555; text-decoration:none;}
a:hover{color:#008296/*#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*/}
.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; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}
button{
	padding:5px;
	font-size:14px;
	cursor:pointer;
	border:1px solid #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}
button:hover{
	/*-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: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefef 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.btn{
	border-radius:5px;
	border:none;
	background:#b93a3e;
	color:white;
	padding:5px;
	margin-right:5px;
	font-weight:bold;
		
}
.btn:hover{ color:white; text-decoration:none; background:#e26971;}
.btn.back{ display:block; margin:10px auto; float:none;}
.smallbutton{
	padding: 2px 5px!important;
	font-size:14px!important;
}
.no_data{padding:5px;	font-size:16px;	text-align:center;}

.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;}
.hidden{ display:none;}


#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;
}
.submit_area{ width:100%; text-align:center;}
.submit_area.adm_submit{ margin-top:10px;}
/*--------------page.tpl----------------*/
.table_page{border-collapse:separate; border-spacing:5px 3px; border:none; margin-bottom:5px;}
.table_page td{text-align:center; border:thin solid #7a4609; padding:3px 5px; background:#fff;}
.table_page td:hover{background:#ffffc8;border:thin solid #dfb46b;color:#dfb46b!important;cursor:pointer;}
.table_page a{padding:3px 5px; color:#7a4609!important;}
.table_page a:hover{text-decoration:none!important;color:#dfb46b!important;}
.table_page .now{background:#ffffc8;border:thin solid #dfb46b;}
.table_page .now a{color:#dfb46b!important;}
.table_page .prePage, .table_page .nextPage{ width:80px;}
#change_page{color:#7a4609;}
#change_page input{font-size:13px; border:thin solid #7a4609;}
#change_page:hover{background:#fff;color:#555!important; border:thin solid #7a4609;}

/*----------------web frame-------------*/
header{width:100%; height:83px; background:url(?pageact=image/public/mainmenu_bg.jpg);}
#wrapper,#ct_wrapper,#ft_wrapper{ 
	margin:auto;
	padding:0;
	width:1000px;
	background:Transparent;
	text-align:left;	
}
#wrapper{ position:relative;}
#ft_wrapper{ padding-top:10px;}
#logo{width:300px;	margin-right:20px; float:left;}
#head_right{float:right;width:680px; margin-bottom:10px;}
#head_top{
	width:300px;
	float:right;
	text-align:right;
	font-size:10pt;
	height:20px;
	color:white;
	margin-top:10px;
}
#head_top a{ color:white;}
.btn.language{ width:25px; height:25px; line-height:15px; background:white; color:#b93a3e;}
.btn.language:hover{ width:25px; height:25px; line-height:15px; background:#fcf6db; color:#b93a3e;}
/*-- 購物車 --*/
#cart_info{ position:absolute; width:130px; right:0; top:40px; color:white;}
#cart_info span{ float:left;}
#my_cart{ float:right; width:40px; height:40px; overflow:hidden; background:url(?pageact=image/public/page_items.png); border:none;}
#cart_goods_num{ background:#b93a3e; border-radius:20px; padding:3px 5px; color:white; font-weight:bold; float:right; margin-right:-10px;}
/*-- 購物車 end --*/
#menu{float:left;}
#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:1000px;
	min-height:300px;
	padding:5px 10px 20px 10px;
	float:left;
}
#left_block{
	width:200px;
	float:left;
	min-height:200px;
}
.normal_sub_menu{
	background:url(?pageact=image/public/submenu_bg.png) no-repeat;
	background-position:-5px 2px;
	min-height:350px;
}
.normal_sub_menu li{
	margin-left:15px;
	line-height:200%;
	border-bottom:thin dotted #dbab59;
	width:160px;
}
.normal_sub_menu li a{ color:#333;}
.normal_sub_menu li a:hover{ text-decoration:none; color:#b93a3e;}
.normal_sub_menu_title{
	margin-top:8px;
	margin-left:10px;	
}
.sub_menu_first{
	margin-top:10px;	
}
#right_block_list{
	float:left;
	width:780px;
	text-align:left;
	margin-bottom:30px;
	min-height:550px;
	line-height:200%;
	/*background:rgba(255,255,255,0.8);*/
}
#index_content{
	width:850px; 
	margin:-20px auto 0px -20px; 
	padding:5px 20px 0px 20px; 
	min-height:150px;
}
footer{
	clear: both;
	height:180px;
	padding:10px;
	background-color:#dbab59;
	color:#fff;					
	font-size:10pt;
}
.ft_left{ width:640px;}
.ft_right{ width:340px; text-align:right; letter-spacing:-1px;}
#ft_menu{ margin-top:15px;}
#ft_menu li{ float:left; width:100px; text-align:center; line-height:150%; color:white;}
#ft_menu>li{ height:130px; border-left:thin dotted white; border-right:thin dotted white;}
#ft_menu>li>ul{ margin-top:5px;}
footer #facebook_link,footer #email{ float:left; cursor:pointer; width:25px; height:25px; overflow:hidden; background:url(?pageact=image/public/page_items.png);}
footer #facebook_link{ background-position:-1px -356px; margin-left:55px;}
footer #facebook_link:hover{ background-position:-1px -383.5px;}
footer #email{ background-position:-27.5px -356px; margin-left:5px;}
footer #email:hover{ background-position:-27.5px -383.5px;}
.menu_catagory, .menu_item{ color:white;}
.menu_catagory:hover, .menu_item:hover{ text-decoration:none; color:#b93a3e;}
.menu_catagory{ font-size:16px;}
.menu_item{ font-size:13px; float:none;}

/*#sublogo{margin:10px 0 30px 0; }*/


/*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{
	line-height:200%;
}
.ui-menu .ui-menu{border:1px solid #38b3b3; z-index:99;}
/*   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;
}
