<title>message</title>/*
URL: http://www.yinfu.cc
(C) 2011-2012 Yinfu.cc Inc.
<style type="text/css">
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Kannol's HOME PROGRAM Style ~~~~ */
* { word-wrap: break-word; }
body { background: #FFF; text-align: center; background:url('../../kindex/images/body_bg.png') center;}
#menus li, .popupmenu_popup li, #announcement li, .portalbox li, .tabs li, .postmessage fieldset li, .side li, .formbox li, .notice li { list-style: none; }
body, td, input, textarea, select, button {line-height:1.5; margin: 0px; font: 12px/1.6em Arial,Helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
img { border:none;}

a { /*color: #1684b1;*/color:#333; text-decoration: none; }
	a:hover { color: #156687; text-decoration: underline; }
	a img { border: none; }
table { empty-cells: show; border-collapse: collapse; }

.z {float: left;	text-align: left;	padding: 0px;}
.y {float: right;	text-align: right;	padding: 0px;}
.wrap { margin:auto; clear:both; font:12px/1.6em Helvetica, Arial, sans-serif; width:960px; }
.divbar {height:26px; background:url('../../kindex/images/title_bar.gif');}
.divbar .title{background: white;font-size: 16px;text-decoration: none;padding: 2px 10px 4px 2px;color:#707070;cursor: default;}
.divbar .z a{text-decoration: none;}
.container{background:url('../../kindex/images/vodbar.gif'); filter:alpha(opacity=75); height:30px;}
.line10 {height:10px;}
.line20 {height:20px;}
/*以上是全局*/


/*头部LOGO之上*/
.menutab { height:41px; background:url('../../kindex/images/menu_bg.png') no-repeat center; clear:both; width:960px; margin: 0px;}



.quickmenu { float: right; height: 31px; line-height: 31px; padding-right: 10px; padding-top: 4px; }
	.quickmenu em{padding-left: 5px; padding-right: 5px; color: #B0B0B0}
.avataonline { float: left; height: 31px; line-height: 31px; padding-left: 28px; padding-top: 4px; background: url('../../images/avatars/avataronline.gif') no-repeat 10px 55%; }
	.avataonline em{padding-left: 5px; padding-right: 5px; color: #B0B0B0}
/*头部LOGO之上*/


/*头部LOGO和搜索*/
.topbar { height:38px; background:url('../../kindex/images/top_body_bg.jpg'); clear:both; width:960px;}
.header { height:100px; clear:both;}
.logo { float:left; width:280px; height:100px; cursor: hand; background:url('../../kindex/images/logo.gif') no-repeat; margin-top: 0px; margin-bottom: 0px;}
.head_search { margin: 20px; float:right; width:407px; height:50px;}
.head_search_l { float:left; padding-left: 72px; padding-top: 15px;}
.head_search_r { float:right; padding-right: 15px; padding-top: 10px;}
.search_txt {margin: 2px; font: 14px Helvetica, Arial, sans-serif; border:0px;}
.panel-overlay h2{font-size: 15px;}
/*头部LOGO和搜索*/

/*头部下方3格广告*/
.menutab_ad { height:30px; background:url('../../kindex/images/menu_down_bg.jpg') no-repeat center; clear:both; width:960px;}
/*头部下方3格广告*/


.divnobg { margin:auto; clear:both; width:936px;}
.divbg { margin:auto; clear:both; width:936px; background: url('../../kindex/images/divbg.gif');}
/*第一栏 分3列*/

.page_lef {clear:both;  float:left; width:640px; clear:left; background:#fff;}
.page_rig {clear:both;  float:right; width:280px; clear:right; background:#fff;}

.index_left {clear:both;  float:left; width:620px; clear:left; padding:10px; background:#fff;overflow:auto;}
.index_right {clear:both;  float:right; width:280px; clear:right;overflow:visible;}

.tecomx { float:left; width:370px; clear:left; background:#fff; padding:5px;height: 400px;overflow: hidden;}
.tecomy { float:right; width:250px; clear:left; background:#fff; padding:5px;}
.listbg {height: 275px; background:url('../../kindex/images/list_bg.gif') no-repeat;}

#navleft { margin:0px; padding:0;}
#navleft a {display: block; text-decoration: none; text-align:left; padding-left:30px; color:#909090;  line-height:27px;}
#navleft ul {list-style-type:none;}
#navleft li {width:245px; float:left; list-style-type:none;}
#navleft li a:hover{display:block;color:#043d5b; text-decoration: none;}

.tabs{ list-style:none; width:250px; height: 34px; background:url('../../kindex/images/tabs.gif') no-repeat; margin: 0px;}
.tabs li{display:inline; width:250px;}
.tabs li a{ float:left; width:82px;  margin-top:1px; margin-left:1px; color:#888; text-decoration:none; line-height: 33px; background:url('../../kindex/images/tabs2_nosele.gif') no-repeat;}
.tabs li.no a{ float:left; width:82px; margin-top:1px; margin-left:1px; color:#000000; line-height: 33px; background:url('../../kindex/images/tabs2_sele.gif') no-repeat;}

.tabs2{ list-style:none; width:280px; height: 34px; background:url('../../kindex/images/tabs2.gif') no-repeat; margin: 0px;}
.tabs2 li{display:inline; width:280px;}
.tabs2 li a{ float:left; width:70px;  margin-top:1px; margin-left:1px; color:#888; text-decoration:none; line-height: 33px; background:url('../../kindex/images/tabs2_nosele.gif') no-repeat;}
.tabs2 li.no a{ float:left; width:60px; margin-top:1px; margin-left:1px; color:#000000; line-height: 33px; background:url('../../kindex/images/tabs2_sele.gif') no-repeat;}
.labsy{ float:left; margin-top:3px; margin-left:10px; color:#525252; line-height: 30px;}
.tabs2_side_width{border: red outset 3px;border-bottom: 0px;}

/*第一栏 分3列*/

/*投票用*/
.polltitle {height: 25px; background:url('../../kindex/images/poll_bg.gif'); margin: 0px; color:#424242; padding-top:5px; padding-left:10px; text-align:left;}
.poll_title { margin: 0px; color:#202020; text-align:left; font-size:14px; font-weight:bold;}
/*投票用*/

/*視頻列表*/
/*.vodlist { width:280px; height: 530px; margin: 0px; text-align:left; background:url('../../kindex/images/vodlist_bg.gif');}*/
.vodlist { width:280px; height: 530px; margin: 0px; text-align:left;border: silver solid 1px; /*background:url('../../kindex/images/vodlist_bg.gif');*/}
.vodlist h2{border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;margin: 0px;background: #F0F0F0;font-size: 16px;padding: 11px;}
.tabs_bg { width:280px; margin: 0px; text-align:left; border: silver solid 1px; /*background:url('../../kindex/images/tabs_bg.gif');*/}
.tabs_bg a {color: #333;}

.tabs_bg2 { width:280px; margin: 0px; text-align:left;border: red outset 3px;border-top: 0px; /*background:url('../../kindex/images/tabs_bg.gif');*/}
.tabs_bg2 a {color: #333;}
/* 視頻樣式 */
.box_server{ width:270px;  margin:0px;}
	.box_server dl{clear:both; overflow:hidden;  width:270px;  height:60px; background-position:center bottom;  margin:0px;}
		.box_server dt{ float:left; width:75px; margin:0px; padding-left: 10px; padding-top:5px; }
		.box_server dd{ width: 180px; float:right;color:#254E62; margin:0px; padding-top:5px;  }
		.box_server dd strong{ width: 180px; font-size:13px; margin:0px; }
		.box_server dd .line{ color:#868686; line-height:13px; margin:0px; font-size:9px;}
		.box_server dd p{ /*color:#FF6600;*/color:#484848; font-size:13px; margin-top:3px;}

/*視頻列表*/



/* 好康情報樣式 */
/*.boxlist { width:280px; height: 530px; margin: 0px; text-align:left; background:url('../../kindex/images/boxlist_bg.gif');}*/
.boxlist { width:280px; height: 530px; margin: 0px; text-align:left; border: silver solid 1px;/*background:url('../../kindex/images/boxlist_bg.gif');*/}
.box_list{ width:270px;  margin:0px;}
.boxlist h2{border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;margin: 0px;background: #F0F0F0;font-size: 16px;padding: 11px;}
	.box_list dl{clear:both; overflow:hidden;  width:270px;  height:60px; background-position:center bottom;  margin:0px;}
		.box_list dt{ float:left; width:75px; margin:0px; padding-left: 10px; padding-top:5px; }
		.box_list dd{ width: 180px; float:right;color:#254E62; margin:0px; padding-top:5px;  }
		.box_list dd strong{ width: 180px; font-size:13px; margin:0px; }
		.box_list dd .line{ color:#868686; line-height:12px; margin-top:5px; font-size:11px;}

/* 好康情報樣式 */


/*版塊用的CSS*/
.formulist{ list-style:none;  margin: 0px; padding:0px;}
.formulist li{display:inline;}
/*.formulist li a{ float:left; width:150px; margin-left:5px;  margin-right:5px; font-size: 16px; color:#333; text-decoration:none; line-height: 22px;}*/
.formulist li a{display: block;font-size: 1.3em;-webkit-margin-before: 0.83em;-webkit-margin-after: 0.83em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;gfont-weight: bold; float:left; width:150px; margin: 5px 0px;text-decoration:none; line-height: 22px;}
.formulist li a:hover{color:#0033cc; text-decoration: none;}
/*版塊用的CSS*/




.adlist {float:left ; height:78px; width:760px; margin-top: 10px;}
.input { height:17px; border:1px #E8E8E8 solid; font-size:12px; line-height:12px;}

.footer {clear: both;  /*width: 936px;*/ height:80px; background:#033c5a;}

/* CASE 首页样式*/
.case_server1{ width:248px;  float:left;  margin:0px; height:63px; background:url(/images/index_t2.gif) no-repeat; background-position:left top;  margin:0px;}
	.case_server1 dd{ width: 220px; float:right;color:#254E62; font-weight:bold; margin:0px; padding-top:10px;  }
	.case_server1 dd .line{ color:#444; line-height:12px; margin:0px; font-size:9px;}

.case_server2{ width:248px;  float:left;  margin:0px; height:63px; background:url(/images/index_t1.gif) no-repeat; background-position:left top;  margin:0px;}
	.case_server2 dd{ width: 220px; float:right;color:#254E62; font-weight:bold; margin:0px; padding-top:10px;  }
	.case_server2 dd .line{ color:#555; line-height:12px; margin:0px; font-size:9px;}

.case_server3{ width:248px;  float:left;  margin:0px; height:63px; background:url(/images/index_t3.gif) no-repeat; background-position:left top;  margin:0px;}
	.case_server3 dd{ width: 220px; float:right;color:#254E62; font-weight:bold; margin:0px; padding-top:10px;  }
	.case_server3 dd .line{ color:#666; line-height:12px; margin:0px; font-size:9px;}


/* 案例中心的案例列表样式 */
.box_case{ width:335px;  float:left; margin: 10px; background:#F9F9F9; border: 1px solid #a6abc0; }
	.box_case dl{clear:both; overflow:hidden;  width:330px;  height:100px; margin:0px;}
		.box_case dt{ float:left; width:110px; margin:0px; padding-left: 10px; padding-top:10px; }
		.box_case dd{ width: 200px; float:right;color:#254E62; font-weight:bold; margin:0px; padding-top:10px;  }
		.box_case dd strong{ width: 200px;display:block; font-size:12px; margin:0px; }
		.box_case dd .line{ color:#999; line-height:12px; margin:0px; font-size:10px;}
		.box_case dd p{ color:#0066ff; font-size:11px; margin-top:10px;}

.box_case_view { width:435px;  float:left; margin: 0px;  }
	.box_case_view dl{clear:both; overflow:hidden;  width:430px;  height:100px; margin:0px;}
		.box_case_view dt{ float:left; width:110px; margin:0px; padding-left: 10px; padding-top:10px; }
		.box_case_view dd{ width: 300px; float:right;color:#254E62; font-weight:bold; margin:0px; padding-top:10px;  }
		.box_case_view dd strong{ width: 300px;display:block; font-size:14px; margin:0px; }
		.box_case_view dd .line{ color:#999; line-height:12px; margin:0px; font:10px Arial;}
		.box_case_view dd p{ color:#0066ff; font-size:11px; margin-top:10px;}



/* 分页 左侧菜单样式  蓝变红*/

/* 新闻 样式 */
#newslist { margin:0px; padding:0px;}
#newslist li {width:507px; float:left; margin: 0px; padding:0px; background:url(/images/xian2.gif) no-repeat center bottom;  padding-top:7px; height:22px;}
#newslist a {margin:0px; text-decoration: none; font:12px Helvetica, Arial, sans-serif; text-align:left; padding-left:35px; color:#2d58a7;}
#newslist li a:hover{display:block;color:#557580; text-decoration: none;}
.newslistfont{ color:#59A400; line-height:14px; margin-right:10px; font-size:9px;}

/*  案例展示 */
.case_view { clear:both; margin: 10px; height:25px; width:435px; padding-left:0px;}
.case_box { clear:both; margin: 10px; width:435px; height: 240px; }

.sidebar{
margin: 0;
padding: 0;
border: 0;
outline: 0;
border: silver solid 1px;
font-size: 100%;
text-align: left;
}
.side_bar a{
padding-bottom: 6px;
margin: 0;
padding: 0px 0px 6px 0px;
border: 0;
outline: 0;
font-size: 100%;
text-shadow: none !important;
display: block;
}
.sidebar h2{
	border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
margin: 0px;
background: #F0F0F0;
font-size: 16px;
padding: 11px;
}
.sidebar a:hover div {
	background: #D8D8D8;
	border:1px solid #bfbfbf;
	color:black;
	cursor:pointer;
}
.side_bar div{
margin: 0 6px 0 6px;
font-size: 12px;
line-height: 20px;
color: #444;
border: 1px solid #D8D8D8;
padding: 5px;
}
.side_bar img{
width: 240px;
height: 180px;
}
.side_bar .small img{
width: 120px;
height: 90px;
}
/* 常用的字体连接配色 */

/*白色变銀色的连接*/
a.ikeys:link {color: #898989;}
a.ikeys:visited {color: #898989;}
a.ikeys:hover {color: #565656;}
a.ikeys:active {color: #565656;}
.ikeys{color: #565656;}

/*常用的，灰色变色的连接*/
a.default:link {font:12px Helvetica, Arial, sans-serif;color: #333333;	font-size: 12px;}
a.default:visited {font:12px Helvetica, Arial, sans-serif;color: #333333;	font-size: 12px;}
a.default:hover {font:12px Helvetica, Arial, sans-serif;color: #557580;	font-size: 12px;	text-decoration: none;}
a.default:active {font:12px Helvetica, Arial, sans-serif;color: #557580;font-size: 12px;	text-decoration: none;}
.default{font:12px Helvetica, Arial, sans-serif;color: #557580;	font-size: 12px;	text-decoration: none;}

/* 蓝色变淡的连接*/
a.blues:link {font:12px Helvetica, Arial, sans-serif;color: #2d58a7;	font-size: 12px;}
a.blues:visited {font:12px Helvetica, Arial, sans-serif;color: #2d58a7;	font-size: 12px;}
a.blues:hover {font:12px Helvetica, Arial, sans-serif;color: #557580;	font-size: 12px;	text-decoration: none;}
a.blues:active {font:12px Helvetica, Arial, sans-serif;color: #557580;font-size: 12px;	text-decoration: none;}
.blues{font:12px Helvetica, Arial, sans-serif;color: #557580;	font-size: 12px;	text-decoration: none;}

/* 深蓝色变淡的连接 加粗*/
a.dblues:link {font:12px Helvetica, Arial, sans-serif;/*color: #254E62;*/color: #484848;font-size: 12px; font-weight:bold;}
/*a.dblues:visited {font:12px Helvetica, Arial, sans-serif;color: #254E62;	font-size: 12px; font-weight:bold;}
a.dblues:hover {font:12px Helvetica, Arial, sans-serif;color: #557580;	font-size: 12px;	text-decoration: none; font-weight:bold;}
a.dblues:active {font:12px Helvetica, Arial, sans-serif;color: #557580;font-size: 12px;	text-decoration: none; font-weight:bold;}*/
.dblues{font:12px Helvetica, Arial, sans-serif;color: #254E62;	font-size: 12px;	text-decoration: none;}


/*菜单*/

.menu {width:930px; margin-left:10px;}
.menu ul {list-style-type: none; padding:0px; margin:0px;}
.menu ul li {float:left; position:relative; z-index:1111;}
.menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; padding-left:12px; padding-right:12px; line-height:41px;color:#fff;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#e1e1e1;}
.menu ul li:hover ul {display:block; position:absolute; top:37px; left:0; line-height:25px; text-align:left;}
.menu ul li:hover ul li a {display:block; background:#f2f9fd; color:#000; line-height:25px; width:90px; text-align:left;}
.menu ul li:hover ul li a:hover {background:#0099ff; color:#fff; line-height:25px; text-align:left;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DropMenu ~~~~ */

.dropmenu { padding-right: 15px !important; background-image: url(../../images/default/arrow_down.gif) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; cursor: pointer; }
.popupmenu_popup { text-align: left; line-height: 1.4em; padding: 10px; overflow: hidden; border: 1px solid {CATBORDER}; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 1px;  }
.headermenu_popup { width: 170px; }
	.headermenu_popup li { float: left; width: 7em; line-height: 24px; height: 24px; overflow: hidden; border-bottom: 1px solid {COMMONBOXBORDER}; }
.newspecialmenu { width: 100px; }
	.newspecialmenu li { background: url(../../images/default/folder_s.gif) no-repeat 3px 50%; float: left; }
		.newspecialmenu li.poll { background-image: url(../../images/default/pollsmall.gif); }
		.newspecialmenu li.trade { background-image: url(../../images/default/tradesmall.gif); }
		.newspecialmenu li.reward { background-image: url(../../images/default/rewardsmall.gif); }
		.newspecialmenu li.activity { background-image: url(../../images/default/activitysmall.gif); }
		.newspecialmenu li.debate { background-image: url(../../images/default/debatesmall.gif); }
		.newspecialmenu li.video { background-image: url(../../images/default/videosmall.gif); }
		.newspecialmenu a { display: block; width: 75px; border-bottom: 1px solid {COMMONBOXBORDER}; padding: 5px 0 5px 25px; }
			.newspecialmenu a:hover { text-decoration: none; color: {HIGHLIGHTLINK}; border-bottom-color: {CATBORDER}; }
#forumlist_menu, #forumjump_menu, #visited_forums_menu { padding: 10px 30px 10px 20px; }
	#forumlist_menu dl, #forumjump_menu dl { padding: 5px 0; }
		#forumlist_menu dt a, #forumjump_menu dt a { font-weight: bold; color: {TEXT}; }
		#forumlist_menu dd, #forumjump_menu dd { padding-left: 1em; }
			#forumlist_menu li.sub, #forumjump_menu li.sub { padding-left: 1em; }
			#forumlist_menu li.current a, #forumjump_menu li.current a, #visited_forums_menu li.current a { font-weight: bold; }
			#forumlist_menu li a, #forumjump_menu li a, #visited_forums_menu li a { font-weight: normal; color: {HIGHLIGHTLINK}; }
.userinfopanel { border: 1px solid {CATBORDER}; width: 140px; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; padding: 10px; }
	.imicons { text-align: center; border: 1px solid {COMMONBOXBORDER}; background: {TABLEBG}; padding: 4px 1px; }
		.imicons img { vertical-align: middle; }
	.userinfopanel p { text-align: left; margin: 0; }
		.userinfopanel p a { color: {HIGHLIGHTLINK}; }
	.userinfopanel dl { border-bottom: 1px solid {COMMONBOXBORDER}; margin: 5px 0; padding: 5px 0; }
	.postauthor cite a { float: left; padding: 5px; border: solid {ALTBG2}; border-width: 1px 1px 0; height: 10px; overflow: hidden; }
		.postauthor cite a.hover { border-color: {CATBORDER}; background-color: {TABLEBG}; }
	.popupmenu_popup .postauthor { width: 180px; }
		.popupmenu_popup .postauthor a { color: {HIGHLIGHTLINK}; }
#styleswitcher_menu { overflow: visible; }
	#styleswitcher_menu, #styleswitcher_menu ul li, #styleswitcher_menu ul li.current a, #styleswitcher_menu ul li a { white-space: nowrap; }
	#styleswitcher_menu ul li.current { font-weight: bold; }
		#styleswitcher_menu ul li.current a { color: {TEXT}; }
#styleswitcher_menu {}
	#styleswitcher_menu li.current { font-weight: bold; }
.tagthread { width: 360px; }
	.tagthread .close { float: right; padding-top: 5px; }
	.tagthread h4 { line-height: 26px; border-bottom: 1px solid {COMMONBOXBORDER}; }
	.tagthread ul { padding: 5px; }
		.tagthread li { line-height: 1.8em; }
	.tagthread li.more { text-align: right; background: url(../../images/default/arrow_right.gif) no-repeat 100% 50%; padding-right: 10px; }
.headactions .popupmenu_popup a, .headactions .popupmenu_popup strong { color: {TEXT}; background: none; white-space: nowrap; }
	.headactions .popupmenu_popup { overflow: visible; }

#threadtypesmenu_menu ul li { height: 1.4em; _line-height: 1.4em; }

*+html #my_menu, *+html #memcp_menu, *+html #stats_menu, *+html #plugin_menu { margin-left: 1px; }
* html #my_menu, * html #memcp_menu, * html #stats_menu, * html #plugin_menu { margin-left: 1px; }



/*
Default Style for Kannol(R)
URL: http://www.yinfu.cc
(C) 2011-2012 Yinfu.cc Inc.
<style type="text/css">
*/
