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



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


svg {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}


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

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

.tpmetrologo{
	float:left;
}

.tpmetrologo img{
	width:auto!important;
	height:36px!important;
	margin:0!important;
	padding:0!important;	
}

}

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

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

.tpmetrologo{
	float:left;
}

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


}


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

.v990u{display:none;}
.v990d{}

}

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

.v990d{display:none;}
.v990u{}


}



@media print {

.noprint{
	display: none !important;
	}



.gvStyle2{
	width:100%;
	margin:5px 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:1px 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: 1px 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:1px 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;

}



.button {
	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: 3px 10px;
	-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 #333;
	background: #595959;
	background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#333333));
	background: -moz-linear-gradient(top,  #595959,  #333333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#333333');
	
}










}






.notetxtdiv{
	margin:2px 0;
	letter-spacing:1px;
	line-height: 20px;
	font-weight: 700;
	font-size:  13px;
	color:#c00000;
	text-align: left;
}



/*  */

.floatleft{float: floatleft;}
.textalignleft{text-align:left!important;}
.floatright{float: right;}
.hidden{display: none;}
.ganttchart{height: 600px; width: 100%; border: 1px solid #ccc;}
.resultAreacss{padding: 10px; border: 1px solid #ccc; margin-top: 10px;color:#008800;}
.dgday1{border:0;background-color:#fff;}
.rborder{border:2px solid #f00000;}
.carfdiv1{display:flex;position:relative;width:34px;height:20px;}

.w50px{width:50px;}
.w150px{width:150px;}

.w100right{width:100%;text-align:right;}
.tdtranbox{
	display:line-block;
	width:30px;
	height:20px;
	border:1px solid #000;
	background-repeat:no-repeat;
	background-position:0;
	background-size:100%;

}
.h200px{height: 200px;}

.DgRecordcss1{display: flex; gap: 40px; align-items: flex-start; flex-wrap: wrap;}
.DgRecordcss2{display: flex; flex-direction: column; gap: 10px;}
.DgRecordcss3{display: flex; gap: 10px;}
.DgRecordcss4{margin-top: 20px; font-weight: bold; font-size: 1.1em;}
.DgRecordcss5{background-color: #eef;}
.border0{border:0;}


.TdTrainColorSetcss1 {
  display: block;
  width: 30px;
  height: 20px;
  border: 1px solid #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.tdwords{
	position: absolute;
        bottom: 5px;
        left: 5px;
	font-size:14px;
	letter-spacing:1px;
	text-align:center;
	color:#333;
	font-weight:700;
}

.tdredwords{
	position: absolute;
        bottom: 2px;
        left: 2px;
	font-size:14px;
	letter-spacing:0px;
	text-align:left;
	color:#f00000;
	font-weight:700;
}



/*  */

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

.inner1400{
	width:98%;
	height:auto;
	padding:0 1%;
	margin:0 auto;
	text-align: center;
}

.inner1600{
	width:98%;
	height:auto;
	padding:0 1%;
	margin:0 auto;
	text-align: center;
}

}

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

.inner1400{
	width:98%;
	height:auto;
	padding:0 1%;
	margin:0 auto;
	text-align: center;
}

.inner1600{
	width:98%;
	height:auto;
	padding:0 1%;
	margin:0 auto;
	text-align: center;
}


}

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

.inner1400{
	width:96%;
	height:auto;
	padding:0 2%;
	margin:0 auto;
	text-align: center;
}

.inner1600{
	width:98%;
	height:auto;
	padding:0 1%;
	margin:0 auto;
	text-align: center;
}


}



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


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

.inner1600{
	width:98%;
	height:auto;
	padding:0 1%;
	margin:0 auto;
	text-align: center;
}


}


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

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

.inner1600{
	width:1600px;
	height:auto;
	padding:0 1%;
	margin:0 auto;
	text-align: center;
}


}




#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{
	text-align:right;
}

.tpmetromenu1 {
	border-color: rgb(255,255,255)!important;
	/*background: #fff;*/
	color:#000;
} 


.tpmetromenu1:hover {
	border-color: rgb(2,104,183)!important;
	background: #41A5D7;
}

.tpmetromenu1[aria-expanded="true"] {
	color: #000!important;
}

.tpmetromenu1:focus{
	color: #ccc;
	border-color: rgb(2,104,183)!important;
}

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


.tpmetromenu2:hover {
	background: rgb(255,255,255,0.3)!important;
}



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

