html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: middle;
}
body {
	height: 100%;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #eceff1 url(/images/indexBg01.jpg) repeat-x;
	color:#999999;
}

html, body {
	height: 100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}


/* Link Styles */
a:link, a:visited {
	color: #838383;
	text-decoration:none;
}
a:hover {
	color: #232323;
	text-decoration:none;
}
a:active {
	color: #ae0000;
	text-decoration:none;
}


#wrapper {
	margin:0 auto;
	width: 950px;

}

#header { padding: 0px 0 10px 0;margin:10px 0px 0px 0px;}
.logo {
	float:left;
	background: url(/images/logo01.jpg) no-repeat 0 0;
	text-indent:-9999px;
	float:left;
	height:39px;
	width:342px;
}
.logo a {
	display:block;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
	height:39px;
	width:342px;
}

.header-nav {
	float: right;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color: #656565;
	font-size:11px;
	padding:13px 0px 0px 0px;
}
.header-nav select {
font-family:Verdana,Arial,Helvetica,sans-serif;
	color: #656565;
	font-size:11px;
}

.header-nav #newsletter_term {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	border:1px solid #650d3e;
	color: #838383;
	font-size:11px;
	line-height:12px;
	width:135px;
}

.search-box {
	float: right;
}

.search-box #searchForm #search_term {
	color:#C70070;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	border:1px solid #650d3e;
	font-size:10px;
	line-height:10px;
	padding:3px 20px 3px 4px;
	width:135px;
}

.search-box #searchForm .submit_button {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color: #650d3e;
	color: #FFFFFF;
	border:medium none;
	height:18px;
	line-height: 16px;
	font-size: 11px;
}



/* Navigation */
#main_navigation {
	background-color: #1631a7;
	width: 955px;
}
#main_nav {
	background: url(/images/naviBg01.jpg) no-repeat;
	z-index: 99;
	list-style: none;
	height: 45px;
	width: 950px;
	color: #FFFFFF;
	font-weight:bold;
}
#main_nav a {
	display: block;
	text-decoration:none;
}
#main_nav li {
	float: left;
	margin-left: 0.1em;
}
#main_nav li a {
	display: block;
	height: 45px;
	hei\ght: 45px;
	letter-spacing: -0.02em;
	text-decoration: none;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-indent:-9999px;
}

#main_nav li a#nav01 { background: url(/images/nav01-out.jpg) no-repeat; width: 94px; }
#main_nav li a#nav02 { background: url(/images/nav02-out.jpg) no-repeat; width: 127px; }
#main_nav li a#nav03 { background: url(/images/nav03-out.jpg) no-repeat; width: 94px; }
#main_nav li a#nav04 { background: url(/images/nav04-out.jpg) no-repeat; width: 101px; }
#main_nav li a#nav05 { background: url(/images/nav05-out.jpg) no-repeat; width: 88px; }
#main_nav li a#nav06 { background: url(/images/nav06-out.jpg) no-repeat; width: 90px; }

#main_nav li:hover a#nav01,#main_nav li.ieHover a#nav01 { background: url(/images/nav01-over.jpg) no-repeat; width: 94px; }
#main_nav li:hover a#nav02,#main_nav li.ieHover a#nav02 { background: url(/images/nav02-over.jpg) no-repeat; width: 127px; }
#main_nav li:hover a#nav03,#main_nav li.ieHover a#nav03 { background: url(/images/nav03-over.jpg) no-repeat; width: 94px; }
#main_nav li:hover a#nav04,#main_nav li.ieHover a#nav04 { background: url(/images/nav04-over.jpg) no-repeat; width: 101px; }
#main_nav li:hover a#nav05,#main_nav li.ieHover a#nav05 { background: url(/images/nav05-over.jpg) no-repeat; width: 88px; }
#main_nav li:hover a#nav06,#main_nav li.ieHover a#nav06 { background: url(/images/nav06-over.jpg) no-repeat; width: 90px; }

