@charset "utf-8";

/* General
-----------------------------------------------------------------------------*/
* { margin:0; padding:0; font-family:Arial, sans-serif; color:#666; font-size:12px;}

body { border-top:4px #de0008 solid;}

table { 
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	font-family:Arial, sans-serif;
	}
th { text-align:center;}
td { word-break:break-all;}

a:link    { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover   { color:#000; text-decoration:none;}
a:active  { text-decoration:none;}

img    { border:0;}
li     { list-style-type:none;}
p      { line-height:18px;}

.fL    { float:left;}
.fR    { float:right;}
.clear { clear:both;}

.texL  { text-align:left !important;}
.texR  { text-align:right !important;}
.texC  { text-align:center !important;}

/*.png24 {tmp:expression(setPng24(this));}*/
.imgMid { vertical-align:middle}
.bordeRedTest { border:1px red solid;}

.scroll {
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#f24950;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#d7d7d7;
	scrollbar-face-color:#f2f2f2;
	scrollbar-highlight-color:#f2f2f2;
	scrollbar-shadow-color:#f2f2f2;
	scrollbar-track-color:#eee;
	}
	
/* margin
-----------------------------------------------------------------------------*/
.mt05 { margin-top:5px !important;}
.mt06 { margin-top:6px !important;}
.mt07 { margin-top:7px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}


/* forms
-----------------------------------------------------------------------------*/
select      { vertical-align:middle; color:#999;} /* behavior:url('/Includes/selectBox.htc'); */
select.none { behavior:none; color:#999; vertical-align:middle;}
input.text    { border:1px #e0e0e0 solid; padding:2px; color:#666; vertical-align:middle;}
textarea.text { border:1px #e0e0e0 solid; padding:5px; overflow:auto;}
fieldset { border:medium none;}
legend   {display:none;}

/* layout
-----------------------------------------------------------------------------*/
#content-box { margin:0 auto; width:906px; position:relative;}
h1 { position:absolute; left:318px; top:146px; z-index:100;}
#content-box #header {}
#content-box #sidebar { float:left;}
#content-box #content { float:left; width:588px; padding-top:17px;}
#footer { padding-top:50px; clear:both;}

div.boardList { background:url(/images/common/board_bar.gif) no-repeat left top; padding-top:9px; margin-left:3px;}
div.boardList .bg { background:url(/images/common/board_bar.gif) no-repeat left bottom; padding-top:9px;}
div.boardList .title { background:url(/images/common/board_bar01.gif) no-repeat left bottom; padding:20px 10px 20px 320px; font-size:14px; line-height:18px; font-weight:bold; color:#000;}
div.boardList .title2 { border-bottom:1px #ffb843 solid; padding:8px 10px 9px 18px; line-height:18px; color:#000;}
div.boardList .title2 img { margin-right:8px; vertical-align:middle;}

div.boardList .title3 { border-bottom:1px #ffb843 solid; padding:12px 10px 0 18px; line-height:18px; color:#000;}
div.boardList .title3 img { margin-right:8px; vertical-align:middle;}
div.boardList .title3 .vit { margin-top:10px;}
div.boardList .title3 .vit p { float:left; width:130px;}

div.boardList .title ul { margin-top:15px;}
div.boardList .title ul li { font-weight:normal; background:url(/images/common/bot_a01.gif) no-repeat left 7px; padding-left:8px;}
div.boardList .view  { margin:30px 0 30px 0; line-height:18px;}
div.boardList .view2 { margin:12px 0 30px 0; line-height:18px; position:relative;}
div.boardList .view3 { margin:30px 0 30px -3px;}
div.boardList .view4 { margin:30px 0 30px 20px; line-height:18px;}

div.boardList .view4 .reply_date { width:535px; text-align:right; padding:20px 10px 0 0; color:#eb0009;}
div.boardList .view4 .reply_date img { vertical-align:middle; margin-right:10px;}
div.boardList .view4 .reply { background:#f2f2f2 url(/images/etc/pic_ba01.gif) no-repeat left top; width:545px; margin-top:8px;}
div.boardList .view4 .reply p { background:url(/images/etc/page_a.gif) no-repeat 20px 20px; padding:20px 20px 20px 80px;}
div.boardList .view4 .end { background:url(/images/etc/pic_ba02.gif) no-repeat left bottom; padding-top:5px;}

div.boardList .photo { float:left; background:url(/images/BrandStory/kin_view.png) no-repeat left top; width:304px; height:283px; padding:24px 0 0 17px; margin:-190px 0 0 -1px;}

/* 
* html div.boardList .photo {
	background-image:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/BrandStory/kin_view.png', sizingMethod='crop');
}
*/

div.boardList .mov { position:absolute; left:0; top:-226px;}
div.boardList .mov2 { position:absolute; left:0; top:-370px;}

div.boardList th { border-bottom:1px #ffb843 solid; padding:10px 0 9px; margin-bottom:5px;}
div.boardList td { border-bottom:1px #f2f2f2 solid; padding:10px 0 8px;}
div.boardList td span { color:#eb0009;}
div.boardList td a.notice { background:url(/images/company/ti_notice.gif) no-repeat left 2px; padding-left:40px;}
div.boardList td a.news   { background:url(/images/company/ti_news.gif) no-repeat left 2px; padding-left:40px;}
div.boardList td a.event  { background:url(/images/company/ti_event.gif) no-repeat left 2px; padding-left:40px;}

div.boardList div.min { border-bottom:1px #f9bec1 solid; padding-bottom:13px;}
div.boardList div.minBG { border-bottom:1px #eb020a solid; padding-bottom:25px}
div.boardList div.min h3 { margin-bottom:15px;}
div.boardList div.min th { border-bottom:none; padding:0 0 4px 5px; text-align:left;}
div.boardList div.min td { border-bottom:none; padding:0 0 5px 0;}

div.boardList div.minBG th { border-bottom:none; padding:2px 0 4px 5px; text-align:left;}
div.boardList div.minBG td { border-bottom:none; padding:2px 0 5px 0;}

ul.cfList {}
ul.cfList li { float:left; margin:35px 0 0 21px; color:#a6a6a6; font-size:11px;}
ul.cfList li.first { margin-left:0;}
ul.cfList li a { display:block; border:1px #d7d7d7 solid; background:#efefef; margin-bottom:10px; padding:5px;}
ul.cfList li strong { display:block; font-size:11px; font-weight:normal; margin-bottom:5px;}

.pagesCont { margin:15px auto; width:500px; text-align:center;}
ul.pages li { display:inline; margin-left:3px;}
ul.pages li img { vertical-align:middle;}
ul.pages li.no { margin:0 2px; background:url(/images/common/pages_line.gif) no-repeat left center; padding-left:8px;}
ul.pages li.first { background:none; margin-left:0;}
ul.pages li a { font-weight:bold; font-size:11px;}
ul.pages li strong { font-size:11px; color:#f2373e;}

ul.tab { float:left; border-bottom:1px #e00008 solid; width:100%; margin-bottom:40px;}
ul.tab li { float:left; margin-left:-3px;}
ul.tab li.first { margin-left:-1px;}
ul.tab li a { float:left;}

/* board Search
-----------------------------------------------------------------------------*/
fieldset#search { text-align:right;padding:0 0 10px 0; margin-top:30px;}
fieldset#search input.text { margin:0 3px;}
fieldset#search table td { text-align:left; padding-left:3px;}
fieldset#search button { background:url(/images/btn/btn_search.gif) no-repeat left top; width:46px; height:20px; vertical-align:middle; text-indent:-900em; border:0 none; cursor:pointer;}

/* 
-----------------------------------------------------------------------------*/
.kinImg { vertical-align:middle; border:1px #dbdbdb solid; padding:1px; margin:0 36px 0 12px;}
.men_tex { border:1px #dcdcdc solid; margin-top:20px; padding:20px; height:210px; overflow:auto;}
.men_tex strong { display:block; margin-bottom:7px;}
.men_tex p { margin-bottom:18px;}
.faqGo { text-align:right; margin-top:-65px;}
.faq_com { display:none; line-height:18px; background:url(/images/Charlotte/faq_a.gif) no-repeat 93px 20px;}
.faq_com p { padding:13px 0 20px 140px;}

/* login
-----------------------------------------------------------------------------*/
.login { border-bottom:1px #e0e0e0 solid; padding:40px 0; margin-bottom:30px; position:relative;}
.login dl { padding-left:160px; width:185px;}
.login dl dt { float:left; width:48px; margin-top:5px;}
.login dl dd { float:left; margin-bottom:8px;}
.login div { position:absolute; left:360px; top:33px;}
.loginBtn { background:#f2f2f2 url(/images/etc/pic_ba011.gif) no-repeat left top; width:263px; float:left; margin-left:20px; _margin-left:10px;}
.loginBtn p   { padding:20px 0 0 10px; height:45px;}
.loginBtn div { text-align:center; margin-top:20px;}
.loginBtn_end { background:url(/images/etc/pic_ba022.gif) no-repeat left bottom; padding-top:5px;}
.loginTxt { margin:30px 0 40px 20px; clear:both;}
.loginTxt p { margin-top:7px;}

.print { margin:15px 0 15px 10px; _margin-left:0px;}
.print li.no { background:#f2f2f2; width:270px; height:210px; float:left; margin:7px; position:relative;}
.print li p { text-align:center; padding-top:15px;}
.print li p img { background:#fff; padding:4px;}
.print li ul { position:absolute; bottom:10px;}
.print li ul li { float:left; font-size:11px; line-height:14px;}
.print li ul li span { color:#a5a5a5; font-size:11px;}
.print li ul li.first { width:110px; margin-left:55px; _margin-left:27px;}

.viL { float:left; margin-top:30px;}
.viR { float:right; margin-top:34px; width:333px;}
.viCon { clear:both; margin-top:20px;}

.ceo { background:url(/images/company/pic_ceo.gif) no-repeat left top; height:309px; text-align:right; margin-top:25px;}
.ceoBt a { margin-right:11px;}

table.mg { border-bottom:1px #e00008 solid;  border-top:1px #e00008 solid;}
table.mg th { border-right:1px #dad8d8 solid; border-bottom:1px #dad8d8 solid; background:#fffbfb; color:#e00008; padding:9px 0 9px;}
table.mg th.bt { font-weight:normal;}
table.mg th.end { border-right:none;}
table.mg td { border-right:1px #dad8d8 solid; border-bottom:1px #dad8d8 solid; padding:8px 10px 5px; line-height:18px;}
table.mg td.end { border-right:none;}
table.mg td ul {}
table.mg td li { background:url(/images/common/bot_a02.gif) no-repeat left 7px; padding-left:6px; margin-bottom:7px;}

table.mgz { border-bottom:1px #e00008 solid;  border-top:1px #e00008 solid;}
table.mgz th { border-right:1px #dad8d8 solid; border-bottom:1px #dad8d8 solid; background:#fffbfb; color:#e00008; padding:9px 0 9px;}
table.mgz th.end { border-right:none;}
table.mgz td { border-right:1px #dad8d8 solid; border-bottom:1px #dad8d8 solid; padding:8px 10px 5px; font-size:11px; line-height:18px;}
table.mgz td.end { border-right:none;}


.coms  { background:url(/images/company/pic_company01.gif) no-repeat right 35px; height:324px; margin-top:50px;}
.coms2 { background:url(/images/company/pic_company02.gif) no-repeat right top; height:324px; margin-top:50px;}

ul.ine { padding-top:30px; margin-left:8px;}
ul.ine li { color:#e00008; font-weight:bold;}
ul.ine li.end { float:right;}
ul.ine li.end a { color:#ec6a6f; font-weight:normal;}
ul.ine li.end a:hover { color:#000; font-weight:normal;}
div.ine { border-bottom:1px #ededed solid; padding:30px 0 50px; clear:both; margin-left:8px;}
dl.ine dt { float:left; width:58px;}
dl.ine dd { float:left; width:226px; margin-bottom:12px;}

.pts { margin-top:40px; line-height:18px; clear:both;}
.pts p { margin-bottom:30px;}
.ptx { color:#000;}
.ptx .imgMid { margin-right:10px;}

.prt { background:url(/images/ProductInfo/bg_pr.gif) no-repeat left top; width:285px; height:175px; margin-bottom:15px; position:relative;}
.prt p { position:absolute; left:16px; top:6px; font-size:11px; color:#fff; font-weight:bold;}
.prt div { position:absolute; left:175px; top:35px; text-align:center;}
.prt dl { position:absolute; left:13px; top:50px; z-index:100; width:178px;}
.prt dl dt { float:left; width:34px; text-align:right;}
.prt dl dd { float:left; width:134px; margin-bottom:6px; padding-left:7px; font-size:11px; line-height:14px;}

p.tty { line-height:19px;}

.cct { margin-top:17px; background:url(/images/CompanyIntroduction/pic_cc01.jpg) no-repeat right bottom;}
.cct div { width:285px; height:450px;}
.cct2 { margin-top:18px; background:url(/images/CompanyIntroduction/pic_csds01.jpg) no-repeat right top; height:405px;}
.cct2 p { width:262px;}
.cct3 { background:url(/images/CompanyIntroduction/pic_ic01.jpg) no-repeat left 120px; height:442px;}
.cct3 .gts { margin-top:390px;}
.cct4 { background:url(/images/CompanyIntroduction/pic_lcu01.jpg) no-repeat left bottom; height:486px;}
.cct5 { margin-top:18px; background:url(/images/CompanyIntroduction/pic_v2101.jpg) no-repeat right top; height:411px;;}
.cct5 .gts { width:290px;}

.cct6 { background:url(/images/CompanyIntroduction/pic_ceo.jpg) no-repeat left top; width:100%;}
.cct6 .gts { width:310px; float:right;}


.cpr { border-bottom:1px #f2f2f2 solid; margin-top:30px; position:relative;}
.cpr strong { color:#e00008; display:block; margin-bottom:10px;}
.cpr div { margin:0 0 10px 0;}
.cpr dl { position:absolute; left:190px; top:30px; width:390px;}
.cpr dl dt { float:left; width:85px; text-align:right;}
.cpr dl dd { float:left; width:290px; margin:0 0 5px 10px;}
.cpr dl dd a { color:#ec6a6f;}

.cpr2 { border-bottom:1px #f2f2f2 solid; margin-top:30px; position:relative;}
.cpr2 strong { color:#e00008; display:block; margin-bottom:20px;}
.cpr2 p a { color:#ec6a6f;}
.cpr2 div { margin:0 0 30px 0; border:3px #e8e4db solid; width:94px;}
.cpr2 dl { position:absolute; left:190px; top:40px; width:390px;}
.cpr2 dl dt { float:left; width:85px; text-align:right;}
.cpr2 dl dd { float:left; width:290px; margin:0 0 5px 10px;}

.sitemap { float:left; margin:27px 0 10px 78px;  _margin:27px 0 10px 38px;}
.sitemap dt { float:left; width:180px; text-align:right;}
.sitemap dd { float:left; width:280px; margin:0 0 10px 40px;}
.sitemap dd a { display:block; margin:0 0 10px 0;}
.sitemap dt.te, .sitemap dd.te { margin-top:25px;}