@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
@font-face {
  font-family: 'Noto Sans TC', sans-serif;
}

body{
	margin: 0;
	border: 0;
	height:100%;
	min-height: 100%;
	background: #fff;
	height:100%;
	/*font-family: 'Nunito';*/
}

a {
   outline: 0;
}

a:hover, a:active, a:focus {
  outline: 0; text-decoration: none;
}

/*---- Outside ----*/
.body{ height:100%; min-height:100%;}

.layoutCon{ background: #fff; border-radius: 10px; padding-bottom: 50px;}

.wrapper{ padding:0; height:100%; min-height:100%; border-top:2px solid #fefefe; 
			}

.container{ padding: 0;}

.mainBox{ background: #fff; padding: 10px 20px; }

footer{ width:100%; padding: 10px; font-size: 12px; background: #f2f2f2; color: #999;}
/*---- end of Outside ----*/



/*---- navi ----*/
.mainTop{ text-align: center;  padding: 5px 0; }


@media (max-width:992px) {
	.logoArea{ text-align: center; margin-left:15px; padding-top: 8px; }
	.logoArea img{ height: 40px;  }
}
@media (min-width:992px) {
	.logoArea{ text-align: center; padding-left:15px; margin-bottom: 5px; padding-top: 18px;  }
	.logoArea img{ height: 40px;  }
}

.header{  }
.headerMainNavi{ }
.headerMainNavi li{margin: 0 10px; }
.headerMainNavi li a{ font-size: 14px; /*color: #24BED1!important;*/ color:#555;
		padding: 20px 10px;  }
	.headerMainNavi li a:hover{ color: #24BED1!important; 
			}
	.headerMainNavi li a.active{ color: #24BED1!important; }

.btn-default{ border:0px;  }

.headerTool{  margin-right: 10px;  }
		.headerAccount{ margin-right: 10px; }

		.top-button{ list-style: none; }

		.headerLang .langChangeBT{
			font-size: 12px; border-radius:0px; color: #666; 
			border:0px; height: 52px; line-height: 43px; margin-top: 0px; margin-bottom: 0;
			width: 45px; font-weight: bold; margin-right: -5px;
			background: #fff;
		}
		
		.headerAccount .toMemberPage, .headerAccount .toLogin{ 
			font-size: 12px; border-radius:0px; color: #666; 
			border:0px; height: 52px; line-height: 43px; margin-top: 0px; margin-bottom: 0;
			width: 45px; font-weight: bold; margin-right: -5px;
			background: #fff;
		}
			.headerAccount .toMemberPage:hover, .headerAccount .toLogin:hover{
				background: #b7e9f4; color: #fff;
			}
	
		.cartIcon .toCart{ 
			border-radius:0px; color: #666; font-size: 12px;
			border:0px; height: 52px; margin-top: 0px; margin-bottom: 0; width: 45px;
			font-weight: bold; line-height: 28px; background: #fff;
			box-shadow: none !important;
			-webkit-box-shadow: none !important;
			/*
			border-right: 1px solid #eee;
			background: #00bcd4;
			*/
		}

			.cartIcon .toCart.active{background: #b7e9f4; color: #fff;}
			.cartIcon .toCart:hover{
				background: #b7e9f4; color: #fff;
				box-shadow: none !important;
				-webkit-box-shadow: none !important;
			}

.headerCart{ display: none; position: absolute; border:1px solid #b7e9f4; top: 52px; background: #fff;
	right: 0; padding: 20px; z-index: 101; right: 0px; width: 400px;
	/*box-shadow: 0px 8px 8px 0px #999;*/}
.cartContent{  }
.cartRow{ padding:5px; height: 60px; border-bottom: 1px solid #eee; font-size: 12px; }
	.cartRow .title{color: #ccc; font-weight: bold;}
.cartImage{ width: 100px; }
.cartName{ width: 240px; overflow: hidden; margin: 5px 0; font-weight: bold;}
.cartSize{ width: 80px; color: #888;}
.cartColor{ width: 70px; color: #888; }
.cartQuantity{ width: 50px; text-align: right; color: #888; font-weight: bold;}

.cartMouse{position:relative;}
.cartFooter{ margin-top: 10px; text-align: right; }
.cartFooter a{ background: #4485aa; padding: 6px 70px; color: #fff; font-size: 12px; 
		font-weight: bold;}
	.cartFooter a:hover{ text-decoration: none; }


.nav-item{ margin:0 3px!important; }
/*----- end of shopping cart -----*/


/*----- table ------*/
.colID{ width: 120px; }
.colName{ width: 200px; }
/*----- end of table ------*/


/*----- footer ------*/
footer{
	padding-top: 30px;
}
/*----- end of footer ------*/

.btn-warning{ color: #fff; }
.clean{ clear: both }
.inline{ float: left; display: inline; }
.inlineRight{ float: right; display: inline; }
.marginTop{margin-top: 15px;}
.btn.btn-warning{ background: #ff8311; }

@media (max-width:992px) {
    .desktop-only {
        display: none !important;
    }
}