@CHARSET "UTF-8";

form{margin: 0;padding: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;vertical-align: baseline;}

body {line-height: 1;color: black;background: white;}
/*ol, ul {list-style: none;}*/

table {border-collapse: separate;border-spacing: 0;}
/*caption, th, td {text-align: left;font-weight: normal;}*/
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

body {	margin:0px auto;}
.accesskey{display:block;float:left;width:45px;}
#wrap{text-align: center;margin:0 auto;width:960px;}
#container{text-align: left;width:960px;}
#topArea{width:960px;position:relative;}
#logo{display: none;}
/*#logo{position:absolute;left:297px;height:116px;width:387px;display:block;top:74px;}*/
#global_nav{margin:0;}
#global_nav li{float:left;display:block;}
#global_nav li a{display:block;padding:10px 15px;}
#global_nav .nav_accesskey,#global_nav .nav_accesskey a,#global_nav .nav_accesskey a:hover{padding:3px;}
#search{float:left;width:175px;padding:5px 10px;}
#search .text{margin-bottom:4px;width:170px;}
#search label{display:none;}

.error{font-size:12px; color:red;}
.field ul {list-style: none;list-style-type: none;}

.content_item {float:left;width:90%;margin-bottom:10px;padding-left:30px;}
.content_item h3{height:41px;line-height:41px;margin:0;padding-left:60px;}
.content_item h3.link, .content_item h3.news,.content_item h3.know,.content_item h3.epaper,.content_item h3.rsst,.content_item h3.epaper,.content_item h3.instrument,.content_item h3.member,.content_item h3.calendar, .content_item h3.sitemap{margin:0;height:40px;padding-left:60px;padding-top:2px;}
#search select{float:left;margin-right:2px;}
#ticker{float:left;}
.tickertable, .tickerfunction{ padding:5px 10px 5px 10px;}
#menuWrap{float:right;width:690px;margin-bottom:10px;margin-right:15px;_margin-right:8px;}
#menu{padding-left:20px;padding-top:5px;}
/*-----Jquery Drop-Down Menu-----*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	margin-left:7px;
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

.side_menu ul{list-style: none;position:absolute;top:-999em;width:14.6em;}
.side_menu ul li{width:100%;}
.side_menu li:hover{visibility:inherit;}
.side_menu li{float:left;position:relative;width:14.6em;}
.side_menu li ul{list-style: none;float:left;}
.side_menu ul li ul{list-style: none;width:13.5em;}
.side_menu li ul li a{width:8em;margin-left:25px;}
.side_menu a{display:block;position:relative;padding-right:20px;}
.side_menu li:hover ul,.side_menu li.sfHover ul{list-style: none;z-index:99;top:0;right:-15em;padding:15px 10px;}
ul.side_menu li:hover li ul,ul.side_menu li.sfHover li ul{list-style: none;top:-999em;}
ul.side_menu li li:hover ul,ul.side_menu li li.sfHover ul{list-style: none;left:12em;top:0;}
ul.side_menu li li:hover li ul,ul.side_menu li li.sfHover li ul{list-style: none;top:-999em;}
ul.side_menu li li li:hover ul,ul.side_menu li li li.sfHover ul{list-style: none;left:8em;top:0;}

/*-----Jquery Drop-Down Menu-----End*/
#leftArea{float:left;width:240px;}
#leftArea h3{display:block;width:210px;float:left;padding-top:10px;padding-bottom:17px;padding-right:20px;}
.functionBody{float:left;text-align:right; width:180px;padding-left:40px;padding-right:20px;padding-bottom:10px;}
.functionBody th{padding:3px;}
.functionBody td{padding:3px;}
.functionBody .text{width:120px;}
.functionBody ul{list-style: none;}
.rss{display:block;width:100px;float:right;padding:5px 5px 5px 25px;}
.btn{height:24px;width:54px;margin:0;padding:0;}
.govote{float:right;height:37px;width:60px;text-decoration:none;padding-left:25px;}
#signup{width:100%;}
#signup li{float:left;}
#signup li a{padding:5px 8px;}
#centerArea{float:left;width:710px;}
#description{padding:10px 25px 15px;}
/*-----Jquery Tab Menu-----*/
.tabs{width:100%;display:block;}
.tabs ul{margin:0;list-style: none;display:block;float:left;padding-left:0;padding-bottom:0;padding-top:10px}
.tabs li{margin:0;float:left;display:block;}
.tabs li a{display:block;height:42px;float:left;width:98px;margin:0 5px 0 0;}
.tabs a.selected{height:40px;width:98px;}
#tab1,#tab2,#tab3,#tab4,#tab5,#tab6,#tab7,#tab8,#tab9,#tab10{padding-bottom:10px;float:left;width:100%;clear:both;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
/*-----Jquery Tab Menu-----End*/
li.bullet a{display:block;padding-left:300px;height:30px;float:left;width:300px;margin:0;}
ul.grid{list-style: none;width:100%;}
.gridarea{width:100%;}
.news_date{width:80px;padding-left:20px;}
ul.news_area{width:100%;margin:0;list-style: none;padding:0;float:left;}
li.content a{height:auto;width:auto;}
.tabs li.content{width:80%;}
#bottomArea{padding-top:20px;padding-bottom:20px;height:50px;clear:both;width:690px;padding-left:250px;}
#bottomArea .content{width:680px;}
#bottomArea div{padding:3px;}
/*----shared----*/
.normalbt,.normalbt_l{height:25px;width:57px;margin:0 5px 0 0;padding:0;_padding-top:3px;}
.normalbt_l{width:89px}
.records{clear:both;margin:10px auto;line-height:24px;}
.button_label{float:left;padding:0 5px;}
.pagination_controls select{float:left;line-height:24px;}
.previous,.next{display:block;float:left;height:24px;width:24px;}
.skip {display: none;}
ul.ticker {margin:0;padding:0;list-style: none;}
/*----form----*/
.formtable,.linktable,.albumtable{margin-top:5px;margin-bottom:5px;text-align:left;}
.formtable .header,h4.header{padding-top:5px;padding-bottom:10px;}
.formtable td,.linktable td,.albumtable td{padding:5px 8px;}
.bar td{padding:0px;}
.form-title,.static-title {height:40px;padding-left:60px;padding-top:2px;}
/*----newsmore----*/
.contentItem {margin-bottom:10px;margin-bottom:10px;}
.contentItem h3{height:40px;padding-top:2px;_padding-top:10px;_height:30px;}

