/************************Main Layout***************************/
body { 
	font-family: "微軟正黑體" ,"新細明體",  arial;
	font-size:14px; 
	margin:0;
	padding:0;
	line-height:150%;
    background:#E6E6E6;
}

#web_container {
	padding:0;
	margin:0 auto;
	width:980px;
	background:#ffffff;
}

#web_header {
    /* background: url(../images/header_200_bk.jpg) no-repeat; */
}

#web_member_area{
  background: #ffffff;
}

#web_search_area{
  width:980px;
  height:104px;
  background: #fffcd6 url('../images/orange_bg.jpg') repeat-x;
}

#web_search_form_area{
  padding-left:40px;
}

#web_login_area{

  font-size:12px;
  margin-top:6px;
  height:100px;
  background: url(../images/login_bg0.png) no-repeat;
}

#web_login_area a{
  font-size:12px;
}

#web_login_box{
  padding:13px 0 0px 0px;
}

#login_dispaly_name{
  font-size:16px;
  font-weight:bold;
}

#web_lang_area{
  height:29px;
  width:129px;
  background: #fff url(../images/language.png) no-repeat;
}


#web_navigation{
  background-position: top center;  background: url(../images/label_full2_.png) no-repeat;
}

#jsddm
{	margin: 0;
    padding: 0;

    
	}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Arial}

	#jsddm li a
	{	display: block;
		/*background: #20548E;*/
		padding: 0px 0px;
		text-decoration: none;
		border-right: 0px solid white;
        text-align:center;
		color: #616B62;
		white-space: nowrap}

	#jsddm li a:hover
	{	color:#0099ff;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 0px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background: #ffffff}
		
		#jsddm li ul li a:hover
		{	background: #ffffff}

        #jsddm li .selected  { color:#ffffff; }

#web_content_container{
	float: left;
	width: 980px;
	min-height:500px;
}

#web_content {
}

#header_topic,#header_topic2{
  margin:40px 0px 20px 0px;
  color:#0099ff;
  font-weight:bold;
  font-size:20px;
}

.header_subtopic{
  font-weight:bold;
  font-size:18px;
  padding-bottom:10px;
  color:#0099ff;
}

.page_header{
  font-weight:bold;
  font-size:16px;
  padding-bottom:10px;
  color:#0099ff;
}


#web_footer {
  font-size:12px;
  width:980px;
  height:120px;
  color:#ffffff;
  background: #3C382C url(../images/footer_bg.jpg) repeat-x;
}

#web_footer_content {
  padding-top:10px;
}


#web_copyright{
  padding:50px 0 0 0;
  font-size:10px;
  color:#cccccc;
}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

