@font-face {
	font-family:'si';
	src:url('/fonts/socicon.eot');
	src:url('/fonts/socicon.eot?#iefix') format('embedded-opentype'),url('/fonts/socicon.ttf') format('truetype'),url('/fonts/socicon.svg#icomoonregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	/font-family:'si';
	src:url(/fonts/socicon.svg) format(svg);
}
}
* {
	font-family:"微軟正黑體","Microsoft JhengHei","STHeiti",sans-serif,Verdana;
	letter-spacing:1px;
	font-weight:400;
}

.navbar-fixed-top .navbar-inner {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }


body {
  min-height: 75rem;
  padding-top: 4.5rem;
}
.main {	position:relative;}
#mainframe {margin:0;padding:0;}
.VimeoIframe {
	padding-top:56.25%;
	position:relative;
	overflow:hidden;
}
.vVimeoIframe,#vVimeoIframe {
	position:absolute;
	height:100%;
	width:100%;
	left:0px;
	top:0px;
}
a:link {
	color:#51422D;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color:#51422D;
}
a:hover {
	text-decoration:none;
	color:#51422D;
}
a:active {
	text-decoration:none;
}
.bgcolor {
	background:#CCCCCC;
}

.logo {
	height:40px;
	width:auto;
	border:none;
}


.dropdown {
	width:140px;
	border:solid 1px #584831;
	border-radius:15px;
	color:#584831;
}
.dropdown-menu {
background:#ffffff;
	top:48px;
	right:0;
	border:solid 1px #eee;

}
.dropdown-menu li a {
	margin:5px 0;
	color:#584831;
}
.img-responsive{max-width:100%;height:auto;}
.p0 {padding:0;}
.p10 {padding:10px;}
.m0 {margin:0;}
.m10 {margin:10px;}
.pt-10 {padding-top:10px;}
.pt-20 {padding-top:20px;}
.pt-30 {padding-top:30px;}
.pr-10 {padding-right:10px;}
.pr-20 {padding-right:20px;}
.pr-30 {padding-right:30px;}
.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top:30px;}
.mb-10 {margin-bottom:10px;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px;}
.mr-10 {margin-right:10px;}
.mr-20 {margin-right:20px;}
.mr-30 {margin-right:30px;}

.c-pointer {cursor:pointer;}
.c-default {cursor:default;}
.dis-none {	display:none;}
.dis-block {display:block;}
.vis-h {visibility:hidden;}
.vis-v {visibility:visible;}
.opa-0 {opacity:0;}
.opa-1 {opacity:1.0;}
section{margin-top:50px;}
.admin {
	position:absolute;
	z-index:50000;
	right:10px;
	top:0;
}

.max-w500 {
	max-width:500px;
}
.list-none {
	list-style:none;
	padding:0;
	margin:0;
}
.edit {
	opacity:0;
	position:absolute;
	cursor:pointer;
	z-index:1000;
	pointer-events:none;

}



.edit:hover{opacity:1.0;}

img.edit[src="/ok.gif"]{margin-top:-10px;}