.newslist .gridarea{margin:0;padding:5px 5px 2px;float:left;}
.newslist a{padding-right:8px;padding-left:8px;clear:both;padding-top:3px;}
.source{float:left;padding:3px 5px 3px 30px;}
.category{padding:3px 5px 3px 15px;float:left;display:block;}
/*----links----*/
.linktable subtitle{}
.search_link{width:580px;}
.search_link select{float:left;}
.search_link input{float:left;margin-left:5px;}
.ask a, .comment_bt a{display:block;padding:3px 5px 0 35px;}
.snapshot{float:left;}
.snapshot img{padding:5px;float:left;padding:3px;height:100px;}
.divBar{float:left;padding:10px;width:595px;margin-bottom:5px;}
.mainBar{float:left;width:450px;padding:0 10px;}
.mainBar .table_area{float:left;width:480px;clear:none;margin:0;padding:0;}
.mainBar .gridarea{width:480px;float:left;margin:0;padding:0;}
.mainBar .grid{width:470px;margin:0;padding:0;}
.linktable .label{float:left;padding-right:5px; width:20%}
.linktable .content{width:330px;}
ul.link_list {list-style: none;}
.link_list{float:left;margin:0;padding:10px 10px 10px 30px;}
.link_list .normalbt{clear:both;padding:3px 10px;}

