@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{
	font-family: Arial, Verdana, Helvetica, sans-serif, Microsoft JhengHei, Meiryo!important;
	font-size:16px!important;
	background: #fff;
}



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


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

.v768u{display:none;}
.v768d{}
.yzlogo img{
	width:80%!important;
	height:auto!important;
	margin:0!important;
	padding:0!important;	
}

}

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

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



}


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

.yzlogo img{
	width:auto!important;
	height:45px!important;
	margin:0!important;
	padding:0!important;	
}


}


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

.yzlogo img{
	width:auto!important;
	height:60px!important;
	margin:0!important;
	padding:0!important;	
}


}


#gotop{cursor:pointer;}

.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);
}


/* 選單 */


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

.yzmenu1 {
	display:block;
	float:right;
	border-color: rgb(255,255,255)!important;
	color:#fff;
} 


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

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




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


.topmenudivs1{
	width:60%;
	height:auto;
	padding:0;
	margin:0;	
	text-align:left;
	float:left;
}

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


.topmenudivs2 a{
	display:inline-block;
	/*float:left;*/
	padding:0 1px 0 0;
	margin:2px 1px 2px 0;
	color:#fff!important;
	font-size:14px;
	letter-spacing:0px;   
	font-weight:500;
	text-align:left; 
	line-height:14px;
	border-right:1px solid #fff;
}

.topmenudivs3{
	width:40%;
	height:auto;
	padding:8px 0 0 0;
	margin:0;	
	float:left;
	text-align:right;
}




.yzmenu1 {
	margin-left:8px;
	width:36px;
	height:36px;
	border-radius:36px;
	-moz-border-radius:36px;
	-webkit-border-radius:36px;	
}
.yzmenu2 {
	margin-left:8px;
	width:36px;
	height:36px;
	border-radius:36px;
	-moz-border-radius:36px;
	-webkit-border-radius:36px;
}

