/* CSS Document */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* close commented backslash hack */

body {
	min-width:1016px;/* 
	background: url(../images/bg.png) repeat scroll 0 0; */
	font-size: 0.9em;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Microsoft JhengHei",PMingLiU,微軟正黑體,新細明體,Arial,Helvetica,sans-serif;
} 

.fleft{float:left;}
.fright{float:right;}

p { line-height:1.5; }

.cssbutton{
    color: #FADDDE;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    outline: medium none;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
}
.cssbutton {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#EB2313), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.cssbutton:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#EB2313), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.cssbutton:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#EB2313), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

.wrapper {
	width: 1015px;
	margin:auto;
	
}
#headerline{
	background: url(../img/line1_bg.jpg) repeat-x;
	height: 79px;
	width:100%
}

	#headerline .logo {
		display: block;
		float: left;
		width: 245px;
		height: 61px;
		outline: medium none;
		margin-left: 30px;
		margin-top:18px;
	}

	#headerline .language {
		float:right;
		/* change at 20120720
		margin-top:5px;*/
		display:block;
		/* change at 20120720
		width: 177px;*/
		width: 86px;
		height: 19px;
		padding-left:60px;
		/* change at 20120720
		padding-top:9px;*/

	}
	
	#headerline .login{
		float:right;
		padding-right:15px;
	}


#line2_menu{
	background: url(../img/line2_bg.jpg) repeat-x;
	height: 50px;
	width:100%;
}


	#line2_menu .main-nav {
		float:left;
		display:block;
		width: 1029px;
		height: 50px;
		background:	 url(../images/main_nav_bg.png) no-repeat scroll 0 0;
	}
	
		
	#line2_menu .main-nav li a.menu{
		display:block;
		text-indent: -9999px;
		outline:none;
		height:44px;
	}
	
	#line2_menu .main-nav li a.menu:hover {
		background-position:center bottom;
	}

#footer{
	background:url(../img/footer_bg.jpg) repeat-x;
	width:100%;
	height:234px;
	float:left;
	background-color:#E5E5E5;
	margin-top:30px;
}

#footer .footer_content{
	float: left;
	/*background: left url(../img/footer.jpg)  no-repeat;*/
	height: 206px;
	width:1263px;
	margin-left:69px;
	/*margin-left:22px;*/
}


#footer .footer_content_nav ul li{
	display:inline-block;
	text-align:center;
	zoom: 1;
	*display:inline;
}

#footer .footer_content_nav a{
	color:#000;
	text-decoration:none;
}

#footer .footer_content_description{
	float:left;
	width:455px;
	line-height:1.5;
	font-size:13px;
}

#footer .footer_content_info{
	float:left;
	margin-left:81px;
	margin-top:56px;
	line-height:1.5;
	font-size:13px;
}

#inner_content .nav_1{
	background:url(../img/nav_1.jpg) no-repeat ;
	width:76px;
	height:23px;
	margin-left:17px;
	margin-top:12px;
	float:left;
	color:#FFFFFF;
}

#inner_content .nav_1 a.sub_header{
	color:white;
	text-decoration:none;
}

#inner_content .nav_text{
	margin-left:17px;
	margin-top:5px;
	font-size:12px;
}

#inner_content .nav_text_logout{
	font-size:12px;
	margin: 10px 30px 0 0;
	background:#ea2515;
	float:right;
	color:#FFFFFF;
}
#inner_content .nav_text_logout a{color:#fff; text-decoration:none;}


#index_content{
	/*background:url(img/index_bg_1.jpg) no-repeat center top;*/
	padding-top: 375px;
	height:265px;
}

#index_content .box{
	background:#FFFFFF;
	height:265px;
	width:986px;
}
#index_content .box_title{
	height:69px;
	width:100%px;
	background-color:#000000;
}


#box_li li{
	float:left;
}

#index_content .title1{
	background:url(../img/index_content_box_title_03.png);
	width:183px;
	height:69px;
}

#index_content .title2{
	background:url(../img/index_content_box_title_04.png);
	width:430px;
	height:69px;
}


#index_content .title2 .slidetext{
	color:#FFF;
	margin-left: 18px;
	margin-top:13px;
	width:400px;
	/*height:35px;*/
	height:40px;
	overflow:hidden;
	font-size:15px;
}


#index_content .title3{
	background:url(../img/index_content_box_title_05.png);
	width:154px;
	height:69px;
}


#index_content .title4{
	background:url(../img/index_content_box_title_06.png);
	width:219px;
	height:69px;
}

#index_content #index_slide_photo{
	margin-top:8px;
	height:188px;
	width:100%;
}


#index_content #index_slide_photo li{
	float:left;
}

#index_content #index_slide_photo li .buttonaction{
	position:absolute;
	display:block;
	height: 23px;
	width: 20px;
	right: 1px;
	top: 100px;
	url("../img/index_photo_action_button.jpg") no-repeat scroll 0 0 transparent;
}

.index_box_text{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	
}

#faded_wras{    margin: auto;
    position: relative;
    text-align: center;
    top: 5px;
    width: 1480px;
}


/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	*zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% "Microsoft JhengHei",PMingLiU,微軟正黑體,新細明體,Arial,Helvetica,sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
input.button{
	*padding:7px 16px;
	*border:0;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}


/* red */
.fontred{
	color:red;
}
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#EB2313), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#EB2313), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#EB2313), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}


.titlefont{
	font-size:36px;
	font-weight:bold;
}

.titlefont2{
	font-size:24px;
	font-weight:bold;
}

.titlefont2.alignc{text-align:center;}
	
	.titlefont2 .school_year{
		margin-top:5px;
		font-size:16px;
		display:inline-block;
		*display:inline;
		*zoom:1;
	}

