@charset "utf-8";

/* ie6 up ie8 */
#anti_ie6 {
 text-align:center;
 background:yellow;
 font-size:14px;
 margin:0;}
 
#anti_ie6 p strong {padding:0 5px;}

/* 頁面初始設定 */
html{margin:0;padding:0;  font-family: "微軟正黑體", Arial, serif;}

body{margin:0;padding:0;  font-family: "微軟正黑體", Arial, serif; overflow-x:hidden;}

img{border:0;}

/* 主要頁面置中 */
#topbar{height:5px; width: 100%; background-color:#e8e8e8;}

#page {
  position: relative;
  left: 50%;
  margin-left: -512px; /* 1024 除以 -2 */
  width: 1024px;
  height: auto;}

/* LOGO區 */ 
#up {width:1024px; height:45px; display:block;}

#logo {
  width:510px;
  height:45px;
  background-image:url(images/logo.jpg);
  background-repeat:no-repeat;
  float:left;
  display: inline;}

/* 副選單區 */
#submenu {
  width: 480px;
  height: 44px;
  background-image:url(images/submenu.jpg);
  background-repeat:no-repeat;
  float:right;
  padding:0 0 1px 34px;
  display: inline;}

.subicon{
  float:left;
  width:20px;
  height : 20px;
  padding-top:3px;
  text-align : center;
  display:inline;}

.subms{
  float:left;
  width: auto;
  height : 23px;
  text-align : center;
  padding-right:10px;
  font-size:12px;
  display:inline;}

.subms a{
  text-decoration:none;
  color:#000000;}

.subms a:hover{
  text-decoration:none;
  color: #3333CC;
  font-weight:bold;}

/* 修正CSS塌陷 */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;} /* for IE/Mac */


/* FLASH主選-查詢區 */
#up2 {width:1024px; height:80px; margin-bottom:35px !important;_margin-bottom:0px; display:block; position:relative;}

#ml{
  width:705px;
  height:80px;
  float:left;
  display:inline;}
/*
#mr{
  width:319px;
  height:69px;
  margin-top:1px;
  padding-top:10px;
  background-image:url(images/menub.jpg);
  background-repeat: no-repeat;
  float:left;
  display:inline;}
*/
/* 最新消-/廣告-e教室輪播區 */
#up3 {width:1024px; height:245px; display:block; position:relative;}

#headl{
  width:724px;
  height:245px;
  float:left;}

#ha{
  width:670px;
  height:80px;
  font-size:12px;
  margin:15px 0 5px 54px;
  overflow:hidden;
  display:block;}

#hb{
  width:690px;
  height:125px;
  margin:0 0 15px 30px;
  display:block;}

#headr{
  width:300px;
  height:245px;
  background-image:url(images/class.jpg);
  background-repeat: no-repeat;
  float:left;}

.eclass1{
  width:100px;
  height:13px;
  padding:40px 0 15px 170px;
  float:left;
  display:block;}
  
.eclass2{
  width:183px;
  height:165px;
  padding-left:5px;
  font-size:12px;}
  
.eclass2 ol a{
  text-decoration:none;
  color:#333333;}
  
.eclass2 ol a:hover{
  text-decoration: underline;
  color:#CC0000;}
  
/* 跑馬燈 */
.new{overflow:hidden;height:20px;}

.new a{
  text-decoration:none;
  color:#000000;}

.new a:hover{
  text-decoration:underline;
  color:#000066;}
  
#more{ height:13px; width:28px; display:block; margin-left:680px}

/* 討論及聯結區-主商品區-會員輪播區 */
#up4 {width:1024px; height: auto; display:block; position:relative;}

/*(內頁)左區塊*/
#showl{
  width: 200px;
  height:auto;
  margin-left:30px;
  float:left;
  _margin-left:15px;
  }
#showl2{
  width: 200px;
  height:auto;
  margin-left:30px;
  float:left;
  background-color:#e6e8ff;
  _margin-left:15px;
  }
  
.sl1{
  width:190px;
  height:53px;
  background-image:url(images/discuss.jpg);
  background-repeat:no-repeat;
  float:left;
  padding:120px 0 0 10px;
  font-size:12px;
  overflow:hidden;}
  
.link{
  width:auto;
  height: auto;
  float:left;
  margin-top:5px;}

.sl2{
  width:200px;
  height:auto;
  float:left;}
  
/*中區塊*/
#showm{
  width: 489px;
  height: auto;
  margin-left:5px;
  float:left;}

.pro1{
  width:489px;
  height:20px;
  border-bottom:solid 1px #CCCCCC;
  font-size:14px;
  font-weight:bold;
  margin-top:5px;
  clear:both;
  display:block;}

.pro1_2{
  width:700px;
  height:20px;
  border-bottom:solid 1px #CCCCCC;
  font-size:14px;
  font-weight:bold;
  margin-top:5px;
  clear:both;
  display:block;}
  
.pro2{
  width:489px;
  height:auto;
  margin:0 0 25px 1px;
  float:left;
  display:block;
  clear:both;}
  
.pro2_2{
  width:700px;
  height:auto;
  margin:0 0 25px 1px;
  float:left;
  display:block;
  clear:both;}
  
.pro3{
  width:150px;
  height:60px;
  margin-left:5px;
  margin-top:10px;
  font-size:14px;
  float:left;
  display: inline;
  font-size:12px;
  }

/*右區塊*/
#showr{
  width: 205px;
  height:auto;
  margin-left:5px;
  float:left;} 

.mem1{
 width:198px;
 height:304px;
 margin-left:7px;
 background-image:url(images/memform.jpg);
 background-repeat:no-repeat;}
 
.mea{
 width:43px;
 height:15px;
 display:block;
 padding:10px 0 0 155px;
 margin-bottom:10px;}

.meb{
 width:188px;
 /*height:60px;*/
 display:block;
 margin:12px 0 0 10px;
 font-size:12px;
 overflow:hidden;}

.mem2{
 width:198px;
 height:auto;
 margin:5px 0 0 7px;}

/* (內頁)左選單區塊 */
.sleft{
  width:120px;
  height:auto;
  padding: 5px 10px 4px 30px;
  margin: 10px 2px 10px 20px;
  font:"微軟正黑體";
  font-size:14px;
  border-bottom:#999999 dotted 2px;
  display:block;}
  