.yzmenu2 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(255, 255, 255, 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) {

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

.topmenudivs2{
	width:45%;
	height:auto;
	padding:8px 0 0 0;
	margin:0;	
	float:left;
	text-align:right;
}


.topmenudivs2 a{
	display:inline-block;
	/*float:left;*/
	padding:0 8px 0 0;
	margin:2px 5px 2px 0;
	color:#fff!important;
	font-size:14px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:left; 
	line-height:14px;
	border-right:1px solid #fff;
}

.topmenudivs3{
	width:25%;
	height:auto;
	padding:0;
	margin:0;	
	float:left;
	text-align:right;
}


.yzmenu1 {
	margin-left:12px;
	width:50px;
	height:50px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;	
}
.yzmenu2 {
	margin-left:12px;
	width:50px;
	height:50px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
}

.yzmenu2 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(255, 255, 255, 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){

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

.topmenudivs2{
	width:50%;
	height:auto;
	padding:8px 0 0 0;
	margin:0;	
	float:left;
	text-align:right;
}


.topmenudivs2 a{
	display:inline-block;
	/*float:left;*/
	padding:0 8px 0 0;
	margin:2px 5px 2px 0;
	color:#fff!important;
	font-size:14px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:left; 
	line-height:14px;
	border-right:1px solid #fff;
}

.topmenudivs3{
	width:20%;
	height:auto;
	padding:0;
	margin:0;	
	float:left;
	text-align:right;
}


.yzmenu1 {
	margin-left:15px;
	width:50px;
	height:50px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;	
}
.yzmenu2 {
	margin-left:15px;
	width:50px;
	height:50px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
}

.yzmenu2 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(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

}

/* 背景 */
.yzbg1{background-color: #273B64!important;}
.yzbg2{background-color: #526283!important;}
.yzbg3{background-color: #EFEBEB!important;}

.bgwhite{background-color: #fff!important;}


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


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


.height20{height:20px!important;}
.height25{height:25px!important;}
.height30{height:30px!important;}
.height35{height:35px!important;}
.height40{height:40px!important;}







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

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

}

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

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

}


/* 文字 */
.yzfwhite{color:#fff!important;}
.yzfwhite:hover{color:#FFD82D!important;}

.yzfblack{color:#000!important;}
.yzfgray1{color:#111!important;}
.yzfgray2{color:#333!important;}
.yzfgray3{color:#595959!important;}
.yzfgray4{color:#888!important;}
.yzfgray5{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;}

.mgt5px{margin-top:5px;}
.mgt10px{margin-top:10px;}
.mgt15px{margin-top:15px;}

.pdt5px{padding-top:5px;}
.pdt10px{padding-top:10px;}
.pdt15px{padding-top:15px;}

.pd5px{padding-top:5px;padding-bottom:5px;}
.pd10px{padding-top:10px;padding-bottom:10px;}
.pd15px{padding-top:15px;padding-bottom:15px;}


.pdall5px{padding:5px;}
.pdall10px{padding:10px;}
.pdall15px{padding:15px;}

.border0px{border:0px!important;}
.border1white{border:1px solid #fff!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;	
}



}

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


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



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

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

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


}


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

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



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

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

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




}


/* 第二層選單 */

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



}

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


.yzfmenu1{
	position:relative!important;
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	background-color: #333!important;
	z-index:999;
	border:0;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border: solid 1px #595959;
}

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

.yzmenud1{
	position:relative!important;
	width:100%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	background-color: #333!important;	
}

.yzfmenu1:hover .yzfmenu0{background-color: #595959!important;}

.yzfmenu1 a{
	display:block!important;
	width:100%!important;
	height:auto!important;
	margin:0!important;
	padding:10px 5%!important;
	color:#fff;
	background-color: #333!important;
}

.yzfmenu1 a:hover{color:#DEA932;}
.yzfmenu0:active {
	background-color: #333!important;
	color:#EBDF00!important;
}
.yzfmenu0:focus {
	background-color: #333!important;
	color:#EBDF00!important;
}

.yzfmenu0 a:active {
	background-color: #333!important;
	color:#EBDF00!important;
}
.yzfmenu0 a:focus {
	background-color: #333!important;
	color:#EBDF00!important;
}


}


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

.yzfmenu1{
	/*position::absolute!important;*/
	position:fixed!important;	
	top:115px!important;
	left:0!important;
	width:100vw!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	background-color: #333!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;
}

.yzfmenu1:hover .yzfmenu0{background-color: #333!important;}

.yzfmenu1 a{
	display:block!important;
	width:auto!important;
	float:left!important;
	padding:10px 15px!important;
	color:#fff;
}

.yzfmenu1 a:hover{color:#DEA932;}
.yzfmenu0:active {
	background-color: #333!important;
	color:#EBDF00!important;
}
.yzfmenu0:focus {
	background-color: #333!important;
	color:#EBDF00!important;
}

.yzfmenu0 a:active {
	background-color: #333!important;
	color:#EBDF00!important;
}
.yzfmenu0 a:focus {
	background-color: #333!important;
	color:#EBDF00!important;
}



}


/*  首頁課程搜尋  */

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



}

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




}



/*  標題 */

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


.idxtitlediv{	
	width:300px!important;
	height:auto!important;
	padding:0!important;
	margin:0 auto!important;
	margin-top:25px!important;	
	color:#FFD82D!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	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);
}

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


}

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


.idxtitlediv{	
	width:300px!important;
	height:auto!important;
	padding:0!important;
	margin:0 auto!important;
	margin-bottom:15px!important;
	color:#FFD82D!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	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);
}

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



}





/* 主題課程 */

@media only screen and (max-width:768px){
.idxcoursetitle1{
	position: absolute;
	width:100%;
	height:100%;	
	padding:5% 0 0 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.5); /* 半透明背景 */
	-webkit-text-shadow: 1px 1px 2px rgba(10,10,10,.9);
	-moz-text-shadow: 1px 1px 2px rgba(10,10,10,.9);
	text-shadow: 1px 1px 2px rgba(10,10,10,.9);	

	color:#fff;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:36px;

}

.idxcoursetitle2{
	padding:2px 0!important;
	color:#FFD82D!important;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:24px;
	-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);	
}


.courseitemtitle1{
	padding:30% 0 5px 0!important;
	color:#fff!important;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:center; 
	line-height:28px;
}

}

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

.idxcoursetitle1{
	position: absolute;
	width:100%;
	height:40%;	
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.5); /* 半透明背景 */
	-webkit-text-shadow: 1px 1px 2px rgba(10,10,10,.9);
	-moz-text-shadow: 1px 1px 2px rgba(10,10,10,.9);
	text-shadow: 1px 1px 2px rgba(10,10,10,.9);	

	color:#fff;
	font-size:21px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:28px;

}

.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);	
}

