@charset "UTF-8";
/* CSS Document */

/*格式標準化margin&panding*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,inut,p,blockquote
{margin:0;padding:0;}

div{height:auto}

/*文字標準化*/
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}

/*移除清單的list-style樣式*/
oll,ul
{list-style:none;}

/*將font-style及font-wight標準化成normal*/
address,caption,cite,code,dfn,em,strong,var
{font-style:normal;font-weight:normal;}

/*移除table的外筐*/

/*移除fieldest 和img的border*/
fieldset,img
{border:0;}

/*caption th 文字靠左*/
caption
{text-align:left;}

/*引號移除*/
q:before,q:after
{ content:close-quote; }

* { padding: 0; margin: 0; }

a{
	text-decoration:none;
	
}
a:hover{ text-decoration:underline;}
/*以上為html格式化*/
.clearDiv{clear:both}
.floatLeft{float:left}
.floatRight{float:right}



body{
	font: 13px/20px Arial, Helvetica, sans-serif; 
	color:#6a6a6a
	
	}

#bodyDiv{
	margin:auto;
	background-image:url(../images/common/headerbg.gif);
	background-repeat:repeat-x;
	z-index: 200;
}
#content{
	width:990px;
	margin: 0 auto;
	min-height:600px
}
.AD275x110{
	width:275px;
	margin: 0 auto 12px auto;
	border:1px solid #c6c6c6
}
.AD230x640{
	width:230px;
	margin: 0 auto 12px auto;
}
.AD700x150{width:700px;margin: 0 0 12px 0;}


/*展開式AD*/
#MainAd{
	padding:0;
	overflow: hidden;
}
.OC_btn{
	background-image: url(../images/btn/bluelinebg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 998;
	width: 100%;
	margin-top:-10px;
	height:15px;
	position: relative;
	clip: rect(auto,auto,auto,auto);
	z-index: 99;
}
.OC_btn a{
	margin:auto;
	width:46px;
	height:15px;
	clip: rect(auto,auto,auto,auto);
	z-index: 99;
	left: 49%;
	top: 186px;display:block;
}
#ocbtn{
	background-image: url(../images/btn/close.gif);
}
#ocbtn.open {
	background-image: url(../images/btn/open.gif);
	background-position: right top;
}
#MainAd .ADarea{
	word-wrap: break-word;
	overflow: hidden;
	margin: auto;
	width: 990px;
}

#MainAd .tab{
	text-align: right;
	position: absolute;
	z-index: 999;
	padding: 2px 5px;
	clip: rect(-20px,auto,auto,auto);
	right: 0px;
}
#MainAd .ADarea2{
	height:30px;
	word-wrap: break-word;
	padding:0 0 8px 0;
	margin: auto;
	width: 990px;
	overflow: hidden;
}
#MainAd .OC_btn2{
	height:15px;
	
	background-image: url(../images/btn/bluelinebg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 998;
	width: 100%;
	margin-top:-10px;position: absolute;
}
#MainAd .OC_btn2 a{
	margin:auto;
	width:46px;
	height:15px;
	
	clip: rect(auto,auto,auto,auto);
	z-index: 99;
	left: 49%;display:block;
	top: 85px;
}

#MainNoAd{
	padding:0 0 8px 0;
	display: none;
}
#MainNoAd .OC_btn{
	background-image: url(../images/btn/bluelinebg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 998;
	width: 100%;

	margin-top:-10px;

	height:15px;
	position: absolute;
	clip: rect(auto,auto,auto,auto);
	z-index: 99;
}
#MainNoAd .OC_btn a{
	margin:auto;
	width:46px;
	height:15px;
	
	clip: rect(auto,auto,auto,auto);
	z-index: 99;
	left: 49%;
	top: 186px;display:block;
}
#MainNoAd .ADarea{
	word-wrap: break-word;
	overflow: hidden;
	margin: auto;
	width: 990px;
}

