@charset "utf-8"; /*public.css 共用的CSS*/
html {
  position: relative;
 
}
body{margin:0px;padding:0px;background:#fff;font-size:13px; margin-bottom: 100px;overflow-x:hidden;font-family: '微軟正黑體','華康中黑體','細明體','新細明體'!important;}
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;}
.ui-datepicker select{color:#333;}
button,body,input,select,textarea,.ui-dialog,.ui-tabs,.ui-accordion,.ui-widget-content, input[type="file"]::-webkit-file-upload-button{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;
}
button, input[type="button"], input[type="file"]::-webkit-file-upload-button{
	padding:5px;
	font-size:14px;
	cursor:pointer;
	border:1px solid #ccc;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
	background: -moz-linear-gradient(top, white, #EFEFEF);
	-pie-background: linear-gradient(white, #EFEFEF);
	-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: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EFEFEF), to(white));
	background: -moz-linear-gradient(top, #EFEFEF, white);
	-pie-background: linear-gradient(#EFEFEF, white);
}
input[type='submit']{padding:5px;}
select{height:31px!important;}
button[type='button'],input[type='submit'],input[type='button']{
	background:#37829f;
	color:#fff;
	font-weight:bold;
	border-radius:0px;
	border:none;
	padding:5px 8px;
}
button[type='button']:hover,input[type='submit']:hover,input[type='button']:hover{
	background:#61c0c4; 
	color:#1a212b; 
	box-shadow: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;}
.clean{clean:both;}

.dashed_line{border:dashed thin #666;margin-top:10px;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:#f7f8f7;
	/*border:1px solid #a29c9c;
	border-radius:5px;*/
	margin-bottom:20px;
}
.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 #1a212b; padding:3px 5px; background:#fff;}
.table_page td:hover{background:#e8faf4;border:thin solid #37829f;color:#37829f!important;cursor:pointer;}
.table_page a{padding:3px 5px;}
.table_page a:hover{text-decoration:none!important;color:#337ab7!important;}
.table_page .now{background:#e8faf4;border:thin solid #37829f;}
.table_page .now a{color:#337ab7!important;}
#change_page{color:#555;}
#change_page input{font-size:14px;}
#change_page:hover{background:#fff;color:#555!important; border:thin solid #1a212b!important; cursor:default;}

/*----------------web frame-------------*/
#wrapper{ 
	margin:0 auto;
	padding:0;
	width:95%;
	max-width:1000px;
	background:Transparent;
	text-align:left;	
}
header{margin-top:10px;}
#head_top{width:95%;max-width:1000px; margin:0 auto;}
#logo{width:365px;margin-top:-20px;margin-right:20px;float:left;position:absolute;z-index:9999;}
#head_right{float:right;width:100%;position:relative;margin-bottom:-5px;}
#head_right_bottom{
	width:100%;
	max-width:650px;
	float:right;
	text-align:right;
	margin-top:30px;
	font-size:12pt;
	color:#1a212b;
	font-weight:bold;
}
#head_right_bottom a:hover{text-decoration:none;color:#37829f;}


#gallery{width:1000px; height:200px;}

#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;}

#sublogo_front{ width:45px;height:33px; overflow:hidden;float:right;}
#sublogo_back{ width:162px;height:46px; overflow:hidden;float:right;}
#content{
	width:100%;
	padding:10px;
	float:left;
	margin-bottom:100px;
	margin-top:-20px;
}
#left_block{
	width:160px;
	float:left;
	margin-right:20px;
}

#right_block_list{
	float:left;
	width:98%;
	text-align:left;
	margin-top:0px;
}

#index_content{margin:0; background-color:#fff; }
/* footer */
#footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 90px;
	background-color: #61c0c4;
	color:#1a212b;
	font-weight:bold;
	float:left;
}
#ft_container{
	width:95%;
	max-width:1000px;
	margin:0 auto;
	padding:15px 10px;
	position:relative;
}
.design{margin-top:5px;}
#license{width:200px; font-size:6pt; text-align:right; margin-left:30px;position:absolute;right:0;}
#license a{font-size:4pt;}
@media screen and (max-width:945px){
#license_word{visibility:hidden;height:20px;;width:20px; overflow:hidden;}
#license img{float:right;}
}
/*menu*/
h1,h2{
	font-size:22px;
	color:#555;
	font-weight:normal;
	border-bottom:2px solid #008296;
}
h1{margin:0;font-size:}
h2{
	font-size:18px;
	color:#F15A24;
	border-bottom:1px solid #ccc;
}
#sub_menu{
	/*border:1px solid #eee;*/
	/*margin-bottom:10px;*/
}
.ui-menu .ui-menu{border:1px solid #79B7E7; 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;
}
/*Content text*/
#right_block_list h1{
	/*
	border-left:20px solid #1a212b; 
	border-bottom:2px solid #1a212b;
	padding-left:20px; 
	padding-bottom:5px; 
	padding-top:5px; 
	margin-top:5px;*/
	font-size:16pt;
	font-weight:bold;
	border:none;
	
}
/*icon item*/
#copyright{
	width:50px;
	height:50px;
	overflow:hidden;
}
.ui-widget-header{background:#1a212b url("?pageact=image/public/dialog-title.png") 100% 50% no-repeat; color:white;}
.ui-dialog-titlebar-close{background:#f6f6f6 url("?pageact=image/public/cross.png") 50% 50% no-repeat}
.ui-dialog-titlebar-close:active,.ui-dialog-titlebar-close:hover{background:#fff url("?pageact=image/public/cross_blue.png") 50% 50% no-repeat}
.ui-widget-overlay,.ui-dialog{z-index:9999;}

/* RWD*/
@media (min-width:855px) and (max-width:1000px){
#head_right{
	width:550px;	
}
#head_right_bottom{
	width:550px;	
}
}
@media screen and (min-width:768px){
#b-menu-1{
	width:980px;
	margin:0 auto;
}
.mybtn_2{
	visibility:hidden;
	width:0;
	height:0;
}

/*dropdown-menu triangle*/
.navbar .nav > li > .dropdown-menu::before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #CCC;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}
.navbar .nav > li > .dropdown-menu::after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	border-left: 6px solid transparent;
	content: '';
}

}
}
@media (min-width:850px) and (max-width:1020px){
#head_right{
	width:430px;
}
#head_top{
	width:700px;
	margin-left:0;
}
#logo{
	width:210px;
}
}
@media (min-width:768px) and (max-width:849px){
#head_right{
	width:350px;
}
#head_right_bottom{
	width:520px;
}
#head_top{
	width:600px;
	margin-left:0;
}
#logo{
	width:210px;
}
}
@media screen and (max-width:767px){
.mybtn_2{
	visibility:visible;
	width:20%;
	height:50px;
	font-size:10pt;
	float:left;
	padding-top:15px;
	background:#475d74;
	text-align:center;
}
.mybtn{
	width:33.33%;
	float:left;
	text-align:center;
}
.mybtn.open{
	background:#61c0c4;
}
.btn_block{
	width:100%;
	float:left;
	background:#475d74;
}
#head_right{
	visibility:hidden;
	width:0px;
	height:0;
}
.dropdown-submenu{
	display:block;
	width:60%;
}
.design{
	font-size:8pt;
	margin-top:-5px;
	width:70%;
}
#logo{width:275px; margin-right:0;}
}