@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap")
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

body{
	width:100%;
	font-family: Arial, Verdana, Helvetica, sans-serif, Microsoft JhengHei, Meiryo!important;
	font-size:16px!important;	
	background:#fff;
	overflow-x:hidden;
}



a {text-decoration:none; border:0;}
a:hover {text-decoration:underline; }




/*  */

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

.v100px{width:auto;}
.v120px{width:auto;}
.v140px{width:auto;}
.v160px{width:auto;}
.v180px{width:auto;}
.v200px{width:auto;}
.v250px{width:auto;}
.v350px{width:auto;}
.v400px{width:auto;}
.img160px{width:80px;height:auto;}
.img120px{width:80px;height:auto;}
}
@media only screen and (min-width:768px){

.v100px{width:100px;}
.v120px{width:120px;}
.v140px{width:140px;}
.v160px{width:160px;}
.v180px{width:180px;}
.v200px{width:200px;}
.v250px{width:250px;}
.v350px{width:350px;}
.v400px{width:400px;}


.img160px{width:160px;height:auto;}
.img120px{width:120px;height:auto;}
}



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

.v768u{display:none;}
.v768d{}
.odlogo img{
	width:auto!important;
	height:50px!important;
	margin:-2px 0 0 0!important;
	border:0px!important;
	
}

.topmenudiv{
	width:100%;
	height:auto;
	padding:5px 0;
	text-align:right;
}

.topmenudiv a{
	padding:5px 8px;
	font-size:14px;
	font-weight:500;
	color:#111;
	letter-spacing:0px;
}

.topmenudiv2{
	width:100%;
	height:auto;
	padding:0;
	text-align:center;
}

.topmenudiv2 a{
	padding:5px 8px;
	font-size:14px;
	font-weight:500;
	color:#111;
	letter-spacing:0px;
}

.odlogo{
	display:block;
	float:left;
	z-index:10;
	margin-top:-2px!important;
	padding:2px!important;
}


.idxcarouseldiv{
	display:block;
	width:100%;
	height:auto;
	padding:0 0 16% 0;
	margin:0 0 30px 0;	
	/*background-image : url(../images/idxbg00.jpg); 
	background-repeat:repeat;
	background-position-y:0px;*/
	background:#333;
	border-bottom: solid 8px #eee!important;

}

.odlogoa{
	display:none;
	/*display:inline-block;*/
	color:#111!important;
	font-size:14px!important;
	font-weight:500;
	letter-spacing:1px;
}

.odlogoa2{
	display:inline-block;
	color:#111!important;
	font-size:14px!important;
	font-weight:500;
	letter-spacing:1px;
}

}

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

.v768d{display:none;}
.v768u{}

.odlogo img{
	position: relative;
	height:90px!important;
	width:auto!important;
	margin:0!important;
	border: 0!important;
	padding:0!important;
}

.topmenudiv{
	position: relative;
	width: 100%;
	height: auto;
	padding: 2px 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100px; /* 和圖片一樣高 */
	background:#CAE9FE;
}

.topmenudiv a{
	padding:0px 12px;
	font-size:16px;
	font-weight:500;
	color:#111;
	letter-spacing:1px;	
}

.topmenudiv2{display:none;}

.odlogo{
	display:block;
	position: absolute;
	z-index:9999;
	margin-top:-3px!important;
	padding:2px!important;
}


.idxtopmaindiv{
	position:relative;
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 40px 0;	
	/*background-image : url(../images/idxbg00.jpg); 
	background-repeat:repeat;
	background-position-y:0px;*/


}

.odlogoa{
	display:none;
	display:inline-block;
	color:#111!important;
	font-size:14px!important;
	font-weight:500;
	letter-spacing:1px;
	line-height:24px!important;
}

.odlogoa2{
	display:none;
	color:#111!important;
	font-size:14px!important;
	font-weight:500;
	letter-spacing:1px;
	line-height:24px!important;
}


}



.odlogoa img{
	width:12px;
	height:auto;
	padding:2px 0 0 0;
	margin:0;
	border:0;
}


.odlogoa2 img{
	width:12px;
	height:auto;
	padding:2px 0 0 0;
	margin:0;
	border:0;
}


.odlogoatitle{
	display:inline-block;
	margin-right:3px;
	width:20px;
	height:20px;
	background: #b79f5f;
	border: solid 1px #b79f5f!important;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	color:#fff;
	letter-spacing:1px;		
	text-align:center;
}





.idxbgbn{
	padding:0 0 100px 0!important;
	background:#333;
	border-bottom: solid 8px #eee!important;	
}



.mtop5{margin-top:-5px!important;}


.overhidden{
	overflow:hidden;
}

.animations3{
  animation: shakeX; //動畫效果
  animation-duration: 3s; //持續時間
}

.animations2{
  animation: shakeX; 
  animation-duration: 2s;
}


.zid1{z-index:10;}
.zid2{z-index:20;}
.zid3{z-index:30;}
.zid4{z-index:40;}
.zid5{z-index:50;}
.zid6{z-index:60;}
.zid7{z-index:70;}
.zid8{z-index:99;}
.zid9{z-index:999;}
.zid10{z-index:9999;}

#goTop{cursor:pointer;display:none;}

.clear {clear: both;}

