@charset "utf-8";
* html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body, div, dl, dt, dd, th, th, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
  margin: 0px;
  padding: 0px;
}
fieldset, img {
  border: 0px;
}
abbr, acronym {
  border: 0px;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
img {
  nobar: expression(this.galleryImg='no');
}
body {
  background: url(../images/bg_main.gif) top repeat-x;
}
.clear {
  clear: both;
}

a:link {color:#666666; text-decoration:none;} 
a:visited {color:#666666; text-decoration:none;} 
a:hover {color:#555001; text-decoration:none;} 
a:active {color:#555001; text-decoration:none;} 

#golbalwapper {
  width: 990px;
  overflow: hidden;
  margin: 0 auto;
}
#wapper {
  width: 980px;
  float: left;
  overflow: hidden;
  background: url(../images/bg_mT.gif) top no-repeat #FFFFFF;
  padding-top: 20px;
}
#maincontent {
  width: 950px;
  clear: both;
  overflow: hidden;
  margin: 0 auto;
  background: url(../images/bg_content.gif) top left repeat-y;
}
#navi {
  width: 181px;
  float: left;
  overflow: hidden;
}
#primary {
  width: 740px;
  float: right;
  overflow: hidden;
}
.title {
  background: url(../images/aw3.gif) 5px 6px no-repeat;
  padding: 5px 0px 0px 25px;
  margin-bottom: 13px;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  line-height: 18px;
}
.title_main {
  width: 740px;
  background: url(../images/line2.gif) bottom repeat-x;
  padding-bottom: 10px;
  margin: 18px 0px 30px;
}
.goods1-1 {
  width: 126px;
  float: left;
  padding-left: 10px;
  overflow: hidden;
}
.goods1-2 {
  width: 120px;
  height: 120px;
  overflow: hidden;
  padding: 2px;
}
.goods2 {
  width: 126px;
  float: left;
  padding-left: 15px;
  padding-bottom: 25px;
  overflow: hidden;
}
.device1 {
  width: 166px;
  float: left;
  padding-right: 11px;
  padding-bottom: 40px;
  overflow: hidden;
}
.device2 {
  width: 160px;
  border: 1px solid #dedede;
  padding: 2px;
  overflow: hidden;
  margin-bottom: 7px;
}

/*首頁改版*/
#banner_index {
   width: 980px; 
   height: 247px; 
   overflow: hidden;	
}
.iMaincontent {
   width:940px; 
   overflow:hidden; 
   padding: 0px 20px;	
}
.iLeft {
  float: left; 
  width: 664px; 
  overflow: hidden;
  margin-right: 20px;	
}
.iRight {
  float: left; 
  width: 256px;
  overflow: hidden;	
}
.case_slider {
  float: left; 
  width: 220px; 
  overflow: hidden;	
}
.margi_r2 {
  margin-right: 2px;	
}
.case_slider_ti {
  background:url(../images/arrow.gif) left center no-repeat; 
  padding-left: 15px; 
  color: #9a9a9a; 
  font-weight: bold;	
}
/* Easy Slider */
#slider {
  width: 210px;
	height: 100px; 
	overflow: hidden;	
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:210px;
	height:100px;
	overflow:hidden; 
	}		
#slider li img{ 
  border: 1px solid #dbd8b4;
  padding: 2px;
	}				
/* tab pane styling */
.tabs { 
	list-style:none; 
	margin:0px; 
	padding:0px;
	height:25px;
}

.tabs li { 
	float:left;	 
/*	text-indent:0;*/
	padding:0px;
	margin:0px;
	list-style-image:none; 
}

.tabs a { 
	background: url(../images/tab_bg.png) no-repeat 0 0;
	font-size:11px;
	display:block;
	height: 23px;  
	line-height:25px;
	width: 99px;
	text-align:center;	
	text-decoration:none;
	color: #9a9a9a; 
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

/*.tabs a:active {
	outline:none;		
}*/

.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-position: 0 -23px;		
	cursor:default; 
	color: #9a9a9a; 
	font-weight: bold;		
}

.panes .pane {
	display:none;		
}

.panes_d{
/*	display:none;	*/	
	padding:10px 5px;
	border-top:0;
	height:100px;
	overflow: hidden;	
}	
.tab_tag {
  width: 320px; 
  float: left; 
  overflow: hidden;
  margin-top: 10px;	
}
.tab_tag_right {
  width: 340px; 
  float: left; 
  overflow: hidden;
  margin-top: 10px;	
}

