/* 版面設定 */
body { 
	margin:0 0 0 0;
	font-size: medium;
	font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;
	background-color:#FFF;
	overflow-x:hidden;
}

table tr td {
	padding:5px;
}

@media (max-width: 599px) {
    body { 
		padding-top:0px;
    }
}

@media (min-width: 600px) {
    body { 
		padding-top:0px;
    }
}
@media (min-width: 768px) {
    body { 
		padding-top:0px;
    }
}
@media (min-width: 992px) {
    body { 
		padding-top:0px;
    }
}
@media (min-width: 1200px) {
    body { 
		padding-top:0px;
    }
}

/* 圖片去框 */
img	{ border: 0; }

/* 內容間距 */
p { 
	font-size: medium;
	font-family: "微軟正黑體", "新細明體", sans-serif, SimSun;
}

/* 文字內容 */
.content {
	text-align : left;
	 background-image:url('../images/IndexMainImg.jpg');
	 background-repeat:no-repeat;
	 background-position: bottom center;
}

/* 主標題 */
h2 { 
	clear : both;
	background : url(cssimg/h2_bg.jpg) left bottom no-repeat; 
	padding : 0.6em 0 0.6em 3.3em;
    font-size : 1.2em;
    width : 90%;
	color:#14323C;
	letter-spacing:0.1em;
	margin:10px 0 0 0;
}

/* 次標題 */
h3 {
	clear : both;
	background : url(cssimg/h3_bg.jpg) no-repeat 0 50%; 
    font-size : 14pt;
    width : 90%;
	margin:0px 0;
	letter-spacing:0.1em;
	padding : 0.8em 0 0.5em 1em;
	color:#00699A;
}
html>body h3 {padding : 0.6em 0 0.7em 1em;}
*+html>body h3 {padding : 0.8em 0 0.5em 1em;}

/* 計數器 */
#counter {
     position:absolute;
	 width:150px;
	 top:20px;
	 left:25px;
}

/*--------- 功能 ---------- */
input { 
	/*cursor: pointer; */
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #777766;
	border-bottom:1px solid #777766;
	background:url(cssimg/login_button.jpg) left top repeat-x;
}

.checkbox { /*給 核選方塊的 lable 用 */
	background: transparent; padding: 0; border: 0; margin: 0; margin-right: 6px;
}

textarea { /* 文字方塊 */
	clear : both;
	overflow: auto;
}

.pic  { /* 圖片外圍DIV */
	float : left;
	border : 1px solid #ccc;
	padding : 3px;
	margin : 3px;
}

.pic2  { /* 圖片外圍DIV */
	float : Right;
	border : 1px solid #ccc;
	padding : 3px;
	margin : 3px;
}

.pic_product  { /* 圖片外圍DIV */
	float : left;
	border : 1px solid #ccc;
	padding : 3px;
	margin : 3px;
}


	/* make sidebar nav vertical */ 

	@media (min-width: 768px) {
	
	  .sidebar-nav {
	  	width:160px;
	  }	
	
	  .sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	  }
	  .sidebar-nav .navbar ul {
		float: none;
	  }
	  .sidebar-nav .navbar ul:not {
		display: block;

	  }
	  .sidebar-nav .navbar li {
		float: none;
		display: block;
	  }
	  .sidebar-nav .navbar li a {
		padding-top: 12px;
		padding-bottom: 12px;
	  }
	}

@media (min-width: 992px) and (max-width: 1199px) {
	  .sidebar-nav {
	  	width:220px;
	  }	
	  
	  .sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	  }
}
@media (min-width: 1200px) {
	  .sidebar-nav {
		width:260px;
	  }
	  
	  .sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		max-height: none;
	  }	
}
	.sidebar-nav .navbar-header{ float: none; }