@charset "utf-8";

/* Base CSS */
html {background:#fff; font-family:'Trebuchet MS';
	-webkit-appearance: none;
	-webkit-text-size-adjust: none;
}
body {font-size:12px; color:#464646; min-width:640px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
ol, ul, li {list-style:none; list-style-position:outside;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
form, fieldset {border:0;}
img { border:0; vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0;}
address, caption, cite, code, dfn, em, var {font-weight:normal; font-style:normal;}
a:link, a:active, a:visited, a{text-decoration:none; color:#464646;}
a:hover{text-decoration:none; color:#464646; }
input, select, textarea {color:#464646; vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit;}

header, nav, section, aside, footer {display:block;}
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0;}
abbr,acronym {border:0; font-variant: normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

/* etc */
.fr {float:right;}
.fl {float:left;}
.txtl {text-align:left;}
.txtr {text-align:right;}
.txtc {text-align:center;}
.clear {clear:both;}
.imgver {vertical-align:middle;}
.txtb {font-weight:bold;}

.pr20 {padding-right:20px;}
.mb180 {margin-bottom:180px;}

/* index */
#header {width:100%;}
#header .top {width:96%; height:95px; padding:15px 2% 0; overflow:hidden;}
#header .top h1 {float:left;}
#header .top .topBtn {float:right; padding-top:10px;}

#header .topMenu {width:100%; overflow:hidden; border-bottom:4px solid #ad003e;}
#header .topMenu li {float:left; width:33%; text-align:center; background:url('/gr/image/common/bg_mn.gif') repeat-x left top;}
#header .topMenu li:last-of-type {width:34%;}
#header .topMenu li a {display:block; height:50px; padding-top:18px; color:#404040; font-size:28px; font-weight:bold; background:url('/gr/image/common/bg_menu1.gif') no-repeat left top;}

#header .topTit {position:relative; width:100%; height:68px; border-bottom:1px solid #c4c4c4; text-align:center; background:url('/gr/image/common/bg_topTit.png') repeat-x left top;}
#header .topTit.imgs h2{padding:8px 0 0 0;}
#header .topTit .topPrv {position:absolute; left:0; top:0; display:block; width:77px; height:68px; background:url('/gr/image/common/btn_top_prev.png') no-repeat left top;}
#header .topTit h2 {padding:13px 0 0 0; color:#fff; font-size:36px; text-shadow: 1px 1px 1px #5c5c5c;}

/*
#footer {padding:20px 2% 30px; margin-top:40px; border-top:1px solid #cfcfcf;}
#footer .footbox {width:100%; overflow:hidden;}
#footer .footbox .btn_global {float:left;}
#footer .footbox .footLink {float:right; color:#8f8f8f; font-size:22px;}
#footer .footbox .footLink a {padding:0 5px; color:#464646; font-size:24px;}
#footer .copyright {display:block; padding-top:10px; text-align:right; color:#7d7d7d; font-size:18px;}
*/

#footer {margin-top: 40px; padding: 20px 2% 30px; border-top:1px solid #cfcfcf;}
#footer .footbox {width:89%; overflow:hidden;}
#footer .footbox .btn_global {float:left;}
#footer .footbox .footLink {float:right; color:#8f8f8f; font-size:22px;}
#footer .footbox .footLink a {padding:0 5px; color:#464646; font-size:24px;}
#footer .copyright {width:89%; display:block; text-align:right; color:#7d7d7d; font-size:18px;}
#footer .member {float: right; padding-top: 2px;}

/* main */
#content {width:100%;}
#content .scrollWrap {position:relative; width:100%; height:400px; background:url('/gr/image/imgs/bg_main.png') no-repeat center top;}
#content .scrollWrap .navi {overflow:hidden; text-align:center;}
#content .scrollWrap .navi a {display:inline-block; width:18px; height:18px; margin:0 10px; font-size:1px; cursor:pointer; background:url('/gr/image/imgs/bg_navigator.png') no-repeat right top;}
#content .scrollWrap .navi a:hover {background-position:left top;}
#content .scrollWrap .navi a.active {background-position:left top;}
#content .scrollWrap .browse {position:absolute; top:200px; display:block; width:17px; height:35px; cursor:pointer; z-index:999;}
#content .scrollWrap .browse.left {left:20px; background:url('/gr/image/btn/btn_sc_left.png') no-repeat left top;}
#content .scrollWrap .browse.right {right:20px; background:url('/gr/image/btn/btn_sc_right.png') no-repeat left top;}
#content .scrollWrap .browse.disabled {visibility:hidden !important;} 

#content .scrollWrap .scrollable {position:relative; overflow:hidden; width:520px; margin:auto; height:265px; padding-top:90px;}
#content .scrollWrap .scrollable .items {width:20000em; position:absolute; clear:both;}
#content .scrollWrap .scrollable .items p {position:relative; float:left; width:520px;}
#content .scrollWrap .scrollable .items p .txt {position:absolute; left:0; top:20px; z-index:999; display:block; width:200px; color:#c40652; font-weight:bold; font-size:26px; line-height:32px;}
#content .scrollWrap .scrollable .items p .txt a.disbtn {display:block; margin-top:15px;}
#content .scrollWrap .scrollable .items p .pic {float:right;}

#content .mainMenu {width:98%; padding:0 1%; overflow:hidden;}
#content .mainMenu li {float:left; width:31%; margin:1% 1%; border:1px solid #cfcfcf; text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;    /* mozilla */
	-webkit-border-radius:5px; /* webkit */
	behavior:url(/gr/inc/css/PIE.htc);
	background:url('/gr/image/imgs/bg_mainico.gif') repeat-x left bottom;
}
#content .mainMenu li a {display:block; height:147px; padding:15px 0 0 0;}
#content .mainMenu li span {display:block; color:#5a5a5a;}
#content .mainMenu li span.ico {height:95px; padding:5px 0 0 0;}
#content .mainMenu li span.ico2 {height:75px; padding-top:10px;}
#content .mainMenu li span.txt {height:40px; font-size:25px;}
#content .mainMenu li span.txt2 {line-height:20px; font-size:25px;}

/* sub */
#content .subM_visu {position:relative; width:640px; height:279px; margin:0 auto; background:url('/gr/image/imgs/bg_submain.png') no-repeat center top;}
#content .subM_visu .txt {position:absolute; font-size:36px; line-height:34px;}
#content .subM_visu .txt strong {color:#c40652;}
#content .subM_visu .txt.lgsolra {left:55px; top:105px;}
#content .subM_visu span {float:right;}
#content .smenu {width:100%; border-bottom:1px solid #cfcfcf;}
#content .smenu li {position:relative; width:100%; height:99px; background:url('/gr/image/common/bg_smenu1.png') repeat-x left top;}
#content .smenu li a {display:block; height:70px; padding:27px 0 0 170px; color:#595959; font-size:30px; background:url('/gr/image/ico/bul_arrow.png') no-repeat 98% center;}
#content .smenu li a span {position:absolute; display:block; left:60px;}
#content .smenu li .imn1_1 {bottom:0; width:87px; height:75px; background:url('/gr/image/ico/ico_sm1_1.png') no-repeat left top;}
#content .smenu li .imn1_2 {top:50%; width:90px; height:61px; margin-top:-28px; background:url('/gr/image/ico/ico_sm1_2.png') no-repeat left top;}
#content .smenu li .imn1_3 {top:50%; width:84px; height:64px; margin-top:-28px; background:url('/gr/image/ico/ico_sm1_3.png') no-repeat left top;}
#content .smenu li .imn2_1 {top:50%; width:94px; height:54px; margin-top:-27px; background:url('/gr/image/ico/ico_sm2_1.png') no-repeat left top;}
#content .smenu li .imn2_2 {top:50%; width:86px; height:70px; margin-top:-35px; background:url('/gr/image/ico/ico_sm2_2.png') no-repeat left top;}
#content .smenu li .imn2_3 {top:50%; width:67px; height:63px; margin-top:-31px; background:url('/gr/image/ico/ico_sm2_3.png') no-repeat left top;}
#content .smenu li .imn3_1 {top:50%; width:90px; height:71px; margin-top:-35px; background:url('/gr/image/ico/ico_sm3_1.png') no-repeat left top;}
#content .smenu li .imn3_2 {top:50%; width:92px; height:64px; margin-top:-32px; background:url('/gr/image/ico/ico_sm3_2.png') no-repeat left top;}

/* sub_lgSolar */
#content .lgsolarBox {overflow:hidden; width:100%; padding:40px 0 0 0; border-top:1px solid #e6e6e6;}
#content .lgsolarBox p {padding:0 30px 30px 30px; color:#727272; font-size:30px; line-height:40px;}
#content .lgsolarBox p .visuimg {display:block; float:left; padding-right:20px;}

#content .videoBox {overflow:hidden; border-top:1px solid #e6e6e6;}
#content .videoBox li {float:left; width:270px; height:300px; margin:40px 0 0 35px;}
#content .videoBox li dl {width:100%;}
#content .videoBox li dt {padding:0 0 10px 20px; font-size:31px; color:#595959; background:url('/gr/image/ico/bul_dot.gif') no-repeat left 15px;}
#content .videoBox li dd img {width:250px; height:140px; padding:10px; border:1px solid #c2c2c2;}
#content .videoView {margin:0 30px; padding:40px 0 0 0; border-top:1px solid #e6e6e6;}
#content .videoView .title {padding:0 0 10px 20px; font-size:32px; color:#595959; background:url('/gr/image/ico/bul_dot.gif') no-repeat left 15px;}

/* scroll_reference */
#content .referScBox {position:relative; width:580px; height:500px; margin:40px auto; red}
#content .referScBox .navi {overflow:hidden; text-align:center;}
#content .referScBox .navi a {display:inline-block; width:18px; height:18px; margin:0 10px; font-size:1px; cursor:pointer; background:url('/gr/image/imgs/bg_navigator.png') no-repeat right top;}
#content .referScBox .navi a:hover {background-position:left top;}
#content .referScBox .navi a.active {background-position:left top;}
#content .referScBox .browse {position:absolute; top:50%; z-index:10; display:block; width:18px; height:34px; cursor:pointer; z-index:999;}
#content .referScBox .browse.left {left:20px; background:url('/gr/image/btn/btn_sc_left1.png') no-repeat left top;}
#content .referScBox .browse.right {right:20px; background:url('/gr/image/btn/btn_sc_right1.png') no-repeat left top;}
#content .referScBox .browse.disabled {visibility:hidden !important;} 
#content .referScBox .scrollable {position:relative; overflow:hidden; width:580px; margin:auto; height:446px; margin-bottom:30px;}
#content .referScBox .scrollable .items {width:20000em; position:absolute; clear:both;}
#content .referScBox .scrollable .items p {position:relative; float:left; width:580px;}
#content .referScBox .scrollable .items p span {display:block; padding:0 0 10px 20px; font-size:34px; color:#595959; text-align:left; background:url('/gr/image/ico/bul_dot.gif') no-repeat left 15px;}
#content .referScBox .scrollable .items p img {width:560px; height:372px; padding:9px; border:1px solid #c2c2c2;}

/* sub_quality */
#content .paragWrap {padding:40px 30px 0 30px; border-top:1px solid #e6e6e6;}
#content .paragWrap .txtp {padding:0 0 40px 0; font-size:30px; color:#727272; line-height:40px;}
#content .paragWrap .testList {width:100%; line-height:40px;}
#content .paragWrap .testList li {overflow:hidden; width:100%; padding:0 0 40px 0;}
#content .paragWrap .testList li span {display:block; float:left; width:180px;}
#content .paragWrap .testList li span.loadImg {width:150px;}
#content .paragWrap .testList li dl {margin-top:-10px; padding:0 0 0 180px;}
#content .paragWrap .testList li dl.loadImgtxt {padding:0 0 0 150px;}
#content .paragWrap .testList li dl dt {padding:5px 0 5px 0; font-size:32px; color:#c40652;}
#content .paragWrap .testList li dl dd {font-size:26px; color:#727272;}
#content .paragWrap .testList li dl dd.paragraph {padding:0 0 10px 0;}

/* sub_product */
#content .productWrap {width:100%;}
#content .productWrap .proTit {width:100%; height:70px; padding:29px 0 0 0; border-bottom:1px solid #cfcfcf; background:url('/gr/image/common/bg_smenu1.png') repeat-x left top;}
#content .productWrap .proTit span {display:block; height:44px; padding:0 0 0 30px;}
#content .productWrap .proList {width:100%; padding:25px 0 0 0;}
#content .productWrap .proList li {display:inline-block; width:120px; padding:0 0 30px 30px; text-align:center;}
#content .productWrap .proList li a img {width:72px; height:122px;}
#content .productWrap .proList li span {display:block; padding:10px 0 0 0; font-size:24px; color:#595959;}
#content .prtxt {font-size:28px; color:#727272; line-height:40px;}
#content .prtxt dt {padding:0 0 10px 0; font-size:30px; color:#595959;}

#content .prosubWrap {padding:30px 30px 0; border-top:1px solid #cfcfcf;}
#content .prosubWrap .prdTit {overflow:hidden; width:100%; margin:0 0 25px 0;}
#content .prosubWrap .prdTit span {font-size:30px;}
#content .prosubWrap .prdTit .font_lg {display:block; float:left; color:#595959; font-size:38px;}
#content .prosubWrap .prdTit .dataDw {display:block; float:right;}

#content #tabMenuTxt {overflow:hidden; height:60px; border:1px solid #bebebe; background:url('/gr/image/imgs/bg_tabbox.png') repeat-x left bottom;
	border-radius:5px;
	-moz-border-radius:5px;    /* mozilla */
	-webkit-border-radius:5px; /* webkit */
	behavior:url(/gr/inc/css/PIE.htc);	
	box-shadow:0 2px 4px #dadada;
	-moz-box-shadow:0 2px 4px #dadada;
	-webkit-box-shadow:0 2px 4px #dadada;
}
#content #tabMenuTxt li {float:left; width:33%; text-align:center;}
#content #tabMenuTxt li span {display:block; height:45px; padding:15px 0 0 0; font-size:25px; color:#383838; background:url('/gr/image/imgs/bg_tabbox_bar.png') no-repeat right top;}
#content #tabMenuTxt li:last-of-type {width:34%;}
#content #tabMenuTxt li:last-of-type span {background-image:none;}
#content #tabMenuTxt li .nowTab {color:#c7004c !important;}
#content #tabWrap .paragraph {font-size:30px; color:#727272;}
#content #tabWrap .features {margin:40px 0 0 0; padding:0 0 0 140px; min-height:110px;}
#content #tabWrap .features dt {color:#c7004c; font-size:32px;}
#content #tabWrap .features dd {color:#727272; font-size:26px;}
#content #tabWrap .ick1 {background:url('/gr/image/ico/ico_key01.png') no-repeat left 10px;}
#content #tabWrap .ick2 {background:url('/gr/image/ico/ico_key02.png') no-repeat left 10px;}
#content #tabWrap .ick3 {background:url('/gr/image/ico/ico_key03.png') no-repeat left 10px;}
#content #tabWrap .ick4 {background:url('/gr/image/ico/ico_key04.png') no-repeat left 10px;}
#content #tabWrap .ick5 {background:url('/gr/image/ico/ico_key05.png') no-repeat left 10px;}
#content #tabWrap .ick6 {background:url('/gr/image/ico/ico_key06.png') no-repeat left 10px;}
#content #tabWrap .ick7 {background:url('/gr/image/ico/ico_key07.png') no-repeat left 10px;}
#content #tabWrap .ick8 {background:url('/gr/image/ico/ico_key08.png') no-repeat left 10px;}
#content #tabWrap .ick9 {background:url('/gr/image/ico/ico_key09.png') no-repeat left 10px;}
#content #tabWrap .accordian {width:100%;}
#content #tabWrap .accordian h3 {height:40px; margin:30px 0 0 0; padding:8px 0 0 0; color:#333; font-size:25px; cursor:pointer; border:1px solid #d7d8d9; background:#f8f9fa url('/gr/image/imgs/bg_accbox.png') repeat-x left bottom;
	border-radius:8px;
	-moz-border-radius:8px;    /* mozilla */
	-webkit-border-radius:8px; /* webkit */
	behavior:url(/gr/inc/css/PIE.htc);	
}
#content #tabWrap .accordian h3 span {display:block; min-height:19px; padding:0 0 0 45px; background:url('/gr/image/ico/ico_bul1.png') no-repeat 10px center;}
#content #tabWrap .accordian h3.on span {background:url('/gr/image/ico/ico_bul1_on.png') no-repeat 10px center;}
#content #tabWrap .accordian .spebox ul {width:100%;}
#content #tabWrap .accordian .spebox ul li {overflow:hidden; margin:8px 0; padding:5px 0; font-size:22px; }
#content #tabWrap .accordian .spebox ul li:nth-child(2n+2) {background:#f4f8fc;}
#content #tabWrap .accordian .spebox ul li span {display:block; float:left;}
#content #tabWrap .accordian .spebox ul li .tit {width:36%; padding:0 0 0 4%;}
#content #tabWrap .accordian .spebox ul li .txt {width:56%; padding:0 0 0 4%;}
#content #tabWrap .hgroup {padding:40px 0 0 0; text-align:right; font-size:20px; color:#666;}
#content #tabWrap .hgroup em {text-decoration:underline; cursor:pointer;}
 
 /* sub_product_scroll */
#content .imgScrollBox {position:relative; width:100%; height:460px; margin:60px 0 40px;}
#content .imgScrollBox .navi {overflow:hidden; text-align:center; padding-top:20px;}
#content .imgScrollBox .navi a {display:inline-block; width:18px; height:18px; margin:0 10px; font-size:1px; cursor:pointer; background:url('/gr/image/imgs/bg_navigator.png') no-repeat right top;}
#content .imgScrollBox .navi a:hover {background-position:left top;}
#content .imgScrollBox .navi a.active {background-position:left top;}
#content .imgScrollBox .browse {position:absolute; top:50%; display:block; width:17px; height:35px; margin-top:-17px; cursor:pointer; z-index:999;}
#content .imgScrollBox .browse.left {left:20px; background:url('/gr/image/btn/btn_sc_left.png') no-repeat left top;}
#content .imgScrollBox .browse.right {right:20px; background:url('/gr/image/btn/btn_sc_right.png') no-repeat left top;}
#content .imgScrollBox .browse.disabled {visibility:hidden !important;} 
#content .imgScrollBox .scrollable {position:relative; overflow:hidden; width:370px; margin:auto; height:410px;}
#content .imgScrollBox .scrollable .items {width:20000em; position:absolute; clear:both;}
#content .imgScrollBox .scrollable .items span {position:relative; float:left; display:block; width:370px;}

/* sub_support */
#content .suppTel {margin:0 30px; padding:30px 0; line-height:40px;}
#content .suppTel dt {padding:0 0 5px 0; font-size:28px; color:#595959;}
#content .suppTel dd {font-size:26px; color:#727272;}
#content .suppTel dd ul {height:61px; margin:30px 0; border:1px solid #eaeaea; background:url('/gr/image/imgs/bg_supp1.png') repeat-x left top;
	border-radius:5px;
	-moz-border-radius:5px;    /* mozilla */
	-webkit-border-radius:5px; /* webkit */
	behavior:url(/gr/inc/css/PIE.htc);
}
#content .suppTel dd ul li {float:left; width:100%; height:65px; padding:10px 0 0 0;}
#content .suppTel dd ul li.bar {background:url('/gr/image/imgs/bg_supp2.png') no-repeat right top;}
#content .suppTel dd ul li em {color:#c40652 !important;}
#content .suppTel dd ul li em a {color:#c40652 !important;}
#content .suppTel dd ul li span {padding:0 5px 0 15px;}

#content .supWrap {padding:40px 30px 0 30px; border-top:1px solid #e6e6e6;}
#content .supWrap h3 {font-size:36px; color:#c40652;}
#content .supWrap .addType {padding:40px 0 0 0; line-height:40px;}
#content .supWrap .addType dt {font-size:28px; color:#595959;}
#content .supWrap .addType dd {font-size:26px; color:#727272;}
#content .supWrap .addList {color:#727272;}
#content .supWrap .addList li {overflow:hidden; width:100%; margin-top:20px; border:1px solid #eaeaea; background:url('/gr/image/imgs/bg_supp1.png') repeat-x left top;
	border-radius:5px;
	-moz-border-radius:5px;    /* mozilla */
	-webkit-border-radius:5px; /* webkit */
	behavior:url(/gr/inc/css/PIE.htc);
}
#content .supWrap .addList li span {display:block; float:left; height:46px; padding:15px 0 0 0; font-size:26px;}
#content .supWrap .addList li .tit {width:17%; padding-left:3%; background:url('/gr/image/imgs/bg_supp2.png') no-repeat right top;}
#content .supWrap .addList li .txt {width:77%; padding-left:3%; color:#c40652;}
#content .supWrap .addList li .txt a {display:block; color:#c40652;}
#content .supWrap .addList li .txt.icon1 {background:url('/gr/image/ico/ico_tel.png') no-repeat 98% center;}
#content .supWrap .addList li .txt.icon2 {background:url('/gr/image/ico/ico_mail.png') no-repeat 98% center;}
#content .supWrap .addList li .txt.icon3 {background:url('/gr/image/ico/ico_home.png') no-repeat 98% center;}
#content .supWrap .downType {width:100%; margin:0 0 30px 0; color:#727272;}
#content .supWrap .downType dt {padding:0 0 10px 0; font-size:32px; color:#c40652;}
#content .supWrap .downType dd {overflow:hidden; width:100%; font-size:26px;}
#content .supWrap .downType dd a {color:#727272;}
#content .supWrap .downType dd .dwpdf {display:block; text-decoration:underline; height:47px; margin-top:20px; padding:10px 0 0 80px; background:url('/gr/image/ico/ico_pdf.png') no-repeat left center;}
#content .supWrap .downType .prodw {overflow:hidden; width:100%; margin-top:20px;}
#content .supWrap .downType .prodw li {float:left; width:33%;}
#content .supWrap .downType .prodw li a {display:block; text-decoration:underline; min-height:57px; padding:0 0 0 80px; background:url('/gr/image/ico/ico_pdf.png') no-repeat left center;}
#content .supWrap .downType .dwline {overflow:hidden; width:100%; margin-top:10px;}
#content .supWrap .downType .dwline li {margin:15px 0;}
#content .supWrap .downType .dwline li a {display:block; text-decoration:underline; height:47px; padding:10px 0 0 80px; background:url('/gr/image/ico/ico_pdf.png') no-repeat left center;}

/* sub_utility */
#content .paragWrap .dlType1 {width:100%; padding:0 0 40px 0; color:#727272; font-size:26px; line-height:40px;}
#content .paragWrap .dlType1 dt {padding:0 0 10px 0; font-size:32px; color:#595959;}
#content .paragWrap .dlType1 dd.paragraph {padding:0 0 20px 0;}

#content .sitemap {width:100%;}
#content .sitemap h3 {height:60px; padding:20px 0 0 0; font-size:36px; color:#c40652; background:url('/gr/image/imgs/bg_sitemap.png') repeat-x left top;}
#content .sitemap h3 span {display:block; padding:0 0 0 30px;}
#content .sitemap ul {overflow:hidden; padding:20px 0 30px; text-align:left;}
#content .sitemap ul.longtxt li span {height:100px;}
#content .sitemap ul li {display:inline-block; width:160px; padding:0 20px; text-align:center; vertical-align:top;}
#content .sitemap ul li a {display:block;}
#content .sitemap ul li span {display:block; width:100%; padding:10px 0 0 0; font-size:26px;}

.sublocation {display:block; padding:10px 15px; font-size:20px; text-align:right; background:#e6e6e6; border-bottom:1px solid #ccc;}