/* NAGATORO_Traditional */


/* HTML5 RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, ins, kdb, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ul, ol { list-style: none; }
blockquote q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
img { border: 0; vertical-align: bottom; font-size: 100%; outline: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }


/* LAYOUT */
body { font-size: 13px; color: #404040; font-family: 黑体; }

a { color: #40332C; text-decoration: none; }
a:hover { color: #9D262F; text-decoration: underline; }

iframe { z-index: 1 !important; }

.clearfix { _zoom: 1; min-height: 1px; }
.clearfix:after { content: "";  display: block; clear: both; }

#wrap { width: 1000px; margin: 0 auto; position: relative; }


/* SIDE */
#side { width: 168px; background: url(../img/sidemenubg.jpg) repeat-y; }
.head-caption { width: 160px; text-align: center; line-height: 30px; background: #FFF; }


/* MAIN */
#main { width: 820px; position: absolute; top: 0; right: 0; padding-bottom: 20px; }

.language-wrap { width: 100%; height: 30px; _zoom:1; min-height: 1px; }
.language-wrap:after { content: "";  display: block; clear: both; }
.language { float: right; }
.language li { float: left; background: left center url(../img/arrow-whi.jpg) no-repeat; text-indent: 10px; line-height: 30px; padding-right: 10px; }

.banner { width: 100%; margin: 0 0 10px 0; }
.banner li { float: left; margin-right: 10px; }

.footer p { font-size: 13px; line-height: 30px; color: #FFF; }
.footer-copy { background: #332C28; text-align: center; width: 720px; height: 30px; float: left; overflow: hidden; }
.footer-back { width: 100px; float: right; }
.footer-back a { width: 100px; height: 30px; display: block; color: #FFF; text-indent: 28px; background: url(../img/backtop.jpg) no-repeat; }
.footer-back a:hover { color: #FFF; }


/* INDEX */
.indeximg { width: 820px; height: 390px; margin-bottom: 10px; position: relative; }
.imgs { width: 820px; height: 390px; overflow: hidden; _zoom: 1; }

.bx-pager { position: absolute; top: 361px; left: 20px; z-index: 9; _zoom:1; min-height: 1px; }
.bx-pager:after { content: "";  display: block; clear: both; }
.bx-pager .bx-pager-item { float: left; margin: 0 2px; }
.bx-pager .bx-pager-link { width: 14px; height: 14px; display: block; background: url(../img/slidericon_off.png) no-repeat; text-indent: -9999px; overflow: hidden; }
.bx-pager .active { background: url(../img/slidericon_on.png) no-repeat !important; }
.bxnav { display: none; }
.bx-controls-direction { display: none; }

.icontents { width: 100%; }
.icolumnA { float: left; width: 520px; margin-right: -10px; overflow: hidden; _zoom: 1; }
.icolumnA li { float: left; margin: 0 10px 10px 0; }
.icolumnB { float: right; width: 300px; }

.ivideo { margin-bottom: 10px; background: #000; color: #FFF; text-align: center; }

.isp { width: 100%; margin-bottom: 10px; font-size: 12px; line-height: 130%; }
.isp-img { float: left; }
.isp-txt { float: right; width: 150px; }
.isp-txt h2 { font-size: 14px; line-height: 170%; }
.isp-txt h2 a { color: #CE3844; }
.isp-txt .txtlist { line-height: 150%; margin-top: 8px; }

.isp2 { margin: 15px 0 10px 5px; font-size: 12px; line-height: 130%; color: #FFF; }
.isp2 img { margin-left: 5px; }
.isp2 h2 a { color: #FFF; }
.isp2 .isp-txt { float: none; width: 144px; }

.imap { width: 100%; background: #F2F2ED; font-size: 14px; line-height: 140%; margin: 0 0 20px 0; }
.imap-img { float: left; }
.imap-txt { float: right; width: 160px; padding: 20px 0; margin: 0 15px 0 0; }
.imap-txt h2 { font-size: 22px; color: #CE3844; margin-bottom: 12px; font-family: 宋体; }
.imap-txt p { margin-bottom: 15px; }


/* CONTENTS */
figcaption { text-align: center; }
.imgfloat-l { float: left; margin: 0 30px 10px 30px; }
.imgfloat-l img { margin-bottom: 10px !important; box-shadow: 0px 2px 4px #777; -webkit-box-shadow: 0px 2px 4px #777; }
.imgfloat-r { float: right; margin: 0 30px 10px 30px; }
.imgfloat-r img { margin-bottom: 10px !important; box-shadow: 0px 2px 4px #777; -webkit-box-shadow: 0px 2px 4px #777; }

.txtlist li { background: left center url(../img/arrow-whi.jpg) no-repeat; text-indent: 10px; overflow: hidden; }
.txtlist2 li { background: left center url(../img/listmark-whi.jpg) no-repeat; text-indent: 13px; overflow: hidden; }

#container { padding-bottom: 40px; font-size: 16px; line-height: 150%; overflow: hidden; }
#container h3 { border-bottom: 1px solid #DBDBCE; color: #CF3844; font-size: 26px; font-family: 宋体; padding-bottom: 8px; margin: 0 30px 13px 30px; overflow: hidden; }
#container h4 { color: #000; font-size: 16px; margin: 0 30px; }
#container p { margin: 0 30px 20px 30px; overflow: hidden; }
#container a { color: #9D262F; text-decoration: none; }
#container a:hover { color: #9D262F; text-decoration: underline; }
#container ul { margin-bottom: 20px; }

.sec_n { margin-bottom: 35px; _zoom:1; min-height: 1px; }
.sec_n:after { content: "";  display: block; clear: both; }
.sec_n img { margin-bottom: 30px; }
.sec_n2 { background: #F2F2ED; padding-bottom: 20px; _zoom:1; min-height: 1px; }
.sec_n2:after { content: "";  display: block; clear: both; }
.sec_n2 img { margin-bottom: 30px; }

.cpad { padding: 40px 30px 15px 30px; margin-bottom: 0 !important; }
.cpad h3 { margin: 0 0 13px 0 !important; }
.cpad h4 { margin: 0 !important; }
.cpad p { margin: 0 0 20px 0 !important; }
.cpad img { margin-bottom: 20px; }
.cpad .imgfloat-l { margin-left: 0 !important; }
.cpad .imgfloat-r { margin-right: 0 !important; }
.cpad .clist { margin-left: 0 !important; }
.cpad .modellist { margin: 0 0 10px 0 !important; }

.clist { width: 790px; margin: 0 -30px 0 30px; _zoom: 1; #overflow: hidden; }
.clist:after { content: "";  display: block; clear: both; }
.clist h3 { margin: 0 0 13px 0 !important; } 
.clist h4 { margin: 0 !important; }
.clist li { float: left; }
.clist p { margin: 0 !important; }
.clist img { margin-bottom: 15px; box-shadow: 0px 2px 4px #777; -webkit-box-shadow: 0px 2px 4px #777; }
.c2 li { width: 365px; margin-right: 30px; }
.c3 li { width: 233px; margin-right: 30px; }
figcaption { margin-bottom: 15px; }

.c3b { width: 840px; margin: 20px -20px 0 0; _zoom: 1; overflow: hidden; }
.c3b li { width: 260px; margin: 0 20px 20px 0; text-align: center; }
.c3b li img { margin-bottom: 20px; box-shadow: 0px 2px 4px #777; -webkit-box-shadow: 0px 2px 4px #777; }

.c3c { width: 100%; margin: 0; }
.c3c li { width: 33.3%; margin-bottom: 30px; text-align: center; }

.modellist { margin: 0 30px 10px 30px; }
.modellist li { float: left; background: right center url(../img/modelarrow.jpg) no-repeat; padding-right: 15px; margin: 0 10px 10px 0; }
li.modelast { background-image: none; padding: 0; }
.modelimg { width: 280px; float: right; margin-right: 30px; }
.modelimg figure { margin-bottom: 20px; }
.modelimg img { margin-bottom: 10px; box-shadow: 0px 2px 4px #777; -webkit-box-shadow: 0px 2px 4px #777; }