.highlight_booklist{
	background-color:#F5F5F5;
	
}


.admin_modify_order_edit{width:400px;}

.admin_modify_order_edit tr{
	height:30px;
}
	
	.admin_modify_order_edit tr td:first-child{width:100px;}

.admin_modify_order_edit input[type=text]{
	width:300px;
}




.order_book_info .order_list_bottom_btn li{
	display:inline;
	*zoom:1;
}



/*.terms .terms_table ul li{padding:5px 0 5px 32px; text-indent:-15px; text-indent:-14px \9; padding-left:30px \9; *text-indent:-16px;}*/
.terms .terms_table span{color:#990000;}
.terms .terms_table li{padding:5px 0;}

.subject_tooltips{
	cursor: pointer;
	text-align:center;
}

.input_box_style.disabled {
	border: 1px solid #CCCCCC;
    border-radius: 10px;
	height:30px;
	line-height:30px;
	padding:0 5px;
	background-color:#CCC;
	display:inline-block;
	*display:inline;
	*zoom:1;
	cursor:default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.delivery_location{
	float: right;
    margin-bottom: 20px;
	background-color:#F5F5F5;
	padding:5px;
}

.dis_none{
	display:none;
}

.login_title{
	font-size:24px;
	margin-bottom:15px;
	font-weight:bold;
}

.box_style1{
	width:94%;
}

	.box_style1 .box_style1_left{
		width:50%;
		float:left;
	}
	
	.box_style1 .box_style1_right{
		width:49%;
		float:right;
		display:inline-block;
		*display:inline;
		*zoom:1;
	}

		.box_style1 .box_style1_right .rightbox_style1{
			width:98%;
		}
		
.order_confirm_user_personal_form{
	width:420px;
	height:30px;
	line-height:30px;
	margin:10px 0 25px 125px;
}
	.order_confirm_user_personal_form label.order_confirm_left{
		float:left;
		width:125px;
		margin-bottom:5px;
	}
	.order_confirm_user_personal_form input.order_confirm_right{
		float:left;
		margin-bottom:5px;
	}
	
.booklist_teacherbook_table{
	width: 100%;
	font-size:1em;
}
	.booklist_teacherbook_table thead{
		font-size:16px;
	}
	
	.booklist_teacherbook_table td{
		height:40px;
	}

.booklist_teacherbook_table.teacher_manage_list thead
{
	font-size:14px;
	font-weight:bold;
}

.booklist_teacherbook_table.teacher_manage_list .input_book_amount
{
	width:30px;
}

.booklist_teacherbook_table.teacher_manage_list input[disabled=disabled].input_book_amount
{
	background-color:#CCC;
}

.booklist_teacherbook_table.teacher_manage_list .supplier_email_font
{
	font-size:0.8em;
}
         
					.oxford_pickup_form
					{
						
						border:solid 1px;
						float:left;
						width:400px;
						height: 500px;
						margin:10px;
						padding:15px;
						border-radius:10px;
						
					}
					.oxford_pickup_form h1
					{
						font-size:16px;
						font-weight:bold;
						border-bottom:#666666 solid 1px;
						margin-bottom:10px;
						
					}
					.oxford_pickup_form label {
						display: block;
						width: 110px;
						float: left;
						margin-bottom: 10px;
					}
					.oxford_pickup_form p {
					float: left;
					margin-right: 15px;
					}
					.oxford_pickup_form input.loc {
					width: 15px;
					float: left;
					margin-top: 4px;
					}
					
					.oxford_pickup_form input, .oxford_pickup_form textarea, .oxford_pickup_form select {
					width: 400px;
					float: left;
					margin-right: 0px;
					text-align: left;
					margin-bottom: 10px;
					}
					
					
					.oxford_delivery_form
					{
						
						border:solid 1px;
						float:left;
						width:400px;
						height: 500px;
						margin:10px;
						padding:15px;
						border-radius:10px;
						
					}
					.oxford_delivery_form h1
					{
						font-size:16px;
						font-weight:bold;
						border-bottom:#666666 solid 1px;
						margin-bottom:10px;
						
					}
					.oxford_delivery_form label {
						display: block;
						width: 110px;
						float: left;
						margin-bottom: 10px;
					}
					.oxford_delivery_form p {
					float: left;
					margin-right: 15px;
					}
					.oxford_delivery_form input.loc {
					width: 15px;
					float: left;
					margin-top: 4px;
					}
					
					.oxford_delivery_form input, .oxford_delivery_form textarea {
					width: 400px;
					float: left;
					margin-right: 0px;
					text-align: left;
					margin-bottom: 10px;
					}
					
					.oxford_payment_form
					{
						
						border:solid 1px;
						float:left;
						width:380px;
						height: 250px;
						width: 540px; 
						margin:10px 180px; 
						padding:30px;
						
						border-radius:10px;
						
					}
					.oxford_payment_form h1
					{
						font-size:16px;
						font-weight:bold;
						border-bottom:#666666 solid 1px;
						margin-bottom:10px;
						
					}
					.oxford_payment_form label {
						display: block;
						width: 110px;
						float: left;
						margin-bottom: 10px;
					}
					.oxford_payment_form p {
					float: left;
					margin-right: 15px;
					}
					.oxford_payment_form input.loc {
					width: 15px;
					float: left;
					margin-top: 4px;
					}
					
					.oxford_payment_form input, .oxford_payment_form textarea {
					width: 400px;
					float: left;
					margin-right: 0px;
					text-align: left;
					margin-bottom: 10px;
					}
					.oxf_btn
					{
						margin-top:10px;
					}