/*--------------------------reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
.article-content{ _height: 1% ;  overflow: hidden ;  _overflow: none;}
.article-content p{margin-bottom: 1em;}
a {	text-decoration: none;		}
/*a:focus { -moz-outline-style: none; }*/
br{letter-spacing: normal;}
p {	/*\*/letter-spacing: 0.08em;	/**/}
img { border: 0;}
/*--------------------------all setting*/


/* 讓 footer 保 證 置 底 */ 
html, body, #body-div {height: 100%;}
body > #body-div {height: auto; min-height: 100%;}

body {
	text-align: center;
	font-size: 92%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
}
#body-div {
	width: 960px; 
	margin: 0 auto; /* 自動調整左右邊界 */
	text-align: left; /* 設定靠左對齊﹙修正#body的設置﹚ */
	padding-bottom: 37px;
}
#wrapper {
	width: 100%; 
	margin-bottom: 85px;
}
#header {
	position: relative;
	width: 100%; 
	height: 366px;
	margin-bottom:10px;
}
#banner a {
	position: absolute;
	top: 9px;
	left: 12px;
	width: 151px;
	height: 57px;
	text-indent: -5000px;
	background: url(imgs/logo.gif) left top no-repeat;
	z-index: 10;
}
#header span {display:block;position:absolute;top:67px;left:38px;font-size:11px;color:#0099FF}
#header strong {font-size:13px;}
#search-panel {
	position: absolute;
	left: 191px;
	height: 46px;
	background: url(imgs/bg_search-panel.gif) left top no-repeat;
}
#search-panel th {padding-left:20px;}
#search-panel select {margin-top:13px;margin-right:5px;border:1px solid #ccc;}
#search-panel .input-text {margin-top:11px;width:320px;height:20px;margin-right:5px;border:1px solid #ccc;}
#search-panel .input-bt {margin-top:10px;margin-right:20px;}

#login-panel{
	position: absolute;
	left: 730px;
	width: 222px;
	height: 80px;
	background: url(imgs/bg_login-panel.gif) left top no-repeat;
}
#login-panel th {padding-left:64px;font-size:12px;height:27px;font-weight:normal;color:#03B1CF;}
#login-panel td {height:32px;text-align:center;}
#login-panel .input-text {width:119px;margin-right:5px;border:1px solid #ABADB3;background-color:#E8F2F6;}

#nav {display:none;}
#sub-nav {
	position: absolute;
	top: 56px;
	left: 191px;
	width: 520px;
	text-align: center;
	font-size:10px;
	color:#c0c0c0;
}
#sub-nav a{
	display: inline-block;
	padding: 0 10px;
	font-size:11px;
}
#sub-nav a:hover{
	color:#0099FF;
}
#headmovie {
	position: absolute;
	top: 87px;
	z-index: 0;
	width:960px;
	height: 279px;
	background: url(imgs/bg_headmovie.gif) bottom left no-repeat;
}
#marquee {	position: absolute;	top: 287px;	left: 26px;}
#marquee img {border:1px solid #666;}
#marquee img:hover {border:1px solid #fff;}

#container {
	width:960px;
}
#column-links{
	float: left;
	width:170px;
}
#column-main{
	float: right;
	width: 770px;
}
#index-middle-column{
	float: left;
	width: 460px;
}
#index-right-column{
	float: right;
	width: 290px;
	margin-right: 0;+margin-right: -20px;-margin-right: -20px;
}
#links {
	width: 170px;
	border: 1px solid #D9E7ED;   
	border-collapse: collapse; 
	background-color: #F6FDFD;  
}
#links tr, #links td {
	border: 1px solid #D9E7ED;
}
#usr-panel {
	width: 100%;
	font-size:12px;
	line-height: 2em;
	border: 1px solid #D9E7ED;   
	border-collapse: collapse; 
	background-color: #F6FDFD;  
}
#usr-panel a:hover { color:#0099FF; text-decoration:underline;}
#usr-panel tr, #usr-panel td {
	padding: 10px;
	border: 1px solid #D9E7ED;
}
.link {
	list-style: none;
	width: 83px;
	margin-bottom: 10px;
}
.link a{
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	color:#F26522;
	font-size: 12px;
}
.link a:hover{
	color:#FF9900;
}

.links-title {
	height: 35px;
	line-height: 35px;
	padding-left: 25px;
	color:#666;
	font-size:12px;
	letter-spacing: 0.2em;
	background-color: #EBF6F6;
	background-position: 5px 8px;
	background-repeat:no-repeat;	
}
#column-links h5 {margin-top:30px;margin-bottom:10px;}
#column-links .banner {margin-left:6px;}
#column-links .banner img {margin-bottom:2px;}

