@import url("reset.css");

*{
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
a{color: #FFFFFF;}
html{ 
	font-family:Arial, Verdana, "微軟正黑體";
	-webkit-text-size-adjust:none;
}

body{
  	font-family: ‘Noto Sans TC’, Arial, Verdana, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.5em;
	letter-spacing:0px;
	background-image:url(../images/bodyBG.png);
	background-repeat:repeat;
	background-color:#fff;
	background-position:center top;		
	}
#wrap{width:100%;min-height:100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-color:#9cc9fd;overflow:hidden;	}


.cart_icon{font-size: 1.5em;padding-right: 5%;color: #FFFFFF;}
.mobileBn{width: 100%;height: auto;text-align: center;padding-top: 0;}
.headerBn{display:none;}
.headerTitle{display:none;}
.headerG1{display:none;}
.headerG2{display:none;}


.cont{width:100%;	margin:0 auto;position:relative;/*疊BN*/	}
.cont:after{content: '';display: block;clear: both;}

.box0{width:100%; margin:0 auto;}
.box0:after{content: '';display: block;clear: both;}	/*偽元素,不用設高度,自動撐高*/
.boxgift h2{width:100%;text-align: center;font-size:1.2em;line-height:1.5em;font-weight:500;}
.boxgift h2 img{width:99%;text-align: center;}

.boxgift{width:100%; margin:0 auto;position: relative;text-align: center;}
.boxgift:after{content: '';display: block;clear: both;}
.p1-bear{z-index: 99;width: 100%;display: none;}
.p1-bearm{z-index: 99;display: block;padding-top: 2%;}
.p1-bearm img{max-width: 100%;}
.title1{float: none;position: static;width: 90%;height: auto; margin: 0 auto;z-index: 99;}

.intro{width: 100%;height: auto;margin:0 auto;padding-top: 3%;}
.intro p{width: 100%;height: auto;margin:0 auto;padding: 2%;}
.intro_b{width: 100%;height: auto;margin:0 auto;padding-top: 3%;}
.intro_b p{width: 100%;height: auto;margin:0 auto;padding: 2%;}
.intro_s{width: 100%;height: auto;margin:0 auto;padding-top: 3%;text-align: center;}
.intro_s img{margin:0 auto;}
.flr{float: none;}
.fll{float: none;}
.intro h5{padding-bottom:2%;}
.intro h5 img{max-width: 50%;padding-left:2%;}
.intro_b img{padding-left:2%;}
.intro_b h5 img{max-width: 66%;padding-left:2%;}
.intro_orangutan{display: none;width: 188px;height: 220px;position: absolute;right: 250px; top: 508px;}

.cont1{width:100%;	margin:0 auto;background-color: #fee101;/*	background-attachment: fixed;	background-size: cover;*/	}
.cont1:after{content: '';display: block;clear: both;}
.box1{width:90%;margin:0 auto;padding: 20px 0;text-align: center;}
.box1:after{content: '';display: block;clear: both;}
.box1 h2{width:100%;text-align: center;font-size:1em;line-height:1.4em;font-weight:500;padding: 4% 0;}
.box1 h2 img{width:99%;text-align: center;}

.Bookintro{width: 100%;height: auto;padding:2%; margin: 1%;text-align: center;float: none;font-size:1.3em;line-height:1.5em;font-weight:500;border-radius:10px;border: 4px dotted #fff;}
.Bookintro img{padding-bottom: 2%;}

.red{font-size: 1.5em;color:#ff0033;font-weight: 600;}


.cont2{width:100%;	margin:0 auto; background-color: #92e3ff;/*	background-attachment: fixed;	background-size: cover;*/	}
.cont2:after{content: '';display: block;clear: both;}
.box2{width:100%;margin:0 auto; padding: 20px 0;text-align: center;background-image: url(../images/bg-box2m.png);background-position: center bottom -25%;background-repeat: no-repeat;}
.box2:after{content: '';display: block;clear: both;}
.box2 h2{text-align: center;padding-bottom: 3%;}
.box2 h2 img{width:99%;text-align: center;}
.fbintro_b{width: 100%;height: auto;padding: 4%; margin:0 auto;text-align: left;}
.fbintro_b h5{font-size: 1.3em;font-weight: 600;line-height: 1.5em;padding:2% 0 1%;}
.fbintro_b span{font-size: 1.2em; line-height: 1.4em;font-weight: 700;}
.fbintro_b p{font-size: 0.9em;font-weight: 500;line-height: 1.5em;letter-spacing:1px;}
.fbintro_b img{padding-bottom: 1%;}
.high{font-size: 1.1em; font-weight: 700;background-color: #ffe100;padding: 3px;line-height: 1.8em;}
.fbintro_s{width: 100%;height: auto;text-align: center;}
.icook{float: right;display: none;}
.icookm{display: block;text-align:center;}
.fbintro_b p a:link,a:hover,a:active,a:visited{color: #666;text-decoration: none;}

.cont3{width:100%;	margin:0 auto; background-color: #9cc9fd;}
.cont3:after{content: '';display: block;clear: both;}
.box3{width:100%;margin:0 auto;padding: 20px 0;}
.box3:after{content: '';display: block;clear: both;}
.box3 h2{text-align: center;padding-bottom: 3%;}
.box3 h2 img{width:99%;text-align: center;}
.tsNewBG{width: 90%;height: auto;border-radius:10px;float: none;margin:0 auto;margin-bottom: 4%; padding: 6%;border-radius:10px;background-color: #fff; border: 4px dotted #fff;}
.tsNewBG h2{font-size:1.4em;font-weight: 600;line-height: 1.4em; color: #3bb9ef;text-align: left;padding-bottom: 3%; letter-spacing:0px;}
.tsNewBG h3{font-size:1em;line-height: 1.5em; color: #fb65a2; margin: 4% 0;padding-bottom: 4%; border-bottom: 6px #3bb9ef dotted;}
.tsNewBG h5{font-size:0.9em;line-height: 1.5em;color: #000;text-align: right;margin: 1% 0;}
.tsNewBG p{font-size: 1em;line-height: 1.6em;font-weight: 500;}
.tsNewBG h6{font-size:1em;line-height: 1.3em;font-weight: 600;text-align: right;color: #3bb9ef;}
.tsNewBG h6 a:link,a:hover,a:active,a:visited{color: #3bb9ef;text-decoration: none;}

.cont4{width:100%;	margin:0 auto; background-color: #9cc9fd;}
.cont4:after{content: '';display: block;clear: both;}
.box4{width:100%;margin:0 auto;padding: 20px 0; text-align: center;}
.box4:after{content: '';display: block;clear: both;}
.box4 h2{font-size: 1.2em;font-weight: 600;text-align: center;}
.box4 h2 img{width:99%;text-align: center;}
.tsBookBg{width: 46%;height: auto;padding-bottom: 10px; background-color: #FFFFFF;margin: 2%;position: relative;text-align: center;float: left;border-radius:10px;}
.tsBookBg img{max-width:100%;height: auto;padding: 10px 0 0 0;}
.tsBookBg p a:link,a:visited,a:hover,a:active{color: #333;text-decoration: none;}
.buycar img{max-width: 120px;height: auto;padding: 1%;}
.red{font-size: 1.2em;color:#ff0033;font-weight: 600;}
.tsBookBg p{font-size: 0.9em;color:#666;font-weight: 500;}
.textline{text-decoration:line-through;}


.bgl{background-image: url(../images/mvBG.png);background-position: center top;background-repeat: repeat-x;background-color: #FFFFFF;}
.bgr{background-image: url(../images/mvBG.png);background-position: center top;background-repeat: repeat-x;background-color: #FFFFFF;}
.bgn{background-image: url(../images/mvBG.png);background-position: center top;background-repeat: repeat-x;background-color: #FFFFFF;}



/*** 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:scroll;
	position: fixed;
	
   bottom: 4px;
   right: 0px;
  
   opacity: 0.8;
   z-index: 10;
   cursor: pointer;
   transition: all .5s
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
	}
#backtotop:hover {
opacity: 1;
}