@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;
font-family: Arial, Helvetica, sans-serif;
background-image:url(bg.jpg);
background-position:top ;
background-repeat:repeat-x;
}
/***頁頭範圍************************************************************************************************/
/***頁頭********************************************************/
#header_box {
width: 100%;
height: auto;
margin: 0 auto;
background-repeat: repeat-y;
background-position:top center;
background-image: url(header_bg.jpg);
}
#header {
width: 1000px;
height: 145px;
margin: 0 auto;
position: relative;
}
/***頁頭********************************************************/
/***商標*********************************************************/
#logo {
position: absolute;
z-index: 10;
height: auto;
width: auto;
left: 46px;
top: 59px;
}
/***商標*********************************************************/
/***頁頭範圍************************************************************************************************/
/***主視圖範圍**********************************************************************************************/
/***主視圖******************************************************/
#ad_box { position: relative;
width: 100%;
height: auto;
margin: 0 auto;
background-repeat: repeat-y;
background-position:top center;
background-image:url(index/ad_bg.jpg);
}
#ad {
width: 986px;
height: 401px;
margin: 0 auto;
margin-top: 30px;
position: relative;
padding:7px;
background-image: url(index/ad_photo_bg.png);
}
#ad_dot{ /*width: 100%;*/
padding: 5px 5px 4px 5px;
position: absolute;
/*left:46%;*/ margin:0 auto;
bottom: 22px;
z-index: 10;
text-align:center; background: #FFF; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;
}#ck_dot-1{ width:auto; margin:0 auto; }
/***主視圖******************************************************/
/***主視圖範圍**********************************************************************************************/
/***主要內容範圍**********************************************************************************************/
/***主要內容******************************************************/
#main_box {
width: 100%;
height: auto;
margin: 0 auto;
background-repeat: repeat-y;
background-position: left;
}
#main {
width: 1000px;
height: 280px;
position: relative;
margin: 0 auto;
}
#main2_box {
width: 100%;
height: auto;
margin: 0 auto;
background-repeat: no-repeat;
background-position: top center;
background-image:url(iproducts/products_bg.jpg);
background-color:#FFF9E7;
}
#main2 {
width: 1000px;
position: relative;
margin: 0 auto;
}
#leftsidebar {
width: 190px;
min-height: 400px;
height: auto;
float: left;
margin: 0px 0px 20px 41px;
}
#rightsidebar {
position: absolute;
z-index: 1;
top: 4px;
left: 759px;
width: 235px;
height: auto;
margin: 10px 0px 0px 0px;
}
/*-首頁icon-----------------------------------------*/
.icon {
width: 200px;
height: 102px;
margin: 0px 0px 10px 7px;
float: left;
border: 1px #999999 solid;
}
.icon2 {
width: 200px;
height: 102px;
margin: 0px 0px 10px 7px;
float: left;
}
/*-首頁icon-----------------------------------------*/
/*-首頁瀏覽人數-----------------------------------------*/
.num {
width: 215px;
height: 26px;
margin: 10px 0px 0px 5px;
padding: 5px 0px 0px 0px;
float: left;
text-align: center;
font-size: 14px;
color: #FFF;
font-weight: bold;
background-image: url(num/bg.jpg);
}
/*-首頁瀏覽人數-----------------------------------------*/
/***主要內容******************************************************/
/***關於我們******************************************************/
#iabout {
position: absolute;
z-index: 1;
top: 17px;
left: 20px;
height: 241px;
width: 390px;
color: #CCCCCC;
margin: 0px 0px 0px 0px;
background-image: url(iabout/bg.jpg);
}
#iabout .head {
height: auto;
width: 300px;
}
#iabout .caption {
width: 280px;
height: 22px;
float: right;
text-align: left;
color: #663F37;
font-size: 13px;
}
#iabout .content {
width: 350px;
height: 140px;
margin:0 auto;
margin-top:25px;
font-size: 13px;
text-align: left;
color: #FFFFFF;
line-height:22px;
}
#iabout .more {
width: 49px;
height: 16px;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
font-size: 12px;
text-align: left;
color: #C50034;
font-weight: bold;
}
/*上下換圖按鈕加在連結中的css，意思是標籤的背景位置為往上移動圖片高度一半的單位*/
.morebut:hover, .morebut:hover span {
background-position: 0 -16px;
}
.morebut span {
background: url('iabout/more.jpg') no-repeat 0 0;
display: inline-block;
width: 49px;
height: 16px;
-webkit-transition: background-position 100ms linear;
-moz-transition: background-position 100ms linear;
-o-transition: background-position 100ms linear;
transition: background-position 100ms linear;
}
/***關於我們******************************************************/
/***最新消息******************************************************/
#inews {
position: absolute;
z-index: 1;
top: 0px;
right: 0px;
height: 244px;
width: 555px;
color: #2C3B48;
font-size: 12px;
letter-spacing: 2px;
background-image: url(inews/bg.jpg);
}
#inews .more {
position: absolute;
z-index: 1;
top: 32px;
left: 493px;
width: 32px;
height: 11px;
}/*上下換圖按鈕加在連結中的css，意思是標籤的背景位置為往上移動圖片高度一半的單位*/
#inews .morebut:hover, #inews .morebut:hover span {
background-position: 0 -11px;
}
#inews .morebut span {
background: url('inews/more.png') no-repeat 0 0;
display: inline-block;
width: 32px;
height: 11px;
-webkit-transition: background-position 100ms linear;
-moz-transition: background-position 100ms linear;
-o-transition: background-position 100ms linear;
transition: background-position 100ms linear;
}
/*上下換圖按鈕結束*/
#inews .top {
width: 555px;
height: 60px;
float: left;
position: relative;
}
#inews .center {
width: 555px;
height: auto;
padding: 0px 0px 0px 0px;
float: left;
}
#inews .list {
height: auto;
width: 280px;
margin: 10px 25px 4px 4px;
float: right;
}
#inews .photo {
height: 130px;
width: 190px;
margin: 10px 5px 0px 25px;
float: left;
overflow: hidden;
background-image: url(inews/photo_bg.jpg);
padding:5px;
}
#inews .photo .photo_in {
width:190px;
height:130px;
overflow: hidden;
text-align:center;
}
#inews .photo .photo_in img{
max-width:190px;
max- height:130px;
}
#inews .photo_style:hover {
border: 1px solid #F00;
}
#inews .photo_style {
padding: 3px;
background-color: #FFF;
border: 1px solid #ccc;
-webkit-transition: border-color 120ms linear;
-moz-transition: border-color 120ms linear;
-o-transition: border-color 120ms linear;
transition: border-color 120ms linear;
}
#inews .caption {
width: 100%;
height: auto;
margin-top: 5px;
float: right;
text-align: left;
color: #664C00;
font-size: 12px;
font-weight: bold;
}
#inews .caption a {
color: #664C00;
TEXT-DECORATION: none;
-webkit-transition: color 120ms linear;
-moz-transition: color 120ms linear;
-o-transition: color 120ms linear;
transition: color 120ms linear;
}
#inews .caption a:hover {
COLOR: #F60;
TEXT-DECORATION: none;
}
#inews .date {
width: 80px;
height: 18px;
float: left;
padding:2px 0px 0px 15px;
margin: 0px 0px 0px 0px;
background-image: url(inews/date_bg.png);
font-size: 12px;
text-align: left;
color: #FFFFFF;
letter-spacing:1px;
}
#inews .introduction {
width: 100%;
height: 20px;
margin-top: 5px;
float: right;
overflow:hidden;
}
#inews .border_bottom {
border-bottom:1px solid #E6E2D9;
}
/***最新消息******************************************************/
/***首頁相簿*******************************************************/
#iphoto {
position:relative ;
padding:81px 0 0 0;
left: 6px;
height: auto ;
width: 1000px;
font-size: 13px;
letter-spacing: 2px;
padding-bottom:55px;
}
#iphoto a {
color: #DDB119;
font-weight:bold;
TEXT-DECORATION: none;
-webkit-transition: color 120ms linear;
-moz-transition: color 120ms linear;
-o-transition: color 120ms linear;
transition: color 120ms linear;
}
#iphoto a:hover {
COLOR: #F00;
TEXT-DECORATION: none;
}
#iphoto .top {
width: 665px;
height: auto;
float: left;
position: relative;
}
#iphoto .center {
width: 100px;
height: auto;
padding: 5px 0px 5px 0px;
float: left;
}
#iphoto .photobox {
height: auto;
width: 220px;
margin: 0px 20px 0px 10px;
float: left;
background-image: url(iphoto/bg.jpg);
background-repeat: no-repeat;
}
#iphoto .photo {
height: 160px;
width: 220px;
overflow: hidden;
text-align:center;
}
#iphoto .photo img{
max-width:160px;
max-height:220px;
}
#iphoto .caption {
width: 100%;
height: 20px;
padding: 5px 0px 5px 0px;
text-align: left;
font-size: 16px;
}
#iphoto .description {
height: auto;
width: 100%;
padding: 5px 0px 10px 0px;
text-align: left;
color: #A9843F;
font-size: 12px;
}
/***首頁相簿*******************************************************/
/***FB********************************************************/
#fb {
position: absolute;
z-index: 1;
top: 251px;
left: 1px;
height: auto;
width: 304px;
}
/***FB********************************************************/
/***聯絡我們******************************************************/
#icontact {
position: absolute;
z-index: 1;
top: 275px;
left: 310px;
height: auto;
width: 320px;
background-color: #122030;
}
#icontact .head {
height: auto;
width: 320px;
}
#icontact .content {
width: 320px;
height: auto;
padding: 0px 0px 0px 0px;
float: right;
font-family: Verdana;
font-size: 13px;
text-align: left;
color: #B0B3BF;
}
#icontact .imp {
color: #3D6C9F;
}
#icontact .input_style {
border: 0px;
/* border: 1px #CCCCCC solid;*/
width: 200px;
height: 25px;
background-color: #B0B5C0;
}
#icontact .textarea {
border: 0px;
/* border: 1px #CCCCCC solid;*/
width: 290px;
height: 100px;
background-color: #B0B5C0;
}
#icontact .border01 {
border-bottom: 1px #323E4B solid;
}
/***聯絡我們******************************************************/
/***主要內容範圍**********************************************************************************************/
/***頁底*********************************************************/
#footer_box {
width: 100%;
height: auto;
margin: 0 auto;
background-image:url(footer_bg.jpg);
background-position:top center;
}
#footer {
position: relative;
width: 1000px;
height: 158px;
padding: 0px 0px 0px 0px;
margin: 0 auto;
font-size: 13px;
letter-spacing:2px;
line-height:20px;
}
#footer .logo {
position: absolute;
z-index: 1px;
top: 48px;
right: 50px;
width: 380px;
height: 81px;
text-align: right;
padding:15px 0px 0px 0px;
background-image: url(footer_line.jpg);
background-position: left;
background-repeat: no-repeat;
}
#footer .community {
position: absolute;
z-index: 1px;
top: 51px;
left: 2px;
width: 87px;
height: auto;
float: left;
}
#footer .menu {
width: 1000px;
height: 25px;
padding: 5px 0px 5px 0px;
float: right;
text-align: center;
color:#ffffff;
letter-spacing:2px;
}
#footer .menu a {
color: #ffffff;
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 span {
COLOR: #B2841F;
}
#footer .info {
width: 900px;
height: auto;
float: right;
padding: 10px 0px 0px 100px;
text-align: left;
color: #664B12;
}
#footer .copyright {
width: 900px;
height: auto;
float: right;
padding: 10px 0px 0px 100px;
text-align: left;
color: #B2841F;
font-size:12px;
letter-spacing:1px;
}
#footer .copyright a {
color: #B2841F;
TEXT-DECORATION: none;
-webkit-transition: color 120ms linear;
-moz-transition: color 120ms linear;
-o-transition: color 120ms linear;
transition: color 120ms linear;
}
#footer .copyright a:hover {
COLOR: #900;
TEXT-DECORATION: none;
}
/***頁底*********************************************************/