@CHARSET "UTF-8";
#bppwrap { /* background-image: url("themes/BPP2016/images/guide008.jpg"); */}
@font-face {
	font-family: 'OJ92k12';
	src: url('themes/BPP2016/_css/OJ92k12.eot');
	src: local('OJ92k12'), url('themes/BPP2016/_css/OJ92k12.eot')
		format('embedded-opentype'), url('themes/BPP2016/_css/OJ92k12.woff')
		format('woff');
}

@font-face {
	font-family: 'zj8ko223l';
	src: url('themes/BPP2016/_css/zj8ko223l.eot');
	src: local('zj8ko223l'), url('themes/BPP2016/_css/zj8ko223l.eot')
		format('embedded-opentype'), url('themes/BPP2016/_css/zj8ko223l.woff')
		format('woff');
}

@font-face {
	font-family: 'SuKumWit';
	src: url('themes/BPP2016/_css/SuKumWit.eot');
	src: local('SuKumWit'), url('themes/BPP2016/_css/SuKumWit.eot')
		format('embedded-opentype'), url('themes/BPP2016/_css/SuKumWit.woff')
		format('woff');
}

@font-face {
	font-family: 'Impact';
	src: url('themes/BPP2016/_css/Impact.eot'), 
		format('embedded-opentype'), url('themes/BPP2016/_css/Impact.woff')
		format('woff');
}

@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: normal;
	src: url("themes/BPP2016/_css/fa-brands-400.eot");
	src: url("themes/BPP2016/_css/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("themes/BPP2016/_css/fa-brands-400.woff2") format("woff2"), url("themes/BPP2016/_css/fa-brands-400.woff") format("woff"), url("themes/BPP2016/_css/fa-brands-400.ttf") format("truetype"), url("themes/BPP2016/_css/fa-brands-400.svg#fontawesome") format("svg");
}
.fa,
.fab,
.fal,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
}
.fab { font-family: 'Font Awesome 5 Brands'; }
.fa-facebook:before { content: "\f09a"; }
.fa-instagram:before { content: "\f16d"; }
.fa-twitter:before { content: "\f099"; }
.fa-google-plus:before { content: "\f2b3"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-linkedin:before { content: "\f0e1"; }

.cb { clear: both; }
#gotop.fixed { bottom: 50px; }
#gotop {
    background: #df4526 url("themes/BPP2016/images/top-icon.png") no-repeat scroll center center;
    border-radius: 100px;
    bottom: -70px;
    cursor: pointer;
    display: block;
    height: 68px;
    left: 50%;
    margin-left: 385px;
    opacity: 0.5;
    position: fixed;
    transition: bottom 0.25s ease-in-out 0s, opacity 0.1s ease-in-out 0s;
    width: 68px;
    z-index: 88;
}
#gotop:hover { opacity: 1; }
*::selection {
	background: #BC3939;
	color: #fff;
}

*::-moz-selection {
	background: #BC3939;
	color: #fff;
}

.f55 { font-family: 'OJ92k12'; }
.f85 { font-family: 'zj8ko223l'; }
.SuKumWit { font-family: 'SuKumWit'; }
.imp { font-family: 'Impact'; }

.org {
	color: #e24728;
}

* {
	font-family: 'OJ92k12';
	margin: 0;
	padding: 0;
}
html { overflow-y: scroll; }
body, html { font-size: 13px; }
img { border: medium none; }

#bppwrap {
    background-color: #ffffff;
    margin: 0 auto;
    position: relative;
    width: 1024px;
}
#bppwrap header {
    background-image: url(themes/BPP2016/images/header-bg.png);
    /* background-image: url(themes/BPP2016/images/guide2.jpg); */
    height: auto;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 15px;
}

/* SWIPE */
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}

.swipe-wrap {
	overflow: hidden;
	position: relative;
}

.swipe-wrap>div {
	float: left;
	width: 100%;
	position: relative;
}
.swipe-wrap > div a { width: 1024px !important; }

