@charset "utf-8";

body{
	position:relative;
	width:100%;
	/*font-family: Arial, Verdana, Helvetica, sans-serif, Microsoft JhengHei, Meiryo!important;*/
	font-family: "Helvetica", "Arial","LiHei Pro","STHeiti","Microsoft YaHei","Microsoft JhengHei", sans-serif;
	font-size:16px!important;	
	background:#fff;
	overflow-x:hidden;
}




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

.fredfont{color: #D8262C!important;}
.fbluefont{color: #1F4396!important;}



/* 隱藏指定 class 裡的 checkbox，但保留文字 */
.sCheckBox .no-checkbox input[type="checkbox"] {
    display: none;
}


/*  */

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

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

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


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



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

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

}




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

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


}




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


#topmain{
	position:fixed;
	width:100%!important;
	height:auto!important;
	z-index:9999!important;
	top:0!important;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,.4);
	box-shadow: 1px 1px 4px rgba(0,0,0,.4);	
}

.topmaincss{background-color: #1F4396;}

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

}

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

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

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


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


}


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

}

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

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

/*
.odlogoa3{
	display:none;

}*/

.odlogoa3 img{
	width:28px;
	height:auto;
	padding:0;
	margin:0;
	border:0;
}


}



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

.topmaincss{background-color: #fff;}

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

.topmenudiv a{
	padding:8px 2px;
	font-size:16px;
	font-weight:500;
	color:#fff;
	letter-spacing:0px;	
}

.topmenudiv2{display:none;}


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


}

.odlogoa{display:none!important;}
#navmenu{display:none!important;}

.odlogoa3 img{
	width:24px;
	height:auto;
	padding:0;
	margin:0;
	border:0;
}


}

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

.topmaincss{background-color: #fff;}

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

.topmenudiv a{
	padding:8px 2px;
	font-size:16px;
	font-weight:500;
	color:#fff;
	letter-spacing:1px;	
}


.topmenudiv2{display:none;}


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


}

.odlogoa3 img{
	width:30px;
	height:auto;
	padding:0;
	margin:0;
	border:0;
}


}



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


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






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

.zidx999{z-index:999!important;}
.zidx9999{z-index:9999!important;}






/*  */

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


.topbndiv {
	position: relative;
	width: 100%;
	height:auto;
	min-height:30vw; 
	position: relative; 

}

.topbndiv2 {
	position: relative;
	width: 80vw;
	margin: 0 0 0 10vw; 
	padding-top: 8vw; 
}

.topbntitle1b{
	display:block;
	margin: 0 0 10px 0; 
	font-size: 28px!important;
	letter-spacing: 1px!important;
	font-weight:500!important;
	line-height: 28px!important;
	color: #fff!important;
}


.topbntitle2{
	display:block;
	font-size: 20px!important;
	letter-spacing: 1px!important;
	font-weight: 500!important;
	line-height: 20px!important;
	color: #fff!important;
}


.topbnbg_news {
	background-image: url('../images/topbnNews.jpg');
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden; 
}

.topbnbg_about {
	background-image: url('../images/topbnabout.jpg');
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden; 
}

.topbnbg_Targets {
	background-image: url('../images/topbnTargets.jpg');
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden; 
}

.topbnbg_TRANSACTION {
	background-image: url('../images/topbnTRANSACTION.jpg');
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden; 
}

.unitbtitlediv{
	display: flex;                    /* 使用 Flexbox */
	justify-content: center;          /* 水平置中 */
	align-items: center;              /* 垂直置中 */
	width:100%;
	height:auto;
	color: #111!important;
	font-size: 24px;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 32px;
	margin:5px 0 15px 0; 			
}

.unitbtitlediv span{
	display: flex; 
	align-items: baseline; 
	margin:0; 
	padding:0 0 0 10px; 
	color: #1F4396!important;
	font-size: 20px;
	letter-spacing: 0px;
	font-weight: 300;
	line-height: 32px;	
}


}

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



.topbndiv {
	position: relative;
	width: 100%;
	height:auto;
	min-height:16vw; 
	position: relative; 

}

.topbndiv2 {
	position: relative;
	width: 60vw;
	margin: 0 0 0 10vw; 
	padding-top: 5vw; 
}

.topbntitle1b{
	display:block;
	margin: 0 0 10px 0; 
	font-size: 32px!important;
	letter-spacing: 1px!important;
	font-weight:500!important;
	line-height: 32px!important;
	color: #fff!important;
}


.topbntitle2{
	display:block;
	font-size: 22px!important;
	letter-spacing: 1px!important;
	font-weight: 500!important;
	line-height: 22px!important;
	color: #fff!important;
}


