@charset "big5";
/* CSS Document */

ol, ul {
 list-style: none;
 margin: 0 auto;
 padding: 0;
}
.black9W {
 /*font-family: Arial, Helvetica, sans-serif;*/
 font-size: 9pt;
 color: #000;
}
.red14W {
 /*font-family: Arial, Helvetica, sans-serif;*/
 font-size: 14pt;
 font-weight: bold;
 color: #e60012;
 text-decoration: none;
}
/* =====書單列表(單格/均分/不限列寬)=====*/
.book_list {
 font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", Arial, DFKai-SB, sans-serif;
 height: auto;
	margin: 0 auto;
	padding-bottom: 20px;
 max-width: 940px;
 display: flex;
 flex-wrap: wrap;

}
.book_list_boot {
 /* [disabled]font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", Arial, DFKai-SB, sans-serif; */
}

@media (max-width: 767.98px) {
.book_list_boot > div {
 border-right: 0;
 border-bottom: 1px solid #efefef;
 padding-bottom: 2rem;
}
.one_product {
 width: 100%;
 padding-left: 15px;
 padding-right: 15px;
}
}

@media (min-width: 767.98px) {
.row {
 display: flex;
 flex-wrap: wrap;
 margin-right: 30px;
 margin-left: 30px;
}
.one_product {
 margin-top: 0px;
 padding-right: 25px;
 padding-left: 25px;
 padding-bottom: 20px;
 height: auto;
 line-height: 1.5;
 vertical-align: top;
 color: #000;
 /* [disabled]display: inline-block; */
 /*	justify-content: center;
	align-items: center;*/
 width: 25%;
}
.one_product > div {
}
.one_product div:nth-child(4)> div {
 margin-top: 0.3rem;
 color: #000000;
}
.one_product02 {
 font-size: 11pt;
 line-height: 25px;
 margin: 0 10px 0 10px;
 font-weight: bold;
}
.product img {
 float: center;/*margin-left:8px;*/
}
}
/* =====書單列表(單格/均分/不限列寬) end=====*/


/* =====書單列表=====*/
.grid01 {
 width: 100%;
 padding: 5px 5px 5px 5px;
 /*border: 1px solid #CCC;*/
 color: #CCC;
}
.grid02 {
 line-height: 1.3rem;
 font-size: 0.95rem;
 color: #545454;	/*font-family: Arial, Helvetica, sans-serif;*/
}
.grid03 {
 font-size: 1.1rem;
 margin-bottom: .5rem;
 text-decoration: underline;
 line-height: 35px;
}
.grid04 {
 line-height: 1.3rem;
 font-size: 0.9rem;
 color: #545454;	/*font-family: Arial, Helvetica, sans-serif;*/
}
.obj_link li {
 font-size: 15px;
 text-decoration: none;
}
.obj_link ul {
 text-decoration: none;
}
.obj_link li a {
 color: #0066cc;
 text-decoration: none;
 line-height: 1.5;
}
.obj_link li a:hover {
 color: #9966cc;
 text-decoration: none;
}
.obj_link li a:active {
 color: #9966cc;
 text-decoration: none;
}
.obj_link h3 {
 font-size: 15px;
 color: #027047;
 font-weight: bold;
 text-decoration: none;
}
/* =====書單列表end=====*/



/* =====書單列表(橫式)=====*/
.black13W {
 /*font-family: Arial, Helvetica, sans-serif;*/
 font-size: 13px;
 color: #000;
 font-weight: normal;
}
.grid_big {
 /*font-family: Arial, Helvetica, sans-serif;*/
 font-size: 12px;
 color: #000;
 text-align: left;
 vertical-align: top;
 padding: 0 0 20px 0;
 line-height: 20px;
}
.grid_product {
 border: 1px solid #CCC;
 color: #CCC;
 background-color: #FFF;
}
.grid_product_b {
 border: 1px solid #CCC;
 color: #CCC;
 background-color: #FFF;
 vertical-align: middle;
}
.grid_title {
 /*font-family: Arial, Helvetica, sans-serif;*/
 font-size: 16px;
 font-weight: bold;
 color: #D80065;
 padding: 0 0 10px 0;
}
.grid_name {
 /*font-family: Arial, Helvetica, sans-serif;*/
 font-size: 15px;
 font-weight: bold;
 color: #06F;
 padding: 0 0 10px 0;
}
.grid_narrative {
 padding: 0 0 15px 0;
}
.grid_price {
 text-align: left;
 vertical-align: top;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #9E9F9F;
}
.titleLink:link {
 color: #0066cc;
 text-decoration: none;
}
.titleLink:visited {
 color: #0066cc;
 text-decoration: none;
}
.titleLink:hover {
 color: #9966cc;
 text-decoration: none;
}
.titleLink:active {
 color: #9966cc;
 text-decoration: none;
}
/* =====書單列表(橫式)end=====*/
.ForAddCartAndEpic_1 {
}
.ForAddCartAndEpic_2 {
 margin-top: 5px;
}
.ForEpic, .ForEpic > div {
 display: inline-block;
}
.ForEpic > div {
}
.Epic_txt {
 font-size: 0.9rem;
}
.ForEpic img {
 vertical-align: middle;
 margin-left: 0px;
 width: auto;
}
.ForEpic a {
 align-items: center;
}
.ForAddCart {
 display: inline-block;
 margin-left: 20px;
}
.ForAddCart a {
}
.ForEpic a, .ForAddCart a {
 color: #000000;
 height: 21px;
 display: inline-flex;
 align-items: center;
}
.addcart img {
 width: auto;
}
.a3:after, .a4_new:after {
 content: '';
 display: block;
 clear: both;
}
