@charset "gb2312";
/* reset */
html{ min-width:1100px !important; margin:0 auto;}
  body, form, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, em, address, a, input, textarea, span, strong, img { margin: 0px; padding: 0px; }
body, input, textarea, table { font-size: 12px; color: #333; }
ul, dl { list-style: none; }
input, textarea, select, button { font-size: 12px; }
img { border: none; }
a { color: #000; text-decoration: none;  blr: expression(this.onfocus=this.blur());
outline: none; }
i, em { font-style: normal; }
table, thead, tbody, tfoot, tr, td { margin: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
* { outline: none; }
input[type=submit], input[type=reset], input[type=button] { filter: chroma(color=black); }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }
/* import variable */
/* var all site variable */
/**/
.anim-delay-1 { animation-delay: 0.1s; /* w3c & opera */
  -moz-animation-delay: 0.1s; /* firefox */
  -webkit-animation-delay: 0.1s;/* safari & chrome */ }
.anim-delay-2 { animation-delay: 0.2s; /* w3c & opera */
  -moz-animation-delay: 0.2s; /* firefox */
  -webkit-animation-delay: 0.2s;/* safari & chrome */ }
.anim-delay-3 { animation-delay: 0.3s; /* w3c & opera */
  -moz-animation-delay: 0.3s; /* firefox */
  -webkit-animation-delay: 0.3s;/* safari & chrome */ }
.anim-delay-4 { animation-delay: 0.4s; /* w3c & opera */
  -moz-animation-delay: 0.4s; /* firefox */
  -webkit-animation-delay: 0.4s;/* safari & chrome */ }
 @keyframes {
}
@-webkit-keyframes {
}
@keyframes fadeinleft {  from {
 transform: translatex(-100px);
 -webkit-transform: translatex(-100px);
}
to { transform: translatex(0); -webkit-transform: translatex(0); opacity: 1; visibility: visible; }
}
@-webkit-keyframes fadeinleft {  from {
 transform: translatex(-100px);
 -webkit-transform: translatex(-100px);
}
to { transform: translatex(0); -webkit-transform: translatex(0); opacity: 1; visibility: visible; }
}
.fadeinleft { animation: fadeinleft .5s forwards; -webkit-animation: fadeinleft .5s forwards; }
 @keyframes fadeinright {  from {
 transform: translatex(100px);
 -webkit-transform: translatex(100px);
}
to { transform: translatex(0); -webkit-transform: translatex(0); opacity: 1; visibility: visible; }
}
@-webkit-keyframes fadeinright {  from {
 transform: translatex(100px);
 -webkit-transform: translatex(100px);
}
to { transform: translatex(0); -webkit-transform: translatex(0); opacity: 1; visibility: visible; }
}
.fadeinright { animation: fadeinright .5s forwards; -webkit-animation: fadeinright .5s forwards; }
 @keyframes fadeoutright {  from {
 transform: translatex(0);
 -webkit-transform: translatex(0);
 opacity: 1;
}
to { transform: translatex(100px); -webkit-transform: translatex(100px); opacity: 0; }
}
@-webkit-keyframes fadeoutright {  from {
 transform: translatex(0);
 -webkit-transform: translatex(0);
 opacity: 1;
}
to { transform: translatex(100px); -webkit-transform: translatex(100px); opacity: 0; }
}
.fadeoutright { animation: fadeoutright .5s forwards; -webkit-animation: fadeoutright .5s forwards; }
 @keyframes fadeoutleft {  from {
 transform: translatex(0);
 -webkit-transform: translatex(0);
 opacity: 1;
}
to { transform: translatex(-100px); -webkit-transform: translatex(-100px); opacity: 0; }
}
@-webkit-keyframes fadeoutleft {  from {
 transform: translatex(0);
 -webkit-transform: translatex(0);
 opacity: 1;
}
to { transform: translatex(-100px); -webkit-transform: translatex(-100px); opacity: 0; }
}
.fadeoutleft { animation: fadeoutleft .5s forwards; -webkit-animation: fadeoutleft .5s forwards; }
 @keyframes fadeinup {  from {
 transform: translatey(100px);
 -webkit-transform: translatey(100px);
}
to { transform: translatey(0); -webkit-transform: translatey(0); opacity: 1; visibility: visible; }
}
@-webkit-keyframes fadeinup {  from {
 transform: translatey(100px);
 -webkit-transform: translatey(100px);
}
to { transform: translatey(0); -webkit-transform: translatey(0); opacity: 1; visibility: visible; }
}
.fadeinup { animation: fadeinup .4s forwards; -webkit-animation: fadeinup .4s forwards; }
 @keyframes fadeoutdown {  from {
 transform: translatey(0);
 -webkit-transform: translatey(0);
}
to { transform: translatey(100px); -webkit-transform: translatey(100px); opacity: 0; visibility: hidden; }
}
@-webkit-keyframes fadeoutdown {  from {
 transform: translatey(0);
 -webkit-transform: translatey(0);
}
to { transform: translatey(100px); -webkit-transform: translatey(100px); opacity: 0; visibility: hidden; }
}
.fadeoutdown { animation: fadeoutdown .4s forwards; -webkit-animation: fadeoutdown .4s forwards; }
/* all site common css */
.center { width: 1200px; margin: 0 auto; }
header, header .naver, footer { width: 100%; min-width: 1200px; }
header .toper:after, header .naver:after, footer .center:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;  *zoom: 1;
}
header .logo, header .top_font, footer .f_link .f_logo { font-size: 0; line-height: 0; }
/* style sheet */
@font-face { font-family: 'heliosextthinregular'; src: ; src:  format("embedded-opentype"),  format("woff"),  format("truetype"),  format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'dinotcondlight'; src: ; src:  format("embedded-opentype"),  format("woff"),  format("truetype"),  format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'alphanum20'; src: ; src:  format("embedded-opentype"),  format("woff2"),  format("woff"),  format("truetype"),  format("svg"); font-weight: normal; font-style: normal; }
/* header | footer start */
header .toper { padding: 30px 0; }
header .logo { float: left; display: block; width: 176px; height: 91px; background: url(/uploads/image/tdimages/logo.png); }
header .top_font { float: left; display: block; width: 186px; height: 28px; background: url(/uploads/image/tdimages/top_font.png); vertical-align: bottom; margin-top: 55px; }
header .phone { float: right; margin-top: 25px; display: block; height: 43px; line-height: 43px; background: url(/uploads/image/tdimages/phone.png) no-repeat left center; padding-left: 50px; font-family: 'alphanum20'; font-size: 30px; }
header .naver { height: 64px; background: #00a0e8; }
header .naver a { float: left; position: relative; width: 150px; height: 64px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; -webkit-transition: all 0.4s; /* safari & chrome */
    -moz-transition: all 0.4s; /* firefox 4 */
    -o-transition: all 0.4s; /* opera */
    transition: all 0.4s; }
header .naver a i { position: absolute; left: 50%; margin-left: -50px; top: 40px; display: block; width: 100px; font-size: 12px; line-height: 12px; text-transform: uppercase; color: #d8f3ff; }
header .naver a:hover, header .naver a.on { background: #0094d6; transform: translatex(5px); }
.waaperbox1 { width:800px; height:auto; }
.waaperbox1 .periodicallist { width:800px; height:auto; margin-top:30px; margin-left:30px; }
.waaperbox1 .periodicallist li { width:200px; height:200px; float:left; margin:25px 25px 0 25px; }
.waaperbox1 .periodicallist li p { width:200px; line-height:30px; }
footer { height: 260px; overflow: hidden; margin-top: 50px; background: #00a0e8; }
footer .center { height: 100%; }
footer .f_link, footer .f_add, footer .f_qr { float: left; }
footer .f_link { width: 260px; height: 100%; background: #fff; }
footer .f_link .f_logo { display: block; width: 176px; height: 91px; background: url(/uploads/image/tdimages/logo.png); margin: 10px auto; }
footer .f_link .nav { margin-top: 15px; }
footer .f_link .nav a { display: inline-block; width: 70px; margin: 0 20px 15px 35px; font-size: 16px; color: #666; }
footer .f_link .nav a:first-child:first-letter { margin-right: 33px; }
footer .f_link .nav a:hover { color: #333; text-decoration: underline; }
footer .f_add { color: #fff; width: 500px; padding: 40px 0 0 40px; }
footer .f_add h4 { font-size: 20px; text-transform: uppercase; margin-bottom: 23px; }
footer .f_add p { font-size: 15px; line-height: 40px; }
footer .f_qr { color: #fff; float: right; width: 360px; padding-top: 40px; }
footer .f_qr h4 { font-size: 20px; text-transform: uppercase; margin-bottom: 23px; }
footer .f_qr .qrbox span { display: inline-block; font-size: 14px; text-align: center; line-height: 30px; margin-right: 30px; }
footer .f_qr .qrbox span img { border: 4px solid #fff; display: block; }
#page { width: 100%; text-align: center; min-height: 36px; padding: 30px 0 0; font-size: 14px; font-weight: bold; }
#page a { padding: 8px 14px;  *display: inline-block;
background: #f6f6f6; border: 1px solid #c1c1c1; color: #666666; margin-right: 10px; border-radius: 2px; }
#page a:hover, #page a.on { background: #00a0e8; border: 1px solid #008ccb; color: #fff; }
/*# sourcemappingurl=common.css.map */

.lazy { background:url(/uploads/image/tdimages/loading.gif) no-repeat center #fff }