/************************Main Layout***************************/

html { overflow:-moz-scrollbars-vertical;overflow-y:scroll; }

/* fixed chrome background position bug */
@media screen and (-webkit-min-device-pixel-ratio:0) {
body:nth-of-type(1) { background-position-x: 49.99%; }
}

button:focus {outline:0;} /* remove chrome blue border  */

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

#debug{
/*
  position:absolute;
  top:300px;
  left:300px;
  width:400px;
  height:200px;
  background:#efefef;
*/
}

@font-face {
    font-family: "cantata";
	src: url('../fonts/cantata.ttf');
}
@font-face {
    font-family: "cantatapc";
	src: url('../fonts/cantata.eot');
}

body { 
    font-family: 'cantata', 'cantatapc', 'Microsoft JhengHei', "Microsoft YaHei New", "Microsoft Yahei", "Microsoft Yahei","微软雅黑";
	font-size:11px; 
	margin:0;
	padding:0;
	line-height:150%;
	color:#000000;
	background:#110800;
}

#web_header_container {
}

#web_header{
  width: 980px;
  margin:0 auto;
  height:136px;
  position:relative;
  background:#ffffff;
}
/* index */
#web_header_index{
  width: 980px;
  margin:0 auto;
  height:166px; /* Change vertical */
  position:relative;
  background:url('../images/banner_header.jpg'); border:0px solid #000 /* change */
}


#web_logo{
  /*position:absolute; */
  width:100%;
  height:136px; /* change */
  border:0px solid #000 /* change */
  /*top:20px;
  left:391px;*/
}

#mylogo{
padding-top:8px;
}

#agree_box {
  text-align:center;
}

#agree_box {
  width:300px;
  text-align:center;
}

#btn_agree {
	padding:0px;
	-moz-box-shadow: 0px 1px 0px 0px #896d59;
	-webkit-box-shadow: 0px 1px 0px 0px #896d59;
	box-shadow: 0px 1px 0px 0px #896d59;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #896d59), color-stop(1, #392617));
	background:-moz-linear-gradient(top, #896d59 5%, #392617 100%);
	background:-webkit-linear-gradient(top, #896d59 5%, #392617 100%);
	background:-o-linear-gradient(top, #896d59 5%, #392617 100%);
	background:-ms-linear-gradient(top, #896d59 5%, #392617 100%);
	background:linear-gradient(to bottom, #896d597 5%, #392617 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#896d59', endColorstr='#392617',GradientType=0);
	background-color:#896d59;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #896d59;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
#btn_agree:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #392617), color-stop(1, #896d59));
	background:-moz-linear-gradient(top, #392617 5%, #896d59 100%);
	background:-webkit-linear-gradient(top, #392617 5%, #896d59 100%);
	background:-o-linear-gradient(top, #392617 5%, #896d59 100%);
	background:-ms-linear-gradient(top, #392617 5%, #896d59 100%);
	background:linear-gradient(to bottom, #392617 5%, #896d59 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#392617', endColorstr='#896d59',GradientType=0);
	background-color:#019ad2;
}
#btn_agree:active {
	position:relative;
	top:1px;
}

/* index */

/* Change */
.titlename {
  position:relative;
  width:20px;
  height:300px;
  float:left; border:0px solid #000;
  margin-top:50px;
  margin-left:70px;
  font-family: Arial;
  font-size:10px;
  background:url('../images/titleline.png') no-repeat
}
.chaptername {
  position:absolute;
  text-align:center;
  border:0px solid #000;
  width:250px;
  top:130px;
  left:-120px;
  font-weight:bold
}
/* Change */

#mylogo_index {
  width:auto;
  padding-top:70px;
  padding-bottom:50px;
  margin:0px auto 0px auto;
  border:0px solid #333
}
#mylogo_index_inner {
  width:auto;
  padding-top:28px; /* change vertical */
  padding-bottom:20px;
  margin:-20px auto 0px auto;
  border:0px solid #333;
  /*
  background:url('../images/logobg.png') no-repeat;
  background-position:center
  */
}
.lastupdate {
	position:absolute;
	width:200px;
	right:15px;
	top:30px;
	font-size:10px;
	color:#ffffff
}
.lastupdate_index {
	position:absolute;
	width:200px;
	right:15px;
	top:30px;
	font-size:10px;
	color:#ffffff;
	font-weight:bold
}

#lang_area{
  position:absolute;
  top:18px; 
  right:15px;
  z-index:10;
}


#web_content_container {}
/* Change */
#web_content_index{
  position:relative;
  width: 980px;
  margin:0px auto 0 auto; /* change */
  background:#fff;
  height:448px;
}
#web_content{
  position:relative;
  width: 980px;
  margin:36px auto 0 auto; /* change */
  background:#fff;
  height:448px;
}

#web_content_banner{
  position:absolute;
  top:0px; /* change vertical */
  z-index:10;
}
/* index */
#web_content_banner_index{
  position:absolute;
  top:0px;
  width:980px;
  height:448px;
  z-index:10;
}
.indexmenu {
  position:absolute;
  width:359px; /* Change */
  height:592px; /* Change */
  left:312px; /* Change */
  top:-120px; /* Change */
  /* Change */
  background:#422d1d; 
  /*background:url('../images/indexlogo.png') no-repeat;  /* Change */
  background-position:center;   /* Change */
  
  opacity: 0.8;
  margin:-50px auto 0 auto; /* Change */
  filter: alpha(opacity=100); 
}

#web_content_box{ 
  position:absolute;
  top:50px; /* change vertical */
  left:109px;
  z-index:11;
  width:762px;
  height:359px;
  background-position: top center;
  background: url(../images/bg_content.png) no-repeat;

}
#web_content_box2{ 
  position:absolute;
  top:40px;
  left:109px;
  z-index:11;
  width:762px;
  height:359px;
  background-position: top center;
  background: url(../images/bg_content_bk.png) no-repeat;

}



