@charset "utf-8";
/* CSS Document */
/*-------------------------------------以下為版型清除設定-------------------------------------*/
/*margin 與 padding 標準化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldest, input, p, blockquote,th, td
{margin:0;padding:0;}

/*將font-style與font-weight標準化成normal*/
address, caption, cite, code, dfn, em, strong, th, var
{font-style:normal;font-weight:normal;}

/*標題font-size標準化*/
h1, h2, h3, h4, h5, h6
{font-size:100%;}

/*移除清單的list-style*樣式*/
ol,ul,li
{list-style:none;}

/*移除table外框*/
table
{border-collapse:collapse; border-spacing:0;}

/*移除fieldesr和 img的 border*/
fieldest,img
{border:0;}
/*caption和th的文字要向左對齊*/
caption,th
{text-align:left;}
/*移除q的引號*/
q:before,q:after
{content:attr(x);}
/**** IE：針對li及a，移除外框 ****/
li, a {
  noFocusLine:expression(this.onFocus=this.blur());
}

/**** Firefox：針對li及a，移除外框****/
:focus {
  -moz-outline-style: none;
}



/*----------------以上為版型清除設定----------------------------------------------------------*/
/*--------------------置中-------------------------------*/
/*html{
	text-align:center;
}*/
body{
	width:auto;
	margin:0;
	background:url(/web_pic/background_10_1000.png) repeat-x;
	font-family: Arial, Helvetica;
	
	font-size:10pt; 
	color:#000; 
	font-weight: normal;
}
/*-------------------主內容開始----------------------------------*/
#all{
	position:relative;
	width:1000px;
	margin:0;
	text-align:left;
	height:590px;
	background-image:url()
}
#nav{
	position:absolute;
	left:0;
	width:130px;
	height:920px;
	background-color:#221E1F;
	}
/*各頁nav的blandce------------------------------------*/
#nav_blance_zipa4{	
    position:absolute;
	left:0;
	width:130px;
	height:180px;
	top:920px;
	background-color:#221E1F;}
#nav_blance_zipa3x{	
    position:absolute;
	left:0;
	width:130px;
	height:100px;
	top:920px;
	background-color:#221E1F;}
#opening_blance{ width:auto; height:10px}
/*-----------------------------*/
#content{
	position:absolute;
	left:130px;
	width:870px;
	}
#content_vi{
	height:66px;
}
#content_blance{
	width:auto;
	height:20px;
	background-color:#221E1F;}
#content_main{
	position:relative;
	width:auto;}
/*--------------content_main內容區---------------*/
#c_m_title, #c_m_name, #c_m_photo, #c_m_step, #c_m_movie, #c_m_info,#c_m_c,#c_m_c_input{position:absolute;}
#c_m_title{left:15px;top:20px;width:300px;}
#c_m_name{
	left:20px;
	top:50px;
	width:200px;
	font-size: 20px;
	font-weight: bolder;
}
#c_m_photo{left:20px;top:90px;width:380px;}
#c_m_step{left:20px;top:400px;width:380px;}
#c_m_movie{left:430px;top:315px; width:300px;}
#c_m_info{
	left:430px;
	top:400px;
	border: 2px solid #666;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	padding:18px 14px 18px 6px;
	color:#666;
}
.c_m_info{
	border: 2px solid #666;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	padding:18px 14px 18px 6px;
	color:#666;
}
/*.c_m_info>SPECIFICATIONS樣式專用class(zip21a only)*/
.dot{ background-image:url(/web_pic/dot.gif);display: block; height:24px; width:24px;}
.ul_have li{ list-style: square inside;}
#c_m_s_blance{width: 380px;height: 184px;display: block;}
#c_m_s_photo{width: 430px;height: 170px;top:683px; left:20px;position:absolute;}
.c_m_s{
	width:104px;
	height:170px;
	text-align: center;
	margin:20px 2px 20px 0;
}
#c_m_c{
	left:20px;
	top:80px;
	width:600px;
	font-size: 18px;
}
#c_m_c_input{
	left:20px;
	top:240px;
	width:600px;
	font-size: 12px;}
.supply{ margin:50px 50px 50px 0px;}
input,textarea{ width:320px; margin:5px}
.go{ width:50px;}
/*--------狀態變化-----------*/
.f_left{ float:left}
/*---------------字的變化----*/
.w_red{ color:#B50005}
.w_black{ color:#000}
.w_12{font-size: 12px;}
.w_16{font-size: 16px;}
.w_b{font-weight: bold;}

dt {font-weight: bold; list-style:square inside;}
.dtstyle{list-style:square inside;}
/*-----------step區個別微調-------------------*/
#zipa3x{position:absolute; top:100px; width:680px;}
.zipa3x_twins{width:330px}
#zipa3x_blance{ width:680px; height:20px;}
#zipa3x_blance_s{ width:340px; height:20px;}
#zip21a{position:absolute; top:100px; width:380px;}
/*--------------OPENNING------------------------------*/
#opening_words, #opening_content{position:absolute;}
#opening_words{left:15px;top:20px;width:640px;}
#opening_content{left:15px;top:183px;width:625px;}

#open1,#open2,#open3,#open4,#open5
{
	position:absolute;
	text-align: center;
	font-family: Arial, Helvetica;
	font-weight: bold;
}
#open1{ width:155px; height:136px; left:15px;  top:14px;}
#open2{ width:232px; height:190px; left:190px; top:-40px;}
#open3{ width:178px; height:130px; left:437px; top:20px;}
#open4{ width:184px; height:130px; left:150px; top:180px}
#open5{ width:195px; height:92px; left:357px; top:217px}


/*Opening-light*/
.open a { opacity: .7;
          zoom:1;
          filter: Alpha(Opacity=70);}
.open  a:hover{opacity: 1;
               zoom:1;
               filter: Alpha(Opacity=100);}
.open  a {display: block;}
/*Opening-light-end*/
#video_2{ margin-left:7px;}
#video_2 a{ color: #333;	font-weight: bold;}
#video_2 a:hover{
	color: #F33;
	font-weight: bold;
}