@charset "utf-8";
/* CSS Document */
/* ---reset.css--- */
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, center,
dl, dt, dd, ol, ul, 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;
	border: 0;
	font-size: 100%;
	font: inherit;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* ---reset.css--- */

html, body{	
	font-family:'Lora', serif, "Microsoft JhengHei";
	-webkit-text-size-adjust:none;
	background:#fff;
	overflow-x: hidden;		
}

*{-webkit-box-sizing:border-box;
  box-sizing:border-box;
  line-height:1;
 }

li{ list-style:none;}
:focus { outline: 0; }
h1{ text-indent:-9999px; position:absolute;}

/* --電腦版型------------------------------------- */
.WRAPPER{ width:100%; min-width:1200px;}

/*刊頭*/
.header{width:100%; height:680px; background:url(../images/hd_bg2.gif) top center no-repeat; margin:0 auto;}
.tophd{width:1200px; height:680px; margin:0 auto; text-align:center; position:relative;}
.thd1{position:absolute; top:0px; left:216px; display:block; z-index:7;}
.thd2{position:absolute; top:237px; left:145px;display:block; z-index:8;}
.train{position:absolute;top:280px; left:44px; display:block; z-index:9;}

/*intro*/
.intro1{width:100%; height:395px; background:url(../images/intro1.gif) top center no-repeat; background-color:#ace3ff;display:block;}
.intro2{width:100%; height:525px; background-color:#ace3ff;}
.intro2_m{ width:1100px; height:525px; margin:0 auto; text-align:center; position:relative; background:url(../images/intro2.gif) top center no-repeat;}
.cover{ position:absolute; top:8px; left:38px; display:block; z-index:9;}
.price{ position:absolute; top:210px; left:790px; display:block; z-index:1;}
.buy {position:absolute; top:188px; left:1012px; display:block; z-index:3;}
.pilot {position:absolute; top:257px; left:390px; display:block; z-index:2; width:641px;}

.intro3{width:100%; height:840px; background:url(../images/intro3.gif) top center no-repeat; background-color:#ace3ff;}
.intro3_m{ width:1100px; margin:0 auto;}
.book{ height:200px; margin:0 auto; display:block;}
.p4b{ width:1060px; margin:0 auto; margin-top:20px;}
.p4b li{float:left; width:265px;}
.bb1{ text-align:center;}
.ttp1{ width:235px; display:block; font-size:15px; line-height:26px; font-family: "Microsoft JhengHei"; color:#000000; margin:0 auto; text-align:justify; letter-spacing:0.35px; margin-bottom:15px;}
.ttp2{ font-size:16px; line-height:27px; font-family: "Microsoft JhengHei"; color:#0082c6; font-weight:bold; text-align: left;letter-spacing:0.85px;}
.ttp3{ font-size:16px; line-height:27px; font-family: "Microsoft JhengHei"; color:#ee1520; font-weight:bold; text-align: left;letter-spacing:0.85px;}

/*字型*/
.txt_p1{font-size:17px; line-height:30px; font-family: "Microsoft JhengHei"; color:#5b6063; font-weight:bold; text-align: left; letter-spacing:1px;}
.txt_p2{font-size:17px; line-height:30px; font-family: "Microsoft JhengHei"; color:#5b6063; text-align: left; letter-spacing:1px;}
.txt_p3{font-size:17px; line-height:30px; font-family: "Microsoft JhengHei"; color:#ee1520; font-weight:bold; text-align: left; letter-spacing:1px;}
.txt_p4{font-size:13px; line-height:20px; font-family: "Microsoft JhengHei"; color:#155d97; text-align:left;}


/*p2*/
.p2{width:100%; height:1435px; background:url(../images/p2.gif) top center no-repeat; background-color:#fff; margin:0 auto; text-align:center;}
.p2m_1{width:1100px; height:293px; margin:0 auto; padding-top:163px; display:block;}
.p2m_2{ width:1100px; height:352px; margin:0 auto; padding-top:156px; display:block;}
.cv{width:880px; height:495px; margin:0 auto; padding-top:190px; display:block;}

/*作者*/
.author{width:100%;height:850px; background:url(../images/bg1.gif) top center fixed no-repeat;  margin:0 auto; margin-top:12px; text-align:center;}

/*p4*/
.p4{width:100%;height:740px; background-color:#fff; margin:0; padding:0; margin-bottom:10px;}
.p4m { width:1200px; height:720px; background:url(../images/p4_bg.jpg) top center no-repeat; margin:0 auto; position:relative;}
.p4-1{position:absolute; top:12px;left:62px; z-index:2;}
.p4-2{position:absolute; top:272px;left:898px; z-index:3;}
.p4-3{position:absolute; top:24px;left:676px; z-index:2;}
.p4-4{position:absolute; top:300px;left:25px; z-index:3;}
.p4-5{position:absolute; top:427px;left:460px; z-index:2;}

/*p5*/
.p5{ width:100%; height:1045px; background:url(../images/p5_bg.gif) top center no-repeat; background-color:#fad3d8; padding-top:575px;}
.preview{ width:1100px; height:370px; margin:0 auto; text-align:center;position:relative;}
.pre-1{ position:absolute;top:10px;left:28px;width:1046px; height:171px;}
.pre-2{ position:absolute;top:195px;left:28px;width:1046px; height:171px;}

/*copyright*/
.p6{ height:100px; background-color:#f2efe8; margin:0 auto; text-align:center;}