/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
		html{ 
			font-family: '微軟正黑體', Arial;
			-webkit-text-size-adjust:none; 
			/* 在 iOS 旋轉手機畫面時鎖定文字不縮放 */
		}

		body {
			background:#e27f00 url(../images/bg.png) repeat;
		}

/* ---reset.css--- */
.mask{z-index:-1;background-color:rgba(240,128,0,.3)}
#bgvideo,.mask{top:0;left:0;position:absolute}
.mask,body,html{width:100%;height:100%}
.nav{margin-bottom:0;}
.cont ul,.nav{list-style:none}
#bgvideo,#qrcode,.mask{position:absolute}
.cont p,.footer{text-align:center}
.footer .doc a,.footer .txt a,.nav li a{color:#fff;text-decoration:none;}
#muted,#qrcode,body,html{overflow:visible}
#bgvideo{z-index:-2;background-color:#f08000}
.header{padding-top:40px;position:relative;}
.cont{margin:0 auto;width:auto;padding-top:0px}
.cont p{margin-top:0;margin-bottom:0;height:150px}
.cont p img{display:inline-block;width:auto;height:100%;}
.cont ul{margin:0px auto 0;width:936px;height:76px}
.cont li{margin-left:30px;margin-right:30px;float:left;width:252px;line-height:76px;border-radius:38px}
.cont li a,.cont li span{display:block;width:100%;height:100%;text-indent:-9999px;opacity:.8;filter:alpha(opacity=80);outline:0}
#muted,.cont li a,.cont li span{background-image:url(../images/sprite_img.png);background-repeat:no-repeat}
.cont li a:hover,.cont li span:hover{opacity:1;filter:alpha(opacity=100)}
.cont li:nth-of-type(1) a{background-position:0 0}
.cont li:nth-of-type(2) a{background-position:-253px 0}
.cont li:nth-of-type(3) span{background-position:-506px 0}
#qrcode{display:none;top:100px;left:50%;margin-left:-98px;width:186px;height:186px;background:url(../images/download_code.png) 0 0/100% no-repeat #fff;border:5px solid rgba(255,255,255,.4);border-radius:10px;background-clip:padding-box}
.footer{position:fixed;left:0;bottom:0;padding:10px 0;width:100%;font-size:14px; background-color:#000; opacity:.7;filter:alpha(opacity=70);}
.footer .doc{margin-bottom:10px;line-height:10px;}
.footer .doc a{padding-left:30px;padding-right:30px;border-right:1px solid #fff;outline:0}
.footer .doc a:last-child{border-right:none}
.footer .txt{margin-top:0;color:#fff;opacity:.6;filter:alpha(opacity=60); line-height:20px; letter-spacing:1pt;}
.footer .txt span{padding-left:10px}

#muted{ display:none; position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:20px;background-position:0 -77px;cursor:pointer}

#TOP-MENU{
	display:none;
}
#banner{margin:0px; padding:0px 0 0 0px;}
header{
	width: 100%;
	height:70px;
}

header h1{	
	font-size:2em;
	padding-top:20px;
	padding-left:20px;
}

/**內頁設定*/

article{
	margin:30px 30px 80px 30px;
	padding:20px;
	background-color:#FFF;
	border-radius:10px;
	clear:both;
	line-height:20px;
}
article h1{font-size:24px; text-align:center; font-weight:bold; color:#f08000; line-height:30px;}

article p{
	font-size:15px;
	line-height:30px;
}

article ul{ padding:5px 0 5px 20px; margin:0 0 0 5px;}
article li{	font-size:15px;
	line-height:30px;
}
.cont3{ display:none;}

.cont2{ width:850px; margin:0 auto; padding:20px 0 0 0;}
.cont2 ul{ padding:0; }
.cont2 li{list-style:none; float:left; margin:0 10px; cursor: pointer; }
.cont2 span{}
.cont2 .qrcode1{display: none; margin:10px 0 0 50px; }
.cont2 .qrcode2{display: none; margin:10px 0 0 50px; } 
.cont2 .qrcode3{display: none; margin:10px 0 0 50px; }

/*news桌機*/
#newPic{}
#newText{
	text-align:center;
	}
#newText p{
	font-size:24px;
	line-height:45px;
	color:#F60;
	font-weight:bold;
	}
#newText span{
	font-size:20px;
	line-height:45px;
	padding:0 0 10px 0px;
	border-bottom:1px #666666 dashed;
	margin-bottom:30px;
	}
#newText hr{
	border:0;
	height:30px;
}
/*menu桌機*/
#NAV{
	height:60px;
	margin:0 auto;
	text-align:right;
}