a{outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
p{text-align:justify;}

A:link {text-decoration: none; color: #0099ff;}
A:visited {text-decoration: none; color: #0099ff;}
A:active {text-decoration: none; color: #0099ff;}
A:hover {text-decoration: underline; color: #0099ff;}

#web_lang_area A{font-size:12px;}
#web_lang_area A:link {text-decoration: none; color: #fff;}
#web_lang_area A:visited {text-decoration: none; color: #fff;}
#web_lang_area A:active {text-decoration: none; color: #fff;}
#web_lang_area A:hover {text-decoration: underline; color: #000;}
#web_lang_area .web_lang_space{color:#fff;}

#web_footer A{font-size:12px;}
#web_footer A:link {text-decoration: none; color: #fff;}
#web_footer A:visited {text-decoration: none; color: #fff;}
#web_footer A:active {text-decoration: none; color: #fff;}
#web_footer A:hover {text-decoration: underline; color: #0099ff;}
#web_footer .web_lang_space{color:#fff;}


img {/* for jquery animated png */
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */     
	zoom: 1;
}



/**********************Page bar ********************/
div.web_pagebar{
  padding-top:10px;
  text-align: right;
}
div.web_pagebar .display_total{
 color:#cccccc;
}
div.web_pagebar a{
  padding: 2px 5px;
  margin: 2px 2px;
  text-decoration: none;
  font-size: 10px;
  color: #fff;
  border: 1px solid #2096FB;
  background-color: #2096FB;
}
div.web_pagebar a.selected, div.web_pagebar a:hover{
  background-color: #F9C80A;
    border: 1px solid #F9C80A;
  color: #fff;
}

div.web_pagebar{
  border-bottom: 0px solid #92D3ED;
  margin-top:2px;
  margin-bottom:5px;
}
	


/******************************** Normal Class *********************************/

div.normal{
  padding:0 30px 0 30px;   /* control shadow */

}

.normal_desc{
font-size:11px;
color:#5E2FC4;
}

div.normal_boundary{
  padding:0 20px 0 20px;
}


div.alertYellow {
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	border: 1px #d8d074 solid;
	color: #838c1f;
	background: #fffcd6 url('inc/images/alert_error.png') 8px 50% no-repeat;
}

div.alertRed {
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	border: 1px #c79189 solid;
	color: #784534;
	background: #ffdfda url('inc/images/alert_exclamation.png') 8px 50% no-repeat;
}

div.alertGreen {
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	border: 1px #b3c789 solid;
	color: #597834;
	background: #f3ffda url('inc/images/alert_accept.png') 8px 50% no-repeat;
}





/********************** table ****************************/



table.edit_table {
	width: 100%;
	border-collapse: collapse;
	text-align:center;
	background:#ffffff;
}

table.edit_table  tr th{
    font-size:12px;
	padding: 10px 10px;
	text-align:right;
    vertical-align:top;
	border-bottom:1px dashed #e5e5e5;
	color: #333;
}

table.edit_table td {
    text-align:left;
	color: #3D3D3D;
	border-bottom:1px dashed #e5e5e5;
}

.table_header{
    text-align: center;
	background: url('../images/box_center.png');
}

.mandatory_star{
  color:red;
}

 input[type=text], input[type=password]{
    font-size:12px;
	border:1px solid #cccccc;
	font-family: Arial;
	padding:2px 2px;
	height:17px;
}


textarea{
    margin:10px 0 10px 0;
    font-size:12px;
	border:1px solid #cccccc;
	font-family: Arial;
	overflow:auto;
	text-align:left;
	padding:5px;
	resize:none;
}

select{
	border:1px solid #cccccc;
	padding:2px 2px;
}


.left_menu ul{
  line-height:0;
  margin:0px;
  padding:0px;
}

.left_menu ul li{
  list-style:none;
}

#product_list li{
  list-style:none;
  float:left;
  padding-left:10px;
  padding-bottom:10px;
  font-size:12px;
}

#product_list li img{
  border:1px solid #cccccc;
  -webkit-box-shadow:2px 2px 10px #cccccc;
  box-shadow:2px 2px 10px #cccccc;
}

#product_list li img:hover{
  border:1px solid #999999;
  -webkit-box-shadow:2px 2px 10px #333;
  box-shadow:2px 2px 10px #333;
}




.blue_box_area{
margin:20px 0 20px 0;
}
.blue_box_header{
   width:591px;
   height:71px;
   background: url('../images/blue_box_header.png') no-repeat;
}

.blue_box_middle{
   width:591px;
   background: url('../images/blue_box_middle.png') repeat-y;
}

.blue_box_footer{
   width:591px;
   height:14px;
   background: url('../images/blue_box_footer.png')  no-repeat;
}

.blue_box_area_small{
margin:10px 0 10px 0;
float:left;
}
.blue_box_header_small{
   width:145px;
   height:31px;
   background: url('../images/blue_box_header_small.png') no-repeat;
}

.blue_box_middle_small{
   width:145px;
   background: url('../images/blue_box_middle_small.png') repeat-y;
}

.blue_box_footer_small{
   width:145px;
   height:14px;
   background: url('../images/blue_box_footer_small.png')  no-repeat;
}



/* for info */
.blue_box_area2{
margin:0px 0px 20px 10px;
}
.blue_box_header2{
   width:697px;
   height:14px;
   background: url('../images/blue_box_header2.png') no-repeat;
}

.blue_box_middle2{
   width:697px;
   background: url('../images/blue_box_middle2.png') repeat-y;
   padding:10px;
}

.blue_box_footer2{
   width:697px;
   height:14px;
   background: url('../images/blue_box_footer2.png')  no-repeat;
}






.box_header_topic{
   width:591px;
   height:71px;
   background: url('./images/blue_box_header.png') no-repeat;
}

.box_middle_field{
   width:591px;
   background: url('./images/blue_box_middle.png') repeat-y;
}

.cart_total_area{
   width:591px;
   width:14px;
   background: url('./images/blue_box_footer.png') repeat-y;
}





.order_header_bar table{
  background:#81BEF7;
  color:#ffffff;
  font-weight:bold;
}

.order_header_bar table tr{
  height:25px;
}

.order_history{
  cursor:pointer;
  margin-bottom:2px;
  margin-top:2px;
}

.order_history table{
  border:1px solid #cccccc;
}






.order_info table{
  width:810px;
  border-collapse: collapse;
  background:#F0FAFF;
}

.order_info table th{
  width:85px;
  text-align:right;
  padding: 5px 5px;
  vertical-align:top;
  border-bottom:1px dashed #e5e5e5;
  color: #666;
}

.order_info table td{
    text-align:left;
	color: #3D3D3D;
	border-bottom:1px dashed #e5e5e5;
}



.order_detail{
  margin-bottom:20px;
}

.order_detail table th{
  text-align:right;
  padding: 5px 5px;
  vertical-align:top;
  border-bottom:1px dashed #e5e5e5;
  color: #666;
  background:#D4E9FF;
}

.order_detail table td{
    text-align:right;
	color: #3D3D3D;
	border-bottom:1px dashed #e5e5e5;
}


.checkbox{vertical-align:middle; margin-top:0;}





.left_menu_area{

}

.left_menu_area ul{
  margin:0px;
  padding:0px;
}
.left_menu_area ul li{
  list-style:none;
}
.left_menu_area ul li a{
    font-size:14px;
	font-weight:bold;
	display: block;
	text-decoration: none;
	text-align:right;
	color: #000;
	width:168px;
	height:32px;
	padding:10px 0 0 0;


	background: url('../images/left.png') no-repeat;
}
.left_menu_area ul li a:hover, #selected{
    color: #fff;
	background: url('../images/left_over.png') no-repeat;
}



.answer{
  padding:5px 0 0 0;
}

.line{
  height:1px;
  width:580px;
  background:#ccc;
  margin:10px 0 20px 0;
}



/************************ dl area  ****************************/

.dl_area table{
  border-collapse: collapse;
}

.dl_area table th{
  text-align:center;
  padding: 5px 5px;
  vertical-align:top;
  border:1px solid #C7761D;
  background: url('../images/orange_bar.jpg') repeat-x;
  color: #000;
}

.dl_area table td{
  text-align:center;
  color: #000;
  border:1px solid #cccccc;
    height:40px;
}

.btn_back{
  padding:0 0 30px 0;
}

/************************ news_area table ****************************/
.news_area{
  padding-bottom:0px;
}
.news_area table{
  border-collapse: collapse;
}

.news_area table th{

  background: url('../images/orange_bar.jpg') repeat-x;
  text-align:center;
  padding: 5px 5px;
  vertical-align:top;
  border:1px solid #C7761D;
  color: #000;
}

.news_area table td{
  height:40px;
  text-align:center;
  color: #000;
  border:1px solid #cccccc;
}

/************************ news_file_area ****************************/
.news_file_area{
  padding-bottom:20px;
}
.news_file_area table{
  border-collapse: collapse;
}

.news_file_area table th{
  text-align:left;
  padding: 3px 3px;
  vertical-align:top;
  border:1px solid #C7761D;
  background: url('../images/orange_bar.jpg') repeat-x;
  color: #000;
}

.news_file_area table td{
  padding:0 5px;
  height:25px;
  color: #000;
  border:1px solid #cccccc;
}

/************************ main tab table ****************************/

.main_tab_area {
  width:309px;
  border-collapse: collapse;
  padding-bottom:30px;
}

.main_tab_area table td{
  padding:0px;
  margin:0px;
  vertical-align:middle;
  border-top:0px solid #cccccc;
  border-left:0px solid #cccccc;
  border-right:0px solid #cccccc;
  border-bottom:1px solid #cccccc;
}

.main_tab_area table .right{
  padding:0px;
  margin:0px;
  vertical-align:middle;
  border-top:0px solid #cccccc;
  border-left:0px solid #cccccc;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}






.photo_frame{
  border-collapse: collapse;
  width:228px;
  height:207px;
  background: url('../images/photo_bg.png') no-repeat;
}

.photo_frame_col1{
height:160px;
}
.photo_frame_col2{

padding-top:5px;
text-align:center;
}

.photo_frame_img{
  margin:10px 0 0 11px;
}
.photo_frame_title{
  font-size:14px;
  line-height:15px
}




#contact_form_area input[type=text]{
width:300px;
}
#contact_form_area textarea{
width:292px;
height:100px;
}


