/*
My Custom CSS
=============
*/
body {
	font-family: "微軟正黑體Bold", Verdana, Geneva, sans-serif, SimHei, "WenQuanYi Micro Hei";
	padding-top: 80px;/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.name {
	font-size: 32px;
	font-family: "微軟正黑體Bold", Verdana, Geneva, sans-serif, SimHei, "WenQuanYi Micro Hei";
	font-weight: 800;
	letter-spacing: 3px;
	margin-top: 10px;
	margin-bottom: 25px;
}
.name small {
	font-size: 50%;
	letter-spacing: 0px;	
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "微軟正黑體Bold", Verdana, Geneva, sans-serif, SimHei, "WenQuanYi Micro Hei";
}
h2 {
	font-size: 24px;
}
h3, h4, .h3, .h4 {
	font-size: 24px;
}
.a32 {
	font-size: 32px;
}
.a24 {
	font-size: 24px;
}
.a20 {
	font-size: 20px;
}
.a18 {
	font-size: 18px;
}
.a16 {
	font-size: 16px;
}
a {
	color: #000000;	
}
.fat {
font-weight:bold;
}
.tex-center {
	text-align:center;
}
.ttcom {
    color: #636262;
}
.ttcom a {
	color: #636262;
}
.ttcom a:hover {
	color: #636262;
}
/* --------------------------------------
   Layout
   -------------------------------------- */
.p-box{
   padding: 15px 9px;
   margin-bottom: 14px;
   background-color: #f7f7f9;
   border: 1px solid #e1e1e8;
   border-radius: 4px;
}
.left-15 {
	padding-left: 15px
}
.left-25 {
	padding-left: 25px
}
.left-35 {
	padding-left: 35px
}
.marbtm-90 {
	margin-bottom: 90px;
}
.marbtm-60 {
	margin-bottom: 60px;
}
.marbtm-45 {
	margin-bottom: 45px;
}
.marbtm-35 {
	margin-bottom: 35px;
}
.marbtm-25 {
	margin-bottom: 25px;
}
.marbtm-8 {
	margin-bottom: 8px;
}
.martop-60 {
	margin-top: 60px;
}
.martop-25 {
	margin-top: 25px;
}
.martop-20 {
	margin-top: 20px;
}
.martop-10 {
	margin-top: 10px;
}
footer {
	/*background: #333;*/
	color: #eee;
	font-size: 15px;
	padding: 20px;
	/*----黑色樣式------*/
	background-color: #000000;
	background-image: linear-gradient(to bottom, #000000, #3e3e3e);
	background-repeat: repeat-x;
	border-color: #747474;
}
footer h6 {
	font-size: 18px;
	line-height: 30px;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #fff;
}
.center {
	width: auto;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.red {
	color: #c6252b;
}
.blue {
	color: #5e90d9;
}
.white {
	color: #FFFFFF;
}
.letsp-x {
	letter-spacing:6.5px;
}
.letsp-x2 {
	letter-spacing:5.5px;
}
.product {
	font-size: 16px;
	line-height: 30px;
}
.product-2 {
	font-size: 22px;
	line-height: 45px;
}
.header-box {
	margin-left:200px;
}
.header-box3 {
	background-color: #000000;
	background-image: linear-gradient(to bottom, #9d9d9d, #494949);
	background-repeat: repeat-x;
	border-color: #747474;
}
.header-box2 {
	background-color: #000000;
	background-image: linear-gradient(to top, #ffffff, #E1E1E1);
	background-repeat: repeat-x;
	border-color: #747474;
	height:60px;
}
.header-box4 {
	background-color: #ffffff;
	height:105px;
}
.banner {margin-top:106px;}
/* --------------------------------------
   sidemenu
   -------------------------------------- */
.sidemenu a {
	font-size:17px;
}
/* --------------------------------------
   產品圖區塊
   -------------------------------------- */
.product-out {
	padding:8px;
}
.product-block {
	border: 1px solid #b0b0b0;	
}
.product-box {
	padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
	border-left-color: #5e90d9;
} 
.sign {color:#5e90d9;}
.sign2 {color:#009482;}
/* --------------------------------------
   Navbar
   -------------------------------------- */

.p-left {
	margin-left:80px;
	text-indent:-80px;
	margin-bottom:0;
}
.padding-left-80 {
	padding-left: 80px;
	font-size:16px;
}
.padding-left-35 {
	padding-left: 35px;
}
.padding-left-25 {
	padding-left: 25px;
}
.padding-left-15 {
	padding-left: 15px;
}
.padding-left-19 {
	padding-left: 19px;
}
.padding-left {
	padding-left: 178px;
}

.nav {
	
}
.nav a {
	font-size:18px;
}
.navbar {
	border: 0px solid transparent;
}
.navbar-form {
	margin-top: 18px;
}
.navbar-nav {
	margin-top: 25px;
}

/*.nav>li>a {
	margin: 10px 10px;
}*/
.navbar-brand {
	margin: 0;
	padding: 0;
	display: block;
	height: 65px;
}
/* --樣式--navbar-- */
.navbar-nav>li>a {
	margin-left: 25px;
}
.navbar-inverse {
	background-color: #FFFFFF;
}
.navbar-inverse .navbar-nav>li>a {
	color: #000;
}
.dropdown-menu>li>a:hover {
 /*background-color:;*/
}/*--下拉子選hover單背景色--*/
.navbar-inverse {
 /*background-color:;*/
}
.navbar-inverse .navbar-inner {
	background-color: #FFFFFF;
	margin-top: 23px;
	background-image: linear-gradient(to bottom, #FFFFFF, #eaeaea);
	background-repeat: repeat-x;
	border-color: #e8e8e8;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
	background-color: #FFFFFF;
	color: #e60012;
	font-weight:bold;
	/*border-radius: 10px;*/
	/*background-image: linear-gradient(to bottom, #494949, #9d9d9d);*/
	/*background-repeat: repeat-x;*/
}
.navbar-inverse .navbar-toggle {
	border-color: #CCC;
	border-radius: 4px;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #000;
	border-radius: 4px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: #000;
	border-radius: 4px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
	background-color: #000;
	border-radius: 4px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color: #D9534F;
	background-color: transparent;
}
.icon-bar {
	background-color: #FF0000 !important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #d8d8d8;
}

/*----------按鈕中文轉英文效果----------------------*/
#change-w {}
#change-w a span.show-W{display: inline;}    /* 預設中文顯示、英文隱藏 */
#change-w a span.hide-W {display: none;}
#change-w a:hover span.hide-W {display: inline;} /* OnMouseOver 時顯示英文、隱藏中文 */
#change-w a:hover span.show-W {display: none;}
/*#change-w a:hover { background-color: #FF6600; color: #000000; }*/  /* OnMouseOver 時改變底色跟文字顏色 */
/*----------------------------------------------*/
/* --表格-- */
.white-bg {
	
}

.bg-01 {
    background-color: #dcedff;
}


/* --------------------------------------
   footer icon
   -------------------------------------- */
.icon ul li {
	list-style: none;
	float: left;
	margin-left: 6px;
}

#goTop a {
	color:#f00;
}
/* --------------------------------------
   Media Queries
   -------------------------------------- */
   
/* Landscape phone to portrait tablet */   
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #000;
}
#empty {
	display: none;
}
.nav {
	padding-left: 0;
}
.navbar-header {
	padding-left: 15px;
}
.navbar-nav>li>a {
	margin-left: 0px;
}
.header-box {
	margin-left:0px;

}
.banner {margin-top:145px;}

}

/* Portrait & landscape phone */
@media (max-width: 480px) {
.thumbnail .price {
	font-size: 14px;
}
.thumbnail .price sup {
	font-size: 10px;
}
.nav>li {
   border-top: 1px solid #e5e5e5;
}

}

/* Landscape phone to portrait tablet */
@media (max-width: 740px) {

.nav>li {
   border-top: 0px solid #e5e5e5;
}

}
@media (max-width: 768px) {

#profile-left{
	display: none;
}

}
/* Large desktop */
@media (min-width: 1200px) {
}

@media (min-width: 768px) {
#empty2 {
	display: none;
}
	h3, h4, .h3, .h4 {
	font-size: 14px;

}
}