@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{color: #FFFFFF;}*/
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;
}
#wrapper{background-image:url(../images/headerBG.png);background-position:center top;background-repeat:no-repeat;width:100%;}
#TOP-MENU{display:none;	}
#TOP-MENU{display:none;	}
#TOP-MENU #BTN{}
#NAV{width:100%;height:60px;margin:0 auto;	background-color:#06507f;	font-size:1em;	line-height: 1em;	font-weight:bold;	z-index: 9999;	position:fixed;
	top: 0;}

#NAV ul{width:100%;	height:60px;margin: 0 10% 0 20%;text-align: center;}

#NAV li{width: 10%;	float:left;}

#NAV li a{display:block;	padding-right:10px;	line-height:60px;text-align:center;	text-decoration:none;	color:#cccccc;}

#NAV li a:hover{color:#fff;}
.NAV-LOGO{display:block;float:left;	width:80px;	height:60px;line-height:60px;top:16px;left:10px;text-align:center; }

#logor{	float:left;	line-height:60px;}
#logor img{	width:90%;margin:3%;}

.logor{float:left;	line-height:60px;}
.logor img{	width:60%;}
.buypng img{display:none;}
.navcolor{font-weight: 700;}

.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: 70%; margin:1% 0 2% 1%; text-align: center;}
.buycar img{max-width: 150px;}
.buy2{max-width: 50px;margin:1% 0 0 1% }
.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 100px;}
.box2:after{content: '';display: block;clear: both;}
.box2 h2{text-align: center;margin: 3% auto;}

.Bookintro{width: 310px;height: auto;padding-bottom: 20px; margin: 1%;text-align: center;}
.Bookintro img{padding-bottom: 2%;}
.BookintroTXT{width: 650px;height: auto;padding-bottom: 20px; margin: 1%;text-align: 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: 40px 0 150px;}
.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: 7%;}
.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.9em;line-height: 1.3em;letter-spacing:0px;display: flex;align-items: center;}
.box5ba{margin: 5% auto;position: relative;display: block;}
.box5ba img{width: 1000px;height: 300px;border: 3px solid #000;}
.box5baM{margin: 5% auto;position: relative;display: none;}
.box5baM img{width: 1000px;height: 300px;border: 3px solid #000;display: block;}
.box5babut1{width: 120px;height: 40px;border-radius:6px;background-color: #d61624;padding: 4px;font-size: 1.3em;color: #fff; font-weight: 500;letter-spacing:1px;text-align: center;position: absolute;right:145px;	bottom: 20px;}
.box5babut2{width: 120px;height: 40px;border-radius:6px;background-color: #d61624;padding: 4px;font-size: 1.3em;color: #fff; font-weight: 500;letter-spacing:1px;text-align: center;position: absolute;right:15px;	bottom: 20px;}


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

.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;padding-bottom: 20px; margin: 13% 2% 4.8% 0;text-align: left;}
.bookg{max-width: 460px;text-align: center;}

.picBg{width: 960px; margin: 1% auto;text-align: center;}
.picBg img{max-height: 200px;height: auto;margin: 2%; border: 3px solid #000;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 0 0 0;}
.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;}

/*** footer ***/
.bottom a:link{font-size:13px;font-weight:bold;color:#FFF;text-decoration:none}
.bottom a:hover{font-size:13px;font-weight:bold;color:#FFF;background-color:#666666;text-decoration:underline}
.bottom a:visited{font-size:13px;font-weight:bold;color:#FFF;background-color:#666666;text-decoration:none}
.footer01{font-size:13px;font-weight:bold;color:#bd4d03;background-color:#fff;text-align:center;padding:20px 0 10px 0}
.footer02{font-size:13px;text-align:center;color:#000;line-height:24px;background-color:#fff}
.footer02 a:link{font-size:13px;text-align:center;color:#000;text-decoration:none}
.footer02 a:hover{font-size:13px;text-align:center;color:#000;text-decoration:underline}
.footer02 a:visited{font-size:13px;text-align:center;color:#000;text-decoration:none}
.bottom1{font-size:13px;font-weight:bold;color:#FFF;background-color:#3e3d43;height:35px;padding:20px 0 10px 0;text-align:center;margin: 0 auto;}
.footer011{font-size:13px;font-weight:bold;color:#fff;background-color:#3e3d43;text-align:center;padding:20px 0 10px 0}
.footer011 img{margin: 0 30px;}
.footer021{font-size:13px;text-align:center;color:#aaaaaa;line-height:24px;background-color:#222127;}

#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;}