.tpmetromenu1 {
	margin-left:4px;
	width:42px;
	height:42px;
	border-radius:42px;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;	
}
.tpmetromenu2 {
	margin-left:4px;
	width:42px;
	height:42px;
	border-radius:42px;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
}

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

.navbar-toggler-icon {
background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='4 -4 42 42' 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) {

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

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

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

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

}




.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -0.125rem;
}



/* 背景 */
.tpmetrobg1{background-color: #89D4D7!important;}
.tpmetrobg2{background-color: #0092C3!important;}
.tpmetrobg3{background-color: #EFEBEB!important;}
.tpmetrobg5{background-color: #008085!important;}


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


.nav-item img{
	width:auto;
	height:36px;
	borde:0;	
	padding:6px 30px 0 0;
}


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

.fontblack{color:#000!important;}
.fontgray1{color:#111!important;}
.fontgray2{color:#333!important;}
.fontgray3{color:#595959!important;}
.fontgray4{color:#888!important;}
.fontgray5{color:#ccc!important;}

.fontred{color:#ff0000!important;}
.fontblue{color:blue!important;}

.font12{font-size:12px!important;}
.font14{font-size:14px!important;}
.font16{font-size:16px!important;}
.font18{font-size:18px!important;}
.font20{font-size:20px!important;}
.font22{font-size:22px!important;}

.tleft{text-align:left!important;}
.tright{text-align:right!important;}
.tcenter{text-align:center!important;}



.lineheight12{line-height:12px!important;}
.lineheight14{line-height:14px!important;}
.lineheight16{line-height:16px!important;}
.lineheight18{line-height:18px!important;}
.lineheight20{line-height:20px!important;}
.lineheight22{line-height:22px!important;}
.lineheight25{line-height:25px!important;}
.lineheight30{line-height:30px!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;}
.imgw66p{width:66%!important;height:auto!important;padding:0 17%!important;}
.imgw68p{width:68%!important;height:auto!important;padding:0 16%!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;
}

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


.allbtdiv {
	width: 100%;
	height: auto;
	padding: 5px 0 3px 0;
	margin: 0;
	text-align: right;
}
	/*  */

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

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

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

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


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

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

	.webstatediv a{color:#595959;}




/* 按鈕 */



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

.idxtitle{
	width:70%;
	height:auto;
	color:#0268B7;!important;
	font-size:38px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center;  
	line-height:58px;
	margin:0 15%;	
	padding:30px 0 40px 0;
}

.idxdesc{
	width:100%;
	height:auto;
	color:#111;!important;
	font-size:18px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center;  
	line-height:28px;
	padding:10px 0;
}


.idximgbg1{
	width:100%;
	height:auto;
	min-height:90vh;
	padding:40px 0;
	background-image : url(../images/idxbgf.jpg); 
	background-repeat : no-repeat;
	background-position:center center;	
}

.idximgdiv{
	width:80%;
	height:auto;
	padding:10px 10% 0 10%;	
}


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



.idxtitle{
	width:100%;
	height:auto;
	color:#0268B7;!important;
	font-size:48px;
	letter-spacing:3px;   
	font-weight:700;
	text-align:center;  
	line-height:58px;
	padding:30px 0 50px 0;
}

.idxdesc{
	width:100%;
	height:auto;
	color:#111;!important;
	font-size:20px;
	letter-spacing:2px;   
	font-weight:700;
	text-align:center;  
	line-height:28px;
	padding:10px 0;
}


.idximgbg1{
	width:100%;
	height:auto;
	min-height:90vh;
	padding:40px 0;
	background-image : url(../images/idxbgf.jpg); 
	background-repeat : no-repeat;
	background-position:center center;	
}

.idximgdiv{
	width:72%;
	height:auto;
	padding:10px 14% 0 14%;	
}


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

.idxtitle{
	width:100%;
	height:auto;
	color:#0268B7;!important;
	font-size:58px;
	letter-spacing:5px;   
	font-weight:700;
	text-align:center;  
	line-height:58px;
	padding:40px 0 60px 0;
}

.idxdesc{
	width:100%;
	height:auto;
	color:#111;!important;
	font-size:20px;
	letter-spacing:3px;   
	font-weight:700;
	text-align:center;  
	line-height:28px;
	padding:10px 0;
}

.idximgbg1{
	width:100%;
	height:auto;
	min-height:90vh;
	padding:40px 0;
	background-image : url(../images/idxbgf.jpg); 
	background-repeat : no-repeat;
	background-position:100% center;	
}


.idximgdiv{
	width:66%;
	height:auto;
	padding:10px 17% 0 17%;	
}


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

}




}



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



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

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


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



.contentdiv{
	width:100%;
	height:auto;
	padding:5px 0;
	margin:0;
	min-height:400px;
}



/* 輪播區塊 */
.idxzdiv0{
	position:fixed; 
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	bottom: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: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;	
}


}


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




}


/* 第二層選單 */

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



}

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


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

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

.tmfmenu1:hover .tmfmenu0{background-color: #595959!important;}

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

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

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


}


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

.tmfmenu1{
	/*position::absolute!important;*/
	/*position:fixed!important;	
	top:50px!important;
	left:0!important;*/
	width:270px!important;
	height:auto!important;
	padding:0!important;
	margin:0!important;
	background-color: #B1D4E0!important;
	z-index:999;
	/*border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;*/

	border-bottom: solid 1px #ccc!important;	

}

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

.tmfmenu1:hover .tmfmenu0{background-color: #B1D4E0!important;}

.tmfmenu1 a{
	/*float:left!important;*/
	display:block!important;
	width:auto!important;
	padding:6px 15px!important;
	color:#0C2D48!important;
	border-bottom: solid 1px #f8f8f8!important;
	font-weight:700!important;
}

.tmfmenu1 a:hover{
	color:#FF2511!important;
	font-weight:700!important;
}
.tmfmenu0:active {
	background-color: #B1D4E0!important;
	color:#0268B7!important;
	font-weight:700!important;
}
.tmfmenu0:focus {
	background-color: #B1D4E0!important;
	color:#0268B7!important;
	font-weight:700!important;
}

.tmfmenu0 a:active {
	background-color: #B1D4E0!important;
	color:#0268B7!important;
	font-weight:700!important;
}
.tmfmenu0 a:focus {
	background-color: #B1D4E0!important;
	color:#0268B7!important;
	font-weight:700!important;
}



}




/*  標題 */

@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{
	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: 35%!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.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:0;

}

.courseitemdiv:hover .info {
	opacity: 0.9;
	background: no-repeat rgba(39, 59, 100, 0.8);
}

/*.courseitemdiv:hover{opacity: 0.5;}
.courseitemdiv:hover .idxcoursetitle1{opacity:1!important;color:#111!important;}
.courseitemdiv:hover .idxcoursetitle2{opacity:1!important;color:#111!important;}
*/


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

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

.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:150px!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:auto!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:25px;	
}



}


@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: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:auto!important;
	padding:5px 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;	
}




}

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


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


}

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

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

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


}


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

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



}






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

