@charset "utf-8";



a:link {



	color: #ff9d02;



	text-decoration: none;



}



a:visited {



	text-decoration: none;



	color: #ff9d02;



}



a:hover {



	text-decoration: underline;



	color: #ff9d02;



}



a:active {



	text-decoration: none;



	color: #ff9d02;



}



h1 {



	color: #d4a760;



}







h2 {



	margin: 0px;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 1.3em;



	font-weight: 900;



	color: #8fa626;



	text-decoration: none;



}







h2 a:visited {



	margin: 0px;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 1.5em;



	font-weight: 900;



	color: #8fa626;



	text-decoration: none;



}



h2 a:active {



	margin: 0px;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 1.5em;



	font-weight: 900;



	color: #8fa626;



	text-decoration: none;



}



h3 {



}



body,td,th {



	font-family: tahoma, "ms Sans Serif", Verdana;



	font-size: 12px;



	color: #7a5a27;



	text-decoration: none;



}



body {



	background-color: #ffeecb;



	margin-left: 0px;



	margin-top: 0px;



	margin-right: 0px;



	margin-bottom: 0px;



	background-image: url(../images/BG.gif);



	background-repeat: repeat-y;



	background-position: center top;



}







img { 



	border : 0; 



}

ul,li {list-style: none;

}
.shadow{
box-shadow: 3px 3px 3px #ba936a;
	 -moz-box-shadow: 3px 3px 3px #ba936a;
	-webkit-box-shadow: 3px 3px 3px #ba936a;
}


/* News Page */



.Div_News_SelectPage {



	padding:10px 0 25px 0;



	color: #eab775;



	font-size: 12px;



}



.Div_News_Head {

	

	padding-bottom:5px; 
	
}



.Div_Line_Shadow {



	background-image: url(../images/Line_Shadow.png);



	background-repeat: no-repeat;



	background-position: center top;



	height: 20px;



}



.Div_News_Content {



	padding: 10px 0px 5px 0px;



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 13px;



	color: #7a5a27;



	line-height: 18px;



}

.main-news-content{
	font-size:12px;
	float:right;
	width:190px;
	line-height:15px;
	padding:0 0 10px 0;
}
.thumb-news{
	float:left; 
	padding:0 10px 5px 0;
}
.Div_News {
	
	padding:10px 0 0 0;
	border-bottom-style:dotted; 
	border-bottom-color:#d9c398; 
	border-bottom-width:1px; 
}



.Div_News_Date {
	font-family: Tahoma, "MS Sans Serif", Verdana;
	font-size: 9px;
	color: #ff9d02;
	line-height: 14px;
	float:left;
}


.Div_News_Footer {
	text-align: right;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 10px;
}
.main-tab-footer{
	background: url(../images/LineNews.png) no-repeat 0 0;
	text-align:center;
	padding:10px 0 0 0;
}
#main-forum {
	padding:15px 0 0 0;
}
#main-forum li{
	display:block;
	padding:0;
	margin:0 0 10px 0;
}
.avatar-forum{
	text-align:center;
	float:left;
	display:block;
	width:50px;
}
.avatar-forum span{
	font-size:10px;
	color:#ffb15d;
}

.main-topic{
	background:#FFF;
	border:#ffefcd solid 1px;
	float:right;
	width:290px;
	padding:7px 10px;
	font-size:13px;
}


.Div_Footer {
	text-align: center;
	font-family: Tahoma, "MS Sans Serif", Verdana;
	font-size: 9px;
	color: #dac38a;
	padding-bottom: 10px;
}



.Div_Footer a {



	color: #d4a760;



}



.Div_Emo {



	height: 60px;



	width: 60px;



	background: url(../images/Bg_Emo.png) no-repeat center;



}

.Div_Emo_none {



	height: 60px;



	width: 60px;



	background: url(../images/Bg_Emo.png) no-repeat center;



}



