/* ===================== Common Style ===================== */
html, body{ /*overflow-x: hidden; overflow-y: scroll;*/}
/*#loader{ width:100%; height:100%; position:absolute; z-index:100; background:#77c7be url(../img/loading.gif) no-repeat center;}*/
#wrapper{ min-width: 990px; height:100%; background:#fff url(../img/bg.png) repeat-x 0 0;}
#container{ max-width:1300px; position:relative; margin:0 auto;  overflow:hidden; font-size:12px;  }
#inner-container{ position:relative; width:1300px; left: 50%; margin-left:-650px;}
.inner-content{ width:960px; margin:0 auto; padding-top:25px; background:url(../img/bg-inner-content.png) repeat-x center top;}



/* ===================== Header ===================== */
#header{ /*height:100px; background:url(../img/header-bg.jpg) repeat-x left top;*/}
#header .container { width:990px; margin:0 auto; position:relative; z-index:100;}
#header h1{ float:left; margin:20px 50px 0 0;}
/*#header h1 a { display:block; width:325px; height:72px; background:url(../img/logo.png) no-repeat 0 0; text-indent:-9999px;}*/

#header h1 a { display:block; width:325px; height:72px; background:url(../img/logo.png) no-repeat 0 0; text-indent:-9999px;}

#header .quick-link{ float:right; margin:14px 15px 0 0}
#header .quick-link li{ float:left; margin-right:12px; padding-right:12px; background:url(../img/line-quick-link.png) no-repeat center right}
#header .quick-link li.last{ background:none; margin-right:0; padding-right:0}
#header .quick-link li a{ display:inline-block; font-size:11px; color:#666666;}
#header .quick-link li a:hover{ color:#000;}

/*#header .menu{ float:right; width:570px; height:34px; margin-top:25px; }
#header .menu li{ float:left; position:relative;}
#header .menu li .submenu{ position:absolute; display:none; width:366px; height:132px;}
#header .menu li.m1 .submenu{ left:0; background:url(../img/bg-submenu-about.png) no-repeat 0 0;}
#header .menu li.m2 .submenu{ left:0; background:url(../img/bg-submenu-solar.png) no-repeat 0 0;}
#header .menu li.m3 .submenu{ left:0; background:url(../img/bg-submenu-press.png) no-repeat 0 0;}
#header .menu li.m4 .submenu{ right:9px; background:url(../img/bg-submenu-corporate.png) no-repeat 0 0;}
#header .menu li.m5 .submenu{ right:0; background:url(../img/bg-submenu-investors.png) no-repeat 0 0;}
#header .menu li .submenu ul{ margin:20px 0 0 155px;}
#header .menu li .submenu li{ float:none; margin:0 0 7px 0; padding-left:15px; background:url(../img/icon-leftnav-sub.png) no-repeat 0 5px;}
#header .menu li .submenu a{ color:#666; font-size:13px;}
#header .menu li .submenu a:hover{ color:#000;}*/

#header .menu{  float:right; width:652px; height:34px; margin-top:25px; }
#header .menu li{ float:left; position:relative;}
#header .menu li .submenu{ position:absolute; display:none; width:366px; height:132px;}
#header .menu li.m1 .submenu{ left:0; background:url(../img/bg-submenu-about.png) no-repeat 0 0;}
#header .menu li.m2 .submenu{ left:0; background:url(../img/bg-submenu-solar.png) no-repeat 0 0;}
#header .menu li.m3 .submenu{ left:0; background:url(../img/bg-submenu-press.png) no-repeat 0 0;}
#header .menu li.m4 .submenu{ right:0; /*width:600px;*/ background:url(../img/bg-submenu-corporate.png) no-repeat 0 0;}
#header .menu li.m5 .submenu{ right:0; background:url(../img/bg-submenu-investors.png) no-repeat 0 0;}
#header .menu li.m5 .submenu ul{ margin:14px 0 0 155px;}
#header .menu li.m5 .submenu li { margin:0 0 0 0 ;}
#header .menu li .submenu ul{ margin:20px 0 0 155px;}
#header .menu li .submenu li{ float:none; margin:0 0 7px 0; padding-left:15px; background:url(../img/icon-leftnav-sub.png) no-repeat 0 5px;}
/*#header .menu li.m4 .submenu ul{ float:left; width:140px; margin:20px 0 0 155px;}
#header .menu li.m4 .submenu ul.submenu-sec{ margin:20px 0 0 5px; width:280px;}
#header .menu li.m4 .submenu ul li ul{ margin:5px 0 0 2px; width:280px;}
#header .menu li.m4 .submenu ul li ul li{ margin:0 0 2px; padding-left:10px; background:url(../img/icon-section-list.png) no-repeat scroll left 5px;}*/
#header .menu li .submenu a{ color:#666; font-size:13px;}
#header .menu li .submenu a:hover{ color:#000;}


