@charset "utf-8";

body  {
	margin:0 ;
	padding:0;
}

div#container1 {
	background-image:url(../../images/bg_line-1.gif);
	background-repeat: repeat-x;
	background-position: top;
	width:100%;
}

div#container2 {
	background-image:url(../../images/bg_line-2.gif);
	background-repeat: repeat-x;
	background-position: top;
	width:100%;
}

div#wrapper {
	margin:0 auto;
	width:1000px;
}

div#header {
	padding-top:12px;
	height:105px;
}

#logo{
	float:left;
	margin-top:0;
}

/* nav */
/*menu01選單整體寬高及顏色置中設定*/
#navi  {
    text-align: center;
    padding: 0;
    margin: 0 auto;
}

#navi  a {
    text-decoration: none;
    color: #000;
	font-size:13px;
}

#navi  a:hover {
	color: #eb0906;
	font-weight: bold;	
}


#navi  ol, li, ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

/*調整整個選單各主標題連結*/
#navi  li.submenu {
    float: left;            /*讓主標題連結變成水平狀*/
    padding: 25px 0 0 0;
    margin: 0;
    width: 100px;           /*各主標題連結的寬度*/
    height: 50px;           /*各主標題連結的高度*/
    text-align: center;
}

#navi  li { /*調整子選單的寬度和高度*/
}

#navi  li ul { /*調整子選單的相對位置*/
    display: none;          /*展現方式為隱藏*/
    position: absolute;      /*子選單的對齊方法為絕對方式*/
    z-index: 999;            /*子選單的圖層層級為999，在最上方*/
    margin-top: 10px;         /*子選單區塊與主連結的相對往下移點數*/
    margin-left: 30px;       /*子選單區塊與主連結的相對往右移點數*/
	border-top: thin solid #CCC;
	border-bottom:thin solid #CCC;
}

/*顯示子選單區塊*/
#navi li:hover ul {       /*當滑鼠移到li時，ul會*/
    display: #fff;         /*ul會顯示出來，即子選單區塊顯示出來*/
}

/*調整滑鼠移到主選單的項目時會變什麼顏色*/
#navi  li.submenu:hover {          /*當滑鼠移到li時*/
	background-image:url(../../images/menu_blank.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #eb0906;
	padding-top:30px;
 	font-weight: bold;
}

/*調整滑鼠移到子選單的項目時會變什麼顏色*/
#navi  li li:hover  {          /*當滑鼠移到li裡的li時*/
    background-color: #fff;
}

/*顯示子選單區塊*/
#navi li:hover ul {       /*當滑鼠移到li時，ul會*/
    display: block;         /*ul會顯示出來，即子選單區塊顯示出來*/
	border-top: thin solid #CCC;
	border-bottom:thin solid #CCC;
}

#navi li li{
    float:left;
	height:25px;
	text-align:center;
	line-height:25px;
	padding:0 10px 0 0;
}


/*調整滑鼠移到子選單的項目時會變什麼顏色*/
#navi li li:hover  { /*當滑鼠移到li裡的li時*/
	color:#eb0906;
}

/* flash */
div#flash {
	width:1000px;
	clear: both;
}

#main{
	float:left;
}

#login_top img{
    float:right;
	padding-top:71px;
}

#login {
	width:210px;
	padding-left:790px;
}

/* information */
div#information {
	clear: both;
}

#information #store,#news{
	float:left;
	width:250px;
	margin: 0 auto;
	padding-right: 8px;
}

#store,#news h2{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #930202;
}

#store,#news ul{
	list-style:none;
}

#store,#news li{
	font-size:12px;
	line-height:30px;
	color: #757575;
	border-bottom:1px solid #d2d2d2;
	white-space:nowrap;
	text-overflow:ellipsis; 
	overflow: hidden;
	background-image: url(../../images/type_1.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left:10px;
}

#store,#news li.last{
	font-size:12px;
	line-height:25px;
	color: #757575;
	border-bottom:none;
	white-space:nowrap;
	text-overflow:ellipsis; 
	overflow: hidden;
	background-image: url(../../images/type_1.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left:10px;
}

#store,#news li a{
	font-size:12px;
	color: #757575;
	text-decoration: none;
}

#store,#news li a:hover{
	color: #92c937;
}

