@charset "utf-8";
*{border:none}
#pro_menu{
	 width:960px;
	 padding:0px;
	 margin:0px;
	 height:75px;
	 background:url('images/pro_bk.gif')  no-repeat;
	 margin: 0 auto;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif, 新細明體, 新細明體;
	}
p{
margin:0;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -57px; /* the bottom margin is the negative value of the footer's height */
}
h2{
	 font-size:12px;
	 font-weight:bold;
	 padding:10px 0px 10px 0px ;
	}

.footer, .push {
	height: 57px; /* .push must be the same height as .footer */
}

.header {
	height: 420px;
}

.header_news {
	height: 280px;
	background-image:url('images/news_bk.jpg');
}
.header_girls {
	height: 280px;
	background-image:url('images/girls_bk.jpg');
}
.header_tough {
	height: 280px;
	background-image:url('images/tough_birth.jpg');
}

.header_about {
	height: 280px;
	background-image:url('images/about_bk.jpg');
}


.header_culture {
	height: 280px;
	background-image:url('images/top_culture.jpg');
}
.header_history {
	height: 280px;
	background-image:url('images/tough_history.jpg');
}
.header_design {
	height: 280px;
	background-image:url('images/tough_design_tech.jpg');
}
.header_tech {
	height: 280px;
	background-image:url('images/product_original.jpg');
}

.header_store {
	height: 280px;
	background-image:url('images/store_bk.jpg');
}

.header_pro {
	height: 280px;
	background-image:url('images/pro.jpg');
}
.header_pro_list {
	height: 280px;
}


.footer {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background: url('images/footer01.gif') no-repeat;
}

body,html {
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	background-repeat : repeat-x; 
	background: url('images/bk00.gif') repeat-x;
	padding: 0px;
	height: 100%;
	margin: 0px auto;
	width:100%;
	text-align: center;
	/*font-size: 62.5%;*/
}

.wrapper {
	position: relative;
	width: 960px;
	font-size: 0.9em;
	margin: 0 auto -57px;
	text-align: left;
	background-image:url('images/bk01.gif');
}

.wrapper_black {
	position: relative;
	width: 960px;
	font-size: 0.9em;
	margin: 0 auto -57px;
	text-align: left;
	 background-color:black;
}



/* leftt */
#left {
float:left;
	width: 610px;
	padding:0px 0px 0px 50px;
	margin: 10px 0px 0px 0px ;
	}
	
.left_news0{
	width:510px;
	padding:0px 0px 3px 0px ;
	background-color:#FFFFFF;
	margin: 0px 0px 20px 10px;
	border-left:1px solid #aaa;		/* 左邊框 */
	border-right:1px solid #aaa;		/* 右邊框 */
	border-bottom:1px solid #aaa;	/* 下邊框 */
	border-top:1px solid #aaa;
	
	}
	
.left_news0 img{
	border-left:1px solid #aaa;		/* 左邊框 */
	border-right:1px solid #aaa;		/* 右邊框 */
	border-bottom:1px solid #aaa;	/* 下邊框 */
	border-top:1px solid #aaa;
	}
.left_news0 p{
	padding:5px 0px 5px 10px ;
	line-height: 180%;
	font-weight: bold;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
	text-align: left;
	color:#2ab2b3;
	}


.left_news{
float:left;
	width:610px;
	padding:0px;
	margin: 0px 0px 10px 0px;
	border-left:1px solid #aaa;		/* 左邊框 */
	border-right:1px solid #aaa;		/* 右邊框 */
	border-bottom:1px solid #aaa;	/* 下邊框 */
	border-top:1px solid #aaa;
	}
	
.left_news_note{
float:left;
	width:278px;
	padding:7px 0px 7px 15px ;
	margin:0px;

	}

.left_news_note h2{
 color:#2ab2b3;
 font-size:0.8em;
 padding:0;margin:0;
	}


/*.left_news_note img{
	padding:3px;
	}*/

*/

.left_news_note0{
float:left;
	padding:0px;
	margin: 0px;
	}


#right {
float:left;
	width: 215px;
	padding: 0px;
	margin: 10px 0px 0px 0px ;
	
	border-left:1px solid #aaa;		/* 左邊框 */
	border-right:1px solid #aaa;		/* 右邊框 */
	border-bottom:1px solid #aaa;	/* 下邊框 */
	border-top:1px solid #aaa;
}

