html {
	min-height: 100%;
	width:100%;
	background-color:#eee;
	/*background: linear-gradient(to top, #98bdff, #f2fcfe) no-repeat fixed center;*/
	background-size: 100% 100%;
}

html {
	height: 100%;
}

body {
	font-family: Roboto, Helvetica, Arial, 'Open Sans', "Helvetica Neue", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif !important;
	height: 100%;
	width: 100%;
}

label {
    font-size: small !important;
  }
  
 body.modal-open { 
    position: fixed; width: 100%; 
 }

 .card {
 	box-shadow: none !important;
 	border: 1px solid #d4d4d4 !important;
 }

.pagination {
	background-color: #fff;
}

.navbar {
	border-radius: 0;
}

.whole-shadow {
	text-shadow: rgba(23, 23, 23, 0.26) 1px 1px 1px;
}

.cart-btn {
	background-color:#43A046;
	box-shadow: none;
}

.gotop {
	background-color:#4d95bf;
}

.go-back {
	background-color:#4d66bf;
}

#webmsg .tab-content {
	min-height: 40rem;
}

.black-skin .tab-content {
	background-color: #343536;
}

.white-skin .tab-content {
	background-color: #dcffda;
}

.light-blue-skin .tab-content {
	background-color: #c5d4ef;
}

.bg-skin-lp {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.black-skin .stdcolor {
	color: #565757 !important;
}

.white-skin .stdcolor {
	color: #707072 !important;
}


.bonet {
	font-family: 'Raleway', sans-serif;
}

.wd {
	color: #fff;
	font-size: 3em;
	font-weight: bold;
	text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9, 0 3px 0 #bbb, 0 2px 0 #b9b9b9, 0 3px 0 #aaa, 0 3px 1px rgba(0,0,0,.1), 0 0 2px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 5px 5px rgba(0,0,0,.2), 0 10px 10px rgba(0,0,0,.15);
}

.collapsible-body ul {
	margin-left: 30px;
}

.flink {
	cursor: pointer;
}

.avatar i {
	color: #fa5aab !important;
}

.avatar i:hover {
	color: blue !important;
}


.white-skin .nav-color {
	background-color: #66BB6A !important;
}

.black-skin .nav-color {
	background-color: #ad1457 !important;
}

.light-blue-skin .nav-color {
	background-color: #ab47bc !important;
}

hr {
	border-top: 1px solid #9e9e9e;
}

.white-skin .card {
	background-color: #fff !important;
}

.black-skin .card {
	background-color: #262f31;
}

#web_settings .card,
#group_settings .card {
	border-radius: 0;
}

.typo a {
	border-bottom: 0;
}

/*商城圖片*/
.Prod_Info_Img
{
	height:250px;
}
/*商品樣式*/
.Mall_GoodsStyle_Item
{
	border:1px solid #000;
	padding:2px;
}
.Mall_GoodsStyle_Item_Active
{
	border:1px solid #F00;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.ident-text {
	cursor: pointer;
}

#authority_area {
	border-radius: 4px;
}

/*\
 * Restore Bootstrap 3 "hidden" utility classes.
\*/

/* Breakpoint XS */
@media (max-width: 575px)
{
	.fixed-sn main {
		padding-top: 3rem;
	}

	.std-text-size {
		font-size: x-small !important;
	}

	.text-xs-left {
		    text-align: left!important;
	}

	.d-xs-block {
		display: block !important;
	}

    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, 
    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }

    .t_label {
        font-size: 0.5rem;
    }

    .info_bar a {
    	font-size: 0.6rem;
    }

/*    #accordionEx td, #accordion_orders .card-body {
      font-size: x-small;
    }*/

    .nav-tabs {
    	height: 40px;
    	padding: 0;
    }

	/*商城圖片*/
	.Prod_Info_Img_6
	{
		height:150px;
	}
	.Prod_Info_Img_12
	{
		height:250px;
	}

}

/*web_settings**************************************************************************/

	.level-card {
		height: 24rem;
	}

	.white-skin .level-card {
		border: 1px solid #9e9e9e;
		border-radius: 4px !important;
		background-color: #deeae4 !important;
	}

	.light-blue-skin .level-card {
		border: 1px solid #9b7eff;
		border-radius: 4px !important;
		background-color: #dad4ea !important;
	}

	.black-skin .level-card {
		border: 1px solid #ff7043;
		border-radius: 4px !important;
		background-color: rgba(37, 74, 84, 0.58) !important;
	}

	.white-skin .hcolor {
		background-color: #597758 !important;
	}

	.black-skin .hcolor {
		background-color: #ff7043 !important;
	}

	.light-blue-skin .hcolor {
		background-color: #9b7eff !important;
	}

	.white-skin .target-color {
		background-color: #3f5f53 !important;
	}

	.black-skin .target-color {
		background-color: rgba(171, 63, 0, 0.96) !important;
	}

	.light-blue-skin .target-color {
		background-color: #74569a !important;
	}

	.white-skin .level-card .badge {
		background-color: #5c968e !important;
	}

	.black-skin .level-card .badge {
		background-color: #b32e71 !important;
	}

	.light-blue-skin .level-card .badge {
		background-color: #8e82c7 !important;
	}

/*BreakPoint****************************************************************************/

/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px)
{
	.fixed-sn main {
		padding-top: 5rem;
	}
	
	.std-text-size {
		font-size: x-small !important;
	}

    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, 
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px)
{
	.fixed-sn main {
		padding-top: 5rem;
	}

    .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px)
{
	.fixed-sn main {
		padding-top: 4.5rem;
	}

	.std-text-size {
		font-size: small !important;
	}

    .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint XL */
@media (min-width: 1200px)
{
    .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg
    {
        display: none !important;
    } 
}