@charset "utf-8";
/*----------UI----------*/

img , a {outline:0px;border-width:0px;}
.cssClear {clear:both}
.cssHide {display:none}

body {
	width:100%;
	background-image: url(../images/bg.jpg);
	margin:0px auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}
* {
	font-family:Arial, Helvetica, sans-serif;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	-webkit-text-size-adjust:none;

}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color:#333333;
}
a:hover {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
.clear {
	clear:both;
}
.alignCenter {
	text-align:center;
}

#round {
 -moz-border-radius: 15px;
 border-radius: 15px;
 width:320px;
 background-color: #333333;
 } 



/*--------main_Content-------*/
.content {
	background-image: url(../images/bg.jpg);
	margin:0px auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

/*--------Index_Content-------*/

#mainContents{
	width:320px;
	margin:0px auto;

}

/*--------Pro_Content-------*/

#proContents{
	width:320px;
	
	background-image: url(../images/mobilepro.jpg);
	margin:0px auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	
}

#questionContents{
	width:320px;
	background-image: url(../images/mobilequestion.jpg);
	margin:0px auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	
}


#gameContents{
	width:320px;
	background-image: url(../images/mobilegame.jpg);
	margin:0px auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	
}

#navButtons {
	margin:5px 10px;
	width:320px;
	margin:0px auto;
}

/*-------Form Page-------*/


#formContents{
	width:320px;
	background-image: url(../images/mobilequestion.jpg);
	margin:0px auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	
}

.label {float:left; width: 125px;}

.formTag{
	font-size: 12px;
	text-align: left;
	color: #333333;
	background-image: url(../images/form-bg.png);
	background-repeat: repeat;
}

.errorText{
	z-index:999;
	margin: 10px 0px 0px 0px;
	text-align: center;
	font-size: 11px;
	color: #FF0000;
}

.radiobtn {
	margin-left:10px;
	margin-top: 5px;
}

.chkb{
	margin-left:10px;
	
}

#question{
	font-size: 14px;
	color:#333333;
}

.inputbox{
	font-size: 12px;
	vertical-align: middle;

}

.submitBtn{
	margin:10px auto;
	text-align:center;
}

#fform{
	margin-top:5px;
}

fieldset{
	border:1px solid#888;
	padding:5px;
	}

#success{
	margin:60px auto;
	font-size: 14px;
	width:310px;
	color: #333333;
	float:left;
}

#vTitle {
	
	font-size: 16px;
	
	color: #333333;
}

/*-------Question Page-------*/
#cTitle {
	
	text-align:left;
	font-size: 16px;
	
	color: #67000c;
}

#qTitle {
	
	font-size: 16px;
	
	color: #aac396;
}

#qText {
	text-align: left;
	font-size: 14px;
	color: #333333;
}

#nText {
	
	text-align:left;
	font-size: 14px;
	
	color: #333333;
}



/*-------Product Page-------*/

#proButtons {
	margin:5px 10px;
	width:760px;
}


#tvcContents{
	width:90%;
	margin:0px auto;

	
}
#productContents{
	width:320px;
	background-image: url(../images/mobileproduct.jpg);
	margin:0px auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	
}

#infomation{
	font-size: 11px;
	margin:70px auto 0px auto;
	float:left;
	color: #FFFFFF;
}

#proinner {
	margin:46px 10px 0px 10px;
	float:left;
	width:300px;
}

/*--------new----------*/

div.cssPanel {text-align:left;}
div.cssPanel .cssTab {background:url(../images/btn_bg.gif) top left repeat-x;height:46px;overflow-y:hidden}
div.cssPanel .cssTitle {float:left;margin:15px 0 0 15px;color:#FFFFFF;font-size:16px}
div.cssPanel .cssBtn {float:right;margin:16px 15px 0 0;}