hr.style1 {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

hr.style2 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

hr.style3 {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

hr.style4 {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

hr.style5 {
    border: 0;
    height: 1px;
    background: #eee;
    background-image: linear-gradient(to right, #ccc, #eee, #ccc);
}


.fullimg{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.fullimg img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}



.fullimga3{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.fullimga3 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
  	animation-name: goimg;
	animation-timing-function: linear;
  	animation-duration:3s;
}


@keyframes goimg {
  0% {
    transform:scale(1.1);
  }
  50% {
    transform:scale(1.05);
  }
  100% {
    transform:scale(1.0);
  }
}




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

.fullimg60{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.fullimg60 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.fullimg70{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.fullimg70 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.fullimg80{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.fullimg80 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.fullimg90{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.fullimg90 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}


}

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

.fullimg60{
	width:60%;
	height:auto;
	padding:0 20%;
	margin:0;
}

.fullimg60 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.fullimg70{
	width:70%;
	height:auto;
	padding:0 15%;
	margin:0;
}

.fullimg70 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.fullimg80{
	width:80%;
	height:auto;
	padding:0 10%;
	margin:0;
}

.fullimg80 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}


.fullimg90{
	width:100%;
	height:auto;
	padding:0 10%;
	margin:0;
}

.fullimg90 img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}


}




/* 選單 */



.odmenu1 {
	border-color: rgb(10,10,10)!important;
	color:#111;
} 


.odmenu1[aria-expanded="true"] {
	color: #111!important;
}
.odmenu1:focus{
	color: #ccc;
}

.odmenu2 {
	display:block;
	float:left;
	width:50px;
	height:50px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-color: rgb(10,10,10)!important;
	color:#111;
	display: flex;
  	justify-content: center;
	text-align: center;
	align-items: center;
} 




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

.odmenu1 {
	
	margin:5px 10px;
	width:36px;
	height:36px;
	border-radius:36px;
	-moz-border-radius:36px;
	-webkit-border-radius:36px;	
}
.odmenu2 {
	margin-left:8px;
	width:36px;
	height:36px;
	border-radius:36px;
	-moz-border-radius:36px;
	-webkit-border-radius:36px;
}

.odmenu2 img{
	width:20px;
	height:auto;
	borde:0;
}

.navbar-toggler-icon {
background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='8 -5 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(10, 10, 10, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

}

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

.odmenu1 {
	display:none;
	margin-left:12px;
	width:50px;
	height:50px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;	
}
.odmenu2 {
	margin-left:12px;
	width:50px;
	height:50px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
}

.odmenu2 img{
	width:28px;
	height:auto;
	borde:0;
}

.navbar-toggler-icon {
background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='2 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(10, 10, 10, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

}

@media only screen and (min-width:1400px){

.odmenu1 {
	display:none;
	margin-left:15px;
	width:50px;
	height:50px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;	
}
.odmenu2 {
	margin-left:15px;
	width:50px;
	height:50px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
}

.odmenu2 img{
	width:28px;
	height:auto;
	borde:0;
}

.navbar-toggler-icon {
background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='2 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(10, 10, 10, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

}

/* 背景 */
.odbg1{background-color: #FFFDF6!important;}
.odbg2{background-color: #6aa7e8!important;}
.odbg3{background-color: #FFFDF6!important;}
.odbg4{background-color: #E9F2F2!important;}
.odbg5{background-color: #CAE9FE!important;}
.odbg8{background-color: #fff!important;}
.odbg_black{background-color: #000!important;}


.odimgbg1{
	background-image : url(../images/idxbg1.jpg); 
	background-repeat : repeat;
	background-position:100% top;	
}




.shadow1{
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.62);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
}

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

.odimgbg2{
	background-image : url(../images/bgimg1n_m.jpg); 
	background-repeat : repeat;
	background-position:100% top;	
}

}

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

.odimgbg2{
	background-image : url(../images/bgimg1n.jpg); 
	background-repeat : repeat;
	background-position:100% top;	
}

}


/* 文字 */
.odfwhite{color:#fff!important;}
.odfwhite:hover{color:#F8FF78!important;}

.odfblack{color:#000!important;}
.odfgray1{color:#111!important;}
.odfgray2{color:#333!important;}
.odfgray3{color:#595959!important;}
.odfgray4{color:#888!important;}
.odfgray5{color:#ccc!important;}

/* 寬度 */
.w100{width:100px!important;}
.w120{width:120px!important;}
.w140{width:140px!important;}
.w150{width:150px!important;}
.w160{width:160px!important;}
.w180{width:180px!important;}
.w200{width:200px!important;}
.w240{width:240px!important;}
.w300{width:300px!important;}

.w20p{width:20%!important;}
.w30p{width:30%!important;}
.w40p{width:40%!important;}
.w50p{width:50%!important;}
.w60p{width:60%!important;}
.w70p{width:70%!important;}
.w80p{width:80%!important;}
.w90p{width:90%!important;}
.w100p{width:100%!important;}


.floatleft{float:left!important;}
.floatright{float:right!important;}

.imgw20p{width:20%!important;height:auto!important;padding:0 40%!important;}
.imgw30p{width:30%!important;height:auto!important;padding:0 35%!important;}
.imgw40p{width:40%!important;height:auto!important;padding:0 30%!important;}
.imgw50p{width:50%!important;height:auto!important;padding:0 25%!important;}
.imgw60p{width:60%!important;height:auto!important;padding:0 20%!important;}
.imgw70p{width:70%!important;height:auto!important;padding:0 15%!important;}
.imgw80p{width:80%!important;height:auto!important;padding:0 10%!important;}
.imgw90p{width:90%!important;height:auto!important;padding:0 5%!important;}
.imgw100p{width:100%!important;height:auto!important;padding:0!important;}

.imgw20p img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	border:0!important;
}

.imgw30p img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	border:0!important;
}


.imgw40p img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	border:0!important;
}


.imgw50p img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	border:0!important;
}


.imgw60p img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	border:0!important;
}


.imgw70p img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	border:0!important;
}


.imgw80p img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	border:0!important;
}


.img90p img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	border:0!important;
}


.imgw100p img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	border:0!important;
}




/* 按鈕 */



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

.searchbt1 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px 2px 6px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:16px;
	padding: 2px 12px 4px 32px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	
	font-weight:300;
	color: #fff;
	border: solid 1px #595959;
	background-color: #DEA932;
	background-image : url(../images/search.png); 
	background-repeat : no-repeat;
	background-position:5px 5px; 
	
}

.searchbt1:hover {
	font-weight:300;
	color: #875800;
	background-color: #FFD82D;
}

}

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




.searchbt1 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px 2px 6px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:16px;
	padding: 2px 12px 4px 32px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	
	font-weight:300;
	color: #fff;
	border: solid 1px #595959;
	background-color: #DEA932;
	background-image : url(../images/search.png); 
	background-repeat : no-repeat;
	background-position:5px 5px; 
	
}

.searchbt1:hover {
	font-weight:300;
	color: #875800;
	background-color: #FFD82D;
}


}


/*  */

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

.searchinp1{
	width:160px!important;
}

.idxsearchdiv1{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}


.idxsearchdiv2{
	width:100%;
	height:auto;
	padding:15px 3%;
	margin:15px 0 0 0;
	text-align:left;
	-webkit-border-radius:12px; 
	-moz-border-radius:12px;
	border-radius:12px;
	background-color:#EFEBEB;
	border:1px solid #ddd;
}

.idxsearchdiv2 a{
	display:block;
	width:auto;
	height:auto;
	margin:3px 5px 5px 5px;	
	padding:2px 10px;
	font-size:16px;
	font-weight:500;
	color:#262626;
	line-height:28px;
	text-align:left; 
	float:left;
	border:1px solid #273B64;
	-webkit-border-radius:8px; 
	-moz-border-radius:8px;
	border-radius:8px;
	background-color:#fff;	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.yztitle1{
	color:#FFD82D;!important;
	font-size:20px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:left;  
	line-height:35px;
	padding:0 5px 0 0;
}

.yztitle2{
	display:block;
	color:#526283!important;
	font-size:20px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:left; 
	line-height:28px;
	margin:2px 5px;	
	padding:0 10px 0 0;
	float:left;
}


.yztitle3{
	color:#DAF4FF!important;
	font-size:20px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:left;  
	line-height:28px;
	padding:0 5px 0 0;
}


.idxsearchdiv3{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}

.idxsearchdiv4{
	display:block!important;
	width:100%;
	height:auto;
	padding:15px 3%;
	margin:15px 0;
	text-align:left;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #ccc;
}

.idxsearchdiv4 a{
	color:#fff;
	padding:2px 5px;
	font-size:16px;
	font-weight:500;
	line-height:28px;
	text-align:left;
	letter-spacing:1px;   

}


}

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

.searchinp1{
	width:160px!important;
}

.idxsearchdiv1{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}

.idxsearchdiv2{
	width:100%;
	height:auto;
	padding:15px 3%;
	margin:15px 0 0 0;
	text-align:left;
	-webkit-border-radius:12px; 
	-moz-border-radius:12px;
	border-radius:12px;
	background-color:#EFEBEB;
	border:1px solid #ddd;
}

.idxsearchdiv2 a{
	display:block;
	width:auto;
	height:auto;
	margin:3px 5px 5px 5px;	
	padding:2px 10px;
	font-size:16px;
	font-weight:500;
	color:#262626;
	line-height:28px;
	text-align:left; 
	float:left;
	border:1px solid #273B64;
	-webkit-border-radius:8px; 
	-moz-border-radius:8px;
	border-radius:8px;
	background-color:#fff;	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}



.yztitle1{
	color:#FFD82D;!important;
	font-size:20px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:left;  
	line-height:35px;
	padding:0 5px 0 0;
}

.yztitle2{
	display:block;
	color:#526283!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:left; 
	line-height:28px;
	margin:2px 5px;	
	padding:0 5px 0 0;
	float:left;
}


.yztitle3{
	color:#DAF4FF!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:left;  
	line-height:28px;
	padding:0 3px 0 0;
}


.idxsearchdiv3{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}

.idxsearchdiv4{
	display:block!important;
	width:100%;
	height:auto;
	padding:15px 3%;
	margin:15px 0;
	text-align:left;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #ccc;
}

.idxsearchdiv4 a{
	color:#fff;
	padding:2px 5px;
	font-size:16px;
	font-weight:500;
	line-height:28px;
	text-align:left;
	letter-spacing:1px;   

}

}


@media only screen and (min-width:1200px){

.searchinp1{
	width:160px!important;
	border: solid 2px #fff;
}

.idxsearchdiv1{
	width:30%;
	height:auto;
	padding:0 1%;
	margin:0;
	float:left;
	text-align:left;
}

.idxsearchdiv2{
	width:70%;
	height:auto;
	padding:15px 1%;
	margin:0;
	float:left;
	text-align:left;
	-webkit-border-radius:12px; 
	-moz-border-radius:12px;
	border-radius:12px;
	background-color:#EFEBEB;
	border:1px solid #ddd;
}

.idxsearchdiv2 a{
	display:block;
	width:auto;
	height:auto;
	margin:3px 5px 5px 5px;	
	padding:2px 10px;
	font-size:16px;
	font-weight:500;
	color:#262626;
	line-height:28px;
	text-align:left; 
	float:left;
	border:1px solid #273B64;
	-webkit-border-radius:8px; 
	-moz-border-radius:8px;
	border-radius:8px;
	background-color:#fff;	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
	

.yztitle1{
	color:#FFD82D;!important;
	font-size:20px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:left;  
	line-height:35px;
	padding:0 5px 0 0;
}

.yztitle2{
	display:block;
	color:#526283!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:left; 
	line-height:28px;
	margin:2px 5px;	
	padding:0 6px 0 0;
	float:left;
}

.yztitle3{
	color:#DAF4FF!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:left;  
	line-height:28px;
	padding:0 3px 0 0;
}


.idxsearchdiv3{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}

.idxsearchdiv4{
	display:block!important;
	width:100%;
	height:auto;
	padding:15px 2%;
	margin:15px 0;
	text-align:left;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #ccc;
}

.idxsearchdiv4 a{
	color:#fff;
	padding:2px 5px;
	font-size:16px;
	font-weight:500;
	line-height:28px;
	text-align:left;
	letter-spacing:1px;   

}




}


.searchinp1:hover{
	border: solid 2px #273B64;
}

.idxsearchdiv2 a:hover{
	color:#DEA932!important;
	border:1px solid #DEA932!important;
}


.idxsearchdiv4 a:hover{
	color:#FFD82D!important;
}



/* 輪播區塊 */
.idxzdiv0{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}


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

.idxzdiv1{
	width:100%;
	height:auto;
	padding:10px 0;
	margin:0;
}



.idxbannerdiv{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.idxlinkdiv{
	width:100%;
	height:auto;
	padding:10px 0 0 0;
	margin:0;
}

.idxlinkdiv img{
	width:50%;
	height:auto;
	padding:0 1% 10px 1%;
	margin:0;
	float:left;	
}



.idxcarouselalldiv{
	position:relative;
	width:90%;
	height:auto;
	padding:20% 0 0 0;	
	margin:0 5% 0 5%;
	text-align:center; 
	z-index:99;	
}

.idxcarouseldiv{
	/*position: absolute;*/
	position:relative;
	width:100%;
	height:auto;
	padding:0;	
	margin:0;
	text-align:center; 
	border: solid 8px #eee;
	z-index:99;
}




}

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


.idxzdiv1{
	width:100%;
	height:auto;
	padding:25px 0 20px 0;
	margin:0;
}



.idxbannerdiv{
	width:50%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.idxlinkdiv{
	width:50%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.idxlinkdiv img{
	width:50%;
	height:auto;
	padding:0 0 10px 2%;
	margin:0;
	float:left;	
}


.idxcarouselalldiv{
	position:relative;
	width:80%;
	height:auto;
	padding:20% 0 0 0;	
	margin:0 10% 0 10%;
	text-align:center; 
	z-index:99;	
}

.idxcarouseldiv{
	/*position: absolute;*/
	position:relative;
	width:100%;
	height:auto;
	padding:0;	
	margin:0;
	text-align:center; 
	border: solid 8px #eee;
	z-index:99;
}




}


@media only screen and (min-width:1400px){

.idxzdiv1{
	width:100%;
	height:auto;
	padding:35px 0 30px 0;
	margin:0;
}



.idxbannerdiv{
	width:50%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.idxlinkdiv{
	width:50%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.idxlinkdiv img{
	width:50%;
	height:auto;
	padding:0 0 10px 2%;
	margin:0;
	float:left;	
}


.idxcarouselalldiv{
	position:relative;
	width:70%;
	height:auto;
	padding:20% 0 0 0;	
	margin:0 15% 0 15%;
	text-align:center; 
	z-index:99;	
}

.idxcarouseldiv{
	/*position: absolute;*/
	position:relative;
	width:100%;
	height:auto;
	padding:0;	
	margin:0;
	text-align:center; 
	border: solid 8px #eee;
	z-index:99;
}




}


.fulldiv{
	width:100%;
	height:auto;
	padding:0;	
	margin:0 auto;
	text-align:center; 	
}

.fulladiv{
	position: absolute;
	width:100%;
	height:auto;
	padding:0;	
	margin:0;
}


.mt20{
	display:block;
	margin-top: 20%;
}

.mt25{
	margin-top: 25%;
}

.mt30{
	margin-top: 30%;
}

.mt40{
	margin-top: 40%;
}

.pt20{
	padding-top: 20%;
}

.pt30{
	padding-top: 30%;
}


.pt40{
	padding-top: 40%;
}

.pt10px{
	padding-top: 10px;
}

.pt20px{
	padding-top: 20px;
}

.pt40px{
	padding-top: 40px;
}

.pt60px{
	padding-top: 60px;
}

.pt80px{
	padding-top: 80px;
}


.pt100px{
	display:block;
	padding-top: 100px;
}

.pb20px{
	padding-bottom: 20px;
}

.pb40px{
	padding-bottom: 40px;
}

.pb60px{
	padding-bottom: 60px;
}

.pb80px{
	padding-bottom: 80px;
}

.pb100px{
	padding-bottom: 100px;
}


.borderb8{
	border-bottom: solid 8px #eee;	
}


.bradius5{
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bradius8{
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
}


.bradius10{
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.bradius12{
	-webkit-border-radius: 12px; 
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.bradius15{
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.bradius20{
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	border-radius: 20px;
}


.bradius25{
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px;
	border-radius: 25px;
}



/* 第二層選單 */

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



}

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


.odfmenu1{
	width:auto!important;
	height:auto!important;
	padding:4px 0!important;
	margin:0!important;
	background-color: #9ECEF8!important;
	z-index:999;
	border:0;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.nav-link{
	padding:10px 15px!important;
	margin:0!important;
}

.odmenud1{
	position:relative!important;
	width:100%!important;
	height:auto!important;
	padding:4px 0!important;
	margin:0!important;
	background-color: #9ECEF8!important;	
}

.odfmenu1:hover .odfmenu0{background-color: #9ECEF8!important;}

.odfmenu1 a{
	display:block!important;
	width:100%!important;
	height:auto!important;
	margin:0!important;
	padding:10px 5%!important;
	color:#111;
	background-color: #9ECEF8!important;
}

}


@media only screen and (min-width:980px){

.odfmenu1{
	/*position::absolute!important;*/
	width:auto!important;
	height:auto!important;
	padding:4px 0!important;
	margin:0!important;
	background-color: #9ECEF8!important;
	z-index:999;
	border:0;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.nav-link{
	padding:10px 15px!important;
	margin:0!important;
}

.odfmenu1:hover .odfmenu0{background-color: #9ECEF8!important;}

.odfmenu1 a{
	display:block!important;
	width:100%!important;
	padding:10px 15px!important;
	color:#111;
}


}



.odfmenu1 a:hover{
	background-color: #44506B!important;
	color:#fff!important;
}

.odfmenu0:active {
	background-color: #9ECEF8!important;
	color:#fff!important;
}
.odfmenu0:focus {
	background-color: #9ECEF8!important;
	color:#fff!important;
}

.odfmenu0 a:active {
	background-color: #9ECEF8!important;
	color:#fff!important;
}
.odfmenu0 a:focus {
	background-color: #9ECEF8!important;
	color:#fff!important;
}




/*  */

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

.inner{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0;
}





}

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

.inner{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0;
}





}

@media only screen and (min-width:1400px){

.inner{
	width:1400px;
	height:auto; 
	padding:10px 0;
	margin:0 auto;
	text-align: center;
}






}




/*  標題 */

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


.idxtitlediv{	
	width:320px!important;
	height:auto!important;
	padding:10px 0 5px 0!important;
	margin:0 auto!important;
	margin-bottom:20px!important;
	color:#2E8BC0!important;
	font-size:16px;
	letter-spacing:0px;   
	font-weight:500;
	text-align:center; 
	line-height:35px;
	-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);
	border-bottom: solid 1px #2E8BC0;
}

.idxtitlediv span{
	display:inline-block;
	padding:0 20px!important;
	font-family: 'cwTeXYen', serif!important;
	/*font-family:DFKai-sb!important;*/
	color:#2E8BC0!important;
	font-size:32px;
	letter-spacing:2px;   
	font-weight:500;
	line-height:32px;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow:none;
	
}	


}

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


.idxtitlediv{	
	width:420px!important;
	height:auto!important;
	padding:10px 0 5px 0!important;
	margin:0 auto!important;
	margin-bottom:20px!important;
	color:#2E8BC0!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:center; 
	line-height:35px;
	-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);
	border-bottom: solid 1px #2E8BC0;	
}

.idxtitlediv span{
	display:inline-block;
	padding:0 20px!important;
	font-family: 'cwTeXYen', serif!important;
	/*font-family:DFKai-sb!important;*/
	color:#2E8BC0!important;
	font-size:40px;
	letter-spacing:2px;   
	font-weight:500;
	line-height:40px;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow:none;
	
}	



}





/* 主題課程 */

@media only screen and (max-width:768px){
.idxcoursetitle1{
	padding:30% 0 5px 0!important;
	color:#fff!important;
	font-size:21px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:28px;
	-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);	
}

.idxcoursetitle2{
	padding:5px 0!important;
	color:#FFD82D!important;
	font-size:21px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:28px;
	-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);	
}


}

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

.idxcoursetitle1{
	padding:30% 0 5px 0!important;
	color:#fff!important;
	font-size:21px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:28px;
	-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);	
}

.idxcoursetitle2{
	padding:5px 0!important;
	color:#FFD82D!important;
	font-size:21px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:28px;
	-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);	
}

}


@media only screen and (min-width:1400px){

.idxcoursetitle1{
	padding:30% 0 5px 0!important;
	color:#fff!important;
	font-size:21px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:28px;
	-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);	
}

.idxcoursetitle2{
	padding:5px 0!important;
	color:#FFD82D!important;
	font-size:21px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:28px;
	-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);	
}



}