.gotoTop{display:none;}

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

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

}


.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: #0268B7!important;color:#fff!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){

.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: 98%;
	margin:8px 1%;
	padding: 2px 0;
	line-height:200%;
	font-size:18px;
	letter-spacing:1px;
	text-align:center;
	color:#888;
	font-weight:700;
	border-bottom: solid 1px #a8a8a8;
}

.mtitle3 {
	width: 98%;
	margin:8px 1%;
	padding: 2px 0;
	line-height:200%;
	font-size:18px;
	letter-spacing:1px;
	text-align:center;
	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:#111;
	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;
		word-wrap: break-word;
		word-break: normal;
	}
.mformtxt span{color:#ff0000;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:#007AB0;
	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;
		word-wrap: break-word;
		word-break: normal;
	}
.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;}

.mformtitle3 {
	width: 96%;
	margin:2px 0;
	padding: 2px 2%;
	text-align:left;
	font-size:  1em;
	letter-spacing:0px;
	color:#fff;
	font-weight:700;
}

.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: 98%;
	margin:8px 1%;
	padding: 2px 0;
	line-height:200%;
	font-size:18px;
	letter-spacing:1px;
	text-align:center;
	color:#888;
	font-weight:700;
	border-bottom: solid 1px #a8a8a8;
}

.mtitle3 {
	width: 98%;
	margin:8px 1%;
	padding: 2px 0;
	line-height:200%;
	font-size:18px;
	letter-spacing:1px;
	text-align:center;
	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: 23%;
	float: left;
	text-align:right;
	padding:7px 5px;
	font-size:  1em;
	letter-spacing:1px;
	color:#111;
	font-weight:300;
}
	.mformtxt {
		width: 75%;
		float: left;
		margin: 2px 0;
		letter-spacing: 1px;
		line-height: 180%;
		font-size: 1em;
		text-align: left;
		font-weight: 300;
		color: #c00000;
		word-wrap: break-word;
		word-break: normal;
	}

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


