安椐 屏蔽電磁波
/* Resets
--------------------------------------------------------------------------------*/
ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form , body, html, p, blockquote, fieldset, input {
margin: 0px;
padding: 0px;
}
ul {
list-style: none;
}
fieldset {
border: 0;
}
a img {
border: 0;
}
.clear {
clear: both;
font-size: 0;
height: 0;
}
a {
color: #2c75b4;
text-decoration: none;
}
a:hover {
color: #2899fb;
text-decoration: none;
}
/* General Styling and Structure
--------------------------------------------------------------------------------*/
body {
font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
margin: 0;
padding: 0;
background-image: url();
background-repeat: repeat-x;
background-position: top;
}
p {
line-height: 1.5;
padding: .5em 0;
}
h1,
h2,
h3,
h4 {
font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
}
h1 {
font-size: 30px;
line-height: 1;
color: #fff;
}
h2,
h3 {
line-height: 1.3;
padding-bottom: 15px;
color: #333333;
}
h2 {
padding: .3em 0;
}
h4 {
font-size: 14px;
line-height: 1.2;
margin-bottom: 5px;
}
blockquote {
font-style:italic;
border-left:4px solid #ddd;
margin:10px 0 10px 0;
padding-left:20px;
line-height:1.5;
color:#888;
}
#container {
width: 960px;
margin: 0 auto;
}
#header {
padding: 5px 0 6px;
background-color:ffffff;
}
#header-top {
padding: 18px 10px;
}
#logo,
#logo a {
text-decoration: none;
font-size: 30px;
color: #333;
font-family: "Times New Roman", Times, serif;
}
/* Navigation
--------------------------------------------------------------------------------*/
#navigation {
padding: 0 0 0 6px;
font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
line-height: 1;
background: url(llnavi.png) no-repeat;
position: relative;
}
#nav-r {
background: url(rrnavi.png) right top no-repeat;
padding-right: 6px;
}
#nav-content {
background: #639333 url(bbgg.jpg) repeat-x;
height: 40px;
}
#navigation ul {
}
#navigation li {
float: left;
position: relative;
}
#navigation li a {
float: left;
display: block;
color: #fff;
font-size: 12px;
text-decoration: none;
padding: 0 20px;
height: 40px;
line-height: 40px;
margin: 0 2px 0 0;
border: 0;
outline: 0;
}
#navigation li a:hover,
#navigation li#active a {
color: #fff;
background: url(active-bg.png) bottom center no-repeat;
}
/* Navigation Drop-Down Menu Customization
--------------------------------------------------------------------------------*/
#wsite-menus .wsite-menu li a {
padding: 7px;
color: #fff;
background: #4d4d4d;
border: 0;
border-bottom: 1px solid #6e6e6e;
}
#wsite-menus .wsite-menu li a:hover {
color: #fff;
background: #212121;
}
#navigation #tl,
#tr,
#bl,
#br {
position: absolute;
width: 4px;
height: 4px;
}
#navigation #tl {
background: url(tl.jpg) no-repeat;
left: 0;
top: 0;
}
#navigation #tr {
background: url(tr.jpg) no-repeat;
right: 0;
top: 0;
}
#navigation #bl {
background: url(bl.jpg) no-repeat;
left: 0;
bottom: 0;
}
#navigation #br {
background: url(br.jpg) no-repeat;
right: 0;
bottom: 0;
}
/* Header Area
----------------------------------------------------------------------------*/
#header {
width: 100%;
height: 90px;
}
#header,
#header table {
border-collapse: collapse;
border-spacing: 0;
}
#header td {
vertical-align: middle;
text-align: left;
}
#logo {
padding: 15px 0 15px 15px;
}
#header-right {
padding: 0 15px 0 10px;
}
#header-right table {
float: right;
width: 1px;
}
#header-right td {
padding: 0;
}
/* TOP RIGHT: Phone Number
--------------------------------------------------------------------------------*/
#header-right .phone-number .wsite-text {
/*overflow:hidden;*/
/* text-indent:-9999px;*/
font-size: 14px;
display: block;
margin: 0 0 0 0px;
height: 110px;
width: 271px;
background-image: url(http://www.weebly.com/uploads/6/0/0/6/6006210/custom_themes/897101031222334902/files/
1.png?1394639714150);
}
/* TOP RIGHT: Content Area
--------------------------------------------------------------------------------*/
#header-right .wsite-social {
vertical-align: middle;
margin: 0 0 0 12px;
}
.wsite-social-item {
width: 23px;
height: 23px;
margin: 0 0 0 3px;
background-image:url(social-grey.png);
}
.wsite-social-facebook
.wsite-social-facebook:hover
.wsite-social-facebook:active
.wsite-social-pinterest
.wsite-social-pinterest:hover
.wsite-social-pinterest:active
.wsite-social-twitter
.wsite-social-twitter:hover
.wsite-social-twitter:active
.wsite-social-linkedin
.wsite-social-linkedin:hover
.wsite-social-linkedin:active
.wsite-social-mail
.wsite-social-mail:hover
.wsite-social-mail:active
.wsite-social-rss
.wsite-social-rss:hover
.wsite-social-rss:active
.wsite-social-flickr
.wsite-social-flickr:hover
.wsite-social-flickr:active
.wsite-social-plus
.wsite-social-plus:hover
.wsite-social-plus:active
.wsite-social-vimeo
.wsite-social-vimeo:hover
.wsite-social-vimeo:active
.wsite-social-yahoo
.wsite-social-yahoo:hover
.wsite-social-yahoo:active
.wsite-social-youtube
.wsite-social-youtube:hover
.wsite-social-youtube:active
/* TOP RIGHT: Search Box
--------------------------------------------------------------------------------*/
#header-right .wsite-search {
margin: 0 0 0 15px;
width: 205px;
height: 26px;
vertical-align: middle;
background: transparent url(searchForm-bg.png) no-repeat;
}
#header-right .wsite-search-input {
width: 144px;
height: 12px;
border: 0;
padding: 7px 13px !important;
background: none;
font-family: Arial, Helvetica, sans-serif;
color: #010101;
vertical-align: middle;
font-size: 12px;
}
#header-right .wsite-search-button {
display: inline-block;
width: 35px;
height: 26px;
border: 0;
margin: 0;
padding: 0;
cursor: pointer;
font-size: 0;
background: none;
}
/* Footer
--------------------------------------------------------------------------------*/
#footer {
padding: 25px 0 40px;
font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
border-top: 1px solid #aaaaaa;
text-align: right;
}
.rights {
line-height: 19px;
vertical-align: middle;
}
.wsite-footer { /* make sure enough space between element footer and attribution */
margin-bottom: 15px;
}
#footer h2 {
font-size:18px;
}
/* Footer Form Customization
--------------------------------------------------------------------------------*/
.wsite-form-container {
margin-top:0px !important;
text-align:left !important;
}
.wsite-footer .wsite-form-label {
font-size: 1em !important;
padding: 5px 0 2px 0 !important;
}
.wsite-footer .wsite-form-field {
width:320px !important;
}
.wsite-footer .form-radio-container {
font-size:1em !important;
}
.wsite-footer .wsite-form-input {
font-size: 1em !important;
width: 100% !important;
background-color:#fff;
}
.wsite-footer .form-select {
width: 100% !important;
background-color:#fff;
}
/* main contents styles
--------------------------------------------------------------------------------*/
#main {
padding: 17px 0 0;
}
#banner-bot {
background: url(banner-bot.png) left bottom no-repeat;
padding-bottom: 5px;
}
#banner-top {
background: url(banner-top.png) no-repeat;
padding-top: 4px;
}
#banner,
#banner-left {
background: #f7f7f7;
padding: 7px 9px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
position: relative;
}
#banner #tl,
#banner #tr,
#banner #bl,
#banner #br {
position: absolute;
width: 10px;
height: 10px;
}
#banner #tl {
background: url(rounded.png) no-repeat;
left: 8px;
top: 5px;
}
#banner #tr {
background: url(rounded.png) top right no-repeat;
right: 9px;
top: 6px;
}
#banner #bl {
background: url(rounded.png) left bottom no-repeat;
left: 7px;
bottom: 5px;
}
#banner #br {
background: url(rounded.png) right bottom no-repeat;
right: 7px;
bottom: 7px;
}
.wsite-header {
}
#content {
min-height: 400px;
padding: 25px 10px;
}
/* PAGE TYPE: tall-header
--------------------------------------------------------------------------------*/
.tall-header-page .wsite-header { /* the user-editable image */
height: 221px;
background: url(banner-tall.jpg) no-repeat;
}
/* PAGE TYPE: short-header
--------------------------------------------------------------------------------*/
.short-header-page .wsite-header { /* the user-editable image */
height: 151px;
background: url(banner-short.jpg) no-repeat;
}
/* PAGE TYPE: no-header-header
--------------------------------------------------------------------------------*/
.no-header-page #banner {
display: none;
}
.no-header-page .wsite-header { /* the user-editable image */
}
.no-header-page #banner-top {
display: none;
}
.no-header-page #banner-bot {
display: none;
}
/* PAGE TYPE: landing
--------------------------------------------------------------------------------*/
.landing-page #banner {
padding: 0;
border-left: none;
}
#banner-inner {
width: 100%;
overflow: hidden;
}
#banner-left {
float: left;
width: 558px;
border-right: none;
}
#banner-left .wsite-header { /* the user-editable image */
height: 285px;
background: url(banner-landing.jpg);
}
.landing-banner-outer {
display: table;
#position: relative;
overflow: hidden;
}
.landing-banner-mid {
#position: absolute;
#top: 50%;
display: table-cell;
vertical-align: middle;
}
.landing-banner-inner {
#position: relative;
#top: -50%;
}
#bannerright {
float: left;
width: 315px;
height: 285px;
padding: 0 0 0 25px;
margin-top: 7px;
}
#bannerright h2 {
font-size: 24px;
color: #333333;
padding: 0px;
line-height: 24px;
}
#bannerright p {
padding: 20px 0px;
line-height: 140%;
}
/* PAGE TYPE: splash
--------------------------------------------------------------------------------*/
.splash-page .wsite-header { /* the user-editable image */
height: 128px;
background: url(banner-splash.jpg) no-repeat;
}
.splash-page #container {
width: 600px;
}
.splash-page #banner {
width: 580px;
}
.splash-page #banner-bot {
background: url(banner-bot-splash.png) left bottom no-repeat;
padding-bottom: 5px;
}
.splash-page #banner-top {
background: url(banner-top-splash.png) no-repeat;
padding-top: 5px;
}
.splash-page #header {
padding: 15px 0 30px;
}
.splash-page #header-right {
display: none;
}
.splash-page .search {
display: none;
}
.splash-page .phone-number {
display: none;
}
.splash-page #navigation {
display: none;
}
.splash-page #content {
height: auto !important;
min-height: 300px;
}
.splash-page #footer .wsite-social {
display: none;
}
.splash-page #footer {
text-align: center;
}
/* Form Customization
--------------------------------------------------------------------------------*/
.wsite-form-label {
display: inline-block;
color: #333333;
font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
padding: 12px 0 5px 0;
}
.form-radio-container {
}
.wsite-form-input, .wsite-search-element-input {
font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
background: #fff url(field.png) repeat-x;
color: #333333;
border: 1px solid #d1d1d1;
padding: 8px 8px 5px 4px !important;
line-height: 1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.form-select {
background: #fff url(field.png) repeat-x;
color: #333333;
border: 1px solid #d1d1d1;
padding: 3px;
height: 25px;
line-height: 25px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/* Buttons
--------------------------------------------------------------------------------*/
/* small */
.wsite-button {
color: #333333 !important;
height: 34px;
display: inline-block;
font-size: 14px;
border: none;
font-weight: bold;
text-decoration: none;
padding: 0 10px 0 0;
background: url(button.png) no-repeat 100% -105px;
text-shadow:0 1px 0 rgba(255,255,255,0.8);
}
.wsite-button:hover {
background-position: 100% -140px;
}
.wsite-button:active {
background-position: 100% -175px;
}
.wsite-button-inner {
height: 34px;
line-height: 34px;
display: block;
font-size: 14px;
font-weight: bold;
border: none;
text-decoration: none;
padding: 0 10px 0 20px;
background: url(button.png) no-repeat 0 0;
}
.wsite-button:hover .wsite-button-inner {
background-position: 0 -35px;
}
.wsite-button:active .wsite-button-inner {
background-position: 0 -70px;
}
/* large */
.wsite-button-large {
height: 41px;
background: url(button_large.png) no-repeat 100% -126px;
padding: 0 10px 0 0;
}
.wsite-button-large:hover {
background-position: 100% -168px;
}
.wsite-button-large:active {
background-position: 100% -210px;
}
.wsite-button-large .wsite-button-inner {
height: 41px;
line-height: 41px;
padding: 0 10px 0 20px;
background: url(button_large.png) no-repeat 0 0;
}
.wsite-button-large:hover .wsite-button-inner {
background-position: 0 -42px;
}
.wsite-button-large:active .wsite-button-inner {
background-position: 0 -84px;
}
/* highlight */
/*
Making the highlighted versions of the buttons is easy because we just need
to switch out the background images. This works because the different button
states (normal, :hover, :active) have their sprite coordinates in the same places.
*/
.wsite-button-large.wsite-button-highlight {
background-image: url(button_large_highlight.png);
text-shadow:0 -1px 0 rgba(0,0,0,0.9);
}
.wsite-button-large.wsite-button-highlight .wsite-button-inner {
background-image: url(button_large_highlight.png);
}
.wsite-button-highlight {
background-image: url(button_highlight.png);
color: #fff !important;
text-shadow:0 -1px 0 rgba(0,0,0,0.9);
}
.wsite-button-highlight .wsite-button-inner {
background-image: url(button_highlight.png);
}
/* ANGEL ADD
--------------------------------------------------------------------------------*/
.greenbackground {
background-color: #eaeaea;
}
.audio {
margin: 0px;
padding: 0px;
height: 100px;
width: 500px;
}
.beigebackground {
background-color: #dacda7;
width: 195px;
padding-bottom: 3px;
display: block;
}
.navileftgreen {
height: 50px;
width: 185px;
margin-right: 3px;
margin-top: 3px;
margin-bottom: 0px;
margin-left: 5px;
}
.agaboutwordbig {
font-size: 17px;
color: #553716;
font-weight: bold;
font-family: "微軟正黑體", "Arial Unicode MS";
display: block;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: #dacda7;
}
.agaboutwords {
font-size: 12px;
color: #553716;
line-height: 16px;
font-family: "微軟正黑體", "Arial Unicode MS";
float: left;
display: block;
margin-left: 5px;
padding-top: 5px;
padding-bottom: 10px;
padding: 0px;
width: 175px;
clear: none;
background-color: #dacda7;
}
.agaboutyears {
font-size: 14px;
color: #553716;
font-weight: bold;
font-family: "Arial Black", Gadget, sans-serif;
display: block;
float: left;
width: 35px;
margin-left: 5px;
padding: 0px;
background-color: #dacda7;
}
.ababoutwrapper {
float: left;
width: 185px;
display: block;
margin: 0px;
padding-left: 5px;
padding-right: 5px;
background-color: #dacda7;
padding-bottom:5px;
}
.ababoutarea {
float: left;
background-color: #dacda7;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #553716;
}
/* 施工案例左手邊建築防護產品選單
--------------------------------------------------------------------------------*/
#grnavi {
margin: 0px;
padding: 0px;
}
#grnavi ul {
float: left;
width: 170px;
list-style-type: none;
margin: 0px;
background-color: #5A961F;
line-height: 35px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
font-weight: bold;
color: #FFF;
font-size: 14px;
border: thin solid #6FB725;
}
#grnavi ul li {
background-color: #fbfded;
float: left;
width: 170px;
height: 35px;
line-height: 35px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
font-family: "微軟正黑體", "Arial Unicode MS";
font-size: 14px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -10px;
color: #148e2f;
}
#grnavi ul li:hover {
background-color: #6FB725;
color: #FFF;
height: 35px;
width: 170px;
}
#grnavi ul li a {
text-decoration: none;
color: #148e2f;
height: 35px;
width: 180px;
line-height: 35px;
display: block;
}
#grnavi ul li a:hover {
line-height: 35px;
font-weight: bold;
color: #FFF;
display: block;
}