#right_news {
float:left;
	width: 273px;
	padding: 0px;
	margin: 10px 0px 0px 0px ;
	
	border-left:1px solid #aaa;		/* 左邊框 */
	border-right:1px solid #aaa;		/* 右邊框 */
	border-bottom:1px solid #aaa;	/* 下邊框 */
	border-top:1px solid #aaa;
}

/*圖細框線*/
.img_line {
float:left;
	width: auto;
	border: 1px solid  #F0F0F0;
}


/* right內容物設定 */
.hot_pro{
float:left;
padding:0px 5px 3px 10px ;
	margin:2px 0px;
	line-height: 170%;
	font-size: 10px;
	width:195px;
}
.hot_pro img{
	border:1px solid #aaa;
	margin:2px;
}

.hot_pro_index{
	/*float:left;*/
	padding:0px 0px 0px 3px;
	margin:0px 0px 0px 3px;
	display: table;
	height: 63px;
	idth:130px;
	#position: relative;
	overflow: hidden;
	}
.hot_pro_index01{
	#position: absolute;
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;	
	}
.hot_pro_index02{
	#position: relative;
	#top: -50%;	
	}
.hot_pro_index02 h3{
font-size:1.1em;
font-weight:bold;
color:#2ab2b3;
padding:0;
margin:0;
	}
.hot_pro_index02 p{
font-size:1.1em;
color:#666;
	}

/* News_right內容物設定 */
.hot_news{
float:left;
padding:5px;
	margin:0px 5px 8px 5px;
	line-height: 180%;
	font-size: 10px;
	width:245px;
	border-left:1px solid #aaa;		/* 左邊框 */
	border-right:1px solid #aaa;		/* 右邊框 */
	border-bottom:1px solid #aaa;	/* 下邊框 */
	border-top:1px solid #aaa;
		color:#ffffff;
		background-color:white;
}

/* 指定區塊超連結 */
.hot_news:hover { 
cursor: pointer;/* 整個區塊都變手指 */
background-image:url('images/bk_news_click.gif');
color: #ffffff;
}

.hot_news img{
float:left;
	border:1px solid #aaa;
	margin:2px;
}
.hot_news img:hover{
cursor: pointer;/* 整個區塊都變手指 */
background-image:url('images/bk_news_click.gif');
color: #ffffff;
}


.hot_news_font:hover { 
cursor: pointer;/* 整個區塊都變手指 */
background-image:url('images/bk_news_click.gif');
color: #ffffff;
}


/* 區塊垂直置中開始-------------------------------------------------------------- */
.hot_news_font{
	/*float:left;*/
	padding:0px 0px 0px 6px;
	margin:0px 0px 0px 6px;
	display: table;
	height: 78px;
	#position: relative;
	overflow: hidden;
	}
.hot_news_font01{
	#position: absolute;
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;	
	}
.hot_news_font02{
	#position: relative;
	#top: -50%;	
	}

.hot_news_font02 p{
	line-height: 180%;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
	text-align: left;
	color:#2ab2b3;
	}
.hot_news_font02 a:hover{
	color:#ffffff;
	}
.hot_news_font a:hover{
	color:#ffffff;
	}

/* 區塊垂直置中結束-------------------------------------------------------------- */

/* test區塊垂直置中開始-------------------------------------------------------------- */
.hot_test{
float:left;
padding:5px;
	margin:0px 5px 8px 5px;
	line-height: 180%;
	font-size: 11px;
	width:330px;
		color:#152b40;
}


.hot_test_font{
	/*float:left;*/
	padding:0px 0px 0px 6px;
	margin:0px 0px 0px 6px;
	display: table;
	height: 130px;
	#position: relative;
	overflow: hidden;
	}
.hot_test_font01{
	#position: absolute;
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;	
	}
.hot_test_font02{
	#position: relative;
	#top: -50%;	
	}

	
.hot_test_font02 p {
	line-height: 180%;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
	text-align: left;
	color:maroon;
	}


.test_img_line {
float:left;
padding:2px;
	width: auto;
	border: 1px solid   #C0C0C0;
}

/* test區塊垂直置中結束-------------------------------------------------------------- */


