




.HH__BG_001 {
	background-position:center;
	background-position:top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(imgs/hh_home___bgbg_001.jpg);
	background-attachment: fixed;
	background-repeat:no-repeat;

}












/**********************
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
*********************/









.pro_Bos_td {
	background-color: #f6f6f6;
	display: block;
	width: auto;
	Height: auto;
	line-height: 0px;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	font-weight: bold;
	font-weight: normal;
	COLOR: #212C30;
	border: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;

	BORDER-top: #e2e2e2 1px solid;
	BORDER-right: #bfbfbf 1px solid;
	BORDER-bottom: #bfbfbf 1px solid;
	BORDER-left: #bfbfbf 1px solid;

}

























/**********************
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
*********************/





.pp_line
{
border-bottom: dotted 1px #716d6c;
	line-height: 1px;
}







/**********************
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
*********************/












.f01_HH_BB_Contacus_tt
{
    COLOR: #8d7769;
	FONT-SIZE: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}




.f01_HH_BB_Contacus_001
{
    COLOR: #3a3a3a;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}




.f01_HH_BB_Contacus_002_rr
{
    COLOR: #3a3a3a;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}



.f01_HH_Pro__001
{
    COLOR: #494949;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}




.f01_PP_Title__001
{
    COLOR: #ffffff;
	FONT-SIZE: 15px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}







.f01_PP_tt__ss001
{
    COLOR: #987713;
	FONT-SIZE: 17px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



.f01_PP_tt__ss002
{
    COLOR: #987713;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}




.f01_L18_001
{
    COLOR: #494949;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}




.f01_L18_001__ff
{
    COLOR: #ffffff;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}




























.f01_HH_001
{
    COLOR: #494949;
	FONT-SIZE: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
















.f01
{
    COLOR: #000000;
	FONT-SIZE: 11px;
	font-family: Arial, Helvetica, sans-serif;
}


.f01_a
{
    COLOR: #4F5A6F;
	FONT-SIZE: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.f01_boxs
{
    COLOR: #000000;
	FONT-SIZE: 11px;
	height: 12px;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
}



.f02_boxs
{
    COLOR: #000000;
	FONT-SIZE: 12px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}


.f02_boxs_AA
{
    COLOR: #000000;
	FONT-SIZE: 12px;
	height: 15px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}



.f02_boxs_BB
{
    COLOR: #000000;
	FONT-SIZE: 12px;
	height: 80px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}




.f01_pro_imgs
{
    COLOR: #000000;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 1px;
	background:#EFECEC;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}






















.pic {
	FONT-SIZE: 0px; 
	TEXT-DECORATION: none
}
.pic:hover {
	FILTER: alpha(opacity=75); 
	opacity: 0.75
}
.pic IMG {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	-moz-opacity: 1
}
.pic:hover IMG {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
	-moz-opacity: 0.8
}











.pic_02 {
	FONT-SIZE: 0px; 
	TEXT-DECORATION: none;
	padding:0 0px 0px 0p;
	margin:0 0px 0px 0;
	text-decoration:none;
	display:inline-block;
	border:1px solid #DDD;
	border-radius:250px;
}
.pic_02:hover {
	FILTER: alpha(opacity=75); 
	opacity: 0.75;
}
.pic_02 IMG {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	-moz-opacity: 1;
}
.pic_02:hover IMG {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
	-moz-opacity: 0.8;
	padding:0 0px 0px 0p;
	margin:0 0px 0px 0;
	text-decoration:none;
	display:inline-block;
	border:1px solid #DDD;
	border-radius:250px;
}

















A.pro_p {
	background-image: url(imgs/c.jpg);
	
	display: block;
	width: auto;
	Height: auto;
	line-height: 25px;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 15px;
	font-weight: bold;
	font-weight: normal;
	COLOR: #ffffff;
	border: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

A.pro_p:hover {
	background-image: url(imgs/c_on.jpg);
	COLOR: #ffffff;
	text-decoration: none;
}












A.pro_p_on {
	background-image: url(imgs/c_on.jpg);
	
	display: block;
	width: auto;
	Height: auto;
	line-height: 25px;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 15px;
	font-weight: bold;
	font-weight: normal;
	COLOR: #ffffff;
	border: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

A.pro_p_on:hover {
	background-image: url(imgs/c_on.jpg);
	COLOR: #ffffff;
	text-decoration: none;
}











A.pro_p_b {
	background-image: url(imgs/c.jpg);
	
	display: block;
	width: auto;
	Height: auto;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 15px;
	font-weight: bold;
	font-weight: normal;
	COLOR: #ffffff;
	border: 0;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 25px;
}

A.pro_p_b:hover {
	background-image: url(imgs/c_on.jpg);
	COLOR: #ffffff;
	text-decoration: none;
}









A.pro_p_b_on {
	background-image: url(imgs/c_on.jpg);
	
	display: block;
	width: auto;
	Height: auto;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 15px;
	font-weight: bold;
	font-weight: normal;
	COLOR: #ffffff;
	border: 0;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 25px;
}

A.pro_p_b_on:hover {
	background-image: url(imgs/c_on.jpg);
	COLOR: #ffffff;
	text-decoration: none;
}











A.f01_00line {
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	COLOR: #4F5A6F;
}

A.f01_00line:hover {
	COLOR: #000F00;
	text-decoration:underline;
}















.f01_TD_001
{
    COLOR: #333333;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background:#EFECEC;
}




.f01_TD_001:hover
{
    COLOR: #333333;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff267;
}









.f01_TD_002
{
    COLOR: #333333;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background:#EFECEC;
}




.f01_TD_002:hover
{
    COLOR: #333333;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff267;
}












.f01_TD_002
{
    COLOR: #000000;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background:#ffffcc;
}




.f01_TD_002:hover
{
    COLOR: #000000;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff267;
}



















.f01__page__01
{
    COLOR: #000000;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}














A.f01_page_line_01 {
    COLOR: #000000;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-decoration:none;
}

A.f01_page_line_01:hover {
	COLOR: #0b89f4;
	text-decoration:underline;
}











.f01_page_line_01_on
{
    COLOR: #0b89f4;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;

	padding-left: 3px;
	text-decoration:underline;
}

















A.f01_Det_00line {
	background-color: #5b5856;
	display: block;
	width: auto;
	Height: auto;
	line-height: 20px;
	text-align:center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	font-weight: bold;
	font-weight: normal;
	COLOR: #ffffff;
	border: 0;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	
	BORDER-top: #e1e1e1 0px solid;
	BORDER-right: #e1e1e1 0px solid;
	BORDER-bottom: #e1e1e1 0px solid;
	BORDER-left: #e1e1e1 0px solid;
	
	border-radius: 5px; 

}

A.f01_Det_00line:hover {
	background-color: #444444;
	COLOR: #ffffff;
	text-decoration:none;
}
















.va-title{
	font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial;
	text-transform:uppercase;
	font-size:45px;
	margin-left:533px;
	color:#FF006C;
	text-shadow: 1px 1px 1px white;
	text-align: left;
}















A.f01_BB_line_01 {
    background-image: url(imgs/bb_line.jpg);
    COLOR: #d9d9d9;
	FONT-SIZE: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 20px;
	line-height: 18px;
	text-decoration:none;
}

A.f01_BB_line_01:hover {
    background-image: url(imgs/bb_line_on.jpg);
	COLOR: #ffffff;
	text-decoration:underline;
}

















A.f01_Pro_Det_line_001 {
    COLOR: #323232;
	FONT-SIZE: 15px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-decoration:none;
}

A.f01_Pro_Det_line_001:hover {
	COLOR: #000000;
	text-decoration:none;
}














.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
    border:1px solid #55473b;
    background:url(imgs/button__.jpg) 0 0px repeat-x;
	height: 28px;
	cursor:pointer;
	cursor:hand;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-left: 8px;
}
























A.pro_td {
	background-color: #ededed;
	display: block;
	width: auto;
	Height: auto;
	line-height: 0px;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	font-weight: bold;
	font-weight: normal;
	COLOR: #212C30;
	border: 0;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	BORDER-BOTTOM: #bfbfbf 1px solid;
	BORDER-RIGHT: #bfbfbf 1px solid;
	border-radius: 9px; 
}

A.pro_td:hover {
	background-color: #ededed;
	display: block;
	width: auto;
	Height: auto;
	line-height: 0px;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	font-weight: bold;
	font-weight: normal;
	COLOR: #212C30;
	border: 0;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	BORDER-BOTTOM: #bfbfbf 1px solid;
	BORDER-RIGHT: #bfbfbf 1px solid;
	border-radius: 9px; 	
}














.pro_td_002 {
	background-color: #ffffff;
	display: block;
	width: auto;
	Height: auto;
	line-height: 0px;
	text-align:center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	font-weight: bold;
	font-weight: normal;
	COLOR: #212C30;
	border: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	BORDER-BOTTOM: #bfbfbf 0px solid;
	BORDER-RIGHT: #bfbfbf 0px solid;
box-shadow: 3px 3px 13px #dedede; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 13px #dedede;
-moz-box-shadow: 3px 3px 13px #dedede;
}

















/*
===================================================================================================================================================================================================================================




字變大楷

.va-title{

	text-transform:uppercase;

}




===================================================================================================================================================================================================================================




/*簡體中文 FONT: 14px/18px Microsoft YaHei, "宋体";

font-family: "SimSun", "宋体", "STSong", "华文宋体", Arial, Helvetica;


font-family:"細明體", "新細明體" Arial, Helvetica, sans-serif;


中文會好看些

font-family:"Microsoft YaHei" !important;

font-family:"Hiragino Sans GB","Microsoft YaHei","simsun"}

font-family: 'Open Sans', 'Helvetica Neue', '微軟正黑體', Helvetica, Arial, Sans-serif;


===================================================================================================================================================================================================================================
字間的拒離

letter-spacing: 3px;




===================================================================================================================================================================================================================================

BG

body {	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(imgs/hh_home_bgbg001.jpg);
	background-repeat:repeat-x;
	background-color: #f2f8ec;
}



===================================================================================================================================================================================================================================


弧形
border-radius: 9px; 


border-radius: 67px 0px 45px 0px;
-moz-border-radius: 67px 0px 45px 0px;
-webkit-border-radius: 67px 0px 45px 0px;
border: 0px solid #000000;


==================== Boxs ===================

	
	border:1px solid #ffffff;
	
	border-radius: 5px;

-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);




===================================================================================================================================================================================================================================

border-radius: 10px 10px 10px 10px;

border-radius: 9px;

===================================================================================================================================================================================================================================



開線

border-bottom: dotted 1px #515151;
===================================================================================================================================================================================================================================

相一次

background-repeat:no-repeat;


相向底
	background-position:bottom;



出手指ICON
	cursor:pointer;
	cursor:hand;



色
/*
    background: #424242 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#424242), to(#303030)) !important;
    background-image: -moz-linear-gradient(#424242, #303030) !important;
    background-image: -webkit-linear-gradient(#424242, #303030) !important;
    background-image: -o-linear-gradient(#424242, #303030) !important;
    background: -ms-linear-gradient(#424242, #303030) !important;
    background: linear-gradient(#424242, #303030) !important;
	

===================================================================================================================================================================================================================================




A.f01_Button_ooline {
	background:#e9123b url(Button_001/Button_ii_ii_001.png) Top left;
	display: block;
	width: auto;
	Height: auto;
	line-height: 20px;
	text-align:center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	font-weight: bold;
	font-weight: normal;
	COLOR: #ffffff;
	border: 0;
	padding-top: 1px;
	padding-right: 8px;
	padding-bottom: 1px;
	padding-left: 15px;
	
	BORDER-top: #bfbfbf 0px solid;
	BORDER-right: #bfbfbf 0px solid;
	BORDER-bottom: #bfbfbf 0px solid;
	BORDER-left: #bfbfbf 0px solid;
	
border-radius: 4px; 

box-shadow: 2px 2px 8px #dedede;
-webkit-box-shadow: 2px 2px 8px #dedede;
-moz-box-shadow: 2px 2px 8px #dedede;
}

A.f01_Button_ooline:hover {
	FILTER: alpha(opacity=75); 
	opacity: 0.75;
	text-decoration:none;
}





===================================================================================================================================================================================================================================


	vertical-align: middle;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	
	
	
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
===================================================================================================================================================================================================================================
	
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

===================================================================================================================================================================================================================================
*/


