﻿img{ behavior: url(iepngfix.htc) }
div{ behavior: url(iepngfix.htc) }
backgound-image: url(iepngfix.htc) }


.product-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	vertical-align: top;
	height: 50px;
}
.table_bfbfbf {
	background-color: #BFBFBF;
}



.barbg {
	behavior: url("iepngfix.htc");
	background-image: url(../images/barbg.png);
	background-repeat: no-repeat;
}
a {
	color: #FF3300;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.gt1 {
	background-image: url(../images/gt1.gif);
	background-repeat: repeat-x;
}
.gt2 {

	background-image: url(../images/gt2.gif);
	background-repeat: repeat-y;
}
.gt3 {


	background-image: url(../images/gt3.gif);
	background-repeat: repeat-y;
}
.gt4 {



	background-image: url(../images/gt4.gif);
	background-repeat: repeat-x;
}



.ct1 {
 background:url(../images/ct1.gif) left bottom repeat-x;
 width:960px;
 height:30px;
}

.cmenu-1 {
	background-image: url(../images/cmenubar-1.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 10px;
}

.ct3 {
	background-image: url(../images/ct3.gif);
	background-repeat: repeat-y;
}
.ct4 {
	background-image: url(../images/ct4.gif);
	background-repeat: repeat-x;
}




body {
	background-color:#FFFFFF;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;

}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
}
select {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

.whitebutton {
	line-height: 25px;
	color: #666666;
	background-image: url(../images/whitebutton.gif);
	background-repeat: no-repeat;
	display: block;
	width: 122px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top:5px;

}


.button {
	line-height: 25px;
	color: #FFFFFF;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	display: block;
	width: 73px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.control_w {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	font-weight:bold;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 5px;
}
.copyright2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	margin: 5px;
}
.copyright-home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin: 5px;
}
.function_search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-right:5px;
	width:80px;
}
.function_font11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-right: 10px;
	margin-left: 10px;
}
.newsbar-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	padding-left: 5px;
}
.newsbar-title-home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
	padding-left: 5px;
}
.newsbar-link {
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.content12pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color: #666666;
}

.content12pt h1{ font-size:1.6rem; color:#000;}
.content12pt h2{ font-size:1.4rem;}
.content12pt h3{ font-size:1.2rem;}
.content12pt h4{ font-size:1.2rem;}
/*.content12pt div{ font-size:1rem; color:#666; line-height:1.5;}*/

a.newsbar-link:hover {
	color: #CCCCCC;
	text-decoration: underline;
}


.navi_id {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}
#product_menu {
	behavior: url("iepngfix.htc");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding-right: 7px;
	padding-left: 7px;
	background-image: url(../images/proline.gif);
	background-position: right;
	background-repeat: no-repeat;
	/*letter-spacing:-1px;*/
	
}

#product_menu_red {
	behavior: url("iepngfix.htc");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
	padding-right: 7px;
	padding-left: 7px;
	background-position: right;
	background-repeat: no-repeat;
	/*letter-spacing:-1px;*/
	
}

#model_menu {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
 text-decoration: none;
 font-weight: bold;
 background-image: url(../images/probutton-off.gif);
 background-repeat: no-repeat;
 line-height: 30px;
 text-align: center;
 width: 100px;
 height: 25px;
 display:block;
}
#model_menu_on {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FF3300;
 text-decoration: none;
 font-weight: bold;
 background-image: url(../images/probutton-on.gif);
 background-repeat: no-repeat;
 width: 100px;
 line-height: 30px;
 text-align: center;
 height: 25px;
 display:block;
}
.m_menu{
 float:left;
 padding-bottom:5px;
 padding-bottom:0px \9;
}

.productmodel-content-table {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
 text-decoration: none;
 border:1px #ccc solid;
}

.productmodel-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	vertical-align: top;
}

.productmodel-content {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	line-height:16px;
	text-decoration: none;
/*	display:block;
	height:65px;
	overflow:hidden;*/
}
.dotline {
	background-image: url(../images/dot.gif);
	background-repeat: repeat-y;
}
.productmodel-compare {

	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
}
.content-title {
	line-height:1.5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #333333;
}
.title15pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}
.title20pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	height: 40px;
	width: 100%;
	display: block;
	line-height: 40px;
}
.dotline_hor {

	background-image: url(../images/dot-hor.gif);
	background-repeat: repeat-x;
}
.cmenu-2 {

	background-image: url(../images/cmenubar-2.gif);
	background-repeat: repeat-x;
}
#product_top_title {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	padding-right: 5px;
}

#review {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-right: 15px;
	line-height: 30px;
}

.bottomline-home {
	behavior: url("iepngfix.htc");
	background-image: url(../images/bottom-line-w.png);
	background-repeat: repeat-x;
}
.news-link {
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	width: 650px;
}
.newsdate-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 30px;
}
.news-content {
	font-family: "Lucida Sans Unicode";
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	line-height: 22px;
}

.news-content a{ color:#ff3d00;}
#product_menu_on {

	behavior: url("iepngfix.htc");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF3300;
	text-decoration: none;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 10px;
	background-image: url(../images/proline.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.content12pt td{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
}

#pic{
 margin-top:5px;
}

/*--參訪曜越圖示--*/
#menuback{
	margin:0;
	padding:0;
	width:150px;
	position:absolute; 
	top:18px; 
	right:-160px; 
	right:-150px\9; 
	z-index:999;
	list-style: none;
	background: url(../images/menu-bg.png) top center no-repeat;
	overflow: auto;	
}