.topbnbg_news {
	background-image: url('../images/topbnNews.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.topbnbg_about {
	background-image: url('../images/topbnabout.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.topbnbg_Targets {
	background-image: url('../images/topbnTargets.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.topbnbg_TRANSACTION {
	background-image: url('../images/topbnTRANSACTION.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


.unitbtitlediv{
	display: flex;                    /* 使用 Flexbox */
	justify-content: center;          /* 水平置中 */
	align-items: center;              /* 垂直置中 */
	width:100%;
	height:auto;
	color: #111!important;
	font-size: 31px;
	letter-spacing: 2px;
	font-weight: 700;
	line-height: 42px;
	margin:5px 0 15px 0; 			
}

.unitbtitlediv span{
	display: flex; 
	align-items: baseline; 
	margin:0; 
	padding:0 0 0 10px; 
	color: #1F4396!important;
	font-size: 26px;
	letter-spacing: 0px;
	font-weight: 300;
	line-height: 42px;	
}


}

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



.topbndiv {
	position: relative;
	width: 100%;
	height:auto;
	min-height:16vw; 
	position: relative; 

}

.topbndiv2 {
	position: relative;
	width: 60vw;
	margin: 0 0 0 20vw; 
	padding-top: 5vw; 
}

.topbntitle1b{
	display:block;
	margin: 0 0 10px 0; 
	font-size: 45px!important;
	letter-spacing: 3px!important;
	font-weight:500!important;
	line-height: 45px!important;
	color: #fff!important;
}


.topbntitle2{
	display:block;
	font-size: 28px!important;
	letter-spacing: 3px!important;
	font-weight: 500!important;
	line-height: 28px!important;
	color: #fff!important;
}



.topbnbg_news {
	background-image: url('../images/topbnNews.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.topbnbg_about {
	background-image: url('../images/topbnabout.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.topbnbg_Targets {
	background-image: url('../images/topbnTargets.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.topbnbg_TRANSACTION {
	background-image: url('../images/topbnTRANSACTION.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


.unitbtitlediv{
	display: flex;                    /* 使用 Flexbox */
	justify-content: center;          /* 水平置中 */
	align-items: center;              /* 垂直置中 */
	width:100%;
	height:auto;
	color: #111!important;
	font-size: 31px;
	letter-spacing: 2px;
	font-weight: 700;
	line-height: 42px;
	margin:5px 0 15px 0; 			
}

.unitbtitlediv span{
	display: flex; 
	align-items: baseline; 
	margin:0; 
	padding:0 0 0 10px; 
	color: #1F4396!important;
	font-size: 26px;
	letter-spacing: 0px;
	font-weight: 300;
	line-height: 42px;	
}


}







/*  */

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

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


.odlogoimg1 {
	position:absolute;
	z-index:998!important;
	padding:0 20px 0 0!important;
}

.odlogoimg1 img{
	height:40px!important;
	width:auto!important;
	margin:0!important;
	border: 0!important;
	transition:.8s;
}

.odlogoimg2 {
	position:fixed;
	z-index:9999!important;
	top:0!important;
	padding:5px 5px 0 0!important;
}

.odlogoimg2 img{
	z-index:9999!important;
	height:40px!important;
	width:auto!important;
	margin:0!important;
	border: 0!important;
	transition:.8s;
}

}

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

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


.odlogoimg1 {
	position:absolute;
	z-index:998!important;
	padding:0 20px 0 0!important;
}

.odlogoimg1 img{
	height:40px!important;
	width:auto!important;
	margin:0!important;
	border: 0!important;
	transition:.8s;
}

.odlogoimg2 {
	position:fixed;
	z-index:9999!important;
	top:0!important;
	padding:5px 5px 0 0!important;
}

.odlogoimg2 img{
	z-index:9999!important;
	height:40px!important;
	width:auto!important;
	margin:0!important;
	border: 0!important;
	transition:.8s;
}



.odlogoa{
	padding:8px 5px!important;
	display:inline-block;
	color:#fff!important;
	font-size:16px!important;
	font-weight:500;
	letter-spacing:1px;
	line-height:24px!important;
}

.odlogoa2{
	padding:8px 5px!important;
	display:none;
	color:#fff!important;
	font-size:16px!important;
	font-weight:500;
	letter-spacing:1px;
	line-height:24px!important;
}

.odlogoa3{
	display:inline-block;

}


}


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


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


.odlogoimg1 {
	position:absolute;
	z-index:998!important;
	padding:0 10px 0 0!important;
}

.odlogoimg1 img{
	height:60px!important;
	width:auto!important;
	margin:0!important;
	border: 0!important;
	transition:.8s;
}

.odlogoimg2 {
	position:fixed;
	z-index:9999!important;
	top:0!important;
	padding:5px 5px 0 0!important;
}

.odlogoimg2 img{
	z-index:9999!important;
	height:40px!important;
	width:auto!important;
	margin:0!important;
	border: 0!important;
	transition:.8s;
}


.odlogoa{
	padding:8px 10px!important;
	display:inline-block;
	color:#fff!important;
	font-size:16px!important;
	font-weight:500;
	letter-spacing:1px;
	line-height:24px!important;
}

.odlogoa2{
	padding:8px 10px!important;
	display:none;
	color:#fff!important;
	font-size:16px!important;
	font-weight:500;
	letter-spacing:1px;
	line-height:24px!important;
}

.odlogoa3{
	display:inline-block;

}


}


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


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


.odlogoimg1 {
	position:absolute;
	z-index:998!important;
	padding:0 20px 0 0!important;
}

.odlogoimg1 img{
	height:50px!important;
	width:auto!important;
	margin:0!important;
	border: 0!important;
	transition:.8s;
}

.odlogoimg2 {
	position:fixed;
	z-index:9999!important;
	top:0!important;
	padding:5px 5px 0 0!important;
}

.odlogoimg2 img{
	z-index:9999!important;
	height:40px!important;
	width:auto!important;
	margin:0!important;
	border: 0!important;
	transition:.8s;
}


.odlogoa{
	padding:8px 12px!important;
	display:inline-block;
	color:#fff!important;
	font-size:16px!important;
	font-weight:500;
	letter-spacing:1px;
	line-height:24px!important;
}

.odlogoa2{
	padding:8px 12px!important;
	display:none;
	color:#fff!important;
	font-size:16px!important;
	font-weight:500;
	letter-spacing:1px;
	line-height:24px!important;
}

.odlogoa3{
	display:inline-block;

}


}




/*  */

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

.pleft30{padding:0;}
.pleft25{padding:0;}

}

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

.pleft30{padding:0 0 0 25%;}
.pleft25{padding:0 0 0 12%;}

}


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

.pleft30{padding:0 0 0 25%;}
.pleft25{padding:0 0 0 20%;}

}


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

.pleft30{padding:0 0 0 30%;}
.pleft25{padding:0 0 0 25%;}

}






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



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