/* Header */
header > * { box-sizing: border-box; }
header a.mainlogo {
    display: block;
    height: 173px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 173px;
}
header a.mainlogo img { display: block; width: 100%; }
header div.right {
	float: right;
	max-width: 30%;
	padding: 15px 15px 0;
	position: relative;
	text-align: right;
}
div.right > *:not(:last-child) { margin: 0 0 10px; }
div.social > a {
	clear: both;
	background-color: #FFF;
	border-radius: 5px;
	display: inline-block;
	font-size: 30px;
	height: 30px;
	line-height: 30px;
	margin: 2px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	width: 30px;
}
div.social a#fb_btn { color:#3b5998; background-position: -40px 0; }
div.social a#ig_btn { color:#c94d78; background-position: -80px 0; }
div.social a#tw_btn { color:#1da1f3; background-position: -80px 0; }
div.social a#gg_btn { color:#dd4c40; background-position: -80px 0; }
header div.right div.contact *,
header div.right div.contact {
	clear: both;
	color: #fff;
	font-family: "SuKumWit";
	font-size: 50px;
	font-weight: normal;
	line-height: 34px;
	text-align: right;
}
header div.notice {
	padding: 30px 0 0 30px;
	float: left;
	max-width: 70%;
}
header div.notice * {
	font-family: "zj8ko223l";
	font-size: 50px;
	font-weight: normal;
	line-height: 54px;
}
header div.notice h3,
header div.notice h2 {
	font-size: 45px;
	line-height: initial;
	text-shadow: 3px 3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, -3px -3px 0 #fff;
}
header div.notice h3 { font-size: 75px; }
header div.notice h4,
header div.notice h5 {
	color: #be1e2d;
	font-size: 30px;
	line-height: 31px;
	text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff;
}


/* ----- NAV ----- */
.hamburger { display: none; }
nav#main {
	border-bottom: 2px solid #aaa7a7;
	display: flex;
	height: 53px;
	padding: 0 2px;
}
nav#main a.current { color: #333 !important; }
article.blogs .sharedaddy a:hover,
nav#main > a:hover { color: #fff; background-color: #fc4237; }
nav#main a.current { background-color: #fff; font-weight: bold; }
nav#main > a:last-child { width: 130px; margin: 2px 0 0 1px; }
nav#main > a {
	background-color: #e6e6e6;
	color: #808080;
	flex-basis: 0;
	flex-grow: 1;
	font-family: arial;
	font-size: 17px;
	height: 51px;
	line-height: 50px;
	margin: 2px 0.5px 0;
	text-align: center;
	text-decoration: none;
	transition: background 0.08s ease 0s, color 0.08s ease 0s;
}
nav#main div.lang { text-align: center; }
nav#main div.lang a {
	color: #333;
	font-size: 18px;
	line-height: 52px;
	padding: 0 2px;
	text-decoration: none;
}

/* ----- Footer ----- */
footer {
    background: #333333 none repeat scroll 0 0;
    border-top: 7px solid #df4526;
    clear: both;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-bottom: 5px;
}
footer a:hover { color: #fff !important; }
footer > a {
    display: block;
    left: 39px;
    position: absolute;
    top: 15px;
}
footer > * { text-align: center; }
footer div a, footer p a { text-decoration: none; }
footer * {
    color: #b3b3b3;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    text-decoration: none;
}
footer p {
    display: block;
    padding: 20px;
}
footer nav { margin: 22px 0 12px; }
footer nav * {
    color: #ff9078;
    font-size: 17px;
    padding: 0 3px;
}
footer div { margin: 7px 0 15px; }
footer h5 {	font-weight: normal; }

footer div.partners {
    height: 63px;
    margin: 0;
    padding: 0 169px 0 40px;
}
footer div.partners > h5 {
    float: left;
    font-size: 16px;
    font-weight: bold;
}
footer div.partners ul { float: right; }
footer div.partners ul li {
    display: block;
    float: left;
    margin: 0 5px;
}

/* == HOME BANNER == */
div.banner-con {
    height: 380px;
    position: relative;
    text-align: center;
}
div#banner-c a img,
div#banner-c, div#banner-c a {
    height: 380px;
    width: 1024px;
}
article.prodet.products.home div#banner-c a img,
article.prodet.products.home div#banner-c a ,
article.prodet.products.home div#banner-c {
    height: 480px;
    margin: 0 auto;
    width: 725px;
}
article.prodet.products.home div#banner-c a img {
    display: block;
    margin: 0 auto;
    width: auto;
}
div.banner-con > a {
    position: absolute;
    top: 114px;
    z-index: 40;
}
div.banner-con > a#imgleft { left: 20px; }
div.banner-con > a#imgright { right: 20px; }
article.prodet.products.home div.box div.images > a {
    background: transparent url("themes/BPP2016/images/arrow-prodet.png") no-repeat scroll -120px center;
    display: block;
    height: 185px;
    width: 120px;
    position: absolute;
    top: 114px;
    z-index: 40;
}
.images a#imgleft { background-position: 0 center; left: 0; }
.images a#imgright { right: 0; }
div.banner-con div#nav a {
	background: url("themes/BPP2016/images/banner-dot.png") no-repeat scroll 0 0
		transparent;
	display: inline-block;
	height: 11px;
	margin: 8px 6px 0;
	overflow: hidden;
	text-indent: 20px;
	width: 11px;
}