#store,#news .arrow-link {
	display:block;
	float:right;
	background:url(../../images/arrow_1.gif) right 5px no-repeat;
	margin-top:15px;
	margin-right:5px;
	padding-right:5px;
	font-size:10px;
	color:#000;
	text-decoration: none;

}
#store,#news .arrow-link:hover {
	color:#92c937;
}

#datalbs ul {
	list-style:none;
	margin:0 auto;
}

#datalbs li {
	float: left;
    margin:15px 3px 5px 3px;
	}

/* banner */
div#banner {
	width:1000px;
	clear: both;
}

#banner h2{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #930202;
}

#banner ul {
	list-style:none;
	margin:0 auto;
}

#banner li {
	float: left;
    border:1px solid #d2d2d2;
    padding:0px;
    margin:10px 5px;
}

/* content */	
#content{
	clear:both;
	background-color:#CCFF00;
}
	
/* sideContentArea */	
#sideContentArea{
    float:left;
    width:250px;
    text-align:center;
}

#sideContentArea img {
    margin:5px;
}

.sideNews {
	width:240px;
	padding:0 0 14px 0;
	margin:10px auto;
	background-image: url(../../images/tsr.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:left;
}
	
.sideNews a.more {
	display:block;
	text-align:right;
	padding:0 24px 0 0;
	text-decoration:none;
	color:#44a;
	background-image: url(../../images/tsr.gif);
	background-repeat: no-repeat;
	background-position: 250px 50%;
}

.sideNews h2{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #930202;
	text-align:left;
	margin:0 15px;
}

.sideNews ul{
	list-style:none;
}

.sideNews li{
	font-size:12px;
	line-height:25px;
	color: #757575;
	border-bottom:1px solid #d2d2d2;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	background-image: url(../../images/type_1.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:10px;
	margin:0 15px;
}

.sideNews li.last {
	font-size:12px;
	line-height:25px;
	color: #757575;
	border-bottom:none;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	background-image: url(../../images/type_1.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:10px;
	margin:0 15px; 
}


.sideNews li a{
	font-size:12px;
	color: #757575;
	text-decoration: none;
}

.sideNews li a:hover{
	color: #92c937;
}

.sideNews .arrow-link {
	display:block;
	float:right;
	background:url(../../images/arrow_1.gif) right 5px no-repeat;
	margin-top:25px;
	margin-right:15px;
	padding-right:5px;
	font-size:10px;
	color:#000;
	text-decoration: none;

}
.sideNews .arrow-link:hover {
	color:#92c937;
}

/* mainContentArea */	
#mainContentArea{
float:right;
width:750px;
}	

#mainContentArea .title{
height:45px;
border-bottom:1px solid #d2d2d2;
}

.line{
	color:#d2d2d2;
	font-size:12px;
}

#mainContentArea .position {
	float:right;
	margin-top:30px;
	color:#949494;
	font-size:12px;
}

#mainContentArea .position a{
	color:#949494;
	font-size:12px;
	text-decoration: none;
}

#mainContentArea .position a:hover{
	color:#eb0906;
}


#mainContentArea .main{
	color:#000;
    font-size:13px;
	padding:10px;
	text-align:left;
	line-height:20px;
}

/* search */
.search{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	color: #000;
	text-decoration: none;
	float:right;
	padding-top:10px;
	padding-right:10px;
	}
	
.search_t{
	color: #d10604;
}

/* list */
.list_w {
	background-color:#f9f9f9;
	margin-top:45px;
	padding: 10px 0;
}
	
.list_w  .list_title{
	margin:0 auto;
	text-align:left;
	width:712px;
	height:38px;
	line-height:38px;
	background: url(../../images/list_title.png)  center no-repeat;
	overflow:hidden;
}

.list_w  .list_title ul,.list_w .list_cn ul{
	list-style:none;
}

.list_w  .list_title li{
	float:left;
	font-size: 14px;
	font-weight: 700;
	color: #a91138;
	text-align:center;	
}

.list_w  .list_title li.title1{
	padding-left:30px;
	width:100px;
}

.list_w  .list_title li.title2{
	padding-left:150px;
	width:100px;
}

.list_w  .list_cn ul{
	margin-top:10px;
	clear:both;}