.sleft a{
  text-decoration:none;
  color:#333333;}

.sleft a:hover{
  font-weight:bold;
  color:#990000;}

.sla{
  background-image:url(images/ne1.gif);
  background-repeat:no-repeat;
  background-color: #FEF1E9;}
  
.slb{
  background-image:url(images/buttom.jpg);
  background-repeat:no-repeat;}
  
.eng{
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
  color:#CC9933;
  padding-left:5px;}
  
.sleftb{
  width:160px;
  height:210px;
  background-image:url(images/sback.jpg);
  background-repeat:no-repeat;
  margin: 40px 2px 10px 20px;
  font:"微軟正黑體";
  font-size:14px;
  display:block;}

.tba{
  width:135px;
  padding:6px 0px 10px 25px;
  font-size:12px;
  color:#FFFFFF;
  display:block;}
  
.tbb{
  width:150px;
  padding:10px 0px 0px 10px;
  font-size:12px;
  display:block;
  color:#333333;}

.tbb2{
  width:150px;
  padding:10px 0px 0px 10px;
  font-size:12px;
  display:block;
  color:#333333;
  background-color:#f5f4ff;
}
/* 直式分隔線 */
.sline{
  width:8px;
  height:325px;
  background-image:url(images/sline.jpg);
  margin-top:10px;
  float:left;
  display:block;}
  
/* (內頁)右區塊 */
#sright{
  width: 690px;
  /*height: auto;*/
  margin: 20px 82px 10px 3px;
  padding-left:10px;
  float:left;
  font-size:14px;}
  
.sra{
  width:auto;
  height:auto;
  padding:5px 15px;
  border: #CCCCCC 1px solid;
  font-weight:bolder;}
  
.sra2{
  width:auto;
  height:auto;
  padding-left:15px;}
  
.sbb{
 width: 100%;
 height:10px;
 border-bottom:#666666 1px dashed;
 display:block;}

/* 預留區 */
.up5 {
 width:903px;
 height:28px;
 margin:10px 35px 0 30px;
 background-image:url(images/downmenu.jpg);
 background-repeat:no-repeat; float:left;
 display:block;
 text-align:center;
 padding-top: 6px;
 color:#666666;
 font-size:14px;
 _margin-left:15px;
 }

.up5 a{
 text-decoration:none;
 color: #666666;}
 
.up5 a:hover{
 text-decoration:underline;
 color: #333333;
 font-weight:bold;}

/* 版權宣告區 */
#down{
 width:885px;
 height:73px;
 margin:10px 64px 30px 29px;
 font-size:14px;
 display:block;
 float:left;
 _margin-left:15px;
 }
 
.dol{
 width:188px;
 height:80px;
 background-image:url(images/sublogo.jpg);
 background-repeat:no-repeat;
 float:left;
 display: inline;}

.dor{
 width:697px;
 height:80px;
 padding-top:6px;
 float:left;
 display: inline;
 font-size:12px;
 color:#666666;}
 
/* 底線區 */
#bottombar{ height:5px; width: 100%; background-color:#e8e8e8;}

/* 預留邊欄 */
#adv{
  width:66px;
  height:0px;
  background-image:url(images/onsale.jpg);
  background-repeat:no-repeat;
  position:fixed;
  top:140px;
  right:10px;
  visibility:hidden;}

#ad1{
  width:56px;
  height:21px;
  background-image:url(images/onsale01.jpg);
  background-repeat:no-repeat;
  margin:5px;
  padding:2px 0 0 3px;
  font-size:12px;
  color:#FFFFFF;}

.ad2{
  width:39px;
  height:8px;
  padding-left:14px;}
  
.ad3{
  width:56px;
  height:50px;
  padding:0 5px;
  margin:3px 0;}
  
#ad4{
  width:56px;
  height:43px;
  background-image: url(images/onsale04.jpg);
  background-repeat:no-repeat;
  margin:8px 5px 10px 5px;
  padding:25px 0 0 4px;}
  
.ad5{
  width:66px;
  height:18px;}
  
.red {
	color: #990000;
	font: bold;
}

/*分頁樣式*/
div.pagination {
    overflow: hidden;
    font-size: 9pt;
    padding: 10px 0;
}

div.pagination ul {
    list-style: none;
    padding: 2px 0;
    line-height: 16px;
}

div.pagination li {
    display: inline;
}
/* -- */
div.pagination.sabrosus {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination.sabrosus a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #9aafe5;

	text-decoration: none;
	color: #2e6ab1;
}

div.pagination.sabrosus a:hover, div.pagination.pagination a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: lightyellow;
}

div.pagination.sabrosus li.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid navy;
	font-weight: bold;
	background-color: #2e6ab1;
	color: #FFF;
}

div.pagination.sabrosus li.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #929292;
	color: #929292;
}