.overhidden{
	overflow:hidden;
}

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

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


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




.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: #666;
    background-image: linear-gradient(to right, #555, #666, #555);
}





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

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



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

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






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




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

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

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

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

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

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

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

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

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


}

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

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

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

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

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

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

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


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

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


}



.navmenu{
	position:absolute;
	width:100%!important;
	height:auto!important;
	background: #FCA3B9!important;
}



/* 選單 */



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


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

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




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

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

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



}

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

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

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


}

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

.odmenu1 {
	margin-left:2px;
	width:30px;
	height:30px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;	
}
.odmenu2 {
	margin-left:10px;
	width:30px;
	height:30px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
}

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



}


.navbar-toggler {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid black;
  color: black;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 0; 
  transition: background-color 0.3s ease; /* 👈 加這一行 */
}

.navbar-toggler:hover {
  background-color: #efefef; /* 滑鼠移上去變淺灰色 */
}

.navbar-toggler-icon {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  filter: none; /* 關閉 invert */
  /*filter: invert(1); */
}



#navmenu{
	background-color: rgba(31, 67, 151, 1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 底部陰影 */
}

/*
#navmenu.scrolled {
  background-color: rgba(31, 67, 151, 0.3) !important;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
}

*/

/* 背景 */
.odbg1{background-color: #1F4397!important;}
.odbg2{background-color: #FCA3B9!important;}
.odbg3{background-color: #FCD752!important;}
.odbg4{background-color: #6184C6!important;}
.odbg5{background-color: #DCF2F1!important;}
.odbg6{background-color: #EFFFFA!important;}
.odbg8{background-color: #fff!important;}
.odbg9{background-color: #B3876C!important;}


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




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

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

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

}

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

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

}


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

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

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

.w20p{width:100%!important;padding:0 40%!important;}
.w30p{width:100%!important;padding:0 35%!important;}
.w40p{width:100%!important;padding:0 30%!important;}
.w50p{width:100%!important;padding:0 25%!important;}
.w60p{width:100%!important;padding:0 20%!important;}

.w80p{width:100%!important;padding:0 10%!important;}
.w90p{width:100%!important;padding:0 5%!important;}
.w100p{width:100%!important;}


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

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

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

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


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


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


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


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


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


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


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




/* 按鈕 */



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

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

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

}

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




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

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


}


/*  */

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

.searchinp1{
	width:160px!important;
}

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


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

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

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

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


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


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

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

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

}


}

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

.searchinp1{
	width:160px!important;
}

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

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

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



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

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


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


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

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

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

}

}


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

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

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

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

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

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

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

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


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

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

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

}




}


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

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


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



/* 輪播區塊 */
.idxzdiv0{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	background-image : url(../images/footb1.jpg); 
	background-repeat : no-repeat;
	background-size:100%; 

}


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

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



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

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

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



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

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




}

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


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



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

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

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


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

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




}


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

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



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

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

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


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

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




}


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

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


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

.mt25{
	margin-top: 25%;
}

.mt30{
	margin-top: 30%;
}

.mt40{
	margin-top: 40%;
}

.pt20{
	padding-top: 20%;
}

.pt30{
	padding-top: 30%;
}


.pt40{
	padding-top: 40%;
}

.pt10px{
	padding-top: 10px;
}

.pt20px{
	padding-top: 20px;
}

.pt40px{
	padding-top: 40px;
}

.pt60px{
	padding-top: 60px;
}

.pt80px{
	padding-top: 80px;
}


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

.pb20px{
	padding-bottom: 20px;
}

.pb40px{
	padding-bottom: 40px;
}

.pb60px{
	padding-bottom: 60px;
}

.pb80px{
	padding-bottom: 80px;
}

.pb100px{
	padding-bottom: 100px;
}


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


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

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


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

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

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

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


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



