@charset "utf-8";
body { padding:0; margin:0; font-family:"微軟正黑體", "蘋果儷中黑","新細明體"; background-color:#EEE;}
/*萬用*/
.of_hidden { overflow:hidden; }
.hidden { display:none; }
.r_float { float:right;}
.l_float { float:left;}
.c_both { clear:both;}
.rad_4px {moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.rad_12px {moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; }
.border_1px { border:1px solid #3d8fce;}
.border_3px { border:3px solid #3d8fce;}
.shadow { -moz-box-shadow: 3px 3px 8px #999;-webkit-box-shadow: 3px 3px 8px #999; box-shadow: 3px 3px 8px #999;	}
.fs24px { font-size:24px; line-height:30px;}
.fs12px { font-size:12px; line-height:18px;}
.fs14px { font-size:14px; line-height:20px;}
.fs18px { font-size:18px; line-height:24px;}
.mar_10px { margin:10px;}
.pad_15px { padding:15px;}
.pad_5px { padding:5px;}
.ta_center { text-align:center;}
.ff_ahs {font-family:Arial, Helvetica, sans-serif;}
.title_color { color:#1880f9;}
.orange_color { color:#F90;}
.green_color { color:#393;}
.red_color { color:#C00;}
.block_color { color:#000;}
.white_color { color:#FFF;}
.gray_color { color:#666;}

pre { line-height: 24px; word-wrap: break-word; word-break: break-all; font-size: 18px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; font-family: "微軟正黑體", "蘋果儷中黑","新細明體"; padding: 0 15px;}
h1 { margin:0; padding:0; font-size:24px;}
h2 { margin:0; padding:0; font-size:24px;}
h3 { margin:0; padding:0; font-size:24px;}
p { margin:0;padding:0}
a { text-decoration:none;}
a.main_button { font-size:24px; color:#4c9edd; padding:5px 10px;; font-weight:bold; moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
a.main_button:hover { color:#FFF; background-color:#4c9edd;}

/*main*/
.main { width:980px; margin:0 auto; }
.main .banner { }
.main .content { width:980px;}
.main .content .content_left {  width:710px; margin-right:10px;}
.main .content .content_left.fullleft {  width:955px; }
.main .content .content_left .cl_content { margin-bottom:15px; background-color:#EEE; padding:10px;}
/*fileToUpload*/
.main .content .content_left .cl_content .uploadAvatarMsg { position:relative; top: -24px; width: 180px; left:5px; display:none; }
.main .content .content_left .cl_content .uploadAvatarMsg span{ background-color: #3D8FCE;padding: 2px;color: #CCC;moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;color: white; }

.main .content .content_left .cl_content .cl_guestbook { padding-top:10px;}




.main .content .content_right { width:240px; }
.main .content .content_right .cr_content { margin-bottom:15px; background-color:#EEE; padding:10px;}
.main .foot { width:940px; clear:both; text-align:center; padding:5px; background-color:#EEE;}

.main .content .button { background-color:#3D8FCE; padding:2px; color:#CCC; moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#FFF; display:inline-block;}
.main .content .button2 { background-color:#3D8FCE; padding:0 2px; vertical-align:top; color:#CCC; moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#FFF; display:inline-block; font-size: 11px;
line-height: 20px;}
.main .content .button:hover { background-color:#005FCE; color:#FFF; }
.main .content .button2:hover { background-color:#005FCE; color:#FFF; }
.main .content .input { width:160px; height: 17px; padding:2px; color:#393; moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#000; border:1px solid #3d8fce; vertical-align: top;}
.main .content .input:hover { width:156px; height: 13px; border:3px solid #3d8fce; }

.main .content .dailog {  height: 54px; padding:5px; margin-bottom:5px; }
.main .content .dailog .l_float {  margin-right:5px; margin-top: 2px; }
.main .content .area { margin-bottom: 5px; padding:15px; letter-spacing:1px;}
.main .content .area p { line-height:24px; }
.main .content .dailog .dailog_content{  color:#393; font-size:18px; line-height:24px; padding-top:5px;}
.main .content .dailog2 {  height: 200px; padding:5px;margin-bottom:5px; } 

/*右上div*/
.main_menu_button_div { position:fixed; top:5px; right:5px; width: 80px; height:80px; z-index:20;}
.main_menu_button_div .switch_button { }
.love_diolog_button_div { position:fixed; top:90px; right:5px; width: 80px; height:80px; z-index:20;}
.love_diolog_button_div .switch_button { }
.bug_diolog_button_div { position:fixed; top:175px; right:5px; width: 80px; height:80px; z-index:20;}
.bug_diolog_button_div .switch_button { }

/*顯示時的位置 js或php預設好的*/
.main_menu_div { position:fixed; top:0; width:100%; height:0px; z-index:18;}
/*消失時的位置 js或php預設好的*/
.main_menu_div { position:fixed; top:-100px; width:100%; height:0px; z-index:18;}
.main_menu_div .center_div { width:920px; margin:0 auto; height:60px; padding:10px 30px; line-height:64px; background:url(/image/main_menu.png) no-repeat  center center;}
.main_menu_div .center_div ul{ margin:0; padding:0; list-style:none;}
.main_menu_div .center_div ul li{ display:inline-block; }

/*顯示時的位置 js或php預設好的*/
.minor_menu_div { position:fixed; top:0; width:100%; height:0px; z-index:17;}
/*消失時的位置 js或php預設好的*/
.minor_menu_div { position:fixed; top:-220px; width:100%; height:0px; z-index:17;}
.minor_menu_div .center_div { width:920px; margin:0 auto; height:180px; padding:10px 30px; line-height:56px; background:url(/image/minor_menu.png) no-repeat  center center;}
.minor_menu_div .center_div ul{ margin:0; padding:0; list-style:none;}
.minor_menu_div .center_div ul li{ display:inline-block; }

/*顯示時的位置 js或php預設好的*/
.dialog_div { position:fixed; top:0; width:100%; height:0px; z-index:15;}
/*消失時的位置 js或php預設好的*/
.dialog_div { position:fixed; top:-400px; width:100%; height:0px; z-index:15;}
.dialog_div .center_div { width:740px; margin:0 auto; height:240px; padding:30px 30px; line-height:56px; background:url(/image/dailog.png) no-repeat  center center;}
.dialog_div .center_div .dialog_all_msg_div { width:740px; height:240px; overflow:hidden;}
.dialog_div .center_div .dialog_all_msg_div .dialog_msg_div { width:740px; height:240px; overflow:hidden; }
.dialog_div .center_div .dialog_all_msg_div .dialog_msg_div .dialog_left { width: 178px; float: left; }
.dialog_div .center_div .dialog_all_msg_div .dialog_msg_div .dialog_left .dialog_avatar { width: 178px; height:200px; opacity: 0.8;}
.dialog_div .center_div .dialog_all_msg_div .dialog_msg_div .dialog_left .dialog_name { width: 178px; height:40px; font-size:24px; text-align:center; }
.dialog_div .center_div .dialog_all_msg_div .dialog_msg_div .dialog_right { width: 540px; float: right; }
.dialog_div .center_div .dialog_all_msg_div .dialog_msg_div .dialog_right .dialog_right_up{ height: 185px; padding: 15px 0 0; }
.dialog_div .center_div .dialog_all_msg_div .dialog_msg_div .dialog_right .dialog_right_down{ height: 40px; text-align:right;}

.dialog_div .center_div .dialog_all_msg_div .dialog_msg_div .dialog_system_up { height:185px; padding: 15px 0 0 15px; }
.dialog_div .center_div .dialog_all_msg_div .dialog_msg_div .dialog_system_down { height:40px; text-align:right; }

.dialog_div .center_div .dialog_all_msg_div .textarea { width:160px; padding: 0 2px; color:#393; moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#000; border:1px solid #3d8fce; vertical-align: top; font-size:24px; width:519px; height:126px;}
.dialog_div .center_div .dialog_all_msg_div .textarea:hover { width:513px; height:120px; border:3px solid #3d8fce; }
.dialog_div .center_div .dialog_all_msg_div .button { background-color:#3D8FCE; color:#CCC; moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#FFF; padding: 0 2px; font-size:20px; line-height:30px; }
.dialog_div .center_div .dialog_all_msg_div .button:hover { background-color:#005FCE; color:#FFF; }



.block_div { background-color:#000; position:fixed; top:0; left:0; height:0; width:0; opacity:0.7; }

/*hp*/
.HPPic { background-color: black; height: 4px;	padding: 1px; width:214px;}
.HPPic div{	background-color: #87B7E7;	height: 3px; }