div.banner-con div#nav a:hover {
	background-position: left center;
}

div.banner-con div#nav a.activeSlide {
	background-position: left bottom;
}

/* == Home Content == */
div#cat_pane,
article.home div.about {
    height: 213px;
    margin: 0 25px;
}
article.home div.about { height: auto; padding-bottom: 20px; }
article.home div.about img {
    float: left;
    margin: 16px 26px 0 52px;
    padding-bottom: 55px;
    width: 160px;
}
article.home div.about h1,
article.home div.about h2 {
	font-size: 49px;
	font-weight: normal;
	line-height: 48px;
	margin: 28px 0 0 320px;
}
article.home div.about h2 {
	color: #808080;
	font-size: 38px;
	margin: 0 0 0 270px;
}


div.last {
    padding: 25px;
}

div.last p, article.home div.about p {
    font-size: 22px;
    line-height: 26px;
    padding-bottom: 15px;
    text-indent: 35px;
}

article.home.with_aside {
    float: right;
    width: calc(100% - 250px);
    overflow: hidden;
}
aside.home {
    float: right;
    width: 240px;
    overflow-x: hidden;
    margin-right: 10px;
    padding-top: 10px;
}
/* == Aside == */
#bppwrap aside * {  box-sizing: border-box; }
#bppwrap aside > table tbody { display: block; }
#bppwrap aside > table {
    display: block;
    border: none !important;
    border-collapse: collapse;
    width: 100% !important;
}
#bppwrap aside > table tr { display: block; }
#bppwrap aside > table tr:not(:last-child) td {}
#bppwrap aside > table tr td img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin: 0 auto;
}
#bppwrap aside > table tr td {
    display: block;
    border: none;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 20px;
}
#bppwrap aside > table tr td h2 {
    background-color: #2b2626;
    color: #fff;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 22px;
}
#bppwrap aside > table tr td,
#bppwrap aside > table tr td * { font-size: 22px; }

/* == Categories Pane == */
div#cat_pane {
    background-color: #2b2626;
    height: 58px;
    position: relative;
}
div.searchPane {
    float: right;
    position: relative;
}
#cat_pane #dropcatlist {
    height: 360px;
    left: 30px;
    overflow: hidden;
    position: absolute;
    top: 58px;
    width: 250px;
    z-index: 90;
}
#cat_pane #dropcatlist ul {
    display: block;
    max-height: 376px;
    overflow: hidden;
    width: 250px;
}
#cat_pane #dropcatlist li { display: block; }
#cat_pane #dropcatlist li a:hover,
#cat_pane #dropcatlist li a.current { background-color: #fc4237; }
#cat_pane #dropcatlist li a em {
    font-style: normal;
    position: absolute;
    right: 16px;
}
#cat_pane #dropcatlist li a {
    background-color: #333333;
    border-bottom: 2px solid #1a1a1a;
    color: #fff;
    display: block;
    font-size: 26px;
    height: 58px;
    line-height: 58px;
    position: relative;
    text-decoration: none;
    text-indent: 24px;
}
form input#q {
    background-color: #b3b3b3;
    border: medium none;
    border-radius: 20px;
    color: #fff;
    font-size: 24px;
    height: 38px;
    line-height: 40px;
    padding: 0 10px;
    position: absolute;
    right: 20px;
    text-indent: 10px;
    top: 10px;
    width: 270px;
}
div#cat_pane a#catdrop.show { background-position: right 0; }
div#cat_pane a#catdrop {
    background: transparent url("themes/BPP2016/images/category-arrow.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 58px;
    width: 30px;
}
div#cat_pane h2.bullet { text-indent: 0; }
div#cat_pane h2.bullet:before {
    content: "\00A0";
    background-color: #fc4237;
    display: inline-block;
    width: 30px;
    margin-right: 30px;
}
div#cat_pane h2 {
    color: #fff;
    float: left;
    font-size: 29px;
    font-weight: normal;
    line-height: 58px;
    text-indent: 30px;
}
form input#search {
    background: transparent url("themes/BPP2016/images/magnifier.png") no-repeat scroll center center;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 38px;
    overflow: hidden;
    position: absolute;
    right: 34px;
    text-indent: 40px;
    top: 10px;
    width: 38px;
}

