@charset "utf-8";
/*=================================================

main.css
Date - 2025.05.29
msdia - screen
[Table of contents]


=================================================*/


*{font-size:18px; font-family:'Microsoft JhengHei','微軟正黑體', 'Noto Sans TC','Gill Sans MT', 'Myriad Pro', Arial, sans-serif, serif;}

body {
		margin: 0;
		padding: 0;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		font-family: 微軟正黑體, Microsoft JhengHei, Arial, Times New Roman;
		font-size: 18px;
		background:url("../images/bg.jpg?3567889") top center no-repeat #460006;
		background-size:auto;
		}

/**************** 內容 ****************/

div.mainFrame{
    max-width:1100px;
    margin:0 auto;
    text-align: center;
}
div.cutFrame_list{
    width:100%;
    display:inline-block;
}
div.cutFrame{max-width:1000px;margin:0 auto;padding-bottom:1.5rem;}
div.cutFrame img{vertical-align: top;}
div.innFrame{margin:0 auto;position: relative;}
div.innFrame a img.imglink{transition: transform .3s ease-out;margin:0 .2rem 1rem .2rem;display:inline-block;}
div.innFrame a img.imglink:hover{ transform: scale(1.05);}
div.innFrame a img.imglink:active{ transform: scale(1);}

div.innFrame div.sp05c1{
	display: inline-block;
	width:100%;
	margin-bottom: .6rem;
}

div.innFrame div.sp05c1 div.sp05c1_2{
	display: inline-block;
	width:100%;
}

div.innFrame div.sp05c1 div.sp05c1_3{
	display: inline-block;
	width:100%;
}


/* 頁簽 */
.tab_item{ margin: .5rem auto 0; max-width:1000px;}
.tab_item > ul{ display:block; margin:0;list-style:none;text-align: center; }
.tab_title{list-style:none;}
.tab_item > ul > li{display:inline-block; vertical-align:top; margin:0 .2rem -3px .2rem;padding:.2rem 1.5rem .2rem;border-radius: 30px 30px 0 0;
					border:3px solid #562bd8;background:#fff;list-style:none; box-sizing:border-box;font-weight: bolder;}
.tab_item > ul > li span{color:#ff5500;}
.tab_item >  ul > li a{color:#000; text-decoration:none;font-size: 1rem;}
.tab_item > ul > li.active{border-bottom:3px solid #562bd8; background:#562bd8;font-weight: bolder;}
.tab_item > ul > li.active a{color:#fff;}
.tab_item > ul > li.active span{color:#ffd800;}
.tab_item > .tab_inner{clear:both;}
.tab_inner{padding:1rem;border-radius: 35px;background:#562bd8;}

h2.subTitle{font-size:1.5rem;margin-bottom:.5rem;display:none;}

/**************** 圖片輪播 ****************/



.jssorbList{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 760px; height: 440px; overflow: hidden; visibility: hidden;}/*width: 740px;*/
.jssorbSlides{cursor: default; position: relative; top: 0px; left: 0px; width: 740px; height: 380px; overflow: hidden;border: 10px solid #f9cf69;border-radius: 40px;}

.jssorb05 {
				position: absolute;
				bottom:3rem;
			}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
				position: absolute;
				/* size of bullet elment */
				width: 20px;
				height: 20px;
				background: url('../images/b05.png') no-repeat;
				overflow: hidden;
				cursor: pointer;
			}
.jssorb05 div { background-position: -5px -5px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -35px -5px; }
.jssorb05 .av { background-position: -65px -5px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -95px -5px; }
	
.jssora22l, .jssora22r {
				display: block;
				position: absolute;
				/* size of arrow element */
				width: 100px;
				height: 200px;
				cursor: pointer;
				background: url('../images/a22.png') center center no-repeat;
				background-size:600%;
				overflow: hidden;
			}
.jssora22l { background-position: 0px 0; }
.jssora22r { background-position: -100px 0; }
.jssora22l:hover { background-position: -200px 0; }
.jssora22r:hover { background-position: -300px 0; }
.jssora22l.jssora22ldn { background-position: -400px 0; }
.jssora22r.jssora22rdn { background-position: -500px 0; }


/**************** footer ****************/

.mftr{
	width:100%;
	margin-top:0px;
	padding-top:1rem;
	padding-bottom:1rem;
	line-height:1rem; 
	text-align: center;
}
.mftr p{color:#d61b2b;font-size: .6rem;margin: 0 auto;}



/**************** nav ****************/

.nav_menu{
  width: 100%;
  text-align: center;
}
.nav_menu img{
    width: 24%;
	display: inline-block;
}
.nav_menu img{transition: transform .3s ease-out;}
.nav_menu img:hover{ transform: scale(1.05);}
.nav_menu img:active{ transform: scale(1);}
.nav_menu a span{display: none;} 

/**************** 視窗縮放 ****************/ 
@media only screen and (max-width: 1000px) {
	body {
		background:#460006;
		}
	/* 內容 */
	div.cutFrame{padding-bottom:.5rem;width:95%;}
	div.innFrame a img.imglink{margin:0 0 1rem 0;}

	/* 選單 */
	.nav_menu{display: none;}
	.nav_menu img{width: 22%;}

	/* 頁簽 */
	.tab_item > ul > li{display:inline-block; vertical-align:top; margin:0 0 -3px;padding:0 .1rem;;border-radius: 15px 15px 0 0;}
	.tab_item >  ul > li a{font-size: .8rem;}
	.tab_item > ul > li span{font-size: .8rem;}
	
	/**** 圖片輪播 ****/

	.jssorb05 {bottom:3rem;}
	.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
			background: url('../images/b05_mb.png') no-repeat;
			}
	.jssorb05 div { background-position: -7px -7px; }
	.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
	.jssorb05 .av { background-position: -67px -7px; }
	.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
	
	.jssora22l, .jssora22r {
				background: url('../images/a22_mb.png') center center no-repeat;
			}
	.jssora22l { background-position: 0px 0; }
	.jssora22r { background-position: -100px 0; }

}

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

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

	/* footer*/
	.mftr p{;font-size: .55rem;}
}
@media only screen and (max-width: 320px) {
	

}