/*main btn*/
.button1 {
  width: 181px;
  overflow: hidden;
  margin-bottom: 20px;
}
.button1 ul {
  list-style: none;
}
.button1 li {
  border-bottom: 1px solid #e1ddb9;
}
.button1 li a {
  padding: 7px 5px 5px 26px;
  width: 150px !important;
  width/**/: 181px;
  display: block;
  color: #666666;
  text-decoration: none;
  background: url(../images/aw2-1.gif) 6px 7px no-repeat;
}
.button1 li a:hover {
  background: url(../images/aw2-2.gif) 6px 7px no-repeat;
  color: #555001;
}
.button1 li span.stay1 {
  width: 181px;
  display: block;
  color: #666666;
  background: url(../images/aw2-1.gif) 6px 7px no-repeat;
}
.button1 li span.stay1 a {
  width: 181px;
  display: block;
  color: #555001;
  background: url(../images/aw2-2.gif) 6px 7px no-repeat;
}
/*font*/
.main_font {
  font: 12px Arial, Helvetica, sans-serif;
}
.main_font2 {
  font-family: "新細明體";
}
.f11 {
  font-size: 11px;
}
.f16 {
  font-size: 16px;
  font-weight: bold;
}
.f_b {
  font-weight: bold;
}
.lh16 {
  line-height: 16px;
}
.lh18 {
  line-height: 18px;
}
.lh22 {
  line-height: 22px;
}
.f_bk0 {
  color: #000000;
}
.f_bk3 {
  color: #333333;
}
.f_bk4 {
  color: #444444;
}
.f_bk6 {
  color: #666666;
}
.f_bk9 {
  color: #999999;
}
.f_bka {
  color: #aaaaaa;
}
.f_bu1 {
  color: #8398a5;
}
.f_bu2 {
  color: #0066aa;
}
.f_bu3 {
  color: #004573;
  font-weight: bold;
  line-height: 16px;
}
.f_bu4 {
  color: #4b7998;
}
.f_y1 {
  color: #918f6a;
}
.f_y2 {
  color: #555001;
}
.f_pk1 {
  color: #d80083;
}
.f_r1 {
  color: #dc0000;
}
.f_bk3 a {
  color: #333333;
  text-decoration: none;
}
.f_bk3 a:hover {
  color: #555001;
  text-decoration: none;
}
.f_bu1 a {
  color: #8398a5;
  text-decoration: none;
}
.f_bu1 a:hover {
  color: #8398a5;
  text-decoration: underline;
}
.f_bu3 a {
  color: #004573;
  text-decoration: none;
}
.f_bu3 a:hover {
  color: #004573;
  text-decoration: underline;
}
.f_bk4 a {
  color: #444444;
  text-decoration: none;
}
.f_bk4 a:hover {
  color: #d80083;
  text-decoration: underline;
}
.f_y1 a {
  color: #918f6a;
  text-decoration: none;
}
.f_y1 a:hover {
  color: #555001;
  text-decoration: underline;
}
.f_y2 a {
  color: #555001;
  text-decoration: none;
}
.f_y2 a:hover {
  color: #555001;
  text-decoration: underline;
}
.f_p1 {
  color: #e18888;
}
.f_p1 a:hover {
  color: #e18888;
  text-decoration: underline;
}