#NAV #XX{
	display:none;
}

#NAV ul{
	height:50px;
	float:right;
	padding-right:20px;
	
}

#NAV li{
	float:left;
}
#NAV li:last-child{border-right:none}
#NAV li a{
	display:block;
	width:100px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:18px;	
	line-height:60px;border-radius:5px
}

#NAV li a:hover{
	background-color:#000;
	color:#FFF;
}

.playTV{ overflow:hidden;
	}

.playTV ul{ text-align:center}
.playTV li{ width:30%; float:left; height:300px; margin:20px;}


.contactUs{overflow:hidden;}
.contactUs ul{margin:0px; padding:0px;text-align:center}
.contactUs li{width:30%; float:left; height:300px; margin:20px;}

@media screen and ( max-width:736px) {
	
*{
	box-sizing:border-box;
}

html,body{
	-webkit-text-size-adjust:none;
}

.cont2{ display:none;}
.cont3{ display:block; margin:0 auto; text-align:center;}
.cont3 ul{margin:5px 0 0 0; padding:3px 0;}
.cont3 li{ list-style:none; padding:2px 20px;} 

.nav{display:none;}


.footer{position:fixed;left:0;bottom:0; padding-bottom:0px;width:100%;font-size:12px; background-color:#000;}
.footer .doc{margin-bottom:20px;line-height:0px; background-color:#333;}
.footer .doc a{padding-left:30px;padding-right:30px;border-right:1px solid #fff;outline:0}
.footer .doc a:last-child{border-right:none}
.footer .txt{margin-top:0;color:#fff;opacity:.6;filter:alpha(opacity=60); line-height:20px; letter-spacing:.5pt;}
.footer .txt span{padding-left:10px}


#muted{display:none;}

#TOP-MENU{
	display:block;
	width:100%;
	height:60px;
	position: absolute;
}

#TOP-MENU h4{
	display:block;
	width:60px;
	height:40px;
	background-image:url(../images/btn.png);
	position:absolute;
	right:5px;
	top:15px;
	text-indent:-9999px;
}
#NAV{
	position:fixed;
	top:0;
	z-index:888;
	width:100%;
	height:100%;
	margin:0 auto;
	background-color:rgba(0,0,0,0.7);
	display:none;
}

#NAV #XX{
	display:block;
	width:30px;
	height:30px;
	background-color:#FFF;
	border-radius:30px;
	text-align:center;
	line-height:30px;
	position:absolute;
	right:-10px;
	top:-10px;
}

#NAV ul{
	width:260px;
	height:260px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-130px;
	margin-top:-130px;
}

#NAV li{
	width:100%;
	float:none;
}

#NAV li a{
	display:block;
	width:100%;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	background-color:#000;
	border:1px solid #333;
	color:#FFF;	
}

#NAV li a:hover{
	border:1px solid #CCC;
}


#banner{margin:-40px 0 0 0; padding:0px 0 0 0px;}

.playTV{ overflow:hidden;}
.playTV ul{ text-align:center; margin:0; padding:0;}
.playTV li{ width:85%; float:left; height:200px; margin-top:5px;}

.contactUs{overflow:hidden;}
.contactUs ul{margin:0px; padding:0px; text-align:center;}
.contactUs li{width:85%; float:left; height:auto; margin-bottom:20px; padding:0;}

}