.courseitemdiv{
	padding-bottom:50%!important;
	padding-top:30%!important;
	height: 0!important;
	/*border: 3px solid rgba(255,255,255,0)!important;*/
	cursor: pointer;
}

/*.courseitemdiv:hover{border: 3px solid rgba(255,216,45,0.7)!important;}*/

.courseitemdiv .info {
	background: no-repeat rgba(0, 0, 0, 0.6);
	opacity: 1;
	-webkit-transition: opacity .5s ease;
    	-moz-transition: opacity .5s ease;
    	-o-transition: opacity .5s ease;
    	transition: opacity .5s ease;
    	left: 0;    
	top: 0;
    	position: absolute;
	height:100%;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;

}

.courseitemdiv:hover .info {
	opacity: 1;
	background: no-repeat rgba(10, 10, 10, 0.1);
}

/*.courseitemdiv:hover{opacity: 0.5;}


*/

.courseitemdiv:hover .idxcoursetitle1{
	opacity:1!important;
	color:#fff!important;
	-webkit-text-shadow: 2px 2px 4px rgba(203,37,49,.95);
	-moz-text-shadow: 2px 2px 4px rgba(203,37,49,.95);
	text-shadow: 2px 2px 4px rgba(203,37,49,.95);		
}

.courseitemdiv:hover .idxcoursetitle2{
	opacity:1!important;
	-webkit-text-shadow: 2px 2px 4px rgba(0,0,0,.95);
	-moz-text-shadow: 2px 2px 4px rgba(0,0,0,.95);
	text-shadow: 2px 2px 4px rgba(0,0,0,.95);	
}


.idxcoursetitle3{
	/*display:block;*/
	display:none;
	width:100%!important;
	height:auto!important;
	/*background-color:rgba(255, 216, 45, 0.7);*/
	padding:5px 0!important;
	color:#fff!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:20px;
	/*-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);	*/
}

.courseitemdiv2{
	padding-bottom: 35%!important;
	padding-top: 30%!important;
	height: 0!important;
	/*border: 3px solid rgba(255,255,255,0)!important;*/
	cursor: pointer;
}

.courseitemdiv2 .info {
	background: no-repeat rgba(0, 0, 0, 0.2);
	opacity: 1;
	-webkit-transition: opacity .5s ease;
    	-moz-transition: opacity .5s ease;
    	-o-transition: opacity .5s ease;
    	transition: opacity .5s ease;
    	left: 0;    
	top: 0;
    	position: absolute;
	height:100%;
	width:100%;
	text-align:center;
	margin:0;
	padding:25% 0 0 0;

}

.courseitemdiv2:hover .info {
	opacity: 0.9;
	background: no-repeat rgba(0, 0, 0, 0.8);
}

.courseitemdiv2:hover .idxcoursetitle3{display:block;}



.more1{
	display:block;
	width:180px!important;
	height:auto!important;
	padding:5px 15px!important;
	margin:0 auto!important;
	text-align:center; 
	margin-top:25px!important;
	margin-bottom:35px!important;
	color:#fff!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:28px;
	-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);
	background-color: #DEA932!important;
	
}

.more1:hover{background-color: #FFD82D!important;color:#875800!important;}


.more2{
	width:auto!important;
	height:auto!important;
	padding:0!important;
	margin:0 auto!important;
	color:#FFD82D!important;
	font-size:13px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:28px;
	/*-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);
	background-color: #DEA932!important;*/
	
}

.more2:hover{important;color:#DEA932!important;}



/* 左右div */

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

.s8d2{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}

.s7d3{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}


.s3_8d1{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}

.s3_8d2{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}

.s3_7d1{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}

.s3_7d2{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}

.s35_65d1{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}

.s35_65d2{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}


.s4_6d1{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}

.s4_6d2{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}

.s5_5d1{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}

.s5_5d2{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}


.s5_5d1n{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}

.s5_5d2n{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
}

}

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


.s8d2{
	width:80%!important;
	height:auto!important;
	padding:0 0 0 20%!important;
	margin:0!important;
}

.s7d3{
	width:100%;
	height:auto;
	padding:0 0 0 20%;
	margin:0;
}

.s3_8d1{
	width:20%!important;
	height:auto!important;
	padding:0 1% 0 0!important;
	margin:0!important;
	float:left!important;
}

.s3_8d2{
	width:80%!important;
	height:auto!important;
	padding:0 0 0 1%!important;
	margin:0!important;
	float:left!important;
}


.s3_7d1{
	width:30%!important;
	height:auto!important;
	padding:0 1% 0 0!important;
	margin:0!important;
	float:left!important;
}

.s3_7d2{
	width:70%!important;
	height:auto!important;
	padding:0 0 0 1%!important;
	margin:0!important;
	float:left!important;
}


.s35_65d1{
	width:35%!important;
	height:auto!important;
	padding:0 1% 0 0!important;
	margin:0!important;
	float:left!important;
}

.s35_65d2{
	width:65%!important;
	height:auto!important;
	padding:0 0 0 1%!important;
	margin:0!important;
	float:left!important;
}



.s4_6d1{
	width:40%!important;
	height:auto!important;
	padding:0 1% 0 0!important;
	margin:0!important;
	float:left!important;
}

.s4_6d2{
	width:60%!important;
	height:auto!important;
	padding:0 0 0 1%!important;
	margin:0!important;
	float:left!important;
}

.s5_5d1{
	width:50%!important;
	height:auto!important;
	padding:0 1% 0 0!important;
	margin:0!important;
	float:left!important;
}

.s5_5d2{
	width:50%!important;
	height:auto!important;
	padding:0 0 0 1%!important;
	margin:0!important;
	float:left!important;
}


.s5_5d1n{
	width:50%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	float:left!important;
}

.s5_5d2n{
	width:50%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	float:left!important;
}


}

