@import url("reset.css");

*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}

html{ font-family:Arial, Verdana, "微軟正黑體";-webkit-text-size-adjust:none;}

body{background-color:#e1f4a1;}
#wrapper{background-image:url(images/Bodybg.png);background-position:center 50px;background-repeat:no-repeat;padding-top: 60px;width:100%;height:auto;}

#logor{float:left;line-height:60px;}
#logor img{	width:90%;margin:3%;padding-top:14px;}
.nav{font-family:Arial, Verdana, "微軟正黑體";font-weight: 700;padding-right: 1%;}/*補充b3*/
.navbar{background-color: #d9534f;}
.navbar-default .navbar-nav>li>a{color: #fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #fff;}
.dropdown-menu{background-color: #fff;font-size: 0.9em;font-weight: 600;}
.cart_icon{font-size: 1.5em;padding-right: 5%;color: #FFFFFF;}
.cart_icon_red{font-size: 1.5em;padding-right: 3%;color: #ff3333;}

.Mbn{display:none;}
.bn{width: 1027px;height: 445px;margin:0 auto;position:relative;padding-top: 20px;}
.cont{width:100%;margin:0 auto;position:relative;padding-bottom: 5%;}
.cont:after{content: '';display: block;clear: both;}	
.box{width:1100px;margin:0 auto;border: solid 2px #f3f3f3;background-color: #FFF;box-shadow:2px 2px 4px 2px rgba(2%,2%,25%,0.3);padding:2% 2.5% 3% 2.5%;}
.box:after{content: '';display: block;clear: both;}	/*偽元素*/
.box h5 img{padding-left: 20px;width: 250px;height: auto;}
.box h5{font-size: 1.2em;font-weight: 600;line-height: 1.5em; text-align: left;padding: 0 10px;}
.box h3{font-size: 1.3em;font-weight: 600;line-height: 1.8em; text-align: center;padding: 0 10%;}

.tsBookBg{width: 230px;height: auto;padding: 10px; background-color: #fff;margin: 1%;position: relative;text-align: center;float: left;border: solid #b9b9b9 1px;font-size: 1.1em;line-height: 1.3em;}
.tsBookBg img{width: 190px;height: auto;padding: 10px;}
.red{color:#ff3333;font-weight: 600;line-height: 2em;}
.textline{text-decoration:line-through;}
.gobt{margin: 0 auto;text-align: center;margin-top: 1%;}
.gobttxt{padding: 2% 6%;letter-spacing:2px;font-size: 1.5em;}
.navtxt{display: none;}

clear{clear:both;}
footer{clear:both;width: 100%;overflow:hidden;background-color: #efefef;padding-bottom:20px;}
footer h5{padding-top:10px;font-size: 1.1em;color: #333;text-align: center;line-height: 1.6em;width: 100%;}
footer h5 a:link{color: #333;text-decoration:none;}
footer h5 a:visited{color: #333;text-decoration:none;}
footer h5 a::hover{color: #333;text-decoration:none;}
footer h5 img{padding-top:10px;}

#backtotop{
	display:scroll;position:fixed;
	position: fixed;
   bottom:-40px;
   right: 0px;
   width: 150px;
   height: 150px;
   opacity: 0.7;
   z-index: 10;
   cursor: pointer;
   transition: all .5s
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
	}
#backtotop:hover {opacity: 1;width: 150px;height: 150px;}
#backtotop img{width:70px;height:auto;}