@charset "utf-8";
/* CSS Document */

body {
    color: #555555;
    font-family: "微軟正黑體";
    font-size: 15px;
	background:url(../images/index/bg.jpg) repeat center top #FFF;
	line-height:24px;
}
a{
	color:#3d3d3d;
	text-decoration:none;
}
a:hover{
	color:#117a99;
	text-decoration:none;
}
.container{
	margin:0 auto;
	padding:0px;
	width:1000px;
	max-width: 100%;
	position:relative;
}
.logo a{
	display:block;
	width:300px;
	height:100px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin:0px 410px 0 230px;
	padding-top:50px;
}

footer{
	color:#112428;
	line-height:26px;
	font-size:13px;
}

footer .copyright{
	width:100%;
	padding:0 0 0 55%;
}
footer .info{
	width:100%;
	padding:0 0 0 55%;
}

footer a{
	color:#112428;
	text-decoration:none;
}
footer  a:hover{
	color:#fefefe;
	text-decoration: underline;
}

/*home*/
body.home .wrapper {
	background:url(../images/index/pic.jpg) no-repeat  center top;
	min-height:900px;
	margin:0 auto;
	width:1000px;
}
body.home .main{
	min-height:630px;
}
body.home .main h1{
	margin:-10px 0 0 0;
	text-align: center;
	width:100%;
	font-size:20px;
	color:#FFF;
}
body.home .main .login{
	margin:55px 310px 0 310px;
	color:#26535e;
	font-weight:bold;
}
body.home .main .login ul li{
	display:block;
	min-height:28px;
	margin:10px 0;
}
body.home .main .login .w1{
	float:left;
	width:70px;
	line-height:30px;
}
body.home .main .login .c1{
	font-size:13px;
}
body.home .main p{
	width: 42%;
    margin: 45px auto;
    text-align: center;
    font-size: 12px;
    color: #777;
    line-height: 18px;
    letter-spacing: 1px;
}
body.home .main p a{
	color:#777;
	vertical-align: baseline;
	display:inline-block;
	float: right;
	margin-right: 50px;
}
body.home .main p a:hover{
	margin-top:-3px;
}
body.home .btnlist{
	padding-left:65px;
}
body.home a.btn01{
	background:#148eb1;
	color:#FFF;
	padding:5px 20px;
	display:block;
	text-align:center;
	margin:0 6px;
	display:inline;
}
body.home a.btn1:hover{
	background:#000000;
	text-decoration:none;
}


