@charset"BIG5";

/* ---------------------------------------------------------
      整體結構 
---------------------------------------------------------- */
body {
	behavior: url(csshover.htc);
	margin: 0;
	padding:0;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 10pt;
	color: #666666;
	background-image: url(images/body_bg.gif);
}
#wrapper{
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width:854px;
	background-color:#FFFFFF;
	background-image: url(images/wrapper_bg.gif);
	border:3px solid #000000;
	background-repeat: repeat-y;
	background-position: 2px -242px;
}
/* 頁首 */
#header{
    width:100%;
	font-size: 9pt;
	margin: 0;
	padding: 0;
	text-align:right;
}
/* 上方導覽框 */
#nav{
	width:100%;
	height:146px;
	background-color:#242424;
	background-image: url(images/nav_bg.jpg);
	background-repeat: no-repeat;
	text-align:right;
}
/* 中央內容欄框 */
#main_col{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	background-image: url(images/contentbg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: auto;
	height:1%;
}
/* 左邊多媒體欄框*/
#left_slideshow{
	position: absolute;
	height: 451px;
	width: 358px;
	margin-top: 70px;
	*margin-top: 80px;
	_margin-top: 80px;
}
/* 左邊導覽框*/
#left_nav{
	position: absolute;
	width: 200px;
	margin-top: 69px; /* firefox */
	*margin-top: 80px; /* ie7 */
	_margin-top: 80px; /* ie6 */
}
/* 首頁右邊欄框 */
#main_right_col{
	float:right;
	margin: 0;
	width:496px;
	padding: 0px 0px 0px 0px;
}
/* 內頁右邊欄框 */
#page_right_col{
	float:right;
	margin: 0;
	width:660px;
	padding: 0px 10px 0px 0px;
}
/* 頁尾欄框 */
#footer{
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 8px;
	width:844px;
	background-color: #EBEBEB;
	text-align:right;
}
/* ---------------------------------------------------------
      連結設定 
---------------------------------------------------------- */
a:link, a:visited{
	color: #666;
	text-decoration: none;
}
a:hover, a:active{
	color: #FF0000;
	text-decoration: none;
}
/* ---------------------------------------------------------
      內文字體定義 
---------------------------------------------------------- */
.h1{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: bold;
}
.h2{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 7pt;
	color: #666;
}
.h3{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 10pt;
	color: #333;
	font-weight: bold;
}
.h4{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 10pt;
	color: #666;
	line-height: 20px;
}
.h5{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11pt;
	color: #333;
	font-weight: bold;
}
.h6{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 10pt;
	color: #f1678d;
	font-weight: bold;
}
.h7{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11pt;
	color: #f1678d;
	font-weight: bold;
}
.h8{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11pt;
	color: #666;
	font-weight: bold;
}
.h9{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 7pt;
	color: #FFF;
	background-color:#333333;
}
.h10{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 9pt;
	color: #f00;
}
.h11{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 15pt;
	color: #f1678d;
	font-weight: bold;
}
.h12{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12pt;
	color: #666;
	line-height: 20px;
}
.pink{
    color: #f1678d;
}
/* ---------------------------------------------------------
      頁首 
---------------------------------------------------------- */
.logo{
	margin: 6px 12px 0px 0px;
}
/* ---------------------------------------------------------
      中央內容欄 
---------------------------------------------------------- */
/*首頁介紹*/
.index_intro{
    margin: 0px 10px 0px 18px;
	padding: 0px 0px 0px 0px;
}
/*右邊欄最新消息*/
.index_news_box{
	background-color: #FAF9F8;
	border: 1px solid #DCDCDC;
	padding: 0px 10px 10px 10px;    
}
.index_news_box ul{
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}
.index_news_box ul li{
	list-style-type: disc;
}
/* 左邊導覽框 */
.left_nav{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(images/left_nav_bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 8px;
}
.left_nav ul{
	list-style: none;
	padding: 0px;
	margin: 0px 8px 0px 12px;
}
.left_nav li{
	list-style: none;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px dashed #666666;
}
.left_nav ul li a:link, .left_nav ul li a:visited{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(images/org_point.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #ccc;
	text-decoration: none;
	font-size: 11pt;
}
.left_nav ul li a:hover, .left_nav ul li a:active{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(images/org_point.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #FF0000;
	text-decoration: none;
	font-size: 11pt;
}
.left_nav li li{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom:none;
}
.left_nav ul li li a:link, .left_nav ul li li a:visited{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: none;
	color: #ccc;
	text-decoration: none;
	font-size: 10pt;
}
.left_nav ul li li a:hover, .left_nav ul li li a:active{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FF0000;
	text-decoration: none;
	font-size: 10pt;
}
.left_nav_bbg{
	background-image: url(images/left_nav_bottombg.gif);
	background-repeat: repeat-x;    
}
.itemspace{
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 10pt;
	color: #666;
	line-height: 20px;
}
.itemspace li{
    margin: 0px 0px 6px 0px;
}
/* 內頁中央內容無分欄 */
.page_intro{
    margin: 0px 24px 0px 24px;
	padding: 0px 0px 0px 0px;
}
/* 內頁中央內容分兩欄 */
.page_leftcol{
    float:left;
	width:50%;
}
.page_rightcol{
    float:left;
	width:50%;
}
/* 刷具table */
.brushes_tb{
    margin:10px 0px 0px 0px;
	/*padding:3px 1px;*/
}
.brushes_tb td{
    border-bottom:dashed #CCCCCC 1px;
	padding:3px 3px;
}
/* 最新消息table */
.news_tb td{
    border-bottom:dashed #CCCCCC 1px;
	padding:3px 1px;
}
/* 留言版table */
.board_tb td{
    border-bottom:dashed #CCCCCC 1px;
	padding:5px 8px;
}
.question_content{
    margin: 0px 0px 0px 24px;
}
.answer_box{
	display:block;
	background-color: #FDDFE8;
	margin: 0px 0px 0px 24px;
}
/* 專業課程table */
.class_tb{
    border-collapse:collapse;
	background-color:#EEE;
	border:#CCCCCC 3px solid;
}
.class_tb td{
    border:#CCCCCC 1px solid;
	padding:5px 3px;
}
.class_title td{
    background-color:#f1678d;
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11pt;
	color: #333;
	font-weight: bold;
	border-bottom:#da6585 3px solid;
}
.class_ps{
    background-color:#FFF;
}
.class_cb{
    background-color:#ccc;
}
/* Gallery邊框 */
.gallerytb{
   text-align:center;
}
/* 產品使用圖片 */
.imagebox{
    float:left;
	padding:5px 10px 5px 5px;
}
.imagebox_nonborder{
    float:left;
	padding:5px 10px 5px 5px;
}
.imagebox img{
    border: 1px solid #cccccc;
}
.imagebox p{
    margin:2px 0px 0px 0px;
    text-align:center;
    font-size:9pt;
}
.imagebox_fx{
    float:left;
	padding:5px 10px 5px 10px;
	height:330px;
}
.imagebox_fx img{
    border: 1px solid #cccccc;
}
.imagebox_fx p{
    margin:2px 0px 0px 0px;
    text-align:center;
    font-size:9pt;
}
/* QnA */
.qa_q{
   font-size: 11pt;
   font-weight: bold;
   color:#f1678d;
}
.qa_a{
   font-size: 11pt;
   font-weight: bold;
   color:#666;
   padding:0px 5px 0px 3px;
}
/* ---------------------------------------------------------
      頁尾 
---------------------------------------------------------- */

/* ---------------------------------------------------------
      相關連結 
---------------------------------------------------------- */

/* ---------------------------------------------------------
      其他 
---------------------------------------------------------- */
.tdborder_dashed{
	border-bottom: 1px dashed #666666;    
}
.prodimage_border{
    border: 1px solid #cccccc;
	margin: 0px 0px 20px 20px;
}
.prodimage_brush{
	margin: 10px 0px 10px 0px;
}
.non_border{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.spacer {
	clear: both;
}