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

.test{ width:100%; height:auto; background:#CCC; margin:0; padding:0;}
html, body{
	margin:0;
	height: auto;
	font-size: Medium;
	font-family: "微軟正黑體";
	overflow-x:hidden;  /*........消除掉主主選單才能正常出現..............*/
	-webkit-transition: all 1s ease; 
-moz-transition: all 1s ease; 
-o-transition: all 1s ease; 
transition: all 1s ease; 
	
    /*直向漸層*/
    /*background:linear-gradient(top,#ffffff,#efefef); 
    background:-moz-linear-gradient(top,#ffffff,#efefef);
    background:-webkit-linear-gradient(top,#ffffff,#efefef);*/
	}

img{ border:0;}

table{
	border-collapse: 
	line-height:125%; 
	font-family: "微軟正黑體"; 
	letter-spacing:1%;
	word-break:break-all;
	}
	table img{ max-width:100%; height:auto; }
td{padding: 3px;}

.BulletinsSearch{ display: block;}

div a{color:#000;}
div a:link{ color: #484848; text-decoration:none;}
div a:visited{color:#000; }
div a:hover{ color: #F60; text-decoration: underline;}

/*input, select, textarea {
	width:20%;
	border:0;
	border-radius:6px;
	vertical-align:middle;
	background-color:#EEEEEE;
	padding:5px;
}*/
input[type=text]{
	width:40%;
	border:1px solid #CCC;
	border-radius:6px;
	font-size:100%;
	vertical-align:middle;
	background-color:#EEEEEE;
	padding:2px;
	color:#666;}

textarea {
	width:60%;
    border:1px solid #CCC;
    border-radius:6px;
	font-size:100%;
	vertical-align:middle;
	background-color:#EEEEEE;
	padding:2px;
	color:#666;}
	
select{
    border:1px solid #CCC;
    border-radius:6px;
	font-size:100%;
	vertical-align:middle;
	background-color:#EEEEEE;
	padding:2px;
	color:#666;}
	
/*input[type=checkbox], input[type=radio]{width:30%;	}*/*/


h1{
	font-size:150%;
	line-height:150%;
	color: #C00;
	margin:0 0 10px 0;
	letter-spacing:3px;
	font-family:"微軟正黑體";
	font-weight:normal;
	border-bottom:dashed;}
	
h2{ 
    font-size:130%;
    color:#003399;
    line-height:125%;
    text-transform:uppercase;
    margin:0 0 10px 5px;
	 } 
h3{ 
    font-size:120%;
    color:#003399;
    line-height:125%;
    text-transform:uppercase;
    margin:5px;
	 } 
	 
h4{ 
    font-size:100%;
    color:#000;
    line-height:125%;
    margin:5px;
	 } 
h5{ 
    font-size:120%;
    color: #399;
    line-height:125%;
    margin:5px;
	 } 	 


/*p{
	font-size:100%;
	color: #000;
	font-family:"微軟正黑體";
	line-height:125%;
	letter-spacing:1px;}*/
	
.wapper{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	}
	
.webheader{
	width:100%;
	max-width:1250px;
	height:auto;
	margin:0 auto;
	padding:o;
	}
	
.topmost{
	width:100%;
	max-width:1250px;
	height: auto;
	background: #969694;
	padding:0;
	margin:0 auto;
	}

ul.topmostitem{
	width:70%;
	height:auto;
	margin:0 20px;
	padding:1px 1px;
	text-align:right;
	display:inline-block;
	vertical-align:top;
	}
	
	ul.topmostitem li{
		display: inline-block;
		color:#FFF;
		margin:0 5px;
		}
	
	ul.topmostitem li:after{
		content:"|";
		display:inline;
		margin:0 0 0 10px;}
	
	ul.topmostitem li:last-child{ 
		color: transparent;
		margin:0 ;
	}
	
	ul.topmostitem li:first-child{ 
		color: transparent;
		margin:0 ;
	}
	
	ul.topmostitem li a:link{ color: #fff; text-decoration:none;}
	ul.topmostitem li a:visited{color:#FFF; }
	ul.topmostitem li a:hover{ color:#FF0; text-decoration: underline;}

.changewordsize{
	width:20%;
	height:auto;
	margin:0;
	padding:1px 1px;
	text-align: right;
	color:#FFF;
	display:inline-block;
	}
	.changewordsize a:link{ color: #fff; text-decoration:none;}
	.changewordsize a:visited{color:#FFF; }
	.changewordsize a:hover{ color:#FF0; text-decoration:underline;}

.toplogo{
	border-bottom:2px solid #ffa70e;
	}

.logo{
	width:auto;
	height:auto;
	display:inline-block;
	margin:2px 2px;
	text-align:left;
	}
	.logo img{ width:100%;}

.search{
	width:48%;
	height:auto;
	text-align:left;
	vertical-align: top;
	margin:15px 0 0 150px;
	display:inline-block;
	}
	.search input{
		background-color:#fff;
		border:1px solid #CCC;
		padding:3px;
		font-size:100%;
        vertical-align: top;
		}
.search .searchbutton{
	background:#606060;
	color:#FFF;
	padding:2px;
	border-radius:5px;
	}
	.search .searchbutton:link{ color: #fff; text-decoration:none; padding: 3px 5px; vertical-align: middle;  }
	.search .searchbutton:visited{color:#fff; }
	.search .searchbutton:hover{background:#ffa200; color:#000;}

.search a{
	color:#000;
	padding:2px;
	}

.search a:link{ color: #000; text-decoration:none;}
.search a:visited{color:#000; }
.search a:hover{color: #F00; text-decoration:underline;}

.hotsearch{
	width:auto;
	height:auto;
	margin:3px 0;
	display:block;
	}

.search .hotsearch .hot{
	width: 10%;
	height:auto;
	background:#d8140a;
	color:#FFF;
	padding:2px;
	border-angle:0 100px 100px 0;
	text-align:center;
	display:inline-block;
	}
.changetopimgBg{ width:100%; background: #e3e3e3;}
.changetopimg{
	width:100%;
	max-width:1250px;
	margin:0 auto;
	height:auto;
	display:block;
	}
	.changetopimg img{ width:100%;}
	


.topmainitem{
		width:100%;
		background:#ffa70e;
		padding:0;
		text-align:center;
		font-size: larger;
		}
		.topmainitem ul{
		    width:80%;
		    background:#ffa70e;
		    padding:0;
			margin:0 auto;
		    text-align:center;
		    }
		
		.topmainitem ul li{
			display: inline-block;
			margin:5px 0 5px 10px;
			color:#FFF;
			}
			
		.topmainitem ul li:after{
			content:"|";
			display:inline;
			margin:0 0 0 18px;
			}
		
		.topmainitem ul li:last-child{ 
			color: transparent;
			margin:0 ;
			}
			
		.topmainitem ul li a:link{ color: #fff; text-decoration:none;}
		.topmainitem ul li a:visited{color:#FFF; }
		.topmainitem ul li a:hover{ color:#FF0; text-decoration: underline;}

.mainitem{
	width:100%;
	max-width:1250px;
	background:#e3e3e3;
	text-align:center;
	}
	.mainitem a:hover{ text-decoration:none;}

.content{
	width:100%;
	max-width:1250px;
	margin:0 auto;
	padding:o;
	opacity:1;
	}
	

.imgnews{
	width:100%;
	max-width:620px;
	height:233px;
	margin:0 0 20px 35px;
	display:inline-block;
	box-shadow: 3px 3px 5px rgba(20%,20%,20%,0.3);
	background:#FFF;
	}
	
.imgnewsmof{
	width:40%;
    height:233px;;
	margin:0 0 0 60px;
	display:inline-block;
	vertical-align:top;
	}
	
.imgnewsmof .imgnewsmof_1{
	width:228px;
    height:233px;;
	margin:0 10px 0 0;
	display:inline-block;
	box-shadow: 3px 3px 5px rgba(20%,20%,20%,0.3);
	background:#FFF;
	}

.imgnewsmof .imgnewsmof_2{
	width:228px;
    height:233px;;
	display:inline-block;
	box-shadow: 3px 3px 5px rgba(20%,20%,20%,0.3);
	background:#FFF;
	}

.news-box{
	width:50%;/*RWD用的自動寬度*/
	height:280px;
	margin:0 0 0 35px;
	display:inline-block;
	box-shadow: 3px 3px 5px rgba(20%,20%,20%,0.3);
	vertical-align:top;
	text-align:left;
	background:#FFF;
	}

.ninebutton{
	width:42%;
	margin:0 0 0 60px;
	display:inline-block;
	}
	.ninebuttonRight{
	width:95%;
	margin:0 auto;
	text-align:center;
	display:inline-block;
	}
	
.bottom_banner_box{
	width:100%;
	height:auto;
	text-align:center;
	margin:0 0 10px 0;
	}

.webbottom{
	width:100%;
	max-width:1250px;
	height:auto;
	margin:0 auto;
	padding:o;
	opacity:1;
	}
	
.b_line{
	width:100%;
	height:8px;
	margin:5px 0 5px 0;
	background:#d8d8da}
	
.footer_box{
	width:100%;
	height:auto;
	padding:0 20px;
	background:#e4e4e6;
	text-align: left;
	}
	.footer_box ul{
		width:13%;
		text-align:left;
		margin:10px 0 0 10px;
		display:inline-block;
		vertical-align:top;
		}
	.footer_box ul li{
		margin:3px 0;
		}
		
	.footer_box ul li a{
		color: #000;}
	.footer_box ul li a:hover{ color: #F60; text-decoration:underline;}
	.footer_box .FooterFirst a{color:#2e7bfb; font-size:120%; font-weight:800;}
	.footer_box .FooterFirst a:hover{color: #F60; text-decoration:underline;}

.bottommost{
	width:100%;
	height:auto;
	padding:1px;
	}
	.bottommost_item{
		width:80%;
		margin:0 auto 5px auto;
		text-align:center;}
	.bottommost_item a{color:#000; margin:0 0 0 10px;}
	.bottommost_item a:hover{color: #F60; }

/*.bottommost_qr{
	width:10%;
	max-width:90px;
	height:auto;
	display:inline-block;
	vertical-align:top;}
*/
.bottommost_info{
	width:65%;
	height:auto;
	margin:0 8px;
	display:inline-block;}
	.bottommost_info a{color:#000;}
	.bottommost_info a:hover{color:#F60;}
	
.bottommost_right{
	width:30%;
	height:auto;
	display:inline-block;
	vertical-align:top;
	text-align:left;}
	
.accesskeyUB a{
	display:inline-block;
	color: transparent;
	float:left;
	margin:0;
	padding:0;}
	
.accesskeyC{
	display: inline-block;
	margin:0;
	padding:0;}
	.accesskeyC a{
		display: inline-block;
		color:transparent;
		margin:0;
		padding:0;}
.Path{
	width:100%;
	text-align:left;
	margin:0 0 5px o;}
	
.MainContentWapper{
	width:70%;
	margin:4px 0 0 15px;
	display:inline-block;
	vertical-align:top;}
.MainContent{ 
    width:100%;
	margin:15px 0 0 0;
	text-align:left;}
/*	.MainContent img{ height:auto; max-width:700px;}
*/	/*.MainContent span{ float:left;}*/
	.MainContent .MainContentDefpage img{ height:auto; max-width:700px;}
	
.ContentItemWapper{
	width:27%;
	margin:4px 0 0 18px;
	display:inline-block;
	vertical-align:top;
	text-align:center;}

.title{
	width:100%;
	height:auto;
	margin:5px 0;
	padding:10px;
	text-align:left;
	/*直向漸層*/
	background-image: -webkit-linear-gradient(top, #fafafa, #eaeaea 45%, #e1e1e1 65%, #f2f2f2);
background-image: -moz-linear-gradient(top, #fafafa, #eaeaea 45%, #e1e1e1 65%, #f2f2f2);
background-image: -o-linear-gradient(top, #fafafa, #eaeaea 45%, #e1e1e1 65%, #f2f2f2);
background-image: linear-gradient(to bottom, #fafafa, #eaeaea 45%, #e1e1e1 65%, #f2f2f2);
	border-top:#dbdbdb 1px solid;
	}
	.title img{ vertical-align:middle;}
	.title span{
		vertical-align: middle;
		margin:0 0 0 5px;
		font-size:130%; font-weight: bold;}
.MultiBar{ width:100%; text-align:right;}
    .MultiBar img{ display:inline-block; margin:0 0 0 3px;}
	
.RightItemTitle{
	width:100%;
	height:auto;
	margin:5px 0 0 0;;
	padding:10px;
	text-align:left;
	/*直向漸層*/
	background-image: -webkit-linear-gradient(top, #faf9f0, #f4f1db 45%, #f2edca 65%, #f4f1db);
background-image: -moz-linear-gradient(top, #faf9f0, #f4f1db 45%, #f2edca 65%, #f4f1db);
background-image: -o-linear-gradient(top, #faf9f0, #f4f1db 45%, #f2edca 65%, #f4f1db);
background-image: linear-gradient(to bottom, #faf9f0, #f4f1db 45%, #f2edca 65%, #f4f1db);
	
	
	/*background:linear-gradient(top,#faf9f0,#f4f1db); 
    background:-moz-linear-gradient(top,#faf9f0,#f4f1db);
    background:-webkit-linear-gradient(top,#faf9f0,#f4f1db);*/
	border-top:#f16060 1px solid;
	}
	.RightItemTitle span{
		color:#f16060;
		vertical-align: middle;
		margin:0 0 0 5px;
		font-size:130%; font-weight: bold;}
.ContentItem ul{
	list-style-type: none;
	width:100%;
	padding:0 0 20px 10px;
	margin:0 0 20px 0;
	text-align:left;
	border-bottom:1px #f16060 solid;}
	.ContentItem ul li{
        padding:8px 0 6px 8px;
        border-bottom:1px solid #e1e1e1;}
	.ContentItem ul li:last-child{ border:0; }
	.ContentItem ul li a{ margin:0 0 0 5px;}
	.ContentItem ul li:hover{ background: #ffeed1;}
	.ContentItem ul li a:hover{ color: #000;}
.VPicBigBox{
	}
.VPicWapper{
    width:200px;
	height:150px;
	margin:15px 10px 0 0;
	position:relative;
	display: inline-block;
/*	cursor:pointer;
*/	font-family:"微軟正黑體";
	}
	.VPicWapper img{ position:absolute; width:200px; height:150px;}
	.VPicWapper:hover span{ color:#F60;}
	.VPicWapper:hover .BlackBox{background: rgba(0,0,0,1);}
	.VPicWapper span{ color:#FFF;}

.BlackBox{
	background: rgba(0,0,0,0.6);
	color:#FFF;
	width:100%;
	position:absolute;
	bottom:0;
	padding:2px 5%;
	text-decoration: none;
	}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;}
	.video-container iframe,
	.video-container object,
	.video-container embed {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;}


.VSecPicWapper{
	width:150px;
	height:113px;
	margin:15px 10px 0 0;
	display: inline-block;}
	.VSecPicWapper img{width:150px; height:113px;}
	.VSecPicWapper img:hover{
		opacity:0.6; /* 最大數值字為1 */
		filter:alpha(opacity=60);
		}
.MainContent .download img{
	width:25px; 
	height:25px;
	padding:3px 0 0 3px;}
.BSText{ display:block;}

.TMList{
	width:100%;
	height:auto;
	text-align:center;}
	.TMList_box{
		width:266px;
		height:auto;
		padding:5px;
		margin:0 15px 15px 0;
		vertical-align:top;
		display:inline-block;
		border:1px solid #333;
		text-align:center;}
		.TMList_imgBox{
			width:250px;
			height:188;
			padding:0;
			margin:0;
			margin:0 auto;}

.oimg{ width:90%;}
.imageworkBox{
	text-align:center;}
.imagework{
	padding:2px;
	width:250px;
	display:inline-block;
	margin:10px 10px 0 10px;
	border:#CCC 1px solid;
	text-align:center;}
	.imagework img{width:50%;}

@media screen and (max-width: 1260px) {
	.changetopimg{
	max-width:996px;
	}
	.content{
		text-align:center;
		/*background: #F0F0F0;*/
	}

	.imgnews{
	width:100%;
	max-width:672px;
	height:254px;
	margin:0 auto;
	display:inline-block;

	}
.imgnewsmof{
	width:100%;
    height:auto;
	margin:10px auto;
	display:inline-block;
	}
	
.imgnewsmof .imgnewsmof_1{
	width:330px;
    height:338px;;
	margin:0 10px 0 0;
	display:inline-block;
	}

.imgnewsmof .imgnewsmof_2{
	width:330px;
    height:338px;
	margin:0 auto;
	display:inline-block;
	}

.news-box{
	width:100%;/*RWD用的自動寬度*/
	margin:0 auto;
	}
.ninebutton{
	width:100%;
	padding:5% 0 5% 5%;
	height:auto;
	margin:0;
	display:inline-block;
	text-align: center;
	}
.MainContentWapper{
	width:65%;
	}

.ContentItemWapper{
	width:27%;
	}
}


@media screen and (max-width: 1003px) {
.search{
	height:auto;
	margin:15px 0 0 0;
	}
/*.MainContent img{width:80%;}
*/.MainContent .MainContentDefpage img{ width:80%;}
       



}

@media screen and (max-width: 996px) {
.content{
		text-align:center;
		/*background: #F0F0F0;*/
	}
.changetopimg{
	max-width:700px;
	}
.imgnews{
	width:100%;
	max-width:672px;
	height:254px;
	margin:0 auto;
	display:inline-block;

	}
.imgnewsmof{
	width:100%;
    height:auto;
	margin:10px auto;
	display:inline-block;
	}
	
.imgnewsmof .imgnewsmof_1{
	width:330px;
    height:338px;;
	margin:0 10px 0 0;
	display:inline-block;
	}

.imgnewsmof .imgnewsmof_2{
	width:330px;
    height:338px;
	margin:0 auto;
	display:inline-block;
	}

ul.topmostitem{
	width:58%;
	height:auto;
	text-align:left;
	}
.ninepic {
  width: 155px;
  height: 95px;
  margin: 0 10px;
}

.MainContentWapper{
	width:97%;
	margin:10px 0 0 5px;}
	
.ContentItemWapper{
	width:97%;
	margin:10px 0 0 5px;}
/*.MainContent img{width:70%;}
*/.MainContent .MainContentDefpage img{ width:70%;}

.VPicWapper img{ position:absolute; width:200px; height:150px;}
.VSecPicWapper img{ position:absolute; width:150px; height:113px;}

}

@media screen and (max-width: 768px) {

/*選單變小顆的開始*/
.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
/*選單變小顆的結束*/
.topmainitem{
	width:100%;
	margin:0 auto;
	font-size: 18px;
	}
	ul.topmostitem {
	  width: 100%;
	  height: auto;
	  margin: 0;
	  padding: 5px;
	  text-align: left;
	  }	
	
.search{
	width:100%;
	margin:0 0 0 5px;
	} 
.changewordsize { display:none;}
.footer_box ul{
	width:30%;
	}
.bottommost_info{width:100%;}
.bottommost_right{width:100%;}
.bottommost_item{width:100%;}

.footer_box {  text-align: left;  padding: 0 5% 2% 5%;}
	.footer_box ul {  width:42%; margin: 0 7% 0 0 }
	.footer_box ul li { line-height:130%; margin: 0 0 10px 0;	}
	.footer_box ul li:first-child {
	  margin: 25px 0 10px 0;
	}
.accesskeyUB a{display: none;}
.hotsearch{	display: none;}
.toplogo { text-align: center; padding: 10px; }
.search {  margin: 10px; text-align: center; }

.topmost{ display:none}
.accesskeyC{ display:none;}
	  
    
}
@media screen and (max-width: 700px) {
.changetopimg{
	max-width:530px
	}

.news-box{
	height:350px;
	font-size: 18px;
	}
.imgnews{
	width:100%;
	max-width:510px;
	height:198px;
	}

	
.imgnewsmof .imgnewsmof_1{
	width:100%;
	max-width:250px;
    height:255px;;
	margin:0 10px 0 0;
	}

.imgnewsmof .imgnewsmof_2{
	width:100%;
	max-width:250px;
    height:255px;;
	}

.footer_box ul{width:100%;}

}

@media screen and (max-width: 600px) {
.MultiBar{ display: none;}
/*.MainContent img{width:90%;}
*/.MainContent .MainContentDefpage img{ width:90%;}
.VPicWapper img{ position:absolute; width:200px; height:150px;}
.VSecPicWapper img{ position:absolute; width:150px; height:113px;}

select{width:50%;}
input[type=text]{width:80%;}
.BulletinsSearch{ display:none;}
.BSText{ display:none;}
textarea {width:80%;}
.search input { width:50%; }

@media screen and (max-width: 530px) {
.changetopimg{
	display:none;
 	}
.topmainitem{
	width:100%;
	}

.imgnews{
	width:100%;
	max-width:380px;
	height:150px;
	}

	
.imgnewsmof .imgnewsmof_1{
	width:100%;
	max-width:380px;
	height:388px;
	margin:0 0 10px 0;
	}
.imgnewsmof .imgnewsmof_2{
	width:100%;
	max-width:380px;
	height:388px;
	}

.aside{
	height:110px;	
	}
.VPicBigBox{
	padding:0 0 0 25%;
	}
	
@media screen and (max-width: 480px) {	
	ul.topmostitem li {	 margin: 0 1px; }
    ul.topmostitem li:first-child {  display:none; }	
    ul.topmostitem {  text-align: center; padding: 12px;}

	

	
}	

@media screen and (max-width: 440px) {
	.news-box{
	height:350px;
	}
.ninebuttonRight{
	width:100%;
	}
}


@media screen and (max-width: 400px) {


}