#main_nav li:hover a, #main_nav li.ieHover a {
}

#main_nav li ul {
	position: absolute;
	width: 287px;
	left: -999em;
	font-size: 10px;
	text-align:left;
	border-top: 1px solid #FFFFFF;
}

#main_nav li:hover ul, #main_nav li.ieHover ul {
	left: auto;
	z-index:1000;
}
#main_nav li ul.sub_nav li {
	/*background: url(/images/navbg01.gif) no-repeat;*/
	width: 287px;
	text-align:left;
}
#main_nav li ul.sub_nav li.sub_nav_title {
	/*background: url(/images/sub_nav01.gif) no-repeat;*/
	line-height: 20px;
}
#main_nav li ul.sub_nav li a {
	display: block;
	text-align:left;
	text-decoration:none;
	margin: 0;
	padding: 3px 10px;
	line-height: 20px;
	height: 18px;
	width: 266px;
	/*background: url(/images/navbg01.gif) no-repeat;*/
	text-indent: 0;
	background-color: #d9d9d9;
	color: #686868;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-size: 10px;
}

#main_nav li ul.sub_nav li a:hover {
	/*background: #cfed57;*/
	color: #FFFFFF;
	background-color: #2E2E2E;
}
#main_nav li:hover, #main_nav li.hover {
	position: static;
}
#main_nav li ul ul {
	margin: -26px 0 0 287px;
}
#main_nav li:hover ul , #main_nav li.ieHover ul {
	left: -999em;
}
#main_nav li:hover ul, #main_nav li li:hover ul, #main_nav li.ieHover ul, #main_nav li li.ieHover ul {
	left: auto;
}
#main_nav li:hover ul ul, #main_nav li:hover ul ul ul, #main_nav li.ieHover ul ul, #main_nav li.ieHover ul ul ul {
	left: -999em;
}
#main_nav li:hover ul, #main_nav li li:hover ul, #main_nav li li li:hover ul, #main_nav li.ieHover ul, #main_nav li li.ieHover ul, #main_nav li li li.ieHover ul {
	left: auto;
}


#contact-nav { text-align: right;font-size: 10px;line-height: 27px; }

/* navi-quick */
#navi-quick {
	width: 935px;
	padding: 20px 0px 20px 0px;
	color: #6a6a6a;
}

#navi-quick ul {
	overflow: hidden;
}
#navi-quick ul li {
	float: left;
	margin: 0 2px;
	line-height: 14px;
}
#navi-quick ul li.navi-current {
	font-weight: bold;
}
/* index.html */

#index-news {
	background: url(/images/index-news01.jpg) no-repeat;
	width: 700px;
	height: 18px;
	padding-left: 160px;
	color: #656565;
	margin: 5px 0;
	padding-top: 10px;
	padding-bottom: 5px;
	float:left;
}
ul.index-quick-icon
{
	float:left;
	height: 33px;
	width: 85px;
}
ul.index-quick-icon li {
	float: left;
	margin: 5px 3px 2px 4px;
	text-align: right;
}
/* content */
#content {
	margin-top: 5px;
	background: url(/images/index-content-bg01.jpg) no-repeat;
	width: 950px;
	height: 277px;
}
#content h3 {
	color: #353535;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	float:left;
}
#content h4 {
	color: #C70070;
	font-size: 13px;
	margin: 5px 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

#content .index-new, #content .index-product, #content .index-other {
	float:left;
	overflow: hidden;
}

#content .index-new {
	width: 261px;
	padding: 19px 5px 15px 25px;
}

#content .index-new h4 {
	clear: both;
	color: #c4161c;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content .index-product {
	width: 430px;
	padding: 19px 10px 15px 10px;
}

#content .index-product ul li {
	width: 208px;
	height: 100px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
}

#content .index-product ul li h4 {
	color: #c4161c;
	font-size: 13px;
}