/* 第二層選單 */

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



}

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

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

.odfmenu1{
	/*position::absolute!important;*/
	width:auto!important;
	height:auto!important;
	padding:10px 0!important;
	margin:0!important;
	/*background-color: #FCD752!important;*/
	background: rgba(49, 37,30, 0.95);
	z-index:999;
	border:0;
	border-radius:0 15px 15px 15px;
	-moz-border-radius:0 15px 15px 15px;
	-webkit-border-radius:0 15px 15px 15px;
}


.odfmenu1:hover .odfmenu0{
	/*background-color: #FCD752!important;*/
	/*background: rgba(49, 37,30, 1);*/

	color:#fff!important;
	background: rgba(49, 37,30, 0.95);
	border-radius:0 15px 0 0;
	-moz-border-radius:0 15px 0 0;
	-webkit-border-radius:0 15px 0 0;

}

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


.odfmenu2{
	/*position::absolute!important;*/
	width:auto!important;
	height:auto!important;
	padding:10px 0!important;
	margin:0!important;
	/*background-color: #FCD752!important;*/
	background: rgba(49, 37,30, 0.95);
	z-index:999;
	border:0;
	border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-webkit-border-radius:0 15px 15px 0;
	border-left: 1px solid #111;
}


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

}

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

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

.odfmenu1{
	/*position::absolute!important;*/
	width:auto!important;
	height:auto!important;
	padding:10px 0!important;
	margin:0!important;
	/*background-color: #FCD752!important;*/
	background: rgba(49, 37,30, 0.95);
	z-index:999;
	border:0;
	border-radius:0 15px 15px 15px;
	-moz-border-radius:0 15px 15px 15px;
	-webkit-border-radius:0 15px 15px 15px;
}


.odfmenu1:hover .odfmenu0{
	/*background-color: #FCD752!important;*/
	/*background: rgba(49, 37,30, 1);*/

	color:#fff!important;
	background: rgba(49, 37,30, 0.95);
	border-radius:0 15px 0 0;
	-moz-border-radius:0 15px 0 0;
	-webkit-border-radius:0 15px 0 0;

}

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


.odfmenu2{
	/*position::absolute!important;*/
	width:auto!important;
	height:auto!important;
	padding:10px 0!important;
	margin:0!important;
	/*background-color: #FCD752!important;*/
	background: rgba(49, 37,30, 0.95);
	z-index:999;
	border:0;
	border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-webkit-border-radius:0 15px 15px 0;
	border-left: 1px solid #111;
}


.odfmenu2 a{
	display:block!important;
	width:100%!important;
	padding:6px 10px!important;
	color:#fff;
}

}

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

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

.odfmenu1{
	/*position::absolute!important;*/
	width:auto!important;
	height:auto!important;
	padding:10px 0!important;
	margin:0!important;
	/*background-color: #FCD752!important;*/
	background: rgba(49, 37,30, 0.95);
	z-index:999;
	border:0;
	border-radius:0 15px 15px 15px;
	-moz-border-radius:0 15px 15px 15px;
	-webkit-border-radius:0 15px 15px 15px;
}


.odfmenu1:hover .odfmenu0{
	/*background-color: #FCD752!important;*/
	/*background: rgba(49, 37,30, 1);*/

	color:#fff!important;
	background: rgba(49, 37,30, 0.95);
	border-radius:0 15px 0 0;
	-moz-border-radius:0 15px 0 0;
	-webkit-border-radius:0 15px 0 0;

}

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


.odfmenu2{
	/*position::absolute!important;*/
	width:auto!important;
	height:auto!important;
	padding:10px 0!important;
	margin:0!important;
	/*background-color: #FCD752!important;*/
	background: rgba(49, 37,30, 0.95);
	z-index:999;
	border:0;
	border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-webkit-border-radius:0 15px 15px 0;
	border-left: 1px solid #111;
}


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



}






/*  */

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

.odfmenu0 {
	position:relative;
	font-size:18px;
	color:#fff!important;
	font-weight:500!important;
	letter-spacing:1px;
	text-decoration: none!important;

}

}

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

.odfmenu0 {
	position:relative;
	font-size:18px;
	color:#fff!important;
	font-weight:500!important;
	letter-spacing:1px;
	text-decoration: none!important;

}

}


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

.odfmenu0 {
	position:relative;
	font-size:18px;
	color:#fff!important;
	font-weight:500!important;
	letter-spacing:3px;
	text-decoration: none!important;


}

}






.odfmenu0:hover{
	color:#CAFEDB!important;
	font-weight:500!important;
	/*transition:1.5s;
	border-bottom: 2px solid #EFFFFA;*/
}


.odfmenu0m {position:relative;}


.odfmenu0m::after{
	content:'';
	position: absolute;
	right:50%;
	left:50%;
	bottom:0px;
	border-bottom:2px solid #CAFEDB;
	transition: .3s;
}
.odfmenu0m:hover::after{
	right:0%;
	left:0%;
}






.odfmenu1 a:hover{
	background-color: #F6F4F9!important;
	color:#111!important;

}