.Div_Other {



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 11px;



	text-align: left;



	padding-left: 12px;



	color: #d4a760;



}







.Div_Copyright {



	height:40px;



	text-align:center;



	color: #d4a760;



	background-image: url(../images/Line_Shadow.png);



	background-repeat: no-repeat;



	background-position: center top;



	font-size: 11px;



	font-family: Tahoma, "MS Sans Serif", Verdana;



	padding-top: 15px;



}



.From_TextFill{



	border: 0px; background-color:#FFF ;



	padding: 1px 3px 0px;



	color: #66410d;



	font-size: 12px;



	height:19px; 



}



.Text_From {



	color: #FFFFFF;



	font-weight: bold;



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 12px;



}







.Text_QuickiesComment{



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 11px;



	color: #d4a760;



	text-decoration: none;



}



.Text_QuickiesComment a{



	color: #d4a760;



}



.Text_ReadMore {



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 11px;



	color: #ff9d02;



	text-decoration: none;



}



.Text_Register {



	font-family: tahoma, "ms Sans Serif", verdana;



	font-size: 11px;



	color: #ca9652;



}



.Div_HotNewsBox {



	color: #d4a760;



}







.HotNews {



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 12px;



	color: #d4a760;



	padding-top: 0px;



	padding-bottom: 0px;



}



.HotNews li{



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 12px;



	color: #d4a760;



	text-decoration: none;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #e6d4b1;



	margin: 0px;



	padding-top: 3px;



	padding-bottom: 3px;



}



.HotNews li a{



	color: #d4a760;



	text-decoration: none;



}



.HotNews li a:hover{



	text-decoration: underline;



}



.HotNews ul{



	margin: 0px;



	padding-left: 0px;



	list-style-position: outside;



	list-style-type: disc;



}



.CommentName {



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 11px;



	color: #8fa626;



	padding-top: 5px;



	font-weight: bold;



}



.CommentData {



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 9px;



	color: #fcc0a7;



	padding-top: 5px;



}



.FromCommentBox {







}



.CommentBox {



	margin-bottom: 10px;



}



.CommentBuble_01 {



	border-top-width: 1px;



	border-right-width: 1px;



	border-bottom-width: 1px;



	border-top-style: solid;



	border-right-style: solid;



	border-bottom-style: solid;



	border-top-color: #ffefcd;



	border-right-color: #ffefcd;



	border-bottom-color: #ffefcd;



	border-left-color: #ffefcd;



	background-color: #FFFFFF;



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 12px;



	line-height: 18px;



	color: #ca9652;



	text-decoration: none;



	padding-top: 10px;



	padding-right: 15px;



	padding-bottom: 5px;



	padding-left: 15px;



}



.CommentBuble_02 {



	border-top-width: 1px;



	border-right-width: 1px;



	border-bottom-width: 1px;



	border-top-style: solid;



	border-right-style: solid;



	border-bottom-style: solid;



	border-top-color: #ffefcd;



	border-right-color: #ffefcd;



	border-bottom-color: #ffefcd;



	border-left-color: #ffefcd;



	background-color: #fffbf5;



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 12px;



	line-height: 18px;



	color: #ca9652;



	text-decoration: none;



	padding-top: 10px;



	padding-right: 15px;



	padding-bottom: 10px;



	padding-left: 15px;



}



/* Animation Page */



.Div_AnimationBox {



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #e6d4b1;



	padding-top: 8px;



	padding-right: 20px;



	padding-bottom: 8px;



	padding-left: 15px;



}



.Div_AnimationBox:hover  {



	background-color: #fffbf4;



}







.AnimationTitle {



}



.AnimationDescription {



	color: #eab775;



	padding-top: 5px;



	font-size: 12px;



}



.AnimationEpisode {



	font-size: 11px;



	color: #d5d5d5;



	padding-bottom: 3px;



}







/* Download Page */



