﻿@charset "utf-8";
/* CSS Document */


body{
	padding:0;
	margin:0;
	font-family: verdana, "trebuchet ms", sans-serif;
	font-size:0.8em;
	color:#000;
	background-color:#e8ebed;
	word-break:normal;
	/*background-image:url(../css/images/iStock_000000292487Large.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-attachment:fixed;*/
}

div, h1, h2, h3, h4, p, form, label, input, textarea, span, pre{
	margin:0;
	padding:0;
}

img{
	margin:0;
	padding:0;
	border:none;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

.spacer_cut_left{
	clear:left;
	font-size:0; 
	line-height:0;
}


h1{
	visibility:hidden;
}

h2, h3, h4{
	color:#000000;
}


p{
	color:#000;
	}

a {
 color:#063770;
 text-decoration:none;
 }
a:hover {
 color:#316bab;
 text-decoration:underline;
 }

.white_effect{
	color:#fff;
    text-decoration:none;
	}
.white_effect a{
	color:#fff;
    text-decoration:none;
	}
.white_effect a:hover{
	color:#cbf9ff;
    text-decoration:underline;
	}

.grey_effect{
	color:#585858;
    text-decoration:none;
	}
.grey_effect a{
	color:#585858;
    text-decoration:none;
	}
.grey_effect a:hover{
	color:#000000;
    text-decoration:underline;
	}

.btn_search{
	color:#e72821;
    text-decoration:none;
	}
.btn_search a{
	color:#8c8d94;
    background-image:url(../images/btn_search.gif);
	}
.btn_search a:hover{
	color:#5d5e62;
    background-image:url(../images/btn_search2.gif);
	}

.beauty_sub_title{
	color:#333;
	font-size:1.4em;
	}


.SetTo18em_s{
	font-size:1.8em;
	}

.SetTo17em_s{
	font-size:1.7em;
	}

.SetTo16em_s{
	font-size:1.6em;
	}

.SetTo15em_s{
	font-size:1.5em;
	font-weight:bold;
	}

.SetTo14em_s{
	font-size:1.4em;
	}

.SetTo13em_s{
	font-size:1.3em;
	}

.SetTo12em_s{
	font-size:1.2em;
	}

.SetTo11em_s{
	font-size:1.1em;
	}

.SetTo10em_s{
	font-size:1em;
	}
	
.SetTo9em_s{
	font-size:.9em;
	}

.SetTo8em_s{
	text-indent:2em;
	font-size:.8em;
	}

.SetTo7em_s{
	font-size:.7em;
	}

.SetTo6em_s{
	font-size:.6em;
	}


.SetTo18em{
	font-size:1.8em;
	font-weight:bold;
	}

.SetTo17em{
	font-size:1.7em;
	font-weight:bold;
	}

.SetTo16em{
	font-size:1.6em;
	font-weight:bold;
	}

.SetTo15em{
	font-size:1.5em;
	font-weight:bold;
	}

.SetTo14em{
	font-size:1.4em;
	font-weight:bold;
	}

.SetTo13em{
	font-size:1.3em;
	font-weight:bold;
	}

.SetTo12em{
	font-size:1.2em;
	font-weight:bold;
	}

.SetTo11em{
	font-size:1.1em;
	font-weight:bold;
	}

.SetTo10em{
	font-size:1em;
	font-weight:bold;
	}
	
.SetTo9em{
	font-size:.9em;
	font-weight:bold;
	}

.SetTo8em{
	font-size:.8em;
	font-weight:bold;
	}

.SetTo7em{
	font-size:.7em;
	font-weight:bold;
	}

.SetTo6em{
	font-size:.6em;
	font-weight:bold;
	}
/*-------------------------------------------------------------------------------*/
/*universal blocks start*/

/*universal blocks end*/

/*-------------------------------------------------------------------------------*/
#wrapper{
	margin:0;
	padding:0;
	width:980px;
	background-color:#e8ebed;
	border:#666 dashed 0;
	}
/*-------------------------------------------------------------------------------*/
#wrapper #header{
	margin:0;
	padding:0;
	width:980px;
	height:auto;
	float:left;
	position:relative;
	}
	