a.black:link {
  color: #333333;
  text-decoration: none;
  font-weight: bold;
}
a.black:visited {
  color: #333333;
  text-decoration: none;
  font-weight: bold;
}
a.black:hover {
  color: #333333;
  text-decoration: underline;
  font-weight: bold;
}
/*button*/
.btn_login a {
  width: 35px;
  height: 17px;
  overflow: hidden;
  display: block;
  background: url(../images/member_login.gif) top left no-repeat;
  margin-right: 10px;
}
.btn_login a:hover {
  background-position: top right;
}
.login a {
  width: 40px;
  height: 40px;
  overflow: hidden;
  display: block;
  background: url(../images/btn_login.gif) top left no-repeat;
}
.login a:hover {
  background-position: right top;
}
.more a {
  width: 38px;
  height: 13px;
  overflow: hidden;
  display: block;
  background: url(../images/more.gif) top left no-repeat;
}
.more a:hover {
  background-position: right top;
}
.magnifier a {
  width: 57px;
  height: 17px;
  overflow: hidden;
  display: block;
  background: url(../images/btn_map.gif) top left no-repeat;
  margin: 3px 0px;
}
.magnifier a:hover {
  background-position: right top;
}
.qlink1 a {
  width: 181px;
  height: 43px;
  overflow: hidden;
  display: block;
  background: url(../images/qlink1.gif) top left no-repeat;
}
.qlink1 a:hover {
  background-position: bottom left;
}
.qlink2 a {
  width: 181px;
  height: 43px;
  overflow: hidden;
  display: block;
  background: url(../images/qlink2.gif) top left no-repeat;
}
.qlink2 a:hover {
  background-position: bottom left;
}
.back a {
  width: 13px;
  height: 13px;
  overflow: hidden;
  display: block;
  background: url(../images/back.gif) top left no-repeat;
  margin-right: 10px;
}
.back a:hover {
  background-position: right top;
}
.back2 a {
  width: 58px;
  height: 13px;
  overflow: hidden;
  display: block;
  background: url(../images/back2.gif) top left no-repeat;
}
.back2 a:hover {
  background-position: right top;
}
.back3 a {
  width: 70px;
  height: 21px;
  overflow: hidden;
  display: block;
  background: url(../images/back3.gif) top left no-repeat;
}
.back3 a:hover {
  background-position: right top;
}
.next a {
  width: 13px;
  height: 13px;
  overflow: hidden;
  display: block;
  background: url(../images/next.gif) top left no-repeat;
  margin-left: 10px;
}
.next a:hover {
  background-position: right top;
}
.message a {
  width: 105px;
  height: 21px;
  overflow: hidden;
  display: block;
  background: url(../images/btn_message1.gif) top left no-repeat;
}
.message a:hover {
  background-position: right top;
}
.message2 a {
  width: 105px;
  height: 21px;
  overflow: hidden;
  display: block;
  background: url(../images/btn_message2.gif) top left no-repeat;
}
.message2 a:hover {
  background-position: right top;
}
.submit a {
  width: 70px;
  height: 21px;
  overflow: hidden;
  display: block;
  background: url(../images/btn_submit.gif) top left no-repeat;
  margin-left: 10px;
}
.submit a:hover {
  background-position: right top;
}
.get_pw a {
  width: 60px;
  height: 40px;
  overflow: hidden;
  display: block;
  background: url(../images/btn_getpw.gif) top left no-repeat;
}
.get_pw a:hover {
  background-position: right top;
}
.submit a {
  width: 40px;
  height: 21px;
  overflow: hidden;
  display: block;
  background: url(../images/submit.gif) left top no-repeat;
  margin-left: 10px;
}
.submit a:hover {
  background-position: right top;
}
.reset a {
  width: 40px;
  height: 21px;
  overflow: hidden;
  display: block;
  background: url(../images/reset.gif) left top no-repeat;
}
.reset a:hover {
  background-position: right top;
}
.join a {
  width: 76px;
  height: 21px;
  overflow: hidden;
  display: block;
  background: url(../images/btn_join.gif) left top no-repeat;
  margin-right: 5px;
}
.join a:hover {
  background-position: right top;
}
.order a {
  width: 35px;
  height: 17px;
  overflow: hidden;
  display: block;
  background: url(../images/order.gif) top left no-repeat;
  margin-right: 7px;
}
.order a:hover {
  background-position: right top;
}
.unorder a {
  width: 35px;
  height: 17px;
  overflow: hidden;
  display: block;
  background: url(../images/unorder.gif) top left no-repeat;
}
.unorder a:hover {
  background-position: right top;
}