#web_footer_container {}
#web_footer{
  position:relative;
  width: 980px;
  margin:0 auto;
  font-family:Arial, Helvetica, sans-serif;
  /*font-size:8px;*/
  /*background:#f5ebe1; */
  /*background:#c5b39d; /* Change */
  background: url(../images/bg_footer.png) no-repeat;
  color:#362e2b; /* Change */
  text-align:center
}

#footer_desc{
	font-size:10px;
  padding:10px 70px 10px 70px;
}


/******************************** Nav Bar *********************************/
#web_navigation{
  /*position:absolute; 
  top:110px;*/
  width:100%;
  height:36px;
  background: url(../images/topnav_bg.jpg) no-repeat; border:0px solid #000; margin:30px auto 0 auto; /* Change vertical */
  font-family: 'cantata', 'cantatapc', 'Microsoft JhengHei', "Microsoft YaHei New", "Microsoft Yahei", "Microsoft Yahei","微软雅黑";
}
/* index */

#web_navigation_index {
  width:100%;
  height:36px;
  margin-top:-36px;
  background:none; border:0px solid #000; margin:-200px auto 0 auto;
  font-family: 'cantata', 'cantatapc', 'Microsoft JhengHei', "Microsoft YaHei New", "Microsoft Yahei", "Microsoft Yahei","微软雅黑";
}
.topnav_index{
	width:auto;
	height:36px;
    margin:0 auto; 
	padding-left:18%;
	border:0px solid #000
}


.topnav {
	height:36px;
    margin-left:330px;
}

/* Index  Change */
#web_navigation_index ul {
	padding-top:295px;
}
#web_navigation_index ul li a {
	width:200px;
	margin-bottom:35px;
	text-align:center
}
#web_navigation_index ul li a:link {
	width:200px;
}

#web_navigation_index ul li a:hover {
	width:200px;
}

#jsddm_index
{	
	margin: 50px 0 0 0;
    padding: 0;
	/*margin-left:105px; */
}
	
	#jsddm_index li
	{	list-style: none;
		font-size: 12px;
		width: auto;
		height: 25px;
		margin-bottom:5px;
		text-align:center;
		font-family: 'cantata', 'cantatapc', serif;
	}

	#jsddm_index li a {
		display: block;
		/*background: #20548E;*/
		/*padding: 8px 3px; */
		text-decoration: none;
		border-right: 0px solid white;
        text-align:center;
		font-size:12px;
		/*color: #FFFFFF;
		/*margin-right:135px; */
		/*margin:0 60px 5px -30px; */
		margin-top:10px;
		margin-left:-48px;
		padding:10px 63px 5px 63px;
		white-space: nowrap}
	
	#jsddm_index li a:link { color: #fcf2d7; }
	#jsddm_index li a:visited { color: #fcf2d7; }
	#jsddm_index li a:hover { color:#FFFFFF; background:url('../images/navbg.gif'); background-repeat:repeat-x }
    #jsddm_index li:last-child a {
	margin-right:0px;
	}
	
    #jsddm_index li .selected  {color:#FFFFFF; background:url('../images/navbg.gif'); background-repeat:repeat-x }
/* Index */