#content .index-other {
	width: 202px;
	height: 237px;
	border-left: 1px solid #dcd9d9;
	padding: 20px 0;
}

#content .index-other .index-support {
	width: 165px;
	margin: 0 auto;
}

/* inside content */
#inside-content {
	width: 955px;
	padding:5px 0px 0px 0px;
}

#inside-content .content-top, #inside-content .content-center, #inside-content .content-bottom {
	width: 951px;
	overflow: hidden;
}
#inside-content .content-top {
	background: url(/images/inside-content-bgTop01.png)	no-repeat;
	width: 951px;
	height: 27px;
}
#inside-content .content-center {
	background: url(/images/inside-content-bgCenter01.png)	repeat-y;
	width: 951px;
}
#inside-content .content-bottom {
	background: url(/images/inside-content-bgBottom01.png) no-repeat;
	width: 951px;
	height: 7px;
}
/* goods */
#goods-content {

}
#goods-content #goods-nav {
	background: url(/images/goods-navBg01.png) no-repeat;
	width: 950px;
	padding: 7px 0px 0 0px;
}

#goods-content #goods-nav ul {
	padding-left: 10px;
}
#goods-content #goods-nav li {
	float: left;
	margin: 0 10px;
}

div.goods_keyword {
	text-indent:-9999px;
}
text_content{font-family: Verdana, Arial, Helvetica, sans-serif;}
text_content13{font-family: Verdana, Arial, Helvetica, sans-serif;}

/* footer */
#footer {
	margin: 0 auto;
	width: 950px;
	padding-top: 10px;
	padding-bottom: 30px;
	color: #258dcc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer ul.footer-nav {
	float: left;
}
#footer ul.footer-nav li {
	float: left;
	background: url(/images/icon01.jpg) no-repeat center left;
	padding-left: 10px;
	margin-right: 10px;
}
#footer ul.footer-nav li a {
	font-size: 11px;
	color: #258dcc;
	text-decoration:none;
}

#footer .copyright {
	float: right;
	color: #656565;
	text-align: right;
}
.clear {
	background-image: none;
	clear:both;
}


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content {  }
.ui-widget-content a {  }
.ui-widget-header { font-weight: bold; }
.ui-widget-header a {  }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {  border-bottom: 1px solid #dcd9d9; background: #ffffff url(/images/goods-navBg-over.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #dcd9d9; background: #ffffff url(/images/goods-navBg-over.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background-color: #FFFFFF; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*新聞專區常見問題新增*/
#warranty_terms_left {
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EAEAEA;
	border-right-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	border-left-color: #EAEAEA;
	background-image: url(images/left_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 10px;
	padding-left: 30px;
}
#warranty_terms_left a, #warranty_terms_left a:link, #warranty_terms_left a:visited {  text-decoration: none; outline: none; }
#warranty_terms_left a:hover { color: #258DCC; text-decoration: none;outline: none; }
#warranty_terms_left2 {
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EAEAEA;
	border-right-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	border-left-color: #EAEAEA;
	background-image: url(images/left_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 10px;
	padding-left: 43px;
}
#warranty_terms_left2 a, #warranty_terms_left2 a:link, #warranty_terms_left2 a:visited {  text-decoration: none; outline: none; }
#warranty_terms_left2 a:hover { color: #258DCC; text-decoration: none;outline: none; }
.text_content13 a, .text_content13 a:link, .text_content13 a:visited {color: #258DCC;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration: underline; }
.text_content13 a:hover {color: #258DCC;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration: underline; }
/*何處購買新增*/
.rbborder {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #b6b6b7;
	border-bottom-color: #b6b6b7;
	font-size: 12px;
	line-height: 18px;
	color: #454545;
	text-decoration: none;

}
.ltborder {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #b6b6b7;
	border-right-color: #b6b6b7;
	border-bottom-color: #b6b6b7;
	border-left-color: #b6b6b7;
}

/* member block */
div#login_block01 {
	overflow:hidden;
	background: url(/images/login_img01.gif) no-repeat bottom center;
	width: 850px;
	height: 540px;
	margin: 0 auto;
	padding: 30px 50px;
	color: #555555;
}
#loginFrm {
	font-size: 12px;
	line-height: 20px;
}

#loginFrm input.input01 {
	width: 190px;
}