.search_header_blue{
  color: #0099FF;
  font-weight:bold;
  font-size:16px;
  padding-bottom:0px;
}

.search_header_orange{
  color: #E75D29;
  font-weight:bold;
  font-size:16px;
  padding-bottom:0px;
}

.search_header_blue img{
  vertical-align:middle;
}

.blue_box_area{
  font-size:12px;
}

.search_title{
  font-weight:bold;
  font-size:14px;
}

.search_cotent{
  font-size:14px;

}

.search_dot{
  width:1px;
  height:100px;
  background: url('../images/dot.jpg') repeat-y;
}

.star{color:red;}

/************************ member area *************************/


/*********************** #update_form *************************/
#update_form_area{
  padding-bottom:20px;
}

.request_msg{
  width:95%;
  text-align:right;
}

#update_form_area table{
  border-collapse: collapse;
}

#update_form_area table th{
  text-align:right;
  padding: 3px 3px;
  vertical-align:top;
  border:0px solid #cccccc;
  color: #000;
}

#update_form_area table td{
  padding:0 5px;
  height:25px;
  color: #000;
  border:0px solid #cccccc;
}




/************************ member teacher table ****************************/
.member_teacher_area{
  padding:0 0 20px 15px;
}
.member_teacher_area table{
  border-collapse: collapse;
}