.Download_Bg_Emo {



	background-image: url(../images/download/Bg_Emo.png);



	background-repeat: no-repeat;



	background-position: center center;



}



.Download_Bg_Emo_none {



	background-image: url(../images/Bg_EmoNone.png);



	background-repeat: no-repeat;



	background-position: center center;



}

.Download_boder_mms img{
	border:3px #FFF solid;
}

.Text_Download {



	font-family: tahoma, "ms Sans Serif", verdana;



	font-size: 10px;



	color: #d4a760;



}











/* Community Page */



.Div_Community {



}



.Div_Community a{



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 12px;



	line-height: 18px;



	color: #ca9652;



	text-decoration: none;



}



.Div_Community a:hover{



	text-decoration: underline;



}



.CommunityBuble_01 {



	border-top-width: 1px;



	border-right-width: 1px;



	border-bottom-width: 1px;



	border-top-style: solid;



	border-right-style: solid;



	border-bottom-style: solid;



	border-top-color: #ffefcd;



	border-right-color: #ffefcd;



	border-bottom-color: #ffefcd;



	border-left-color: #ffefcd;



	background-color: #FFFFFF;



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 12px;



	line-height: 18px;



	color: #ca9652;



	text-decoration: none;



	padding-left: 15px;



}



.CommunityBuble_02 {



	border-top-width: 1px;



	border-right-width: 1px;



	border-bottom-width: 1px;



	border-top-style: solid;



	border-right-style: solid;



	border-bottom-style: solid;



	border-top-color: #ffefcd;



	border-right-color: #ffefcd;



	border-bottom-color: #ffefcd;



	border-left-color: #ffefcd;



	background-color: #fff6e5;



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 12px;



	line-height: 18px;



	color: #ca9652;



	text-decoration: none;



	padding-left: 15px;



}



.Community_TextDeteil {



	font-family: tahoma, "ms Sans Serif", verdana;



	font-size: 11px;



	color: #ffb15d;



	text-decoration: none;



}



.Community_TextDate {



	font-family: tahoma, "ms Sans Serif", verdana;



	font-size: 9px;



	color: #ffb15d;



	text-decoration: none;



}



.FromNewTopicBox {



	padding-top: 30px;



	padding-bottom:230px;background-image:url(../images/Footer.jpg); background-position:bottom; background-repeat:no-repeat







}



.From_TextFill_NewTopic{



	background-color:#FFF;



	padding: 3px 3px 0px;



	color: #66410d;



	font-size: 13px;



	height:21px;



	border-top-width: 1px;



	border-right-width: 0px;



	border-bottom-width: 1px;



	border-left-width: 0px;



	border-top-style: solid;



	border-bottom-style: solid;



	border-top-color: #ffeecb;



	border-bottom-color: #ffeecb;



}



.Post_Name {



	padding-top:5px;



	font-size: 13px;



	color: #8fa626;



	font-weight: bold



}

.Post_Name a{



	color: #8fa626;



}

.Post_Name a:visited {



	color: #8fa626;



}

.Post_Name a:active {



	color: #8fa626;



}

.Post_Post {



	padding-top:3px;



	font-size: 10px;



	color: #ffb15d;



}



.Post_Star {



	padding-top:4px;



}



.Div_Navigator {



	font-family: tahoma, "ms Sans Serif", verdana;



	color: #ffb15d;



	font-size: 12px;



	padding-bottom: 12px;



}



.Div_CommunityTopicBox {



	border: 1px solid #ffeecb;



	background-color: #fffbf5;



	line-height: 20px;



	font-size: 13px;



	padding-top: 10px;



	padding-right: 15px;



	padding-bottom: 15px;



	padding-left: 15px;



}



.Div_CommunityReplyBox {



	border: 1px solid #ffeecb;



	background-color: #fffbf5;



	line-height: 20px;



	font-size: 13px;



	padding-top: 10px;



	padding-right: 15px;



	padding-bottom: 15px;



	padding-left: 15px;



}



