@charset "utf-8";
@font-face {
  font-family:'NanumBarunGothic';
  font-style:normal;
  font-weight:400;
  src:url(font/NanumBarunGothic.eot);
  src:url(font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(font/NanumBarunGothic.woff) format('woff');
}
@font-face {
  font-family:'NanumBarunGothicBold';
  font-style:normal;
  font-weight:700;
  src:url(font/NanumBarunGothicBold.eot);
  src:url(font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumBarunGothicBold.woff) format('woff');
}

/* normalize */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin:0; padding:0; border:0; font:inherit; color:inherit; vertical-align:baseline; background:transparent;}
input, select, textarea, button { font:inherit; color:inherit;}
body { line-height:1;}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display:block;}
ul, ol, li{ list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
ins { text-decoration:underline;}
del { text-decoration:line-through;}
mark { background:none;}
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help;}
table { border-spacing:0; border-collapse:collapse;}
hr { display:none;}
img { border:0 none;}
input, button, select, a, img { vertical-align:middle;}
button { position:relative; background:none; border:0 none; cursor:pointer; font-family:inherit; margin:0; padding:0;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}
a { text-decoration:none; margin:0; padding:0;}
a:hover { text-decoration:underline;}
* { box-sizing:border-box;}

/* common */
.blind { position:absolute; top:-99999px; left:-99999px; z-index:-1000;}
.dpNone { display:none;}
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

/* skipToContent */
#skipToContent a { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; display:block;	background-color:white; font-size:14px; font-weight:bold; color:#111; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active { margin-top:0px; height:auto; padding:10px 0px;}

.page_nav{ margin:10px 0 30px 0; text-align:center;}
.page_nav a {
border-right: #aaaadd 1px solid; padding-right: 5px; border-top: #aaaadd 1px solid; padding-left: 5px; padding-

bottom: 2px; margin: 2px; border-left: #aaaadd 1px solid; color: #000 !important; padding-top: 2px; border-bottom: 

#aaaadd 1px solid; text-decoration: none
}
.page_nav a:hover {
border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #000 !

important; border-bottom: #000099 1px solid
}
.page_nav a:active {
border-right: #000099 1px solid; border-top: #000099 1px solid; border-left: #000099 1px solid; color: #000; 

border-bottom: #000099 1px solid
}
.page_nav span{ background-color:#A8A8A8; padding:3px 6px; color:#FFF !important}
.page_nav span.current {
border-right: #000099 1px solid; padding-right: 5px; border-top: #000099 1px solid; padding-left: 5px; font-weight: 

bold; padding-bottom: 2px; margin: 2px; border-left: #000099 1px solid; color: #fff; padding-top: 2px; border-

bottom: #000099 1px solid; background-color: #000099
}
.page_nav span.nolink { border-right: #aaaadd 1px solid; padding-right: 5px; border-top: #aaaadd 1px solid; 

padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #aaaadd 1px solid; color: #999 !important; 

padding-top: 2px; border-bottom: #aaaadd 1px solid;background:none !important
}




.pro-left{ width:387px; height:468px; float:left}

.pro-right{ width:405px; height:487px; float:left; font-size:14px; line-height:30px; margin-left:70px}



.gbook-title{ background-color:#e1e1e1; padding:25px 0; color:#5a5a5a; font-size:16px; border-bottom:1px #c9c9c9 solid}
.gbook-nr{font-size:16px; border-bottom:1px #e1e1e1 solid; padding-bottom:0}

.gbook-titlew{ background-color:#e1e1e1; color:#5a5a5a; font-size:16px;     position: relative;
    padding-top: 0;
    margin-top: 0;
    top: -60px;
    z-index: -1;}
.tijiao{ background-color:#FFF; padding:10px 15px; color:#333; border:none; border:1px solid #000}