.list_w  .list_cn li{
	font-size:12px;
	line-height:30px;
	color: #6d52ac;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	background-image: url(../../images/arrow_4.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:20px;
	margin:0 15px;
	border-bottom: 1px dashed #d2d2d2;
	text-decoration: none;
}

.list_w  .list_cn li.last{
	font-size:12px;
	line-height:30px;
	color: #6d52ac;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	background-image: url(../../images/arrow_4.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left:20px;
	margin:0px 15px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #d7d7d7;
}

.list_w .list_cn .link a{
    font-size:12px;
	line-height:30px;
	color: #000;
	text-decoration: none;
}

.list_w .list_cn .link a:hover{
	color: #d10604;
}

.list_w .page_position{
    clear:both;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	line-height:35px;
	color: #000;
	text-decoration: none;
	float:right;
	padding-right:10px;
}

.date {
    font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#949494;
	padding:0 5px;
}

.list_store {
    clear:both;
    margin-top:30px;
	width:730px;
    margin:0 auto;
    clear:both;
    padding:5px 0 0 0;
}

.list_store ul{
    padding:0;
    margin:0;
    list-style:none;
}

.list_store li{
    float:left;
    text-align:center;
    line-height:20px;
    margin:0 5px 0 15px;
    width:220px;
}

.list_store h4{
    text-align:left;
    width:210px;
    background-color:#FF0000;
    color:#fff;
	padding:1px 5px;
}

.list_store span{
	background: url(../../images/store_bg_line.gif) top repeat-x;
    font-size:12px;
    color:#000;
	text-align:left;
	width:215px;
	display:block;
	padding-left:5px;
}

.list_store span a{
	color:#000;
	text-decoration: none;
}

.list_store span a:hover{
    color:#eb0906;
}

.list_store img{
	width:220px;
	height:170px;
}

/* article */
.article_title{
	font-size:14px;
	line-height:30px;
	color: #46754b;
	text-overflow:ellipsis;
	border-bottom: 1px dashed #d2d2d2;
	text-decoration: none;
	font-weight: 700;
	text-overflow:ellipsis;
}

.article_title img{
	margin:5px;
}

.article_content{
	clear:both;
	background-color:#f9f9f9;
	font-size:12px;
	line-height:30px;
	color: #000;
	padding:10px;
	text-overflow:ellipsis;
}

.article_title span {
	font-size:14px;
	color:#eb0906;
	padding:0 5px 5px 0;
	text-align:left;
}

.article_title span a{
	font-size:14px;
	color:#800080;
	padding:0 5px 5px 0;
	text-align:left;
	text-decoration: none;	
}

.article_title span a:hover{
	color:#eb0906;
}

.store_information img{
    float:left;
	margin:5px 10px 10px 0;
}


.store_information ul{
    list-style:none;
}

.store_information li {
	padding:7px;
}

.store_information li a{
    font-size:12px;
    color:#000;
}

.store_information li a:hover{
    color:#eb0906;
}

.store_information li span{
    background-color:#FF0000;
    font-size:12px;
    color:#FFFFFF;
	text-align:right;
	padding:5px;
}

/*page*/
div.page {
clear:both;
    overflow: hidden;
    font-size: 9pt;
    padding: 10px 0;
}

div.page ul {
    list-style: none;
    padding: 2px 0;
    line-height: 16px;
}

div.page li {
    display: inline;
}

div.page.number {
	padding:10px;
	margin:3px;
	text-align:center;
}

div.page.number a {
	border: 1px solid #dedfde;
	margin-right:3px;
	padding:2px 6px;
	background-position:bottom;
	text-decoration: none;
	color: #284271;
}

div.page.number a:hover, div.page.number a:active {
	border: 1px solid #000;
	background-image:none;
	background-color:#284271;
	color: #fff;
}

div.page.number li.current {
	margin-right:3px;
	padding:2px 6px;

	font-weight: bold;
	color: #a91138;
}

div.page.number li.disabled {
	margin-right:3px;
	padding:2px 6px;
	color: #adaaad;
}

	
						
/* footer */
div#footer {
	background-image:url(../../images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
	font-size:12px;
	color:#7f7f7f;
	padding-top:20px;
	padding-bottom:10px;
	clear: both;
}