/* == Categories home == */
article.home ul.category {
    margin: 20px 20px 40px;
    padding: 0;
}
article.home ul.category li a {
	width: auto;
}
/*article.home ul.category li a img { display: block; width: 310px; height: 225px; }*/

article.home ul.category li a img {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%;
}
article.home ul.category li {
    display: block;
    float: left;
    height: auto;
    position: relative;
    text-align: center;
    width: 33%;
    margin-bottom: 10px;
}
/*
article.home ul.category li {
    height: 155px;
    margin: 0 18px;
    width: 155px;
}*/
article.home ul.category li div,
article.home ul.category li h3 { }
article.home ul.category li div {
    background-color: rgba(255, 255, 255, 0.6);
    bottom: 0;
    box-sizing: border-box;
    color: #808080;
    display: block;
    font-size: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 10px;
    text-align: center;
    text-indent: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
article.home ul.category li h4 {
	display: inline;
	font-weight: normal;
	text-indent: 20px;
}
article.home ul.category li h3 a {
    color: #231f20;
    display: block;
    font-family: "OJ92k12";
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    text-decoration: none;
    margin-top: 5px;
}

/* BLOG */
.blog {
    padding: 10px 25px 25px;
}
.blog li:nth-child(2n) {
    background-color: #f9f9f9;
}
.blog li {
    display: block;
    margin-bottom: 15px;
    padding: 10px;
}
.blog li img { display: block; width: 100%; }
.blog li a.img {
    display: block;
    float: left;
    width: 20%;
    margin: 0 15px 0 0;
    min-width: 120px;
}
.blog li a.more { display: block; float: right; }
.blog li hr { visibility: hidden; }
.blog li * { font-size: 22px; }
a.more_btn {
    font-size: 24px;
    color: #e24826;
    display: block;
    text-align: center;
}
.blogs .content img { max-width: 100%; }
.blogs .content > p > img {
    margin: 0 auto;
    display: block;
}

/*
article.home ul.category li h3 a {
    font-size: 23px;
}*/

/* BREADCRUMB */
div#breadcrumb { padding: 15px 20px; }
div#breadcrumb>div { display: inline-block; }
div#breadcrumb > div * {
    color: #120c0c;
    font-size: 18px;
    text-decoration: none;
}
div#breadcrumb div a strong { font-weight: normal; color: #E24826; }
div#breadcrumb div a:hover,div#breadcrumb div a strong:hover { color: #FF9900; text-decoration: underline; }

