body,html {width:100%;overflow-x: hidden;}
ul,li { text-decoration: none;list-style: none; }
a:hover { text-decoration: none; }

/*body{ background: #fcf5e5;}*/
body{background: url(../images/bg.jpg) repeat fixed;}

.buyit{display: block;}
.buyitmobile{display: none;}


.inlineBlockSpacing {
     letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
    
}

div.mobileTopRight{display: none;opacity: 0;position: fixed;bottom: -100px;right:-100px;}

.boxBase{max-width: 1200px;width: 80%;margin: 0 auto;padding: 20px 0 ;}
h1 { background:#c71429; font: bold 30px/1.8 "微軟正黑體";text-align: center;color: #FFF;letter-spacing: 6px;text-shadow: 1px 1px 1px #e97683;}
h2{color:#c71429;font: bold 26px/1.8 "微軟正黑體";text-align: center;}
.intro{margin: 10px auto;width: 90%;}
.text{font: bold 20px/1.8 "微軟正黑體";}
.text b {background: #fff989;border:2px solid #c71429;font: bold 20px/1.8 "微軟正黑體";padding: 3px;margin: 0 5px 0 0px;}
.buy{margin: 0 auto;text-align: center;}
.btn{width:47%;display: inline-block;margin: 0 10px;font: bold 32px/1.4 "微軟正黑體";color:#FFF;padding: 15px 0;letter-spacing: 3px;cursor: pointer;}
.btn p{font: bold 20px/1.4 "微軟正黑體";}
.btn1{background: #60b2be;box-shadow:  5px 5px 0px #2a7a83;text-shadow: 2px 2px 0px #2a7a83;}
.btn2{background: #de6366;box-shadow:  5px 5px 0px #ad444b;text-shadow: 2px 2px 0px #ad444b;}


.list{margin: 10px auto;width: 100%;text-align: center;position: relative;}
.aaa{background: rgba(0,0,0,0.8);width: 100%;height: 100%;position: absolute;padding:10% 5%;font:bold 30px/1.6 "微軟正黑體";color:#ffe826;}
.aaa b{border: 1px solid #FFF;color:#FFF;padding: 3px 5px;font:bold 36px/1.6 "微軟正黑體";}
.aaa a {color:#ee1414;}




.table{display: inline-block;font: 14px/1 "微軟正黑體";margin: 10px 5px;z-index: 5;}
.table table{color:#000;border:1px solid #656565;text-align: center; background: #FFF;}
.table table th {padding: 5px 10px; background: #656565;color:#FFF;border:1px solid #000;}

.table table tr,.table table td {border:1px solid #656565;}
.table table td {padding: 5px 10px;}
.table table td.listTitle a,.table table td.listTitle a:visited{color:#0c45ac;word-break: break-all;}
.table table td.itemBuy a,.table table td.itemBuy a:visited{color:#d80808;font:bold 14px/1 "微軟正黑體";}


.table table td:nth-of-type(1){width:150px;}
.table table td:nth-of-type(2){width:85px;}

.table table th.date{font: bold 20px/1 "微軟正黑體";background: #ffdd67;color:#000;}
.table table td.soldOut {background: #000;color:#FFF;}
.table table td.soldOut a{color:#FFF;}


.tableDate{background: #ffdd67;color:#c71429;font: bold 20px/1.6 "微軟正黑體";border-radius:0px;}




.list p{background:#de6366; font: 14px/1.4 "微軟正黑體";color:#FFF;}

.QAbtn{background: #6c9bd3;box-shadow:  5px 5px 0px #3f6191;text-shadow: 2px 2px 0px #3f6191;width: 97%;font: bold 32px/1.4 "微軟正黑體";color:#FFF;padding: 7px 0;letter-spacing: 3px;text-align: center;margin: 20px auto 20px auto;cursor: pointer;}

.buyit{display:none;position: fixed;bottom: 10%;left: 5%;cursor: pointer;-webkit-animation: up 1.8s  infinite alternate; animation: up 1.8s  infinite alternate;z-index: 499;}
.buyit img{width:190px;}
.pdf{margin: 10px auto;}

.group-type-ph{display: none;}

.itemBuy a {display: none;}




@keyframes up{

  0% {transform:  translate(0px,0px);}
  50% {transform:  translate(0px,10px);}
  100% {transform:  translate(0px,0px);}
}

@-moz-keyframes up{
  0% {-moz-transform:  translate(0px,0px);}
  50% {-moz-transform:  translate(0px,10px);}
  100% {-moz-transform:  translate(0px,0px);}
}

@-webkit-keyframes up {
  0% {-webkit-transform:  translate(0px,0px);}
  50% {-webkit-transform:  translate(0px,10px);}
  100% {-webkit-transform:  translate(0px,0px);}
}

@-o-keyframes up {
  0% {-o-transform:  translate(0px,0px);}
  50% {-o-transform:  translate(0px,10px);}
  100% {-o-transform:  translate(0px,0px);}
}

@-ms-keyframes up {
  0% {-ms-transform:  translate(0px,0px);}
  50% {-ms-transform:  translate(0px,10px);}
  100% {-ms-transform:  translate(0px,0px);}
}  

@media only screen and (max-width: 1000px) {
.btn{font:bold 28px/1.4 "微軟正黑體";letter-spacing:1px;}
.QAbtn{font:bold 28px/1.4 "微軟正黑體";letter-spacing:1px;}
.boxBase{width: 90%;}
}  

@media only screen and (max-width: 950px) {
.btn{width: 46%;}
}  



@media only screen and (max-width: 768px) {

.buyit{display: none;}
.buyitmobile{display: none;background: rgba(199,20,41,0.9);font:bold 22px/1.8 "微軟正黑體";color:#FFF;text-align: center;position: fixed;bottom: 0;width: 100%;z-index: 999;cursor: pointer;}
.car{margin: 5px 2px 0 0;transform: translateY(1px);}
.intro{width: 100%;}
.btn{width: 100%;margin: 10px 0;padding: 5px;}
.QAbtn{width: 100%;margin:10px auto 20px auto;padding: 5px;}
h1{font:bold 30px/1.4 "微軟正黑體";letter-spacing:2px;padding: 5px 10px;}
h2{font:bold 26px/1.4 "微軟正黑體";margin: 0 0 10px 0;}

div.mobileTopRight {opacity: 1;position: fixed;background: rgba(0,0,0,0.7);width: 33px;height: 45px;border-radius: 20px 0 0 20px;font:20px/1 "微軟正黑體";color:#FFF;text-align: center;right:0 ;bottom: 10%;z-index: 999;padding:3px 0 0 1px;cursor: pointer;display: none;}
div.mobileTopRight p {font:14px/1.2 "微軟正黑體";}

.aaa{font:bold 24px/1.6 "微軟正黑體";}
.aaa b{}



}


@media only screen and (max-width: 475px) {
.text,.text b{font:bold 16px/1.8 "微軟正黑體";}
h2{font:bold 22px/1.4 "微軟正黑體";}

.boxBase{width: 95%;}
.table table td:nth-of-type(1){width: 110px;}

}