@import url("reset.css");@import url("https://fonts.googleapis.com/earlyaccess/notosanstc.css");
*{	margin:0;padding:0;	-webkit-box-sizing:border-box;box-sizing:border-box;
}
a{outline: none;/* for Firefox Google Chrome  */
  behavior:expression(this.onFocus=this.blur());  /* for IE */
}
html{-webkit-text-size-adjust:none;}

body{
  	font-family: ‘Noto Sans TC’, Arial, Verdana, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.7em;
	letter-spacing:2px;
	background-image:url(../images/bodyBG.png);
	background-repeat:repeat;
	background-color:#fff;
	background-position:center top;	
/*	padding-top: 50px;*/
	}
.header {
    position: fixed;
    margin: auto;
    background-color: #FFF;
    z-index: 100;
    width: 100%;
    top: 0;
}
#wrap{background-image:url(../images/headerBG.png);background-position:center top;background-repeat:no-repeat;width:100%;}


.cart_icon{font-size: 1.5em;padding-right: 5%;color: #FFFFFF;}
.mobileBn{display:none;}
.headerBn{width: 1200px;height: 712px;margin:0 auto;text-align: center;padding-top:115px;position: relative;}
.headerTitle{width: 822px;	height: 190px;	top: 295px;	position: absolute;	text-align: center;	margin: 0 auto;	left: 160px;}
.headerTitle img{margin-bottom: 40px;}
.htitle-m{width: 670px;	height: 86px;top: 552px;position: absolute;	text-align: center;	margin: 0 auto;	left: 220px;}
.headerG1{width: 335px;	height: 254px;top: 93px;left: -73px;position: absolute;}
.headerG2{width: 385px;	height: 216px;top: 171px;left: 912px;position: absolute;}
.headerG3{width: 140px; height: 146px;top: 161px;left: 496px;position: absolute;}

.buycar{width: 80%; margin:1% 0 2% 1%; text-align: center;}

.buy2{max-width: 50px;margin:1% 0 0 1% ;vertical-align:bottom;}
.flr{float: right;}
.fll{float: left;}
.red{font-size: 1.5em;color:#eb2727;font-weight: 600;}
.blue{font-size: 1.1em;color:#3399cc;font-weight: 600;}
.em{font-style:  italic;}

.cont1{width:100%;	margin:0 auto;background-color: #fff;background-image: url("../images/bg-p1.png");background-position: center bottom;background-repeat: no-repeat;	/*background-attachment: fixed;background-size: cover;*/}
.cont1:after{content: '';display: block;clear: both;}
.box1{width:1000px;margin:0 auto;padding: 20px 0 50px;text-align: left;}
.box1:after{content: '';display: block;clear: both;}/*偽元素,不用設高度,自動撐高*/
.box1 h2{text-align: center;margin: 3% auto;}
.box1 p{}
.auauthor{max-width: 400px;float: right;}
.auauthorM{display: none;}

.cont2{width:100%;	margin:0 auto;background-color: #ffe70b;background-image: url("../images/bg-p2.png");background-position: center bottom;background-repeat: no-repeat;/*	background-attachment: fixed;	background-size: cover;*/	}
.cont2:after{content: '';display: block;clear: both;}
.box2{width:1000px;margin:0 auto; padding: 20px 0 0;}
.box2:after{content: '';display: block;clear: both;}
.box2 h2{text-align: center;margin: 3% auto;}
.p2-book1{max-width: 400px;}
.Bookintro{width: 410px;height: auto;margin: 1%;text-align: center;}
.Bookintro img{padding-bottom: 2%;}
.BookintroTXT{width: 550px;height: auto;padding-top: 20px; margin: 1%;text-align: left;}

.picBg{width: 960px; margin: 0 auto;text-align: center;}
.picBg img{max-height: 200px;height: auto;margin: 2% 2% 10%; border: 3px solid #000;float: left;}

.cont3{width:100%;	margin:0 auto; background-color: #fff;background-image: url(../images/bg-p3.png);background-position: center bottom;background-repeat: no-repeat;}
.cont3:after{content: '';display: block;clear: both;}
.box3{width:1000px;margin:0 auto;padding: 10px 0 120px;}
.box3:after{content: '';display: block;clear: both;}
.box3 h2{text-align: center;margin: 3% auto;}
.box3 h3{text-align: center;margin: 1% auto;font-size: 1.5em;font-weight: 600;}
.box3 h6{text-align: center;margin: 1% auto 3%;font-size: 0.8em;}
.box3 p{}
.box3 p img{max-width: 400px;float: right;}

.cont4{width:100%;	margin:0 auto; background-color: #029dd5;background-image: url(../images/bg-p4.png);background-position: center bottom;background-repeat: no-repeat;}
.cont4:after{content: '';display: block;clear: both;}
.box4{width:1000px;margin: 0 auto;padding: 40px 0 150px;}
.box4:after{content: '';display: block;clear: both;}
.box4 h2{font-size: 1.2em;font-weight: 600;text-align: center;padding-bottom: 3%;}
.box4 h3{margin: 1% auto;font-size: 1.5em;line-height: 1.5em; font-weight: 600;}
.TXTcont{width: 76%;float: right;}
.TXTcont img{max-width: 400px;float: right;}

.cont5{width:100%;	margin:0 auto; background-color: #fff;background-image: url("../images/bg-p5.png");background-position: center bottom;background-repeat: no-repeat;}
.cont5:after{content: '';display: block;clear: both;}
.box5{width:1000px;margin: 0 auto;padding: 40px 0 150px;}
.box5:after{content: '';display: block;clear: both;}
.box5 h2{font-size: 1.2em;font-weight: 600;text-align: center;padding-bottom: 3%;}
.box5 h5{margin: 2% auto;font-size: 0.8em;line-height: 1em;}
.box5 h6{height: 28px; text-align: left;margin: 5% auto;font-size: 0.8em;line-height: 1.1em;letter-spacing:0px;display: flex;align-items: center;}


.box5 p a:link,a:visited,a:hover,a:active {font-weight: 600;outline: none;border:0;text-decoration: none;}
.TXTcont5{width:1000px;margin: 0 auto;padding-bottom: 6%;}
.fblogo{max-width: 25px;border: 0;float: left;padding:12px 2px 0 0;margin-left: 6px; display: flex;align-items: center;}
.fblink a:link,a:visited,a:hover,a:active{outline: none;border:0;text-decoration: none;}

.fbintro{max-width: 280px; border: 3px solid #000;border-radius:20px;margin: 5% auto;margin: 0 auto;text-align: center;}
.fbintro h5{font-size: 1.3em;font-weight: 600;line-height: 1.5em;padding:2% 0 1%;}
.fbintro span{font-size: 1.2em; font-weight: 700;}
.fbintro p{font-size: 0.85em;font-weight: 500;line-height: 1.6em;letter-spacing:1px;}
.fbcomm{max-width: 320px;padding-right: 2%;margin-bottom: 6%;}

/*slider原body語法,搬進css*/
.slider {width: 50%; margin: 100px auto; text-align: center;}
.slick-slide {margin: 0px 6px;}
.slick-slide img {width: 100%; }
.slick-prev{left: -30px;width: 30px;}
.slick-next{right: -25px;width: 30px;}
.slick-prev:before{color: black;content: url('../images/prev.svg');}
.slick-next:before {color: black;content: url('../images/next.svg');}
.slick-slide { transition: all ease-in-out .3s; opacity: .2; }
.slick-active {opacity: 1; }
.slick-current {opacity: 1;}
.fbsl{width: 100%;margin: 0 auto;text-align: center;}
/*結束*/

.cont6{width:100%;	margin:0 auto; background-color: #ffe70b;background-image: url("../images/bg-p6.png");background-position: center bottom;background-repeat: no-repeat;}
.cont6:after{content: '';display: block;clear: both;}
.box6{width:1000px;margin: 0 auto;padding: 40px 0 150px;}
.box6:after{content: '';display: block;clear: both;}
.box6 h2{font-size: 1.2em;font-weight: 700;text-align: center;padding-bottom: 3%;}
.box6 h6{margin: 1% auto;font-size: 0.8em;line-height: 1em;}

.setBookBg{width: 1000px;height: auto; background-color: #FFF;margin: 1% auto;padding: 3% 0; position: relative;text-align: center;border-radius:20px;}
.setBookBg:after{content: '';display: block;clear: both;}
.setBookintro{width: 450px;height: auto;margin: 0 auto;text-align: center;}
.setBookintro img{padding-bottom: 2%;}
.setBookintroTXT{width: 500px;height: auto;margin: 5% 2% 3% 0;text-align: left;}
.bookg{max-width: 450px;text-align: center;padding:20px 0 0 20px;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bv{width: 470px;height: 264px;margin: 2% 0 4% 2%; text-align: center;float: left;}

.tsBookBg{width: 240px;height: auto;padding-bottom: 20px; background-color: #FFFFFF;margin: 1% 5px;position: relative;text-align: center;float: left;border-radius:20px;}
.tsBookBg img{max-width: 210px;height: auto;padding: 10px;}
.tsBookBg p a:link,a:visited,a:hover,a:active{color: #333;text-decoration: none;}

.tsBookBg p{font-size: 0.9em;color:#666;font-weight: 500;}
.textline{text-decoration:line-through;}

clear{clear:both;}


#backtotop{display: none;display:scroll;position: fixed;top:60px; right: 60px; width: 40px; height: 40px; opacity: 0.8;z-index: 10; cursor: pointer; transition: all .5s;-webkit-transition: all .5s; -moz-transition: all .5s;	}
#backtotop:hover {opacity: 1;width: 50px;height: 50px;}