/*page*/
body.page{
	background:#f7f7f7;
}
body.page header{
	background:url(../images/page/header_bg2.jpg) no-repeat top center ;
	border-top:1px solid #ffffff;
}
body.page header .container{
	max-width: 100%;
	margin:0 auto;
	width:1000px;
	min-height:199px;
}
body.page .main{
	background:#ffffff;
	margin:0 auto;
	width:1400px;
	max-width: 100%;
	margin-top:0;
	min-height: 672px;
}
body.page footer{
	background:#10738f;
	color:#B1DDE2;
	padding:5px 0;
	font-size:13px;
}
body.page header .logo a{
	display:block;
	width:600px;
	height:78px;
	text-indent: 0;
    white-space: nowrap;
    margin: 10px 0 0 470px;
    padding: 0px;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
}
body.page header p{
	font-size: 12px;
    color: #fff;
    line-height: 15px;
    float: right;
    margin-top: 75px;
}
body.page footer a{
	color:#B1DDE2;
}
body.page footer a:hover{
	color:#FFF;
}
body.page footer .info{
	width:43%;
	float:left;
	padding:0px;
	text-align:right;
}
body.page footer .copyright{
	width:54%;
	float:right;
	padding:0px;
}
body.page .main .container{
	max-width: 100%;
	width:1500px;
}
body.page aside{
	float: left;
    width: 190px;
    margin-left: 20px;
}
body.page section{
	float: left;
    width: 1150px;
    margin-bottom: 20px;
    margin-left: 20px;
	margin-right: 20px;
	max-width: calc(100% - 250px);
}
body.page .logininfo{
	padding:67px 7px 0 7px;
	color:#26525E;
	font-size:11px;
	background:url(../images/page/photography.jpg) center center no-repeat;
	height: 150px;
}
body.page .logininfo .pic{
	width:33px;
	float:left;
}
body.page .logininfo .word{
	width:153px;
	float:right;
}
body.page .side_nav{
	border-top:1px solid #ddd;
    padding:0 10px;
    -webkit-border-image:url(../images/page/sideline.jpg) 100 repeat; /* Safari 3.1-5 */
    -o-border-image:url(../images/page/sideline.jpg) 100 repeat; /* Opera 11-12.1 */
    border-image: url(../images/page/sideline.jpg) 100 repeat;
	margin:20px 0;
	background:#f5f5f5;
	font-size:17px;
	font-weight:bold;
	line-height:40px;
}
body.page .side_nav ul{
	margin:0 0 10px 0;
}
body.page .side_nav ul li{
	background:url(../images/page/a.jpg) no-repeat 3px 15px;
	padding-left:17px;
}
body.page .side_nav ul li ul li{
	background:none;
	border-bottom: 1px dashed #cccccc;
	color:#3d3d3d;
	line-height:24px;
	font-weight:normal;
	padding-left:5px;
}
body.page .banner{
	border:1px solid #ced0d0;
}
body.page a.btn02{
	border:1px solid #afdce1;
	background:#2e68af url(../images/page/icon.jpg) no-repeat 7px 2px;
	border-radius:4px;
	padding:0 0 0 20px;
	color:#FFF;
	font-size:15px;
	float:left;
	width:80px;
	margin:0 7px 0 0;
	text-align:center;
}
body.page a.btn03{
	border:1px solid #afdce1;
	background:#2e68af url(../images/page/icon.jpg) no-repeat 5px -18px;
	border-radius:4px;
	padding:0 0 0 20px;
	color:#FFF;
	font-size:15px;
	float:right;
	width:89px;
	text-align:center;
}
body.page .marquee_bg{
	background:url(../images/page/run_ad.jpg) no-repeat left top;
	padding:0 0 0 25px;
	margin:10px 0;
}
body.page ul.marquee{
	background:none;
}
body.page .title01{
	background:url(../images/page/title_bg.jpg) left center;
	width:100%;
	height:35px;
	text-indent: 0;
    white-space: nowrap;
    overflow: hidden;
	margin-top:30px;
	text-align: center;
    color: #fff;
    line-height: 35px;
}
body.page .title01 .title01_2{display:inline-block;width:16px;height:16px;background:url(../images/page/b.png);margin-right:5px;}
body.page .title02{
	background:url(../images/page/title.jpg) no-repeat -120px 0 ;
	width:120px;
	height:35px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-top:30px;
}
body.page .title03{
	background:url(../images/page/title.jpg) no-repeat -240px 0 ;
	width:120px;
	height:35px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-top:30px;
}
body.page .title04{
	background:url(../images/page/title.jpg) no-repeat -360px 0 ;
	width:120px;
	height:35px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin:30px 0 0 570px;
}
body.page .sec1{
	border:1px solid #93bbd2;
	padding:10px;
	position:relative;
	margin:0 0 10px;
}
body.page .sec2{
	border:1px solid #93bbd2;
	border-top:10px solid #b2dde2;
	padding:10px;
	position:relative;
	margin:10px 0 10px 0;
}
body.page .search{
	position: absolute;
	left: 383px;
	top: 282px;
}
body.page .search span{
	font-size:13px;
}
body.page .tabs ul{
	position: absolute;
	left: 120px;
	top: -29px;
}

body.page .tabs ul li {
	width:96px;
	height:28px;
	float:left;
	margin:0 1px;
}
body.page .tabs ul li a{
	background:url(../images/page/tab_bg.jpg) no-repeat 0 0;
	display:block;
	padding:0 0 0 35px;
	line-height:26px;
	font-weight:bold;
	color:#0e5c74;
	width:96px;
	height:28px;
}

body.page .tabs ul li a:hover,
body.page .tabs ul li.ui-state-active a{
	background:url(../images/page/tab_bg.jpg) no-repeat -96px 0 ;
	color:#FFF;
}
body.page .infow{
	position: absolute;
	left: 430px;
	top: -29px;
	font-size:13px;
}
body.page .infow02{
	position: absolute;
	left: 252px;
	top: 323px;
	font-size: 13px;
	width: 570px;
}
body.page .infow span{
	color:#F00;
}
body.page a.more{
	width:250px;
	background:#fd8517;
	display: inline-block;
	color:#FFF;
	border-radius:5px;
	padding:4px;
	margin:0 5px;
}
body.page a.more:hover{
	background:#de0000;
}
body.page h2{
	background:url(../images/page/h2bg.jpg) repeat 0 0;
	text-align:center;
	color:#FFF;
	line-height:30px;
}





/*other*/
.input01{
	border:1px solid #76b4b7;
	width:300px;
	line-height:28px;
	padding:0 5px;
	height:28px;
	color:#26535e;
}
.input02{
	border:1px solid #76b4b7;
	width:150px;
	line-height:28px;
	padding:0 5px;
	height:28px;
	color:#26535e;
}
.input03{
	border:1px solid #b2dde2;
	width:180px;
	line-height:28px;
	padding:0 5px;
	height:28px;
	color:#26535e;
}
.input04{
	border:1px solid #b2dde2;
	width:100%;
	line-height:28px;
	padding:0 5px;
	height:28px;
	color:#26535e;
}
.input05{
	border:none;
	border-bottom:1px solid #b2dde2;
	width:110px;
	line-height:28px;
	padding:0 5px;
	height:28px;
	color:#26535e;
}
.input06{
	border:1px solid #b2dde2;
	width:60px;
	line-height:28px;
	padding:0 5px;
	height:28px;
	color:#26535e;
}
.textarea01{
	border:1px solid #b2dde2;
	width:100%;
	line-height:28px;
	padding:0 5px;
	height:120px;
	color:#26535e;
}
.select01{
	padding:1px 5px; 
	font-size: 15px;
	line-height: 1; 
	-webkit-appearance: none; 
	border:1px solid #b2dde2;
	width:40px;
	height:28px;
	overflow:hidden;
	background:url(../images/page/selectpic.jpg) no-repeat right center;
}
.select02{
	padding:1px 5px; 
	font-size: 15px;
	line-height: 1; 
	-webkit-appearance: none; 
	border:1px solid #b2dde2;
	width:190px;
	height:28px;
	overflow:hidden;
	background:url(../images/page/selectpic.jpg) no-repeat right center;
}
.select03{
	padding:1px 5px; 
	font-size: 15px;
	line-height: 1; 
	-webkit-appearance: none; 
	border:1px solid #b2dde2;
	width:80px;
	height:28px;
	overflow:hidden;
	background:url(../images/page/selectpic.jpg) no-repeat right center;
}
.search01{
	background:url(../images/page/search.jpg) no-repeat 0px 0px;
	height:21px;
	width:21px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	border:none;
	padding:0 0 6px 0;
}

.input_btn1{
	width:240px;
	height:65px;
	color:#fff;
	background:url(../images/all/footer.jpg) repeat 0 0;
	margin:0 5px;
	border:none;
}
.input_btn2{
	width:240px;
	height:40px;
	color:#fff;
	margin:0 5px;
	border:none;
	background:#fd8517;
	border-radius:5px;
}
.input_btn3{
	width:240px;
	height:40px;
	color:#fff;
	margin:0 5px;
	border:none;
	background:#ffa756;
	border-radius:5px;
}
.font01{
	color:#26525E;
	font-size:15px;
	font-weight:bold;
}
.color01{
	color:#F00;
}
.table01,
.table01 tr td{
	border:1px solid #e0edef;
	text-align:center;
}
.table02 tr td{
	font-size:13px;
}
.td1{
	background: #d8e8eb;
	color:#000;
	padding:5px 10px;
	border:2px solid #FFF;
}
.td2{
	padding:5px;
}
.td3{
	background:#d8e8eb;
	padding:5px;
	text-align:center;
}
.td4{
	background:#f7eaea;
	color:#000;
	padding:5px 10px;
	border:2px solid #FFF;
}

.line{
	background:#d6a78b;
	height:3px;
}

.pager{
	padding:15px 0;
	text-align: center;
	font-size:13px;
}
.pager ul li{
	display: inline-block;
	margin:3px;
}
.pager ul li a{
	display: inline-block;
	width:35px;
	height:35px;
	color:#262626;
	line-height:35px;
}
.pager ul li a:hover,
.pager ul li a.active{
	color:#fff;
	text-decoration:none;
	background:#fd8517;
}
.pager ul li.active{
	color:#F00;
	font-size:15px;
}
.pager ul li.first,
.pager ul li.last{
	background:#fd8517;
	color:#fff;
	padding:0 8px;
	border-radius:3px;
	font-size:12px;
}
.pager ul li.next a:hover,
.pager ul li.prev a:hover{
	background:none;
}
.pager ul li.first a,
.pager ul li.last a{
	width:50px
}

#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom:70px;    
    font-size: 20px;
	width:35px;
	height:35px;
    cursor: pointer;
	z-index:99999;
	background:url(../images/all/gotop.png) no-repeat 0 0;
}
.keyword{
	color:#072457;
	font-size:9px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	height:5px;
}
.clearfix {
  overflow: auto;
  zoom: 1;
  clear:both;
}

/*20230226 */
.file_contain>li {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
		align-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
	}
	
	.file_contain>li:last-child{
		width: 100%;
		text-align: center;
		justify-content: center;
		background: #d8e8eb;
	}
	
	.file_contain>li>*{
		padding: 10px;
	}

	.file_title{
		width: 10%;
		text-align: center;
		align-items: center;
		background: #d8e8eb;
	}
	
	.file_detail{
		width: 90%;
	}
	
	.file_detail ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		flex-wrap: wrap;	
		margin: -5px;
	}
	
	.file_detail li{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		width: calc(25% - 10px);
		aspect-ratio 1/1;
		overflow: hidden;
		border: 1px solid #EEEEEE;
		margin: 5px;
	}
	.file_detail li>*{
		width: 100%;
	}
	.file_detail li>span {
		padding: 5px;
		background: #EEEEEE;
	}

	.file_detail li dl {
		padding: 10px;
	}
	.file_detail li dl dd span{
		margin-right: 10px;
	}
	.file_detail li img{
		width: 240px;
		height: 180px;
		display: block;
		margin-bottom: 10px;
	}