a.subscribe {
	color: #aaa893;
	border: 1px solid #dbd8b4;
	padding: 1px 5px; 
	width: 42px;
	height: 14px;
	font-size: 12px;
	text-align: center;
	background-color: #ffffff;
}
a.subscribe:hover{
	color: #aaa893;
	border: 1px solid #dbd8b4;
	padding: 1px 5px; 
	width: 42px;
	height: 14px;
	font-size: 12px;
	text-align: center;
	background-color: #f3efc0;
}
/*index_link btn*/
.link1 {
  width: 160px;
  overflow: hidden;
  float: left;
  padding-left: 10px;
}
.link1 ul {
  list-style: none;
}
.link1 li {
  border-bottom: 1px solid #dddddd;
}
.link1 li a {
  padding: 5px 5px 5px 15px;
  width: 140px !important;
  width /**/: 160px;
  display: block;
  color: #333333;
  text-decoration: none;
  background: url(../images/aw1.gif) 5px 9px no-repeat;
}
.link1 li a:hover {
  background: url(../images/aw1.gif) 6px 9px no-repeat;
  color: #555001;
}
.link2 {
  width: 230px;
  overflow: hidden;
  float: left;
  padding-left: 10px;
}
.link2 ul {
  list-style: none;
}
.link2 li {
  border-bottom: 1px solid #dddddd;
}
.link2 li a {
  padding: 5px 5px 5px 15px;
  width: 210px !important;
  width /**/: 230px;
  display: block;
  color: #333333;
  text-decoration: none;
  background: url(../images/aw1.gif) 5px 9px no-repeat;
}
.link2 li a:hover {
  background: url(../images/aw1.gif) 6px 9px no-repeat;
  color: #555001;
}
/*other*/
.bd1 {
  border: 1px solid #dbd8b4;
  padding: 1px;
}
.bd2 {
  border: 1px solid #dbd8b4;
  padding: 2px;
}
.bd3 {
  border: 1px solid #cccccc;
  padding: 1px;
}
.line1 {
  padding: 0px;
  overflow: hidden;
  height: 1px;
  background-color: #dddddd;
}
.line2 {
  background: url(../images/line1.gif) bottom repeat-x;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.pd1 td {
  padding: 4px 0px;
}
.pd2 td {
  padding: 4px;
}
.pd3 td {
  padding: 7px 6px 5px;
}
/*title*/
.t_new1 {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  background: url(../images/aw5.gif) 3px 4px no-repeat;
  width: 680px;
  overflow: hidden;
  padding-left: 20px;
}
.t_new2 {
  font-size: 11px;
  color: #0066aa;
  border-top: 2px solid #e1ddb9;
  border-bottom: 1px solid #dddddd;
  padding: 5px 20px;
  background-color: #F2F2F2;
  overflow: hidden;
  margin: 8px 0px 15px;
}
.t_procedure1 {
  width: 700px;
  background: url(../images/procedure_bg.gif) top left no-repeat;
  overflow: hidden;
  padding-bottom: 3px;
  border-bottom: 1px solid #b5cedf;
  margin-bottom: 2px;
}
.t_guestbook1 {
  width: 690px;
  overflow: hidden;
  background: url(../images/consultation_bg.gif) bottom left repeat-x;
  border: 1px solid #dbd8b4;
  border-bottom: 2px solid #dbd8b4;
  margin-bottom: 5px;
  padding: 6px 4px;
}
.t_guestbook_a {
  border: 1px solid #dbd8b4;
  background: url(../images/aw_a.gif) 10px 10px no-repeat;
  background-color: #fcfcf3;
  padding: 7px 6px 5px 30px;
  color: #666666;
  line-height: 18px;
}
.t_guestbook_img{
  border: 1px solid #dbd8b4;
	width:120px;
	height:120px;
	margin-bottom:10px;
}
.t_contact {
  width: 680px;
  padding: 5px 0 5px 20px;
  margin-bottom: 5px;
  border-bottom: 2px #6ca1c4 solid;
  overflow: hidden;
  background: url(../images/aw9.gif) left center no-repeat;
}
.t_about_brand {
  padding: 20px 0px 10px 15px;
  width: 685px;
  overflow: hidden;
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}
.t_about_glorious {
  padding: 0px 0px 10px 20px;
  width: 560px;
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: 1px solid #dddddd;
	background:url(../images/aw6.gif) no-repeat;
	background-position: 0 5px;; 
}
#loader {
  background-color: #FFFFCC;
  border: 1px solid #CC0000;
  position: fixed;
  color: #CC0000;
  z-index: 1000;
  left: 0px;
  bottom: 0px;
  padding: 5px 15px;
  filter: progid: DXImageTransform.Microsoft.BasicImage(opacity=.65);
  opacity: 0.65;
  font-size: 12px;
}
* html #loader {
  position: absolute;
}
.p0 {
  padding: 0px;
}
.pl10 {
  padding-left: 10px;
}
.pb8 {
  padding-bottom: 8px;
}
.ptb1 {
  padding-top: 1px;
  padding-bottom: 1px;
}
.ptb2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.prl5 {
  padding-right: 5px;
  padding-left: 5px;
}
.ml30 {
  margin-left: 30px;
}
.mr20 {
  margin-right: 20px;
}
.mtb5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.w30 {
  width: 30px;
}
.w50 {
  width: 50px;
}
.w60 {
  width: 60px;
}
.w80 {
  width: 80px;
}
.w95 {
  width: 95px;
}
.w100 {
  width: 100px;
}
.w105 {
  width: 105px;
}
.w115 {
  width: 115px;
}
.w120 {
  width: 120px;
}
.w150 {
  width: 150px;
}
.w155 {
  width: 155px;
}
.w200 {
  width: 200px;
}
.w220 {
  width: 220px;
}
.w215 {
  width: 215px;
}
.w250 {
  width: 250px;
}
.w260 {
  width: 260px;
}
.w270 {
  width: 270px;
}
.w360 {
  width: 360px;
}
.w450 {
  width: 450px;
}