/* == About us == */
article.about { margin: 20px 0 0 0; }
article.about.service {
    margin: -13px 0 0;
}
article.about div.box { position: relative; }
article.about.service div.box { min-height: 170px;}
article.about div.box img {
	position: absolute;
	left: 89px;
    top: 5px;
    width: 160px;
}
article.about div.box h1 {
    font-size: 74px;
    font-weight: normal;
    line-height: 70px;
    margin: 0 0 0 310px;
}
article.about div.box h2 {
    font-size: 42px;
    font-weight: normal;
    line-height: 40px;
    margin: 0 0 0 310px;
}
article.blogs .sharedaddy,
.blogs .content,
article.about > div.content {
    font-size: 24px;
    line-height: 33px;
    margin: 71px 30px 40px 35px;
}
article.blogs .sharedaddy {
    margin: 20px 30px -20px 35px;
    font-size: 16px;
}
article.about.service .content h1 {
    font-family: "zj8ko223l";
    font-size: 50px;
    font-weight: normal;
    line-height: 65px;
    text-align: center;
}
article.about.service > div.content { margin: 0 30px 50px 35px; }
article.blogs p,
article.service .content p,
article.about .content div.p p { margin-bottom: 25px; text-indent: 142px; }
.blogs .content > ol,  
.blogs .content > ul,
article.about .content div.p ol,
article.about .content div.p ul { margin: 10px 0 25px; }
.blogs .content > * > li,
article.about .content div.p li { margin: 0 20px; }
article.service .content p { margin-bottom: 18px; }
article.service div.content ul {
	display: block;
	line-height: 30px;
	padding: 15px 60px 21px 110px;
}
article.about.service div.content hr { margin: 28px 0; }
article.about.service li strong { color: #ff4338; }
article.about.service div.content h2 {
    font-size: 50px;
    font-weight: normal;
    margin-bottom: 22px;
    text-align: center;
}
article.service div.content ol li {
    display: block;
    float: left;
    height: 216px;
    margin: 0 9px 20px 0;
}
article.about h2.customers {
    border-top: 1px solid #999;
    font-size: 54px;
    font-weight: normal;
    margin: 0 40px;
    padding: 20px 0 8px;
    text-align: center;
}
article.about img.customers {}

/* == Contact Us == */
article.blogs h1,
article.contact div.box h1 {
    color: #666;
    font-size: 50px;
    text-align: center;
}
.mapselect li {
    background: transparent url("themes/BPP2016/images/map-btn.png") no-repeat scroll 0 0;
    border: 1px solid #d6d6d6;
    cursor: pointer;
    display: block;
    float: left;
    height: 51px;
    position: absolute;
    width: 187px;
    z-index: 25;
    border-bottom:none; 
}
.mapselect li.current { z-index: 35;}
.mapselect li#googlemap { background-position: right top; }
.mapselect li#googlemap.current { background-position: right bottom; border-color:#999999; }
.mapselect li#picturemap { left: 188px; }
.mapselect li#picturemap.current { background-position: left bottom; border-color:#999999; }
div#mapcontain {
    height: 538px;
    margin: 25px auto 0;
    overflow: hidden;
    position: relative;
    width: 870px;
}
div#map-box {
    background-color: #fff;
    border: 1px solid #999999;
    height: 484px;
    overflow: hidden;
    position: absolute;
    top: 51px;
    width: 868px;
    z-index: 30;
}
#picture-map img {
    display: block;
    height: 484px;
    width: 868px;
}
.content.address {
    border-bottom: 1px solid #999999;
    margin: 43px 40px 55px;
    padding: 0 0 53px;
}
.content.address h2 {
    color: #ff4338;
    font-size: 25px;
    text-align: center;
}
.content.address p {
    font-size: 25px;
    padding: 14px 0 0;
    text-align: center;
}
article.contact div.box h2 em {
    display: block;
    font-size: 25px;
    font-style: normal;
    text-align: center;
}
article.contact div.box form.contact {
    border-bottom: 1px solid #999;
    margin: 18px 35px 50px;
    padding: 0 40px 64px;
    position: relative;
}
form.contact .alert {
    color: #ff4338;
    font-size: 34px;
    padding: 0 8px;
}
form.contact div h6:after { content: ":"; }
form.contact div h6 {
    font-size: 24px;
    margin-bottom: 3px;
}
form.contact div textarea,
form.contact div input[type="text"] {
    background-color: #e6e6e6;
    border: medium none;
    border-radius: 5px;
    font-size: 25px;
    height: 45px;
    margin-bottom: 14px;
    text-indent: 15px;
    width: 390px;
}
form.contact div textarea { height: 240px; }
form.contact img.captcha {
    border: 1px solid #b3b3b3;
    height: 44px;
    margin-right: 12px;
    vertical-align: top;
    width: 121px;
}
form.contact img.logo {
    bottom: 65px;
    opacity: 0.1;
    position: absolute;
    right: 4px;
    width: 470px;
}
form.contact div.button { margin: 28px 0; }
.button * {
    background: #e6e6e6 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #9e9e9e;
    cursor: pointer;
    font-size: 25px;
    height: 45px;
    margin-right: 8px;
    width: 150px;
}
.button .btn {
    background-color: #fc4237;
    color: #fff;
}
article.blogs .sharedaddy strong {
    display: block;
    font-size: 22px;
    float: left;
    margin-right: 15px;
}
article.blogs .sharedaddy a {
    display: block;
    float: left;
    border: 1px solid #e6e6e6;
    color: #808080;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 10px;
}