#index-middle-column h2,h3{display:none;}

.hot-store {width:460px;margin-bottom:30px;padding-top:10px;height:270px;}
.hot-store ul {margin-left:170px;}
.hot-store li a{
	height: 24px;
	line-height: 24px;	
	color:#F26522;
	font-size: 12px;
}
.hot-store li a:hover{color:#FF9900;}
.hot-store ul .sn {display:inline-block;margin-right:8px;font-family:Arial;font-size:17px;font-weight:bolder;}
.hot-store ul .count {display:inline-block;font-family:Georgia;font-size:16px;font-weight:bolder;
						width:60px;text-align:right;color:#A36209;}	
	
.section01 {width:460px;margin-bottom:20px;padding-top:40px;background: url(imgs/bg_section01.gif) left top no-repeat;height:600px;}
.section01 ul { font-size:12px;}
.section01 li {text-align:left;display:block;float:left;width:116px;margin:10px 15px;+margin:10px 14px;-margin:10px 14px;}
.section01 li img { margin-bottom:3px;}
.section01 li a {color:#F26522;font-size:12PX; +font-size:13PX;-font-size:13PX;font-weight:bolder;}
.section01 li a:hover{color:#FF9900;}
.section01 li dt {text-align:center;font-size:12px;color:#333;font-weight:normal;}
.section01 li span {text-align:left;}
.section01 li span a {color:#F26522;font-size:11px;font-weight:bold;}
.section01 li em  {color:#FF0000;font-weight:bold;}

	
.section02 {width:460px;margin-top:0;+margin-top:-40px;-margin-top:-40px;margin-bottom:20px;padding-top:40px;background: url(imgs/bg_section02.gif) left top no-repeat;height:600px;}
.section02 ul { font-size:12px;}
.section02 li {text-align:left;display:block;float:left;width:116px;margin:10px 18px;+margin:10px 14px;-margin:10px 14px;}
.section02 li img { margin-bottom:3px;}
.section02 li a {color:#F26522;font-size:12px;font-weight:bolder;}
.section02 li a:hover{color:#FF9900;}
.section02 li dt {text-align:center;font-size:12px;color:#333;font-weight:normal;}
.section02 li span {text-align:left;}
.section02 li span a {color:#F26522;font-size:11px;font-weight:bold;}
.section02 li em  {color:#FF0000;font-weight:bold;}
	
.taiwan-fun {width:460px;margin-top:0;+margin-top:-40px;-margin-top:-40px;margin-bottom:20px;padding-top:40px;background: url(imgs/bg_taiwan-fun.gif) left top no-repeat;}
.taiwan-fun ul { font-size:12px;}
.taiwan-fun li {text-align:left;display:block;float:left;width:116px;margin:10px 18px;+margin:10px 14px;-margin:10px 14px;}
.taiwan-fun li img { margin-bottom:3px;}
.taiwan-fun li a {color:#F26522;font-size:12px;font-weight:bolder;}
.taiwan-fun li a:hover{color:#FF9900;}
.taiwan-fun li dt {text-align:center;font-size:12px;color:#333;font-weight:normal;}
.taiwan-fun li span {text-align:left;}
.taiwan-fun li span a {color:#F26522;font-size:11px;font-weight:bold;}

#index-right-column h4 {width:260px;margin-bottom:10px;padding-left:30px;height:30px;line-height:30px;font-size:15px;font-weight:bold;letter-spacing:.15em;color:#000;background:url(imgs/bg_h4.gif) top left no-repeat;}
#news-list {color:#999;font-size:12px;width:280px;padding-left:10px;line-height:1.8em;margin-bottom:12px;}
#news-list li a {color:#F26522;font-size:12px;}
#news-list li a:hover{color:#FF9900;}
#index-right-column .link {width:290px;text-align:center;margin-bottom:10px;}
#index-right-column .link a {color:#F26522;font-size:12px;}
#index-right-column .link a:hover{color:#FF9900;}

#market {width:280px;margin-bottom:15px;padding:5px 10px 30px 15px;background:url(imgs/bg_market.gif) left bottom no-repeat;}
#market li {padding-left:15px;line-height:1.8em;background:url(imgs/bg_market_li.gif) left center no-repeat;}
#market li a {color:#F26522;font-size:15px; font-weight:bold;}
#market li a:hover{color:#FF9900;}

.ad {width:290px;padding:0;margin:0;margin-bottom:10px;font-size:12px;color:#666666;}
.ad img {border:1px solid #ccc;}
.ad th {padding-left:5px;width:100%;}
.ad th a {display:block;width:100%;height:20px;padding-top:3px;color:#F26522;font-size:15px; font-weight:bold;background-color:#e6e6e6;}
.ad th a:hover {color:#FF9900;background-color:#e0e0e0;}
.ad td {padding-left:5px;}


#thumb-120_list {width:770px;margin-left:10px;+margin-left:0;-margin-left:0;font-size:12px;}
#thumb-120_list li{position:relative;display:block;float:left;width:170px;margin:1em 10px 2em 10px;
display:-moz-inline-stack;
display:inline-block;
vertical-align:top;
min-height:220px;
_height:220px;
zoom:1;
*display:inline;
text-align:center;}
.info {display:block;position:absolute;top:130px;left:0;width:170px;text-align:left;}
#thumb-120_list h4 {display:block;width:170px;text-align:center;font-weight:bold;}
#thumb-120_list h4 a{color:#00AEEF;font-size:16px;}
#thumb-120_list h4 a:hover{color:#0066CC;font-size:16px;}
#thumb-120_list span {display:block;margin-left:25px;}
#thumb-120_list em {color:#FF0000;font-size:16px;font-weight:bold;}
#thumb-120_list img {padding:4px;background:#fff;border:1px solid #fff;}
#thumb-120_list img:hover {padding:4px;background:#e8e8e8;border:1px solid #ddd;}
#buy-it {width: 370px; height:25px; text-align:center;font-size:12px;margin-top:10px;}



#thumb-120_list_for_store {width:770px;margin-left:10px;+margin-left:0;-margin-left:0;font-size:12px;}
#thumb-120_list_for_store li{position:relative;display:block;float:left;width:170px;margin:1em 10px 2em 10px;
display:-moz-inline-stack;
display:inline-block;
vertical-align:top;
min-height:260px;
_height:260px;
zoom:1;
*display:inline;
text-align:center;}
.info {display:block;position:absolute;top:130px;left:0;width:170px;text-align:left;}
#thumb-120_list_for_store h4 {display:block;width:170px;text-align:center;font-weight:bold;}
#thumb-120_list_for_store h4 a{color:#ff3300;font-size:16px;}
#thumb-120_list_for_store h4 a:hover{color:#ff3300;}
#thumb-120_list_for_store em {display:block;width:130px;margin-left:25px;}
#thumb-120_list_for_store span {display:block;width:130px;margin-left:25px;}
#thumb-120_list_for_store img {padding:4px;background:#fff;border:1px solid #fff;}
#thumb-120_list_for_store img:hover {padding:4px;background:#e8e8e8;border:1px solid #ddd;}
#thumb-120_list_for_store strong {color:#ff0000;}



#bread-crumb {padding-left:25px;font-size:12px;color:#999999;background:url(imgs/bg_bread-crumb.gif) left center no-repeat;}	
#info-wrapper {width:740px;background:url(imgs/bg_info-rec.gif) top left no-repeat;}
#info-footer {clear:both;width:100%;height:12px;background:url(imgs/bg_info-footer.gif) bottom left no-repeat;}
#info-pic {float:left;width:340px;padding-top:40px;text-align:center;}
#info-pic img {margin-bottom:20px;}
#info-pic span {display:block;width:340px;padding-top:10px;background:url(imgs/bg_pic-zoom-in.gif) center top no-repeat;}
#info-content {float:left;width:370px;}
#info-content h3 {display:block;width:370px;margin-top:30px;margin-bottom:10px;padding:5px 5px 3px 0;color:#E86602;font-size:16px;font-weight:bold;border-bottom:1px solid #c0c0c0;}	
#info-content ul {margin-left:20px;}
#info-content li {padding-left:15px;font-size:12px;color:#666;background: url(imgs/bg_store-content_li.gif) left center no-repeat;}
#info-content em {display:inline;color:#FF0000;font-size:16px;font-weight:bold;}
#info-content dt {display:inline;}
#store-info {margin-top:30px;padding:15px;font-size:12px;background-color:#f8f8f8;border-bottom:1px solid #cecece;}
#instruction {width:690px;margin-top:30px;margin-left:30px;font-size:12px;}
#instruction h4 {margin-bottom:20px;}
#instruction p {margin-bottom:2em;}
	
#footer {
	clear: both;
	width: 100%;
	height: 85px;	
	margin-top: -85px;
	font-size: 11px;
	color: #828282;
	background: url(imgs/bg_footer.gif) left bottom repeat-x;
}
#footer2 {
	position: relative;
	width: 960px;
	height: 85px;	
	margin: 0 auto; /* 自動調整左右邊界 */
	text-align: left; /* 設定靠左對齊﹙修正#body的設置﹚ */
}
#site-info {position:absolute;top:25px;left:60px;font-size:12px;background-color:#fff}
#site-info a {display:inline-block;padding:6px 15px;color:#666;}
#site-info a:hover {color:#000;}
#copyright {position:absolute;top:25px;left:580px;}

#ifocus { width:458x; height:225px; margin-bottom:15px; border:1px solid #DEDEDE; background:#F8F8F8; }
	#ifocus_pic { display:inline; position:relative; float:left; width:360px; height:200px; overflow:hidden; margin:10px 0 0 10px; }
		#ifocus_piclist { position:absolute; }
		#ifocus_piclist li { width:360px; height:200px; overflow:hidden; }
		#ifocus_piclist img { width:360px; height:200px; }
	#ifocus_btn { display:inline; float:right; width:80px; margin:6px 5px 0 0; }
		#ifocus_btn li { width:80px; height:54px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
		#ifocus_btn img { width:62px; height:44px; margin:4px 0 0 11px; }
		#ifocus_btn .current { background: url(imgs/ifocus_btn_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
	#ifocus_opdiv { position:absolute; left:0; bottom:0; width:360px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
	#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }
		#ifocus_tx .normal { display:none; }
		
		
		
#column-main h3 {display:block;padding-top:4px;padding-left:15px;line-height:34px;font-size:18px;font-weight:bolder;border-bottom:1px solid #c0c0c0; 
background: #e9e9e9 url(imgs/bg_column-main_h3.gif) left center no-repeat;}
/* CSS Document */
.form-has-bg {padding-bottom: 50px; background: url(imgs/bg_form.gif) bottom right no-repeat;}
#column-main a{color:#069; text-decoration:none;}
#column-main a:hover{text-decoration:underline;}
#order_tab1{width:100%;border: 2px solid #e9e9e9;}
#order_tab1 th ,#order_tab2 th{height:45px;border-bottom:1px dashed #CCCCCC; text-align:center;color: #0066FF;font-size:15px;font-weight:bold;background:#EFF7F8}
#order_tab1 tr td{height:40px; border-bottom:1px dashed #CCCCCC;font-size:12px; text-align:center;}
#order_tab2 input ,#order_tab2 textarea{border:1px solid #88BBE6;}
#order_tab2 .button{border:none;}

#address_tab{border:1px solid #999999;}
#address_tab{font-size: 12px; color:#c33; font-weight:bold; text-align:center;}
#address_tab tr th ,#address_tab tr td{border-bottom:1px dashed #CCCCCC; padding:12px 5px;}
#address_tab input{border:1px solid #CCCCCC; height:20px; line-height:20px; padding-left:8px; width:200px;}

/******定義表格行*********/
.content_tab{border:1px solid #999999;}
.content_tab tr{display:block; height:20px;}
.content_tab tr:hover{background:#FDE07B;}
.content_tab #content_tab_th:hover{background:none;}
.content_tab tr td{margin:0; padding:8px 4px; border-bottom:1px solid #ddd;text-align:center;}
.content_tab .checkbox{ border:none; width:20px; height:20px;}
.content_tab #tab_no_bg:hover td:hover{background:none;}
/***定義表頭*****/
.content_tab thead{font-size: 14px; color:#c33; font-weight:bold; text-align:center; height:25px;}
.content_tab thead td ,#content_tab_th th{border-bottom:1px solid #CCCCCC;}
/*******定義th******/
.content_tab #content_tab_th th {height:20px; padding:2px; background:#EEEEEE; line-height:20px;}
.content_tab thead tr ,.content_tab thead tr:hover{background:url(images/manage_thead_bg.jpg) repeat-x; height:20px;}
.input_tab th{background:#F0F0F0;}


/*、、、、、、、、、、、、、、、、、*/
.input_tab{border:1px solid #999999;}
.input_tab{font-size: 15px; color:#c33; font-weight:bold; text-align:center;}
.input_tab thead{background:url(images/manage_thead_bg.jpg) repeat-x; height:20px; line-height:20px;}
.input_tab tr td{margin:0; padding:8px 5px;}
.input_tab th{height:20px; padding:2px; line-height:20px; color:#000000; font-size:12px;}

/*******************新聞樣式**************/
#news_tab h4{text-align:center; font-size:16px; border-bottom:1px solid #BBBBBB; padding-bottom:5px;}
#news_tab{line-height:18px; color:#333333;}
#popinfo{margin-top:100px;}
#popinfo p{font-size:18px; margin:20px 20px 5px 20px; font-weight:bold; line-height:25px;}
#popinfo a{color:#c33; font-size:14px; font-weight:bold;}

		
		
		
		
		
		
		
		
		
/* 讓 footer 保 證 置 底 */ 
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */