@charset "utf-8";
/* CSS Document */
html {font-size:100%;/*16px*/ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {font-size:1rem; font-size:16px; line-height:1.5em; font-family:'Segoe UI','微軟正黑體','Microsoft JhengHei',\5FAE\x8F6F\6B63\9ED1\4F53; color:#333; background-color:#eee;}
/*====HTML5====*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block;}
audio,canvas,progress,video {display:inline-block; vertical-align:baseline;}
audio:not([controls]) {display:none; height:0;}
/*====link====*/
a {color:#0099cc; text-decoration:none; -webkit-transition:ease-in-out 0.2s; -moz-transition:ease-in-out 0.2s; -o-transition:ease-in-out 0.2s; transition:ease-in-out 0.2s;}
a:hover {color:#0066ff; text-decoration:none;}
/*====wrapper====*/
.site {display:flex; min-height:100vh; height:100%; flex-direction:column;}
.site-content {flex:1 0 auto; flex-grow:1; padding-top:80px;}
/*====container====*/
.bg-color {background-color:#eee;}
/*.bg-pic {background:url("../images/AdobeStock_53084020.jpg") no-repeat; width:100%; height:100%;}*/
/*.bg {width:1200px; height:675px; background:url(../images/bg.jpg) no-repeat; z-index:3;}*/
/*====panel====*/
/*====nav====*/
nav {background-color:#fff; -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.1); box-shadow:1px 1px 5px rgba(0,0,0,0.1);}
.nav-item {padding: 0 2rem; border-right:solid 1px #dddddd;}
.nav-item:last-child {border:none;}
/*====header====*/
header {}
#logo {width:150px; height:54px; background:url(../images/logo_150x54.png) no-repeat 0 0; margin:auto 0; text-indent:-999px; z-index:3;}
/*====headings====*/
h1,h2,h3,h4,h5,h6 {color:#333; font-family:inherit; margin:10px 0; line-height:1.5em; text-rendering:optimizelegibility;}
h1 {font-size:2.25rem; font-size:36px;}
h2 {font-size:1.875rem; font-size:30px;}
h3 {font-size:1.5rem; font-size:24px;}
h4 {font-size:1.25rem; font-size:20px;}
h5 {font-size:1.125rem; font-size:18px;}
h6 {font-size:1rem; font-size:16px;}
small {font-size:80%; color:#999;}
/*====title====*/
.title1 {display:block; margin:10px 0 20px 0; border-bottom:2px solid #fff;}
.title1 h3 {margin:0 0 -2px 0; padding-bottom:0px; display:inline-block; border-bottom:2px solid #b9925b; line-height:1.4em;}
/*====paragraph====*/
p.indent {text-indent:2em;}
p {margin:0 0 1em 0;}
p:last-child, ul:last-child, ol:last-child, dl:last-child {margin:0;}
/*====button====*/
.btn-primary {background-color:#b9925b; border-color:#b9925b;}
.btn-primary:hover {background-color:#876d4c; border-color:#876d4c; color:#fff;}
button.bg-primary:hover{background-color:#876d4c!important}
.btn-other {background-color:#666; border-color:#666; color:#fff;}
.btn-other:hover {background-color:#555; border-color:#555; color:#fff;}
/*====list====*/
/*====text element====*/
em {font-style:italic;}
mark {background-color:#FFFF00;}
ins {text-decoration:underline;}
del {text-decoration:line-through;}
code {background-color:#eaeaea; color:#333; padding:2px 5px; font-family: Menlo,Monaco,"Courier New",monospace;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
kbd {color:#333; font-family: Menlo,Monaco,"Courier New",monospace;}
abbr[title] {border-bottom:1px dotted; cursor:help;}
strong {font-weight:bold;}
/*====text color====*/
.txt-muted {color:#999;}
.txt-primary {color:#428bca;}
.txt-success {color:#468847;}
.txt-info {color:#3a87ad;}
.txt-warning {color:#c09853;}
.txt-danger {color:#b94a48;}
.txt-price {font-size:120%; color:#ff3333; font-weight:bold;}
.txt-number {font-size:120%; color:#000; font-weight:bold;}
.txt-highlight {color:#c44594;}
.txt-highlight2 {color:#b9925b;}
/*====horizontal rules====*/
hr {margin:20px 0; border:0; border-top:1px solid #eee; border-bottom:1px solid #fff;}
/*====ellipsis line clamp====*/
td.ellipsis {display:block;}
.ellipsis {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.line-clamp1 {position:relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; height:3em; -webkit-box-orient:vertical;}
.line-clamp2 {position:relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; height:4.5em; -webkit-box-orient:vertical;}
.line-clamp3 {position:relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; height:6em; -webkit-box-orient:vertical;}
.line-clamp4 {position:relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; height:7.5em; -webkit-box-orient:vertical;}
/*====labels====*/
/*====badge====*/
/*====description====*/
/*====quote====*/
/*====blockquote====*/
/*====opacity====*/
/*====bg color====*/
/*====gradient====*/
/*====table====*/
.table {background-color:#fff;}
.table th {border-bottom:2px solid #dee2e6; background:#eee; background:-webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#eee)); background:-moz-linear-gradient(#fff,#eee); background:linear-gradient(#fff,#eee); -pie-background:linear-gradient(#fff,#eee);}
.table-hover tbody tr:hover > td {background-color:#f4f4f4;}
/*====breadcrumbs====*/
/*====pagination====*/
/*====form====*/
.form-control[disabled] {cursor: not-allowed;}
.pincode-box .form-control {float:left; width:255px; margin-right:15px;}
.pincode-box .pinimg {float:left; height:calc(1.5em + .75rem + 2px); width:auto; border:1px solid #ced4da; background:#fff; margin-right:15px; border-radius:4px;}
.pincode-box .pinimg img {height:30px; width:auto; margin:3px;}
/*====search====*/
/*====images====*/
/*====figure====*/
/*====button====*/
/*====hover effects====*/
/*====icons====*/
/*====images====*/
/*====footer====*/
footer {background-color:#555; text-align:center; padding:2rem; color:#fff; flex-shrink:0;}
footer span {font-size:24px;}
footer a {color:#999; text-decoration:none;}
footer a:hover {color:#fff; text-decoration:underline;}
/*====selection====*/
p::selection {background:#c44594; color:#fff;}
i::selection {background:#c44594; color:#fff;}
::selection {background:#c44594; color:#fff;}
p::-moz-selection {background:#c44594; color:#fff;}
i::-moz-selection {background:#c44594; color:#fff;}
::-moz-selection {background:#c44594; color:#fff;}
/*====plugins=======================================================================================================================*/
/*====bootstrap====*/
.container {max-width:1300px; padding-left:10px; padding-right:10px;}
.row {margin-left:-10px; margin-right:-10px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {font-size:1.5rem; font-size:24px; font-weight:bold; padding:20px; color:#333; background:#eee; background:-webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#eee)); background:-moz-linear-gradient(#fff,#eee); background:linear-gradient(#fff,#eee); -pie-background:linear-gradient(#fff,#eee);}
.nav-tabs .nav-link {font-size:1.5rem; font-size:24px; /*font-weight:bold;*/ padding:20px; border:none;}
/*====coins====*/
.winter-is-coming, .snow {z-index:100; pointer-events:none;}
.winter-is-coming {overflow:hidden; position:absolute; top:0; height:100%; width:100%; max-width:100%;}
.snow {position:absolute; top:0; right:0; bottom:0; left:0; -webkit-animation: falling linear infinite both; animation: falling linear infinite both; -webkit-transform: translate3D(0, -100%, 0); transform: translate3D(0, -100%, 0);}
.snow--near {-webkit-animation-duration:10s; animation-duration:10s; background-image: url("../images/coins-large.png"); background-size: contain;}
.snow--near + .snow--alt {-webkit-animation-delay:5s; animation-delay:5s;}
/*
.snow--mid {-webkit-animation-duration:20s; animation-duration:20s; background-image:image-url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png"); background-size:contain;}
.snow--mid + .snow--alt {-webkit-animation-delay:10s; animation-delay:10s;}
.snow--far {-webkit-animation-duration:30s; animation-duration:30s; background-image: image-url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png"); background-size: contain;}
.snow--far + .snow--alt {-webkit-animation-delay:15s; animation-delay:15s;}
*/
@-webkit-keyframes falling {
  0% {-webkit-transform: translate3D(-7.5%, -100%, 0); transform: translate3D(-7.5%, -100%, 0);}
  100% {-webkit-transform: translate3D(7.5%, 100%, 0); transform: translate3D(7.5%, 100%, 0);}
}
@keyframes falling {
  0% {-webkit-transform: translate3D(-7.5%, -100%, 0); transform: translate3D(-7.5%, -100%, 0);}
  100% {-webkit-transform: translate3D(7.5%, 100%, 0); transform: translate3D(7.5%, 100%, 0);}
}
/*====wheel of fortune====*/
.banner {display:block; width:100%; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.banner .turnplate {display:block; width:100%; position:relative;}
.banner .turnplate canvas.item {width:100%;}
.banner .turnplate img.pointer {position:absolute; width:31.5%; height:42.5%; left:34.6%; top:23%;}
/*====tooltip====*/
/*====modal====*/
/*====alert====*/
/*====collapse====*/
/*====gotop====*/
.gotop {position:fixed; bottom:20px; right:10px; display:none; z-index:999;}
.gotop a {padding:10px 20px; color:#fff; text-decoration:none; background-color:rgba(0,0,0,0.5); -webkit-transition:ease-in-out 0.4s; -moz-transition:ease-in-out 0.4s; -o-transition:ease-in-out 0.4s; transition:ease-in-out 0.4s; display:block;}
.gotop a:hover {background-color:rgba(0,0,0,0.8);}
/*====contents======================================================================================================================*/
/*====banners====*/
/*====media query====*/
@media screen and (min-width:1200px) {/*視窗寬度 >= 1200px*/
.main-kv{display:block;}
.sm-kv {display:none;}
}
@media screen and (min-width:980px) and (max-width:1199px) {/*視窗寬度介於980px-1199px 預設*/
.main-kv{display:block;}
.sm-kv {display:none;}
}
@media screen and (min-width:768px) and (max-width:991px) {/*視窗寬度介於768px-991px*/
.main-kv{display:block;}
.sm-kv {display:none;}
}
@media screen and (min-width:768px) and (max-width:979px) {/*視窗寬度介於768px-979px*/
.main-kv{display:block;}
.sm-kv {display:none;}
}
@media screen and (max-width:767px) {/*視窗寬度 <=768px*/
.col-md-4.text-right {text-align:left!important;}
.main-kv{display:none;}
.sm-kv {display:block;}
}
@media screen and (max-device-width:480px) {/*視窗寬度 <=480px*/
.col-md-4.text-right {text-align:left!important;}
.main-kv{display:none;}
.sm-kv {display:block;}
}
/*1.25dpr*/
@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi) {/*當DPR1.25以上，與min-resolution裝置解析在120dpi就套用此樣式*/
#logo {background:url(../images/logo_188x68.png) no-repeat 0 0; background-size:150px;}
}
/*1.5dpr*/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {/*當DPR1.5以上，與min-resolution裝置解析在144dpi就套用此樣式*/
#logo {background:url(../images/logo_225x81.png) no-repeat 0 0; background-size:150px;}
}
/*2.0dpr*/
@media (-webkit-min-device-pixel-ratio:2.0), (min-resolution:192dpi) {/*當DPR2.0以上，與min-resolution裝置解析在192dpi就套用此樣式*/
#logo {background:url(../images/logo_300x108.png) no-repeat 0 0; background-size:150px;}
}