*html {width:100%;height:100%; max-height:100%;}
* body {width:100%;height:100%; max-height:100%; /*overflow:hidden; */}
.container {background:url('http://image.ufotown.com/UFO_IMG/common/bg_top.gif') repeat-x left top; text-align:center; /*padding:0 0 10px; */
display:block; position:relative; z-index:3;height:100%; max-height:100%; width:100%; min-width:920px; /*overflow:auto;*/ overflow:visible;
}
*html .container {overflow:auto; overflow-x:hidden; } 
.container_ie {height:100%;}
*html .container_ie {height:expression(document.body.clientHeight <=1600 ? (document.body.clientHeight + 10) + 'px' : '100%')}
A {color:#666;text-decoration:none;}
A:hover { color:#f85200 ;}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearer {clear:both;}
.spacer {font-size:1px; line-height:0em;}
.pos_rel {position:relative;}


.letter_layer {border:1px solid #787878; background:#E8E8E8; padding:10px 10px 11px;}
.letter_layer .layer_tit {}
	.letter_layer .layer_tit p {float:left; height:23px;  padding:0; text-align:left;}
	.letter_layer .layer_tit span {float:right; padding:2px 10px 0 0; height:21px;}
.letter_layer table {table-layout:fixed; width:100%; border:1px solid #BBB; border-width:0 0 1px 1px;}
.letter_layer td {border:1px solid #BBB; border-width:1px 1px 0 0; line-height:25px; font-size:12px;color:#767676; text-align:center; height:26px; background:#FFF; }
.letter_layer .btnspace {padding:11px 0; text-align:center;}
	.letter_layer .btnspace img,
	.letter_layer .btnspace input {vertical-align:top;}
#emoticonLayer {position:absolute; bottom:200px; left:100px; width:417px; height:206px; }
#emoticonContWrap {font-size:12px; line-height:25px; color:#767676; text-align:center;}
	#emoticonContWrap .tabWrap {padding-bottom:5px;}
	#emoticonContWrap .tabWrap li {float:left; width:61px; height:18px; padding-right:3px; line-height:18px; font-size:11px; color:#818181; font-weight:bold;}
	#emoticonContWrap .tabWrap li A.tab {display:block; text-align:center; width:100%; height:100%; background:url('http://image.ufotown.com/UFO_IMG/common/usermenu/bg_tab_emoticon.gif') no-repeat left top; color:#818181}
	#emoticonContWrap .tabWrap li A.on {color:#FFF; background:url('http://image.ufotown.com/UFO_IMG/common/usermenu/bg_tab_emoticon_on.gif') no-repeat left top;}
#spCharLayer {position:absolute; left:100px; bottom:250px; width:209px; height:183px;}
.letter_layer ul.box {border:1px solid #BBB; border-width:0 0 1px 1px; padding:0; background:#FFF;}
.letter_layer .box li {float:left; line-height:25px; text-align:center; width:0; min-width:25px; white-space:nowrap; border:1px solid #BBB; border-width:1px 1px 0 0; height:auto; padding:0; font-size:12px; font-weight:normal; }
.letter_layer .box  li.style1 {width:51px;}
.letter_layer .box  li.style2 {width:103px;}
.letter_layer .box  li.style3 {width:207px;}
.letter_layer .box  li.style4 {width:25px;}
.letter_layer .box li A:hover {color:#01539f;}
#emoticon1 ,
#emoticon2 ,
#emoticon3 ,
#emoticon4 {height:131px;}

.mobile_wrap {float:left; width:388px;}
	.mobile_wrap .message {float:left; width:165px; padding:17px 0 0;}
		.mobile_wrap .message .letter_select {height:28px; font-size:1px; line-height:0em;}
		.mobile_wrap .message textarea {margin:0 0 0 8px; border:0 none; background:transparent; line-height:16px; width:124px; height:80px; overflow:hidden; color:#01539F;}
		.mobile_wrap .message p {font-size:11px; color:#2C2C2C; text-align:right; width:125px; padding:3px 0 0;}
	.mobile_wrap .sendinfo {float:left;width:200px; padding:39px 0 0;}
		.mobile_wrap .sendinfo fieldset {white-space:nowrap;}
		.mobile_wrap .sendinfo .payway {color:#6E6E6E; font-size:11px; font-weight:bold; height:24px; overflow:hidden; padding:1px 0 0;}		/*ie*/
		.mobile_wrap .sendinfo .payway input {margin-top:-1px;}
		.mobile_wrap .sendinfo .fileattach {color:#000; font-weight:bold; padding:0 0 0 4px; height:20px; overflow:hidden; }
		.mobile_wrap .sendinfo .fileattach img {margin-left:-2px;}
		.mobile_wrap .sendinfo .fileattach .ico {margin:0 -2px 0 0;}
		.tField4 {border:1px solid #CDCDCD; background:#FFF; padding:1px 0 0 4px; width:107px; height:15px;}
		.mobile_wrap .sendinfo .starinfo {color:#000; font-weight:bold; padding:3px 0 4px 4px;}
		.mobile_wrap .sendinfo .starinfo select {width:163px; margin:0 0 0 5px; height:20px;}		/*ie*/
		.mobile_wrap .sendinfo .starinfo span {font-size:11px; font-weight:normal; color:#444; position:absolute; left:36px; top:6px;}
		.mobile_wrap .sendinfo .reservation {text-align:right; font-size:11px; font-weight:bold; color:#444;  padding:1px 2px 3px 0;}
		.mobile_wrap .sendinfo .reservation input {margin-top:-1px;}
		.mobile_wrap .sendinfo .form_submit {background:url('http://image.ufotown.com/UFO_IMG/common/dash_gray_h1.gif') repeat-x 5px top; text-align:right; font-size:1px; line-height:0em; padding:9px 3px 0 0;}
		.mobile_wrap .sendinfo .form_submit img,
		.mobile_wrap .sendinfo .form_submit input {margin-left:2px;}