/* === dragon index css start === */
.indexBg{
	/*background:url(../images/sloganIndex01.png) no-repeat 0px 0px ;*/
}
.DragonBodyLeft{
	max-width: 960px;
	width: 80%;
	height: 610px;
	float: left;
}

.DragonBodyRight{
	width: 20%;
	max-width: 240px;
	height: 610px;
	float: right;
}

.dright{
	background:#ccc;
	display:block;
	margin:0 0 0 200px;	
	height:610px;
}

.DargonMainImg{
	width: 960px;
	height: 456px;
}

/***** 社群分享區塊 *******/
.rSide-share{	
	margin:0;
	padding:0;
	position: fixed;
	right: 0;
	text-align: center;
	top:40%;
	width: 54px;
	z-index: 999; 
}

.rSide-bg{

	background: url("../images/bg_Rside02.png") left repeat-y;
	line-height: 0;
	margin:0;
	padding:0;
	text-align: center;
	width: 54px;
}
.rSide-bg img{
	margin: 0;
	padding:2px 0px;
}

/***** 新聞區塊 *******/
.NewsWrapper{
	width: 960px;
	height: 144px;
	background: url(../images/dragon_NewsBg.png) no-repeat center;
	color: #FFF;
	overflow: hidden;
	margin-top: 10px;
}
.NewsWrapper img{
	vertical-align: middle;
}
.NewsBox {
	width: 930px;
	height: 124px;
	margin: 10px 0px 10px 20px;
	overflow-y:auto;
	/*overflow: hidden;*/
}
ul.NewsBox li{ line-height: 30px; cursor: pointer;}

.NewsTitle{
	float: left;
	height: 30px;
	overflow: hidden;
	width: 750px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.NewsTitle a:link, .NewsTitle a:visited{text-decoration: none;}
.NewsTitle a:hover, .NewsTitle a:active{ color: #F2F84A;text-decoration: none;}
.NewsDate{
	color: #F2F84A;
	font-size: 15px;
	float: right;
	width: 130px
}


/****** 最新宣傳影片 *********/
.DargonDemoMovie{
	width: 232px;
	height: 164px;
	background: url(../images/dragon_IndexPV.jpg) no-repeat center;
	margin: 5px auto;
}
.DargonDemoMovie a{
	width: 232px;
	height: 164px;
	display: block;	
}
.DargonDemoMovie a:hover{background:rgba(0,0,0,.5);}

.DargonBanner{
	width: 232px;
	height: 435px;
	background: url(../images/dragon_IndexBanner.jpg) no-repeat top center;
	margin: 5px auto;
	padding: 25px 3px 0 3px;
	/*padding: 25px 3px 0 3px;*/
}

/* PopUP */
.popUpWrapper{
	background: url(../images/KOV_popUpBg_800x500.png) no-repeat top center;
	width: 800px;
	height: 500px;
	padding: 0px;
	overflow-x: hidden;
	overflow-y: auto;
}
.popBox{
	width: 760px;
	height: 460px;
	padding: 20px;
	/*margin: 20px;*/
	/*overflow: hidden;*/
	/*overflow-x: hidden;
	overflow-y: auto;*/
}
.popupHeader{
	background: url(../images/popUPImg.jpg) no-repeat top center;
	width: 760px;
	height: 300px;
	overflow: hidden;
}
.popTitle{
	width: 720px;
	min-height: 146px;
	background: url(../images/bkBg.png);
	color: #FFF;
	line-height: 45px;
	padding:10px 20px 1px 20px;
	font-size: 30px;
	margin-top: 0px;
	text-shadow: 0px 0px 5px #1486D1, 0px 0px 5px #1486D1, 0px 0px 5px #1486D1; 
}
.popTxt{
	width: 96%;
	height: auto;
	margin: 20px auto;
	color: #1a1a1a;
}