#wrapper #header #company_logo{
	position:absolute;top:0;left:40px;
	padding:5px 0 5px 0;
	width:210px;
	height:90px;
	text-align:center;
	background:url(../Img/logo_bg.gif) center bottom no-repeat;
	z-index:10;
	}
	

#wrapper #header #h_top{
	margin:0 0 0 40px;
	width:830px;
	height:60px;
	float:left;
	background-color:#FFF;
	}

#wrapper #header #h_top #ht_1{
	width:226px;
	height:60px;
	float:left;
	background:url(../Img/bg_7.gif) left center repeat-x;
	}
	
#wrapper #header #h_top #ht_2{
	width:604px;
	height:60px;
	float:left;
	}

#wrapper #header #h_bottom{
	margin:0;
	height:280px;
	/*position:relative;*/
	}
	
#wrapper #header #h_bottom #b_1{
	margin:0;
	padding:13px 0 0 40px;
	width:830px;
	height:267px;
	float:left;
	background-color:#F99;
	background:url(../Img/bg_1.gif) left center repeat-x;
	}
	
#wrapper #header #h_bottom #b_2{
	padding:20px 0 0 10px;
	width:100px;
	height:260px;
	float:left;
	background-color:#F99;
	background:url(../Img/bg_2.gif) left center repeat-x;
	}


/*左側快捷列*/
#wrapper #header #quick_link_web{
	margin:0 0 0 40px;
	padding:0;
	width:210px;
	height:400px;
	position:absolute;top:330px;left:0;
	z-index:10;
	}
/*-------------------------------------------------------------------------------*/

#wrapper #content_wrap{
	margin:0 0 0 40px;
	padding:0;
	width:830px;
	height:auto;
	float:left;
	background-color:#FFF;
	border:#060 dashed 0;
	}

#wrapper #content_wrap #content{
	margin:0 0 0 210px;
	padding:0;
	width:620px;
	height:auto;
	float:left;
	border:#060 dashed 0;
	}

#wrapper #content_wrap #content #c_1{
	margin:0;
	padding:10px;
	width:200px;
	height:auto;
	float:left;
	border:#666 dashed 0;
	}

#wrapper #content_wrap #content #c_1 #c_1_1{
	margin:0 0 10px 0;
	padding:0;
	width:200px;
	height:auto;
	float:left;
	border:#666 dashed 0;
	}

/#wrapper #content_wrap #content #c_1 #c_1_2{
	margin:0;
	padding:0;
	width:200px;
	height:auto;
	float:left;
	border:#666 dashed 0;
	}

#wrapper #content_wrap #content #c_1 #c_1_1 .c_title{
	margin:0;
	padding:0;
	width:200px;
	height:20px;
	float:left;
	border-bottom:#666 solid 1px;
	background:url(../Img/news.gif) left center no-repeat;
	}

#wrapper #content_wrap #content #c_1 #c_1_1 .c_content{
	margin:5px 0 0 0;
	padding:0;
	width:200px;
	height:auto;
	float:left;
	}

#wrapper #content_wrap #content #c_1 #c_1_1 .c_content .c_item{
	margin:0;
	padding:0;
	width:200px;
	height:auto;
	float:left;
	}


#wrapper #content_wrap #content #c_2{
	margin:0;
	padding:10px 10px 10px 0 ;
	width:390px;
	height:auto;
	float:left;
	border:#666 dashed 0;
	}

#wrapper #content_wrap #content #c_2 #c_2_title{
	margin:0;
	padding:0;
	width:390px;
	height:20px;
	float:left;
	border-bottom:#666 solid 1px;
	background:url(../Img/emagazine.gif) left center no-repeat;
	}

#wrapper #content_wrap #content #c_2 #c_2_content{
	margin:5px 0 0 0;
	padding:0;
	width:390px;
	height:autox;
	float:left;
	background-color:#fff;
	}
/*-------------------------------------------------------------------------------*/
#wrapper #content_wrap #content #c_2 #c_2_content #mag{
	margin:0;
	padding:0;
	width:388px;
	height:500px;
	border:#999 solid 1px;
	text-align:left;
	background-color:#fff;
	/*background:url(../Img/bg_magazine.gif) left center repeat-x;*/
	}