#loginFrm input.loginSubmit01 {
	display: block;
	float:left;
	background: url(/images/login_submit01.png)	no-repeat;
	width: 81px;
	height: 28px;
	text-indent:-9999px;
	margin-right: 30px;
	border: none;
}

#easyatmLoginFrm input.loginSubmit02 {
	display: block;
	float:left;
	background: url(/images/login_submit02.png)	no-repeat;
	width: 220px;
	height: 28px;
	text-indent:-9999px;
	border: none;
}

input.agreeBtnN {
	display: block;
	float:left;
	background: url(/images/login_btn01.png)	no-repeat;
	width: 56px;
	height: 28px;
	text-indent:-9999px;
	margin-right: 30px;
	cursor: pointer;
	border: none;
}

input.agreeBtnY {
	display: block;
	float:left;
	background: url(/images/login_btn02.png)	no-repeat;
	width: 128px;
	height: 28px;
	text-indent:-9999px;
	cursor: pointer;
	border: none;
}
#loginFrm input.loginReset01 {
	display: block;
	float:left;
	background: url(/images/login_clear01.png)	no-repeat;
	width: 81px;
	height: 28px;
	text-indent:-9999px;
	border: none;
}
input.checkUsername {
	background: url(/images/regprofile_img02.gif)	no-repeat;
	width: 81px;
	height: 28px;
	text-indent:-9999px;
	cursor: pointer;
	border: none;
}

input.cancelReg {
	display: block;
	float:left;
	background: url(/images/regprofile_img03.gif)	no-repeat;
	width: 81px;
	height: 28px;
	text-indent:-9999px;
	cursor: pointer;
	border: none;
	margin-right: 30px;
}

input.nextReg {
	display: block;
	float:left;
	background: url(/images/regprofile_img04.gif)	no-repeat;
	width: 81px;
	height: 28px;
	text-indent:-9999px;
	cursor: pointer;
	border: none;
}

input.productReg {
	display: block;
	background: url(/images/regprofile_btn01.png)	no-repeat;
	width: 179px;
	height: 39px;
	text-indent:-9999px;
	cursor: pointer;
	border: none;
	margin: 10px 0;
}

input.returnIndex {
	display: block;
	background: url(/images/regprofile_btn02.png)	no-repeat;
	width: 179px;
	height: 39px;
	text-indent:-9999px;
	cursor: pointer;
	border: none;
	margin: 10px 0;
}
#profile-block01 td, #profile-block02 td {
	padding-top: 10px;
}
#profile-block01 td.title01, #profile-block02 td.title01 {
	width: 75px; text-align: center; background-color:#efefef;
}
#profile-block01 td.title02 {
	width: 120px; text-align: center; background-color:#efefef;
}
#profile-block02 li {
	float: left;
	width: 100px;
	margin-left: 30px;
}
.mrequire { color: #FF0000; }
#easyatm_link {
	overflow:  hidden;
	width: 565px;
	padding: 20px 60px;
}

#a_btn {color:#666; background:url(../images/a_link_btn_R.gif) right top no-repeat; width:auto; padding:5px 10px; *padding:1px 5px 0px 0px !important; margin:5px;}
#a_btn span {background:url(../images/a_link_btn_L.gif) -3px -3px no-repeat; *background:url(../images/a_link_btn_L.gif) left -1px no-repeat; padding:0px 5px 0px 0px; *padding:3px 15px 5px 15px; height:20px; text-decoration:underline;}
#a_btn:hover, #a_btn:hover span {color:#F00; text-decoration:none;}