.courseitemtitle1{
	padding:30% 0 5px 0!important;
	color:#fff!important;
	font-size:21px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:center; 
	line-height:28px;
}

}


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

.idxcoursetitle1{
	position: absolute;
	width:100%;
	height:20%;	
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.5); /* 半透明背景 */
	-webkit-text-shadow: 1px 1px 2px rgba(10,10,10,.9);
	-moz-text-shadow: 1px 1px 2px rgba(10,10,10,.9);
	text-shadow: 1px 1px 2px rgba(10,10,10,.9);	
	padding: 10px 0;	
	
	/*padding:30% 0 5px 0!important;*/
	color:#fff;
	font-size:21px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:28px;


}

.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);	
}


.courseitemtitle1{
	padding:30% 0 5px 0!important;
	color:#fff!important;
	font-size:21px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:center; 
	line-height:28px;
}



}

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


.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;}



/*  */

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


/* card樣式 */
.card {
    position: relative;
    background-size: cover;
    background-position: center;
}

/* 半透明文字區塊 */
.overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: rgba(255, 255, 255, 0.7);  /* 半透明黑色背景 */
	color: white;
	opacity: 1;  /* 預設隱藏 */
	text-align: center;
	padding: 1px;
	transition: height 0.4s ease, opacity 0.4s ease;
}

.overlay .overlaytitle{
	display:block;
	width:100%;
	color:#f00000;
	font-size:16px;
	letter-spacing:0px;   
	font-weight:700;
	text-align:center; 
	line-height:18px;
	padding:1px 0;
		
}


/* 可以進一步調整文字樣式 */
.overlay .overlaydesc {
	display:block;
	width:96%;
	font-size: 14px;
	font-weight:700;
	line-height:16px;
	letter-spacing:0px;  
	margin: 0;
	padding: 1px 2%;
	text-align:left; 
	color:#111;
}


}


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



/* card樣式 */
.card {
    position: relative;
    background-size: cover;
    background-position: center;
}

/* 半透明文字區塊 */
.overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 18%;
	background: rgba(255, 255, 255, 0.5);  /* 半透明黑色背景 */
	color: white;
	opacity: 1;  /* 預設隱藏 */
	text-align: center;
	padding: 10px;
	transition: height 0.4s ease, opacity 0.4s ease;
}

.overlay .overlaytitle{
	display:block;
	width:100%;
	color:#fff;
	font-size:21px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:28px;
	padding:2px 0;
		
}

/* 當滑鼠懸停時顯示文字區塊 */
.card:hover .overlay {
	opacity: 1;  /* 顯示 */
	height: 60%; /* 滑上來並停止在高度一半 */
	background: rgba(255, 255, 255, 0.8);  /* 半透明黑色背景 */
}

.card:hover .overlay .overlaytitle{color:#f00000;}

/* 可以進一步調整文字樣式 */
.overlay .overlaydesc {
	display:block;
	width:90%;
	font-size: 16px;
	font-weight:700;
	margin: 0;
	padding: 10px 5%;
	text-align:left; 
	color:#111;
}



}













.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){

.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){

.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 15px 0!important;
	margin:0!important;
}

.idxnewsdiv{
	width:100%!important;
	height:auto!important;
	min-height:150px!important;
	padding:0 4%!important;
	margin:0 auto!important;
	margin-top:15px!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;
}

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

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

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


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

