﻿@charset "utf-8";
/**************************************************
=content
********************/
#content { position:relative; margin:0px auto 10px; padding:0px; font-family: Arial, Helvetica, sans-serif; text-align:left; background:#fff; overflow:hidden; width:100%; height:auto;}
#content { -webkit-text-size-adjust:none;}
#content a, #content a:hover { text-decoration:none;}
/*main block*/
.indexBoxB { position:relative; float:left; width:500px; margin:10px 10px 0px 10px; padding:0px; text-align:left; overflow:hidden;}
.indexBoxC { position:relative; float:left; width:460px; margin:10px 0px 0px 10px; padding:0px; text-align:left; overflow:hidden;}
.indexBoxD { clear:both; position:relative; width:980px; margin:10px auto 0px; padding:0px; text-align:left; overflow:hidden;}
.indexBoxD { padding:15px 0px 0px; background:url(indexBoxD_bg.jpg) repeat-x left top;}
/**************************************************
=side_box
********************/
.side_box { position:relative; margin:0px 0px 20px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; overflow:hidden;_display:inline;}
.side_box * { margin:0px; padding:0px; text-decoration:none; border:none;}
/*title*/
.side_box h3 { position:relative; margin:0px 0px 10px; padding:0px 0px 5px 2px; font-weight:bold; line-height:1.2em; font-size:15px; color:#000; background:url(side_h3.gif) repeat-x left bottom;}
.side_box h3 span { padding-left:5px; font-size:13px;}
.side_box h3.fix { margin-bottom:0px; background:none;}
.side_box h3 .btn_more { position:absolute; bottom:6px; right:0px; width:46px; height:13px; text-indent:-9999px; background:url(btn_more.gif) no-repeat right top; cursor:pointer;}
.side_box h3 .btn {}
.side_box h3 .btn img { margin:0px 0px 0px 3px; vertical-align:middle;}
/*newsBox*/
.side_box .newsBox { margin:0px; padding:0px;}
.side_box .newsBox li { clear:both; margin:0px 0px 10px; padding:0px; list-style-type:none;}
.side_box .newsBox .img { float:left; width:78px; height:78px; border:1px solid #cccccc; overflow:hidden;}
.side_box .newsBox .img img { width:100%;}
.side_box .newsBox .group { float:left; width:140px; padding-left:8px; line-height:1.4em;}
.side_box .newsBox .title, .side_box .newsBox .title a { font-weight:bold; color:#727171;}
.side_box .newsBox .date, .side_box .newsBox .date a { color:#000;}
.side_box .newsBox .text, .side_box .newsBox .text a { color:#000;}
/*discussBox*/
.side_box .discussBox { margin:0px 0px 10px; padding:0px; text-align:left;}
.side_box .discussBox li { clear:both; margin:0px; padding:0px 0px 3px; list-style-type:none; line-height:1.5em; background:none;}
.side_box .discussBox .icon { position:absolute; left:0px; width:22px; margin:3px 0px 0px; text-align:center; overflow:hidden;}
.side_box .discussBox .icon { *margin-top:-2px;}
.side_box .discussBox .icon img { margin:0px; padding:0px; vertical-align:middle;}
.side_box .discussBox .title { position:absolute; left:22px; width:6em; white-space:nowrap; overflow:hidden;_display:inline;}
.side_box .discussBox .title, .side_box .discussBox .title a { color:#000;}
.side_box .discussBox .text { position:relative; margin-left:95px;}
.side_box .discussBox .text { *float:left; *padding-top:1px;}/*fixIE*/
.side_box .discussBox .text, .side_box .discussBox .text a { color:#000;}
.side_box .discussBox .line { margin:5px 0px; border-bottom:1px dotted #030000;}
.side_box .discussBox .line { *margin:-8px 0px 5px;}/*fixIE*/
/*blogBox*/
.side_box .blogBox { margin:0px; padding:0px;}
.side_box .blogBox li { clear:both; margin:0px; padding:0px 0px 5px 10px; list-style-type:none; line-height:1.5em; background:url(icon_arrow01.png) no-repeat left top;}
.side_box .blogBox .text {}
.side_box .blogBox .text, .side_box .blogBox .text a { color:#000;}
/*productsBox*/
.side_box .productsBox { width:101%; margin:0px; padding:0px; overflow:hidden;}
.side_box .productsBox li { float:left; width:25%; margin:0px 0px 0px 0px; padding:0px; list-style-type:none; text-align:center; line-height:1.5em; font-size:11px; overflow:hidden;}
.side_box .productsBox .img { width:100px; height:100px; margin:0px auto 7px; padding:0px; border:1px solid #cccccc; overflow:hidden;}
.side_box .productsBox .img img { width:100%;}
.side_box .productsBox .text1 { width:100%;white-space:nowrap;word-break:break-all;overflow:hidden;}
.side_box .productsBox .text1, .side_box .productsBox .text1 a { color:#000;}
.side_box .productsBox .text2 { white-space:nowrap;}
.side_box .productsBox .text2, .side_box .productsBox .text2 a { color:#e03f3f;}
.indexBoxC .side_box { margin-bottom:10px;}/*fix*/
/**************************************************
=indexBoxB main
********************/
.indexBoxB .blockA { position:relative; float:left; width:230px; margin:0px 5px;}
.indexBoxB .blockB { position:relative; float:right; width:230px; margin:0px 5px;}
.indexBoxB .blockC { position:relative; clear:both;}
/*mainBox*/
.mainBox { position:relative; margin:0px 0px 20px; padding:0px;}
.mainBox .extraTop, .mainBox .extraBottom { clear:both; display:block;}
.mainBox .extraTop div, .mainBox .extraBottom div { display:block; height:1px; background:#fff; overflow:hidden;}
.mainBox .extra1 { margin:0px 4px;}
.mainBox .extra2 { margin:0px 3px;}
.mainBox .extra3 { margin:0px 2px;}
.mainBox .extraTop .extra4, .mainBox .extraBottom .extra4 { height:2px; margin:0px 1px;}
.mainBox .extraTop div, .mainBox .extraBottom div, .mainBox .main { border-left:1px solid #edece9; border-right:1px solid #edece9;}
.mainBox .extraTop .extra1 { background:none; border:none; border-bottom:1px solid #edece9;}
.mainBox .extraBottom .extra1 { background:none; border:none; border-top:1px solid #edece9;}
.mainBox .main { position:relative; padding:5px 10px 20px; font-size:13px; overflow:hidden;}
/*title*/
.mainBox h3 { position:relative; margin:0px 0px 5px; padding:0px; font-weight:bold; line-height:1.2em; font-size:15px; color:#000;}
.mainBox h3 .btn_more { position:absolute; bottom:6px; right:0px; width:46px; height:13px; text-indent:-9999px; background:url(btn_more.gif) no-repeat right top; cursor:pointer;}
/*hotBox*/
.mainBox .hotBox { position:relative; height:190px; overflow:hidden;}
.mainBox .hotBox .img { z-index:10; position:absolute; top:0px; left:0px; width:320px; height:200px; margin:0px 0px 0px 0px; padding:0px; overflow:hidden;}
.mainBox .hotBox .img img { width:100%;}
.mainBox .hotBox .group { height:130px; margin-left:330px; overflow:hidden;}
.mainBox .hotBox .title { margin-bottom:5px;}
.mainBox .hotBox li .title, .mainBox .hotBox .title a { font-weight:bold; line-height:1.3em; font-size:13px; color:#ab7724;}
.mainBox .hotBox .name1 { margin-bottom:5px; padding-left:10px; background:url(icon_point01.gif) no-repeat -3px -2px; filter:alpha(opacity=50); opacity:0.5; zoom:1;}
.mainBox .hotBox .name1, .mainBox .hotBox .name1 a { line-height:1.3em; font-size:11px; color:#000;}
.mainBox .hotBox .text { line-height:1.4em;}
.mainBox .hotBox .speaker { position:absolute; bottom:0px; left:0px; right:0px; height:45px; padding:5px 0px 0px 330px; background:url(speaker_bg1.jpg) no-repeat right top; overflow:hidden;}
.mainBox .hotBox .speaker * { vertical-align:middle;}
.mainBox .hotBox .speaker object { float:left; width:21px; height:20px; margin-top:2px; overflow:hidden;}
.mainBox .hotBox .speaker object { margin-top:0px \9;}/*fixIE*/
.mainBox .hotBox .speaker object { *margin-top:-1px;}/*fixIE*/
.mainBox .hotBox .speaker .btn { float:left; width:25px; overflow:hidden;}
.mainBox .hotBox .speaker .text { display:block; height:3em; margin-top:3px; margin-left:26px;}
.mainBox .hotBox .speaker .text, .mainBox .hotBox .speaker .text a { line-height:1.5em; font-size:12px; color:#616b58;}
.mainBox .hotBox .speaker .text span { display:block; white-space:nowrap; font-size:11px;}
/*hotList*/
.mainBox .hotList { clear:both; width:104%; margin:3px 0px 0px; padding:15px 0px 0px; overflow:hidden;}
.mainBox .hotList, .mainBox .hotList a { color:#000;}
.mainBox .hotList li { float:left; display:inline; width:31%; height:197px; margin:0px 10px 0px 0px; padding:0px; list-style-type:none;}
.mainBox .hotList li .img { width:150px; height:100px; margin:0px 0px 7px; padding:0px; overflow:hidden;}
.mainBox .hotList li .img img { width:100%;}
.mainBox .hotList li .title { clear:both;}
.mainBox .hotList li .title, .mainBox .hotList li .title a { font-weight:bold; line-height:1.4em; font-size:13px; color:#ab7724;}
.mainBox .hotList li .name1 { margin-bottom:5px; padding-left:10px; background:url(icon_point01.gif) no-repeat -3px top;}
.mainBox .hotList li .name1, .mainBox .hotList li .name1 a { line-height:1.3em; font-size:11px;}
.mainBox .hotList li .text { clear:both; line-height:1.4em;}
/**************************************************
=indexBoxC main
*******************/
/*scrollingBoxA*/
.scrollingBoxA { position:relative; margin:0px 0px 10px; padding:0px; overflow:hidden;}
.scrollingBoxA .extra {}
.scrollingBoxA .text {}
.scrollingBoxA .text, .scrollingBoxA .text a { white-space:nowrap; font-size:13px; color:#e60012;}
/*scrollingBoxB*/
.scrollingBoxB { position:relative; height:26px; margin:0px 0px 5px; padding:0px; background:url(scrollingA_bg.gif) no-repeat left top; overflow:hidden;}
.scrollingBoxB .extra { position:absolute; top:0px; bottom:0px; right:0px; width:7px; background:url(scrollingA_bg.gif) no-repeat right top;}
.scrollingBoxB .text { margin:3px 0px 0px 75px; padding:0px;}
.scrollingBoxB .text, .scrollingBoxB .text a { white-space:nowrap; line-height:1.5em; font-size:13px; color:#000;}
/*ad*/
.adBox { position:relative; width:100%; margin:0px 0px 5px; padding:0px; overflow:hidden;}
.adBox * { margin:0px; padding:0px; text-decoration:none; border:none;}
.adBox .blockA { margin:0px 0px 5px; padding:0px;}
.adBox .blockB { float:left; width:49%; margin:0px; padding:0px;}
.adBox .blockC { float:right; width:49%; margin:0px; padding:0px;}
/*.adBox .blockA *, .adBox .blockB *, .adBox .blockC * { width:100%;}*/
/**************************************************
=speakerBox
*******************/
.speakerGroup { clear:both; position:relative; height:35px; margin:0px 0px 20px; padding:0px; background:url(speakerGroup_bg.gif) no-repeat right top; overflow:hidden;}
.speakerGroup .extra { position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:url(speakerGroup_title.gif) no-repeat left top;}
.speakerGroup object { z-index:99; position:absolute; top:7px; right:11px;}
.speakerGroup .text { z-index:99; position:relative; height:1.3em; margin:8px 45px 0px 130px; padding:0px; overflow:hidden;}
.speakerGroup .text, .speakerGroup .text a { white-space:nowrap; line-height:1.2em; font-size:13px; color:#000;}
.speakerGroup { *margin-top:30px;}/*fixIE*/
/**************************************************
=msgGroup
********************/
.msgGroup { clear:both; position:relative; margin:0px 0px 20px; padding:0px;}
.msgGroup .extraTop, .msgGroup .extraBottom { clear:both; display:block;}
.msgGroup .extraTop div, .msgGroup .extraBottom div { display:block; height:1px; background:#d4edf1; overflow:hidden;}
.msgGroup .extra1 { margin:0px 4px;}
.msgGroup .extra2 { margin:0px 3px;}
.msgGroup .extra3 { margin:0px 2px;}
.msgGroup .extraTop .extra4, .msgGroup .extraBottom .extra4 { height:2px; margin:0px 1px;}
.msgGroup .extraTop div, .msgGroup .extraBottom div, .msgGroup .msgGroupMain { background:#d4edf1;}
.msgGroup .extraTop .extra1 { background:none; border:none;}
.msgGroup .extraBottom .extra1 { background:none; border:none;}
.msgGroup .msgGroupMain { position:relative; padding:2px 10px 0px 10px; overflow:hidden;}
.msgGroup .msgGroupMain { *padding-bottom:5px;}/*fixIE*/
/*head*/
.msgGroup .headBlock { position:relative; margin:0px; padding:0px; overflow:hidden;}
.msgGroup .headBlock { *padding-bottom:5px;}/*fixIE*/
.msgGroup .headBlock .title { min-height:35px; margin:0px 80px -1px 0px; padding:10px 0px 15px 115px; background:url(headBlock_img.png) no-repeat 5px bottom;}
.msgGroup .headBlock .title, .msgGroup .headBlock .title a { line-height:1.2em; font-weight:bold; font-size:13px; color:#000;}
.msgGroup .headBlock .btn { position:absolute; top:5px; right:5px;}
.msgGroup .headBlock .msgBox { width:99%;}
.msgGroup .headBlock .main { padding:5px 10px 5px;}
.msgGroup .headBlock .main .comTextarea { width:97%; height:44px;}
/*block*/
.msgGroup .block { clear:both; position:relative;}
/*speakerBox*/
.msgGroup .speakerBox { float:right; width:60px; margin-top:2px; text-align:center;}
.msgGroup .speakerBox .photo { margin:0px; padding:0px;}
.msgGroup .speakerBox .photo img { width:50px; height:50px; margin:0px; padding:0px; border:none;}
.msgGroup .speakerBox .id { margin:3px 0px 0px;}
.msgGroup .speakerBox .id, .msgGroup .speakerBox .id a { line-height:1.2em; font-weight:bold; font-size:11px; color:#000000;}
/*msgBox*/
.msgBox { position:relative; float:left; width:360px; margin-bottom:5px;}
.msgBox .extraTop, .msgBox .extraBottom { clear:both; display:block;}
.msgBox .extraTop div, .msgBox .extraBottom div { display:block; height:1px; background:#fff; overflow:hidden;}
.msgBox .extra1 { margin:0px 4px;}
.msgBox .extra2 { margin:0px 3px;}
.msgBox .extra3 { margin:0px 2px;}
.msgBox .extraTop .extra4, .msgBox .extraBottom .extra4 { margin:0px 1px; height:2px;}
.msgBox .extraTop div, .msgBox .extraBottom div, .msgBox .main { border-left:1px solid #d2dde0; border-right:1px solid #d2dde0;}
.msgBox .extraTop .extra1 { background:none; border:none; border-bottom:1px solid #d2dde0;}
.msgBox .extraBottom .extra1 { background:none; border:none; border-top:1px solid #d2dde0;}
.msgBox .extraArrow { position:absolute; top:20px; right:-11px; width:12px; height:11px; background:url(msgBox_extraArrow.png) no-repeat right center;}
.msgBox .main { padding:5px 15px 5px; font-size:12px; background:#fff;}
/*main*/
.msgBox .main { position:relative; line-height:1.5em;}
.msgBox .main .time { font-family:"新細明體"; font-weight:normal; font-size:11px;}
.msgBox .main .textSummary { margin:0px 55px 10px 0px; padding:0px 0px 0px 10px; font-weight:bold; background:url(icon_arrow01.png) no-repeat left top;}
.msgBox .main .textSummary, .msgBox .main .textSummary a { color:#686874;}
.msgBox .main .textSummary .time { position:absolute; top:5px; right:5px; margin:0px 5px;}
.msgBox .main .textSummary .time, .msgBox .main .textSummary .time a { color:#000;}
/*msg*/
.msgBox .main .msg { margin:0px 55px 0px 10px; padding:0px;}
.msgBox .main .msg li { position:relative; list-style-type:none; margin:2px 0px; line-height:1.5em; padding:3px 55px 3px 5px; color:#656773; background:#f8f8f8;}
.msgBox .main .msg li .id, .msgBox .main .msg li .id a { color:#7093b9;}
.msgBox .main .msg li .time { position:absolute; top:5px; right:0px; margin:0px 5px;}
.msgBox .main .msg li .time, .msgBox .main .msg li .time .time a { color:#aeadb3;}
.msgBox .main .msg li.hiddenBg { padding:0px; text-align:left; background:none;}
.msgBox .main .comTextarea { width:96%; margin:0px; padding:5px; font-size:11px; color:#666774; border:1px solid #e5e5e5;}
.re,.re a{color:#7093b9; font-weight:normal;}
li.msgBox_reply{ font-weight:bold;}
.msgBox .number{
	font-size:22px;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	width:65px;
	height:24px;
	float:right;
	margin-right:-10px;
	margin-top:-25px;
	text-align:right;
}

/**************************************************
=indexBoxD main
*******************/
/*title*/
.indexBoxD h3 { position:relative; margin:0px 20px 5px 30px; padding:0px; font-weight:bold; line-height:1.2em; font-size:15px; color:#777751;}
.indexBoxD h3 .btn_more { position:absolute; bottom:6px; right:0px; width:46px; height:13px; text-indent:-9999px; background:url(btn_more.gif) no-repeat right top; cursor:pointer;}
/*mainList*/
#mainList { position:relative; margin:0px; padding:0px 0px 0px 10px;}
#mainList * { margin:0px; padding:0px; list-style-type:none;}
#mainList, #mainList a { text-decoration:none; font-weight:normal; font-size:12px; color:#616161;}
#mainList>li { float:left; position:relative; width:300px; height:260px; margin:0px 10px 10px; padding:0px; background:url(mainList_liBg.gif) repeat-x left top; overflow:hidden;}
#mainList .tag { position:absolute; top:0px; right:0px;}
#mainList .btn { z-index:100; position:absolute; top:30px; right:0px;}
#mainList .img { float:left; width:80px; height:80px; margin:10px; padding:0px; overflow:hidden;}
#mainList .img img { width:100%;}
#mainList .group { position:relative; width:200px; margin:0px 0px 10px 90px; padding:0px; border-bottom:1px dotted #cccccc; overflow:hidden;}
#mainList .group { *padding:70px 0px 0px;}/*fixIE*/
#mainList .group .name2 { position:absolute; top:14px; height:1.2em; margin:0px 60px 0px 0px; padding:0px; overflow:hidden;}
#mainList .group .name2, #mainList .group .name2 a { font-size:16px;}
#mainList .group .name1 { position:absolute; top:36px; height:1.2em; margin:0px 40px 0px 0px; overflow:hidden;}
#mainList .group .name1 { height:1.1em \9; padding-top:2px \9;}/*fixIE*/
#mainList .group .name1, #mainList .group .name1 a { font-size:13px;}
#mainList .group .name1, #mainList .group .name1 a, #mainList .group .name2, #mainList .group .name2 a { font-weight:bold; color:#000000;}
#mainList .group ul { height:5.4em; margin:70px 0px 8px; padding:0px; overflow:hidden;}
#mainList .group ul li { margin:0px; padding:0px 10px 0px 10px; line-height:1.4em; background:url(mainList_liIcon.gif) no-repeat 2px 4px;}
#mainList .group ul li, #mainList .group ul li a { color:#13a179;}
#mainList .text { clear:both; height:6em; margin:0px 10px 10px; padding:0px; text-align:justify; text-justify:inter-ideograph; line-height:1.5em; overflow:hidden;}
#mainList .text a { display:block;}
