@charset "UTF-8";

body {
  font: 62.5% calibri, arial, "新細明體", sans-serif;
  font-size: 0.9em;
  text-align: center;
  padding: 0px;
  margin: 0px;
  background-color: #F6F6F6;
}

input:focus {
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}


a{
  color: #999;
  text-decoration: underline;
}

a.forgetPwd{
  display: block;
  float: left;
  color: #777;
  height: 26px;
  line-height: 26px;
}

a:hover{
  color: #F60; 
}

.greyTxt{
  color: #555;
}

.extensor{
  float: none;
  clear: both;
  width: 90%;
  height: 1px;
  line-height: 1px;
}  

div#content_outline{
  margin: 0px auto;
  text-align: left;
  padding: 0xp 1px 3px 1px;
  width: 1000px;
  background-color: #DDD;
  border: 2px solid #ECECEC;
  border-top: none;
}

div#content{
  background-color: #FFF;
  border:1px solid #CCC;
  border-top: none;
  width: 994px;
  height: auto;
  margin: 0px auto;
  text-align: left;
}

div#search_bar{ 
  float: none;
  clear: both;
  width: 100%;
  line-height: 33px;
}

div#search{
  margin-left: 450px;
}

div#search img{
  float: left;
}
div#search input{
  float: left;
  height: 33px;
  /*line-height: 33px;*/
  border: none;
  margin: 0px -3px 0px -5px;
  background: url(../images/input_mid.png) top left repeat-x
}

div#search_bar a{
  padding-left: 10px;
}

div#left_col{ 
  width: 780px;
  float: left;
  padding-left: 10px;
  background: url(../images/page_bg.png) bottom left no-repeat;
}

div#right_col{ 
  width: 200px;
  float: left;
}

div#nav{ 
  float: left;
  width: 122px;
  padding-top: 15px; 
}

a.nav_link{
  display: block;
  width: 122px;
}

a.nav_link img{
  position: relative;
  visibility: hidden;
  left: 0px;
  z-index: 99;
  
}

div#page_liner{
  position: relative;
  background:  url(../images/book_bg.png) top left no-repeat; 
  width: 672px;
  /*height: 683px;*/ 
  float: none; 
  clear: right; 
  margin-left: 100px; 
  z-index: 1;
  
  padding: 1px 0px 0px 1px;
  /*border: 1px dotted #F00;*/
}

div#headline{
  margin: 4px 4px 0px 4px;
  border-top: 2px solid #eadf5f;
}

div#headline2{
  margin: 3px 4px 4px 4px;
  border-top: 5px solid #fff4bc;
}

div#page{
  border: 1px solid #CDCDCD;
  border-bottom: none;
  background-color: #fcfbf5;
  margin-left: 8px;
}

form#login_form{
  background: url(../images/login_form_en.png) 0 0 no-repeat;
  width:180px;
  height: 85px;
  padding: 50px 10px 10px 10px;
  margin-bottom: 5px;
}

form#login_form label{
  display: block;
  width: 170px;
  height: 18px;
  line-height: 18px;
  margin: 0px 0px 12px 0px;
}

form#login_form span{
  float: left;
}

form#login_form input{
  border: none;
  float: right;
}

form#login_form input.field{
  border: none;
  float: right;
  width: 90px;
}

/* Homepage Specific*/

.slide_content{
  padding: 5px;
}

.recommend_icon{
  display: block;
  float: left;
  width: 32%;
	margin-right: 5px;
}

.recommend_icon img{
  float: left;
}

.recommend_overlay{
  /*border: 1px solid #F00;*/
  background-color: #FFF;
  position: relative;
  left: 0px;
  
  opacity: 0.5;
  filter:alpha(opacity=50);
}

#recommend,#select_item{
	float: none;
	clear: both;
	margin-top: 10px;
	margin-left: 20px;
}

.select_icon{
	display: block;
  float: left;
  height: 215px;
}

.select_icon ul{
	display: block;
	margin: 0px;
	padding: 0px;
	width: 208px;
	height: 170px;
	list-style: none;
	background: url(../images/bottom_list_bg.png) 0px 0px repeat-y; 
}

.select_icon ul.thin{
	width: 199px;
}


.top5 li{
	padding: 8px 0px 7px 30px;
}

#side_item{
  text-align: center;
  border-bottom: 1px dotted #999;
}

.sideBar{
  padding: 3px;
  width: 180px; 
  height: 40px;
  margin: 0px auto;
  text-align: left;
}

.odd{
  background-color: #EEE;
}

.sideBar img{
  width: 35px;
  height: 35px;
}

#side_footer{
  margin: 5px 0px;
  font-size: 0.8em;
  line-height: 15px;
  padding: 5px 0px 0px 22px;
  background: url(/tpl/images/Copyright.png) 5px 5px no-repeat;
}

#bottom_link{
  text-align: center;
  margin-top: 10px;
}