.member_teacher_area table th{
  text-align:center;
  padding: 3px 3px;
  vertical-align:top;
  border:1px solid #C7761D;
  background: url('../images/orange_bar.jpg') repeat-x;
  color: #000;
}

.member_teacher_area table td{
  padding:0 5px;
  height:35px;
  color: #000;
  border:1px solid #cccccc;
  text-align:center;
}


/************************ quiz area ****************************/

.quiz_topic{
  color:#66AC46;
  font-weight:bold;
  font-size:18px;
}

.ansbox_area{
  width:318px;
  height:383px;
  background: url('../images/ans_box.png') no-repeat; 
}

.ansbox{
  padding:30px;
}




/************************ quiz area ****************************/
.active {
    display: block;
    float: left;
}
.notactive {
    display: none;
}
 /*
.goleft, .goright {
    text-align:center;
    cursor: pointer;
    width: 100px;
    border: 1px solid;
}
*/

.goleft, .goright {
    text-align:center;
    cursor: pointer;
}


/*
.search_detail{
	box-shadow: 3px 3px 4px #ccc;
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";
}*/

.search_detail {

    box-shadow: 0 0 15px #cccccc;
   -webkit-box-shadow: 0 0 15px #cccccc;
   -moz-box-shadow: 0 0 15px #cccccc;

}	

body.ie6 .search_detail,
body.ie7 .search_detail {
/*
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=3, Direction=0),
           progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=3, Direction=90),
           progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=3, Direction=180),
           progid:DXImageTransform.Microsoft.Shadow(Color=#eeeeee, Strength=3, Direction=270);
*/
}

body.ie8 .search_detail {

}

body.ie8 .search_title{
  font-weight:none;
}


#btn_paging{
  width:70px;
  height:27px;
  background:url(../images/btn/code_tc.png);
  display:block;
}

/************************ related_video table ****************************/
.video_area{
  color: #333;
  padding:0;
  margin:0;
  line-height:100%;
}
.video_area img{
  padding:0;
  margin:0;
  line-height:100%;
}


.video_area table{
  width:309px;
  border-collapse: collapse;
    padding:0px;
  margin:0px;
}

.related_video_area table th{
  border:1px solid #cccccc;
  padding:0px;
  margin:0px;
}

.video_area table td{
  padding:0px;
  margin:0px;
  vertical-align:middle;
  border-top:0px solid #cccccc;
  border-left:0px solid #cccccc;
  border-right:0px solid #cccccc;
  border-bottom:1px solid #cccccc;
}

.video_area table .right{
  padding:0px;
  margin:0px;
  vertical-align:middle;
  border-top:0;
  border-left:0;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}

.video_area table .full_td{
  padding:8px;
  margin:0px;
  vertical-align:middle;
  text-align:center;
  border:1px solid #cccccc;
}


/* detail page */
.video_detail_name{
font-size:18px;

}


#detail_top_name{
line-height:200%;
}



/*********** tab style ***********/

.usual {
}

#table_tab{
}


