/* CSS Document */
/* =================全區設訂================= */
html,body { background:#ffce00;-webkit-text-size-adjust:none;/*iPhone旋轉後 文字不要放大*/}
*{ margin:0; padding:0; box-sizing:border-box; font:15px/27px Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "新細明體","PMingLiU",  "標楷體", DFKai-SB, sans-serif; text-decoration: none; }
h1{ display: none; }

/* =================通用類別================= */
.FloatLeft		{ float:left;}
.FloatRight		{ float:right;}
.ClearBoth		{ clear:both}
.TextalignLeft  { text-align:left;}
.TextalignCenter{ text-align:center;}
.TextalignRight { text-align:right;}
.TextTitle		{ color:#3366ff;}
.FontWeight		{ font-weight:bold;}

.show		{display: block !important;}
.hidden		{display: none !important;}
.invisible	{visibility: hidden;}

/* =================文字類別================= */	
.FontBlack	{color:#000}
.FontYellow	{color:#FF9}
.FontBlue	{color:#3CF}
.FontWhite	{color:#fff;}
.FontRed	{color:#ff0000;}
.FontPurple	{color:#309;}
.FontPoint	{color:#F00;}
.FontPointB	{color:#F3C; font-weight:bold;}
.FontSizeL	{ font-size:150%}




/* =================頁首表現================= */
.wrapper		{width:100%; min-height:915px; background:url(../images/indexBg.jpg) center top no-repeat;}
.container		{width:1024px; margin: 0 auto;}
.header			{position:relative; width:1024px; height:395px; margin:0 auto; text-align:center; background-image: url(../images/headerBG.jpg); } 
	.header_main{ width: 1024px; height: 395px; position: relative; }
	.header_main .slogan{ width:544px; height:90px;  background:url(../images/slogan.png) no-repeat; animation:pulse 1.5s infinite; -webkit-animation:pulse 1.5s infinite; }
	.logo		{
	width: 1024px;
	height: 480px;
	position: absolute;
	top: 1px;
	left: 0px;
}
	.logo:before{ content: ''; vertical-align: bottom; display: inline-block; height: 100%;}
	
.footer{ width:100%; height:340px; background:url(../images/footer.jpg) center bottom no-repeat;}	


/* =================內容區塊================= */	
.title { width:100%; margin: 0 auto ; }
.content { text-align:left; margin:0 auto;  clear:both;  margin-bottom:30px;}
	.content--size {width:100%; }
	.content--color{color: #2E2E2E; }
	.content_main{width: 950px; margin: 0 auto; }
	.content h3 { clear:both; padding:5px 10px; color:#FFFFFF; display:inline-block; margin:10px 10px 10px 0;	border-radius: 5px 10px 10px 5px; font-weight:bold;
		background: #F88300; /*border:3px solid #008E07;*/ box-shadow:5px 5px 0px rgba(0,0,0,.2);}
	.content p {}
	.content p.text_indent{ margin-left: 6.5em; text-indent: -5em; }
	.content a{ text-decoration:none; color: #FC6;}
	.content a:hover{ color: #FC3}
	.content ul.styleA{ margin-left:40px;}
	.content ol.styleA{ margin-left:40px;}

	.content_main img{ max-width: 820px; width: 100%; margin: 10px auto; display: block; }
	.content_main img.img2{ max-width: 820px; width: 95%; margin: 10px auto; display: block; /*border:5px solid #008E07;*/ }
	.content h2{ 
		background: #EC8400;
		margin: 10px auto;
		font-size: 36px;
		text-align: center;
		height: 60px;
		line-height: 60px;
		border-radius: 25px;
		width: 100%;
		}
			
	



/* =================表格樣式================= */
.table{width: 750px;  border-spacing: 3px; }
.tableA{ margin:0 auto 15px auto; background:#550995; padding:3px; color:#3c2f00; border-radius:6px; table-layout:fixed; word-break:break-all;}
	.tableA td{ text-align:center;	background:#fff; line-height:23px;}
	.tableA th{	background:#ab22d2; text-align:center; line-height:28px; color:#FFF; font-weight:bold; padding:3px;}
	.tableA th.th1{	background:#4aa9da;padding:0px; }
	.tableA td.td1{ color: #2f0033; background: #f5b2ff;}
	.tableA td.td2{ color: #10275d; background: #d7ffff;}
	.tableA td.td3{ color:#2E2E2E; background:#FBC62B;}
	.tableA td.td4{ background: #FFDD00;}
	.tableA img{ display:block; margin:0 auto}
	.tableA img.sizeA{ width:60%}
	.tableA img.picA{ max-width: 120px; width: 95%; display: block; margin: 0 auto;}
.tableS{margin:0 auto 15px auto; padding:3px; color:#fff;  table-layout:fixed; word-break:break-all;}
.tableS--FontSizeA{font-size:70%;}
.tableS img{ width:90%;}
.tableS img.imgs{ width:80%;}
	.tableS td{ text-align:center;	line-height:23px;}

	

/* =================RWD區塊顯示控制================= */
.RwdPcData { border: 3px solid #ff6600; }
.RwdMobileData { border: 3px solid #008080; }