/* basic elements */ img {border: none;} *{padding: 0px; margin: 0px;} .clear {margin: 0px; padding: 0px; clear: both;} acronym {font-weight: normal; cursor: help;} .no-btm{ border-bottom: none!important;} body { margin: 0px; padding: 0px; font-family: "MS PGothic", "MS Gothic"; font-size: 12px; color: #000; background: url(../images/bg/bg-body.jpg) repeat-x #fff; } /*-- Wrapper --*/ #Wrapper {display: block; width: 960px; margin: 0px auto 15px; overflow: hidden; border-right: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; background: #fff;} /*-- SideLeft --*/ #SideLeft {display: block; float: left; width: 217px; margin: 0px; overflow: hidden; border-top: 30px solid #9a9a9a;} #SideLeft .navLeft {display: block; width: 217px; background: #c0c0c0; padding-top: 26px; overflow: hidden; height: 254px;} #SideLeft .navLeft li {display: block; width: 217px; height: 33px; border-bottom: 1px solid #dedede;} #SideLeft .navLeft li a {width: 217px; height: 33px; text-decoration: none; border: 0px;} #SideLeft .navLeft li span {visibility: hidden;} #SideLeft .navLeft li#home a {display: block; background:url(../images/nav/nav-home.jpg) no-repeat;} #SideLeft .navLeft li#home a:hover { background: url(../images/nav/nav-home-over.jpg) no-repeat;} #SideLeft .navLeft li#home a.active { background: url(../images/nav/nav-home-over.jpg) no-repeat;} #SideLeft .navLeft li#photovoltaic a {display: block; background: url(../images/nav/nav-photovoltaic.jpg) no-repeat;} #SideLeft .navLeft li#photovoltaic a:hover { background: url(../images/nav/nav-photovoltaic-over.jpg) no-repeat;} #SideLeft .navLeft li#photovoltaic a.active {background: url(../images/nav/nav-photovoltaic-over.jpg) no-repeat;} #SideLeft .navLeft li#guide a {display: block; background: url(../images/nav/nav-guide.jpg) no-repeat;} #SideLeft .navLeft li#guide a:hover { background: url(../images/nav/nav-guide-over.jpg) no-repeat;} #SideLeft .navLeft li#guide a.active {background: url(../images/nav/nav-guide-over.jpg) no-repeat;} #SideLeft .navLeft li#construction a {display: block; background: url(../images/nav/nav-construction.jpg) no-repeat;} #SideLeft .navLeft li#construction a:hover { background: url(../images/nav/nav-construction-over.jpg) no-repeat;} #SideLeft .navLeft li#construction a.active {background: url(../images/nav/nav-construction-over.jpg) no-repeat;} #SideLeft .navLeft li#customer a {display: block; background: url(../images/nav/nav-customer.jpg) no-repeat;} #SideLeft .navLeft li#customer a:hover { background: url(../images/nav/nav-customer-over.jpg) no-repeat;} #SideLeft .navLeft li#customer a.active {background: url(../images/nav/nav-customer-over.jpg) no-repeat;} #SideLeft .navLeft li#question a {display: block; background: url(../images/nav/nav-question.jpg) no-repeat;} #SideLeft .navLeft li#question a:hover { background: url(../images/nav/nav-question-over.jpg) no-repeat;} #SideLeft .navLeft li#question a.active {background: url(../images/nav/nav-question-over.jpg) no-repeat;} #SideLeft .sidebarLeft {display: block; width: 217px; background: url(../images/bg/bg-sideleft.jpg) repeat-x #f9f9f9; overflow: hidden;} #SideLeft .sidebarLeft ul {display: block; width: 192px; margin: 11px auto; overflow: hidden;} /*submenu*/ .sidebarLeft li { list-style:none; margin-bottom:3px; font-size:14px;} .sidebarLeft li span {visibility: hidden;} .sidebarLeft li a {width:192x; display:block; color:#191919; text-decoration:none;} .sidebarLeft li a:hover { background:url(../images/bg/bg-submenu-hover.gif) no-repeat; } .sidebarLeft li a.aboutus {background: url(../images/button/btn-about.jpg) no-repeat; width: 192px; height: 55px;} .sidebarLeft li a.point {background: url(../images/button/btn-point.gif) no-repeat; width: 192px; height: 55px;} .sidebarLeft li a.contact {background: url(../images/button/btn-contact.gif) no-repeat; width: 192px; height: 55px;} .sidebarLeft li a.map { background:url(../images/bg/bg-submenu-map.gif) no-repeat; height: 210px; width:192px; display:block; padding:18px 0 0 30px; color:#191919; text-decoration:none; position:relative;} .sidebarLeft li a.map:hover { background:url(../images/bg/bg-submenu-map-hover.gif) no-repeat; } .sidebarLeft li a.map span { font-size:11px; } .sidebarLeft li a.map em { font-size:11px; font-style:normal; top:36px; left: 27px; position:absolute; width:180px; color: #04478a; } .sidebarLeft li a.map em strong {padding: 0 3px; color: #000; font-weight: #000;} /*-- mainContent --*/ #mainContent {display: block; width: 743px; overflow: hidden; margin: 0px;} #mainContent h2.title {display: block; width: 743px; height: 30px; background: url(../images/bar/bar-title.jpg) no-repeat;} #mainContent h2.title span {visibility: hidden;} #mainContent .header {display: block; width: 726px; height: 274px; padding: 11px 0px 0px 17px;} #mainContent .header h1 {display: block; width: 276px; height: 62px;} #mainContent .header h1 a {display: block; width: 276px; height: 62px; text-decoration: none;} #mainContent .header h1 span {visibility: hidden;} #mainContent .content {display: block; width: 743px; background: url(../images/bg/bg-headTop.jpg) no-repeat #fff; overflow: hidden;} #mainContent .contentDetail {display: block; width: 711px; margin: 0px auto; background: url(../images/bg/bg-content.jpg) repeat-x #4870ae; overflow: hidden; padding: 9px 5px 9px 9px;} /*-- featured Products --*/ .featuredProducts {display: block; float: left; width: 316px; overflow: hidden; margin: 10px 4px 0px 0px;} .featuredProducts h3 {width: 316px; height: 34px; background: url(../images/bar/hd-featureDetail.jpg) no-repeat;} .featuredProducts h3.head_2 {width: 312px; height: 34px; background: url(../images/bar/hd-featureDetail2.jpg) no-repeat;} .featuredProducts h3 span {visibility: hidden;} .featuredProducts .detail {width: 300px; background: url(../images/bg/bg-featureDetail.gif) repeat-y; overflow: hidden; padding: 20px 8px 0px; height: 261px;} .detail dl {display: block; width: 300px; margin-bottom: 15px; overflow: hidden;} .detail dl dt {display: block; float: left; width: 71px; padding: 0px 12px 20px; margin-right: 15px; background: url(../images/bg/bg-imgFeature.jpg) no-repeat bottom #fff;} .detail dl dd {display: block; float: right; width: 190px; overflow: hidden;} .detail dl dd h4 {font-size: 14px; color: #000; font-weight: bold;} .detail dl dd h4 span {display: block; font-size: 12px!important; font-weight: normal; margin: 3px 0px 15px; color: #000;} .detail dl dd h4 a {font-size: 14px; color: #000; font-weight: bold; text-decoration: none;} .detail dl dd span {display: block; color: #888; font-size: 11px;} .detail dl dd span.link {background: url(../images/icon/ic-arrow2.gif) no-repeat; padding-left: 15px; margin-top: 10px;} .detail dl dd span.link a {color: #45A5BE !important; text-decoration: none;} .featuredProducts .footerFeature {display: block; width: 316px; height: 11px; background: url(../images/bg/bg-footerFeature.jpg) no-repeat; height: 11px;} /*-- News Topic --*/ .newsTopic {display: block; float: left; width: 391px; overflow: hidden; margin-top: 10px;} .newsTopic h3 {width: 391px; height: 34px; background: url(../images/bar/hd-news.jpg) no-repeat;} .newsTopic h3.head_2 {width: 387px; height: 34px; background: url(../images/bar/hd-news2.jpg) no-repeat;} .newsTopic h3 span {visibility: hidden;} .newsTopic .newsDetail {width: 347px; background: url(../images/bg/bg-newsDetail.gif) repeat-y; overflow:auto; padding: 20px 24px 20px 16px; height: 241px;} .newsTopic .newsDetail ul {display: block; overflow: hidden; } .newsTopic .newsDetail ul li {border-bottom: 1px dotted #676767; padding-bottom: 15px; margin-bottom: 10px; list-style: none;} .newsTopic .newsDetail ul li .topic {font-size: 14px; color: #47759a; font-weight: bold; display: block; padding-bottom: 5px;} .newsTopic .newsDetail ul li .description {font-size: 10px; color: #666; line-height: 12px;} .newsTopic .footerNew {display: block; width: 391px; height: 11px; background: url(../images/bg/bg-footerNew.jpg) no-repeat; height: 11px;} /*----- Inner Page ----- */ #contentInner {display: block; width: 743px; background: url(../images/bg/bg-headInner.jpg) no-repeat #fff; overflow: hidden;} #headerInner {display: block; width: 743px; height: 189px; overflow: hidden;} #headerInner h2.title {display: block; width: 743px; height: 30px; background: none;} #headerInner h2.title span {visibility: hidden;} #headerInner h1 {display: block; width: 276px; height: 62px;} #headerInner h1 a {display: block; width: 276px; height: 62px; text-decoration: none;} #headerInner h1 span {visibility: hidden;} .detailInner {display: block; width: 698px; margin: 0px auto; border: 4px solid #4870ae; overflow: hidden; background: #fff; padding: 14px; } .detailInner h2 {display: block; font-size: 18px; font-weight: bold; color: #000; border-bottom: 1px solid #c0c0c0; padding: 0px 0px 5px 30px; position: relative; margin: 15px 0px;} .detailInner h3.titleDescription {display: block; background: url(../images/icon/icon-list.gif) no-repeat; padding: 5px 0px 0px 10px; overflow: hidden; } .subNavigation {display: block; width: 698px; margin: 0px auto; border-bottom: 1px solid #c0c0c0; overflow: hidden;} .subNavigation li {display: inline; float: left; font-size: 14px; color: #000; text-align: center;} .subNavigation li a {display: block; padding: 5px 24px; font-size: 14px; color: #000; text-align: center; border-right: 1px solid #c0c0c0; text-decoration: none;} .subNavigation li a:hover {display: block; background: #c0c0c0; font-size: 14px; color: #000; text-align: center;} .subNavigation li#active {display: block; background: #c0c0c0; font-size: 14px; color: #000; text-align: center;} .detailInner p {font-size: 12px; color: #666; line-height: 16px; margin-bottom: 15px; margin: 15px 0px;} .detailInner p a {color: #45a5be; text-decoration: underline;} .customervoice p { font-size:13px!important; line-height:17px!important; } .customervoice .titleQuestion p.topic { font-size:15px!important;} .customervoice p.glossary .imgRight { float: right; margin:0 70px 0 5px; } .commentAdvantage {display: block; background: url(../images/bg/bg-advantage.jpg) no-repeat; width: 638px; height: 204px; padding: 15px 30px;} .commentAdvantage h3 {font-size: 16px; color: #666; font-weight: bold;} .commentAdvantage p {padding: 0px; width: 360px; } .pageTop {display: block; background: url(../images/icon/ic-top.gif) no-repeat; float: right; font-size: 10px; font-weight: bold; margin: 10px 5px; padding-left: 15px;} .pageTop a {color: #444; text-decoration: none;} /*-- InnerPage --*/ .btnIndustrial {position: absolute; right: 0px; top: 1px;} .titlePrivacy {display: block; font-size: 16px; font-weight: bold; margin-bottom: 5px;} .titleTopic {display: block; background: url(../images/line/line-title.jpg) no-repeat; margin-bottom: 1px; font-size: 12px; color: #000!important; padding-bottom: 0px!important;} .titleTopic span {display: block; font-weight: bold;} .detailNews {display: block; background: url(../images/bg/bg-information.gif) repeat-x #fff; padding: 15px 5px;} .listNews {display: block; padding: 0px 5px; margin: 0px;} .listNews li {display: block; background: url(../images/icon/ic-arrow2.gif) 0px 2px no-repeat; padding-left: 20px; margin-bottom: 10px;} .listNews li a {color: #45a5be; text-decoration: underline;} /*-- sunlight Kids --*/ .sunlightKids {display: block; width: 900px; margin: 20px auto; overflow: hidden;} .sunlightKids dl {display: block; width: 880px; margin: 0px auto 20px; padding: 0px 0px 25px; border-bottom: 1px dotted #000; overflow: hidden;} .sunlightKids dl dt {display: block; float: left; width: 290px; height: 130px; background: url(../images/bg/bg-borderKid.gif) no-repeat; padding: 10px;} .sunlightKids dl dd {display: block; float: right; width: 550px; overflow: hidden;} .sunlightKids dl dd h6 {display: block; width: 494px; background: url(../images/bg/bg-kids.gif) no-repeat; padding: 12px 0 0 55px; height: 30px; font-size: 16px; color: #fff; } .sunlightKids dl dd span {display: block; width: 540px; margin: 10px 0px 0px 10px; line-height: 16px;} .sunlightKids dl dd span.links {display: block; background: url(../images/icon/ic-arrow3.gif) no-repeat; color: #45a5be; padding-left: 20px;} .sunlightKids dl dd span.links a {color: #45a5be; text-decoration: underline;} /*-- Faq --*/ .faq {display: block; padding: 0px 5px; margin: 0px;} .faq li {display: block; background: url(../images/icon/ic-question.jpg) no-repeat; height: 19px; margin-bottom: 20px; padding: 3px 0 0 30px; list-style:none;} .faq li a {color: #45a5be; text-decoration: underline;} .bannerAbout {display: block; width: 476px; margin: 10px auto!important;} .bannerAbout a {display: block; margin-bottom: 10px; border: none;} /*-- Question and Answer--*/ .mainBox {display: block; background: url(../images/bg/bg-border.gif) repeat; padding: 4px; overflow: hidden; margin-bottom: 15px;} /*-- Question --*/ .questionBox {display: block; background: #fff; padding: 10px; overflow: hidden; height: 1%;} .titleQuestion {display: block; background: url(../images/icon/ic-question_b.jpg) no-repeat; padding: 4px 0 0 40px;} .titleQuestion p.topic {display: block; margin-bottom: 2px; font-size: 14px; padding-bottom: 0px; padding-left: 15px;} .titleQuestion p.commentFaq {font-size: 12px; color: #000; padding-bottom: 3px!important;} .titleQuestion p.commentFaq span {border-right: 1px solid #000; padding: 0px 5px;} .titleQuestion p.commentFaq span em {font-style: normal; color: #2b9ace; padding-right: 3px;} .titleQuestion p.commentFaq span.last {border: none;} .detailquestion {display: block; background: url(../images/bg/bg-information.gif) repeat-x #fff; padding: 20px 5px 40px 5px!important; border-bottom: 1px dotted #d9d9d9; } .reply {display: block; float: right; margin: 5px 0px; padding:0!important;} .reply span {border-right: 1px solid #000; padding: 0px 5px;} .reply span em {font-style: normal; color: #2b9ace; padding-right: 3px;} .reply span.last {border: none;} .btnAnswer {display: block; margin: 0px auto 15px; padding: 0!important; width: 190px; height: 40px;} /*-- Answer --*/ .answerBox {display: block; background: #fff; padding: 10px; overflow: hidden; height: 1%;} .titleAnswer {display: block; background: url(../images/icon/ic-answer.jpg) no-repeat; padding: 10px 0 5px 50px!important; height: 25px; font-size: 14px!important;} .detailAnswer {display: block; background: url(../images/bg/bg-information.gif) repeat-x #fff; padding: 20px 5px 40px 5px!important; border-bottom: 1px dotted #d9d9d9; } /*-- construction --*/ .construction {display: block; background: #fff; padding: 10px; overflow: hidden; height: 1%;} /*-- table construction --*/ .construction table {display: table; width: 100%; overflow: hidden;} .construction table th {background: #62b6dd; color: #fff; font-size: 12px; padding: 5px 0px;} .construction table th.photo {width: 150px;} .construction table th.name {width: 120px;} .construction table th.stage {width: 110px;} .construction table th.city {width: 110px;} .construction table th.system {width: 110px;} .construction table td {display: table-cell; vertical-align: middle; padding: 10px 5px; border-bottom: 1px dotted #d3d3d3; color: #444; text-align: center;} .construction table td a {color: #444; text-decoration: underline;} .construction table td a:hover {color: #0066CC; text-decoration: none;} .construction table td.photo {text-align: center;} .construction table td.name {text-align: left;} .listAbout {display: block; width: 580px; background:transparent url(../images/bg/bg-information.gif) repeat-x; margin-top:2px; padding:20px 10px 10px !important;;} .listAbout li {background:transparent url(../images/icon/ic-arrow2.gif) 0px 5px no-repeat; list-style: none; padding-left: 20px; color: #2b9ace; font-weight: bold; margin-bottom: 5px; font-size: 16px; margin-left: 10px;} .titleConstruction {display: block; background: url(../images/line/line-title.jpg) no-repeat; padding: 3px 0 0 20px; overflow: hidden; position: relative; height: 1%;} .titleConstruction p.model {display: block; margin-bottom: 2px; font-size: 14px; padding: 0px!important; color: #000; font-weight: bold;} .titleConstruction p.size {font-size: 12px; color: #000; padding-bottom: 3px!important; padding-left: 0px!important; float: left;} .titleConstruction p.date {font-size: 12px; color: #000; padding-bottom: 3px!important; position: absolute; right: 0px;} .titleConstruction p.size span {display: block; padding-left: 52px;} .detailConstruction {display: block; background: url(../images/bg/bg-information.gif) repeat-x #fff; padding: 20px 5px 0px 5px!important; margin-bottom: 20px; overflow:hidden; color: #444;} .detailConstruction img {display: block; margin: 0px auto;} .detailConstruction p {padding: 0px!important;} .detailConstruction p em {float: right; font-style: normal; display: block; margin-top: 15px; font-size: 10px;} .detailConstruction span {display: block; margin: 10px 0px; text-align: left; width: 430px; margin-left: 50px;} .detailConstruction table {width: 100%; display: table; color: #444;} .detailConstruction table td {text-align: center; padding: 5px; text-align: center;} .detailConstruction table td.detail {text-align: left;} .detailConstruction .imgSample {float: left!important; margin: 0px; } .detailConstruction ul {display: block; margin: 10px 0 10px 5px; overflow: hidden; padding-left: 15px; color: #555; width: 287px;} .detailConstruction ul li {padding-bottom: 5px;} .detailConstruction ol { margin: 10px 0 10px 5px; overflow: hidden; padding-left: 25px; color: #555;} .detailConstruction ol li {padding-bottom: 5px;} /*-- other --*/ .bluebold {font-weight: bold; color: #2b9ace;} .orange {color: #ff8900; } h3.titleDetail {margin-bottom: 15px;} .advantage {display: block; overflow: hidden; margin: 0px 0 20px 5px; padding-left: 25px;} .advantage li {list-style: decimal; color: #235A90; font-size: 14px; font-weight: bold; padding-left: 0px; margin-bottom: 10px;} .advantage li span {display: block; font-size: 12px; font-weight: normal; color: #555; padding-top: 10px;} .comment {display: block; padding: 15px 23px!important;} .comment span {display: block; color: #C8581C; font-weight: bold;} .governmentList {display: block; overflow: hidden; margin: 0px 0 20px 5px; padding-left: 25px;} .governmentList li {list-style: decimal; color: #235A90; font-size: 14px; font-weight: bold; padding-left: 0px; margin-bottom: 2px;} .governmentList li span {display: block; font-size: 12px; font-weight: normal; color: #555; padding-top: 10px;} .governmentList li em {font-size: 10px!important; font-style: normal; font-weight: normal;} /*--government --*/ .government {display: table; width: 100%; border: 1px solid #d9d9d9; text-align: left; border-bottom: none; line-height: 18px; margin: 5px 0 20px; color: #555555;} .government th { background: #f5f5f5; width:20%; padding: 10px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; vertical-align: top; color: #235A90;} .government td { padding: 10px; vertical-align: top;border-bottom: 1px solid #d9d9d9; font-weight: bold; } .government td.guide { width: 80%;} .government td span {font-weight: normal;} .subsidy {display: table; width: 100%; border: 1px solid #d9d9d9; text-align: left; border-bottom: none; line-height: 18px; margin: 5px 0 20px; color: #555555;} .subsidy th { background: #f5f5f5; width:20%; padding: 10px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; vertical-align: top; color: #235A90;} .subsidy td { padding: 10px; vertical-align: top;border-bottom: 1px solid #d9d9d9; font-weight: bold; } .subsidy td.guide { width: 80%;} .subsidy td span {font-weight: normal; display: block; padding-top: 10px;} .subsidy td span.comment {color: #ff8900; font-size: 10px; padding: 0px!important; line-height: 12px;} .contactForm {display: table; width: 100%; border: 1px solid #d9d9d9; text-align: left; border-bottom: none; line-height: 18px; margin: 5px 0 20px; color: #555555;} .contactForm th { background: #f5f5f5; width: 30%; padding: 10px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; vertical-align: top; color: #235A90;} .contactForm th em {color: #FF0000!important; } .contactForm th span {display: block; font-size: 10px; color: #000;} .contactForm td { width: 30%; padding: 10px; vertical-align: top;border-bottom: 1px solid #d9d9d9; font-weight: bold; } .contactForm td span {font-weight: normal;} .contactForm td span.comment {color: #ff8900; font-size: 10px; padding: 10px 0 0!important; line-height: 12px;} .estimateForm {display: table; width: 100%; border: 1px solid #d9d9d9; text-align: left; border-bottom: none; line-height: 18px; margin: 5px 0 20px; color: #555555;} .estimateForm th { background: #f5f5f5; width: 15%; padding: 10px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; vertical-align: top; color: #235A90;} .estimateForm th em {color: #FF0000!important; } .estimateForm th span {display: block; font-size: 10px; color: #000;} .estimateForm td { width: 30%; padding: 10px; vertical-align: top;border-bottom: 1px solid #d9d9d9; font-weight: bold; } .estimateForm td span {font-weight: normal;} .estimateForm td span.comment {color: #ff8900; font-size: 10px; padding: 10px 0 0!important; line-height: 12px;} .estimateForm1 {display: table; width: 100%; border: 1px solid #d9d9d9; text-align: left; border-bottom: none; line-height: 18px; margin: 5px 0 20px; color: #555555;} .estimateForm1 th { background: #f5f5f5; width: 15%; padding: 10px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; vertical-align: top; color: #235A90;} .estimateForm1 th em {color: #FF0000!important; font-style: normal; padding-left: 10px; } .estimateForm1 th span {display: block; font-size: 10px; color: #000;} .estimateForm1 td { width: 20%; padding: 10px; vertical-align: top;border-bottom: 1px solid #d9d9d9; font-weight: bold; } .estimateForm1 td span {font-weight: normal;} .estimateForm1 td span.comment {color: #ff8900; font-size: 10px; padding: 10px 0 0!important; line-height: 12px;} .imgRight {float: right; margin-left: 5px;} .imgLeft {float: left; margin-right: 5px;} /* feature*/ h4.vol { display: block; overflow: hidden; padding-bottom: 20px; background: url(../images/bg/bg-feature.gif) repeat-x bottom ; margin-bottom: 26px;} .img-left { float: left; padding-bottom: 7px; background:url(../images/bg/bg-img-feature.gif) bottom repeat-x; margin: 0 24px 20px 0;} .img-right { float: right; padding-bottom: 7px; background:url(../images/bg/bg-img-feature.gif) bottom repeat-x; margin: 0 0 15px 24px;} .feat-title { font-size: 24px; color: #1e87b8; line-height: 30px; font-family: "MS Gothic";} .border-feat { border:1px solid #1E87B8; margin-bottom:20px; padding:10px 10px; overflow: hidden; } .border-feat p a { color:#45A5BE; } .border-feat ol {display: block; width: 560px; margin: 0px auto;} .border-feat ol li {padding-bottom: 20px; line-height: 18px; color: #4d4d4d;} /*point*/ h4.point { display: block; overflow: hidden; padding-bottom: 20px; background: url(../images/bg/bg-feature.gif) repeat-x bottom ; margin-bottom: 26px; font-size:30px;} .link {margin-bottom: 10px;} .point-title { font-size: 18px; color: #1e87b8; line-height: 30px; font-family: "MS Gothic";} .border-link { border:1px solid #1E87B8; margin-bottom:20px; padding:10px 20px; overflow: hidden; } .border-link ul {display: block; width: 580px; margin: 0px auto;} .border-link ul li {background:transparent url(../images/icon/ic-arrow2.gif) no-repeat; list-style: none; padding-left: 20px; margin: 0px 0px 5px;} .border-link a {color: #45A5BE; display: block; margin-top: 2px;} /* sunlight*/ .sunlight-bar { background: url(../images/bg/bg-sunlight.gif) repeat-x bottom; } .glossaryList { list-style: none; display: block; overflow: hidden; margin-bottom: 25px;} .glossaryList li { display: inline; background: url(../images/icon/ic-arrow2.gif) no-repeat left; padding: 0 10px 0 15px; color: #45a5be;} .glossaryList li a { color: #45a5be; text-decoration: none;} .glossaryList li a:hover { text-decoration: underline;} .glossary { display: block; background: url(../images/bg/bg-information.gif) top repeat-x; padding: 20px 5px 25px 22px !important ; margin-top: 2px; color: #555555; margin-bottom: 5px;} .glossary a { color: #45a5be;} .glossary li {vertical-align: top;} .glossary li span {display: block; font-size: 14px; font-weight: bold; color: #45A5BE; margin-bottom: 3px;} .glossary li em {font-style: normal; margin-bottom: 10px; display: block;} .q_customer { padding-left:0px!important; } .franchises { list-style:none; border:1px solid #D9D9D9; padding:5px; } .franchises li { margin-right:7px; display:inline; line-height:18px; } .franchises li a { color:#45A5BE; } .blue { color: #45a5be !important; } .red { color: #f00000;} .left-pic { float: right ; margin-left: 25px;} .mainContent .pageTop {display: block; width: 80px; float: right; font-size: 10px; font-weight: bold; padding-left: 15px; margin: 10px 0 0 !important;} /*guide*/ .guideList {} .guideList li { background: url(../images/icon/ic-circle2.gif) 0 0 no-repeat ; padding-left: 18px; list-style: none; color: #555555; margin-top: 5px; } .guideList li a { display: inline; background: url(../images/icon/ic-arrow2.gif) left no-repeat ; padding-left: 15px;} .guideList li.detail { padding-left: 0; background: none; line-height: 18px;} .glossary h5 { display: block; overflow: hidden; border-bottom: 1px dotted #d9d9d9; padding-bottom: 5px; color: #55555; height: 1%; margin: 0 0 15px;} .glossary h5 span { display: block; float:left; color: #555555; } .glossary h5 em { float: right ; display: block; font-style: normal; background: url(../images/icon/ic-arrow2.gif) no-repeat left; font-weight: normal; padding: 0 10px 0 15px;} .glossary h5 em a { color: #45a5be;} /* guide sub */ .pvDetail { font-size: 16px; font-family: "MS Gothic"; line-height: 22px; color: #000000;} .guideTable { width: 100%; border: 1px solid #d9d9d9; text-align: left; border-bottom: none; line-height: 18px; margin: 5px 0; color: #555555;} .guideTable th { background: #f5f5f5; width:30%; padding: 5px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; vertical-align: top; font-weight: normal;} .guideTable td { padding: 5px; vertical-align: top;border-bottom: 1px solid #d9d9d9; } .guideTable td.guide { width: 70%;} .guideTable td.guide1 { width: 25%; border-right: 1px solid #d9d9d9; } .guideTable td.guide2 { width: 45%;} .guideTable a { color: #45a5be;} .subGuide { width: 100%; border: 1px solid #d9d9d9; border-right: none; border-bottom: none; text-align: left; line-height: 18px; margin: 10px 0; color: #555555;} .subGuide th { background: #f5f5f5; width:26%; padding: 3px 5px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; vertical-align: top; text-align: center;} .subGuide th.small { width: 17% !important;} .subGuide td { padding:6px; vertical-align: top;border-bottom: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9; } .red {color: #FF0000; font-size: 10px; display: block;} /* customer*/ .line-inner { border-bottom: 1px dotted #626262; display: block; overflow: hidden; margin: 30px 0 10px;} .electricity { font-size: 30px ; display: block; color: #000000; line-height: 24px; font-family: "MS Gothic"; padding: 3px 0;} .electricity span { color: #2b9ace;} .county { color: #000000; line-height: 24px;} .utilities { display:inline; float:left; } .utilities p { margin: 17px 0 0 0; } .utilities span { background-color:#FFFF66; display:inline-block; width:80px; margin:0 10px 0 50px; border: 1px solid #000000;} .utilities td.yellow { background:#FFFF66; } .utilities2{ display:inline; width:50px; float:left; text-align: center; margin-top:140px; } .utilities table { border-top: 1px solid #000; border-left: 1px solid #000; } .utilities table td { border-bottom: 1px solid #000; border-right:1px solid #000; width:72px; padding-right:3px; } .detailConstruction ul.list { width: 530px !important;} .customer { display: block; border-bottom:1px solid #555555; overflow:hidden; margin-bottom:20px; padding-bottom:20px;} .last { border:none!important; } .customer img { float: left; margin: 10px;} .cus-detail { float: right; display: block; width: 550px; text-align: justify; margin-bottom: 0px!important;} .recommendation { display: block; margin: 10px 0 15px; overflow: hidden;} .recommendation dt { display: block; width: 255px; float: right; text-align: center;} .recommendation dd { display: block; width:340px;} .recommendation dd img { margin-bottom: 4px;} .glossary h6 img { margin-bottom: 4px;} .sanyo h6 { display: block; background: url(../images/sanyo/bg_bottom.gif) repeat-x bottom ; padding-bottom: 17px; margin-top: 25px; overflow: hidden; height: 1%;} .sanyo h6 span { display: block; overflow: hidden; float: left; width: 250px;} .sanyo h6 em{ display: block; overflow: hidden; float: right; width: 200px; line-height: 20px; font-style: normal; font-weight: normal; font-size: 12px;} .sanyo p {padding:0 10px 10px;} .tab-menu {display: block; margin: 10px 0px 20px; border-bottom: 1px solid #1c65dc; overflow: hidden;} .tab-menu li {display: inline; float:left; margin: 0px; padding: 0px; height: 21px; list-style: none; position: relative;} .tab-menu li a {text-decoration: none; border: none;} .tab-menu li span {visibility: hidden;} .tab-menu li.btnIndustry a {display: block; width: 101px; background: url(../images/button/btn-industrial_01.gif) no-repeat; height: 21px; position: absolute; left: 0px;} .tab-menu li.btnIndustry a:hover {display: block; width: 101px; background: url(../images/button/btn-industrial_01-over.gif) no-repeat; height: 21px;} .tab-menu li.btnIndustry.active {display: block; width: 101px; background: url(../images/button/btn-industrial_01-over.gif) no-repeat; height: 21px;} .tab-menu li.btnConstruction a {display: block; width: 107px; background: url(../images/button/btn-construction_01.gif) 0px 0px no-repeat; height: 21px; position: absolute; left: 86px;} .tab-menu li.btnConstruction a:hover {display: block; width: 107px; background: url(../images/button/btn-construction_01-over.gif) no-repeat; height: 21px;} .tab-menu li.btnConstruction.active {display: block; width: 107px; background: url(../images/button/btn-construction_01-over.gif) no-repeat; height: 21px;} /*sanyo*/ .sanyo { display: block; overflow: hidden; clear: both;} .sanyo dl { display: block; overflow: hidden; clear:both; height: 1%;} .sanyo dt { width: 150px !important;} .sanyo dd { width: 445px !important;} .module_table { border-collapse:collapse;font-size:10px;width:300px;} .module_table td { padding:0px 8px;border:solid 1px #ccc;} .black { color:#fff; background:#666;} .white { color: #124E00; background:#fff;font-size:16px;text-align:center;} .white .cap { font-size:12px; margin-left: 2px;} .picright-sanyo img { margin: 5px 0 5px 5px !important; float: right; } .picright img { float: right; margin-left: 10px; } .green-box { display: block; overflow: hidden;} .green-box .picright img { margin-right: 10px; margin-left: 0 !important;} .green-detail { display: block; border: 1px solid #b6d2a6; background: #dbf1d5; padding: 10px !important; margin-top: 28px; line-height: 18px !important; } .green {color:#124E00;} .line { border-top: 1px dotted #ccc; display: block; clear: both; margin-bottom: 15px;} /*kids*/ h4.kids { display: block; overflow: hidden; padding-bottom: 20px; background: url(../images/bg/bg-kids.gif) no-repeat; width:550px; margin:20px 0; height:27px; color:#fff; font-size:14px; font-weight:bold; padding:15px 0 0 70px;} h4.trigger{ display: block; padding: 0px 5px 0px 0px !important ; margin: 2px 0 5px; overflow: hidden; color: #45a5be;} h4.trigger a { color: #45a5be; text-decoration: none; display: block; } h2.trigger a:hover { color: #ccc; } .toggle_container { padding-left: 0px; overflow: hidden; font-size: 12px; clear: both; display: block; margin-bottom: 20px; } .toggle_container .block { background: url(toggle_block_btm.gif) no-repeat left bottom; color: #555555; font-size: 12px; line-height: 18px; } /*--- Footer ---*/ #footer {display: block; width: 960px; overflow: hidden; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; margin-top: 30px;} #footer ul {display: block; width: 960px; background: #e0e0e0; padding: 10px 0px; text-align: center;} #footer ul li {display: inline; list-style: none; padding: 0px 15px; color: #000;} #footer ul li a {color: #000; text-decoration: none;} #footer ul li a:hover {text-decoration: underline;} #footer .copyright {background: #c0c0c0; display: block; padding: 10px 0px; text-align: center; font-size: 14px; color: #265195; font-weight: bold;}