@charset "utf-8";
/* CSS Document */
/***普通通用*********************************************************/
p {
margin: 0px;
padding: 0px;
}
img {
border: 0px;
}
.clear {
zoom: 1;
clear: both;
}
.clear:after {
content: '';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.bold {
font-weight: bold;
}
/***普通通用*********************************************************/
body {
margin: 0px;
padding: 0px;
background-repeat: no-repeat;
background-position: center top;
background-image:url(body_bg.jpg);
background-color:#FEF9E9;
}
#wrapper100 {
width: 100%;
height: auto;
margin: 0 auto;
background-position: top;
}
#wrapper {
width: 1092px;
height: auto;
position: relative;
margin: 0 auto;
line-height: 18px;
letter-spacing: 1px;
font-size: 13px;
font-family: Verdana, "微軟正黑體";
}
#header {
width: 1092px;
height: 97px;
}
#container {
width: 1092px;
height: auto;
margin-top: 51px;
}
#topsidebar {
width: 1092px;
height: 202px;
float: left;
margin: 0px 0px 20px 0px;
}
/*-麵包屑--------------------------------------------------------*/
#breadcrumbs {
height: 24px;
width: 241px;
font-size: 13px;
z-index: 5;
position: absolute;
left: 466px;
top: 9px;
text-align:right;
color: #8C8C8C;
}
#breadcrumbs a {
color: #8C8C8C;
TEXT-DECORATION: none;
-webkit-transition: color 120ms linear;
-moz-transition: color 120ms linear;
-o-transition: color 120ms linear;
transition: color 120ms linear;
}
#breadcrumbs a:hover {
COLOR: #F60;
TEXT-DECORATION: none;
}
/*-導航--------------------------------------------------------*/
#leftnav {
width: 219px;
min-height: 400px;
height: auto;
float: left;
margin: 0px 0px 20px 53px;
font-family: Verdana, "微軟正黑體";
}
#leftnav .title {
height: auto;
width: 219px;
}
#leftnav .title2 {
height: auto;
width: 215px;
}
#leftnav .menu {
height: auto;
/**min-height: 200px;**/
width: 215px;
float: right;
background-image: url(leftnav/center.jpg);
}
#leftnav .menu_bottom {
height: auto;
width: 215px;
color: #000;
float: right;
}
#subnav {
width: 215px;
height: auto;
float: right;
color: #000;
font-size: 13px;
line-height: 20px;
}
#subnav ul {
list-style-type: none;
list-style-image: url(dot.jpg);
}
#subnav ul A:link {
color: #666666;
TEXT-DECORATION: none;
}
#subnav ul A:visited {
color: #666666;
TEXT-DECORATION: none;
}
#subnav ul A:hover {
COLOR: #F60;
font-weight: bold;
}
#subnav li {
width: 170px;
min-height: 21px;
}
#leftnav .community {
width: 215px;
height: auto;
margin-top: 10px;
float: right;
}
#leftnav .community01 {
width: 100px;
height: 100px;
float: left;
}
#leftnav .community02 {
width: 115px;
height: auto;
float: right;
padding: 10px 0px 5px 0px;
text-align: right;
}
#leftnav .community03 {
width: 110px;
height: auto;
padding: 5px 0px 5px 5px;
text-align: right;
float: left;
}
/***主要資料*********************************************************/
#main {
width: 726px;
height: auto;
float: left;
margin: 0px 0px 5px 37px;
}
/***主要資料*********************************************************/
#center {
width: 726px;
height: auto;
float: left;
margin-top:30px;
font-size:14px;
line-height:25px;
color:#666666;
}
#center .top {
width: 691px;
height: 37px;
padding:9px 0px 0px 35px;
float: left;
background-image:url(center_top2.png);
position:relative;
font-size:16px;
color:#000;
}
#center .center {
width: 726px;
height: auto;
padding-top: 30px;
float: left;
background-image: url(center_center2.png);
}
#center .center .center_in{
width: 690px;
height: auto;
margin:0 auto;
padding-bottom:30px;
}
#center .bottom {
width: 726px;
height: auto;
float: left;
}
/***關於我們*********************************************************/
#iabout {
width: 356px;
height: auto;
float: left;
font-size:15px;
line-height:25px;
margin-top: 20px;
padding: 20px 350px 20px 20px;
background-color: #FEF0D6;
border-top: 1px #E0D9C9 solid;
border-bottom: 1px #E0D9C9 solid;
position:relative;
}
#iabout .video{
width: auto;
height: auto;
z-index: 5;
position: absolute;
top: 17px;
right: 22px;
}
#iabout2 {
width: 726px;
height: auto;
float: left;
font-size: 15px;
line-height: 25px;
background-color: #D8F5E6;
position: relative;
}
#iabout2 .txt{
width: 304px;
height: auto;
z-index: 5;
position: absolute;
top: 27px;
right: 13px;
}
/***商標*********************************************************/
#logo {
position: absolute;
z-index: 1;
height: auto;
width: auto;
left: 25px;
top: 16px;
}
/*-最新消息----------------------------------------*/
#marquee {
width: 952px;
height: 31px;
margin: 0 auto;
padding: 10px 0px 0px 140px;
}
#marquee a {
color: #fff;
TEXT-DECORATION: none;
-webkit-transition: color 120ms linear;
-moz-transition: color 120ms linear;
-o-transition: color 120ms linear;
transition: color 120ms linear;
}
#marquee a:hover {
COLOR: #FF0;
TEXT-DECORATION: none;
}
#language {
position:absolute;
z-index:999;
right:28px;
margin:-25px;
}
#language .form-control {
font-family: 'Dosis', "微軟正黑體", "Microsoft JhengHei", "微?雅黑", "????", "?? ??", sans-serif;
border-collapse: #D1D2D8;
color: #fff;
letter-spacing: 1px;
line-height: 22px;
background:url(../select_bg.png) no-repeat 80% -30%;
padding: 0 15px 0 6px;
width: 100%;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-color: #fff;
}
#language .form-control:focus {
background:url(../select_bg.png) no-repeat 80% 72%, #fff ;
border-color: rgba(104,104,104,1.00);
color:rgba(104,104,104,1.00);
outline: none;
}
/*-廣告主視圖----------------------------------------*/
#AD {
width: 1092px;
height: auto;
margin: 0 auto;
overflow: hidden;
}
#AD .btn {
width: 63px;
height: 19px;
z-index: 5;
left: 515px;
top: 504px;
position: absolute;
}
/*-首頁最新消息-----------------------------------------*/
#center .menu {
width: 700px;
height: 37px;
padding: 0px 0px 0px 26px;
float:left;
background-image:url(inews/bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
}
#center .menu01 {
width: 109px;
height: 37px;
padding: 0px 0px 0px 0px;
float: left;
}
#center .menu02 {
width: 109px;
height: 37px;
padding: 0px 0px 0px 0px;
float: left;
}
#center .menu03 {
width: 109px;
height: 37px;
padding: 0px 0px 0px 0px;
float: left;
}
#inews {
height: auto;
width: 450px;
margin:10px 0px 0px 10px;
float: left;
color: #2C3B48;
font-size: 12px;
letter-spacing: 0px;
}
#inews .more {
position: absolute;
z-index: 1px;
top: 22px;
left: 241px;
width: 40px;
height: 15px;
}/*上下換圖按鈕加在連結中的css，意思是標籤的背景位置為往上移動圖片高度一半的單位*/
.morebut:hover, .morebut:hover span {
background-position:0 -15px;
}
.morebut span {
background: url('inews/more.jpg') no-repeat 0 0;
display: inline-block;
width: 40px;
height: 15px;
-webkit-transition: background-position 100ms linear;
-moz-transition: background-position 100ms linear;
-o-transition: background-position 100ms linear;
transition: background-position 100ms linear;
}
/*上下換圖按鈕結束*/
#inews .center2 {
width: 450px;
height: auto;
padding: 0px 0px 0px 0px;
float: left;
}
#inews .list{
height: 190px;
width: 410px;
padding: 0px 10px 0px 0px;
float: left;
background-image: url(inews/line.jpg);
background-position: bottom;
background-repeat: no-repeat;
}
#inews .list2{
height: auto;
width: 410px;
padding: 3px 10px 3px 0px;
float: left;
border-bottom: 1px dotted #CCCCCC;
}
#inews .photo {
height: 170px;
width: 170px;
margin: 5px 5px 5px 5px;
float: left;
overflow: hidden;
}
#inews .photo_style {
padding: 5px;
background-color: #EAEAEA;
border: 1px solid #DDDDDD;
}
#inews .caption {
width: 220px;
height: auto;
float: right;
text-align: left;
font-weight:bold;
line-height:23px;
font-size: 15px;
margin: 0px 0px 0px 0px;
}
#inews .caption A:link {
color: #333333;
TEXT-DECORATION: none;
}
#inews .caption A:visited {
color: #333333;
TEXT-DECORATION: none;
}
#inews .caption A:hover {
COLOR: #F90;
}
#inews .date {
width: 220px;
height: auto;
float: right;
margin: 5px 0px 0px 0px;
font-size: 12px;
text-align: left;
color: #ff3c00;
font-weight:bold;
}
#inews .letter {
width: 220px;
height: auto;
float: right;
margin: 5px 0px 0px 0px;
font-size: 12px;
text-align: left;
color:#545454;
}
#inews .caption2 {
width: 290px;
height: auto;
float: right;
text-align: left;
color: #466700;
font-size: 12px;
margin: 5px 0px 0px 0px;
}
#inews .caption2 A:link {
color: #666666;
TEXT-DECORATION: none;
}
#inews .caption2 A:visited {
color: #666666;
TEXT-DECORATION: none;
}
#inews .caption2 A:hover {
COLOR: #F90;
}
#inews .date2 {
width: 100px;
height: auto;
float: left;
margin: 0px 0px 0px 0px;
font-size: 12px;
text-align: center;
color: #ff3c00;
}
#inews2 {
height: auto;
width: 250px;
margin:10px 0px 0px 10px;
float: left;
color: #2C3B48;
font-size: 12px;
letter-spacing: 0px;
}
#inews2 .more {
position: absolute;
z-index: 1px;
top: 22px;
left: 449px;
width: 40px;
height: 15px;
}/*上下換圖按鈕加在連結中的css，意思是標籤的背景位置為往上移動圖片高度一半的單位*/
.morebut:hover, .morebut:hover span {
background-position:0 -15px;
}
.morebut span {
background: url('inews/more.jpg') no-repeat 0 0;
display: inline-block;
width: 40px;
height: 15px;
-webkit-transition: background-position 100ms linear;
-moz-transition: background-position 100ms linear;
-o-transition: background-position 100ms linear;
transition: background-position 100ms linear;
}
/*上下換圖按鈕結束*/
#inews2 .top {
width: 513px;
height: auto;
float: left;
}
#inews2 .center {
width: 512px;
height: auto;
padding: 0px 0px 0px 0px;
float: left;
border-left:1px #9ED9E9 solid;
}
#inews2 .list{
height: auto;
width: 240px;
margin: 0px 4px 0px 4px;
float: left;
}
#inews2 .photo {
height: 80px;
width: 90px;
margin: 5px 5px 0px 5px;
float: left;
overflow: hidden;
}
#inews2 .photo_style {
padding: 3px;
background-color: #FFF;
border: 1px solid #ccc;
}
#inews2 .caption {
width: 140px;
height: auto;
float: right;
text-align: left;
color: #888888;
font-size: 12px;
}
#inews2 .caption A:link {
color: #666666;
TEXT-DECORATION: none;
}
#inews2 .caption A:visited {
color: #666666;
TEXT-DECORATION: none;
}
#inews2 .caption A:hover {
COLOR: red;
TEXT-DECORATION: underline;
}
#inews2 .date {
width: 140px;
height: auto;
float: right;
margin: 5px 0px 0px 0px;
font-size: 12px;
text-align: left;
color: #E55201;
font-weight:bold;
}
/************************************************************/
/************************************************************/
/*-首頁底資訊----------------------------------------*/
#info {
width: 820px;
height: auto;
margin-top: 20px;
float: left;
}
#info .pre {
width: 40px;
height: 63px;
padding-top: 30px;
text-align: center;
float: left;
}
#info .next {
width: 40px;
height: 63px;
padding-top: 30px;
text-align: center;
float: left;
}
#info .icon {
width: 235px;
height: 93px;
margin: 5px;
float: left;
}
/*-頁尾資訊----------------------------------------*/
#footer100 {
width: 100%;
height: 220px;
padding: 0px 0px 0px 0px;
background-image: url(footer_bg.jpg);
}
#footer {
width: 1092px;
height: auto;
margin: 0 auto;
color: #FFF1DF;
font-size: 13px;
line-height: 20px;
letter-spacing: 1px;
font-family: Arial, Helvetica, sans-serif;
}
#footer .menu {
width: 792px;
height: 220px;
float: right;
}
#footer .menu a {
color: #000;
TEXT-DECORATION: none;
-webkit-transition: color 120ms linear;
-moz-transition: color 120ms linear;
-o-transition: color 120ms linear;
transition: color 120ms linear;
}
#footer .menu a:hover {
COLOR: #F60;
TEXT-DECORATION: none;
}
#footer .copyright {
width: 1092px;
height: 50px;
padding: 50px 0px 0px 0px;
text-align: center;
float: left;
color: #868686;
font-size: 13px;
}
#footer .copyright span {
color: #8C8C8C;
}
#footer .copyright a {
color: #8C8C8C;
text-decoration: none;
}
#footer .copyright ins {
text-decoration: underline;
}
#footer .copyright a:hover {
color: #FFBB09;
text-decoration: none;
}
#footer .info {
width: 244px;
height: 170px;
float: left;
margin: 20px 0px 0px 56px;
padding: 0px 0px 0px 10px;
border-left: 1px #FFB65B solid;
}
#footer .info span {
color: #FFEC00;
font-size: 20px;
}
#footer .menu01 a {
color: #FFF1DF;
TEXT-DECORATION: none;
-webkit-transition: color 120ms linear;
-moz-transition: color 120ms linear;
-o-transition: color 120ms linear;
transition: color 120ms linear;
}
#footer .menu01 a:hover {
COLOR: #F30;
TEXT-DECORATION: none;
}
#footer .menu01 {
width: 130px;
height: 170px;
float: left;
margin: 20px 0px 0px 10px;
padding: 0px 25px 0px 25px;
border-left: 1px #FFB65B solid;
}
/***分頁*******************************************************/
#pages {
width: 700px;
font-size: 15px;
color: #00468C;
font-family: Arial, Helvetica, sans-serif;
height: auto;
clear: both;
margin:0 auto;
padding: 20px 0;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #DEDEDE;
}
#pages.lin{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #DEDEDE;
margin-top:20px;
}
#pages .table{
height: 28px;
width: 647px;
margin: auto;
}
#pages .pgs a {
color: #8C8C8C;
text-decoration: none;
margin:5px;
/* -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: block;
border: 1px solid #CFCFCF;
float: left;
padding: 1px 11px;*/
}
#pages .pgs a:hover,
#pages .pgs a.link {
color: #E9531F;
}
#pages.back{
background-image: url(../pages/lin.jpg);
background-repeat: no-repeat;
background-position: center top;
}
/***分頁*******************************************************/
/**/
.itemtitle{
font-family:微軟正黑體;
font-weight:bold;
vertical-align:top;
font-size:17px;
}
/**/
#marquee {
width: 952px;
height: 31px;
margin: 0 auto;
padding: 10px 0px 0px 140px;color: #fff;
background: url('icon.jpg') 110px 14px no-repeat;
}
#marquee a {
color: #fff;
TEXT-DECORATION: none;
-webkit-transition: color 120ms linear;
-moz-transition: color 120ms linear;
-o-transition: color 120ms linear;
transition: color 120ms linear;
}
#marquee a:hover {
COLOR: #FF0;
TEXT-DECORATION: none;
}
/**marquee**/
ul.marquee {
/* required styles */
display: block;
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
position: relative;
overflow: hidden;
/* optional styles for appearance */
width: 550px;
height: 22px; /* height should be included to reserve visual space for the marquee */
/*background-color: #f2f2ff;*/
/*border: 1px solid #08084d;*/
}
ul.marquee li {
/* required styles */
position: absolute;
top: -999em;
left: 0;
display: block;
white-space: nowrap; /* keep all text on a single line */
/* optional styles for appearance */
font: 14px Arial, Helvetica, sans-serif;
padding: 3px 5px;
}
/*****/