@charset "gb2312";

/* reset */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0;  font-size: 100%; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; margin: 0px; padding: 0px; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }


/* start editing from here */

a { text-decoration: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; color:#333;  }

 

a:focus{outline:0;} /**/

a:hover { text-decoration:none;}

.txt-rt { text-align: right; }/* text align right */

.txt-lt { text-align: left; }/* text align left */

.txt-center { text-align: center; }/* text align center */

.float-rt { float: right; }/* float right */

.float-lt { float: left; }/* float left */

.clear { clear: both; }/* clear float */

.pos-relative { position: relative; }/* Position Relative */

.pos-absolute { position: absolute; }/* Position Absolute */

.vertical-base { vertical-align: baseline; }/* vertical align baseline */

.vertical-top { vertical-align: top; }/* vertical align top */

nav.vertical ul li { display: block; }/* vertical menu */

nav.horizontal ul li { display: inline-block; }/* horizontal menu */

img { max-width: 100%; }

/*end reset*/

.wrap { width: 80%; margin: 0 auto; position: relative; }

.contact-info { float: left; margin-top: 9px; }

.socialmedia-widget { overflow: hidden; margin: 0; padding: 0; list-style: none; }

.social-icons { float: left; height: 30px; display: block; padding-top: 3px; width: 240px; }

.top-right-link { float: right; line-height: 30px; color: #777; font-size: 12px; }

.top-right-link a { color: #777; padding: 0 5px; }

.top-right-link a:hover { color: #0a44a7; }

.contact-info1 { font-weight: normal; color: #BBB; }

.logo { float: left; width:19.5%;margin: 3.5% 0 0 0; }

.logo img{ width:100%; display:block;}

.language { width:70%; float:right; margin: 1.6% 1% 0 0;height: 30px; overflow: hidden; }

.language a { padding: 0px 5px 0 5px; font-size: 12px; color: #FFF; float: right; width: 80px; text-align:right; }

.language a img { vertical-align: middle; padding-right: 4px;width:25px }

.language a:hover { color: #fdfdfd; }

/*.top-nav { float:right; position: relative; top:70px; }

.top-nav ul li { display:inline-block; float:left; }

.top-nav li.active> a, .top-nav li> a:hover { background: #0a44a7; color:#FFF; }

.top-nav ul li a { font-family:"΢ÈíÑźÚ"; font-size: 0.975em; color: #FFF; padding: 15px 18px; display: block; text-transform: uppercase; overflow:hidden; font-weight:bold; }*/

.header { background: #313232; border-bottom: 5px solid #0a44a7; }

/*---start-content----*/

.top-grid { width: 62.66%; float: left; margin-right: 1%; }

.top-grid strong { font-weight: bold; color: #0a44a7; }

.top-grid p { font-family: "ËÎÌå"; font-size: 0.875em; color: #777; line-height: 2em; margin: 0.5em auto 0.8em auto; }

.top-grid a { color: #0a44a7; font-size: 12px; }

.top-grid img { display: inline-block; background: #EEE; padding: 5px; margin-right: 10px; transition: all 300ms!important; -webkit-transition: all 300ms!important; -moz-transition: all 300ms!important; width: 26.2%; float: left; }

.top-img { float: right; width: 36.33%; }

.top-img img { display: inline-block; background: #EEE; padding: 5px; transition: all 300ms!important; -webkit-transition: all 300ms!important; -moz-transition: all 300ms!important; width: 100%; }

.top-img ul { overflow: hidden; padding-left: 5px; }

.top-img ul li { width: 48%; float: left; transition: all 300ms!important; -webkit-transition: all 300ms!important; -moz-transition: all 300ms!important; display: block; }

.button { color: #0a44a7; font-size: 0.875em; text-transform: uppercase; padding: 1em 1.5em; border: 1px solid #EEE; display: inline-block; }

.button:hover { background: #0a44a7; color: #FFF; }

.top-grids { margin: 3em 0; }

.last-topgrid { margin: 0; }

.title { position: absolute; top: -5%; left: 5%; *left:10%;

left: 10% !important; left: 5% /9; background: #0a44a7; color: #FFF; font-weight: bold; font-size: 16px; padding: 1.2% 2.2%;  }

/*---mid-grid-----*/

.mid-grids { background: #f4f4f4; padding: 3.5em 0 1em 0; position: relative; }

.mid-grid { width: 22.7%; float: left; margin: 0 3% 3% 0; }

.mid-grid h3 { color: #0a44a7; font-size: 1.2em; text-transform: uppercase; margin: 0.5em 0 0 0; text-align: center;height: 31px;display: block;overflow: hidden;}

.mid-grid h3 a{color: #0a44a7;font-size: 1.2em; font-family: "΢ÈíÑźÚ"; }

.mid-grid h3 a:hover{color: #0a44a7;}

.mid-grid img { display: block; box-shadow: 0px 0px 1px #DDD; -webkit-filter: grayscale(100%); opacity: 5; transition: all 300ms!important; -webkit-transition: all 300ms!important; -moz-transition: all 300ms!important; width: 100%; height:200px; }

.mid-grid img:hover { opacity: 1; -webkit-filter: grayscale(0%); cursor: pointer; }

.mid-grid a.pic { overflow: hidden; background: #FFF; padding: 5px; display: block; height:200px; overflow:hidden }

.mid-grid a.pic:hover { background: #0a44a7 }

.mid-grid p { font-size: 0.875em; color: #777; line-height: 1.5em; margin: 0.5em 0; }

.mid-button { color: #313232; background: url(../images/arrow.png) no-repeat 100% 50%; text-transform: uppercase; font-size: 0.875em; padding: 0px 8px 0px 0px; }

.mid-button:hover { background: url(../images/arrow1.png) no-repeat 100% 50%; }

#last { margin: 0; }

/*---start-p-sections----*/

.p-sections h3 { color: #313232; font-size: 1.5em; padding-bottom: 0.5em; border-bottom: 1px solid #EEE; margin-bottom: 0.5em; }

.p-sections ul { float: left; width: 20%; }

.p-sections ul li:before { content: url(../images/marker.png); padding-right: 12px; margin-bottom: 3px; display: inline-block; }

.p-sections ul li a { font-size: 0.875em; color: #0a44a7; }

.p-sections ul li a:hover { color: #313232; }

.p-sections { padding: 1.5em 0; }

/*---box---*/

.gallery { float: left; width: 70%; }

.gallery h3 { color: #313232; font-size: 1.5em; padding-bottom: 0.5em; border-bottom: 1px solid #EEE; margin-bottom: 0.5em; }

.gallery ul li { display: inline-block; width: 24.5%; }

.gallery img { -webkit-filter: grayscale(100%); opacity: 5; transition: all 300ms!important; -webkit-transition: all 300ms!important; -moz-transition: all 300ms!important; }

.gallery img:hover { opacity: 1; -webkit-filter: grayscale(0%); cursor: pointer; }

.terminals { float: right; width: 28%; }

.terminals h3 { color: #313232; font-size: 1.5em; padding-bottom: 0.5em; border-bottom: 1px solid #EEE; margin-bottom: 0.5em; }

.terminals p { font-size: 0.875em; color: #777; line-height: 1.8em; margin: 0.5em 0; }

.terminals p:before { content: url(../images/quotes_alt.png); padding-right: 10px; }

.terminals span { float: right; color: #0a44a7; font-size: 0.875em; }

.terminals span a { color: #3C3C3C; font-size: 1.2em; line-height: 1.8em; text-transform: uppercase; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }

.terminals span a:hover { color: #0a44a7; }

.box { margin: 3.5em 0 1em 0; position: relative; }

.ntitle { position: absolute; top: -23.5%; left: 5%; *left:10%;

left: 10% !important; left: 5% /9; background: #0a44a7; color: #FFF; font-weight: bold; font-size: 16px; padding: 1.2% 2.2%; }

.inews { overflow: hidden; height: 355px; }

.inews ul { }

.inews ul li { width: 15%; float: left; padding: 0 1.6% 0 0%; }

.inews ul li.m0 { margin-right: 0px; }

.inews ul li img { width: 100%; display: block; }

.inews ul li h2 { font-size: 14px; padding: 10px 0; display: block; line-height: 25px; }

.inews ul li p { font-family: "ËÎÌå"; font-size: 12px; line-height: 22px; }

.inews ul li a { color: #666 }

.inews ul li a:hover h2{color: #ea000f}

/*----start-footer-----*/

.footer { background: #f4f4f4; padding: 2em 0; margin-top: 2.2em; }

.footer-grid { float: left; width: 16%; padding:0 0 0 8%; }

.footer-grid ul li { line-height: 22px; height:22px; overflow:hidden; display: block; text-align: left }

.footer-grid ul li a { background: url(../images/marker1.png) no-repeat left center; padding-left: 8px; font-size: 12px; color: #777; margin: 0.5em 0; text-transform: uppercase; }

.footer-grid ul li a:hover { color: #ea000f; }

.footer-grid h3 { color: #313232; font-size: 1.2em; padding-bottom: 0.5em; text-transform: uppercase;font-family:"Microsoft YaHei" }

/*---start-copy-right-----*/

.copy-right { padding: 1em 0; background: #313232; text-align: center; position: relative; font-size: 12px; }

.copy-right p { color: #FFF; line-height: 25px; }

.copy-right p a { color: #0a44a7; }

.copy-right p a:hover { color: #FFF; }

.copy-right em{ font-family:Arial, Helvetica, sans-serif}

/*** move top **/

.scroll { width: 48px; height: 48px; border: none; display: block; text-indent: 100%; background: url(../images/top-icon.png) no-repeat right top; position: absolute; right: 14px; top: -10px; }

.scroll:hover { opacity: 0.8; }

/*---start-about----*/

.banner { z-index:

}

.top-head { margin-top: -300px; }

.about-left { width: 70%; float: left; }

.about-left span { color: #0a44a7; font-size: 0.875em; display: block; padding: 1em 0 0 0; line-height: 1.8em; }

.about-left h2 { color: #313232; font-size: 1.5em; text-transform: uppercase; }

.about-left p { color: #777; font-size: 0.875em; display: block; padding: 1em 0; line-height: 1.8em; border-bottom: 1px dashed rgba(0, 0, 0, 0.06); }

.about { margin-top: 2em; }

/*----about-histore----*/

.about-histore { border-bottom: 1px dashed rgba(0, 0, 0, 0.06); }

.about-histore h3 { padding: 15px 0px 15px 0px; margin-bottom: 13px; color: #313232; font-size: 1.5em; text-transform: uppercase; }

.about-histore ul li span { color: #777; font-size: 14px; padding: 10px 20px; margin-bottom: 13px; float: left; background: #EEE; }

.about-histore ul li p { font-size: 0.8125em; color: #777; line-height: 1.5em; padding: 0px 0px 20px 0px; float: right; width: 91%; border: none; }

.about-histore ul li p label { color: #0a44a7; display: block; }

.about-sidebar { float: right; width: 28%; }

.about-sidebar h3 { padding: 15px 0px 15px 0px; margin-bottom: 13px; color: #313232; font-size: 1.5em; text-transform: uppercase; }

.about-sidebar ul li a { display: block; font-size: 1em; color: #777; padding: 2px 0px 5px 0px; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }

.about-sidebar ul li a:hover { color: #0a44a7; }

.about-sidebar ul li { border-bottom: 1px dashed rgba(192, 192, 192, 0.33); background: url(../images/marker1.png) 0 19px no-repeat; padding: 9px 10px 8px 18px; }

/*---start-services----*/

.services-grid { width: 25%; float: left; }

.services-grid a { text-transform: uppercase; font-size: 1.2em; color: #555; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; padding: 1em 0 0.5em 0; display: block; }

.services-grid a:hover { color: #0a44a7; }

.services-grid p { font-size: 0.875em; color: rgba(85, 81, 81, 0.84); line-height: 1.8em; }

.services h3 { color: #313232; font-size: 1.5em; text-transform: uppercase; }

.services { margin-top: 2em; }

/*-----pagenotfound------*/

.pagenotfound { text-align: center; padding: 4em 0 0 0; }

.pagenotfound h1 { font-size: 2em; }

/*----blog----*/

.blog { margin-top: 2em; }

.blog h4 { color: #313232; font-size: 1.5em; text-transform: uppercase; }

/*  GRID OF Content with Image   ============================================================================= */

.image { clear: both; padding: 0px; margin: 0px; padding: 1.5% 0; }

.group:before, .group:after { content: ""; display: table; }

.group:after { clear: both; }

.group { zoom: 1; }

.grid { display: block; float: left; margin: 0% 0 0% 1.6%; }

.grid:first-child { margin-left: 0; }

.images_3_of_1 { width: 30.2%; position: relative; }

.images_3_of_1 span img { position: absolute; top: 0px; left: -2px; }

.span_2_of_3 { width: 68.1%; }

.images_3_of_1 img { max-width: 100%; display: block; }

.span_2_of_3 h3 a { font: 400 24px/28px 'Source Sans Pro', sans-serif; color: #626262; text-align: left; text-transform: uppercase; }

.span_2_of_3 p { font: 400 13px/20px Arial; color: #9b9b9b; padding: 13px 0px; }

.span_2_of_3 .button1 { margin-top: .3em; line-height: 1.9em; }

.span_2_of_3 .button1 a { color: #0a44a7; font-size: 0.875em; text-transform: uppercase; padding: 1em 1.5em; border: 1px solid #EEE; }

.span_2_of_3 .button1 a:hover { background: #0a44a7; color: #fff; transition: all 0.3s; }



/***** Media Quries *****/

@media only screen and (max-width: 1024px) {

.wrap { width: 90%; }

}



/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

@media only screen and (max-width: 640px) {

.wrap { width: 95%; }

.image { padding: 3%; }

.grid { margin: 0; }

.images_3_of_1 { width: 100%; padding: 2% 0 2% 0; }

.span_2_of_3 { width: 100%; }

}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {

.wrap { width: 95%; }

.image { padding: 4%; }

.grid { margin: 0; }

.images_3_of_1 { width: 100%; padding: 2% 0 2% 0; }

.span_2_of_3 { width: 100%; }

}

/*----artical-links---*/

.artical-links { padding: 10px 0px; border: 1px solid rgba(192, 192, 192, 0.22); border-left: none; margin-top: 5px; border-right: none; }

.artical-links ul li { display: inline-block; }

.artical-links ul li:last-child { float: right; }

.artical-links ul li img { vertical-align: middle; padding-right: 10px; }

.artical-links ul li a { font: 400 14px/22px Arial; color: #cbcbc3; padding-left: 20px; }

.artical-links ul li a:hover { text-decoration: underline; }

/*---single-page----*/



.single-page-top-patination ul li { display: inline-block; }

.single-page-top-patination ul li a { border-right: 1px solid rgba(192, 192, 192, 0.33); padding-right: 20px; color: #0a44a7; font: 400 15px/22px Arial; }

.single-page-top-patination ul li a:hover { text-decoration: underline; }

.single-page-top-patination p { font: 400 15px/22px Arial; color: #cbcbc3; padding-left: 20px; }

.single-page-top-patination { padding: 15px 0px; border: 1px solid rgba(192, 192, 192, 0.22); border-left: none; margin-top: 20px; border-right: none; }

.artical-content h3 { font: 400 24px/28px 'Source Sans Pro', sans-serif; color: #626262; text-align: left; text-transform: none; padding: 15px 0px; text-transform: uppercase; }

.artical-content p { font: normal 15px/22px Arial, Helvetica, sans-serif; color: #9b9b9b; padding: 13px 0px; }

/*----share-artical----*/

.share-artical h3 { font: 400 30px/28px 'Source Sans Pro', sans-serif; color: #626262; text-align: left; text-transform: none; padding: 17px 0px 28px 0px; }

.share-artical ul li { display: inline-block; padding-right: 10px; }

.share-artical ul li img { vertical-align: text-top; padding-right: 7px; }

.share-artical ul li a { font: 400 14px/22px Arial; color: #cbcbc3; padding-left: 20px; }

.share-artical ul li a:hover { text-decoration: underline; }

.blog-top-patination ul li { display: inline-block; }

.blog-top-patination ul li a { border-right: 1px solid rgba(192, 192, 192, 0.33); padding-right: 20px; color: #0a44a7; font: 400 15px/22px Arial; }

.blog-top-patination ul li a:hover { text-decoration: underline; }

.blog-top-patination p { font: 400 15px/22px Arial; color: #cbcbc3; padding-left: 20px; }

.blog-top-patination { padding: 15px 0px; border: 1px solid rgba(192, 192, 192, 0.22); border-left: none; margin-top: 20px; border-right: none; }

.blog-bottom-paination ul li { display: inline-block; }

.blog-bottom-paination { margin: 2em 0 }

.blog-bottom-paination li a { font: 400 12px/1.2em Arial; color: #5a5a5a; padding: 11px 18px; background: #fff; text-decoration: none; text-shadow: none; border: 1px solid #e9e9e9; margin-top: 16px; }

.blog-bottom-paination li.active> a, .blog-bottom-paination li> a:hover { background: #0a44a7; color: #fff; }

/*---comment-box----*/

.table-form { width: 100%; }

.table-form form input[type="text"] { border: 1px solid rgba(192, 192, 192, 0.22); outline: none; padding: 8px; margin-top: 23px; color: #cbcbc3; overflow: hidden; width: 40%; display: block; }

.table-form textarea { padding: 8px; margin-top: 25px; outline: none; color: #cbcbc3; border: 1px solid rgba(192, 192, 192, 0.22); width: 70%; height: 100px; resize: none; font: 400 12px/1.2em Arial; }

.table-form a { color: #0a44a7; font-size: 0.875em; text-transform: uppercase; padding: 1em 1.5em; border: 1px solid #EEE; display: inline-block; margin-top: 0.5em; }

.table-form a:hover { background: #0a44a7; color: #fff; transition: all 0.3s; }

.artical-commentbox h3 { font: 400 30px/28px 'Source Sans Pro', sans-serif; color: #626262; text-align: left; text-transform: none; padding-top: 14px; margin-top: 15px; }

/*  Contact Form  ============================================================================= */

.contact { }

.section { clear: both; padding: 0px; margin: 0px; }

.group:before, .group:after { content: ""; display: table; }

.group:after { clear: both; }

.group { zoom: 1; }

.col { display: block; float: left; margin: 1% 0 1% 1.6%; }

.col:first-child { margin-left: 0; }

.span_2_of_3 { width: 63.1%; padding: 1.5%; }

.span_1_of_3 { width: 29.2%; padding: 1.5%; }

.span_2_of_3 h3, .span_1_of_3 h3 { padding: 15px 0px; color: #313232; font-size: 1.5em; text-transform: uppercase; }

.contact-form { position: relative; padding-bottom: 30px; }

.contact-form div { padding: 5px 0; }

.contact-form span { display: block; font-size: 0.875em; color: #454545; padding-bottom: 5px; }

.contact-form input[type="text"], .contact-form textarea { padding: 8px; display: block; width: 98%; border: none; outline: none; color: #313232; font-size: 0.8125em; border: 1px solid rgba(192, 192, 192, 0.41); -webkit-appearance: none; }

.contact-form textarea { resize: none; height: 120px; }

.contact-form input[type="submit"] { border: none; cursor: pointer; color: #0a44a7; font-size: 0.875em; text-transform: uppercase; padding: 1em 1.5em; border: 1px solid #EEE; display: inline-block; background: #FFF; text-decoration: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }

.contact-form input[type="submit"]:hover { background: #0a44a7; color: #FFF; }

.contact-form input[type="submit"]:active { background: #0a44a7; color: #FFF; }

.company_address { }

.company_address p { font-size: 0.875em; color: #6a6a6a; line-height: 1.8em; }

.company_address p span { text-decoration: underline; color: #454545; cursor: pointer; }



/***** Media Quries *****/

@media only screen and (max-width: 1024px) {

.wrap { width: 95%; }

}

/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */



@media only screen and (max-width: 800px) {

.wrap { width: 95%; }

.span_2_of_3 { width: 94%; padding: 3%; }

.col { margin: 1% 0 1% 0%; }

.span_1_of_3 { width: 94%; padding: 3%; }

}



/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */



@media only screen and (max-width: 640px) and (min-width: 480px) {

.wrap { width: 95%; }

.span_2_of_3 { width: 94%; padding: 3%; }

.col { margin: 1% 0 1% 0%; }

.span_1_of_3 { width: 94%; padding: 3%; }

.contact-form input[type="text"], .contact-form textarea { width: 97%; }

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



@media only screen and (max-width: 480px) {

.wrap { width: 95%; }

.span_2_of_3 { width: 90%; padding: 5%; }

.col { margin: 1% 0 1% 0%; }

.span_1_of_3 { width: 90%; padding: 5%; }

.contact-form input[type="text"], .contact-form textarea { width: 92%; }

}

.contact-footer { border-top: 1px solid rgba(69, 69, 69, 0.13); padding: 28px 0px 0px 0px; }

/*----responsive-design-----*/

@media only screen and (max-width: 1366px) and (min-width: 1280px) {

.wrap { width: 90%; }

.language a img{ width:32px;}

}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {

.wrap { width: 90%; }

.about-histore ul li p { width: 89.8%; }

.services-grid { width: 24%; margin-right: 1%; }

.span_2_of_3 { padding: 0 1.5%; }

.span_2_of_3 h3 { padding: 0px; }

.span_2_of_3 p { padding: 3px 0px 13px 0; }

.language{ margin:1.3% 1% 0 0}

.contact{ width: 44%;}



}



@media only screen and (max-width: 1024px) and (min-width: 768px) {

.wrap { width: 90%; }

.about-histore ul li p { width: 86.8%; }

.services-grid { width: 24%; margin-right: 1%; }

.span_2_of_3 { padding: 0 1.5% 1.5% 0; }

.span_2_of_3 h3 { padding: 0px; }

.span_2_of_3 p { padding: 3px 0px 13px 0; }

/*.top-nav ul li a { padding: 20px 20px; }*/

.mid-grid { width: 31.3%; margin: 0 2% 1% 0; }

#last { display: none; }

.gallery ul li { width: 32.5%; }

.language{ margin:1% 1% 0 0}

.l_title h2{ font-size:12px;}

}

@media only screen and (max-width: 768px) and (min-width: 640px) {

.wrap { width: 90%; }

.about-histore ul li p { width: 86.8%; }

.services-grid { width: 24%; margin-right: 1%; }

.span_2_of_3 { padding: 0 1.5% 1.5% 0; }

.span_2_of_3 h3 { padding: 0px; }

.span_2_of_3 p { padding: 3px 0px 13px 0; }

/*.top-nav ul li a { padding: 20px 10px; }*/

.mid-grid { width: 29%; margin: 0 4% 1% 0; }

#last { display: none; }

.gallery ul li { width: 24.5%; }

.gallery { float: none; width: 100%; }

.terminals { float: none; width: 100%; margin-top: 0.5em; }

.about-left { width: 100%; float: none; }

.about-sidebar { float: none; width: 100%; }

.grid { display: block; float: none; margin: 0%; }

.images_3_of_1 { width: 100%; }

}



/*next_page*/

.next_page{ line-height:27px; text-align:center;font-weight:bold; overflow:hidden; width:100%; margin:20px auto;}

.next_page a{ width:27px; height:27px; display:inline-block; cursor:pointer;color:#ea000f}

.next_page a:hover, .next_page a:active, .next_page a.active{ color:#ffffff; font-weight:bold; background:#ea000f; }







/* ·­Ò³ */	
.wp-pagenavi {
	CLEAR: both
}
.wp-pagenavi A {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none; color:#666; font-size:14px;
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none; font-size:14px;
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000; font-size:14px;
}
.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000; font-size:14px;
}
.wp-pagenavi SPAN.current {
	FONT-WEIGHT: bold
}