body {
	background: #5e2e01 url(../images/dragon_SiteBg.jpg) no-repeat center 0px;
	cursor: default;
	font-family:Arial, Helvetica, "標楷體", "Microsoft JhengHei", "新細明體-ExtB",sans-serif;
}

* { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
[touch-action="none"]{ -ms-touch-action: none; touch-action: none; }
[touch-action="pan-x"]{ -ms-touch-action: pan-x; touch-action: pan-x; }
[touch-action="pan-y"]{ -ms-touch-action: pan-y; touch-action: pan-y; }
[touch-action="scroll"],[touch-action="pan-x pan-y"],[touch-action="pan-y pan-x"]{
	-ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y;
}

a:link, a:visited{
	color: #ffff66;
	text-decoration: none;
	outline: none;
	border: none;
}
a:hover, a:active{
	color: #ffffcc;	
	text-decoration: underline;
	outline: none;
	border: none;	
}


/* === dragon main css start === */
.DragonMainWrapper {
	width: 100%;
	min-height: 100%;	
	margin: 0 auto;
}
.DragonHeaderWrapper{
	width: 100%;
	height: 170px;
	background: url(../images/dragon_SiteHeaderBg.png) repeat-x;
}
.DragonHeader{
	width: 1200px;
	height: 170px;
	margin: 0 auto;
}
.HeaderLeft{
	width: 400px;
	height: 170px;
	float: left;
}
.DragonLogo{
	width: 400px;
	height: 159px;
	background: url(../images/dragon_Logo.png) no-repeat center;
}



/* 語言列 */
.dragonInfo{
	width: 100%;
	height: 60px;
	text-align: right;
}

ul.languageNav {
	background: rgba(26, 0, 0, .5);
	border: solid 1px #5f4524;
	color:#FFF;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	font-size:12px;
	float:right;
	display: block;
	list-style: none;
	line-height:13px;	
	margin: 13px 25px 0px 0px;
	padding:0;
	position:relative;
	text-align: left;
	width: 150px;
    *zoom: 1;
	z-index:200;
}
ul.languageNav a{
	text-decoration:none;
}

ul.languageNav li {
	font-family:"微軟正黑體", "Microsoft JhengHei";
	position: relative;
	float: left;

}
ul.languageNav li a{
	background-image:url("../images/icon_arrow_white.png") ;
	background-position:right center;
	background-repeat:no-repeat;		
	display: block;
	padding: 7px 10px;
    color: #FFF;
    width: 140px;
}
ul.languageNav > li > a{ padding-right:15px; }
ul.languageNav > li > a:hover{	color: #fff; }

ul.languageNav ul{
	display: none;
	float: left;
	position: absolute;			
	left: 0;	
	margin: 0;
}

ul.languageNav li:hover > ul{ display: block; }			
ul.languageNav ul li { border-bottom:none; }
ul.languageNav ul a {
	font-size:0.918em;
	width: 148px;
	padding: 8px 10px 8px 12px;	
	color: #fff;		
	background: rgba(26, 0, 0, .8);
}
ul.languageNav ul a:hover {		
	background: rgba(26, 0, 0, 1);
	color:#ffffcc;
	text-decoration:none;			
}


/***/
.LinkIndex{
	width: 404px;
	height: 159px;
	display: block;
}
.HeaderRight{
	width: 800px;
	height: 170px;
	float: right;
}

.dragonNavWrapper{
	width: 100%;
	height: 110px;
}
.dragonNav{
	/*background: url("../images/bg_circle.png") no-repeat -30px top;*/
	width: 800px;
	height: 110px;
	/*padding-top: 22px;僅4個按鈕時，高度位置狀態*/
}
.dragonNav li {
	width: 191px;
	height: 47px;
	display: block;
	float: left;
	margin: 0px 2px 1px 2px;
}
.dragonNav li a {
	width: 191px;
	height: 47px;
	display: block;
}

/* 最新消息 */
.dragonNews{ background: url(../images/dragon_NavNews.png) no-repeat bottom;}
.dragonNews:visited{ background: url(../images/dragon_NavNews.png) no-repeat top;}

/* 遊戲方法 */
.dragonAbout,.dragonAbout:visited{ background: url(../images/dragon_NavAbout.png) no-repeat top; }

/* 角色介紹 */
.dragonCharacter,.dragonCharacter:visited{ background: url(../images/dragon_NavCharacter.png) no-repeat top; }

/* 特色介紹 */
.dragonGameMood,.dragonGameMood:visited{ background: url(../images/dragon_NavGameMood.png) no-repeat top; }

/* 精彩畫面 */
.dragonSpecial,.dragonSpecial:visited{ background: url(../images/dragon_NavSpecial.png) no-repeat top; }

/* 商城介紹 */
.dragonShop, .dragonShop:visited{ background: url(../images/dragon_NavShop.png) no-repeat top; } 

/* 遊戲規章 */
.dragonRule, .dragonRule:visited{ background: url(../images/dragon_NavRule.png) no-repeat top; }

/* QA */
.dragonQA,.dragonQA:visited{ background: url(../images/dragon_NavQA.png) no-repeat top; }

/* Contact */
.dragonContact,.dragonContact:visited{ background: url(../images/dragon_NavContact.png) no-repeat top; }


/* 滑過狀態 */
.NavActive,.dragonAbout:hover,.dragonAbout:active,
.dragonCharacter:hover,.dragonCharacter:active,
.dragonGameMood:hover,.dragonGameMood:active,
.dragonSpecial:hover,.dragonSpecial:active,
.dragonNews:hover,.dragonNews:active,
.dragonShop:hover,.dragonShop:active,
.dragonRule:hover,.dragonRule:active,
.dragonQA:hover,.dragonQA:active,
.dragonContact:hover,.dragonContact:active {
	background-position: bottom;
}




.DragonBodyWrapper{
	width: 1200px;
	height: auto;	
	margin: 0 auto;
	overflow: hidden;
}

/******** footer **********/
.DragonInformation{
	margin: 0 auto 0;
	width: 1200px;
}
.DragonFooterWrapper{
	background: url("../images/bg_footer.png") top repeat-x;
	width: 100%;

}
.copyRight{
	color:#FFF;		
	margin: 5px auto 0;
	padding-top: 5px;
	width:1210px;
}
.copy_left{
	float: left;
	width: 20%;
}
.copy_right{
	float: right;
	width: 80%;
}






#gotop {
	background: url("../images/icon_top.png") no-repeat left top;
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    /*padding: 10px 15px;    
    font-size: 20px;
    color: white;*/
    cursor: pointer;
    width: 68px;
    height: 68px;
}

sup{ font-size: 11px; margin-left: 1px;}

.pcenter{
	margin: 0 auto;
	text-align: center;
}

.space-top{ margin-top: 10px; }
.space-bottom{ margin-bottom: 10px; }