#MainNoAd .tab{
	text-align: right;
	position: absolute;
	z-index: 999;
	padding: 2px 5px;
	clip: rect(-20px,auto,auto,auto);
	right: 0px;
}
#MainNoAd .ADarea2{
	height:30px;
	word-wrap: break-word;
	padding:0 0 8px 0;
	margin: auto;
	width: 990px;
	overflow: hidden;
}
#MainNoAd .OC_btn2{
	height:15px;
	
	background-image: url(../images/btn/bluelinebg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 998;
	width: 100%;
	margin-top:-10px;position: absolute;
}
#MainNoAd .OC_btn2 a{
	margin:auto;
	width:46px;
	height:15px;
	
	clip: rect(auto,auto,auto,auto);
	z-index: 99;
	left: 49%;display:block;
	top: 85px;
}
/*HRADER CSS*/

#headerArea{
	background-image:url(../images/common/headerbg.gif);
	background-repeat:repeat-x;
	height:120px;
	margin: auto;
	width: 990px;
}
#mailBoxArea{
	background-image: url(../images/common/mail.jpg);
	width:300px;
	height:62px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 14px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#mailBoxArea input{
	margin:32px 15px 30px 60px;
	width: 165px;
	border: none;
	float: left;
}
#mailBoxArea span{
	font-size:12px;
	margin-top:0px;
	float: left;
}
#mailBoxArea span a{
	color:#FFF;
	text-decoration:none;
	display:block;
	margin:2px 0 0 0;
	padding:3px 4px 1px 4px;
	background-image: url(../images/btn/bgTypeA.gif);
	background-position: left center;
}
#mailBoxArea span a:hover{color:#FF0}
/*#menu{
	display:block;
	margin: 14px 85px 0 42px;
	;
	float:left;
}
*/
#menu{
	display:block;
	margin: 14px 0 0 42px;
	float:left;
}
#menu li {display:block ;width:80px;float:left;}
#menu li em{
	background-image: url(../images/common/menuSpaceLine.jpg);
	background-repeat: no-repeat;
	background-position: right;
	display: block;padding:0 0 0 2px;
}
#menu li a{
	display: block;
	width:70px;
	height:45px;
	margin:0 0 0 3px
}
#searchbar{
	clear:both;
	padding: 3px 0 0 0;
}
#searchbar span{
float:left;

display:block ;
margin:6px 5px 0 35px;

}
#searchbar marquee {
	padding: 1px 0 0 0;
	float:left;
	width:400px;
}
#searchbar form{
	padding: 1px 0 0 0;
	float:right;
	width:500px;
}
#searchbar input[type=text] {
	background-image: url(../images/common/search.gif);
	background-repeat: no-repeat;
	height: 19px;
	width: 326px;
	border:none;
	padding: 3px 0 0 65px;
	margin:0 5px 0 0;
}
#searchbar input[type=image] {
	padding-top: 0px;
}
/*footerCss*/

#footer{
float: left;
border-top:1PX solid #555555;
background-color:#4b4b4b;padding:35px 0 0 0;
color:#959799;
min-height:300px;
width: 100%;


}
#footer div{margin:0 auto;width:990px}
#footer .first{
	color:#FFFFFF;
	font-size:127%
}
#footer .first em{font-size:0.7em}
#footer a{
	color:#959799;
	text-decoration: underline;
}
#footer ul{
	margin:0 0 0 15px;
	float:left;
	padding:0 0 2em 10px;
	display:block;
	width:20%;
}
#footer li{
	margin:0 0;
}
#footer .ulLine{
	border-left:#5d5d5d 1px solid;
}
#footer dl{
	margin-top:1em;
}



/*------------------------------------大首頁CSS------------------------------------*/
/*左欄*/
#sidebar{width:280px;float:left}