#wrapper #content_wrap #content #c_2 #c_2_content #mag #mag_top{
	margin:5px 0 0 5px;
	padding:5px;
	width:368px;
	height:10px;
	background:#333 url(../Img/em/em_bg_7.png) repeat;
	background-color:#fff;
	}		

#mag_header{
	margin:3px 0 0 5px;
	padding:0;
	width:378px;
	height:60px;
	float:left;
	background:#FFF url(../Img/em/em_title_bg_1.gif) left top repeat-x;
	}

#mag_header #mag_title{
	margin:0;
	padding:10px 0 0 5px;
	overflow:hidden;
	word-break:normal;
	}

#mag_header #mag_sub_title h3{
	margin:0;
	padding:3px 0 0 8px;
	font-weight:100;
	font-size:1em;
	overflow:hidden;
	}

#mag_header #mag_title h2{
	font-size:1.6em;
	font-weight:100;
	overflow:hidden;
	}


#mag_main_graph{
	margin:5px 0 0 5px;
	padding:0;
	width:376px;
	height:100px;
	float:left;
	background:#FFF url(../Img/em/mag_main_graph.png) center no-repeat;
	border:#666 solid 0;
	}

#mag_content{
	margin:5px 0 0 5px;
	padding:0;
	width:376px;
	height:293px;
	float:left;
	background-color:#fff;
	border:#666 solid 0;
	overflow:hidden;
	}

#mag_content ul{
	list-style:none;
	list-style-image:url(../Img/arrow_grey.gif);
	}

#mag_content li{
	margin:0 0 0 20px;
	padding:5px 0 3px 0;
	border-color:#999;
	border-style:dotted;
	border-width:0 0 1px 0;
	}


/*-------------------------------------------------------------------------------*/
#wrapper #content_wrap #ad{
	margin:0 0 10px 15px;
	padding:0;
	width:800px;
	height:auto;
	float:left;
	}



/*-------------------------------------------------------------------------------*/
#wrapper #footer{
	margin:0;
	padding:0;
	width:980px;
	height:auto;
	position:relative;
	float:left;
	}

#wrapper #footer #login_gate{
    position:absolute;top:90px;right:120px;
}

#wrapper #footer #fc_1{
	margin:10px 0 0 0;
	padding:0 0 0 0;
	width:40px;
	height:120px;
	float:left;
	background-color:#a3aab1;
	}

#wrapper #footer #fc_2{
	margin:0;
	padding:10px 0 15px 0;
	width:830px;
	height:auto;
	float:left;
	background-color:#FFF;
	}
	
#wrapper #footer #fc_2 #fc_2_1{
	margin:0;
	padding:0;
	width:830px;
	height:auto;
	float:left;
	background-color:#e8ebed;
	}
	
#wrapper #footer #fc_2 #fc_logo{
	margin:0;
	padding:30px 0 0 0;
	height:90px;
	width:120px;
	text-align:center;
	float:left;
	}
	
#wrapper #footer #fc_2 #fc_cdata{
	margin:0;
	padding:15px 0 0 0;
	height:100px;
	width:700px;
	float:left;
	}
	
#wrapper #footer #fc_2 #fc_cdata li, #wrapper #footer #fc_2 #fc_cdata li a{
	color:#666;
	height:16px;
	}

	
#wrapper #footer #fc_3{
	margin:10px 0 0 0;
	padding:50px 0 0 0;
	width:110px;
	height:70px;
	text-align:center;
	float:left;
	background:url(../Img/bg_skip_to_top.gif) center no-repeat;
	}
/*-------------------------------------------------------------------------------*/
/*左邊產品快捷列*/
#quick_link_1{
	width:210px;
	height:auto;
	float:left;
	}
#quick_link_1 #qk_top{
	width:210px;
	height:30px;
	float:left;
	background-color:#FFF;
	background:url(../Img/qk_top.gif) left top no-repeat;
	}

#quick_link_1 #qk_center{
	width:209px;
	height:auto;
	float:left;
	border-right:#CCC solid 1px;
	background-color:#FFF;
	}
	
