/* CSS Document */
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: #deddfa;
	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: #deddfa;
	border: solid 1px #0c2a98;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#307B26), to(#307B26));
	background: -moz-linear-gradient(top,  #307B26,  #307B26);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#307B26', endColorstr='#307B26');
}
.cssbutton:hover {
	background: #0D68D1;
	background: -webkit-gradient(linear, left top, left bottom, from(#0D68D1), to(#0D68D1));
	background: -moz-linear-gradient(top,  #0D68D1,  #0D68D1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D68D1', endColorstr='#0D68D1');
}
.cssbutton:active {
	color: #0D68D1;
	background: -webkit-gradient(linear, left top, left bottom, from(#0D68D1), to(#0D68D1));
	background: -moz-linear-gradient(top,  #0D68D1,  #0D68D1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D68D1', endColorstr='#0D68D1');
}

.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: 384px;
		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:270px;
	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:3px;
	font-size:12px;
}

#inner_content .nav_text_logout{
	font-size:12px;
	margin: 10px 30px 0 0;
	background:#307B26;
	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 */
.red {
	color: #faddde;
	border: solid 1px #307B26;
	background: #307B26;
	background: -webkit-gradient(linear, left top, left bottom, from(#307B26), to(#307B26));
	background: -moz-linear-gradient(top,  #307B26,  #307B26);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#307B26', endColorstr='#307B26');
}
.red:hover {
	background: #0D68D1;
	background: -webkit-gradient(linear, left top, left bottom, from(#0D68D1), to(#0D68D1));
	background: -moz-linear-gradient(top,  #0D68D1,  #0D68D1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D68D1', endColorstr='#0D68D1');
}
.red:active {
	color: #0D68D1;
	background: -webkit-gradient(linear, left top, left bottom, from(#0D68D1), to(#0D68D1));
	background: -moz-linear-gradient(top,  #0D68D1,  #0D68D1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D68D1', endColorstr='#0D68D1');
}


.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;
	}