@charset "utf-8";
/*-----------------------------------------------------------------------------
  3Wcreative Web Design
  https://www.facebook.com/3wcreative
  Updated: 2015/09/18
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
[TABLE OF CONTENTS]
    +reset
    +common
    +nav
    +unit1(header)
    +unit2
    +unit3
    +unit4
    +unit5
    +unit6
    +unit7
    +unit8(footer)
    +books
    +page
-----------------------------------------------------------------------------*/
/* 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 
vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
/* common
*----------------------------------------------------------------------------*/
html, body {
    color: #7b7b7b;
	background-color:#edeeee;
    font-family: 'DFLiHei-Lt', 'Century Gothic';
    font-size: 13px;
    line-height: 22px;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
}
/**
*
* clear,clearfix
*
**/
.clear { clear: both;}
.clearfix { display: inline-block;}
.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0; content: ".";}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
.hidden {display: none;}
/**
*
* tab-pager
*
**/
.tab-pager {height: 24px;margin: 10px 0 10px 0;font: 15px/22px Arial;text-align: center;}
.tab-pager ol {float: left;	position: relative;left: 50%;text-align: center;}
.tab-pager ol li {float: left;position: relative;right: 50%;margin: 0 4px 0 0;background: none;text-align: center;color: #666;}
.tab-pager.right { position: absolute; top: 10px; right: 0;}
.tab-pager.right ol {float: right;left: 0;}
.tab-pager.right ol li {right: 0;}
.tab-pager ol li a {float: left;display: block;height: 22px;padding: 0 6px;color: #000;border: solid 1px #fff;text-decoration: none;}
.tab-pager ol li a:hover {border: solid 1px #999;text-decoration: none;}
.tab-pager ol li.active {display: block;height: 22px;padding: 0 6px;color: #000;border: solid 1px #000; font-weight: bold;}
/* wrapper
*----------------------------------------------------------------------------*/
#wrapper {
    position: relative;
    width: 1005px;
	margin: 0 auto;
	background-color:#FFF;
}
header{position:relative;}

.logo_home{ float:left; padding:58px 0 0 40px;}
.menu_home{ float:right; font-size:14px; line-height:30px; color:#8F6D33; padding:15px 40px 0 0;}
.menu_home a{ text-decoration:none; color:#8F6D33;}
.menu_home a:hover{ color:#d2c9bd;}
.slideShow .bxslider li img{vertical-align:bottom;}

.copyRight{ padding:10px 0; font-size:14px; text-align:center; background-color:#000; color:#FFF;}
.copyRight span{font-size:12px; color:#FFF;}
.copyRight a{ text-decoration:none; color:#FFF;}


/*page1
*----------------------------------------------------------------------------*/
.logo{ float:left; padding:40px 0 0 40px;}
.menu{ float:right; padding:30px 40px 0 0;}
.menu ol{ float:right; margin-bottom:20px;}
.menu ol li{float:left; margin-right:10px;}
.menu ol li a{ text-decoration:none; color:#FFF; font-size:13px; padding:5px 15px; background-color:#d2c9bd;}
.menu ol li a:hover{ background-color:#999;}
.menu ul li{float:left; margin-right:10px;}
.menu ul li a:hover,
.menu ul li.active a{ color:#000; font-weight:bold;}
.menu ul li a{text-decoration:none; color:#7e6b5a; font-size:14px;}

.sub_p01{ width:638px; margin:50px auto 20px auto;}
.contentTxt{ width:630px; font-size:15px; line-height:30px; margin:-60px auto 0 auto;}
.sign{ margin:0 0 0 630px;}

/*page2
*----------------------------------------------------------------------------*/
.sub_p02{ margin:50px 0 0 50px;}
.subTxt{margin:0 0 32px 50px; font-size:15px; color:#534741;}
.subTxt_01{font-size:13px; color:#7b7b7b;}
.tableVIP{margin-left:50px;}
.tableVIP table.head td.td01{width:577px; background-color:#d2c9bd;}
.tableVIP table.head td.td01 img{ width:96px; margin:15px 0 6px 244px;}
.tableVIP table.head td.td02{width:160px; background-color:#d2c9bd; }
.tableVIP table.head td.td02 img{ width:72px; margin:15px 44px 6px 44px;}
.tableVIP table.head td.td03{width:161px; background-color:#d2c9bd; border-left:#b6aa9a solid 1px; border-right:#b6aa9a solid 1px;}
.tableVIP table.head td.td03 img{ width:108px; margin:15px 26px 6px 26px;}

.tableVIP table.body td{font-size:18px; color:#534741; padding:10px 0 8px 0; margin-left:40px; border:#d2c9bd solid 1px; vertical-align:middle;}
.txtTitle{margin-top:50px;}
.linkBtn{ width:530px; margin:30px auto;}
.linkBtn .btnStore{ float:left; margin-right:40px;}
.linkBtn .btnSite{ float:right;}

h2 a{ display:block; font-size:16px; color:#b81c22; margin:20px 60px 0 0; text-decoration:none; text-align:right;}
h2 a img{margin-right:10px;}

/*page3
*----------------------------------------------------------------------------*/
.sub_p03{width:376px; margin:50px auto 30px auto;}
.banner{ width:645px; margin:0 auto;}
h3{ font-size:15px; color:#534741; margin:50px 0 20px 0; text-align:center;}
.planBox{width:645px; margin:0 auto 50px auto;}
.plan01{float:left;}
.plan02{float:right;}
.planBox h2 a{ display:block; font-size:16px; color:#b81c22; margin-top:10px; text-decoration:none;}
.links{ margin:10px 0 0 10px;}
.link a{ font-size:15px; color:#b81c22; text-decoration:none; line-height:25px; font-weight:bolder;}

/*page4
*----------------------------------------------------------------------------*/
.book{position:absolute; margin:70px 0 0 68px;}
.bookShadow{position:absolute; margin:460px 0 0 68px;}

.sub_p04{ margin-top:24px;}
.btn_download{ margin:30px 0 40px 435px;}

.bookList{ width:520px; margin:100px 0 0 400px;}
.bookList .slideShow ul.bxslider li{float:left; margin-right:5px;}
.bookList .slideShow img{width:115px; height:160px;}

.bx-controls-direction a.bx-prev{ position:absolute; margin:-80px 0 0 -30px; padding:10px 23px; background:url(../images/btn_P.png) no-repeat; text-indent: -1000000px;}
.bx-controls-direction a.bx-next{ position:absolute; margin:-80px 0 0 540px; padding:10px 23px; background:url(../images/btn_N.png) no-repeat; text-indent: -1000000px;}













footer.page{padding-top:40px;}