#menuback li.shutter {
	width: 150px;
	height: 80px;
	display: block;
	float: left;
}

#menuback li#shutter1 {

	background: url(../images/explore.png) no-repeat;	
}
#menuback a.link {
   width: 150px;
   height: 80px;
   display: block;
   background: url(../images/window.png) no-repeat bottom center;
   text-indent: -9999px;
}
/*--參訪曜越圖示END--*/
	
	
/*--explore the ttdesign_css--*/
ul#menuback2 {
	margin:0;
	padding:0;
	width:150px;
	height: 80px;
	position:absolute; 
	top:110px; 
	right:-160px; 
	right:-150px\9;  
	z-index:999;
	list-style: none;
	background: url(../images/menu-bg2.png) top center no-repeat;
	overflow: auto;
}

ul#menuback2 li.shutter2 {
	width: 150px;
	height: 80px;
	display: block;
	float: left;
}

ul#menuback2 li#shutter2 {

	background: url(../images/explore2.png) no-repeat;	
}

#menuback2 a.link2 {
   width: 150px;
   height: 80px;
   display: block;
   background: url(../images/window.png) no-repeat bottom center;
   text-indent: -9999px;
}



/*--L10 VIDEO--*/
ul#menuback3 {
	margin:0;
	padding:0;
	width:150px;
	height: 80px;
	position:absolute; 
	top:20px; 
	left:-160px; 
	left:-150px\9;  
	z-index:999;
	list-style: none;
	background: url(images/l10Banner.png) top center no-repeat;
	overflow: auto;
}

ul#menuback3 li.shutter3 {
	width: 150px;
	height: 80px;
	display: block;
	float: left;
}

ul#menuback3 li#shutter3 {
	background: url(../images/l10Banner_cover.png) no-repeat;	
}

#menuback3 a.link3 {
   width: 150px;
   height: 80px;
   display: block;
   background: url(../images/window.png) no-repeat bottom center;
   text-indent: -9999px;
}
/*--L10 VIDEO end--*/
#ProLiContent{
display:block;
width:auto;
height:110px;
padding-bottom:6px;
overflow:hidden;


}

/*liquid_cooler*/
.liquid_cooler_card{
	width:750px;
	height:500px;
	padding:10px 10px 0;
	margin-top: 10px;
	background: url(../images/LC/LC_bg.jpg) no-repeat 210px 0px;
}
.liquid_cooler_card_left{
	width: 200px;
	height: 500px;
	float: left;
}
.liquid_cooler_card_left li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 28px;
	color: #666;
	overflow: hidden;
}
.liquid_cooler_card_left li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 28px;
	color: #666;
	cursor: pointer;
	width: 200px;
	display: block;
	overflow: hidden;
}
.liquid_cooler_card_left li a:hover{
	color: #ff3300;
}
.liquid_cooler_card_left li:hover{
	color:#ff0000;
	background: #eee;
}
.liquid_cooler_card_left li:hover a{
	color: #ff3300;
}
.liquid_cooler_card_left img{
	position: absolute;
	border: 0;
	padding: 0;
	top:178px;
	margin-left: 200px;
	margin-left: 0\9;
	*margin-left: 200px;
	*top:182px;
}
.LC_01>img,.LC_02>img,.LC_03>img,.LC_04>img,.LC_05>img,.LC_06>img,.LC_07>img,.LC_08>img{
	width: 490px;
	height: 500px;
	display: none;
}
.LC_01:hover img{display: block;}
.LC_02:hover img{display: block;}
.LC_03:hover img{display: block;}
.LC_04:hover img{display: block;}
.LC_05:hover img{display: block;}
.LC_06:hover img{display: block;}
.LC_07:hover img{display: block;}
.LC_08:hover img{display: block;}
.LC_01{
	margin-top: 100px;
}
/*--20150203--*/
.fittingsBox{
	position:relative;
	
	}
.fittingsDownload{
	position:absolute;
	top:-25px;
	left:440px;
	z-index:99;
	
	display:block;
	width:295px;
	height:20px;
	padding:0px 8px;	

	
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration:none;
	/*font-weight: bold;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	}
	
.fittingsDownload a:hover{
	background-color:#333;
	
	}

.fittingsBox a{
	display:block;
	margin-top:5px;
	margin-bottom:5px;

	width:750px;
	height:58px;

	}
.fittingsBox a:hover{
	background-color:#033;	
	}

.key3buy{
 position:relative;
 display:block;
 width:960px;
 height:1px;
 }
.iconkey3buy a{
 position:absolute;
 top:20px;
 right:0px;
 z-index:99999;
 
 display:block;
 width:158px;
 height:32px;
 background-image:url(../image/icon/iconbuy.jpg);
 }
.iconkey3buy a:hover{
 position:absolute;
 top:20px;
 right:0px;
 z-index:99999;
 
 display:block;
 width:158px;
 height:32px;
 background-image:url(../image/icon/iconbuya.jpg);
 }