.ReplyBuble {



	border-top-width: 1px;



	border-right-width: 1px;



	border-bottom-width: 1px;



	border-top-style: solid;



	border-right-style: solid;



	border-bottom-style: solid;



	border-top-color: #ffefcd;



	border-right-color: #ffefcd;



	border-bottom-color: #ffefcd;



	border-left-color: #ffefcd;



	background-color: #ffeecb;



	font-family: Tahoma, "MS Sans Serif", Verdana;



	font-size: 12px;



	line-height: 18px;



	color: #ca9652;



	text-decoration: none;



	padding-left: 15px;



}



.Reply_TextDate {



	font-family: tahoma, "ms Sans Serif", verdana;



	font-size: 9px;



	color: #ca9652;



	text-decoration: none;



}



.Reply_TextHead {



	font-family: tahoma, "ms Sans Serif", verdana;



	font-size: 12px;



	color: #ca9652;



	text-decoration: none;



}



.Reply_Shadow {



	height:18px;



	background:url(../images/community/Shadow_Reply.png) top no-repeat



}



.LineDotPic {



	border: 1px dashed #B0824F;



}



.Div_TopLogIn {



	height: 80px;



	background-color: #FCD5BB;



	background-image: url(../images/Bg_TopLogIn.gif);



	background-repeat: repeat-x;



	background-position: bottom;



}



.Div_B_TopLogIn {



	font-size: 11px;



	color: #FFFFFF;



	text-decoration: none;



	position: absolute;



	width: 150px;



	display: block;



	left: 750px;



}



.Div_B_TopLogIn td {



	font-size: 11px;



	color: #FFFFFF;



	text-decoration: none;



}



.Div_B_TopLogIn a {



	color: #FFFFFF;



	text-decoration: none;



}



/* Pom CSS */

.errMessage {

	font-family:Tahoma, "MS Sans Serif";

	font-size:10px;

	display: inline;

	color: #CC3333;

}

.SiXhEaD {

	font: 12px Tahoma; 

	padding: 10px 0;

	background: #999999; 

	color: #FFFFFF; 

	text-decoration: none; 

	padding: 2px 6px 3px 6px; 

	border: 1px solid #E2EFF3; 

}

.SiXhEaD_Link {

	font: 12px Tahoma; 

	padding: 10px 0;

}

.SiXhEaD_Link a { 

	background: #F8FBFC; 

	color: #069; 

	text-decoration: none; 

	padding: 2px 6px 3px 6px; 

	border: 1px solid #E2EFF3; 

}

.SiXhEaD_Link a:hover { 

	border-color: #B7D7E1; 

}

.SiXhEaD_Link font { 

	font: 12px Tahoma; 

	background: #F8FBFC; 

	color: #CCCCCC; 

	padding: 2px 6px 3px 6px; 

	border: 1px solid #E2EFF3; 

}

.btnHidden {

	display:block;

	text-indent:-1000em;

	padding: 0px 8px 4px 0px; 

	background-image:url(/muffin/images/B_LogIn.png);

}



/* -------- Easy Slider -------------- */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:560px;
		height:215px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:0px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		top:0px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/Aro_L.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/Aro_R.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		position:absolute;
		top:215px;
		right:0px;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:18px;
		line-height:18px;
		background:#956940;
		color:#fff;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#cae457;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* -------- Easy Slider -------------- */