.link_list li{float:left;padding-left:15px;margin-left:10px;_margin-left:5px;line-height:20px;margin-bottom:5px;width:350px;padding-bottom:3px;}
.link_list .pic{clear:none;float:left;width:auto;margin:0;padding:0;}
.link_list .pic img{float:left;margin-bottom:5px;}
/*----epaper----*/
ul.sepaper{
	margin:0;padding:0;	
}
ul.sepaper li{
	padding: 2px 0px;
	display:block;
	width:100%;
}
a.votelink{display:block;width:120px;margin-left: 20px;padding: 8px 25px;}
ul.srow li{
	display:inline;
	padding: 0px 2px;
}
table.epaper {text-align:right;}
.formtable input{float:left;margin-right:5px;margin-left:0;}
.formtable label{float:left;padding-right:5px;}
td.subscribe{padding:10px 10px 5px;}
.date{float:left;padding:0 5px 0 25px;}
ul.epaper {margin: 0;}
.epaper .content a{padding:0;display:block;}
.epaper .gridarea{margin: 0;clear:both;}
.epaper .grid{ margin: 0;list-style-type: none; list-style: none;padding:5px;}
.sitemaptable{width:650px;margin-right:auto;margin-left:auto;}
.sitemaptable .contentblock{padding:5px;}
.sitemaptable h4{padding-top:5px;padding-bottom:5px;padding-left:25px;}
.sitemaptable ol,.sitemaptable ul{list-style: none;padding-left:25px;padding-bottom:10px;}
.sitemaptable ul li{list-style: none;padding-left:20px;}
.map td{padding:10px;}
.map h2{margin: 0;}
.map ul{list-style: none;padding:10px 10px 10px 0;margin: 0;}
.map .child a,.map h2 a{display:block;}
/*----calendar----*/
.calendar h3{float:left;}
.cal-navi{margin-left:280px;height:30px;padding-top:5px;#padding-top:-3px;}
.cal-navi input{width:57px;margin:0 5px 0 0;padding:0;height:25px;}
.m_navi{margin-right:auto;margin-left:auto;}
.m_navi td{padding:5px 8px;}
#clmonth{margin-right:auto;margin-left:auto;}
#clmonth table td,#clmonth td{padding:3px;}
#clmonth td img{margin-right:2px;}
#clmonth table{width:80px;}

#detail_content .line{display:block;height:20px;width:650px;margin-bottom:10px;}
#detail_content h3{display:block;height:50px;width:300px;}
#detail_content .info_list{padding-left:60px;}
.info_list li{padding-left:15px;}
.functionBody img{margin-bottom:5px;}
/*----small calendar-----------*/
#s_calendar{width:180px;clear:both;}
#s_calendar td a{display:block;}
#s_calendar td{padding:2px 3px;}
#s_calendar th,.week,.week th{padding:3px;}
/*---- TICKER ----*/
#ticker{padding:10px 0px;}
/*----instrument----*/
#wrap .search input{float:left;}
#wrap .search .radio{float:none;}
.instru_list{padding:10px;margin:0 5px 10px;_margin:0 2px 10px;clear:both;float:left;width:590px;}
.instru_list .normalbt{clear:both;margin-left:20px;}
.instru_list li{display:block;float:left;width:450px;padding-left:15px;margin-left:10px;line-height:20px;margin-bottom:5px;}
.instru_list .pic{margin:0;padding:0;clear:none;float:left;width:auto;}
.instru_list .pic img{float:left;}
#qlist{padding:5px 5px 8px;float:left;width:450px;}
#qlist li{float:left;}
#qlist li a{padding:5px 8px 3px;display:block;margin-right:5px;}}
.instru_list_detail .pic img{padding:5px;clear:both;}
.instru_list_detail{font-size:13px;line-height:20px;}
.instru_list_detail .pic{margin:0;float:left;width:600px;}
.instru_list_detail .pic .normalbt{clear:both;margin-left:5px;}
.instru_list_detail li{padding-left:15px;margin:5px 10px 5px 20px;float:left;width:250px;}
.instru_list_detail .one{clear:both;width:550px;}
.reserve{margin-right:auto;margin-left:auto;border-collapse:collapse; width:100%;}
.reserve th{padding:5px;}
/*----forum----*/


.titles {
	font-family:"Lucida Grande",Helvetica,Arial,sans-serif;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;margin:0;
	line-height:120%;
}
.onecol #menuWrap{width:900px;}
.onecol #footer{padding-left:10px;width:800px;margin-right:auto;margin-left:auto;}
.onecol #mainBar{width:920px;margin-left:auto;margin-right:auto;float:none;}
.onecol .reserve,.article{width:680px;clear:both;}
.f_title a{padding-left:40px;display:block;}
.f_title em{padding-left:5px;}
.f_moderator, .f_desc{text-align:left;font-size:12px;margin:0;}
.forum_nav{list-style: none;float:left;padding:5px 0px;margin:2px 0}
.forum_nav li{float:right;margin-right:5px;}
.forum_nav li a{display:block;padding-right:15px;padding-left:15px;}
#mainBar .article, #mainBar .sub_article{margin-right:auto;margin-left:auto;}
.article, .sub_article{margin-bottom:10px;margin-right:auto;margin-left:auto;}
.article caption, .sub_article caption{padding-left:30px;padding-bottom:5px}
.onecol .article .p_time, .onecol .sub_article .p_time{float:right;padding-top:5px;padding-bottom:8px;}
.p_time a{padding-left:5px;}
.article td, .sub_article td{padding:5px 10px;}
.article p, .sub_article p{clear:both;padding-top:5px;padding-bottom:5px;}
.article .f_file a, .sub_article .f_file a{padding-left:15px;}
#mainBar .now{clear:both;padding-left:60px;}
/*----rss----*/
#wrap .rss_list li a{padding-left:10px;}
ul#s_box{margin:0;padding:0;list-style: none;}
#s_box{padding-right:50px;padding-left:15px;}
#s_box li{margin:0;padding:0;}
.s_titile{padding-top:10px;}
#s_box a{padding-top:5px;padding-bottom:5px;display:block;}
#s_box li h4{padding-left:15px;}
/*----vote----*/

a.votelink{display:block;width:120px;margin-left: 20px;padding: 8px 25px;text-align:left;}

.vote_list{list-style-type:none;width:570px;line-height:24px;padding-left:15px;padding-right:15px;}
.vote_list a{padding-left:15px;}
.vote_list .des{padding-left:15px;}
.vote_list .date{margin-left:15px;padding-left:18px;padding-top:5px;}
.vote_list h4{padding-top:5px;padding-bottom:5px;padding-left:15px;}
.vote_list .bar{height:25px;}
/*----epaper----*/
table.epaper {float:right;}
ul.epaper {padding:0;list-style: none;}
#epaper #header{height:125px;}
#epaper #logo{top:0;}
#epaper .forum_nav{width:790px;clear:both;}
.long{clear:both;margin-left:9px;#margin-left:0;_margin-left:0;width:740px;_width:695px;}
#epaper #footer .content{width:780px;}
#epaper #content ul{list-style: none;padding:5px 10px 5px 20px;}
#epaper #content li{_height:25px;margin:0;padding:0;}
#epaper #content li a{display:block;margin:0;padding:2px 0 2px 15px;}
#epaper #content table{margin-bottom:10px;#margin-bottom:5px;}
.twocol{width:750px;}
.twocol td table{width:365px;}
#epaper h2{padding-left:45px;}
#epaper table td table h2{_width:300px;}
.more a{display:block;height:25px;}
#epaper .author{float:left;padding-top:15px;}
.author span{float:left;margin:0;padding:0 0 0 20px;}
#epaper #content .author a{padding-left:3px;float:left;padding-top:0;}
#epaper #content p{clear:both;padding-right:20px;padding-left:20px;}
#epaper #content h3{padding-left:22px;}
#epaper #header .date{position:absolute;right:84px;bottom:98px;width:152px;padding-left:25px;}
/*----album----*/
.album_list{float:left;padding:10px 10px 20px;}
.album_list ul{list-style: none;float:left;width:44%;height:120px;position:relative;margin:5px;padding:10px;}
.album_list li{float:left;}
.search_link.album{width:200px;clear:both;}
.album_list li h4{width:160px;}
.album_list .author{font-size:11px;padding-left:20px;width:150px;float:right;}
.album_list img{float:left;margin-right:10px;}
.album_list .date{position:absolute;bottom:10px;left:10px;}
ul.album_pic{margin:0px;list-style: none;padding:10px;}
.album_pic{padding:10px;}
.album_pic li{height:150px;width:150px;float:left;}
.album_pic li img{padding:3px;}
.static-title.album{width: 500px;}

/*知識分享頁面only
--------------------------------------------------------------------------------------------------------*/
.formtable .note{padding-left: 80px;padding-top: 20px;}

.input_1{float:right;margin-top:10px;margin-right:10px;}
#wrap .tb2 {width:100%;}
.tb2 td{padding:3px 5px;}
.tb2 a{display:block;}
.nlink a{margin-right:30px;_margin-right:15px;}/*IE6 Hack*/
.kbox .normalbt{margin-top:15px;margin-bottom:5px;padding:3px 5px;}
.kbox{margin:0 auto;}
ul.kbox_detail{margin:0;list-style: none;}
.kbox_detail{margin-bottom:5px;padding:5px;}
.kbox .k_content{padding:10px;}
.k_content textarea{width:456px;}
.kbox th{padding-left:20px;}
.circle_li{padding-left:15px;}
.kbox .refer{padding:10px 5px 0;}


#qlist{float:right;#float:none;width:540px;clear:both;padding-bottom:20px;}
#qlist2{float:left;}
#qlist a,.nlink a{float:left;margin-left:10px;display:block;padding:2px 8px;}
#qlist2 li a{margin-left:5px;display:block;float:left;padding:2px 5px;}
#qlist li,#qlist2 li{display:inline;}
#qlist span,#qlist2 span{float:left;padding:5px;}
#detail_content #qlist{width:480px;}

/*-------------Content View --------------*/
.content-view{
	 border:1px solid #CCCCCC;
}

.content-view .desc {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

.article ul{list-style: none;margin:0;}