/* ===== Products ===== */
article.products div.ptit,
article.products > h2,
article.products > h1 {
    color: #666;
    font-family: "zj8ko223l";
    font-size: 30px;
    margin: 0 35px;
}
article.products > h1 { font-size: 26px; }
article.products > h2 { font-size: 30px; font-weight: normal; }
article.products div.ptit h1 { font-size: 30px; }
article.products div.ptit h1::before { content: " : "; }
article.products div.ptit h2 {
    border: medium none;
    color: #e24826;
    float: left;
    font-size: 30px;
    margin: 0;
}
article.products .prores > a {
	color: #e24826;
	display: block;
	float: right;
}
article.products h1 em { font-style: normal; }
article.products div.prores.resfoot {
	border-top: 1px solid #ddd;
	margin: 20px 40px 5px;
	padding: 20px 0;
}
article.products div.prores {
	color: #808080;
	font-size: 24px;
	margin: 0 40px 5px;
}
article.products .sortpane {
	font-size: 18px;
	line-height: 28px;
	margin: 0 40px;
	text-align: right;
}
article.products .sortpane a { color: #e24826; }
article.products .sortpane a.current { font-weight: bold; color: #333; }
article.products div.page {
	height: 90px;
	padding-top: 20px;
	text-align: center;
}

div.page div a { text-indent: -100px; height: 46px; display: block; }
div.page div:hover { background-color: #777; }
div.page div {
    background: #4d4d4d url("themes/BPP2016/images/arrow-page.png") no-repeat scroll 12px center;
    border-radius: 23px 0 0 23px;
    display: inline-block;
    height: 46px;
    overflow: hidden;
    text-align: center;
    width: 34px;
}
div.page div.r {
    background-position: -50px center;
    border-radius: 0 23px 23px 0;
}
div.page span.pnum {
	background: #4d4d4d;
    display: inline-block;
    height: 46px;
    min-width: 300px;
    text-align: center;
    vertical-align: top;
}
div.page span.pnum a:hover { color: #fff; }
div.page span.pnum * {
    color: #808080;
    display: inline-block;
    font-size: 24px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    width: 40px;
}
div.page span.pnum b {
    background-color: #fc4237;
    border: 2px solid #4d4d4d;
    color: #333;
    height: 42px;
    line-height: 42px;
    width: 38px;
}
ul.prolist {
    display: block;
    margin: 0 auto;
    width: 960px;
}
.prolist li a.current { border: 3px solid #fc4237; }
.prolist li a:hover { border: 3px solid #fd8882; }
.prolist li a img { width: 230px; height: 230px; }
.prolist li a {
	border: 3px solid #fff;
	display: block;
	height: 230px;
	width: 230px;
}
.prolist li {
	display: block;
	float: left;
	margin: 2px;
	position: relative;
}
.prolist li strong {
	bottom: 10px;
	color: #333;
	font-size: 18px;
	font-weight: normal;
	left: 10px;
	position: absolute;
	text-shadow: 1px 1px 0 #fff;
}
article.prodet.products.home { margin: 0 0 20px 0; }
article.prodet.products.home div.box div.pro-det > h2,
article.prodet h1 { display: inline; }
article.prodet div.box.related h2 {
	color: #888;
	font-size: 30px;
	font-weight: normal;
}
article.prodet div.box > h1,
article.prodet div.box h2 {
	font-family: "zj8ko223l";
	font-size: 45px;
	font-weight: normal;
	margin: 31px 0 0;
	text-align: center;
}
article.prodet div.box > h1 {
	color: #fc4237;
	display: block;
	margin: 0;
}
article.prodet div.box div.pro-det *,
article.prodet div.box div.pro-det { font-size: 30px; line-height: 42px; }
article.prodet div.box div.pro-det { margin-top: 7px; text-align: center; }
div.pro-det span.colorbox {
	border-radius: 28px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	display: inline-block;
	height: 28px;
	vertical-align: sub;
	width: 28px;
}
article.prodet.products.home div.images { position: relative; }
#img-pre { margin: 60px auto 0; }
#img-pre a.livebox img {
	display: block;
	height: 480px;
	margin: 0 auto;
	width: 725px;
}
.sep.cb,
.images #nav {
	border-bottom: 1px solid #999;
	margin: 0 90px 30px;
	padding: 10px 0;
	text-align: center;
}
.images #nav li {
	cursor: pointer;
	display: inline-block;
	margin: 5px;
	opacity: 0.5;
}
.images #nav li.activeSlide { opacity: 1; }
.images #nav li img {
	display: block;
	height: 155px;
	width: 155px;
}

article.prodet div.post h3 { padding-bottom: 15px; text-decoration: underline; }
article.prodet div.post { font-size: 22px; padding: 0 25px; }
article.prodet div.post p a { color: #fc4237; }
article.prodet div.post p { padding-bottom: 15px; }
div.splash {
    background-color: rgba(255, 255, 255, 0.95);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
div.splash imgxxx {
	left: 50%;
	max-width: 840px;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

div.splash img {
    display: block;
    margin: 10px auto;
    max-width: 840px;
    width: 100%;
}

/*Promotion*/
article.promotion.about div.content a.livebox img {
    margin: 0 auto;
    max-width: 100%;
}