/* culture左邊設定01開始-------------------------------------------------------------- */
.culture_note{
	 line-height:170%;
	 font-weight:0.1em;
	 margin:0 auto;
	 font-size: 11px;
	 padding:10px 0px 0px 0px;
	}

.culture_note p{
	padding:0px 3px 10px 10px ;
	}


.culture_note h2{
	font-size: 12px;
	line-height:170%;
	font-weight:0.1em;
	font-weight:bold;
	color:#e70505;
		padding:0px 3px 10px 10px ;

	}
.culture_note img{
	padding:0px 3px 10px 8px ;
	}
/* culture左邊設定01結束-------------------------------------------------------------- */

/* culture左邊設定02開始-------------------------------------------------------------- */
.culture_note2{
	margin:0px;
	text-align:center;
	padding:0px 0px 0px 0px ;
	}
	
.culture_note2 img{
	padding:1px;
	margin:1px;
	border:1px solid #aaa;
	}
/* culture左邊設定01結束-------------------------------------------------------------- */




	
/* 圓角設定 開始-------------------------------------------------------------- */
.culture_301{display:block}
.culture_301 *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#000000}
.culture_3011{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #919191;
  border-right:1px solid #919191;
  background:#3f3f3f}
.culture_3012{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  background:#303030}
.culture_3013{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #303030;
  border-right:1px solid #303030;}
.culture_3014{
  border-left:1px solid #919191;
  border-right:1px solid #919191}
.culture_3015{
  border-left:1px solid #3f3f3f;
  border-right:1px solid #3f3f3f}
.culture_301fg{
  background:#000000;
  line-height:170%;
  color:#FFFFFF;
  padding-left:8px;
  padding-right:8px;
  font-size:11px;

  }

/* 圓角設定 結束-------------------------------------------------------------- */

/* product內容物設定 */
.pro_list_line{
float:left;
padding:3px;
margin:4px 8px 14px 4px;
	border-left:1px solid #aaa;		/* 左邊框 */
	border-right:1px solid #aaa;		/* 右邊框 */
	border-bottom:1px solid #aaa;	/* 下邊框 */
	border-top:1px solid #aaa;
}

.pro_list{
	padding:3px;
	background-color:black;
}

.pro_list img{
	float:left;
}

.pro_list_img{
	float:left;
	width:125px;
	height:145px;
	background-color:#FFFFFF;
}


.pro_list_note{
	float:left;
	line-height: 150%;
	font-size: 10px;
	color: #CCCCCC;
	width:185px;
	height:110px;
	margin:3px 3px 0px 10px;
	text-align:justify;
}

.pro01 {
	border: 1px solid #C0C0C0;
}

.pro_ho{
position:relative;
	width: 150px;
	padding:0;
	margin:20px 0px 20px 19px!important;
	margin:20px 10px 20px 12px;
	border: 2px white solid;
	float:left;

}

.pro_ho:hover{
cursor: pointer;/* 整個區塊都變手指 */
 border:2px aqua solid;
}


#pro01_fo {
	left:5px!important;
	top:5px!important;
	position:absolute;	
	border:none;
	z-index:100;
	}
	

#pro01_new {
	top:190px;
	left:115px!important;
	position:absolute;	
	border:0px none;
	}
	
#pro01_new01 {
	top:0px;
	left:225px!important;
	border:0px none;
	position: relative;	
	width:30px;
	height:0px;

	}
.pro01 p {
	padding: 2px 1px 0px 2px;
	float: left;
}

.download {
	width:100%;
	padding:0;
	margin:0 auto;
}

.pro06 {
	position:relative;
	width: 878px;
	height:314px;
	padding:0;
	margin:0 auto;
	border: 1px solid #C0C0C0;
}


.menu {
	position: relative;
	text-decoration: none;
	height: 31px;
	padding: 0;
	margin: 0;
	border-top: 1px solid #C0C0C0;
	background:#dcdcdc;
}
.menu img {
	padding: 6px 0px 0px 2px;
	margin: 0 auto;
	float: left;
}
/*-----------------------------3BOX-----結束---------------------------------------*/
.menu span {
	display: none;
	display: block;
	position: relative;
}
.menu a {
	text-decoration: none;
}
.menu a span {
	display: none;
	
}
.menu a:hover {
	position: static;
}
.menu a:hover span {
	display: block;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 200px;
	color: #000;
	padding: 2px;
	text-align: left;
	font-size:0.8em;
}
/*下面的代码暂时在IE内不起作用*/
.menu:hover {
	color: #333;
}



.pro_list_logo{
	float:left;
	width:180px;
	height:25px;
	margin:3px 3px 0px 10px;
	padding:2px;
}
.pro_list_logo img{
	padding:2px;
}


/*
 表格最上層設定，進階設定則用"table.XXX"定義
*/
table {
	border-collapse: collapse;
}
table th {
	vertical-align: top;
	border: 0px;
	font-weight: bold;
	/*text-align: center;*/
	padding: 3px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	color: #333333;
}

table td {
	border: 0px;
	padding: 0px;
	vertical-align: top;

}
/*
有線的表格
*/
table.line {
}
table.line th {
	border: 1px solid #aaa;
	font-weight: bold;
	/*text-align: center;*/
	padding: 3px;
	background-color: #efefef;
	color: #3333cc;
}
table.line tr {
	border: 0px;
	padding: 0px;
}
table.line td {
	border: 1px solid #aaa;
	padding: 3px;
}

/*
沒有線的表格
*/
table.noline {
}
}
table.noline tr {
	border: 0px;
	padding: 0px;
}
table.noline td {
	border: 0px solid #aaa;
	padding: 3px;
}

/* 虛線01 */
.line01 {
	float: left;
	background-image: url('images/line01.gif');
	width: 100%;
	height:7px;
	margin:3px 0px 3px 0px;
	padding:3px 0px 3px 0px;
}

/* 虛線02 */
.line02 {
	float: left;
	background-image: url('images/line02.gif');
	width: 100%;
	height:7px;
	margin:3px 0px 3px 0px ;
	padding:3px 0px 3px 0px;
}

/* 虛線03 */
.line03 {
	float: left;
	background-image: url('images/line03.gif');
	width: 100%;
	height:7px;
	margin:3px 0px 3px 0px;
	padding:3px 0px 3px 0px;
}
.line04 {
	float: left;
	background: url('images/line05.gif') repeat-y;
	height:6px;
	margin:0px;
	padding:0px;
}
.line05 {
	float: left;
	background: url('images/line04.gif') repeat-x;
	height:6px;
	margin:0px;
	padding:0px;
	width: 100%;
}


/*
置中
*/
.tabcenter {
	margin: 0px auto;
}


/*
-----------------------------文字專用-----開始---------------------------------------
*/
.f150 {
	line-height: 130%;
}
/*字間距60%*/
.f160 {
	line-height: 160%;
}
/* 字間距70% */
.f170 {
	line-height: 170%;
}
/* 字間距80%*/
.f180 {
	line-height: 180%;
}
/* 字間距200%*/
.f200 {
	line-height: 200%;
}

.f_buy{
	font-size: 1.9em;
	font-family:  Verdana;
	font-weight: bold;
	color:#FF007C;
	letter-spacing: -0.1em;

}


.f17px {
	font-size: 3em;
	font-family:  Verdana;
	font-weight: bold;
	color:#FF007C;
}



.f16px {
	font-size: 16px;
	font-family:  Arial, Helvetica, sans-serif, 新細明體;
	font-weight: bold;
}
.f15px {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
}
.f14px {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
}
.f13px {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
}
.f12px {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
}
.f11px {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
}
.f10px {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
}
.f10px_white {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	color:#FFFFFF;
	line-height:170%;
}

.f10px_black {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	color: black;
	line-height:170%;
}

.f9px {
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
}
/*
文字靠上
*/
.f_top {
	vertical-align: top;
}
.f_bottom {
	vertical-align: bottom;
}
.f_center {
	vertical-align: middle;
}

/*
文字顏色
*/
.fcccc {
	color: #CCCCCC;
}
.fc222 {
	color: #666666;
}
.fc333 {
	color: #333333;
}
.fc82 {
	color:  #828282;
}

.fc3c {
	color: #3333cc;
}

.fc3cc {
	color: #3366FF;
}


.fc3b {
	color: #3366FF;
}
.fc3r {
	color: #ff3f3f;
}
.fcw {
	color: white;
}
.fc0 {
	color: #C0C0C0;
}
.fc3g {
	color: green;
}
.fuline {
	text-decoration: underline;
}

/*
文字加刪除線
*/
.f_del{
	text-decoration: line-through;
	}

/*
文字加粗
*/
.fbo {
	font-weight: bold;
}
/*
文字反白
*/
.fwhite {
	color: white;
}
/*
文字置中
*/
.tx_center {
	text-align: center;
}
/*文字靠右*/
.tx_right {
	text-align: right;
}
/*文字靠左*/
.tx_left {
	text-align: left;
}
/*
-----------------------------文字專用-----結束----------------------------------------
*/
/*
-----------------------------超連結設定-----開始---------------------------------------
*/
/*
 輸入筐
 */
.keyin {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	color: #000000;
	border: 1px solid #999999;
}
.bar {
	border: 2px outset #3399FF;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0066CC;
}
a:link {
	text-decoration: none;
	color:  black;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color:  #333333;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #0066CC;
}
a:hover {
	color:   #FF3300;
	text-decoration: none;
	/*text-decoration: underline;
	top: 1px;
	left: 1px;*/
}
div#trchang tr:hover {
	background: #D6F5EE;
}
div#tdchang td:hover {
	background: #D6F5EE;
}
/* 另跳視窗 */
A.open {
	target: expression(this.target='_blank');
}
/*
-----------------------------超連結設定-----結束---------------------------------------
*/
/*圖陰影*/
.shadow {
	background: url("../images/fuzzy_shadow.png") no-repeat bottom right;
}
.shadow div {
	background: url("../images/fuzzy_shadow1.png") no-repeat right top;
}
.shadow div {
	background: url("../images/fuzzy_shadow2.png") no-repeat left bottom;
	padding: 0 3px 3px 0;
	display: block;
}
.shadow img {
	background-color: #fff;
	color: #000;
	border: 1px solid #bbb;
	padding: 4px;
	vertical-align: bottom;
}
/*
-----------------------------間距用-----開始---------------------------------------
*/
.pat_left_5px{
	 padding-left:5px;
}
.pat_all_10px{
	 padding:10px;
}
.pat_tech_10px{
float:left;
	 padding:70px 10px 10px 10px;
}