.mformtitle2 {
	width: 18%;
	float: left;
	text-align:right;
	padding:7px 5px;
	font-size:  1.1em;
	letter-spacing:1px;
	color:#007AB0;
	font-weight:700;
}

	.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;
		word-wrap: break-word;
		word-break: normal;
	}

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


.mformtitle3 {
	width: 18%;
	float: left;
	text-align:right;
	padding:7px 5px;
	font-size:  1.1em;
	letter-spacing:1px;
	color:#fff;
	font-weight:700;
}

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





/*  按鈕 */

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

.button {
	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: 14px;
	padding: 2px 6px;
	-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 #333;
	background: #595959;
	background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#333333));
	background: -moz-linear-gradient(top,  #595959,  #333333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#333333');
	
}

.nbutton {
	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: 14px;
	padding: 2px 6px;
	-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 #333;
	background: #595959;
	background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#333333));
	background: -moz-linear-gradient(top,  #595959,  #333333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#333333');
	
}



.button2 {
	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: 14px;
	padding: 5px 5px;
	line-height:18px;
	-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: #666666;
	background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#666666));
	background: -moz-linear-gradient(top,  #aaaaaa,  #666666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#666666');
	
}

.button4 {
	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: 14px/100% Arial, Helvetica, sans-serif;
	padding: 2px 2px;
	-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);
	line-height:18px;
	font-weight:700;
	color: #fff;
	border: solid 1px #C3003A;
	background: #E1002D;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#E1002D));
	background: -moz-linear-gradient(top,  #FF0000,  #E1002D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#E1002D');
	
}

.button5 {
	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: 16px/100% Arial, Helvetica, sans-serif;
	padding: 3px 4px;
	-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);
	line-height:18px;
	font-weight:700;
	color: #A50021;
	border: solid 1px #A50021;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee));
	background: -moz-linear-gradient(top,  #ccc,  #eee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#eee');
	
}

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

.button {
	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: 3px 10px;
	-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 #333;
	background: #595959;
	background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#333333));
	background: -moz-linear-gradient(top,  #595959,  #333333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#333333');
	
}

.nbutton {
	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: 3px 10px;
	-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 #333;
	background: #595959;
	background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#333333));
	background: -moz-linear-gradient(top,  #595959,  #333333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#333333');
	
}



.button2 {
	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:6px 12px;
	-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);
	line-height:18px;
	font-weight:700;
	color: #fff;
	border: solid 1px #666666;
	background: #666666;
	background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#666666));
	background: -moz-linear-gradient(top,  #aaaaaa,  #666666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#666666');
	
}

.button4 {
	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: 14px/100% Arial, Helvetica, sans-serif;
	padding: 2px 2px;
	-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);
	line-height:18px;
	font-weight:700;
	color: #fff;
	border: solid 1px #C3003A;
	background: #E1002D;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#E1002D));
	background: -moz-linear-gradient(top,  #FF0000,  #E1002D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#E1002D');
	
}

.button5 {
	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: 16px/100% Arial, Helvetica, sans-serif;
	padding: 3px 4px;
	-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);
	line-height:16px;
	font-weight:700;
	color: #A50021;
	border: solid 1px #A50021;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee));
	background: -moz-linear-gradient(top,  #ccc,  #eee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#eee');
	
}




}



.button:hover {
	color: #fff;
	text-decoration: none;
	border: solid 1px #f88e11;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}



.button2:hover {
	color: #fff;
	text-decoration: none;
	border: solid 1px #f88e11;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button2:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


.button3 {
	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;
	padding:4px 1px;
	-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);
	
	font-weight:700;
	color: #111;
	border: solid 1px #aaa;
	background: #aaa;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background: -moz-linear-gradient(top,  #eee,  #ddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ddd');
	
}
.button3:hover {
	color: #fff;
	text-decoration: none;
	background: #75B2CC;
}

.button3 img{
	padding:0 0 2px 0;
}

.button3s {
	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;
	padding:2px 4px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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;
	letter-spacing:1px;
	border: solid 1px #aaa;
	background: #aaa;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background: -moz-linear-gradient(top,  #eee,  #ddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ddd');
	
}
.button3s:hover {
	color: #fff!important;
	text-decoration: none;
	background: #0268B7;
}



.button3s2 {
	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;
	padding:2px 4px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	-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;
	letter-spacing:1px;
	border: solid 1px #aaa;
	background: #aaa;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background: -moz-linear-gradient(top,  #eee,  #ddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ddd');
	
}
.button3s2:hover {
	color:#fff!important;
	text-decoration: none;
	background: #FF0000;
}




.button3g {
	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;
	padding:4px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px;
	-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: #2A6900;
	border: solid 1px #96E100;
	background: #aaa;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background: -moz-linear-gradient(top,  #eee,  #ddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ddd');
	
}
.button3g:hover {
	color: #2A6900;
	text-decoration: none;
	background: #D5F6CE;
}

.button3g span{font-family: 'Pathway Gothic One', sans-serif;font-size: 15px;font-weight:300;}

.button4:hover {
	color: #fff;
	text-decoration: none;
	border: solid 1px #f88e11;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button4:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


.button5:hover {
	color: #fff;
	text-decoration: none;
	border: solid 1px #f88e11;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button5:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


.ckbutton1 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;
	text-align: center;
	text-decoration: none;
	font-size:14px !important;
	padding: 0 8px !important;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight:700;
	color: #fff;
	border: solid 1px #C3003A;
	background: #FF2828;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#E1002D));
	background: -moz-linear-gradient(top,  #FF0000,  #E1002D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#E1002D');*/
}

.ckbutton2 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;
	text-align: center;
	text-decoration: none;
	font-size:14px !important;
	padding: 0 8px !important;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight:700;
	color: #fff;
	border: solid 1px #1C6900;
	background: #58A500;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#5A8700), to(#1C6900));
	background: -moz-linear-gradient(top,  #5A8700,  #1C6900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A8700', endColorstr='#1C6900');*/
}



.filebutton {
	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;
	-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: #00B4B5;
	
}

.filebutton img{	
	display: block;
	height:20px;
	width:auto;
	margin:2px 5px 0 0;
	padding:0;
	border:0;
	float:left;
}

.filebutton:hover {background: #006060;}


.filebutton2 {
	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 8px 4px 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!important;
	border: solid 1px #595959;
	background-color: #0078E1;
	background-image : url(../images/download-icon.gif); 
	background-repeat : no-repeat;
	background-position:2px 2px; 
	
}

.filebutton2 a{color: #fff!important;}

.filebutton2:hover {
	background-color: #D27276;
}


.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;
	margin: 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:13px!important;
	padding: 24px 3px 2px 3px!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-icon.gif); 
	background-repeat : no-repeat;
	background-position:top center; 
	
}

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



/* */

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


.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:15px;
	padding: 4px 4px 6px 28px;
	-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!important;
	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/download-icon.gif);
	background-repeat : no-repeat;
	background-position:1px 3px; 
	
}

.filebutton3b {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	width:200px;
	margin: 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font-size:15px;
	padding: 4px 4px 6px 28px;
	-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/download-icon.gif);
	background-repeat : no-repeat;
	background-position:1px 3px; 
	
}


.filebutton3c {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	width:160px;
	margin: 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font-size:15px;
	padding: 4px 4px 6px 28px;
	-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 #111;
	background-color: #333;
	background-color: -webkit-gradient(linear, left top, left bottom, from(#333), to(#666666));
	background-color: -moz-linear-gradient(top,  #333,  #666666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#666666');
	background-image : url(../images/download-icon.gif);
	background-repeat : no-repeat;
	background-position:1px 3px; 
	
}

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


.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!important;
	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/download-icon.gif);
	background-repeat : no-repeat;
	background-position:5px 5px; 
	
}

.filebutton3b {
	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/download-icon.gif);
	background-repeat : no-repeat;
	background-position:5px 5px; 
	
}


.filebutton3c {
	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: #000;
	border: solid 1px #898989;
	background-color: #eee;
	background-color: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), to(#eee));
	background-color: -moz-linear-gradient(top,  #a8a8a8,  #eee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a8a8', endColorstr='#eee');
	background-image : url(../images/download-icon.gif);
	background-repeat : no-repeat;
	background-position:5px 5px; 
	
}
}

.filebutton3 a{color: #fff!important;}

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

.filebutton3b:hover {
	background-color: #333;
	border: solid 1px #898989;
}

.filebutton3c:hover {
	color: #111;
	background-color: #E7FFEC;
	border: solid 1px #ccc;
}



.filebutton3d {
	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: #111;
	border: solid 1px #ccc;
	background-color: #E7FFEC;
	background-image : url(../images/xicon2ss.png);
	background-repeat : no-repeat;
	background-position:1px 3px; 
	
}



.button9 {
	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: left;
	text-decoration: none;
	font-size:14px;
	padding: 2px 2px 2px 16px;
	min-width:30px;
	-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);
	letter-spacing:1px;
	font-weight:700;
	color: #111;
	border: solid 1px #aaa;
	background-color: #eee;
	background-image : url(../images/z1s12.png);
	background-repeat : no-repeat;
	background-position:1px 6px; 
	
}

.button9:hover {
	color: #5C593E;
	background-color: #D8D191;
	border: solid 1px #595959;
}

.button9 img{
	width:20px;
	height:auto;
	border:0;	
}






.button9a {
	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;
	padding: 6px 2px 6px 2px;
	min-width:40px;
	-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);
	letter-spacing:1px;
	font-weight:700;
	color: #111;
	border: solid 1px #aaa;
	background-color: #eee;
	/*background-image : url(../images/xicon2ss.png);
	background-repeat : no-repeat;
	background-position:2px 2px; */
	
}

.button9a:hover {
	color: #5C593E;
	background-color: #D8D191;
	border: solid 1px #595959;
}

.button9a img{
	width:20px;
	height:auto;
	border:0;	
}





/* 表格 */


@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: #EFEBE6;
	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: #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;
}

.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:5px 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:1px 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: 1px 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:1px 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;

}


.gvStyle3{
	width:100%;
	margin:5px 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle3 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;
}
.gvStyle3 th:hover
        {

 }
.gvStyle3 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 2px 0;
}
        /*OnMouseOver*/