.odfmenu0:active {
	/*background-color: #FCD752!important;*/
	color:#fff!important;
	background: rgba(49, 37,30, 0.95);
	border-radius:0 15px 0 0;
	-moz-border-radius:0 15px 0 0;
	-webkit-border-radius:0 15px 0 0;
}
.odfmenu0:focus {
	/*background-color: #FCD752!important;*/
	color:#fff!important;
	background: rgba(49, 37,30, 0.95);
	border-radius:0 15px 0 0;
	-moz-border-radius:0 15px 0 0;
	-webkit-border-radius:0 15px 0 0;
}

.odfmenu0 a:active {
	/*background-color: #FCD752!important;*/
	color:#fff!important;
	background: rgba(49, 37,30, 0.95);
	border-radius:0 15px 0 0;
	-moz-border-radius:0 15px 0 0;
	-webkit-border-radius:0 15px 0 0;
}
.odfmenu0 a:focus {
	/*background-color: #FCD752!important;*/
	color:#fff!important;
	background: rgba(49, 37,30, 0.95);
	border-radius:0 15px 0 0;
	-moz-border-radius:0 15px 0 0;
	-webkit-border-radius:0 15px 0 0;
}




/*  */

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

.inner{
	width:96%;
	height:auto; 
	padding:0 2%;
	margin:0;
}





}

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

.inner{
	width:96%;
	height:auto; 
	padding:0 2%;
	margin:0;
}





}


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

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





}

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

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






}




/*  標題 */


.idxtop5titlediv{	
	width:100%!important;
	height:auto!important;
	padding:3px 2% 0 2%!important;
	margin:0 auto!important;
	margin-bottom:20px!important;
	color:#E0C668!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:left; 
	line-height:35px;
	-webkit-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	-moz-text-shadow: 0 1px 2px rgba(200,200,200,.6);
	text-shadow: 0 1px 2px rgba(200,200,200,.6);
	/*border-bottom: solid 1px #2E8BC0;	*/
}

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


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

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

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

}


.idxtop5titles1 span{
	display:block;
	width:auto;
	padding:5px 0!important;
	margin:0!important;
	-webkit-border-radius:10px; 
	-moz-border-radius:10px;
	border-radius:10px;
	background-color:#FBA4B7;	
	-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);	
	color:#fff!important;
	font-size:20px;
	letter-spacing:1px;   
	font-weight:700;
	text-align:center; 
	line-height:28px;	
}



.idxtop5titles2{
	width:80%!important;
	height:auto!important;
	padding:5px 0 15px 1%!important;
	margin:0!important;
	float:left!important;
	color:#595959!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:left; 
	line-height:28px;
}



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


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

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


}

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


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

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



}





/* 主題課程 */

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

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


}

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

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

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

}


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

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

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



}

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

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

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

}

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

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


*/

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

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


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

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

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

}

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

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



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

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


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

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



/* 左右div */


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

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



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

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

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


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

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

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

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

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

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


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

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

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

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


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

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

}

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


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

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

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

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


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

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


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

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



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

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

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

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


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

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


}

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

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


/* 最新消息 */

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


.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:20px 0!important;
	margin:0 auto!important;
	color:#888!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:center; 
	line-height:24px;
	/*background-color:#fff!important;
	-webkit-box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	-moz-box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	border: 1px solid #f8f8f8;*/
}

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

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

}

.idxnewsitemdivs1{
	width:20%;
	height:auto;
	padding:0;
	margin:0;
	float:left;		
}

.idxnewsitemdivs2{
	width:80%;
	height:auto;
	padding:0;
	margin:0;
	float:left;		
}

.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:40px!important;
	height:40px!important;
	padding:5px 0!important;
	margin:5px 0!important;
	float:left!important;
	background-color:#E18700!important;
	-webkit-border-radius: 40px; 
	-moz-border-radius: 40px;
	border-radius: 40px;
}


.newsyyear{
	display:block!important;
	width:100%!important;
	height:auto!important;
	color:#111!important;
	padding:2px 0 0 0!important;
	font-size:12px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:left; 
	line-height:12px;

}

.newsyday{
	display:block!important;
	width:100%!important;
	height:auto!important;
	padding:1px 0 2px 0!important;
	color:#fff!important;
	font-size:24px;
	letter-spacing:1px;   
	text-align:center; 
	line-height:24px;
	text-align:center; 
	/*font-family: "Carattere", cursive;*/
	font-family: "Abril Fatface", serif;
	font-weight: 400;
	font-style: normal;
}

.newsymonth{
	display:block!important;
	width:100%!important;
	height:auto!important;
	padding:0!important;
	color:#fff!important;
	font-size:12px;
	letter-spacing:0px;   
	font-weight:300;
	text-align:center; 
	line-height:10px;

}


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

.idxnewsmore {
	width:100%!important;
	height:auto!important;
	padding:8px 0!important;
	margin:0 auto!important;
	text-align:center!important; 	
}

.idxnewsmore a{
	display:block!important;
	width:180px!important;
	height:auto!important;
	padding:12px 0!important;
	margin:0 auto!important;
	text-align:center!important; 
	color:#B3876C!important;
	font-size:14px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:14px;
	border:1px solid #B3876C;
	transition: .3s;
	font-family: "Abril Fatface", serif;
	text-decoration: none;
}


}



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

