@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.6em;
	letter-spacing:1px;
			
	}
#wrap{background-image:url(headerBG.png);background-position:center top;background-repeat:no-repeat;width:100%;background-color:#fff;overflow:hidden;}

.logo_shangyi{width:7.5%;position:absolute;z-index:2;left:-15%;top:2%}
.logo_shangyi img{max-width:100% !important;margin:0 auto;vertical-align:middle;}
.cart_icon{font-size: 1.5em;padding-right: 5%;color: #FFFFFF;}
.mobileBn{display:none;}
.headerBn{width: 1200px;height: 655px;margin:0 auto;text-align: center;padding-top:115px;position: relative;}
.headerTitle{width: 713px;height: 439px; top:70px; position: absolute;text-align: center;margin: 0 auto;}
.headerTitle img{margin-bottom: 40px;}
.headerG3{width: 140px;height: 146px; top: 161px; left: 496px; position: absolute;}
.headerG1{ width: 335px; height: 254px;top: 15px; left: -162px; position: absolute;}
.headerG2{ width: 385px;  height: 216px;   top: 342px;  left: 887px;  position: absolute;}

.cont{width:100%;	margin:0 auto;position:relative;background-image: url("../images/bg-p1.png");background-position: center bottom;background-repeat: no-repeat;background-color: #fff;/*疊BN*/}
.cont:after{content: '';display: block;clear: both;}
.box0{width:1060px; margin:30px auto 250px;}
.box0:after{content: '';display: block;clear: both;}	/*偽元素,不用設高度,自動撐高*/

.boxgift{width:1200px; height: auto; margin:0 auto;text-align: center;position: relative;}
.boxgift:after{content: '';display: block;clear: both;}
.p1-bear{z-index: 99;display: block;}
.p1-bearm{z-index: 99;display: none;}
.title1{position: absolute;top: 280px; z-index: 99; left: 244px;}

.intro{width: 500px;height: 300px;margin:0 10px;padding-top: 4%;}
.intro_b{width: 700px;height: 300px;margin:0 10px;padding-top: 4%;}
.intro_s{width: 300px;height: 300px;margin:0 10px;padding-top: 4%;}
.flr{float: right;}
.fll{float: left;}
.intro h5{padding-bottom:2%;}
.intro h5 img{max-width: 50%;padding:0 0 2% 1%;}
.intro_b img{padding-left:2%;}
.intro_b h5 img{max-width: 50%;padding:0 0 2% 1%;}
.intro_orangutan{
    width: 188px;
    height: 220px;
    position: absolute;
    right: -91px;
    top: 571px;
}

.cont1{width:100%;	margin:0 auto;background-color: #fee101;background-image: url("../images/bg-p2.png");background-position: center bottom;background-repeat: no-repeat;/*	background-attachment: fixed;	background-size: cover;*/	}
.cont1:after{content: '';display: block;clear: both;}
.box1{width:1100px;margin:0 auto;padding: 60px 0;text-align: center;}
.box1:after{content: '';display: block;clear: both;}
.box1 h2{text-align: center;font-size:1em;line-height:1.6em;font-weight:500;}

.Bookintro{width: 330px;height: auto;padding-bottom: 20px; margin: 1%;text-align: center;float: left;}
.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-image: url("../images/bg-p3.png");background-position: center bottom;background-repeat: no-repeat;/*	background-attachment: fixed;	background-size: cover;*/	}
.cont2:after{content: '';display: block;clear: both;}
.box2{width:1100px;margin:0 auto; padding: 60px 0 150px;background-image: url(../images/bg-box2.png);background-position: center bottom 20%;background-repeat: no-repeat;}
.box2:after{content: '';display: block;clear: both;}
.box2 h2{text-align: center;padding-bottom: 6%;}
.fbintro_b{width: 750px;height: 100%;margin-right:70px;}
.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; font-weight: 700;}
.fbintro_b p{font-size: 0.85em;font-weight: 500;line-height: 1.6em;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: 264px;height: 300px;}
.icook{float: right;}
.icookm{display: none;}
.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;background-image: url(../images/bg-p4.png);background-position: left 5% top 10%;background-repeat: no-repeat;}
.cont3:after{content: '';display: block;clear: both;}
.box3{width:1100px;margin:0 auto;padding: 40px 0;}
.box3:after{content: '';display: block;clear: both;}
.box3 h2{text-align: center;padding-bottom: 3%;}
.tsNewBG{width: 548px;height: 476px;background-image:url(../images/p4-txtbg.png);background-position: top center;background-size: cover;float: left;margin:0 auto;padding: 4%;}
.tsNewBG h2{font-weight: 600;line-height: 1.2em; color: #3bb9ef;text-align: left;padding-bottom: 3%; letter-spacing:2px;}
.tsNewBG h3{font-size:0.9em;line-height: 1.3em; color: #fb65a2; margin: 4% 0;padding-bottom: 4%; border-bottom: 6px #3bb9ef dotted;}
.tsNewBG h5{font-size:0.7em;color: #000;text-align: right;margin: 1% 0;}
.tsNewBG p{font-size: 0.9em;line-height: 1.6em;font-weight: 500;}
.tsNewBG h6{font-size:0.9em;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:1100px;margin:0 auto;padding: 60px 0; font-size:1em;line-height:1.6em;	font-weight:bold;text-align: center;}
.box4:after{content: '';display: block;clear: both;}
.box4 h2{font-size: 1.2em;font-weight: 600;text-align: center;padding-bottom: 3%;}
.tsBookBg{width: 250px;height: auto;padding-bottom: 20px; background-color: #FFFFFF;margin: 1%;position: relative;text-align: center;float: left;border-radius:20px;}
.tsBookBg img{max-width: 220px;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.3em;color:#ff0033;font-weight: 600;}
.tsBookBg p{font-size: 1em;color:#666;font-weight: 500;}
.textline{text-decoration:line-through;}

clear{clear:both;}



.bgl{background-image: url(../images/mvBG.png),url(../images/tsbookBG3.png);background-position: center top,left bottom;background-repeat: repeat-x,no-repeat;background-color: #FFFFFF;}
.bgr{background-image: url(../images/mvBG.png),url(../images/tsbookBG5.png);background-position: center top,right bottom;background-repeat: repeat-x,no-repeat;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: 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;
}