.gvStyle3 tr:hover{
	background-color: #EAF3F2;
}
        /*Rows*/
.gvStyle3 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:2px 2px; 
	color:#111;
	line-height: 130%;
	text-align: center;
}
.gvStyle3 td span{
	font-size: 1em;
	color:#386900;
}
.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: 1em;
	color:#386900;
	border: 0px;	
} 
.gvStyle3 .pgr a{ 
        text-decoration:underline; 
	color:#386900;
} 
.gvStyle3 .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: #EFEBE6;
	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: #9FFFFC;
	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;
	text-align: center;
}

.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%;
	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:1px 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: 1px 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:1px 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;

}



.gvStyle3{
	width:100%;
	height:auto;
	margin:5px 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
        /*Header*/
.gvStyle3 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: 12px;
	font-weight: 700;
	color: #595959;
	padding:2px 2px; 
	text-align: center;
}
.gvStyle3 th:hover
        {

 }
.gvStyle3 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 2px 0;
}
        /*OnMouseOver*/
.gvStyle3 tr:hover{
	background-color: #f8f8f8;
}
        /*Rows*/
.gvStyle3 td{
	word-wrap:break-word; word-break:break-all;
	font-size:14px;
	border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	min-width:30px;
	padding:1px 1px; 
	color:#111;
	font-weight: 300;
	text-align: center;
}
.gvStyle3 td span{
	font-size: 1em;
	color:#386900;
}
.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: 1.1em;
	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;
}





