@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
@import url("fontawesome_all.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll; overflow-x:hidden; background:#f3f3f3; }
body, td, th {font-size:12px;font-family: /*Arial,*/ "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "Microsoft JhengHei", "新細明體", "PMingLiU", sans-serif; color:#666666; }
.iframe_ch { display:none }
.middle{ vertical-align:middle; }

/*pager*/
.pager{ width:100%; margin:50px auto; text-align:center; font-size:14px; }

/*內文*/
.editor{ font-size:15px;padding:15px 20px 50px 20px;clear:both;letter-spacing:1px;line-height:30px;min-height: 200px; }

/*網站連結*/
.href1{ color:#666; text-decoration:none; }
.href1:hover{ text-decoration:underline; }

/*仿table排版*/
#C_table {display:table;width: 100%;}
.C_tr {display: table-row; }
.C_td {display: table-cell;letter-spacing:1px;padding:  8px 5px; line-height:20px;}
.C_td img { vertical-align:middle; }
.C_td a{ color:#333; text-decoration:none;-webkit-transition:.6s; -ms-transition:.6s; -moz-transition:.6s;}
.C_td a:hover{ color:#546FB5; }


/*表單text輸入*/
.form_input { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; max-width:400px; width:90%; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#header{ top:0; left:0; width:100%; border-bottom:1px solid #dedede; background:#ffffff; z-index:99; }
#header .wrap{ position:relative; width:100%; max-width:1200px; height:80px; margin:0 auto; padding:10px; box-sizing:border-box; text-align: center;}
#header .wrap .header-logo{ min-width: 15%; max-height: 135px;}
#header .wrap .header-nav{ position:absolute; top:30px; right:10px; }
#header .wrap .header-nav a{ border:1px solid #dadada; margin:0 10px; padding:8px 18px; letter-spacing:1px; color:#484848; text-decoration:none; background:#ffffff; }
#header .wrap .header-nav a:hover{ background:#ebebeb; }
#header .wrap .header-nav a img{ padding:0 5px 0 0;}

#wrapper{ width:100%; margin:0 auto; /*margin-top:90px;*/ background:#f3f3f3; }
#wrapper .wrap{ position:relative; width:100%; max-width:1200px; text-align:left; margin:0 auto; padding:5px 10px; box-sizing:border-box; }


#menu{ width:100%; margin:0 auto; border-bottom:1px solid #dedede; background:#f9f9f9; }
#menu .wrap{ position:relative; width:100%; max-width:1200px; text-align:center; margin:0 auto; padding:5px 10px; box-sizing:border-box; }
#menu .wrap a{ margin:1px; text-align:left; display:inline-block; color:#4c4c4c; padding:10px 10px; margin:0 50px; font-size:16px; letter-spacing:1px; text-decoration:none; }
#menu .wrap a:hover{ text-shadow: 1px 1px 1px #CCCCCC; }
#menu .wrap a img{ padding-right:3px; }

#dolist{ width:100%; margin:0 auto; }
#dolist .wrap{ position:relative; width:100%; max-width:1200px; text-align:center; margin:0 auto; padding:30px 10px 50px 10px; box-sizing:border-box; }
#dolist .wrap > div{ display:inline-block; border:1px solid #d4d4d4; width:215px; height:145px; margin:0 25px; background:#ffffff; }
#dolist .wrap > div .title{ background:#f2f2f2; text-align:center; color:#4c4c4c; letter-spacing:1px; padding:15px 20px; font-size:13px; }
#dolist .wrap > div .content{ height:100px; line-height:100px; font-size:48px; color:#4c4c4c; cursor:hand; cursor:pointer; }
#dolist .wrap > div .content span{ padding:1px; border-bottom:1px solid #797979; }
#dolist .wrap > div .content:hover span{ border-bottom:2px solid #797979; }

#frame1{ box-shadow: 1px 1px 5px #999; border-top:3px solid #917140; padding:15px 0 0 0; background:#ffffff; min-height:500px; }
#frame1 .caption{ width:100%; height:60px; line-height:60px; color:#323232; font-size:18px; padding-left:90px; box-sizing:border-box; border-bottom:1px dashed #CCC; letter-spacing:1px; background:url(../../images/caption2.png) no-repeat; background-color:#f7f7f7; text-shadow: 2px 2px 2px #ebebeb; }
#frame1 .caption img{ padding-right:7px;}


.inner-title{ color:#393939; font-size:26px; text-shadow: 1px 1px 1px #CCC; padding:30px 20px 20px 20px; letter-spacing:3px; border-bottom:1px solid #dcdcdc; }
.inner-title-s{ color:#393939; font-size:20px; line-height:35px; padding:8px 20px 8px 20px; box-sizing:border-box; letter-spacing:3px; background:#f7f7f7; }
.inner-title-date{ color:#91b249; font-size:13px; letter-spacing:2px; font-weight:bold; border-bottom:1px dashed #999999; padding:8px 20px; box-sizing:border-box; }
.inner-title-date p{ font-weight:normal !important; color:#4b4a4a !important; padding:15px 20px; line-height:20px;}


#footer{ width:100%; border-top:1px solid #dedede; background:#ffffff; padding:20px 0; margin-top:50px; text-align:center; letter-spacing:1px; line-height:18px; }
#footer a{ color:#727272; }

/*手機版選單*/
.overlay1 {/*margin-top:80px;*/height: 100%;width: 0%;position: fixed;overflow:auto;top: 0;right: 0;background-color: rgba(179, 179, 179, 0.95);overflow:auto;transition: 0.5s;z-index: 4;}
.overlay1-content { position: relative; top: 0%; width: 100%; text-align: center; }
.overlay1 a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; }
.overlay1 a:hover, .overlay1 a:focus { color: #f1f1f1; }
.overlay1-title { width:100%; height:50px; margin-top:50px; }
.overlay1-title span { color:#FFF; border-bottom:2px solid #FFF; font-size:20px; letter-spacing:1px; }
.overlay1_options { width:80%; margin:0 auto; }
.overlay1_item { position:relative; text-align:left; padding:15px 5px; color:#EAEAE8; letter-spacing:1px; border-bottom:1px solid #d2d2d2; font-size:15px; letter-spacing:1px; cursor:hand; cursor:pointer; }
.overlay1_item a { font-size:15px; color:#fff; font-weight:bold; }
.overlay1_item a:hover { color:#fff; background:#818181; }
.overlay1_item span { position:absolute; right:0; top:20px; padding:0 5px; font-size:25px; }
/*.overlay1_item:hover{ background:#000; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s; }*/
.overlay1_event { width:100%; display:none; background-color: rgba(47, 85, 103, 0.6); text-align:left; padding:20px; box-sizing:border-box; letter-spacing:1px; }
.overlay1_event a { display:block; font-size:15px; color:#fff; }
.overlay1_event a:hover { color:#2C9974; text-decoration:none; }

@media screen and (max-width: 1200px) {
	#menu .wrap a{ margin:0 45px; }
	#dolist .wrap > div{  margin:0 10px; }
}

@media screen and (max-width: 1024px) {
	#menu{ display:none; }	
	#dolist .wrap > div{ width:20%; margin:2%; }
	
}

@media screen and (max-width: 800px) {
	#dolist .wrap > div{ width:45%; margin:1%; }	
}
@media screen and (max-width: 420px) {
/* #header .wrap .header-logo{ width:80%; } */
}
@media screen and (max-width: 300px) {
	#dolist .wrap > div{ width:98%; margin:1%; }	
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Login <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#login-area{ width:100%; margin:0px auto; overflow:hidden; padding:0 20px; box-sizing:border-box; }
#login-area .input{ cursor:hand; cursor:pointer; background:#f3f3f3;border:1px solid #d6d6d6;max-width:450px; color:#323232; font-size:16px; letter-spacing:2px; margin: 30px auto; padding:20px 20px; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; }
#login-area .input input[type=text],#login-area .input input[type=password]{ border:0; background:#F3F3F3; width:50%; outline:0; font-size:14px; letter-spacing:1px; color:#333; }

.login-submit{ display:inline-block; border:1px solid #dadada; margin:30px auto; padding:12px 28px; letter-spacing:1px; color:#585858; font-size:16px; text-decoration:none; background:#ffffff; }

@media (max-width: 400px) {
	.hide400{ display:none; }	
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 佈告欄 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.down-box{ width:100%; border-bottom:1px dashed #999999; padding:30px 10px; box-sizing:border-box; font-size:16px; letter-spacing:1px; }
.down-bg{ background:#ebebeb;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> RWD Table <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.table1{  width:100%; }
.table1 th{ background:#f3f3f3; font-size:16px; color:#424242; padding:10px 10px; text-align:center; }
.table1 tr td{ border-bottom:1px solid #d8d8d8; padding:15px 10px; box-sizing:border-box; font-size:14px; color:#424242; }
/*這是額外做顏色，沒有什麼意義*/
tr.tr-only-hide {color: #D20B2A;}

@media (max-width: 800px) {
  .table-rwd{min-width: 100%;}
  
  /*針對tr去做隱藏*/
  tr.tr-only-hide {display: none !important;}
  /*讓tr變成區塊主要讓他有個區塊*/
  .table-rwd tr{
    display: block;
    border: 1px solid #ddd;
    margin-top: 5px;
  }
  .table-rwd td {
    text-align: left;
    font-size: 15px;
    overflow: hidden;
    width: 100%;
    display: block;
  }
  .table-rwd td:before {
    /*最重要的就是這串*/
    content: attr(data-th) "";
    /*最重要的就是這串*/
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
	margin-right: 10px;
    color: #4c4c4c;
	width:100px;
  }
  /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
  .table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}
  
  .hide800px{ display:none;}
  
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position:relative; height: 100%; width: 0%; position: fixed; overflow:auto; top: 0; left: 0; overflow:auto; background-color:rgba(0, 0, 0, 0.5); z-index:100000000 }
.Loadaction {width: 220px;height: 60px;top: 42%;position: absolute;margin-left: auto;margin-right: auto;padding-top: 10px;left: 0;right: 0;background-color:rgba(0, 0, 0, 0.5);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.Actionupload_Text {font-size:13px;color:#FFFFFF;height: 25px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }
.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }
.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
a.pagelink_no:link { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink_no:visited { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:active { color: #003399; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:hover { color: #003399; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_ch:link { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:visited { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:active { color: #cc3300; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:hover { color: #cc3300; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }

@charset "utf-8";
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main_css <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*整體*/
body { margin-left: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; overflow-y:scroll }
/*後台整體文字*/
body, td, th { letter-spacing:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; -webkit-text-size-adjust:none }
/*表單寬度*/
form { margin:0px }
/*送出按紐*/
input { font-size:12px; line-height:20px; height:25px; margin-left:5px; margin-right:5px; letter-spacing:1px; padding-left:5px; padding-right:5px; }
/*圖片*/
img { border:0px; }
/*表格一至靠左*/
table { text-align:left }
/*開*/
.show { display: block }
/*關*/
.hide { display:none }
/*提示文字內容*/
#tip_box { position: fixed; line-height:22px; background-image:url(../images/bg.png); color: #FFF; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-left:10px; }
/*提示圖片處理*/
.tip { cursor:pointer; cursor:hand }
/*不能調整輸入框大小*/
textarea { resize: none; }

/*表格標題連結 .linkcss*/
a.linkcss:link { color: #990000; text-decoration: none; }
a.linkcss:visited { color: #990000; text-decoration: none; }
a.linkcss:active { color: #990000; text-decoration: none; }
a.linkcss:hover { color: #990000; text-decoration: none; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> table_color (css3) <<<----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*ie10以上*/
.table_color_no tr:nth-child(odd)  { background-color:transparent !important }
.table_color_no tr:nth-child(even) { background-color:transparent !important }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> table_css <<<-------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*表格外框*/
.table_Box { border:1px solid #E7E2D1; }
/*表格大標題靠左*/
.table_Bigtitle_Left { padding-left:10px; padding-right:10px; background-color:#D6CDAF; text-align:left; height:25px; line-height:25px; }
/*表格大標題靠右*/
.table_Bigtitle_Right { padding-left:10px; padding-right:10px; background-color:#D6CDAF; text-align:right; height:25px; line-height:25px; }
/*表格分類抬頭*/
.table_Title_NoWidth { height:25px; text-align:center; background-color:#E1E7CD; line-height:25px; }
/*表格分類抬頭 60*/
.table_Title_Width60 { width:60px; text-align:center; height:25px; line-height:25px; background-color:#E1E7CD; text-align: center; }
/*表格分類抬頭 80*/
.table_Title_Width80 { width:80px; text-align:center; height:25px; line-height:25px; background-color:#E1E7CD; text-align: center; }
/*表格分類抬頭內容*/
.table_Title_Main { padding-left:15px; padding-right:15px; text-align:left }
/*表格分類編輯刪除..等*/
.table_Title_Type { text-align: center; }
/*表格內容*/
.table_Main { padding-left:10px; padding-right:10px; text-align:left}
/*表格排序數字抬頭*/
.table_Number_Title { height:25px; line-height:25px; text-align:center; background-color:#E1E7CD; width:25px }
/*表格排序數字*/
.table_Number_Main { height:22px; line-height:22px; text-align:center; width:25px }
/* -----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> form_Css <<<---------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------*/

/*表單送出表格大小*/
.table_from_Bottom { height:50px; text-align:center; }
/*表單新增抬頭*/
.table_from_Title { text-align:right; height:25px; width:160px; line-height:25px; }
/*表單text輸入NoWidth*/
.form_text_Nowidth { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width50*/
.form_text_width50 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:50px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width100*/
.form_text_width100 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:100px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width150*/
.form_text_width150 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:150px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width200*/
.form_text_width200 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:200px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width250*/
.form_text_width250 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:250px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width300*/
.form_text_width300 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:300px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width350*/
.form_text_width350 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:350px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width400*/
.form_text_width400 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:400px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單text輸入width450*/
.form_text_width450 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:450px; border:1px solid #CCCCCC; line-height:22px; padding-left:5px; padding-right:5px; }
/*表單textarea輸入height50*/
.form_textarea_h50w450 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:450px; height:50px; line-height:22px; border:1px solid #CCCCCC; padding:5px; }
/*表單textarea輸入height100*/
.form_textarea_h100w450 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:450px; height:100px; line-height:22px; border:1px solid #CCCCCC; padding:5px; }
/*表單textarea輸入height150*/
.form_textarea_h150w450 { margin-left:5px; letter-spacing:1px; color: #333333; font-size:12px; height:22px; width:450px; height:150px; line-height:22px; border:1px solid #CCCCCC; padding:5px; }
/*表單排序輸入*/
.form_text_Sort { width:25px; border:1px solid #CC9966; text-align:center; height:22px; line-height:22px; }
/*表單select*/
.form_Select { margin-left:5px; letter-spacing:1px; padding:2px;border:1px solid #CCCCCC; }
/*表單抬頭select*/
.form_Title_Select { letter-spacing:1px; padding:2px;border:1px solid #CCCCCC; }

.table_from_Content { line-height: 20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Sort <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#sortable{border:#666 1px solid; }
#sortable ul{border:#999 1px solid;margin:20px 100px;text-align:left;background:#DDD url(../images/sort.png) no-repeat; background-position:2% 50%}
#sortable ul, #sortable ul li{list-style-type:none; padding:10px 20px ;text-align:left;}
#sortable1{border:#666 1px solid; }
#sortable1 ul{border:#999 1px solid;margin:20px 100px;text-align:left;background:#DDD url(../images/sort.png) no-repeat; background-position:2% 50%}
#sortable1 ul, #sortable1 ul li{list-style-type:none; padding:10px 20px ;text-align:left;}

.tooltip{display:none; position:absolute; color:#FFF; opacity:0.8; border-radius:3px; right:-1px; bottom:3px; background: #401300; padding:5px}
.tooltip_box{ position:relative}
.tooltip_box:hover span{display:block}