.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:20px 0!important;
	margin:0 auto!important;
	color:#888!important;
	font-size:16px;
	letter-spacing:1px;   
	font-weight:500;
	text-align:center; 
	line-height:24px;
	/*background-color:#fff!important;
	-webkit-box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	-moz-box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	box-shadow: 1px 1px 2px rgba(100,100,100,.4)!important;
	border: 1px solid #f8f8f8;*/
}

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

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

}

.idxnewsitemdivs1{
	width:12%;
	height:auto;
	padding:0;
	margin:0;
	float:left;		
}

.idxnewsitemdivs2{
	width:88%;
	height:auto;
	padding:0;
	margin:0;
	float:left;		
}

.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:40px!important;
	height:40px!important;
	padding:2px 0!important;
	margin:3px 0!important;
	float:left!important;
	background-color:#E18700!important;
	-webkit-border-radius: 40px; 
	-moz-border-radius: 40px;
	border-radius: 40px;
}


.newsyyear{
	display:block!important;
	width:100%!important;
	height:auto!important;
	color:#111!important;
	padding:6px 0 0 0!important;
	font-size:12px;
	letter-spacing:1px;   
	font-weight:300;
	text-align:left; 
	line-height:12px;

}

.newsyday{
	display:block!important;
	width:100%!important;
	height:auto!important;
	padding:3px 0 8px 0!important;
	color:#fff!important;
	font-size:24px;
	letter-spacing:1px;   
	text-align:center; 
	line-height:30px;
	text-align:center; 
	/*font-family: "Carattere", cursive;*/
	font-family: "Abril Fatface", serif;
	font-weight: 400;
	font-style: normal;
}

.newsymonth{
	display:block!important;
	width:100%!important;
	height:auto!important;
	padding:0!important;
	color:#fff!important;
	font-size:12px;
	letter-spacing:0px;   
	font-weight:300;
	text-align:center; 
	line-height:10px;

}


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

.idxnewsmore {
	width:100%!important;
	height:auto!important;
	padding:8px 0!important;
	margin:0 auto!important;
	text-align:center!important; 	
}

.idxnewsmore a{
	display:block!important;
	width:280px!important;
	height:auto!important;
	padding:12px 0!important;
	margin:0 auto!important;
	text-align:center!important; 
	color:#B3876C!important;
	font-size:14px;
	letter-spacing:1px;   
	font-weight:500;
	line-height:14px;
	border:1px solid #B3876C;
	transition: .3s;
	font-family: "Abril Fatface", serif;
	text-decoration: none;
}

}



.idxnewsmore a:hover{
	background-color:#B3876C!important;
	color:#fff!important;
	transition: .3s;
	text-decoration: none;
}


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



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


/* 的話 */

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

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

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

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

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


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

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

}

.sharemvdiv{
	display:block!important;
	width:100%!important;
	height:auto!important;
	padding:5%!important;
	margin:10px 0!important;
}

.sharetitle{
	display:block;
	width:100%;
	height:auto;
	padding:20px 0 5px 0;
	margin:0;
	color:#98755A!important;
	font-size:24px!important;
	letter-spacing:1px;   
	font-weight:700;
	line-height:32px;
	word-wrap: break-word!important;
	word-break: normal!important;
	text-align:center;
}

}

@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 #D0BFB4!important;	*/
}

.sharetitle{
	display:block;
	width:100%;
	height:auto;
	padding:20px 0 5px 0;
	margin:0;
	color:#98755A!important;
	font-size:28px!important;
	letter-spacing:1px;   
	font-weight:700;
	line-height:32px;
	word-wrap: break-word!important;
	word-break: normal!important;
	text-align:center;
}
}


@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:100%!important;
	height:auto!important;
	padding:40px 0 0 0!important;
	margin:0!important;
	float:left!important;	

}

.sharemvdiv{
	display:block;
	width:100%;
	height:auto;
	padding:15px 0;
	margin:0;
	/*border: solid 1px #D0BFB4!important;	*/
}

.sharetitle{
	display:block;
	width:100%;
	height:auto;
	padding:25px 0 5px 0;
	margin:0;
	color:#98755A!important;
	font-size:28px!important;
	letter-spacing:1px;   
	font-weight:700;
	line-height:32px;
	word-wrap: break-word!important;
	word-break: normal!important;
	text-align:center;
}

}


.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:90%!important;
	height:auto!important;
	padding:10px 0 15px 0!important;
	margin:0 5%!important;	
}

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

.footmenu a{
	display:inline-block;
	padding:0 8px 0 0!important;
	margin:5px 0 5px 8px!important;
	font-size:18px!important;
}

.footmenuitem{font-size:18px!important;}

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


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


.footdesc{
	padding:20px 2% 15px 2%!important;
	text-align:center!important;	
}


.footdesc1{
	padding:5px 0!important;
	text-align:left!important;	
	color:#f8f8f8!important;
	font-size:14px!important;
	letter-spacing:1px!important;   
	font-weight:500!important;
	line-height:25px!important;
}