/* ===================== Footer ===================== */
#footer{  position:relative; margin:30px 0; padding-top:15px; #padding-bottom:30px; background:url(../img/bg-footer.png) no-repeat center top;}
#footer .container{ width:960px; margin:0 auto; font-size: 11px; line-height: 18px; color:#666666;}
#footer .right li{ float:left; margin:0 12px 0px 0; padding-left:13px; background:url(../img/icon-breadcrumb.png) no-repeat left 6px; }
#footer .container a{ color:#666666;}
#footer .container a:hover{ color:#000;}


/* ===================== Home ===================== */
.banner-cycle-container{ position:relative; margin-top:8px;}
.banner-cycle img { display:none;}

.point-nav{ position:absolute; right:155px; bottom:12px; z-index:100; }
.point-nav li{ float:left; margin-right:4px;}
.point-nav li a{ display:block; width:12px; height:12px; background:url(../img/banner-cycle.png) no-repeat 0 0; position:relative!important;}
.point-nav li a:hover, .point-nav li.activeSlide a{ background-position:left bottom;}
.home .inner-content{ background:none; padding-top:15px;}
.home .inner-content>div{ float:left; width:308px; margin-right:17px; color:#666666; line-height:170%;}
.home .inner-content>div a{ color:#666; }
.home .inner-content>div a:hover{ color:#000;}
.home .inner-content .inner-content-col3{ margin-right:0;}
.title-home{ text-indent:-9999px;}
.img-home-banner-about-jun-yang{ margin:10px 0 15px;}
.inner-content-col1-txt{ padding:0 8px;}
.home .btn-more{ margin:16px 0 0 6px; font-weight: bold; font-size: 0.9em;}
.company-news-list{ margin:-8px 0 26px; padding:0 10px;}
.company-news-list li{ padding:10px 0; background:url(../img/bg-company-news-list.png) repeat-x 0 bottom; line-height:160%;}
.company-news-list li.last{ background:none;}
.company-news-list span{ display:block; font-weight:bold;}
.quick-link-list{ padding:0 10px;}
.quick-link-list li{ padding-left:15px; background:url(../img/icon-breadcrumb.png) no-repeat 0 8px;}
.bg-home-col3{ clear:both; height:9px; margin:10px 0; background:url(../img/bg-home-col3.png) no-repeat center 0;}
.stock-price{ float:left; margin:10px 0 10px 10px; font-size:13px;}
.stock-fluctuate{ float:right; margin:10px 10px 10px 0; color:#000; font-weight:bold;}
.elec-counter-bg{ width:307px; height:79px; position:relative; background:url(../img/bg-elec-counter-no.png) no-repeat 0 0; font-size:23px;}
.elec-counter-no{ position:absolute; right:25px; top:24px; letter-spacing:1.8px;}


/* ===================== Inner ===================== */
.inner-banner{ margin-top:8px;}
.inner .left-nav{ float:left; width:182px; margin-right:19px;}
.inner .right-content{ float:left; width:756px;}
.right-content-container{ float:left; width:726px; margin-top:6px; padding:30px 0 0 30px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; background:url(../img/bg-right-content.png) no-repeat 0 0; color:#666666;}
h3.title{ height:26px; width:100%; margin-bottom:10px; text-indent:-9999px;}
.inner p{ margin-bottom:20px; line-height:180%;}

/* leftnav report */
.report{ margin:26px 0 0 10px; font-size:11px;}
.img-report{ float:left; width:74px; margin-right:10px; padding:4px 0 0 2px; background:url(../img/bg-img-report.png) no-repeat 0 0;}
.img-report img{max-width:74px;}
.report-details{ float:left; width:80px;}
.report-date{ display:block; margin-bottom:5px; color:#000; font-weight:bold;}
.report-title{ display:block; margin-bottom:12px; color:#999; line-height:140%;}
.btn-more{ display:block; color:#000;}
.btn-more:hover{ color:#666;}

/* leftnav */
.left-nav > ul{ padding-bottom:10px; border-bottom:1px solid #e0e0e0;}
.left-nav li div a { display:block; padding:6px 0 6px 15px; color:#666666; font-size:13px; }
.left-nav li div a:hover, .left-nav li.current div a{ color:#000000; background:#f7f7f6;}

.left-nav li ul{ display:none; padding:10px 0 10px 6px;}
.left-nav li ul.corporate-governance-subpages{ display:block;}
.left-nav li ul.corporate-governance-subpages a{ height:auto;}
.left-nav li.current ul{ display:block;}
.left-nav li ul li{ margin:0 0 5px 10px; padding-left:13px; background:url(../img/icon-leftnav-sub.png) no-repeat left 5px;}
.left-nav li ul li.last{ margin:0 0 0 10px;}
.left-nav li ul li a{ display:block; height:18px; line-height:18px; color:#666666;}
.left-nav li ul li a:hover, .left-nav li ul li.current a{ text-decoration:none; color:#000;}

/* breadcrumb */
.breadcrumb{ float:right; margin-right:10px; font-size:11px;}
.breadcrumb a{ margin-left:12px; padding-right:18px; background:url(../img/icon-breadcrumb.png) no-repeat right 5px; color:#666666; }
.breadcrumb a:hover{ color:#000000; text-decoration:none;}
.breadcrumb span{ margin-left:12px; color:#000000; font-weight:bold;}


/* ===================== about jun yang ===================== */
.right-content-section{ margin-bottom:25px;}
.section-title{ margin-bottom:15px; font-size:20px; color:#cab71d;}
.right-content-section-list li{ float:left; width:310px; margin:0 25px 5px 0; padding-left:10px; background:url(../img/icon-section-list.png) no-repeat left 5px; }
.inner .right-content-section-list-header{ margin-bottom:10px;}

.right-content-section-box{ position:relative; float:left; width:324px; height:144px; margin:5px 10px 0 20px;}
.box-vision{ background:url(../img/bg-vision.png) no-repeat 0 0;}
.box-mission{ background:url(../img/bg-mission.png) no-repeat 0 0;}
.right-content-section-box img{ position:absolute; left:18px; top:18px; }

.history-list{ margin-top:25px;}
.history-year{ margin-bottom:15px; font-size:16px; font-weight:bold;}
.history-list>li{ padding:0 0 30px; margin-bottom:30px; background:url(../img/bg-board-committees.png) repeat-x 0 bottom;}
.history-detail{ float:left; margin:0 0 0 8px;}
.history-detail li{ padding-left:8px; padding-right:25px; margin-left:10px; margin-bottom:6px; background:url(../img/icon-section-list.png) no-repeat left 5px; width:314px; display:block; float:left;}


/* ===================== solar farms ===================== */
.value-chain-container{ margin:35px 0 10px; }
.inner .value-chain-title{ margin-bottom:10px; font-weight:bold;}
.projects-cate{ margin-bottom:50px;}
.projects-cate-title{ width:695px; margin:10px 0 20px;}
.cycle-slideshow{ margin-left:10px;}
.cycle-slideshow-items{ float:left; width:212px; height:203px; margin-right:20px; background:url(../img/bg-projects.png) no-repeat 0 0;}
.cycle-slideshow-items span{ display:block; padding:10px 10px 0 10px; text-align:center; font-size:11px; line-height:120%;}

.cycle-pager-prev-next{ clear:both; float:left; position:relative; left:45%; margin-top:22px;}
.cycle-pager { display: block; }
.cycle-pager a{ color:#666666; font-weight:bold; padding:0 5px;}
.cycle-pager a:hover, .cycle-pager .activeSlide { color: #000;}
.cycle-prev{ position:absolute; left:-13px; top:2px; display:block; width:6px; height:12px; background:url(../img/arrow-projects.png) no-repeat 0 0; text-indent:-9999px; }
.cycle-next{ position:absolute; right:-13px; top:2px; display:block; width:6px; height:12px; background:url(../img/arrow-projects.png) no-repeat right 0; text-indent:-9999px;}

.project-pipeline-list{ margin:5px 0 0 20px;}
.project-pipeline-list li{ margin:0 0 5px 0; padding-left:15px; background:url(../img/icon-breadcrumb.png) no-repeat left 5px; }
.cycle-slideshow-items .load-project-detail{ color:#666;}
.cycle-slideshow-items .load-project-detail:hover{ color:#000;}
.project-detail-container{ width:777px; height:500px; overflow: auto; padding-right:28px; }
.project-detail-img{ margin-top:5px;}
.project-detail-img-top{ width:777px; height:5px; background:url(../img/bg-img-project-detail-top.png) no-repeat 0 0;}
.project-detail-img-mid{ width:767px; height:auto; padding:0 5px; background:url(../img/bg-img-project-detail-mid.png) repeat-y 0 0;}
.project-detail-img-btm{ width:777px; height:5px; background:url(../img/bg-img-project-detail-btm.png) no-repeat 0 0;}
.project-detail-container .title{ margin:20px 0 10px; font-size:20px; color:#cab71d;}
.project-detail-container .desc{ font-size:12px; color:#666666; line-height:180%;}


/* ===================== Investors ===================== */
.announcement-table-header{ margin-top:30px; background:#e9cc27; font-weight:bold; color:#fff;}
.announcement-date{ float:left; width:139px; padding:5px 0 5px 15px;}
.announcement-subject{ float:left; width:556px; padding:5px 0 5px 0;}
.table-announcement{ width:100%; }
.table-announcement td{ padding:7px 0;}
.table-announcement td a{ color:#666666;}
.table-announcement .first-col{ width:140px; padding:7px 0 7px 15px; font-weight:bold;}
.table-announcement td{ border-bottom:1px solid #e5e5e5;}
.table-announcement tr.odd{ background:#f3f3f3;}
.table-announcement tr.hovered{ background:#fefbe2;}
.table-announcement tr.hovered td a{ color:#d4a904;}

.pagination{  margin-top:35px; text-align:center; }
.pagination a, .pagination span { padding:0 3px; color: #666666; font-weight:bold;}
.pagination a:hover, .pagination .current {color:#000;}
.pagination .current.prev, .pagination .current.next { cursor:default;}
.pagination .prev{ display:inline-block; position:relative; top:2px; #top:-1px; padding:0; margin:2px 5px 0 0; width:6px; height:12px; background:url(../img/arrow-projects.png) no-repeat 0 center; text-indent:-9999px;}
.pagination .next{ display:inline-block; position:relative; top:2px; #top:-1px; padding:0; margin:2px 0 0 5px; width:6px; height:12px; background:url(../img/arrow-projects.png) no-repeat right center; text-indent:-9999px;}

.report-container{ margin:30px 0;}
.report-year{ height:29px; line-height:29px; padding-left:18px; background:url(../img/bg-report-year.png) no-repeat left bottom; border-bottom:1px solid #e5e5e5; color:#666666; font-weight:bold;}
.report-year:hover, .report-year.current{ color:#fff; background-position:0 0; cursor:pointer; }
.report-content{ padding:17px 0 10px 50px; border-bottom:1px solid #e5e5e5; background:url(../img/bg-report-content.png) repeat-x 0 bottom;}

.report-content-item{ font-size:12px;float: left;}
.img-report-content{ float:left; width:145px; height:224px; margin-right:15px; padding:6px 0 0 4px; background:url(../img/bg-img-report-content.png) no-repeat 0 0;}
.img-report-content img{ max-width:138px; max-height:199px;}
.report-content-details{ float:left; width:170px; margin:50px 0 0 0;}
.report-content-date{ display:block; margin-bottom:5px; color:#666666; font-weight:bold;}
.report-content-title{ display:block; margin-bottom:12px; color:#999; line-height:140%;}

.faq-list>li{ padding:20px 30px; background:url(../img/bg-board-committees.png) repeat-x 0 bottom;}
.faq-list h5{ margin-bottom:10px; font-weight:bold;}
.faq-list p{ margin:0 0 0 14px;}
.faq-list a{ color:#666;}
.faq-list a:hover{ color:#000;}


/* ===================== Corporate ===================== */
.board-committees-list{ width:100%; margin:30px 0;}
.board-committees-list>li{ padding:20px 30px; background:url(../img/bg-board-committees.png) repeat-x 0 bottom;}
.board-committees-title{ float:left; width:190px;}
.board-committees-name{ float:left; width:475px;}
.board-committees-title-b{ display:block; font-weight:bold;}
.board-committees-name li{ padding-left:13px; margin-bottom:3px; background:url(../img/icon-section-list.png) no-repeat left 5px;}
.line-separ{ width:100%; height:1px; margin:40px 0; background:#e5e5e5;}

.board-committees-list a{ color:#666666; }

.board-directors-item{ margin:30px 0 0 0; padding:0 15px 15px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.board-directors-item.last{ border:0;}
.img-board-directors{ float:left; width:145px; height:224px; margin-right:15px; padding:25px 0 0 0; background:url(../img/bg-img-report-content.png) no-repeat 0 0;}
.img-board-directors img{ max-width:145px; max-height:180px;}
.board-directors-details{ float:left; width:530px; overflow:hidden;}
.board-directors-name{ display:block; margin-bottom:15px; color:#666; font-weight:bold; font-size:16px;}
.board-directors-desc{ color:#666; line-height:170%;}
.board-directors-details .btn-more{ float:right; margin-top:20px; }
.board-directors-details .btn-less{ float:right; margin-top:20px; color: #000; display: none;}
.independent-directors-item{ margin:20px 0 0 0; padding:0 15px 15px; border-bottom:1px solid #e5e5e5;}
.independent-directors-item.last{ border:0;}
.independent-directors-name{ display:block; margin-bottom:15px; color:#666; font-weight:bold; font-size:16px;}
.independent-directors-desc{ display:block; color:#666; line-height:170%;}

.img-jun-yang{ margin:30px 0 30px 0;}
.corporate-info dt{ float:left; width:150px; margin-right:20px; font-weight:bold;}
.corporate-info dd{ float:left; width:550px; margin-bottom:20px;}
.corporate-info dd a{ color:#666;}
.corporate-info dd a:hover{ color:#000;}

#Corporate .report-content-item{ font-size:12px;float: left; margin:0 15px 0 0}
#Corporate .img-report-content{ float:left; width:145px; height:224px; margin-right:15px; padding:6px 0 0 4px; background:url(../img/bg-img-report-content.png) no-repeat 0 0;}
#Corporate .img-report-content img{ max-width:138px; max-height:199px;}
#Corporate .report-content-details{ float:left; width:170px; margin:50px 0 0 0;}
#Corporate .report-content-date{ display:block; margin-bottom:5px; color:#666666; font-weight:bold;}
#Corporate .report-content-title{ display:block; margin-bottom:12px; color:#999; line-height:140%;}


/* ===================== Contact Us ===================== */
#enquiry-form{ margin-bottom:25px;}
#contactForm{ width:555px; border:1px solid #c9c9c9; background:#f2f2f2; padding:22px 30px;}
.formRow { margin:0 0 15px 0;}
.formRow span{ padding-left:5px; color:#bba700;}
.formRow label { float:left; width:114px; text-align:left; font-weight:bold; padding-top:2px;}
#enquiry-form .recaptcha_widget_div{ float:right;}
#enquiry-form .recaptcha_widget_div .invalid-recaptcha{ color:#FF0000; margin-bottom:10px; }
.formRow input[type="text"], .formRow select, .formRow textarea{ display:block; float:left;  padding:0 2px; border:0; height:19px; width:300px; border:1px solid #c9c9c9; background:#fff url(../img/bg-form-input.png) repeat-x 0 0;}
.formRow textarea{ width:435px; height:110px; font-size:12px; min-height:110px; }
.compulsory{ font-size:11px; color:#666666;}
#error-msg{ margin:20px 0 12px;}
#error-msg ul{ margin-top:15px;}
#error-msg li{ margin-bottom:3px; font-size:12px; color:#a99600;}
.contact-addr{ margin-bottom:20px;}
.contact-info dt{ float:left; width:100px; font-weight:bold;}
.contact-info dd{ float:left; width:550px; line-height:170%;}


/* ===================== Glossary Detail ===================== */
.glossary-detail-container{ width:777px; height:auto; overflow: auto; }
.glossary-detail-container .title{ margin:0 0 10px; font-size:20px; color:#cab71d;}


/* ===================== Sitemap ===================== */
.sitemap .right-content{ width:960px;}
.sitemap .right-content-container{ width:930px;}
/*.sitemap-section{ margin:30px 0 0 0; padding:0 15px 15px; border-bottom:1px solid #e5e5e5;}
.sitemap-section.last{ border-bottom:0;}
.sitemap .sitemap-section-list li{ float:left; width:200px; margin-right:20px; padding-left:13px; margin-bottom:5px; background:url(../img/icon-section-list.png) no-repeat left 5px;}
.sitemap .sitemap-section-list li ul{ margin-top:8px;}
.sitemap .right-content-container a{ color:#666;}
.sitemap .right-content-container a:hover{ color:#000;}
.section-name{ display:block; margin-bottom:15px; color:#666; font-weight:bold; font-size:14px;}*/

.sitemap-section { width:220px; margin:0 15px 30px 0; float:left; background:url(../img/sitemap-bk.jpg) no-repeat right 0}
.sitemap-section.last{ width:220px; margin:0 0 30px 0; background:none; float:left}
.section-name{ display:block; margin-bottom:10px; color:#666; font-weight:bold; font-size:14px;}
.sitemap-section a{ color:#666;}
.sitemap-section a:hover{ color:#000;}
.sitemap-section-list li{ float:left; margin-right:20px; padding-left:13px; margin-bottom:5px; background:url(../img/icon-section-list.png) no-repeat left 5px; width:167px}
.sitemap-section-list li ul.sitemap-section-list { margin:5px 0 0 0!important}
.sitemap-section-list li .sitemap-section-list li{ padding:0 0 0 10px!important; margin:0 0 5px 0!important; background:url(../img/icon-breadcrumb.png) no-repeat 0 6px!important}

.sitemap-h-1 { height:110px}
.sitemap-h-2 { /*height:250px*/}

/* ===================== Disclaimer ===================== */
.disclaimer-list{ padding-left:10px;}
.disclaimer-list li{ padding-left:13px; margin-bottom:20px; background:url(../img/icon-section-list.png) no-repeat left 5px}