@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{width:100%;min-height:100%;padding-top: 50px;/*background: url(images/bg.png) no-repeat center top;*/-webkit-background-size: cover;	-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#logor{display:none;float:left;}
#logor img{width:80%;margin:3%;}
.nav{font-family:Arial, Verdana, "微軟正黑體";font-weight: 700;padding-right: 1%;}/*補充b3*/
.navbar{background-color: #d9534f;}
.navbar-default .navbar-nav>li>a{color: #fff;background-color: #d9534f;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #d9534f;}
.navbar-nav>li{background-color: #feecec;}/*指上去的底色*/
.dropdown-menu{background-color: #fff;font-size: 1em;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{width:100%;height:auto;margin:0 auto;}
.bn{display:none;}

.cont{width:100%;margin:0 auto;position:relative;padding-bottom: 5%;}
.cont:after{content: '';display: block;clear: both;}	
.box{width:90%;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 2%;}
.box h3{font-size: 1.3em;font-weight: 600;line-height: 1.8em; text-align: center;padding: 0 10%;}

.tsBookBg{width: 96%;height:auto;padding: 10px; background-color: #fff;margin: 2%;position: relative;text-align: center;float: left;border: solid #b9b9b9 1px;font-size: 1.1em;line-height: 1.6em;}
.tsBookBg img{width: 94%;height: auto;padding: 3% 1%;}
.red{color:#ff3333;font-weight: 600;line-height: 3em;}
.textline{text-decoration:line-through;}
.gobt{margin: 0 auto;text-align: center;margin-top: 3%;}
.gobttxt{padding: 2% 6%;letter-spacing:2px;}
.navtxt{display:block;font-size: 1.5em;font-weight: 600;padding: 2% 4%;margin: 0 auto;text-align: center;color: #fff;}
.navtxt a{color: #fff;}
.navtxt a:visited{color: #fff;}
.navtxt a::hover{color: #fff;}
.navbar-toggle{float: left;margin-left: 2%;font-size: 1.5em;}

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.5em;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: 10px;
   right: 0;
   width: 100px;
   height: 129px;
   opacity: 0.7;
   z-index: 10;
   cursor: pointer;
   transition: all .5s
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
	}
#backtotop:hover {
opacity: 1;
width: 100px;
height: 129px;
}
#backtotop img{width:60px;height:auto;}