*{font-family: 'Noto Sans TC', Microsoft Jhenghei, '微軟正黑體', Arial;}
	body{background:#f0f0f0; overflow-x:hidden;}
	
	._wrap{max-width:1280px; margin:auto; background:#fff;}
	
	header{background-color:#e3e3e3; position:relative; border-bottom:#f49c00 10px solid; background-image:url("../img/header_bg.png"); background-repeat:no-repeat; background-position:right bottom; background-size:auto; padding-bottom:80px;}
	
	._logo{width:150px; max-width:250px; margin-bottom:10px;}
	._search{text-align:right; background:#fff; border:#a8a8a8 1px solid; border-radius:8px; padding:5px; height:40px;}
	._search input{border:none; padding:2px 10px; width:100%;}
	._search input::placeholder{color:#a8a8a8;}
	._search button{background:#fff; border:none; border-left:#a8a8a8 2px solid; color:#a8a8a8; padding-left:10px; position:absolute; right:10px;}
	._search button:hover{color:#000;}
	
	.navbar, ._cart{position:absolute;}
	.navbar{left:0; right:0; z-index:999; margin-top:30px;}
	.navbar::after{content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:#e3e3e3; z-index:-1; opacity:.8;}
	.navbar a{color:#000; padding:5px; margin:1px;}
	.navbar a:hover{color:#f49c00; border:#f49c00 1px solid; margin:0;}
	.navbar a i{font-size:1.2em;}
	.navbar button{font-size:1.6em; padding:3px 0 0 0; border:#999 1px solid; height:35px;}
	.navbar-nav{display:flex; float:left;}
	.navbar-nav li{display:inline-block; float:left;}
	
	.navbar a._cart{right:5px; top:8px; padding:5px 25px; background:#f49c00; color:#fff; text-decoration:none;}
	.navbar a._cart:hover{background:#000; color:#f49c00;}
	
.navbar a._cart span{background-color:#f00; border:#fff 2px solid; display:block; position:absolute; width:30px; height:30px; left:-15px; top:-15px; text-align:center; border-radius:50%; box-shadow:#333 2px 2px 6px;}

	._banner i{font-size:3em;}
	._banner div>a{width:10vw;}
	._banner div>a:hover{background:#f49c00;}
	
	/*._content>div>div:nth-child(even)>div{margin-left:0;}
	._content>div>div:nth-child(odd)>div{margin-right:0;}*/
	div.card-deck{padding:0 5px 20px 5px;}
	div.card{background:#f0f0f0; padding:20px; margin:10px 0 15px 0; border-radius:10px; border:none;}
	div.card a{color:#000; text-decoration:none;}
	div.card a:hover h4{color:#f49c00;}
	div.card a:hover p{color:#000;}
	div.card a:hover img{opacity:.8;}
	div.card h4{font-size:28px;}
	div.card p{font-size:14px; color:#666;}
	._book{}

._buy{margin:auto; margin-top:30px; text-align:right; width:100%;}
._buy a{margin:5px;}
._PutInCart{background:#f49c00; border:#000 1px solid; padding:5px 20px; border-radius:30px; color:#000; text-decoration:none; display:inline-block;}
._PutInCart:hover{background:#333; border:#333 1px solid; color:#f49c00; bottom:22px; right:22px; box-shadow:#000 2px 2px 2px; text-decoration:none;}
._eBook{background:#ffffe8; border:#000 1px solid; padding:5px 20px; border-radius:30px; color:#000; text-decoration:none; display:inline-block;}
._eBook:hover{background:#333; border:#333 1px solid; color:#ffffe8; bottom:22px; right:22px; box-shadow:#000 2px 2px 2px; text-decoration:none;}
a._Out{background:#f49c00; border:#000 1px solid; padding:5px 20px; border-radius:30px; color:#a8a8a8; text-decoration:none; display:inline-block; cursor:not-allowed;}
a._CartAdded{background:#958952; border:#666 1px solid; padding:5px 20px; border-radius:30px; text-decoration:none; display:inline-block; color:aliceblue; color:#fff;}


._Book_detail{position:relative; background:#f8f8f8; border-radius:20px; padding:30px;}
	
	footer ._DT_logo{width:160px; margin:10px 0 10px 50px;}
	footer>div{background:#e3e3e3; border-top:#f49c00 5px solid; padding:20px;}
	footer>div div{padding:0;}
	._footer_menu a{display:block; color:#000; font-size:16px; padding:10px 0 5px 10px;}
	._footer_contact{padding:15px 0 0 15px;}
	._footer_contact p{color:#666; line-height:1em; padding:0 10px;}
	._footer_contact p a{color:#f49c00;}
	/*._footer_share{display:inline-grid;}*/
	._footer_share a{display:block; color:#000; background:#b2b2b2; height:60px; padding:15px 20px; font-size:18px; border-radius:30px; position:relative; margin:5px 0 20px; text-decoration:none;}
	._footer_share a i{position:absolute; top:5px; right:5px; background:#fff; color:#b2b2b2; font-size:1.7em; padding:10px; border-radius:30px;}
	._footer_share a:hover{display:block; color:#000; background:#b2b2b2; padding:15px 20px; font-size:18px; border-radius:30px; position:relative;}
	._footer_line{text-align:center;}
a._Tech_FB:hover{background:#f49c00; color:#fff;}
a._Tech_FB:hover i{color:#f49c00;}
a._SmartA_FB:hover{background:#0075cc; color:#fff;}
a._SmartA_FB:hover i{color:#0075cc;}
a._SmartH_FB:hover{background:#ef9977; color:#fff;}
a._SmartH_FB:hover i{color:#ef9977;}


._Price{margin-top:30px;}
._Price span{padding:5px 10px;}
._Price span._P1{color:#666; position:relative;}
._Price span._P1::after{content:''; position:absolute; top:45%; left:0; right:0; bottom:45%; z-index:0; opacity:.4; background:#999; transform:rotate(5deg);}
._Price span._P2{position:relative; z-index:0;}
/*._Price span._P2::before{content:''; background:#fff; top:0; right:0; bottom:0; left:0; position:absolute; z-index:-1;}*/

#BookTab li a{color:#999;}
#BookTab li a.active{color:#000; font-weight:bolder; background:#f49c00; position:relative;}
#BookTab li a.active::after{content:''; margin:auto; bottom:-10px; left:calc(50% - 10px); display:block; position:absolute; width:0; height:0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f49c00;}
#BookTabContent{padding:30px; border-top:#e3e3e3 1px solid; margin-top:10px; display:block;background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 70%, rgba(240,240,240,1) 100%);}
#BookTabContent ul{list-style:none;}
#BookTabContent ul p{margin:0;}
#BookTabContent dl dt{font-size:1.2em;}
#BookTabContent dl dd{color:#666; margin-bottom:20px;}
/*#BookTabContent dl dd::before{content:'“';}
#BookTabContent dl dd::after{content:'”';}*/

._share, ._share ._FB, ._share ._line{position:absolute;}
._share{right:50px; top:0;}
@media only screen and (max-device-width:640px){._share,._share ._FB,._share ._line{display:none;}}
/*@media only screen and (max-device-width:640px){._share{right:15px; top:-80px;}}*/
._share ._FB{border:#666 solid 1px; width:80px; height:30px; text-align:center; background:#1878f3;}
._share ._line{border:#666 solid 1px; width:80px; height:30px; padding-top:5px; text-align:center; top:40px; background:#00b901;}