.s5_5d1n img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;	
}

.s5_5d2n img{
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;	
}


/* 最新消息 */

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



.mandarindiv{
	display:block;
	width:100%!important;
	height:auto!important;
	padding:25px 0 20px 0!important;
	margin:0!important;
}

.idxnewsdiv{
	width:100%!important;
	height:auto!important;
	min-height:150px!important;
	padding:10px 1%!important;
	margin:0 auto!important;
	color:#262626!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:center; 
	line-height:24px;
	background-color:#fff!important;
	-webkit-box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	-moz-box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	border: 1px solid #f8f8f8;
}

.idxnewstitle{
	width:70%!important;
	height:auto!important;
	padding:25px 0 0 0!important;
	margin:0!important;
	float:left!important;
	color:#7F7568!important;
	font-size:14px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:left; 
	line-height:40px;
	
}

.idxnewsmore{
	width:30%!important;
	height:auto!important;
	padding:50px 0 0 0!important;
	margin:0!important;
	float:left!important;
	text-align:right; 
	
}

.idxnewstitle img{
	display:block;
	width:auto!important;
	height:50px!important;
	padding:0 5px 0 0!important;
	margin:0!important;
	border:0!important;
	float:left!important;
	
}


.idxnewstitle span{
	color:#32280C!important;
	font-size:30px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:50px;	
}

.idxnewsitemdiv{
	width:100%!important;
	height:auto!important;
	padding:10px 2%!important;
	margin:0!important;	
	background-color:#E0F8FF!important;
}

.idxnewsitem{
	clear:both!important;
	display:block!important;
	width:100%!important;
	height:auto!important;
	padding:8px 0!important;
	margin:8px 0!important;	
}

.idxnewtime{
	display:block!important;
	width:22%!important;
	height:auto!important;
	padding:5px 0!important;
	margin:0!important;
	float:left!important;
	color:#111!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:center; 
	line-height:25px;
	background-color:#fff!important;
}

.idxnewname{
	display:block!important;
	width:78%!important;
	height:auto!important;
	padding:5px 1%!important;
	margin:0!important;
	float:left!important;
	text-align:left; 
	color:#111!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	background-color:#fff!important;	
}




}

@media (min-width: 1000px) and (max-width:1400px) {



.mandarindiv{
	display:block;
	width:100%!important;
	height:auto!important;
	padding:25px 0 20px 0!important;
	margin:0!important;
}

.idxnewsdiv{
	width:100%!important;
	height:auto!important;
	min-height:150px!important;
	padding:10px 1%!important;
	margin:0 auto!important;
	color:#262626!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:center; 
	line-height:24px;
	background-color:#fff!important;
	-webkit-box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	-moz-box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	border: 1px solid #f8f8f8;
}

.idxnewstitle{
	width:70%!important;
	height:auto!important;
	padding:25px 0 0 0!important;
	margin:0!important;
	float:left!important;
	color:#7F7568!important;
	font-size:14px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:left; 
	line-height:40px;
	
}

.idxnewsmore{
	width:30%!important;
	height:auto!important;
	padding:50px 0 0 0!important;
	margin:0!important;
	float:left!important;
	text-align:right; 
	
}

.idxnewstitle img{
	display:block;
	width:auto!important;
	height:50px!important;
	padding:0 5px 0 0!important;
	margin:0!important;
	border:0!important;
	float:left!important;
	
}


.idxnewstitle span{
	color:#32280C!important;
	font-size:30px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:50px;	
}

.idxnewsitemdiv{
	width:100%!important;
	height:auto!important;
	padding:10px 2%!important;
	margin:0!important;	
	background-color:#E0F8FF!important;
}

.idxnewsitem{
	clear:both!important;
	display:block!important;
	width:100%!important;
	height:auto!important;
	padding:8px 0!important;
	margin:8px 0!important;	
}

.idxnewtime{
	display:block!important;
	width:22%!important;
	height:auto!important;
	padding:5px 0!important;
	margin:0!important;
	float:left!important;
	color:#111!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:center; 
	line-height:25px;
	background-color:#fff!important;
}

.idxnewname{
	display:block!important;
	width:78%!important;
	height:auto!important;
	padding:5px 1%!important;
	margin:0!important;
	float:left!important;
	text-align:left; 
	color:#111!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	background-color:#fff!important;	
}





}


@media only screen and (min-width:1400px){

.mandarindiv{
	display:block;
	width:100%!important;
	height:auto!important;
	padding:25px 0 20px 0!important;
	margin:0!important;
}

.idxnewsdiv{
	width:100%!important;
	height:auto!important;
	min-height:150px!important;
	padding:10px 1%!important;
	margin:0 auto!important;
	color:#262626!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:center; 
	line-height:24px;
	background-color:#fff!important;
	-webkit-box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	-moz-box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	border: 1px solid #f8f8f8;
}

.idxnewstitle{
	width:70%!important;
	height:auto!important;
	padding:25px 0 0 0!important;
	margin:0!important;
	float:left!important;
	color:#7F7568!important;
	font-size:14px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:left; 
	line-height:40px;
	
}

.idxnewsmore{
	width:30%!important;
	height:auto!important;
	padding:50px 0 0 0!important;
	margin:0!important;
	float:left!important;
	text-align:right; 
	
}

.idxnewstitle img{
	display:block;
	width:auto!important;
	height:50px!important;
	padding:0 5px 0 0!important;
	margin:0!important;
	border:0!important;
	float:left!important;
	
}


.idxnewstitle span{
	color:#32280C!important;
	font-size:30px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:50px;	
}

.idxnewsitemdiv{
	width:100%!important;
	height:auto!important;
	padding:10px 2%!important;
	margin:0!important;	
	background-color:#E0F8FF!important;
}

.idxnewsitem{
	clear:both!important;
	display:block!important;
	width:100%!important;
	height:auto!important;
	padding:8px 0!important;
	margin:8px 0!important;	
}

.idxnewtime{
	display:block!important;
	width:22%!important;
	height:auto!important;
	padding:5px 0!important;
	margin:0!important;
	float:left!important;
	color:#111!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:center; 
	line-height:25px;
	background-color:#fff!important;
}

.idxnewname{
	display:block!important;
	width:78%!important;
	height:auto!important;
	padding:5px 1%!important;
	margin:0!important;
	float:left!important;
	text-align:left; 
	color:#111!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
	background-color:#fff!important;	
}




}