/* 訊息連結 */
.nl a{
  text-decoration:none;
  color: #000000;}

.nl a:hover{
  text-decoration:underline;
  color: #CC0000;
  font-weight:bold;}
  
/* 回前頁 */

.backh{
  font-size:12px;
  display:inline;}

.backh a{
  padding:5px;
  text-decoration:none;
  color:#FFFFFF;
  text-align:center;
  background-color:#333333;}
  
.backh a:hover{
  padding:5px;
  text-decoration:none;
  text-align:center;
  background-color:lightyellow;
  border:#333333 1px solid;
  color:#333333;}
 
/* 系統登入 */  
.div_texbox {
	width:347px;
	float:left;
	background-color:#E6E6E6;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}
.textbox {
	background-image: url(images/16t.png);
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
	font:normal 18px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}

.username {
    	background-image: url(images/16m.png);
    	background-repeat: no-repeat;
    	background-position:left;
    	background-color:#FFFFFF;
	width:285px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 19px;
}
.username:focus, .username:hover {
	background-color: #FFFFCC;
}
   
.password {
    	background-image: url(images/16s.png);
    	background-repeat: no-repeat;
   	    background-position:left;
   	    background-color:#FFFFFF;
	    width:285px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 19px;
}
.password:focus, .password:hover {
	background-color:#F0FFE6;
}

.button_div {
	width:415px;
	float:left;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:3px;
	padding:5px 32px 3px;
}
.buttons {
	background: #e3e3db;
	font-size:12px; 
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

fieldset {
	border:1px dashed #CCC;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
	width: 480px ;
}
legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}

label {
	width:120px;
	height:32px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	background-color:#CCCCCC;
	float:left;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 115%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;
}

.pro_v{
	border:1px solid #000080;
	background-color:#ffffdf;
	padding:5px;
	width:60px;
}

.pro_v2{
	border:1px solid #000080;
	background-color:#ffffdf;
	padding:5px;
	width:60px;
	padding:0 auto;
}

/* jquery-tabs格式 */
 
.jquery-tabs{
	background-color:#FFFFFF;
	width:720px;
}

.jquery-tabs p span{
	background-color:#EFEFEF;
	border:1px solid #CCCCCC;
	cursor:pointer;
	margin-right:2px;
	padding:2px 3px;
}
.jquery-tabs p span.current{
	background-color:#FAFAFA; 
	border-bottom-color:#fafafa;
}

.jquery-tabs p{
	margin:0;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	padding:0 10px 2px;
}
.jquery-tabs ul{
	margin:0;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:15px 0px;
}
.jquery-tabs li{
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:3px;
	margin:5px 0;
}
.jquery-tabs .mhot,.jquery-tabs.allhot{
	display:none;
}

/* (內頁)右區塊 */
.tbar{
 width: 660px;
 height:38px;
 color: #333333;
 padding:10px 15px 0px 15px;
 margin-top:10px;
 background-image:url(images/tbar.jpg);
 background-repeat:repeat-x;
 display:block;
 clear:both;}
 
.dbar{
 width:690px;
 height:auto;
 font-size:12px;
 text-align:center;
 color:#666666;
 clear:both;}
 
.mprod{
 width:125px;
 height:175px;
 margin:5px;
 float:left;
}

.mprod2{
 width:125px;
 height:125px;
 border: #B9B9B9 1px solid;
 display:block;
}

.mprod3{
 width:115px;
 height:14px;
 padding:5px;
 font-size:12px;
 color:#666666;
 display:block;
 text-align:center;
}

.mprod4{
 width:125px;
 height:1px;
 background-image:url(images/mline.jpg);
 display:block;
}

.mprod5{
 width:115px;
 height:15px;
 padding:5px;
 font-size:10px;
 color: #FF3300;
 display:block;
 text-align:center;
}

 
.sraa{
  width:auto;
  height:auto;
  padding:5px 0px;
  clear:both;}

/* 版權宣告區 */
.dl{
 width:auto;
 height:5px;
 margin-top:10px;
 display:block;
 border-top:#999999 solid 1px;
}

/* (內頁)右區塊 */
#mp1{
 width: 685px;
 height:212px;
 margin-top:5px;
 padding:75px 0px 0px 5px;
 background-image: url(images/mp1.jpg);
 display:block;
 clear:both;}

#mp2{
width: 685px;
height:212px;
margin-top:5px;
padding:75px 0px 0px 5px;
background-image: url(images/mp2.jpg);
display:block;
clear:both;}
 
#mp3{
width: 685px;
height:212px;
margin-top:5px;
padding:75px 0px 0px 5px;
background-image: url(images/mp3.jpg);
display:block;
clear:both;}