.footdesc2{
	padding:20px 0 5px 0!important;
	text-align:left!important;	
	font-size:12px!important;
	letter-spacing:1px!important;   
	font-weight:500!important;
	line-height:15px!important;

}


}

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

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

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

.footmenu a{display:inline-block;padding:0 8px 0 0!important;margin:5px 0 5px 8px!important;}
.footmenuitem{font-size:18px!important;}

.footlogo{
	text-align:center!important;
	padding-top:30px!important;
}

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

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

.footdesc1{
	padding:2px 1%!important;
	text-align:left!important;	
	color:#f8f8f8;
	font-size:16px!important;
	letter-spacing:1px;   
	font-weight:500;
	line-height:31px;
}

.footdesc2{
	margin:25px 0 10px 0!important;	
	padding:5px 0!important;
	font-size:14px!important;
	letter-spacing:0px;   
	font-weight:500;
	line-height:25px;
	text-align:left!important;


}


}


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

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

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

.footmenu a{display:inline-block;padding:0 8px 0 0!important;margin:5px 0 5px 8px!important;}

.footmenuitem{font-size:20px!important;}


.footlogo{
	text-align:center!important;
	padding-top:40px!important;
}

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

.footdesc{
	padding:20px 0!important;
	text-align:left!important;	
	color:#f8f8f8;
	font-size:16px!important;
	letter-spacing:2px;   
	font-weight:500;
	line-height:28px;
}

.footdesc1{
	padding:0 1%!important;
	text-align:left!important;	
	color:#f8f8f8;
	font-size:16px!important;
	letter-spacing:2px;   
	font-weight:500;
	line-height:35px;
}

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


}


}


.footdesc a{color:#E0D0C1!important;font-weight:700!important;}
.footdesc a:hover{color:#fff!important;}

.footmenu a{color:#E0D0C1!important;font-weight:300!important;border-right: solid 1px #E0D0C1;}
.footmenu a:hover{color:#fff!important;}


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

.footdesc2{color:#9DC2F0!important;}





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

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

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

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

}




.gotodiv{
	display:block;
	width:70px!important;
	height:70px!important;
	padding:0!important;
	margin:0!important;
	border:1px solid #D8262C!important;
	z-index:999;
	border:0;
	border-radius:70px;
	-moz-border-radius:70px;
	-webkit-border-radius:70px;
	color:#111!important;
	font-size:16px!important;
	letter-spacing:0px;   
	font-weight:500;
	line-height:68px;
	text-align:center!important;
	text-decoration:none!important;
	font-family: "Abril Fatface", serif;
	transition: .5s;
	background: rgba(255, 255, 255, 0.85);
}

.gotodiv:hover{
	background-color: #D8262C!important;
	color:#fff!important;
	transition: .5s;
	animation: flashborder 1.2s infinite alternate;
	box-shadow: 0px 2px 10px 5px #B3876C;
}


.gotodiv:focus {
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
    transition-duration: 0.4s;
    box-shadow: 0 5px 15px #B3876C;
}

.gotodiv:after {
    content: "";
    display: block;
    position: absolute;
    background: #D8262C;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}
.gotodiv:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s;
}



@keyframes flashborder {
  0% {
    border-color: #ffffff; 
  }
  33% {
    border-color: #FAE3C9; 
  }
  66% {
    border-color: #775B46; 
  }
  100% {
    border-color: #FAE3C9; 
  }
}

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

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

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



/*  */

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

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

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

}

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

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

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

}


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

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

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


}




/*  */

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



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

.idxtop2div2s2{
	width:100%;
	height:auto;
	padding:15px 5% 0 5%;
	margin:0;
	float:left;
}


.idxtop2div{
	position:relative;
	width:100%;
	height:auto;
	min-height:300px;
	padding:20px 0;
	margin:0 ;
	text-align: left;
	background-image : url(../images/ibg.jpg); 
	background-repeat : no-repeat;
	background-size:100%; 
}


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

.idxtop2divs1 img{
	width:30%;
	height:auto;
	padding:0;
	margin:0 3% 0 0;
	float:left;
}

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

.idxtop2divs2 img{
	width:46%;
	height:auto;
	padding:0;
	margin:0 4% 0 0;
	float:left;
}


.idxtop2divs3{
	width:100%;
	height:auto;
	padding:15px 0 0 0;
	margin:0;	
}

.idxtop2divs3 img{
	width:96%;
	height:auto;
	padding:0;
	margin:0 4% 0 0;
	float:left;
}


}

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