.curved {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*--------------HTML Head-------------------*/
#main-bg{
	width:840px;
	height:475px;
	background:url(../images/html/main-head.jpg) no-repeat 0 0;
}
.lineshadow{
	background:url(../images/html/lineshadow.png) no-repeat center bottom;
	height:50px;
}
#main-nav{
	margin:20px 0 0 40px;
}
#main-nav li a{
	height:18px;
	display:block;
	float:left;
	text-indent:-9999px;
	margin:0 10px;
}
#main-nav .home a{
	background:url(../images/html/home-btn.png) no-repeat 0 0;
	width:40px;
}
#main-nav .news a{
	background:url(../images/html/news-btn.png) no-repeat 0 0;
	width:39px;
}
#main-nav .about a{
	background:url(../images/html/about-btn.png) no-repeat 0 0;
	width:45px;
}
#main-nav .product a{
	background:url(../images/html/product-btn.png) no-repeat 0 0;
	width:60px;
}
#main-nav .animation a{
	background:url(../images/html/animation-btn.png) no-repeat 0 0;
	width:72px;
}
#main-nav .funs a{
	background:url(../images/html/funs-btn.png) no-repeat 0 0;
	width:37px;
}
#main-nav .download a{
	background:url(../images/html/download-btn.png) no-repeat 0 0;
	width:68px;
}
#main-nav .community a{
	background:url(../images/html/community-btn.png) no-repeat 0 0;
	width:78px;
}
#main-nav .contact a{
	background:url(../images/html/contact-btn.png) no-repeat 0 0;
	width:59px;
}
#contact-bg_th{
	width:840px;
	height:440px;
	background:url(../images/html/contact-head_th.jpg) no-repeat 0 0;
}
#contact-bg_en{
	width:840px;
	height:440px;
	background:url(../images/html/contact-head_en.jpg) no-repeat 0 0;
}
#download-bg{
	width:840px;
	height:225px;
	background:url(../images/html/download-head.jpg) no-repeat 0 0;
}
#funs-bg{
	width:840px;
	height:250px;
	background:url(../images/html/funs-head.jpg) no-repeat 0 0;
}
#news-bg{
	width:840px;
	height:300px;
	background:url(../images/html/news-head.jpg) no-repeat 0 0;
}
#product-bg{
	width:840px;
	height:300px;
	background:url(../images/html/product-head.jpg) no-repeat 0 0;
}
#com-bg{
	width:840px;
	height:250px;
	background:url(../images/html/community-head.jpg) no-repeat 0 0;
}
#animation-bg{
	width:840px;
	height:350px;
	background:url(../images/html/animation-head.gif) no-repeat 0 0;
}
.video-wapper{
	margin:10px 0 0 100px;
	float:left;
}
.video-detail{
	float:left;
	margin:10px 0 0 30px;
	text-align:left;
}
h1.title{
	font-size:24px;
	padding:0px;
	margin:0px;
	color:#ff9901;
}
span.subtitle{
	display:block;
	font-size:18px;
	padding:0px;
	margin:10px 0 0 0;
}

/*-------------------------toppanel-html------------------------*/

#login-wapper{
	font-size:11px;
	padding:15px;
	width:150px;
	background:#dcbf8a;
	border:#c3a266 1px solid;
	position:absolute;
	z-index:9000;
	top:30px;
	left:10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,.5);
	 -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
	display:none;
}
#login-wapper label{
	width:100px;
	display:block;
	margin:5px 0 5px;
}
#login-wapper .bt_login,
#login-wapper .bt_register{
	background:#FFF;
	border:0;
	margin:0 0 0 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#login-wapper a{
	color:#f9edb9;
}
#toppanel-html{
	width:auto;
	height:30px;
	background:#815c12;
	border-bottom:1px #b79c6b solid;
}
#toppanel-html-left{
	float:left;
}
#toppanel-html-right{
	float:right;
}
#toppanel-html-right a,
#toppanel-html-right span,
#toppanel-html-left a{
	margin:6px 10px 0 0;
	text-align:center;
	float:left;
	display:block;
	color:#fff;
	height:18px;
	font-weight:bold;
	line-height:18px;
	width:30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	background:#cae457;
	border:1px #fff solid;
}
#toppanel-html-right a{
	border:#b48d47 1px solid;
	background:#d59c68;
}
#toppanel-html-left a{
	float:left;
	width:50px;
	margin:6px 10px 0 10px;
}