@charset "utf-8";
@import url("reset.css"); /*重置*/
@import url("page.css"); /*頁碼*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,900,300); /* font */
/* CSS Document */

body {
	font-family: 'Lato', '微軟正黑體', sans-serif; /*自行增減使用 */
	font-size: 18px;
	line-height:1.5;
	color: #333;
	background-color: #f3f3f3;
	}
a { color:#000; text-decoration: none; }
a:hover { color:#777; 
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition:  all .3s linear; /*連結淡入淡出*/
}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }

/* --為避免客戶使用編輯器時會用到ul ol, 此重置值依情況自行啟用！
ol, ul, li { 
    margin: 0;
	padding: 0;
	font: inherit;
	border:0;
	vertical-align: baseline;
}
--*/

/*全頁共用hack*/
*, *:before, *:after { box-sizing: border-box;}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1;}  /*清左右浮動*/

/*通用排版用*/
.center { text-align:center; }
.flt { float:left; }
.flr { float:right; }

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.css-shadow {
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
}

/*元件(共用)*/
.input1, .textarea, .select { background: #FFF; border: 1px solid #CCC; font-family: 'Lato', '微軟正黑體', sans-serif; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }
input:focus, textarea:focus, select:focus { outline:none; }
input, textarea, select { outline:none; }


/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#999; }
.black { color:#000; }
.blue { color: #25AEE9; }
.red { color: #CC0000; }
.green { color: #28A9B1; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#613C33; }

#goTop {
	color: #f0f0f0;
	background: #625f5f;
	text-align:center;
	position:fixed;
	bottom: 18px;
	right:20px;
	width:50px;
	height:50px;
	line-height:50px;
	cursor:pointer;
	display:none;
	font-family:Verdana, Geneva, sans-serif;
	transform: rotate(45deg);
	box-shadow: 0 0 5px #fff;
}
#goTop:hover { color: #c9c9c9; }
#goTop p{ transform: rotate(-45deg); font-size: 15px; }


/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { padding:3em 0; }
.container { width:1425px; margin:0 auto; }

/*頁首*/
header {  }
header .submenu { list-style:none; padding:0; margin:0; clear: both; }

/*主選單*/
.nav_menu { /*background-color: #004267;*/background: rgb(9,91,136);
background: -moz-linear-gradient(top, rgba(9,91,136,1) 0%, rgba(0,66,103,1) 84%);
background: -webkit-linear-gradient(top, rgba(9,91,136,1) 0%,rgba(0,66,103,1) 84%);
background: linear-gradient(to bottom, rgba(9,91,136,1) 0%,rgba(0,66,103,1) 84%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#095b88', endColorstr='#004267',GradientType=0 ); }
.nav_menu ul { list-style:none; padding:0; margin:0; overflow: hidden; }
.nav_menu ul li { float: left; width: 20%; }
.nav_menu ul li a{color: #fff;display:  block;text-align:  center;padding:  10px 0;border-left: 1px #0c52a9 solid;border-right: 1px #01324e solid;}
.nav_menu ul li a:hover, .nav_menu ul li a.on{ background-color: #01304a; }
.nav_menu ul li:first-child a{ border-left:0; }
.nav_menu ul li:last-child a{ border-right:0; }

/*次選單*/
.submenu { }
.submenu li { }

/*頁尾*/
footer { background: #625f5f; color: #fff;  font-size: 14px; padding: 20px 0; border-top: 10px #333 solid;}
.footer_top{ background-color: #555; text-align: center; }
footer a{ color: #fff; }
footer a:hover{ color: #111; }
.footer{ overflow: hidden; }
.footer .info { float:left; color:#FFF; }
.footer_r{ float:left;    margin-top: 35px; margin-left: 100px;}
ul.keyword_area{ overflow: hidden; list-style-type: none; margin: 0; padding: 0; width: 550px; font-size: 18px;}
ul.keyword_area li{ width:20%; float:left;}
.footer .copyright { padding-top:3px;}


/*頁面框架*/
.main { float:right; width:80%; padding-left: 20px; }

/*側邊*/
.sidebar { float:left; width:20%; padding: 0 20px 0 0; }
.sidebar h2 {color: #333333;font-size: 28px;text-align: center;padding: 0 0 10px 0;border-bottom: 1px #9e9e9e solid;position: relative;}
.sidebar h2:after{border-right: 1px solid #9e9e9e;border-bottom: 1px solid #9e9e9e;content: '';position: absolute;width: 15px;height: 15px;background: inherit !important;bottom: -8px;left: 48%;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}
.sidebar .sidemenu{ list-style-type: none; margin: 0; padding: 0; margin-top: 10px; }
.sidebar .sidemenu li {} 
.sidebar .sidemenu > li > a {backface-visibility: hidden;padding-right: 1em;position: relative;transform: translateZ(0px);transition-duration: 0.1s;display: block;padding: 15px 10px;font-size: 20px;border-bottom: 2px solid #d4d4d4; color: #333;}
.sidebar .sidemenu > li > a::before { content: ""; font-family: "FontAwesome"; padding: 0 1px; position: absolute; right: 16px; transform: translateZ(0px); transition-duration: 0.1s; transition-property: transform; transition-timing-function: ease-out;}
.sidebar .sidemenu > li > a:hover::before, .sidebar .sidemenu > li > a:focus::before, .sidebar .sidemenu > li > a.on::before { transform: translateX(6px);}
.sidebar .sidemenu > li > a:hover{color: #004d77;}
.sidebar .sidemenu > li > a.on{color: #004d77;border-bottom: 2px solid #4990b7;}


/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.in-btnWrap{ text-align:center; margin: 1em 0; }
.btn_style{ margin: 0 10px; padding: 7px 2rem; border: 1px solid #095B88; cursor: pointer; background-color: #095B88; color: #FFF; font-size: 16px; font-weight: bold; }
.btn_style:hover{background-color: #004D77; color: #FFF;}

/*頁首*/
.header {background:url(../images/all/header_bg.jpg) center bottom #FFF repeat-x;}
.header .container {/*background:url(../images/all/header_map.png) right center no-repeat;*/ overflow: hidden; /*width: 1600px;*/}
.header .logo { float:left; display:block; margin:30px 0; }
.header .hr_menu { float:right;margin:50px 0 0 0;}
.header .hr_menu .fa { color:#2a6c9f; margin-right:5px; }
.header .hr_menu.b2 { float:none;}
.top_member{text-align: right; margin-right: 140px; margin-top: 50px;}
.header_txt{ float: left; margin-left: 40px; font-size: 36px; color: #004d77; font-weight: bold; margin-top: 30px; text-shadow: 0 0 1px #004d77;   border-bottom: 2px #01304a solid;}


/*首頁*/
.in-position{position:relative;height:  100%;}
.login_area{position: absolute;top: 50%;right: 30px;background-color: rgba(237, 237, 237, 0.25);width: 450px;height: 400px;border-radius: 10px;padding: 20px;box-shadow: 0 0 8px rgba(117, 145, 166, 0.3);transform: translateY(-50%);}
.login_box{ background-color: rgba(241, 241, 241, 0.9); border-radius: 10px; height: 100%; padding: 20px; }
.login_txt i{font-size: 60px;margin-right: 15px;text-shadow: 0 0 3px #c1d0d7;}
.login_txt { font-size: 40px; font-weight: bold; color: rgba(0, 77, 119, 0.85); position: relative;}
.login_txt .login_title{ position: inherit; z-index: 2; color: #004d77; }
.login_txt .login_e{font-size: 90px; color: rgba(183, 202, 210, 0.75); font-family: 'Allura', cursive;position: absolute;right: -15px;top: -40px;}
.login_txt .forget_e { font-size: 90px; color: rgba(183, 202, 210, 0.75); font-family: 'Allura', cursive; position: absolute; right: -9px; top: -40px; letter-spacing: -3px; }
.number { margin-top: 20px;}
.inputa {margin: 8px 0 15px;height: 36px;width:  100%;border-radius: 36px;border: 0;padding:  0 10px; box-shadow: 0 0 2px #95bfd4;
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 1%, rgba(125,185,232,0.3) 100%);
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 1%,rgba(125,185,232,0.3) 100%);
background: linear-gradient(135deg, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 1%,rgba(125,185,232,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#807db9e8',GradientType=1 );}
.in-forget{ font-size: 16px; float: right; margin-right: 10px; }
.in-forget a{ color: #555; text-decoration: underline; }
.in-forget a:hover{ color: #095b88; }

/*背景*/
.bg_area{ background: url(../images/bg/home_bg.jpg) center no-repeat; height: 695px; background-size: cover;}
.page_area{ background: url(../images/bg/page_bg.png) no-repeat; }

.header { min-width:1680px;}
.bg_area { min-width:1680px;}
footer{ min-width:1680px;}
.page_area{ min-width:1680px;}
.nav_menu{min-width:1680px; }

/*banner*/
.banner{ background-image: url(../images/bg/page.jpg); -o-animation: growUp 60s; -webkit-animation: growUp 60s; -moz-animation: growUp 60s; animation: growUp 60s;transition: all 0.2s ease-in-out; background-repeat: no-repeat; background-position: center top; animation-iteration-count: infinite; animation-direction:alternate;}
@-webkit-keyframes growUp{
  0% { background-position: top;}
  100% { background-position: bottom;}
}
@-moz-keyframes growUp{
  0% { background-position: top;}
  100% { background-position: bottom;}
}
@keyframes growUp{
  0% { background-position: top;}
  100% { background-position: bottom;}
}
@-o-keyframes growUp{
  0% { background-position: top;}
  100% { background-position: bottom;}
}
.banner .container{ position:relative; height: 220px;}
.banner_txt{ position: absolute; left: 0; bottom: -24px; font-size: 65px; color: #fff; text-shadow: 4px -4px 5px #000; font-weight: bold;}

/*抬頭*/
.page_title{ padding: 6em 0 4em 0; }
.page_title h2{ font-size: 36px; text-align: center; position: relative; font-weight: bold;}
.page_title h2:after{ position: absolute; left: 50%; bottom: -10px; content: ""; width: 2em; height: 1px; background-color: #666; transform:translateX(-50%);  }

/*共用*/
.flr{ float: right; }

/*訊息公告*/
/*.list-info-read .wrap { padding:1.5em 3em; margin:0 0 1.5em 0; background-color: rgba(236, 236, 236, 0.25); border-top: 2px rgba(0, 77, 119, 0.75) solid;}
.list-info-read .wrap:hover {  background-color: rgba(7, 84, 127, .3);}
.list-info-read .title { margin: 10px 0 0 0;}
.list-info-read a { color:#004d77;  }
.list-info-read .news_date{ font-size:15px; color:#666; position:relative;}
.list-info-read a:hover .news_date, .list-info-read a:hover, .list-info-read a:hover .btn { color:#004d77;  }
.list-info-read .info { padding-top:.8em; }
.list-info-read .btn { display:block;  position:absolute; right:1em; top:0; color:#999; }*/
.news_top { overflow: hidden;margin-bottom: 20px;padding: 10px 0;border-bottom: 1px solid #095b88; color:#095b88; font-weight:bold;text-align: center; }
.news_top .f1 { float:left;padding-left: 5px;}
.news_top .f2 { margin-left:80px;}
.list-date-more .listbox { overflow: hidden;  position: relative;  border-bottom: 1px solid #e3e3e3; padding: 0 10px 10px; margin-bottom: 20px; }
.list-date-more .listbox .tit,.list-date-more a:hover .listbox .tit { font-size: 18px; margin-bottom: 5px; }
.list-date-more .listbox .tit p{ line-height:24px; }
.list-date-more .listbox:hover .tit, .list-date-more a:hover .listbox .tit, .list-date-more a:hover .news_number {  color: #095b88;  }
.list-date-more .listbox .date,.list-date-more a:hover .listbox .date { display: inline-block; float: left; background: #095b88; color: #fff; padding: 0 7px; border-radius: 0; line-height: 30px; text-align: center; font-size: 18px; margin-right: 10px;	}
.list-date-more .listbox .more-btn { width: 0; height: 0; border-style: solid; border-width: 0 0 40px 40px; position: absolute; right: 0; bottom: -30px;  border-color: transparent transparent #5698d1 transparent; }
.list-date-more .listbox .more-btn i {  margin-top: 20px;  margin-left: -17px;  color: #fff; }
.list-date-more .listbox:hover .more-btn {  bottom: 0px; }
.news_number{ font-size:16px; color:#666; }
.list-date-more .date span{color: #7ea4b9;position:relative;font-size: 14px;}
.list-date-more .date span:before{position:absolute;top: -7px;left:50%;width: 1em;height:1px;background-color: #7ea4b9;content:"";transform:translateX(-50%);}



/*底層頁*/
.imgtitle { margin-bottom: 2em; }
.imgtitle h2 {font-weight: bold;border-bottom: 1px solid #e9e8e8;margin: 0 0 10px 1em;padding: 13px 40px;font-size: 30px;background: #f0f0f0;position: relative;}
.imgtitle h2:before {content: '';position: absolute;top: 50%;left: -20px;width: 50px;height: 1px;margin-top: -1px;background: #004d77;}
.imgtitle .date { color: #666;  font-size: 16px; float:right; text-align:right; width:40%; }
.number_date{ overflow:hidden; color: #666;  font-size: 16px; padding-left: 70px;}

.page-content table { max-width:100%; }
.imgg { max-width:100%; display:block; margin:1em 0; }
.imgg2 { max-width:100%; display:block; }
.tx01 { clear: both; margin-bottom:2em;}
.tx02 { clear: both; overflow:hidden; margin-bottom: 2em;}
.tx01 img { margin-top: 1em; }
.img-left,.img-left1 { float: left; padding-bottom: 1em; padding-right: 2em;}
.img-right,.img-right1 { float: right; padding-bottom: 1em; padding-left: 2em;}
.img-left img, .img-right img { max-width:300px; }
.img-left1 img, .img-right1 img { max-width:600px; }
.img_center img {  float: left;  padding: 1em;  width: 33.3%;   text-align: center;}
.youtube_area{ width: 100%; }

/*行事曆*/
.content_area{ overflow: hidden; width: 100%; }
.calendar_year{float: left;width: 20%;}
.calendar_dayArea{float: left;width: 80%;}
.calendar_m{font-size: 135px;color: #07547f;text-shadow: 1px 3px 3px #888;line-height: 1;text-align: center;font-style:  italic;}
.calendar_m span {font-size: 40px;color: #bbb;margin-left: 10px;font-weight:  bold;text-shadow:  none;}
.calendar_y{font-size: 26px;text-align: center;background-color: #e9e9e9;border-radius: 20px;color: #7a7a7a;margin: 10px 20px 20px;letter-spacing: 1px;}
.seesaw{overflow: hidden;padding: 0 20px;}
.last_m, .next_m{float: left;width: 46%;font-size: 16px;color: #555;}
.last_m a, .next_m a{ color: #555; transition: all .3s linear;}
.last_m{text-align: right;margin-right: 4%;}
.next_m{text-align:  left;margin-left: 4%;}
.last_m:hover a{padding-right: 20px;color: #07547f;}
.next_m:hover a{padding-left: 20px;color: #07547f;}
.seesaw .fa{ margin: 0 8px; }
.calendar_table{width: 100%;border-top: 1px #ccd9e0 solid;border-left: 1px #ccd9e0 solid; margin-bottom: 3em; background-color: #fff;}
.calendar_table th, .calendar_table td{border-bottom: 1px #ccd9e0 solid;border-right: 1px #ccd9e0 solid;padding: 5px;}
.calendar_table th{background-color: rgba(7, 84, 127, 0.75);color:  #fff; width: 14.2%;}
.calendar_table td{ height: 120px;}
.calendar_list { list-style-type: none; margin:0; padding: 0; }
.calendar_list li{position: relative;padding-left: 15px;color: #07547f;font-size:  16px;}
.calendar_list li a{ color: #07547f; }
.calendar_list li a:hover{ color: #888; }
.calendar_list li:before{position: absolute;left: 2px;top: 11px;width: 5px;height: 5px;background-color: #07547f;content: "";transform: rotate(45deg); transition: all .3s linear;}
.calendar_list li:hover:before{ transform: rotate(135deg); width: 6px; height: 6px; top: 10px; }
.calendar_table td:first-child, .calendar_table td:last-child{ background-color: #e8e8e8; }
.calendar_table td:hover{ background-color: #e8f3f9 }

/*檔案下載*/
.download_box{ overflow: hidden; position: relative; padding:  20px; margin-bottom: 30px; background-color: rgba(236, 236, 236, 0.25); }
.download_box:before { position: absolute; top: 0; left: 0; content: ""; width: 30px; height: 30px;
background: -moz-linear-gradient(-45deg, rgba(73,144,183,1) 50%, rgba(73,144,183,0) 51%);
background: -webkit-linear-gradient(-45deg, rgba(73,144,183,1) 50%,rgba(73,144,183,0) 51%);
background: linear-gradient(135deg, rgba(73,144,183,1) 50%,rgba(73,144,183,0) 51%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4990b7', endColorstr='#004990b7',GradientType=1 ); }
.download_box:after { position: absolute; bottom: 0; right: 0; content: ""; width: 30px; height: 30px; 
background: -moz-linear-gradient(-45deg, rgba(73,144,183,0) 50%, rgba(73,144,183,1) 51%);
background: -webkit-linear-gradient(-45deg, rgba(73,144,183,0) 50%,rgba(73,144,183,1) 51%);
background: linear-gradient(135deg, rgba(73,144,183,0) 50%,rgba(73,144,183,1) 51%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004990b7', endColorstr='#4990b7',GradientType=1 );}
.download_digitalBox{width: 15%;float: left;text-align: center;border-left:  1px #ccc dashed;color: #787878;}
.download_infoBox{width: 85%;float: left; padding-right: 30px;}
.download_digital span{ font-size: 38px; }
.download_digital{font-size: 20px;line-height: 100px;v;text-align: center;position: relative;}
.download_digital:after { content: ""; position: absolute; bottom: 20px; left: 50%; width: 2em; height: 1px; background-color: #ccc; transform: translateX(-50%); }
.download_title{ font-size: 24px; color: #07547f; }
.download_date{ color: #888; padding-left: 10px; font-style: italic; overflow:hidden;}
.download_number{ float:right; width:40%; font-size:16px; color:#888; font-style:normal; text-align:right;}
.download_info{ color: #666; }
.color_blocks{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: rgba(7, 84, 127, .3); z-index: 10; opacity: 0; transition: all .3s linear; }
.download_icon{ position: absolute; left: 50%; top: 0%; content: ""; z-index: 20; color: #07547f; font-size: 30px; opacity: 0; transform:translate(-50%); transition: all .3s linear; }
.download_box:hover .download_icon, .download_box:hover .color_blocks{ opacity: 1;}
.download_box:hover .download_icon{ top: 40%; }
a:hover .download_box{ background-color: rgba(236, 236, 236, 0); }

/*員工專區*/
.tmp-member { background-color: rgba(255, 255, 255, 0.4); padding: 3em 0; margin-bottom: 3em;}
.tmp-member .join_txt { margin:0 0 20px 0;}
.tmp-member .txt_title1 { margin-bottom:20px; padding:10px; background:#F2F2F2; border-radius:8px;}
.tmp-member .field_box1 { display:table; margin:0 0 10px 0; padding:0 0 10px 0; width:100%;}
.tmp-member .field_title1,.tmp-member .field_title2,.tmp-member .field_title3 { 
display:table-cell; padding: 0 20px; width: 180px; text-align: right;}
.tmp-member .field_title2 { padding-top:6px; vertical-align:top;}
.tmp-member .field_data1 { display:table-cell;}
.tmp-member .fd_input, .tmp-member .fd_input2, .tmp-member .fd_input3, .tmp-member .fd_input4, .tmp-member .fd_select, .tmp-member .fd_select2, .tmp-member .fd_textarea { margin: 0px 0 10px; border: 1px solid #d2dee4; background: #f5f5f5; height: 40px; border-bottom: 3px rgba(9, 91, 136, 0.5) solid;}
.tmp-member .fd_input, .tmp-member .fd_select { width:60%;}
.tmp-member .fd_input2 { width:auto;}/*驗証碼*/
.tmp-member .fd_input3 { width:60%;}/*地址*/
.tmp-member .fd_input4, .tmp-member .fd_textarea { width:90%; font-size: 16px;}/*修改密碼*/
.tmp-member .fd_input6 { margin:0; padding:0px; font-size: 1.6rem;}/*上傳檔案*/
.tmp-member .fd_select3 { margin:0; padding:1px 0; border:1px solid #CCCCCC;}
.tmp-member .field_data1 label { display:inline-block; margin-bottom:0px; margin-right: 1em;  max-width:100%; font-weight:normal;}
.tmp-member .field_data1 span { margin:0; }
.tmp-member .btn_sutmit2 { margin:0 10px;}

/*討論區*/
.download-info-table .table {background: rgba(255,255,255,0.3);}
.download-info-table .table > thead > tr > th { color:#fff; background-color: rgba(7, 84, 127, 0.75); text-align:center; }
.download-info-table .table > tbody > tr { border-bottom:1px dashed #ccc;}
.download-info-table .table > tbody > tr > td,
.download-info-table .table > tbody > tr > th { vertical-align:middle; border:none; min-width:100px; color:#71605b; }
.download-info-table .table .info_box { font-size: 13px; margin-top: 5px;  color: #8e8e8e; }
.download-info-table .table > tbody > tr:hover > td { color:#004d77; background-color:#e8f3f9; }
.download-info-table .table > tbody > tr:hover .info_box { color:#666; }
.download-info-table .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #e8e8e8; }
.download-info-table .table th, .download-info-table .table td{ padding:10px 5px;}
.download-info-table .btn strong { font-size:20px; font-family:'Roboto', sans-serif; margin-right:5px; }
.download-info-table .table tr th:first-child,
.download-info-table .table tr th:last-child,
.download-info-table .table tr td:first-child,
.download-info-table .table tr td:last-child { min-width:inherit; }
.download-info-table .key_icon { font-size: 24px; background: #407a9a;  box-shadow: 0 2px 3px #9f9f9f;  color: #fff;  border-radius: 99%;  width: 38px; height: 38px; }
.forum_top_box{overflow:hidden;padding-top: 10px;}
.txt_box {float:left;padding-top: 0;color: #e77918;padding-bottom: 20px;font-weight:  bold;}
.bt_box { float:right; text-align:right;}
.download-info-table .table > tbody > tr a{ display:block;}
.download-info-table .table > tbody > tr a:hover{ color:#004d77;}

.forum_from { padding: 20px; background: rgba(255,255,255,0.8);}
.forum_from .join_txt { margin:0 0 20px 0;}
.forum_from .txt_title1 { margin-bottom:20px; padding:10px; border-radius:8px;}
.forum_from .field_box1 { display:table; margin:0 0 10px 0; padding:0 0 10px 0; width:100%;}
.forum_from .field_title1,.forum_from .field_title2,.forum_from .field_title3 { 
display:table-cell; padding:0 0 0 15px; width:124px; font-weight:bold; }
.forum_from .field_title2 { padding-top:6px; vertical-align:top;}
.forum_from .field_data1 { display:table-cell;}
.forum_from .fd_input, .forum_from .fd_input2, .forum_from .fd_input3, .forum_from .fd_input4, .forum_from .fd_select, .forum_from .fd_select2, .forum_from .fd_textarea { margin:0; padding:5px;   border-radius: 18px;}
.forum_from .fd_input, .forum_from .fd_select { width:60%;}
.forum_from .fd_input2 { width:auto;}/*驗証碼*/
.forum_from .fd_input3 { width:60%;}/*地址*/
.forum_from .fd_input4, .forum_from .fd_textarea { width:100%; }/*修改密碼*/
.forum_from .fd_input6 { margin:0; padding:0px; font-size: 1.6rem;}/*上傳檔案*/
.forum_from .fd_select3 { margin:0; padding:1px 0; border:1px solid #CCCCCC;}
.forum_from .field_data1 label { display:inline-block; margin-bottom:0px; margin-right: 1em;  max-width:100%; font-weight:normal;}
.forum_from .field_data1 span { margin:0; }
.forum_from .btn_sutmit2 { margin:0 10px;}
.forum_from .fd_input4, .forum_from .fd_textarea { border: 1px solid #d2dee4;  background: #f5f5f5; border-bottom: 3px rgba(9, 91, 136, 0.5) solid; padding: 2px 10px;}
.forum_from .fd_input4{ border-radius: 40px; height:40px;}
.txt_16{ font-size:16px; color:#666;}
.select_style{ border: 1px solid #d2dee4;  background: #f5f5f5; border-bottom: 3px rgba(9, 91, 136, 0.5) solid; padding: 2px 10px; width:100%; height:40px;}
.fd_textarea, .select_style{ font-size:16px; color:#333;}

.msg_box1 { overflow:hidden; padding: 30px 60px;  background-color: rgba(7, 84, 127, 0.75); color:#FFF;}
.msg_box1 .dl_title3 { position:relative; margin:10px 0 10px 0; color:#FFF; font-size:20px; padding-right:80px;}
.fb_area{ position:absolute; right:0; top:5px; border: 1px #cde2ef solid;}
.msg_fl_box1 { clear:both; overflow:hidden; margin:0 0 10px 0;}
.msg_fl_title1 { display:table-cell;  width: 75px;}
.msg_fl_data1 { display:table-cell;}
.msg_box2 { overflow:hidden; margin-top:30px; padding: 40px 60px 30px; background-color: #e8e8e8;}
.msg_fl_box2 { clear:both; overflow:hidden; margin:0 0 10px 0;}
.msg_fl_title2 { display:table-cell; width: 75px; font-weight:bold; color:#407a9a; }
.msg_fl_data2 { display:table-cell;}
.msg_fl_data3 { display:table-cell; color:#407a9a; font-weight:bold;}

/*
@media (max-width: 1024px) { 
.header { min-width:1024px;}
.bg_area { min-width:1024px;}
footer{ min-width:1024px;}
.page_area{ min-width:1024px;}
.nav_menu{min-width:1024px; }
.container { width:1024px; margin:0 auto; }
.news_box { margin-right: 20px;}
.news_boxArea .news_box:nth-child(4n+1) { clear:inherit;}
.news_boxArea .news_box:nth-child(3n+1) { clear: both;}
}
*/

.tableWrap{overflow-x:auto;}
.tableWrap table{min-width:1120px;}