.editicondiv{font-size:14px;text-align:right; }
.editicon{display:none;}
.editicondiv i{cursor:pointer; padding:5px 4px 0 4px;}
.editable{display:block;width:100%;padding:3px 0;border:solid 1px #333;}
.shicon{font-size:21px;position:absolute;margin:-14px 0 0 -17px; z-index:2000; text-shadow: 1px 1px 5px black;}



.reMove{margin-left:40px;}
.move{margin-left:20px;}
.tempEdit{margin-left:60px;}

.carousel-control-prev,.carousel-control-next{margin-top:60px;}
.divarea{ border:dotted 1px #000;height:500px; background:#eee;}

.uploadimg {
	max-width:100%;
	height:auto;
}

.nowrap {
	white-space:nowrap;
}
.height200 {
	min-height:200px;
}
hr {
	border-top:1px solid #c8c9ca !important;
	background-color:#fff0 !important;
	margin:30px auto !important;
	clear:both;
}
.Content {
	color:#50422d;
	font-size:16px;
	font-weight:500;
	line-height:25px;
	letter-spacing:1px;
}
.ToTop {
	font-size:16px;
	color:#cfc1a4;
}
#footer {
	background:#cfc1a4;
	padding:30px 0 0 0;
	margin:0;
}
.footeritem {
	color:#50422d;
	font-size:16px;
	margin:10px 0;
	font-weight:800;
}
.footeritemul {
	margin:0;
	padding:0;
}
.footeritemul li {
	list-style:none;
	padding-top:6px;
	font-size:16px;
}
#search {
	width:99%;
	height:40px;
	padding:0;
	margin:0 auto;
	position:relative;
}
.formd {
	width:35%;
	height:40px;
	padding:0;
	margin:0 auto;
	position:relative;
}
#vEmail,#skwd {
	padding-left:10px;
	width:100%;
	height:40px;
	border-radius:20px;
	border:solid 1px #584831;
}
#vEmail:focus,#btn:focus,#skwd:focus,#btn1:focus {
	outline:none;
}
.white{color:#fff;}
.black{color:#000;}
.red{color:#CC0000;}
.blue{color:#0066CC;}
.pink{color:#FF0099;}
.green{color:#006633;}
.yellow{color:#FFCC00;}
.color{color:#584831;}
.coffe{color:#64451d;}
.bg-color{background:#cfc1a4;}


.endfooter {
	min-height:50px;
	line-height:50px;
	background:#584831;
	color:#cfc1a4;
}
.endfooter a {
	font-size:16px;
	color:#cfc1a4;
}

.btn-circle {
	width: 75px;
	height: 75px;
	padding: 12px 14px;
	border-radius: 75px;
	font-size: 15px;
	text-align: center;
	letter-spacing:1px;		
		}


.btn-customer {
	background-color:#fff;
	border-radius:30px;
	color:#584831;
	border:solid 1px #584831;
}
.btn-customer:hover {
	background-color:#584831;
	color:#FFFFFF;
}
.btn-customerfull {
	background-color:#584831;
	border-radius:30px;
	color:#ffffff;
	border:solid 1px #584831;	
}

.btn-customerfull:hover {
	background-color:#666600;
	
}
.btn-color {
	border-radius:30px;
	background:#584831;
	letter-spacing:2px;
	height:40px;
	padding-top:8px;
	font-weight:600;	
}
.full {
	background:#584831;
	color:#FFFFFF;
	position:absolute;
	height:40px;
	right:0px;
	top:0px;
}
#DefaultVisitor {
	/**min-height:150vh;
	**/
}
.VideoBackground {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:transparent;
}
.TopTitle {
	position:absolute;
	display:block;
	width:100%;
	bottom:35%;
	left:0;
	text-align:center;
	color:#ffffff;	
}
.Text-spac {letter-spacing:5px;	font-size:20px;text-shadow: #000 1px 1px 5px;}
.TitleFont {font-size:60px;text-shadow: #000 1px 1px 5px;}
h1.title {font-weight:800;letter-spacing:2px;font-size:40px;margin:50px 0;}
h2.title {font-weight:700;letter-spacing:2px;font-size:30px;}
h3.title {font-weight:600;letter-spacing:2px;font-size:28px;}
h4.title {font-weight:500;letter-spacing:2px;font-size:26px;}
h5.title {font-weight:400;letter-spacing:2px;font-size:24px;}
h6.title {font-weight:300;letter-spacing:2px;font-size:20px;}

.relative {position:relative;}
.ImageTxt {
	display:block;
	width:100%;
	text-align:center;
	position:absolute;
	top:50%;
	left:0;
	color:#ffffff;
	font-weight:800;
	font-size:50px;
	text-shadow: #000 1px 1px 5px;
}
.Font {font-size:20px;color:#51422D;}
#DefaultVisitor .NewsPanel {}
#DefaultVisitor .NewsPanel .card-body {	padding:0;}
#DefaultVisitor .NewsPanel a {color:#584831;}
#DefaultVisitor .NewsPanel a:hover {text-decoration:none;}
.TitleLink {
	position:absolute;
	top:40%;
	left:0;
	display:block;
	width:100%;
	text-align:center;
	font-size:60px;
	color:#ffffff;
	font-weight:700;
	text-shadow: 1px 1px 5px black;
}
.text-shadow{text-shadow: 1px 1px 5px black;}
.social-icons ul li {padding:10px;}
.social-icons ul li:last-child {padding-right:0;}
.social-icons ul li a {font-size:18px;color:#d3d3d3;padding:0;}
.social-icons ul li a:hover .fa-facebook {color:#0884d5;}
.social-icons ul li a:hover .fa-twitter {color:#2AA7DC;}
.social-icons ul li a:hover .fa-google-plus {color:#A22523;}
.social-icons ul li a:hover .fa-instagram {color:#990099;}
.soc-line {font-size:17px;}
.social-icons ul li a:hover .soc-line {color:#009900;}
.social-icons ul li a:hover .fa-dribbble {color:#E94989;}
.social-icons ul li a:hover .fa-linkedin {color:#006DC0;}
.social-icons ul li a:hover,.social-icons ul li a:focus {background:none;}
.social-profile .nav-pills {
	display:inline-block;
	margin-top:-26px;
	padding:0;
	position:relative;
	top:50%;
}
.social-profile .nav-pills li {
	display:inline-block;
	margin:0 5px;
}
.social-profile .nav-pills li a {
	color:#fff;
	border:1px solid #fff;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	padding:0;
	border-radius:40px;
	-webkit-transition:all 0.9s ease;
	transition:all 0.9s ease;
}
.social-profile .nav-pills li a:hover {
	color:#702340;
	border-color:#702340;
}
.soc {
	display:inline-block;
	font:normal normal normal 16px/1 'si';
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:translate(0,0);
}
.soc-line:before {content:'\e09b';}
.soc-line {padding-top:5px;}
.paginations{ list-style:none; padding:0;margin:0;}
.paginations li {list-style:none ;display:inline-block;margin:5px;}
.paginations li a {
	color:#000;
	padding:5px 10px;
	border-radius:5px;
	border:1px solid #fff;
}
.paginations li:first-child a {
	background:url(/images/left.png);
	background-repeat:no-repeat;
	text-indent:-999999999px;
	background-position:center top 10px;
	width:32px;
	height:36px;
	border:none;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}
.paginations li:first-child a:hover {
	background:url(/images/left.png);
	background-position:center top -37px;
	background-repeat:no-repeat;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}
.paginations li:last-child a {
	background:url(/images/right.png);
	background-repeat:no-repeat;
	text-indent:-999999999px;
	background-position:center top 10px;
	width:32px;
	height:36px;
	border:none;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}
.paginations li:last-child a:hover {
	background:url(/images/right.png);
	background-position:center top -37px;
	background-repeat:no-repeat;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}
.paginations li a:hover,.paginations .active a,.paginations a:active,.paginations .active a:hover,.paginations .active a:focus,.paginations a:focus {
	background:transparent;
	border-color:#cfc1a4;
	color:#584831;
}
.blog-pagination {
width:95%;
margin-top:50px;
	padding-top:10px;
	padding-bottom:55px;
	clear:both;
}
.adminedit {
	display:none;
	position:fixed;
	top:75px;
	right:10px;
	z-index:1000;
	width:350px;
	height:600px;
	overflow:auto;
	padding:15px;
	background:#FFFFFF;
	border:solid 1px #dddddd;
	border-radius:0 0 10px 10px;
}

/*rule*/
.Divider {
    margin: 0;
    padding: 90px 0;
    display: block;
    text-align: center;
    font-size: 100px;
    line-height: 100px;
    font-weight: 500;
    color: #fff;
    background-color: #cdbea2;
	}

#ruletitle .list-group-item{border:none;border-radius:0;}
#ruletitle .list-group li.active{ background:#cdbea2;}
#ruletitle .list-group li.active:hover{ background:#C5B79D;}
#ruletitle .list-group li:hover{ background:#eee;}
#ruletitle .list-group-item a span{font-size:16px; letter-spacing:3px;color:#8b6f4e;}
#ruletitle .list-group li.active a span{color:#ffffff;}

#rule_content{
paddind:0 15px 20px 15px;
font-size:15px; font-weight:500; line-height:28px;
}
#rule_content h1 {font-size:32px; font-weight:600;}




.gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

.animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

.flip-card {
  background-color:#fff;
  height: 500px;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 1s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.rotate {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg); 
transform: rotateY(180deg);
}


.flip-card-front, .flip-card-back {
  position: absolute;
  z-index:999;
  width: 100%;
  height: 100%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
    
}
.mores{width:100%;position:absolute;bottom:10px; text-align:center; cursor:pointer;}
.flip-card-front {
  background-color: #eee;
  color: black;
}

.flip-card-back {
  background-color: #333333;
  color: white;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg); 
transform: rotateY(180deg);
}


.fixedbg {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px; 
}
.v-50 {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #fff;
}

.TopStoreName{font-size:60px;}
.TopFont{font-size:20px;}
#framediv{
position:absolute;
display:none;
border:solid 1px #ccc;
z-index:1500;
text-align:center;
background:#eee;width:100%;height:420px; 
}

.bigname{
position:absolute;
width:100%;
text-align:center;
left:0;
bottom:40%;
font-size:26px;
font-weight:800;
color:#fff;
text-shadow: #000 0.1em 0.1em 0.1em;
}

#template{
padding:15px;
width:400px;
height:500px;
overflow:auto;
position:fixed;
left:-400px;
top:125px;
border:solid 1px #333;
background:#fff;
z-index:8999;

}
.tempclose{ cursor:pointer;
color:#CC0033;
margin:-10px 40px 0 0;
position:fixed;
z-index:9000;
}
#page_content img,#news_content img,#store_content img,#rule_content img,#home_content img,#vvip_content img,.divfreearea img{
max-width:100%;
height:auto;
border:none;
margin:10px;
}

header .carousel-item {
  height: 50vh;
  min-height: 400px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media screen and (min-width:1200px) {
	/*1200以上*/
 .gh{display:block;}
 #DefaultVisitor .TopVideo {
	position:absolute;
	top:-57px;
	left:0;
}
.formd {
	width:35%;
}


}
@media (min-width:992px) and (max-width:1199px) {
	/*lg*/
 .gh{display:none;}
  #DefaultVisitor .TopVideo {
	position:absolute;
	top:-57px;
	left:0;
}
.formd {
	width:40%;
}
}
@media (min-width:768px) and (max-width:991px) {
	/*md*/
.ImageTxt,.TitleLink {
	font-size:50px;
}
.formd {width:50%;}

.Divider {
    padding: 45px 0;
    font-size: 64px;
    line-height: 64px;
	}
}
@media (min-width:576px) and (max-width:767px) {
	/*sm*/

h1.title {font-weight:500;font-size:36px;margin:30px 0;}
h2.title {font-weight:500;font-size:34px;}
h3.title {font-weight:400;font-size:30px;}
h4.title {font-weight:300;font-size:26px;}
h5.title {font-weight:200;font-size:24px;}
h6.title {font-weight:normal;font-size:20px;}
.Divider {
    padding: 32px 0;
    font-size: 48px;
    line-height: 48px;
	}
.ImageTxt,.TitleLink {font-size:40px;}
.formd {width:80%;}
.bigname{font-size:22px;font-weight:700;}
}
@media (min-width:300px) and (max-width:575px) {
	/*xs*/
h1.title {font-weight:300;font-size:30px;margin:15px 0;}	
h2.title {font-weight:500;font-size:26px;}
h3.title {font-weight:400;font-size:24px;}
h4.title {font-weight:300;font-size:20px;}
h5.title {font-weight:200;font-size:18px;}
.Divider {
    padding: 24px 0;
    font-size: 32px;
    line-height: 32px;
	}
.ImageTxt,.TitleLink {font-size:30px;}
.paginations li {margin:5px 0;}
.formd {width:80%;}
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
.bigname{font-size:20px;font-weight:600;}
}
@media screen and (max-width:299px) {
	/*xxs*/
h1.title {font-weight:300;font-size:30px;margin:15px 0;}	
h2.title {font-weight:500;font-size:26px;}
h3.title {font-weight:400;font-size:24px;}
h4.title {font-weight:300;font-size:20px;}
h5.title {font-weight:200;font-size:18px;}
h6.title {font-weight:normal;font-size:16px;}
.Divider {
    padding: 24px 0;
    font-size: 32px;
    line-height: 32px;
	}
.paginations li {margin:5px 0;}
.formd {width:99%;}
.ImageTxt,.TitleLink {font-size:25px;}
.bigname{font-size:18px;font-weight:600;}

}
@media screen and (max-width:990px) {
	/*990以下*/
.gh{display:none;}	
h1.title {font-weight:800;font-size:36px;margin:30px 0;}	
h2.title {font-weight:700;font-size:34px;}
h3.title {font-weight:600;font-size:30px;}
h4.title {font-weight:500;font-size:26px;}
h5.title {font-weight:400;font-size:24px;}
h6.title {font-weight:300;font-size:20px;}

#home_logo.ml-5{margin-left:10px !important;}
.TopStoreName{font-size:30px;}
.TopFont{font-size:20px;}
.photo-gallery h2 {margin-bottom:25px;padding-top:25px;font-size:24px;}
.TopTitle {bottom:15%;}
.Text-spac {letter-spacing:unset;font-size:16px;}
.TitleFont {font-size:30px;}
.Title {font-size:20px;}
.VideoBackground {display:none;}
.main {	margin-top:15px;}
.dropdown-menu {background:transparent;border:none;}	
.fixedbg {min-height:350px;background-attachment: scroll;}
#page_content img,#news_content img,#store_content img,#rule_content img,#home_content img,#vvip_content img,.divfreearea img{margin:5px;}
#page_content h1,#news_content h1,#store_content h1,#rule_content h1,#home_content h1,#vvip_content h1{font-size:30px;}
}