/*  */

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



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




#clockface {
  fill: silver;
}
#spent {
  fill:none;
  stroke: #6683c2;
  stroke-width: 38px;
  stroke-dasharray: 119.397px;
  stroke-dashoffset: 119.397px;
  animation: dash 5s linear infinite;
}
  

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}




.radiodiv{
	display:block;
	float:left;
	width:auto;
	height:auto;
	margin:0 5px 0 0;
	padding:5px 0;
	text-align:left;
	letter-spacing:0px;
	color:#02508C;
	font-weight:700;
}


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



/* 購物車 */

.Odtitle{ 
	width:90%;
	height:auto;
	margin: 2px 5%;
	font-size:14px;
	clear:both; 
	font-family:Verdana, Geneva, sans-serif;
	border-bottom:1px solid #fff;
	padding:5px 0;
	color:#fff;
	background: #595959; 

}
.Odtitle2{ 
	display:block;
	width:90%;
	height:auto;
	margin: 2px 5%;
	font-size:14px;
	clear:both; 
	font-family:Verdana, Geneva, sans-serif;
	border-bottom:1px solid #fff;
	padding:2px 0;
	background: #fff; 
}

.oditem55{float:left; width:55%;text-align:center;padding:2px 0;}
.oditem35{float:left; width:35%;text-align:center;padding:2px 0;}
.oditem30{float:left; width:30%;text-align:center;padding:2px 0;}
.oditem15{float:left; width:15%; text-align:center;padding:2px 0;}
.oditem10{float:left; width:10%; text-align:center;padding:2px 0;}