.idxnewname a{color:#262626!important;}
.idxnewname a:hover{color:#c00000!important;}



.newbg1{background-color: #32280C!important;}
.newbg2{background-color: #f0f0f0!important;}


/* 主任的話 */

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

.sharediv1{
	display:block!important;
	width:30%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	float:left!important;	
}

.sharediv1 img{margin-left:-10px!important;}

.sharediv2{
	display:block!important;
	width:70%!important;
	height:auto!important;
	padding:110px 0 0 0!important;
	margin:0!important;
	float:left!important;	
	color:#EFEBEB!important;
	font-size:14px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
}

.sharediv2 span{
	display:block!important;
	padding:15px 0!important;
	color:#fff!important;
	font-size:20px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:31px;
}


.sharedivb1{
	display:block!important;
	width:10%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	float:left!important;	
}

.sharedivb2{
	display:block!important;
	width:90%!important;
	height:auto!important;
	padding:40px 0 0 0!important;
	margin:0!important;
	float:left!important;	

}

.sharemvdiv{
	display:block!important;
	width:100%!important;
	height:auto!important;
	padding:5%!important;
	margin:0 0 30px 0!important;
	border: solid 1px #888!important;	
}

.sharetitle{
	display:block!important;
	width:24px!important;
	height:auto!important;
	padding:100px 0 0 0!important;
	margin:0 0 0 8px!important;
	color:#DEA932!important;
	font-size:24px!important;
	letter-spacing:0px;   
	font-weight:700;
	line-height:32px;
	word-wrap: break-word!important;
	word-break: normal!important;
}

}

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

.sharediv1{
	display:block!important;
	width:30%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	float:left!important;	
}

.sharediv1 img{margin-left:-10px!important;}



.sharediv2{
	display:block!important;
	width:70%!important;
	height:auto!important;
	padding:80px 0 0 0!important;
	margin:0!important;
	float:left!important;	
	color:#EFEBEB!important;
	font-size:14px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:21px;
}

.sharediv2 span{
	display:block!important;
	padding:15px 0!important;
	color:#fff!important;
	font-size:20px;
	letter-spacing:0px;   
	font-weight:500;
	line-height:28px;
}


.sharedivb1{
	display:block!important;
	width:10%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	float:left!important;	
}

.sharedivb2{
	display:block!important;
	width:90%!important;
	height:auto!important;
	padding:40px 0 0 0!important;
	margin:0!important;
	float:left!important;	

}

.sharemvdiv{
	display:block!important;
	width:100%!important;
	height:auto!important;
	padding:5%!important;
	margin:0!important;
	border: solid 1px #888!important;	
}

.sharetitle{
	display:block!important;
	width:24px!important;
	height:auto!important;
	padding:100px 0 0 0!important;
	margin:0 0 0 8px!important;
	color:#DEA932!important;
	font-size:24px!important;
	letter-spacing:0px;   
	font-weight:700;
	line-height:32px;
	word-wrap: break-word!important;
	word-break: normal!important;
}

}


@media only screen and (min-width:1400px){

.sharediv1{
	display:block!important;
	width:15%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	float:left!important;	
}

.sharediv1 img{margin-left:-50px!important;}



.sharediv2{
	display:block!important;
	width:85%!important;
	height:auto!important;
	padding:110px 0 0 0!important;
	margin:0!important;
	float:left!important;	
	color:#EFEBEB!important;
	font-size:14px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
}

.sharediv2 span{
	display:block!important;
	padding:15px 0!important;
	color:#fff!important;
	font-size:20px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:31px;
}


.sharedivb1{
	display:block!important;
	width:10%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	float:left!important;	
}

.sharedivb2{
	display:block!important;
	width:90%!important;
	height:auto!important;
	padding:40px 0 0 0!important;
	margin:0!important;
	float:left!important;	

}

.sharemvdiv{
	display:block!important;
	width:100%!important;
	height:auto!important;
	padding:5%!important;
	margin:0!important;
	border: solid 1px #888!important;	
}

.sharetitle{
	display:block!important;
	width:24px!important;
	height:auto!important;
	padding:100px 0 0 0!important;
	margin:0 0 0 25px!important;
	color:#DEA932!important;
	font-size:24px!important;
	letter-spacing:0px;   
	font-weight:700;
	line-height:32px;
	word-wrap: break-word!important;
	word-break: normal!important;
}

}


.sharediv2 a{font-size:14px;color:#FFD82D!important;}
.sharediv2 a:hover{color:#DEA932!important;}


.mvcontainer {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}

.mvcontainer iframe, .mvcontainer object, .mvcontainer embed {
	position: absolute!important; 
	top: 0!important;
	left: 0!important;
	width: 100%!important;
	height: 100%!important;
}


/* foot區 */

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

.footdiv{
	width:100%!important;
	height:auto!important;
	padding:10px 0 15px 0!important;
	margin:0!important;	
}

.footmenu{
	width:100%!important;
	height:auto!important;
	padding:5px 0!important;
	margin:5px 0!important;
	color:#FFD82D!important;
	font-size:16px!important;
	letter-spacing:0px;   
	font-weight:500;
	line-height:25px;
	text-align:center!important;	
}

.footmenu a{display:inline-block;padding:2px 5px!important;color:#111!important;}
.footmenu a:hover{color:#074173!important;}


.footlogo{
	width:100%;
	padding:10px 0 0 0 !important;
	text-align:center!important;
}


.footlogo img{
	height:auto!important;
	width:80%!important;
	padding:0!important;
	margin:0!important;	
}


.footdesc{
	padding:10px 5% 5px 5%!important;
	text-align:left!important;	
	color:#111!important;
	font-size:14px!important;
	letter-spacing:0px;   
	font-weight:500;
	line-height:25px;
}

.footdesc2{
	padding:10px 0!important;
	text-align:center!important;	
	color:#fff!important;
	font-size:14px!important;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
}


}

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

.footdiv{
	width:100%!important;
	height:auto!important;
	padding:20px 0 30px 0!important;
	margin:0!important;	
}

.footmenu{
	width:100%!important;
	height:auto!important;
	padding:10px 0!important;
	margin:5px 0!important;
	color:#FFD82D!important;
	font-size:18px!important;
	letter-spacing:1px;   
	font-weight:500;
	line-height:28px;
	text-align:center!important;	
}

.footmenu a{display:inline-block;padding:2px 8px!important;color:#111!important;}
.footmenu a:hover{color:#074173!important;}


.footlogo{
	text-align:left!important;
	padding:20px 0 0 0!important;
}

.footlogo img{
	height:auto!important;
	width:95%!important;
	padding:0!important;
	margin:0!important;	
}

.footdesc{
	padding:20px 0!important;
	text-align:left!important;	
	color:#111;
	font-size:14px!important;
	letter-spacing:1px;   
	font-weight:500;
	line-height:21px;
}

.footdesc2{
	padding:15px 0!important;
	text-align:left!important;	
	color:#fff!important;
	font-size:14px!important;
	letter-spacing:0px;   
	font-weight:500;
	line-height:25px;
}


}


@media only screen and (min-width:1400px){
.footdiv{
	width:100%!important;
	height:auto!important;
	padding:20px 0 30px 0!important;
	margin:0!important;	
	
}

.footmenu{
	width:100%!important;
	height:auto!important;
	padding:10px 0!important;
	margin:5px 0!important;
	color:#FFD82D!important;
	font-size:20px!important;
	letter-spacing:1px;   
	font-weight:500;
	line-height:28px;
	text-align:left!important;	
}

.footmenu a{display:inline-block;padding:2px 15px!important;color:#111!important;font-weight:700;}
.footmenu a:hover{color:#074173!important;}


.footlogo{
	text-align:left!important;
	padding:20px 0 0 0!important;
}

.footlogo img{
	height:auto!important;
	width:80%!important;
	padding:0!important;
	margin:0!important;	
}

.footdesc{
	padding:20px 0!important;
	text-align:left!important;	
	color:#111;
	font-size:14px!important;
	letter-spacing:1px;   
	font-weight:500;
	line-height:21px;
}

.footdesc2{
	padding:15px 0!important;
	text-align:left!important;	
	color:#fff!important;
	font-size:16px!important;
	letter-spacing:1px;   
	font-weight:500;
	line-height:25px;
}


}



.footdesc a:hover{color:#FFD900!important;}



.footdesc a{color:#111;font-weight:500;}






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

.gotoTop{display:none;}

}
@media only screen and (min-width:768px){

.gotoTop{
	position:fixed; 
	right:1%; 
	z-index:99999; 
	top:90%; 
}

}


.gotodiv{
	display:block;
	width:55px!important;
	height:55px!important;
	padding:0!important;
	margin:0!important;
	background-color: #262626!important;
	border:1px solid #DEA932!important;
	z-index:999;
	border:0;
	border-radius:55px;
	-moz-border-radius:55px;
	-webkit-border-radius:55px;
	color:#fff!important;
	font-size:16px!important;
	letter-spacing:0px;   
	font-weight:500;
	line-height:53px;
	text-align:center!important;
	text-decoration:none!important;
}

.gotodiv:hover{background-color: #FFD82D!important;color:#111!important;}

.goqadiv{
	display:block;
	width:55px!important;
	height:55px!important;
	padding:0!important;
	margin:0!important;
	background-color: #273B64!important;
	border:1px solid #DEA932!important;
	z-index:999;
	border:0;
	border-radius:55px;
	-moz-border-radius:55px;
	-webkit-border-radius:55px;
	color:#fff!important;
	font-size:16px!important;
	letter-spacing:0px;   
	font-weight:500;
	line-height:53px;
	text-align:center!important;
	text-decoration:none!important;
}

.goqadiv:hover{background-color: #FFD82D!important;color:#111!important;}

.goQA{
	position:fixed; 
	right:10px; 
	z-index:99999; 
	bottom:10px; 
}



/*  */

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

.webstatediv{
	position:relative;
	width:98%;
	height:auto;
	padding:10px 0 3px 2%;
	margin:0 0 10px 0;
	text-align: left;
	color:#595959 !important;
	font-size: 14px;
	letter-spacing:1px;
	line-height:14px;
	font-weight: 700;
}

.contentalldiv{
	position:relative;
	width:100%;
	height:auto;
	min-height:300px;
	padding:0 0 20px 0;
	margin:0 ;
	text-align: left;
}

}

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

.webstatediv{
	position:relative;
	width:98%;
	height:auto;
	padding:12px 0 3px 2%;
	margin:0 0 10px 0;
	text-align: left;
	color:#595959 !important;
	font-size: 14px;
	letter-spacing:1px;
	line-height:14px;
	font-weight: 700;
}

.contentalldiv{
	position:relative;
	width:100%;
	height:auto;
	min-height:500px;
	padding:0 0 30px 0;
	margin:0 ;
	text-align: left;
}

}


@media only screen and (min-width:1400px){

.webstatediv{
	position:relative;
	width:98%;
	height:auto;
	padding:15px 0 3px 2%;
	margin:0 0 10px 0;
	text-align: left;
	color:#595959 !important;
	font-size: 14px;
	letter-spacing:1px;
	line-height:14px;
	font-weight: 700;
}

.contentalldiv{
	position:relative;
	width:100%;
	height:auto;
	min-height:600px;
	padding:0 0 30px 0;
	margin:0 ;
	text-align: left;
}


}


.webstatediv a{color:#595959;}


/*  */

.pagerdiv{
	width:100%;
	height:auto;
	padding:0; 
	margin:30px 0 20px 0;
	text-align:center;
	font-size:16px;
	line-height:28px;
	font-weight:300;
	letter-spacing:1px;
	color:#fff;	
	
}


.pagerdiv a{
	width:20px;
	margin:0 3px;
	padding:5px 8px; 
	/*border:1px solid #888;*/
	font-size:16px;
	line-height:28px;
	font-weight:500;
	letter-spacing:1px;
	color:#fff!important;	
	background:#0084A5!important;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;	
	cursor: pointer;
}

.pagerdiv a:hover{
	background:#F4A11D!important;
	color:#111!important;
	
}

.pagerdiv span{
	width:20px;
	margin:0 3px;
	padding:5px 8px; 
	font-size:16px;
	line-height:28px;
	font-weight:700;
	letter-spacing:1px;
	color:#363748;
	background:#58A57;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;	
}



/* 最新消息內容 */

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

.newsctitlediv{
	width:96%;
	height:auto;
	margin:0 2%; 
	padding:8px 0; 
	text-align:left;
	color:#333;
	line-height:40px;
	font-size:20px;
	font-weight:700;
	letter-spacing:1px;
	border-bottom:1px solid #ccc;
	
}

.newsctitlediv span{
	font-size:16px;
	color:#386900;
	padding:0 5px 0 0;
}

.newscdatediv{
	width:100%;
	height:auto;
	text-align:left;	
}

.newscdate1{
	width:100%;
	height:auto;
	text-align:left;
}

.newscdate2{
	width:98%;
	height:auto;
	padding:10px 2% 0 0; 
	text-align:right;
	color:#333;
	line-height:24px;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
}

.newscdescdiv{
	width:96%;
	height:auto;
	margin:0 2%;
	text-align:left;
	padding:15px 0 25px 0;
	line-height:31px;
	font-size:16px;
	font-weight:500;
	letter-spacing:0px;
	color:#111;
}

.newscdescdiv b{font-weight:700;}

.newscdescdivtitle{
	dispaly:block;
	width:120px;
	height:auto;
	margin:3px 0;
	text-align:center;
	padding:3px 0;
	font-size:18px;
	font-weight:700;
	letter-spacing:5px;
	color:#fff;
	background-color:#00B4E1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.newscdescdiv img{
	width:100%!important;
	height:auto!important;
	margin:0!important; 
	padding:8px 0!important; 

}

}

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


.newsctitlediv{
	width:96%;
	height:auto;
	margin:0 2%; 
	padding:8px 0; 
	text-align:left;
	color:#333;
	line-height:40px;
	font-size:20px;
	font-weight:700;
	letter-spacing:1px;
	border-bottom:1px solid #ccc;
	
}

.newsctitlediv span{
	font-size:16px;
	color:#386900;
	padding:0 5px 0 0;
}

.newscdatediv{
	width:100%;
	height:auto;
	text-align:left;	
}

.newscdate1{
	width:100%;
	height:auto;
	text-align:left;
}

.newscdate2{
	width:98%;
	height:auto;
	padding:10px 2% 0 0; 
	text-align:right;
	color:#333;
	line-height:24px;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
}

.newscdescdiv{
	width:96%;
	height:auto;
	margin:0 2%;
	text-align:left;
	padding:15px 0 25px 0;
	line-height:31px;
	font-size:18px;
	font-weight:500;
	letter-spacing:1px;
	color:#111;
}

.newscdescdiv b{font-weight:700;}


.newscdescdivtitle{
	dispaly:block;
	width:120px;
	height:auto;
	margin:3px 0;
	text-align:center;
	padding:3px 0;
	font-size:18px;
	font-weight:700;
	letter-spacing:5px;
	color:#fff;
	background-color:#00B4E1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.newscdescdiv img{
	width:100%;
	height:auto;
	margin:0; 
	padding:8px 0; 

}


}





.newscontentdiv{
	width:100%;
	height:auto;
	margin:5px 0;
	padding:0;
	background:#fff; 
}


/*  */



.filebutton2 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:16px;
	line-height:20px;
	padding: 5px 8px 5px 32px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	font-weight:700;
	color: #111;
	border: solid 1px #00AAFF;
	background-color: #78D2FF;
	background-image : url(../images/download-icon.gif); 
	background-repeat : no-repeat;
	background-position:3px 3px; 
	
}

.filebutton2:hover {
	background-color: #00AAFF;
	color: #fff;
}


.filebutton2_s {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:13px!important;
	padding: 2px 3px 2px 20px!important;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	font-weight:300;
	color: #fff;
	border: solid 1px #006060;
	background-color: #00B4B5;
	background-image : url(../images/download-icon16.gif); 
	background-repeat : no-repeat;
	background-position:4px 2px 2px 2px; 
	
}

.filebutton2_s:hover {
	background-color: #006060;
}


.filebutton2_b {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	min-width:26px;
	margin: 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:8px!important;
	padding: 24px 1px 1px 1px!important;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	font-weight:300;
	color: #fff;
	border: solid 1px #A6916F;
	background-color: #CFC39B;
	background-image : url(../images/download-icon.gif); 
	background-repeat : no-repeat;
	background-position:top center; 
	
}

.filebutton2_b:hover {
	background-color: #A6916F;
}


.filebutton3 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:16px;
	padding: 5px 8px 5px 32px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	font-weight:700;
	color: #fff;
	border: solid 1px #666666;
	background-color: #666666;
	background-color: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#666666));
	background-color: -moz-linear-gradient(top,  #aaaaaa,  #666666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#666666');
	background-image : url(../images/icon2_22.png);
	background-repeat : no-repeat;
	background-position:5px 5px; 
	
}

.filebutton3:hover {
	color: #111;
	background-color: #a8a8a8;
	border: solid 1px #898989;
}


.dlbutton3 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	padding: 4px 20px 2px 20px;
	font-weight:700;
	color: #fff;
	border: 0;
	background: #0082C3;
	/*text-shadow:-1px -1px 0 #004F69,1px -1px 0 #004F69,-1px 1px 0 #004F69,1px 1px 0 #004F69,2px 2px 2px #004F69;*/
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
}
.dlbutton3 a{color: #fff;}

.dlbutton3:hover {
	background: #E6572B;
	color: #fff;
	text-shadow:-1px -1px 0 #C33100,1px -1px 0 #C33100,-1px 1px 0 #C33100,1px 1px 0 #C33100,2px 2px 2px #C33100;
	text-decoration:none;
}



/* 表格 */


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


.gvStyle{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right: 1px solid #d1d1d1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 1em;
	font-weight: 700;
	height: 32px;
	color: #333;
	padding:5px 0; 
	text-align: center;
	text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,2px 2px 2px #ccc;
}
.gvStyle th:hover
        {

 }
.gvStyle tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle tr:hover{
	background-color: #78D2FF;
}
        /*Rows*/
.gvStyle td{
        padding: 1px;   
	word-wrap:break-word; word-break:break-all;
	font-size: 1em;
	border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	min-width:10px;
	font-family: 'Pathway Gothic One', sans-serif;
	padding:8px 0; 
	color:#111;
}

.gvStyle td a{color:#111;}
.gvStyle td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle .alt{
            
}
        /*Page*/
.gvStyle .pgr table{
  	width:100%;
        text-align: center; 
	padding:5px 0;    
	border: 0px;      
}
.gvStyle .pgr td{ 
	padding:0px 5px; 
	font-size: 1em;
	color:#386900;
	border: 0px;	
} 
.gvStyle .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle .pgr a:hover
        {
	color:#ED5F36;

}


.gvStyle2{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle2 th{
	background-color: #EFEBE6;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 16px;
	font-weight: 700;
	height: 32px;
	color: #978775;
	padding:5px 0; 
	text-align: center;
	text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;
}
.gvStyle2 th:hover
        {

 }
.gvStyle2 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle2 tr:hover{
	background-color: #EAF3F2;
}
        /*Rows*/
.gvStyle2 td{
        	padding: 1px;   
	word-wrap:break-word; word-break:break-all;
	font-size: 14px;
	border-bottom: 1px solid #d1d1d1;
	min-width:10px;
	font-family: 'Pathway Gothic One', sans-serif;
	padding:8px 2px; 
	color:#111;
	line-height: 130%;
}
.gvStyle2 td span{
	font-size: 1em;
	color:#386900;
}
.gvStyle2 td a{color:#111;}
.gvStyle2 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle2 .alt{
            
}
        /*Page*/
.gvStyle2 .pgr table{
  	width:100%;
        text-align: center; 
	padding:5px 0;    
	border: 0px;      
}
.gvStyle2 .pgr td{ 
	padding:0px 5px; 
	font-size: 1em;
	color:#386900;
	border: 0px;	
} 
.gvStyle2 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle2 .pgr a:hover
        {
	color:#ED5F36;

}



.gvStyle3{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle3 th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 13px;
	font-weight: 700;
	height: auto;
	color: #333;
	padding:3px 0; 
	text-align: center;
	line-height: 16px;
	text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,2px 2px 2px #ccc;
}
.gvStyle3 th:hover
        {

 }
.gvStyle3 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 3px 0;
}
        /*OnMouseOver*/
.gvStyle3 tr:hover{
	background-color: #DFF2FF;
}
        /*Rows*/
.gvStyle3 td{
        padding: 1px;   
	word-wrap:break-word; word-break:break-all;
	font-size: 14px;
	border-bottom: 1px solid #d1d1d1;
	min-width:30px;
	font-family: 'Pathway Gothic One', sans-serif;
	padding:3px 1px; 
	color:#111;
	line-height: 25px;
	
}
.gvStyle3 td span{
	font-size: 14px;
	color:#0092C3;
	font-weight: 700;
}
.gvStyle3 td a{color:#111;}
.gvStyle3 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle3 .alt{
            
}
        /*Page*/
.gvStyle3 .pgr table{
  	width:100%;
        text-align: center; 
	padding:5px 0;    
	border: 0px;      
}
.gvStyle3 .pgr td{ 
	padding:0px 5px; 
	font-size: 0.9em;
	color:#386900;
	border: 0px;	
} 
.gvStyle3 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle3 .pgr a:hover
        {
	color:#ED5F36;

}


}

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


.gvStyle{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right: 1px solid #d1d1d1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 1.15em;
	font-weight: 700;
	height: 32px;
	color: #333;
	padding:8px 2px; 
	text-align: center;
	text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,2px 2px 2px #ccc;
}
.gvStyle th:hover
        {

 }
.gvStyle tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: 32px;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle tr:hover{
	background-color: #78D2FF;
	height: 32px;
}
        /*Rows*/
.gvStyle td{
	word-wrap:break-word; word-break:break-all;
	font-size: 1.15em;
	border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	min-width:30px;
	padding:8px 2px; 
	color:#111;
}

.gvStyle td a{color:#111;}
.gvStyle td a:hover{color:#ED5F36;}


        /*Change Rows*/
.gvStyle .alt{
            
}
        /*Page*/
.gvStyle .pgr table{
 	width:100%;
        text-align: center; 
	padding:5px 0;   
	border: 0px;        
}
.gvStyle .pgr td{ 
	padding:0px 5px; 
	font-size: 1.1em;
	color:#386900;
	border: 0px;
} 
.gvStyle .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle .pgr a:hover
        {
	color:#ED5F36;

}




.gvStyle2{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle2 th{
	background-color: #EFEBE6;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 16px;
	font-weight: 700;
	height: 32px;
	color: #978775;
	padding:8px 2px; 
	text-align: center;
	text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;
}
.gvStyle2 th:hover
        {

 }
.gvStyle2 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: 32px;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle2 tr:hover{
	background-color: #EAF3F2;
	height: 32px;
}
        /*Rows*/
.gvStyle2 td{
	word-wrap:break-word; word-break:break-all;
	font-size: 14px;
	border-bottom: 1px solid #d1d1d1;
	min-width:30px;
	padding:8px 2px; 
	color:#111;
}
.gvStyle2 td span{
	font-size: 1em;
	color:#386900;
}
.gvStyle2 td a{color:#111;}
.gvStyle2 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle2 .alt{
            
}
        /*Page*/
.gvStyle2 .pgr table{
	width:100%;
        text-align: center; 
	padding:5px 0;
	border: 0px;
}
.gvStyle2 .pgr td{ 
	padding:0px 5px; 
	font-size: 1.1em;
	color:#386900;
	border: 0px;
} 
.gvStyle2 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle2 .pgr a:hover
        {
	color:#ED5F36;

}




.gvStyle3{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle3 th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	color: #333;
	padding:6px 2px; 
	text-align: center;
	line-height: 16px;
	text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,2px 2px 2px #ccc;
}
.gvStyle3 th:hover
        {

 }
.gvStyle3 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: auto;
	padding: 3px 0;
}
        /*OnMouseOver*/
.gvStyle3 tr:hover{
	background-color: #DFF2FF;
}
        /*Rows*/
.gvStyle3 td{
	word-wrap:break-word; word-break:break-all;
	font-size: 16px;
	border-bottom: 1px solid #d1d1d1;
	min-width:40px;
	line-height: 28px;
	padding:3px 2px; 
	color:#111;
}
.gvStyle3 td span{
	line-height: 28px;
	font-size: 16px;
	color:#0092C3;
	font-weight: 700;
}
.gvStyle3 td a{color:#111;}
.gvStyle3 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle3 .alt{
            
}
        /*Page*/
.gvStyle3 .pgr table{
	width:100%;
        text-align: center; 
	padding:2px 0;
	border: 0px;
}
.gvStyle3 .pgr td{ 
	padding:0px 2px; 
	font-size: 16px;
	color:#386900;
	border: 0px;
} 
.gvStyle3 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle3 .pgr a:hover
        {
	color:#ED5F36;

}




}


@media only screen and (min-width:1400px){



.gvStyle{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right: 1px solid #d1d1d1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 1.2em;
	font-weight: 700;
	height: 32px;
	color: #333;
	padding:8px 2px; 
	text-align: center;
	text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,2px 2px 2px #ccc;
}
.gvStyle th:hover
        {

 }
.gvStyle tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: 32px;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle tr:hover{
	background-color: #78D2FF;
	height: 32px;
}
        /*Rows*/
.gvStyle td{
	word-wrap:break-word; word-break:break-all;
	font-size: 1.2em;
	border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	min-width:30px;
	padding:8px 5px; 
	color:#111;
}

.gvStyle td a{color:#111;}
.gvStyle td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle .alt{
            
}
        /*Page*/
.gvStyle .pgr table{
	width:100%;
        text-align: center; 
	padding:5px 0;
	border: 0px;
}
.gvStyle .pgr td{ 
	padding:0px 5px; 
	font-size: 1.1em;
	color:#386900;
	border: 0px;
} 
.gvStyle .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle .pgr a:hover
        {
	color:#ED5F36;

}



.gvStyle2{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle2 th{
	background-color: #EFEBE6;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 16px;
	font-weight: 700;
	color: #111;
	padding:2px 2px; 
	text-align: center;
	/*text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee,2px 2px 2px #eee;*/
}
.gvStyle2 th:hover
        {

 }
.gvStyle2 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 2px 0;
}
        /*OnMouseOver*/
.gvStyle2 tr:hover{
	background-color: #EAF3F2;
}
        /*Rows*/
.gvStyle2 td{
	word-wrap:break-word; word-break:break-all;
	font-size: 15px;
	border-bottom: 1px solid #d1d1d1;
	min-width:30px;
	padding:5px 2px; 
	color:#111;
}
.gvStyle2 td span{
	font-size: 1em;
	color:#386900;
}
.gvStyle2 td a{color:#111;}
.gvStyle2 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle2 .alt{
            
}
        /*Page*/
.gvStyle2 .pgr table{
	width:100%;
        text-align: center; 
	padding:5px 0;
	border: 0px;
}
.gvStyle2 .pgr td{ 
	padding:0px 5px; 
	font-size: 1.1em;
	color:#386900;
	border: 0px;
} 
.gvStyle2 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle2 .pgr a:hover
        {
	color:#ED5F36;

}



.gvStyle3{
	width:100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle3 th{
	background-color: #E1E1E1;
	border-left-width: 1; 
	border-right-width: 1;
	border-top-width: 1;
	border-bottom: 1px solid #d1d1d1;
	font-size: 16px;
	font-weight: 700;
	height: auto;
	color: #333;
	padding:8px 2px; 
	text-align: center;
	line-height: 18px;
	text-shadow:-1px -1px 0 #ccc,1px -1px 0 #ccc,-1px 1px 0 #ccc,1px 1px 0 #ccc,2px 2px 2px #ccc;
}
.gvStyle3 th:hover
        {

 }
.gvStyle3 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: auto;
	padding: 3px 0;
}
        /*OnMouseOver*/
.gvStyle3 tr:hover{
	background-color: #DFF2FF;
}
        /*Rows*/
.gvStyle3 td{
	word-wrap:break-word; word-break:break-all;
	font-size: 18px;
	border-bottom: 1px solid #d1d1d1;
	min-width:80px;
	line-height: 28px;
	padding:5px 2px; 
	color:#111;
}
.gvStyle3 td span{
	display:inline-block;
	line-height: 28px;
	font-size: 18px;
	color:#0092C3;
	font-weight: 700;
	padding:8px 2px 0 2px; 
}
.gvStyle3 td a{color:#111;}
.gvStyle3 td a:hover{color:#ED5F36;}

        /*Change Rows*/
.gvStyle3 .alt{
            
}
        /*Page*/
.gvStyle3 .pgr table{
	width:100%;
        text-align: center; 
	padding:2px 0;
	border: 0px;
}
.gvStyle3 .pgr td{ 
	padding:0px 2px; 
	font-size: 18px;
	color:#386900;
	border: 0px;
} 
.gvStyle3 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle3 .pgr a:hover
        {
	color:#ED5F36;

}



}


.gvStyle_tdspan{
	color:#ED5F36!important;
	font-size: 0.8em!important;
	font-weight:700!important;
}




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

.menubutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 3px 3px 3px 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 1em;
	padding: 0 8px;
	font-weight:700;
	color: #4a90e4;
	border: solid 1px #4a90e4;
	background: #DEF1FA;
	text-shadow:-1px -1px 0 #CFE1EA,1px -1px 0 #CFE1EA,-1px 1px 0 #CFE1EA,1px 1px 0 #CFE1EA,2px 2px 2px #CFE1EA;
	
}
.menubutton a{color: #4a90e4;}

.menubutton:hover {
	background: #4a90e4;
	color: #fff;
	text-decoration:none;
	text-shadow:-1px -1px 0 #002A69,1px -1px 0 #002A69,-1px 1px 0 #002A69,1px 1px 0 #002A69,2px 2px 2px #002A69;

}

.recruitcdesc{
	width: 100%;
	height:auto;
	margin:0;
	padding: 10px 0;	
}

.recruitcdesc img{
	width: 100%;
	height:auto;
	margin:0;
	padding:0;
	border:0;	
}

.mtitle3g {
	width: 96%;
	margin:8px 2%;
	padding: 2px 0;
	line-height:200%;
	font-size:18px;
	letter-spacing:1px;
	text-align:left;
	color:#888;
	font-weight:700;
	border-bottom: solid 1px #a8a8a8;
}

.mtitle3 {
	width: 96%;
	margin:8px 2%;
	padding: 2px 0;
	line-height:200%;
	font-size:18px;
	letter-spacing:1px;
	text-align:left;
	color:#007CA5;
	font-weight:700;
	border-bottom: solid 1px #a8a8a8;
}

.mtitle3desc {
	width: 96%;
	margin:8px 2%;
	padding: 2px 0;
	line-height:135%;
	font-size:16px;
	letter-spacing:0px;
	text-align:left;
	color:#111;
	font-weight:700;
}

.mtitle3desc span{
	color:#1373B1;
	font-weight:700;	
}


.mformdiv {
	border: solid 1px #ccc;
	background-color:#efefef; 
	width: 100%;
	height:auto;
	margin:0;
	padding: 2px 0;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.mformtitle {
	width: 96%;
	margin:2px 0;
	padding: 2px 2%;
	text-align:left;
	font-size:  1em;
	letter-spacing:0px;
	color:#005A87;
	font-weight:300;
}
.mformtxt {
	width: 96%;
	margin:2px 0;
	padding: 2px 2%;
	text-align:left;
	letter-spacing:0px;
	line-height:180%;
	font-size: 0.9em;
	font-weight:300;
	color:#c00000;
}
.mformtxt span{color:#0080FF;font-weight:700;font-size: 1.1em;}

.mformtitle2 {
	width: 96%;
	margin:2px 0;
	padding: 2px 2%;
	text-align:left;
	font-size:  1em;
	letter-spacing:0px;
	color:#005A87;
	font-weight:700;
}
.mformtxt2 {
	width: 96%;
	margin:2px 0 5px 0;
	padding: 2px 2% 5px 2%;
	text-align:left;
	letter-spacing:0px;
	line-height:180%;
	font-size: 1em;
	font-weight:300;
	color:#111;
	border: solid 1px #a8a8a8;
}
.mformtxt2 span{color:#0080FF;font-weight:700;font-size: 1.1em;}
.mformtxt2 a{color:#0080FF;text-decoration:underline;}
.mformtxt2 a:hover{color:#E6572B;text-decoration:underline;}


.txtinput {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 90%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput2 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 90%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput3 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 90%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput5 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 90%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.mformhr{
	display:block;
	width:96%;
	height:1px;
	margin:2px 2% 0 2%;
	padding: 4px 0 0 0;
	border-bottom: solid 1px #e1e1e1;
}

.t100input{width: 95%;border:1px solid #a8a8a8; background: #ffffff; padding: 8px 0;margin:0 auto;text-align:center;font-size:16px;}



}
@media only screen and (min-width:768px){


.menubutton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px 5px 5px 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;
	padding: 8px 25px;
	font-weight:700;
	color: #4a90e4;
	border: solid 1px #4a90e4;
	background: #DEF1FA;
	text-shadow:-1px -1px 0 #CFE1EA,1px -1px 0 #CFE1EA,-1px 1px 0 #CFE1EA,1px 1px 0 #CFE1EA,2px 2px 2px #CFE1EA;
}
.menubutton a{color: #4a90e4;}

.menubutton:hover {
	background: #4a90e4;
	color: #fff;
	text-decoration:none;
	text-shadow:-1px -1px 0 #002A69,1px -1px 0 #002A69,-1px 1px 0 #002A69,1px 1px 0 #002A69,2px 2px 2px #002A69;
}

.recruitcdesc{
	width: 90%;
	height:auto;
	margin:0 5%;
	padding: 10px 0;	
}

.recruitcdesc img{
	width: 100%;
	height:auto;
	margin:0;
	padding:0;
	border:0;	
}

.mtitle3g {
	width: 86%;
	margin:8px 7%;
	padding: 2px 0;
	line-height:200%;
	font-size:18px;
	letter-spacing:1px;
	text-align:left;
	color:#888;
	font-weight:700;
	border-bottom: solid 1px #a8a8a8;
}

.mtitle3 {
	width: 86%;
	margin:8px 7%;
	padding: 2px 0;
	line-height:200%;
	font-size:18px;
	letter-spacing:1px;
	text-align:left;
	color:#007CA5;
	font-weight:700;
	border-bottom: solid 1px #a8a8a8;
}

.mtitle3desc {
	width: 86%;
	margin:8px 7%;
	padding: 2px 0;
	line-height:160%;
	font-size:16px;
	letter-spacing:1px;
	text-align:left;
	color:#111;
	font-weight:700;
}

.mtitle3desc span{
	color:#1373B1;
	font-weight:700;	
}



.mformdiv {
	border: solid 1px #ccc;
	background-color:#efefef; 
	width: 100%;
	height:auto;
	margin:0;
	padding: 2px 0;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.mformtitle {
	width: 18%;
	float: left;
	text-align:right;
	padding:7px 5px;
	font-size:  1em;
	letter-spacing:1px;
	color:#005A87;
	font-weight:300;
}
.mformtxt {
	width: 80%;
	float: left;
	margin:2px 0;
	letter-spacing:1px;
	line-height:180%;
	font-size:  1em;
	text-align:left;
	font-weight:300;
	color:#c00000;
}

.mformtxt span{color:#0080FF;font-weight:300;}


.mformtitle2 {
	width: 18%;
	float: left;
	text-align:right;
	padding:7px 5px;
	font-size:  1.1em;
	letter-spacing:1px;
	color:#005A87;
	font-weight:300;
}
.mformtxt2 {
	width: 80%;
	float: left;
	margin:2px 0;
	letter-spacing:1px;
	line-height:180%;
	font-size:  1.1em;
	text-align:left;
	font-weight:300;
	color:#111;
}

.mformtxt2 span{color:#0080FF;font-weight:300;}
.mformtxt2 a{color:#0080FF;text-decoration:underline;}
.mformtxt2 a:hover{color:#E6572B;text-decoration:underline;}

.txtinput {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 50%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput2 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 80%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput3 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 15%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput5 {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 25%;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.mformhr{
	display:block;
	width:96%;
	height:1px;
	margin:2px 2% 0 2%;
	padding: 4px 0 0 0;
	border-top: solid 1px #e1e1e1;
}

.t100input{width: 90%;border:1px solid #a8a8a8; background: #ffffff; padding: 8px 0;margin:0 auto;text-align:center;font-size:16px;}

}

.mformbutton {
	width: 100%;
	height: auto;
	margin:0;
	padding: 15px 0;
	text-align:center;
	color: #4a90e4;
}

.mformbutton a{color: #4a90e4;font-size:16px;}
.mformbutton a:hover{color: #E6572B;font-size:16px;}

.txtinput60px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 60px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput80px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width:80px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput100px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 100px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


.txtinput120px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 120px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput150px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 150px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


.txtinput200px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 200px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.ntxtinput60px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 60px;
	border: solid 1px #a8a8a8;
	height: auto;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.ntxtinput80px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 80px;
	border: solid 1px #a8a8a8;
	height: auto;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.ntxtinput100px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 100px;
	border: solid 1px #a8a8a8;
	height: auto;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.ntxtinput120px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 120px;
	border: solid 1px #a8a8a8;
	height: auto;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.ntxtinput150px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 150px;
	border: solid 1px #a8a8a8;
	height: auto;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


.ntxtinput200px {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 200px;
	border: solid 1px #a8a8a8;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput60px_nb {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width:60px;
	border: solid 0px #fff;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput80px_nb {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width:80px;
	border: solid 0px #fff;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput100px_nb {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 100px;
	border: solid 0px #fff;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput120px_nb {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 120px;
	border: solid 0px #fff;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.txtinput150px_nb {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 150px;
	border: solid 0px #fff;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


.txtinput200px_nb {
	color: #333;
	padding: 5px 8px;
	margin:3px 0 0 0;
	background: #fff;
	width: 200px;
	border: solid 0px #fff;
	height: auto;
	float: left;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


/*  obnews */


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

.obnewsbox{
	width:90%;
	height:auto;
	margin:10px 5%; 
	padding:0 0 20px 0; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	border: solid 1px #fff;
}

.obnewsboximg{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;		
}

.obnewsboximg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 
	-webkit-border-radius: 10px 10px 0 0; 
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;	
}


.obnewsboxtitle{
	width:96%; 
	height:auto;
	margin:0;
	padding:8px 2% 0 2%;
	color:#333;
	font-size:18px;
	line-height:28px;
	font-weight:500;
	text-align: left; 
	letter-spacing:1px;
}




.obnewscontent{
	width:96%;
	height:auto;
	margin:10px 2%; 
	padding:10px 0 30px 0; 

}


.obnewscontenttitle{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	color:#111;
	font-size:25px;
	line-height:38px;
	font-weight:500;
	text-align: center; 
	letter-spacing:1px;
}

.obnewscontentimg{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
}

.obnewscontentimg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
}

.obnewscontentdesc{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	color:#fff;
	font-size:16px;
	line-height:25px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
}

.obnewscontentdesc a{color:#111;}
.obnewscontentdesc a:hover{color:##F31702;}

.obnewscontentimg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
}



}

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

.obnewsbox{
	width:29%;
	height:auto;
	margin:10px 1%; 
	padding:0 0 20px 0; 
	float:left;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	border: solid 1px #ccc;
	min-height:350px;
}

.obnewsboximg{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	
}

.obnewsboximg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
	-webkit-border-radius: 10px 10px 0 0; 
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;	
}


.obnewsboxtitle{
	display:block;
	width:96%; 
	height:100px;
	margin:0;
	padding:8px 2% 0 2%;
	color:#333;
	font-size:18px;
	line-height:28px;
	font-weight:400;
	text-align: left; 
	letter-spacing:1px;
}



.obnewscontent{
	width:100%;
	height:auto;
	margin:10px 0; 
	padding:10px 0 30px 0; 

}


.obnewscontenttitle{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	color:#111;
	font-size:25px;
	line-height:38px;
	font-weight:500;
	text-align: center; 
	letter-spacing:1px;
}

.obnewscontentimg{
	width:90%; 
	height:auto;
	margin:0 5%; 	
	padding:0;
}

.obnewscontentimg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
}

.obnewscontentdesc{
	width:90%; 
	height:auto;
	margin:0 5%; 	
	padding:0;
	color:#fff;
	font-size:16px;
	line-height:25px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
}

.obnewscontentdesc a{color:#111;}
.obnewscontentdesc a:hover{color:##F31702;}

.obnewscontentimg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
}


}

.obnewsbox:hover{border: solid 1px #E1E1E4;background:#E1E1E4;}

.obnewscontenttitle a{color:#111;}

.obnewsboxtitle span{color:#009CC3;font-size:14px;}

.obnewsmark{
	display:block;
	position: absolute;
	width:50px;
	height:auto;
	margin:15px 0 0 0; 	
	padding:2px;
	color:#fff;
	font-size:14px;
	line-height:14px;
	font-weight:700;
	text-align: center; 
	letter-spacing:1px;	 
	background:#5D3E27!important;
	-webkit-border-radius: 0  5px 5px 0; 
	-moz-border-radius: 0  5px 5px 0;
	border-radius: 0  5px 5px 0;
	z-index:90;
}



/*  首頁 */



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

.mmsdiv{
	width:100%;
	height:auto;
	margin:5px 0; 	
	padding:5px 4%;
	color:#145C9B;
	font-size:18px;
	line-height:18px;
	font-weight:700;
	letter-spacing:1px;
}



}


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

.mmsdiv{
	width:100%;
	height:auto;
	margin:5px 0; 	
	padding:5px 10%;
	color:#145C9B;
	font-size:20px;
	line-height:20px;
	font-weight:700;
	letter-spacing:1px;
}



}


/*  */

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

.photodiv{
	width:100%;
	height:auto;
	margin:5px 0; 	
	padding:0;
}

.photodiv img{
	width:48%;
	height:auto;
	margin:5px 0; 	
	padding:0 1%;
	float:left;	
}


}

@media (min-width: 768px) and (max-width:1400px) {
.photodiv{
	width:100%;
	height:auto;
	margin:5px 0; 	
	padding:0;
}

.photodiv img{
	width:32%;
	height:auto;
	margin:5px 0; 	
	padding:0 0.5%;
	float:left;	
}


}


@media only screen and (min-width:1400px){

.photodiv{
	width:100%;
	height:auto;
	margin:5px 0; 	
	padding:0;
}

.photodiv img{
	width:24%;
	height:auto;
	margin:5px 0; 	
	padding:0 0.5%;
	float:left;	
}


}


.wesitediv{
	width: 32%; 
	float: left;
	margin:0px;
	letter-spacing: 2px;
	line-height: 20px;
	color: #111;
	padding:2px 0 5px 0;
	font-weight:300;
}

.wesitediv a{color: #111;font-weight:300;}
.wesitediv a:hover{color: #003399;}
.wesitediv img{margin:5px 0 0 0;line-height: 20px;}



/*  */

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


}

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


}


@media only screen and (min-width:1400px){

}