.idxnewsitemdiv{
	width:100%!important;
	height:auto!important;
	padding:5px 0 25px 0!important;
	margin:0!important;	
}

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

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


.idxnewtime .nyear{
	display:block!important;
	text-align:center; 
}

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


}

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


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

.idxnewsdiv{
	width:100%!important;
	height:auto!important;
	min-height:415px!important;
	padding:12px 4% 8px 4%!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;
}

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

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

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


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

.idxnewsitemdiv{
	width:100%!important;
	height:auto!important;
	padding:5px 0 25px 0!important;
	margin:0!important;	
}

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

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

.idxnewname{
	display:block!important;
	width:75%!important;
	height:42px!important;
	padding:2px 1%!important;
	margin:0!important;
	float:left!important;
	text-align:left; 
	color:#262626!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:21px;	
}



}


@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:462px!important;
	padding:12px 4% 8px 4%!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;
}

.idxnewstitle{
	width:70%!important;
	height:auto!important;
	padding:25px 0 0 0!important;
	margin:0!important;
	float:left!important;
	color:#a8a8a8!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:#273B64!important;
	font-size:30px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:50px;	
}

.idxnewsitemdiv{
	width:100%!important;
	height:auto!important;
	padding:5px 0 35px 0!important;
	margin:0!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:#fff!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:center; 
	line-height:25px;
}

.idxnewname{
	display:block!important;
	width:78%!important;
	height:46px!important;
	padding:4px 1%!important;
	margin:0!important;
	float:left!important;
	text-align:left; 
	color:#262626!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:22px;	
}




}

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



.newbg1{background-color: #273B64!important;}
.newbg2{background-color: #a8a8a8!important;}


/* 主任的話 */

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

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

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

.sharediv2{
	display:block!important;
	width:90%!important;
	height:auto!important;
	padding:50px 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;
}


.sharediv2title{
	color:#fff!important;
	font-size:28px;
	letter-spacing:1px;   
	font-weight:700;
	line-height:28px;
	padding:10px 0 25px 0!important;	
}

.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:15%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	float:left!important;	
}

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



.sharediv2{
	display:block!important;
	width:85%!important;
	height:auto!important;
	padding:40px 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;
}


.sharediv2title{
	color:#fff!important;
	font-size:30px;
	letter-spacing:1px;   
	font-weight:700;
	line-height:30px;
	padding:10px 0!important;	
}

.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:10%!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	float:left!important;	
}

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



.sharediv2{
	display:block!important;
	width:90%!important;
	height:auto!important;
	padding:50px 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;
}


.sharediv2title{
	color:#fff!important;
	font-size:32px;
	letter-spacing:1px;   
	font-weight:700;
	line-height:32px;
	padding:10px 0!important;	
}

.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 10px 0!important;
	margin:0!important;	
}

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