.setdiv{
	width:100%;
	height:auto;
	color:#111;
	background: #fff; 	
}


.mformline{
	width:90%;
	height:auto;
	margin:0 5%;
	clear:both; 
	border-bottom:1px solid #ccc;
	padding:5px 0;	
}

.notetxtdiv{
	margin:2px 0;
	letter-spacing:1px;
	line-height: 20px;
	font-weight: 700;
	font-size:  13px;
	color:#c00000;
	text-align: left;
}

.red1css{
	color:#900000;		
}


.mtitle {
	width: 100%;
	margin:0;
	padding: 10px 0;
	line-height:200%;
	font-size:18px;
	letter-spacing:5px;
	text-align:center;
	color:#111;
	font-weight:700;
	background: #a8a8a8;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#cccccc));
	background: -moz-linear-gradient(top,  #888,  #cccccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888', endColorstr='#cccccc');	
	-webkit-border-radius: 8px 8px 0 0; 
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;
}

.mformd2div{
	width: 50%;
	height:auto;
	margin:0;
	padding:3px 0;	
	float:left;
	min-height:40px;
	border-bottom:1px solid #ccc;
	
}

.mformd2div1{
	width: 55%;
	height:auto;
	margin:0;
	padding:3px 0;	
	float:left;
	min-height:40px;
	border-bottom:1px solid #ccc;
	
}

.mformd2div2{
	width: 45%;
	height:auto;
	margin:0;
	padding:3px 0;	
	float:left;
	min-height:40px;
	border-bottom:1px solid #ccc;
	
}


/* input */

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

.input50p{width:80%!important;}
.input60p{width:80%!important;}
.input70p{width:80%!important;}
.input80p{width:80%!important;}
.input90p{width:80%!important;}

}

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

.input50p{width:50%!important;}
.input60p{width:60%!important;}
.input70p{width:70%!important;}
.input80p{width:80%!important;}
.input90p{width:90%!important;}


}

.input60px{width: 60px!important;}
.input80px{width: 80px!important;}
.input100px{width: 100px!important;}
.input120px{width: 120px!important;}
.input140px{width: 140px!important;}
.input160px{width: 160px!important;}
.input180px{width: 180px!important;}
.input200px{width: 200px!important;}
.input240px{width: 240px!important;}
.input300px{width: 300px!important;}


@keyframes flash {
	0% {
		stroke: white;
		fill: red;
		opacity: 0.5;
	}

	25% {
		stroke: white;
		fill: blue;
		opacity: 0.5;
	}

	50% {
		stroke: white;
		fill: yellow;
		opacity: 0.5;
	}

	75% {
		stroke: white;
		fill: blue;
		opacity: 0.5;
	}

	100% {
		stroke: white;
		fill: red;
		opacity: 0.5;
	}
}

.rectflash {
	animation: flash 1s infinite;
	stroke: white; /* Ensure stroke is white */
	fill: red; /* Ensure fill is red initially */
	opacity: 0.5;
}


@keyframes flash2 {
	0% {
		fill: red;
		box-shadow: 0 0 10px 4px red;
		transform: scale(1);
	}

	25% {
		fill: blue;
		box-shadow: 0 0 15px 6px blue;
		transform: scale(1.05);
	}

	50% {
		fill: yellow;
		box-shadow: 0 0 15px 6px yellow;
		transform: scale(1.1);
	}

	75% {
		fill: blue;
		box-shadow: 0 0 15px 6px blue;
		transform: scale(1.05);
	}

	100% {
		fill: red;
		box-shadow: 0 0 10px 4px red;
		transform: scale(1);
	}
}


.rectflash2 {
	animation: flash2 1s infinite;
	border: 3px solid white;
	box-shadow: 0 0 15px 5px rgba(255, 255, 0, 0.7);
	transform: scale(1.1);
	transition: transform 0.2s ease-in-out;
}


/*  */

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


}

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


}


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

}