/*右欄*/
#container{
	width:700px;
	/*margin:0 0 0 290px;*/
	margin:0 0 0 8px;
	float: left;
}
#entertainmentsContent {
	float:left;
	width:100%;
}
#mainContent #container #sidebar,#modContent #container #sidebar {
	float:left;
	width:452px;
}
/*#entertainmentsContent #container #sidebar {
	float:left;
	width:980px;
}*/

#entertainmentsContent #contain {
	float:left;
	width:980px;
	margin: 0px auto;
	padding: 0px auto;
}
#entertainmentsContent #contain #sidebar {
	float:left;
	width:275px;
}
#entertainmentsContent #contain #container {
	float:left;
	width:700px;
}
#entertainmentsContent #container .AD700x150 {
	float:left;
	width:700px;
}
#entertainmentsContent #container #sidebar2 {
	float:left;
	width:450px;
	overflow: hidden;
}
#entertainmentsContent #container #nav2 {
	float:right;
	width:230px;
}


#newsContent #container #sidebar{float:left}
#newsContent #container #nav{float:right;}
#container #nav{
	float:right;
	width: 230px;
}


/*播放框*/
#playerArea{
	background: url(../images/player/bg.jpg) no-repeat left top;
	width:700px;height:453px;margin:0 0 12px 0;
}
#playerArea h3{color:#fff;padding:15px 0 5px 15px;font-size:16px}
#playerArea span{color:#c2c2c2}
.mainVideoArea{width:690px;height:290px;margin:auto}
#playerArea ul li{float:left;width:133px;height:100px;padding:10px 0px 10px 5px;}
#playerArea ul li img{width:133px;height:100px;}
/*for News 新聞區塊的播放框*/
#playerAreaNews{
	border:1px solid #838383;
	background:#f8f8f8;
	width:680px;
	margin:0 0 12px 0;
	padding:12px 10px 8px 10px
}
#playerAreaNews h5{display:block;border-bottom:1px solid #d1d1d1;padding:0 0 5px 0}
#playerAreaNews h5 a{display:block;float:right;font-size:12px;color:#4562a6}
#playerAreaNews h4{display:block;font-size:1.3em; font-weight:bold;padding:0.5em 0 0 0}
#playerAreaNews #videoArea{
	float:left;
	width:450px;
	margin: 12px 0;
	background-color: #000;
}

#videoArea #video #meida{width:450px ; height:338px }

#videoArea #video #ctl{
	height: 37px;
	background: url(../images/bg/modCtrlBg.gif) repeat-x top;
}
#videoArea #video #ctl div{
	float:right;
}
#videoArea #video #ctl span{
	background-image: url(../images/bg/soundBG.gif);
	height: 37px;
	width: 168px;
	display:block;
	text-align:center;
	float: left;
}
#playerAreaNews #channel{
	width:210px;
	height:373px;
	float:right;
	margin: 12px 0;
	border:1px solid #d1d1d1;
}
#playerAreaNews #channel ul{}
#playerAreaNews #channel li{
	border-bottom: 1px dotted #CCC;
	margin:5px;
	height: 31px;
	width: 200px;
}
#playerAreaNews #channel li a{
	display:block;
	height: 25px;
	padding: 5px 0 0 0;
	overflow: hidden;
	white-space:nowrap;
}
#playerAreaNews .showbox{ clear:both;}
#playerAreaNews .showbox div{
	float:left;
	width:165px;
	padding:2px;
}
#playerAreaNews .showbox a{display:block;color:#333;padding:10px;width:145px}
#playerAreaNews .showbox a:hover{background:#efefef}
#playerAreaNews .showbox a img{
	width:140px;
	height:105px;
	border:1px solid #cccccc;
	padding:1px
}
/*.QRCODE欄位*/
.QRCODE{
	width:255px;
	border:1px  solid #c6c6c6;
	background:#f8f8f8;
	padding:8px 10px;
	margin: 0 0 12px 0;
	height: 75px;
	}
.QRCODE img{float:left}
.QRCODE p{
	padding:0 0 0 90px
}