/* Subpage */
#jsddm
{	
	margin: 0;
    padding: 0;
	/*margin-left:105px; */
}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font-size: 12px;
		width: auto;
		height: 20px;
		
		text-align:center;
		font-family: 'cantata', 'cantatapc', serif;
	}

	#jsddm li a {
		display: block;
		/*background: #20548E;*/
		/*padding: 8px 3px; */
		text-decoration: none;
		border-right: 0px solid white;
        text-align:center;
		/*color: #FFFFFF;
		/*margin-right:135px; */
		margin:0 60px 0 -30px;
		padding:8px 10px 10px 10px;
		white-space: nowrap}
	
	#jsddm li a:link { color: #362e2b; }
	#jsddm li a:visited { color: #362e2b; }
	#jsddm li a:hover {	color:#d5c1a7; background:url('../images/navbg.gif'); background-repeat:repeat-x }
    #jsddm li:last-child a {
	margin-right:0px;
	}
	#jsddm li a.selected  {color:#d5c1a7; background:url('../images/navbg.gif'); background-repeat:repeat-x }
	
	
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			/*position: absolute; */
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	
			float:left
			/*
			float: none;
			display: inline */
		
		}
		
		#jsddm li ul li a
		{	width: auto;
			background: #ffffff}
		
		#jsddm li ul li a:hover
		{	background: #fff;}

        #jsddm li .selected  {color:#FFFFFF; background:url('../images/navbg.gif'); background-repeat:repeat-x }
/* Subpage */



#web_nav{
  width:100%;
  height:68px;
  background-position: top center;
  /*background:#00b9f2; /* Change */
  background: url(../images/nav_bg.jpg) no-repeat;   /* Change */
}
#sec_nav_area{
padding-left: 250px;
padding-top: 15px;
}
#sec_nav
{	
	margin: 0;
    padding: 0;

	}

	#sec_nav li
	{	float: left;
		list-style: none;
		font-family: 'cantata', 'cantatapc', 'Microsoft JhengHei', "Microsoft YaHei New", "Microsoft Yahei", "Microsoft Yahei","微软雅黑";
		font-size:12px}

	#sec_nav li a
	{	display: block;
		padding: 8px 3px;
		text-decoration: none;
		border-right: 0px solid white;
        text-align:center;
		color: #362e2b;
		margin-left:0px;
		white-space: nowrap}
	
	#sec_nav li a:link {
		color:#362e2b
	}
	#sec_nav li a:visited {
		
	}
	#sec_nav li a:hover
	{	color:#835300;}
		
		#sec_nav li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#sec_nav li ul li
		{	float: none;
			display: inline}
		
		#sec_nav li ul li a
		{	width: auto;}
		
		#sec_nav li ul li a:hover
		{	background: #fff;}

        #sec_nav li .selected  { color:#835300; }

	    #sec_nav .web_navi_space{
	 	  padding:7px 5px 0 5px;
		  color:#fff;
	    }


.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.error{color: red; font-style:italic;}
a{outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
p{}

A:link {text-decoration: none; color: #bc9b62;}
A:visited {text-decoration: none; color: #bc9b62;}
A:active {text-decoration: none; color: #bc9b62;}
A:hover {text-decoration: none; color: #d5c1a7;}

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;
	border:none
}

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

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

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

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

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

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

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

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


.normal_content{
   margin-left: 210px;
   padding-top:20px;
   padding-bottom:20px;
   width:580px;
   height: 170px;
}

 .backbtn {  /* Change */
   width:70px;
   float:left;
   width:auto;
   height:10px;
   line-height:10px;
   text-indent:30px;
   padding:0px 12px 30px 0px; border:0px solid #000;
   font-family:Arial, Helvetica, sans-serif;
   /*background:url('../images/back.png') no-repeat;  /* Change */
   background-position:left;
   margin-top:0px;
   margin-left:10px;
 }
 .backbtn img { position:absolute; left:20px; padding-top:20px; padding-bottom:0px; } /* Change */
 .backtxt {
   position:absolute; margin-top:25px; margin-left:10px;
 }
 
 .backbtn a:link {
     color:#bc9b62
 }
 .backbtn a:visited {
     color:#bc9b62
 }
 .backbtn a:hover {
     color:#d5c1a7
 }
 .main_title{
   min-width:80px;
   font-size:18px;
   font-weight:bold;
   font-family:Arial, Helvetica, sans-serif;
   color:#f1f1f1;
   text-align:right;
   color:#FFFFFF; float:right;
   padding:20px 12px 20px 12px;
 }
 .main_desc{
   font-weight:bold;
   font-family:"arial";
   font-size:12px;
   color:#f3f3f3;
   padding:10px 27px 0px 27px;
   height:255px;
   overflow:hidden;
 }

.main_desc A:link {text-decoration: underline; color: #bc9b62;}
.main_desc A:visited {text-decoration: underline; color: #bc9b62;}
.main_desc A:active {text-decoration: underline; color: #d5c1a7;}
.main_desc A:hover {text-decoration: underline; color: #d5c1a7;}

 #dl_list ul{padding:0;margin:0;}
 #dl_list ul li{
   background:url('../images/bullet_arrow.png') no-repeat;
   background-position:left;
   padding-left:20px;
 }