.idxtop2div2s1{
	width:61%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.idxtop2div2s2{
	width:39%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.idxtop2div{
	position:relative;
	width:100%;
	height:auto;
	min-height:300px;
	padding:50px 0;
	margin:0 ;
	text-align: left;
	background-image : url(../images/ibg.jpg); 
	background-repeat : no-repeat;
	background-size:100%; 
}


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

.idxtop2divs1 img{
	width:30%;
	height:auto;
	padding:0;
	margin:0 3% 0 0;
	float:left;
}

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

.idxtop2divs2 img{
	width:46%;
	height:auto;
	padding:0;
	margin:0 4% 0 0;
	float:left;
}


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

.idxtop2divs3 img{
	width:96%;
	height:auto;
	padding:0;
	margin:0 4% 0 0;
	float:left;
}


}

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





.idxtop2div2s1{
	width:60.5%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.idxtop2div2s2{
	width:39.5%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.idxtop2div{
	position:relative;
	width:100%;
	height:auto;
	min-height:300px;
	padding:50px 0;
	margin:0 ;
	text-align: left;
	background-image : url(../images/ibg.jpg); 
	background-repeat : no-repeat;
	background-size:100%; 
}


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

.idxtop2divs1 img{
	width:30%;
	height:auto;
	padding:0;
	margin:0 3% 0 0;
	float:left;
}

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

.idxtop2divs2 img{
	width:46%;
	height:auto;
	padding:0;
	margin:0 4% 0 0;
	float:left;
}


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

.idxtop2divs3 img{
	width:96%;
	height:auto;
	padding:0;
	margin:0 4% 0 0;
	float:left;
}



}

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




.idxtop2div2s1{
	width:60%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.idxtop2div2s2{
	width:40%;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.idxtop2div{
	position:relative;
	width:100%;
	height:auto;
	min-height:300px;
	padding:50px 0;
	margin:0 ;
	text-align: left;
	background-image : url(../images/ibg.jpg); 
	background-repeat : no-repeat;
	background-size:100%; 
}


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

.idxtop2divs1 img{
	width:30%;
	height:auto;
	padding:0;
	margin:0 3% 0 0;
	float:left;
}

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

.idxtop2divs2 img{
	width:46%;
	height:auto;
	padding:0;
	margin:0 4% 0 0;
	float:left;
}


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

.idxtop2divs3 img{
	width:96%;
	height:auto;
	padding:0;
	margin:0 4% 0 0;
	float:left;
}


}


.idxtop2divs1 img:hover{
	-webkit-box-shadow: 0px 0px 12px rgba(255,145,60,.9);
	-moz-box-shadow:0px 0px 12px rgba(255,145,60,.9);
	box-shadow: 0px 0px 12px rgba(255,145,60,.9);
}

.idxtop2divs2 img:hover{
	-webkit-box-shadow: 0px 0px 12px rgba(255,145,60,.9);
	-moz-box-shadow:0px 0px 12px rgba(255,145,60,.9);
	box-shadow: 0px 0px 12px rgba(255,145,60,.9);
}

.idxtop2divs3 img:hover{
	-webkit-box-shadow: 0px 0px 12px rgba(255,145,60,.9);
	-moz-box-shadow:0px 0px 12px rgba(255,145,60,.9);
	box-shadow: 0px 0px 12px rgba(255,145,60,.9);
}

.webstatediv a{color:#111;}
.webstatediv a img{
	display:inline-block;
	width:auto;
	height:14px;
	padding:0;
	margin:-4px 0 0 0;
}

/*  */

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

.pagerdiv a:hover{
	background:#D8262C!important;
	color:#fff!important;
	
}



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


/*  */



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

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


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

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


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

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


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

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


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

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



/* 表格 */


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


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

 }
.gvStyle tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle tr:hover{
	/*background-color: #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;
}

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

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

}


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

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

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

}



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

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

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

}


}

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


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

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

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


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

}




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

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

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

}




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

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

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

}




}


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



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

 }
.gvStyle tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: 32px;
	padding: 5px 0;
}
        /*OnMouseOver*/
.gvStyle tr:hover{
	/*background-color: #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;
}

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

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

}



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

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

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

}



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

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

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

}



}


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




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

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

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

}

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

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

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

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

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

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


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

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

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


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

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

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

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

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

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



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


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

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

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

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

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

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

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

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



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

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

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


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

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

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

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

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

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

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

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

}

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

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

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

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

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


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

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


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

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

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

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

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

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


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

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

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

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

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

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


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


/*    */



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

/*.boaihsbgcolor{
	background-image : url(../images/bgimg1bg.jpg); 
	background-repeat : no-repeat;
	background-position:top center;
	background-size: 100%;
}*/

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


.boaihsimgbg2{
	background-color:#53453B;
	background-image : url(../images/bgimg1m2.jpg); 
	background-repeat : no-repeat;
	background-position:top center;
	background-size: auto;
}

}

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


.boaihsidxmvdiv{
	width:50%;
	height:auto;
	margin:0 auto;
	text-align:center;
	
}


.boaihsimgbg2{
	background-image : url(../images/bgimg1m2.jpg); 
	background-repeat : no-repeat;
	background-position:top center;	
	background-size: auto;
}

}

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



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

.idxunitbg3{
	background-image : url(../images/idxbg3.jpg); 
	background-repeat : no-repeat;
	background-position:top center;	
}





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

.iframe1{
	width:100%; 
	height:240px;
	padding:0; 
	margin:5px 0;
}

}

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


.iframe1{
	width:96%; 
	height:320px;
	padding:0; 
	margin:10px 2%;
}


}






/*  */

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


}

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


}


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

}