/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
	padding-top: 50px;
	padding-left: 0;
	padding-right: 0;
    font-family: "微軟正黑體",Arial,sans-serif;
	position: relative;	
	margin: 0
}
h1,
h3,
h4,
h5,
h6 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    line-height: 1.25;
}
h1 {
	font-size: 1.25rem;
	margin-bottom: 0rem;
}
h2 {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 1rem;
	display:inline
}
h3 {
	font-size: 1.8rem;
	color:#F17F42;
	}
ul,
li {
            list-style: none;
            margin: 0;
            padding: 0;
        }
a {
    color: #353535;
}
.nav_box {
	height: 50px;
	line-height: 50px;
	width: 100%;
	color:#FFFFFF;
	font-size: 1.4rem;
	background-color:#566270
}
.nav_box a{
	color:#FFFFFF;
	text-decoration:none;
}
.card-title {
  margin: 0.75rem 0 0.75rem 0.30rem;
}
.sort {
    margin-top: 8px;
}
.sort .container-fluid{
    padding: 0px;
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.portfolio-item {
  margin-bottom: 30px;
}
	/*Index*/
.index-item	{
	margin-bottom: 0.3rem;
	border-bottom: 2px solid #F6B352; 
	}
.more-item {
	text-align:right;
	font-size: 1.4rem;
	font-weight: 700;
	color:#F17F42;
	}
	

.submit-box {clear:both;height:100%;overflow:hidden}
.submit-box #valuestyle{display:inline-block;font-size:15px;width:120px;border:1px solid #CCC;border-radius:3px}
.submit-box #submitstyle{margin-left:5px;background-color:#D13E24;border:medium none;display:inline-block;font-size:15px;height:28px;width:50px;border-radius:3px;color:#FFF;cursor:pointer}
.submit-box #submitstyle:hover{background-color:#E3411F}
/*遊戲頁*/
.post-meta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	margin-top: 5px;
}
.post-date a,
.post-favourite a {
    color: #b5aec4;
    font-size: 18px;
}
.post-favourite a {
    margin-right: 15px;
}
.post-date a:hover,
.post-favourite a:hover {
    color: #000;
}
.game-button-box {
    margin-bottom: 15px;
}
.button-play {
    margin-right: 15px;
}
.button-box {
    margin-left: 15px;
}
/*分頁*/
div.badoo {
	font-size: 1.1em;
	padding:10px 0 10px 0;overflow:hidden ; color: #48b9ef; font-family: arial, helvetica, sans-serif
}
div.badoo a {
	border: #f0f0f0 2px solid;padding: 8px 13px; margin: 0px 5px; color: #48b9ef; text-decoration: none
}
div.badoo a:hover , .badoo a:active{
	border: #ff5a00 2px solid; color: #ff5a00
}
div.badoo span.current,div.badoo span.disabled  {
	border: #ff5a00 2px solid;padding: 8px 13px; font-weight: bold; color: #fff; background-color: #ff6c16
}
div.badoo span.disabled { margin: 2px; }
div.badoo input {
	border: #f0f0f0 2px solid; padding: 8px 13px; margin: 0px 5px; color: #48b9ef;
}
div.badoo .pageinput  ,div.badoo .disabled{
	display: none;
} 

/*.top_header_area .top_social_bar*/
.swiper-slide {
	width: auto!important;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.swiper-slide a {
	color: #FFFFFF;
	text-decoration:none;
}
.icon-arrow-outline-left
{
	margin-left: 10px;
}
.cart {
	font-size: 2.5rem;
	}
.cart:before {
  content: attr(data-totalitems);
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: 25px;
  right: 40px;
  background: #2bd156;
  line-height: 24px;
  padding: 0 5px;
  height: 24px;
  min-width: 24px;
  color: white;
  text-align: center;
  border-radius: 24px;
}
.cart.shake {
  animation: shakeCart .4s ease-in-out forwards;
}

@keyframes xAxis {
  100% {
    transform: translateX(calc(50vw - 105px));
  }
}
@keyframes yAxis {
  100% {
    transform: translateY(calc(-50vh + 75px));
  }
}
@keyframes shakeCart {
  25% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
.btn-orange:hover{
background-color:#F57C02;color:#fff
}
.top_social_bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top_social_bar > a {
    font-size: 12px;
    color: #232d37;
    margin-right: 20px;
}
.top_social_bar > a:hover {
    color: #fc6c3f;
}

.top_social_bar > a:last-of-type {
    margin-right: 0;
}	
/*.top_header_area .top_social_bar*/
.top_header_area .signup-search-area {
    height: 40px;
    position: relative;
    z-index: 3;
}

.top_header_area .signup-search-area a {
    font-size: 13px;
    color: #222;
}

.top_header_area .signup-search-area .login a {
    margin-right: 13px;
    border-right: 2px solid #c2c2c2;
    padding-right: 13px;
}

.top_header_area .signup-search-area {
    margin-left: 54px;
}
.topads {
  margin: 0.50rem 0 0.50rem 0;
}	
.login a {
    margin-right: 13px;
    border-right: 2px solid #c2c2c2;
    padding-right: 13px;
}
/*.Data Show*/
.div_title {
    width: 100%;
    height: 40px;
	line-height: 40px;
    border-bottom: 1px solid #ebebeb;
	background-color:#FDFDFD
}	
	
.div_content{ padding: 0 ; }
.add li {
    width: 100%;
	padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
	background-color:#FFFFFF
 }
 .gamebox { margin-top: 8px; }
 .databox { padding: 0 0 0 10px; }
 .databox_3 { padding: 0; }
@media only screen and (max-width: 480px) {
div.badoo .page_home  ,div.badoo .page_last{
	float:left;
	width:98%;
}
div.badoo a ,div.badoo span.current{
	margin: 0px 3px;
	padding: 3px 6px;
}
div.badoo .page_home  { margin-bottom: 20px; }
div.badoo .page_last  { margin-top: 20px; } }

@media only screen and (max-width: 640px) {
	h3 {
	font-size: 1.4rem;
	}
	
h4 {
	font-size: 1rem;
}
.more-item {
	font-size: 1rem;
	}
	}