Psyduck - 可達鴨 之 鴨力山大
| Current File : /home/irplbiz/public_html/lnselgallery/style.css |
@charset "utf-8";
/* CSS Document */
body{
margin:0px;
padding:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#333333;
background:url(images/body-bg.jpg) repeat center top #e6eff0;
}
img{border:0px;}
form{margin:0px; padding:0px;}
.heading{
margin: 0px 0px 15px 0px;
padding: 10px 10px 10px 3px;
font-size: 12px;
color: rgb(255, 255, 255);
/*font-weight: normal;*/
background: url(images/heading-arrow.png) no-repeat 150px center rgb(87, 87, 87);
border-left: 5px solid rgb(23, 45, 126);
width: 945px;
}
.heading span{padding-left:35px;}
.heading a{color:#fff; text-decoration:none;}
.container{
width:100%;
float:left;
margin:0px;
padding:0px;
}
.wrapper{
width:970px;
margin:0px auto;
text-align:left;
}
.header{
width:970px;
float:left;
margin:0px;
padding:0px;
background:url(images/header-bg.png) no-repeat center bottom;
}
.logo-center{
margin:0px;
padding:0px 0px 0px 70px;
text-align:center;
}
.logo{
width:400px;
float:left;
margin:0px;
padding:0px;
}
.header-rt{
float:right;
margin:30px 0px 0px 0px;
padding:0px;
}
.phone-no{
width:190px;
float:left;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 41px;
font-weight:bold;
background:url(images/phone-icon.png) no-repeat left center;
font-size:16px;
}
.banner{
width:970px;
float:left;
margin:0px;
padding:0px;
}
.ticker{
width:965px;
height:18px;
float:left;
margin:0px;
padding:0px;
background:url(images/ticker-bg.png) no-repeat;
overflow:hidden;
}
.content-area{
width:970px;
float:left;
margin:10px 0px 10px 0px;
padding:0px;
}
ul.categories{
float:left;
margin:0px 0px 0px 5px;
padding:0px;
list-style:none;
}
ul.categories li{
width:220px;
float:left;
margin:0px 0px 10px 0px;
padding:0px 10px;
}
ul.categories li a{
float:left;
width:200px;
background:url(images/heading-arrow.png) right center no-repeat #172d7e;
color:#fff;
font-size:12px;
padding:10px;
text-decoration:none;
}
ul.categories li a:hover{
float:left;
width:200px;
background:url(images/heading-arrow.png) right center no-repeat #172d7e;
color:#3b8af1;
font-size:12px;
padding:10px;
text-decoration:none;
}
ul.categories-list{
float:left;
margin:0px 0px 0px 5px;
padding:0px;
list-style:none;
}
ul.categories-list li{
width:215px;
float:left;
margin:0px 0px 3px 3px;
padding:10px 10px 0px 10px;
text-align:center;
border:solid 1px #172d7e;
}
ul.categories-list li div{
float:left;
width:205px;
background:#172d7e;
color:#5ca0f8;
font-size:12px;
padding:5px;
margin:5px 0px 0px 0px
}
ul.categories-list li div a{color:#fff; text-decoration:none;}
.footer{
width:100%;
float:left;
margin:10px 0px 0px 0px;
padding:0px;
background:url(images/footer-bg.png) repeat-x #c2d0e2;
}
.foot-wrap{
width:970px;
margin:0px auto;
}
.foot-top{
width:950px;
float:left;
margin:0px;
padding:10px;
background:url(images/foot-wrap-bg.png) no-repeat;
}
.expertise{
width:950px;
height:45px;
float:left;
margin:0px;
padding:0px;
position:relative;
font-weight:bold; color:#fff;
background:url(images/foot-line.png) no-repeat center bottom;
}
.expertise img{margin-left:9px; vertical-align:middle;}
.social-net{
position:absolute;
right:0px;
top:5px;
}
.social-net img{margin-left:3px;}
/*************************************************** LOGIN PANEL STYLE ***********************************************************************/
.loginpanel { position:relative; top: 20px; margin:0px auto; width:270px;}
.inputwrapper input { border: 0; padding: 10px; background: #fff; width: 250px; margin-bottom:9px; }
.inputwrapper input:active, .inputwrapper input:focus { background: #fff; border: 0; }
.inputwrapper button {
display: block; border: 1px solid #0c57a3; padding: 10px; background: #172d7e; width: 100%;
color: #fff; text-transform: uppercase; cursor:pointer;}
.inputwrapper button:focus, .inputwrapper button:active, .inputwrapper button:hover { background: #5571d5; }
.inputwrapper label {
display: inline-block; margin-top: 10px; color: #172d7e; font-size: 11px; vertical-align: middle; }
.inputwrapper label input { width: auto; margin: -3px 5px 0 0; vertical-align: middle; }
.inputwrapper .remember { padding: 0; background: none; }