.pat_tech01_10px{
float:left;
	 padding:70px 10px 10px 50px;
}

.pat_note_10px{
	 padding:7px;
	 font-size:11px;
	 color:  #555555;
	 line-height: 180%;
	 letter-spacing: 0.1em;
}
.pat_note_10px h2{
	 color:  #2ab2b3;
	 font-size:1.2em;
}

.pat_note_10px img{
	 padding:2px;
	 float:left;
}

.pat_index_3px{
	 padding:0px 0px 0px 5px ;
}


.pat_all_5px{
	 padding:5px;
}

#pro_note_all{
	 padding:5px;
	 float:left;
	 color: #333333;
	 line-height: 200%;
	 font-size: 11px;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	letter-spacing: 0.1em;
}
#pro_note_all ul{
	  padding-top:0px;
	  margin-top:0px;
}


.pat_ak_10px{
	 padding:20px 10px 0px 5px ;
	 height:18px;
}
.pat_culture_10px{
	 padding:4px 10px 1px 5px ;
	 height:17px;
}

.pager {
	margin: 0px auto;
	letter-spacing: 0.1em;
	color: #666666;
	line-height: 180%;
	font-size: 0.8em;
	width:850px;
	padding:20px 5px 0px 5px;
}

.pager_note {
	margin: 0px auto;
	letter-spacing: 0.1em;
	color: #666666;
	line-height: 180%;
	font-size: 0.8em;
	width:550px;
	padding:20px 5px 0px 5px;
	float:left;
}

.pager_note_right {
	margin: 0px auto;
	letter-spacing: 0.1em;
	color: #666666;
	line-height: 180%;
	font-size: 0.8em;
	width:245px;
	padding:20px 5px 0px 5px;
	float:left;
}
.pager_note_right img {
 padding:5px 5px 2px 5px;
float:left;
}



.pager_left {
font-size:1.2em;
font-weight: bold;
color:#14c5cc;
	float:left;
	width: 200px;
}


.pager_right {
	float: right;
	width:300px;
	text-align: right;
}