.footmenu a{display:inline-block;padding:2px 10px!important;color:#FFD82D!important;}
.footmenu a:hover{color:#DEA932!important;}


.footlogo{
	padding:2px 0 0 0 !important;
	text-align:center!important;
}


.footlogo img{
	height:40px!important;
	width:auto!important;
	padding:0!important;
	margin:0!important;
}


.footdesc{
	padding:5px 5%!important;
	color:#fff!important;
	font-size:16px!important;
	letter-spacing:0px;   
	font-weight:500;
	line-height:25px;
	text-align:center!important;
}

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



}

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

.footdiv{
	width:100%!important;
	height:auto!important;
	padding:10px 0 15px 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:center!important;	
}

.footmenu a{display:inline-block;padding:2px 15px!important;color:#FFD82D!important;}
.footmenu a:hover{color:#DEA932!important;}


.footlogo{
	text-align:center!important;
}

.footlogo img{
	height:45px!important;
	width:auto!important;
	padding:0!important;
	margin:0!important;	
}

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

.footdesc2{
	width:100%!important;
	height:auto!important;
	padding:15px 0!important;
	margin:5px 0!important;
	text-align:center!important;	
	color:#6578A2!important;
	font-size:14px!important;
	letter-spacing:1px;   
	font-weight:500;
	line-height:18px;
}



}


@media only screen and (min-width:1400px){
.footdiv{
	width:100%!important;
	height:auto!important;
	padding:10px 0 15px 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:center!important;	
}

.footmenu a{display:inline-block;padding:2px 15px!important;color:#FFD82D!important;}
.footmenu a:hover{color:#DEA932!important;}


.footlogo{
	text-align:center!important;
}

.footlogo img{
	height:50px!important;
	width:auto!important;
	padding:0!important;
	margin:0!important;
}

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


.footdesc2{
	width:100%!important;
	height:auto!important;
	padding:15px 0!important;
	margin:5px 0!important;
	text-align:center!important;	
	color:#6578A2!important;
	font-size:14px!important;
	letter-spacing:1px;   
	font-weight:500;
	line-height:18px;
}



}







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

/*.gotoTop{display:none;}*/


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



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

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

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

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

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


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

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



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

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




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

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


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

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



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

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



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

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







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




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



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


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

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


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

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


.gojoindiv{
	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;
}

.gojoindiv: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: #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;
}

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




.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;}


.gotodiv2{
	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;
}

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



.gotoHome{
	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;
}

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

.gologindiv{
	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;
}

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


}








/* 表格 */


@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: #457DAC;
	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: #fff;
	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{
}
        /*OnMouseOver*/
.gvStyle tr:hover{
	background-color: #9FFFFC;
}
        /*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;
	text-align: center;
	background-color: #EDFAFF;
}

.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%;
	margin:10px 0;
	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;
	border-right: 1px solid #d1d1d1;
	font-size: 16px;
	font-weight: 700;
	height: 32px;
	color: #595959;
	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;
	border-right: 1px solid #d1d1d1;
	min-width:10px;
	font-family: 'Pathway Gothic One', sans-serif;
	padding:8px 2px; 
	color:#111;
	line-height: 130%;
	text-align: center;
}
.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;

}



}


@media only screen and (min-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: #457DAC;
	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: #fff;
	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{
}
        /*Rows*/
.gvStyle td{
	background-color: #EDFAFF;
	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;
	text-align: center;
}

.gvStyle td a{color:#111;text-decoration:underline;}
.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%;
	height:auto;
	margin:10px 0;
	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;
	border-right: 1px solid #d1d1d1;
	font-size: 16px;
	font-weight: 700;
	color: #595959;
	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: #f8f8f8;
}
        /*Rows*/
.gvStyle2 td{
	word-wrap:break-word; word-break:break-all;
	font-size: 18px;
	border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	min-width:30px;
	padding:5px 2px; 
	color:#111;
	font-weight: 300;
	text-align: center;
}
.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;

}




}


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



/*  */

.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:#007AB0!important;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;	
	cursor: pointer;
}

.pagerdiv a:hover{
	background:#38B035!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;	
}


.tbbg1{background:#4A699F!important;}
.tbbg2{background:#A3D2E6!important;}


.tabsfulldiv{
	width:100%;
	height:auto;
	margin:5px 0;
	padding:1%;
	border:1px solid #ccc;
	background:#eee!important;
}



/*首頁輪播方向按鈕*/

.carousel-control-next,
.carousel-control-prev {
	background-color: rgba(0, 0, 0, 0.4); /* 半透明黑背景 */
	border-radius: 50%!important;
	opacity: 1!important;
	padding: 10px !important;
	width: 60px;              /* 控制寬度 */
	height: 60px;             /* 控制高度 */
	display: flex;            /* 讓圖示居中 */
	align-items: center;
	justify-content: center;

    position: absolute;
    top: 50%;
    transform: translateY(-50%);

}

.carousel-control-next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}


.carousel-control-prev:hover {
	background-color: rgba(0, 0, 0, 0.8);
}






/*  */

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


}

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


}


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

}