#quick_link_1 #qk_center #qk_main_search{
	margin:10px 0 0 10px;
	width:189px;
	height:44px;
	float:left;
	background-color:#FFF;
	position:relative;
	/*background:url(../Img/bg_search.gif) center no-repeat;*/
	}
	
#quick_link_1 #qk_center #qk_prod_explore{
	margin:10px 0 0 10px;
	width:189px;
	height:60px;
	float:left;
	background:url(../Img/prod_expore_bg_2.gif) center no-repeat;
	}

#quick_link_1 #qk_center #qk_prod_explore a{
	text-decoration:none;
	}

#quick_link_1 #qk_center #qk_prod_explore a:hover{
	text-decoration:none;
	}
	
#quick_link_1 #qk_center #qk_prod_explore img{
	margin:8px;
	padding:0;
	width:50px;
	height:40px;
	float:left;
	background-color:#FFF;
	border:#36F solid 2px;
	}

#quick_link_1 #qk_center #qk_prod_explore img:hover{
	border-color:#FF3;
	}

#quick_link_1 #qk_center #qk_prod_explore #q_p_e_desc{
	margin:8px 0 0 0;
	padding:0;
	width:110px;
	height:45px;
	overflow:hidden;
	word-break:break-all;
	float:left;
	}
	

#quick_link_1 #qk_bottom{
	width:210px;
	height:20px;
	float:left;
	background-color:#FFF;
	background:url(../Img/qk_bottom.gif) left center no-repeat;
	}

/*-------------------------------------------------------------------------------*/
/*news list*/
.news_list{
	margin:0 0 8px 0;
	width:200px;
	height:auto;
	float:left;
	}
.news_list .n_arrow{
	width:10px;
	height:20px;
	float:left;
	background:url(../Img/arrow_grey.gif) center no-repeat;
	}
	
.news_list .n_text{
	width:190px;
	height:auto;
	float:left;
	}

.news_list .n_text .n_t_date{
	margin:0 0 2px 0;
	width:190px;
	height:auto;
	float:left;
	}

.news_list .n_text .n_t_cts{
	width:190px;
	height:auto;
	float:left;
	word-break: normal;
	}
/*-------------------------------------------------------------------------------*/
/*more圖片鏈結*/
.more{
	padding:3px 0 0 0;
	float:right;
	}
/*-------------------------------------------------------------------------------*/
/*輪播廣告*/
#r_ad{
	margin:0;
	width:800px;
	height:auto;
	float:left;
	}
	
#r_ad #r_a_title{
	margin:0;
	width:800px;
	height:20px;
	float:left;
	border-bottom:#666 solid 1px;
	background:url(../Img/product_explore.gif) left center no-repeat;
	}

#r_ad #r_a_cts{
	margin:5px 0 0 0;
	width:800px;
	height:150px;
	float:left;
	background-color:#F90;
	background:url(../Img/prod_expore_bg_main.gif) left center no-repeat;
	border:#666 solid 0;
	}
	
#r_ad #r_a_cts #ad_display_area{
	margin:10px auto;
	width:780px;
	height:130px;
	background-color:#;
	}

/*-------------------------------------------------------------------------------*/
/*無次序清單*/


/*-------------------------------------------------------------------------------*/
/*首頁搜尋區塊*/
#mian_search{
	width:189px;
	height:44px;
	float:left;
	position:relative;
	background:url(../Img/bg_search.gif) center no-repeat;
	border:#0F0 solid 0;
	z-index:800;
	}

#mian_search #txtMainSearchCol{
	position:absolute;top:8px;left:25px;
	}

#mian_search #btnMainSearch{
	position:absolute;top:8px;left:135px;
	}
	
#mian_search #advance_search{
	position:absolute;top:32px;left:30px;
	}

/*-------------------------------------------------------------------------------*/
/*右側語言列*/
#main_lang a{
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	width:auto;
	height:18px;
	line-height:18px;
	float:left;
	color:#FFF;
	background:url(../Img/arrow.gif) left center no-repeat;
	}
/*-------------------------------------------------------------------------------*/