.usual A{font-size:12px;}
.usual A:link {text-decoration: none; color: #333;}
.usual A:visited {text-decoration: none; color: #333;}
.usual A:active {text-decoration: none; color: #333;}
.usual A:hover {text-decoration: underline; color: #0099ff;}
.usual .web_lang_space{color:#fff;}


.video_area A{font-size:14px;}
.video_area A:link {text-decoration: none; color: #333;}
.video_area A:visited {text-decoration: none; color: #333;}
.video_area A:active {text-decoration: none; color: #333;}
.video_area A:hover {text-decoration: underline; color: #0099ff;}
.video_area .web_lang_space{color:#fff;}


.usual #table_tab #tab11 a {
  display:block;
  text-decoration:none!important;
  background:url(../images/btn/video1.png) no-repeat;
}
.usual #table_tab #tab11 a:hover {
  background:url(../images/btn/video1_over.png) no-repeat;
}
.usual #table_tab #tab11 a.selected {
  color:#000;
  cursor:default;
  background:url(../images/btn/video1_over.png) no-repeat;
}

.usual #table_tab #tab22 a {
  display:block;
  text-decoration:none!important;
  background:url(../images/btn/video2.png) no-repeat;
}
.usual #table_tab #tab22 a:hover {
  background:url(../images/btn/video2_over.png) no-repeat;
}
.usual #table_tab #tab22 a.selected {
  color:#333;
  cursor:default;
  background:url(../images/btn/video2_over.png) no-repeat;
}


.usual #table_tab #tab33 a {
  display:block;
  text-decoration:none!important;
  background:url(../images/btn/video3.png) no-repeat;
}
.usual #table_tab #tab33 a:hover {
  background:url(../images/btn/video3_over.png) no-repeat;
}
.usual #table_tab #tab33 a.selected {
  color:#333;
  cursor:default;
  background:url(../images/btn/video3_over.png) no-repeat;
}

.usual div {

}
.usual div a {}

/*********** end tab style ***********/


.tg_master{
    cursor:pointer;
	width:142px;
	height:23px;
    background:url(../images/bar1.png) no-repeat;
}
.tg_master_hand{
    cursor:pointer;
	width:92px;
	height:55px;
	line-height:55px;
	padding-left:50px;
    background:url(../images/bar3.png) no-repeat;
}

.tg_master_content{
  padding-left:20px;
}

.keyword_field{
  width:304px;
  height:23px;
  background:url(../images/bar2.png) no-repeat;
}

.keyword_field input{
  width:296px;
  border:0px;
  background-color:transparent;
}


.header_icon{
  position:relative;
  top:70px;
  left:-50px;
}

#test_page{
margin:0;
padding:0;
}


#test_page li{
float:left;
list-style:none;
padding:2px 4px 2px 4px;
margin:3px;
background:#efefef;
color:#333;
cursor:pointer;
}


.cat_topic{
  font-weight:bold;
  text-decoration:underline;
  margin:15px 0 0 0;
}





.about_topic{
font-size:16px;
font-weight:bold;
color: #0099ff;
}

.paly_video{
font-size:16px;
}
.paly_video2{
font-size:14px;
}


/******************** question *************************/
/*.question p{
  padding:0;
  margin:0;

}*/

#leftmenu{
	width:168px; float:left;
}
#leftmenu a{
	width:148px; background-image:url(../../../img_/leftbg.png); background-position:center; min-height:18px; border-bottom:1px #fff solid; padding-right:20px; float:left; padding-top:12px; padding-bottom:12px; overflow:hidden;
	font-size:16px;line-height:18px; font-family:"微软雅黑", Arial;font-weight:bold;color: #333333; font-size:15px; text-decoration:none; text-align:right;
}
#leftmenu a:hover{
	width:148px; background-image:url(../../../img_/leftbgover.png); background-position:center; min-height:18px; border-bottom:1px #fff solid; padding-right:20px; float:left;padding-top:12px; padding-bottom:12px; overflow:hidden;
	font-size:16px;line-height:18px; font-family:"微软雅黑", Arial;font-weight:bold;color: #ffffff; font-size:15px; text-decoration:none; text-align:right;
}
#leftmenu .current{
	width:148px; background-image:url(../../../img_/leftbgover.png); background-position:center; min-height:18px; border-bottom:1px #fff solid; padding-right:20px; float:left;padding-top:12px; padding-bottom:12px; overflow:hidden;
	font-size:16px;line-height:18px; font-family:"微软雅黑", Arial;font-weight:bold;color: #ffffff; font-size:15px; text-decoration:none; text-align:right;
}


.handlist{
	width:113px; height:113px; float:left; padding:10px 0; border-bottom:1px #cccccc dashed; border-right:1px #cccccc dashed;
}
.handlist img{
	width:100px; height:100px;
}


#categorytab{
	width:100%; float:left; margin-bottom:10px;
}
#categorytab a{
	padding:10px 30px; float:left; background-color:#eee; margin-right:3px;
	font-size:16px;line-height:18px; font-family:"微软雅黑", Arial;font-weight:bold;color: #333333; font-size:15px; text-decoration:none; text-align:right;
}
#categorytab a:hover{
	padding:10px 30px; float:left; background-color:#333;
	font-size:16px;line-height:18px; font-family:"微软雅黑", Arial;font-weight:bold;color: #ffffff; font-size:15px; text-decoration:none; text-align:right;
}
#categorytab .current{
	padding:10px 30px; float:left; background-color:#333;
	font-size:16px;line-height:18px; font-family:"微软雅黑", Arial;font-weight:bold;color: #ffffff; font-size:15px; text-decoration:none; text-align:right;
}