/************************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 One', '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:136px;
  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;
}

/* 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:48px; /* change */
  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:#6c6c6c
}
.lastupdate_index {
	position:absolute;
	width:200px;
	right:15px;
	top:30px;
	font-size:10px;
	color:#5d3b00;
	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;
  z-index:10;
}
/* index */
#web_content_banner_index{
  position:absolute;
  top:0px;
  width:980px;
  height:448px;
  z-index:10;
}
.indexmenu {
  position:relative;
  width:240px; /* Change */
  height:462px; /* Change */
  /* Change 
  background:#f0e1cf; */
  background:url('../images/indexlogo.png') no-repeat;  /* Change */
  background-position:center;   /* Change */
  
  opacity: 0.8;
  margin:-50px auto 0 auto; /* Change */
  filter: alpha(opacity=80); 
   
}

#web_content_box{ 
  position:absolute;
  top:40px;
  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 */
  color:#FFFFFF; /* Change */
  text-align:center
}

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


/******************************** Nav Bar *********************************/
#web_navigation{
  width:100%;
  height:36px;
  margin-top:-36px;
  background:#A08E66; border:0px solid #000; margin:0 auto;
  font-family: 'Cantata One', '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: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:320px;
}

/* 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: 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;
		/*color: #FFFFFF;
		/*margin-right:135px; */
		margin:0 60px 5px -30px;
		padding:10px 10px 5px 10px;
		white-space: nowrap}
	
	#jsddm_index li a:link { color: #5d3b00; }
	#jsddm_index li a:visited { color: #5d3b00; }
	#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: #5d3b00; }
	#jsddm li a:visited { color: #5d3b00; }
	#jsddm li a:hover {	color:#FFFFFF; background:url('../images/navbg.gif'); background-repeat:repeat-x }
    #jsddm li:last-child a {
	margin-right:0px;
	}
	
	
	
		
		#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:52px;
  background-position: top center;
  background:#000000; /* Change */
  font-family: 'cantata', 'cantatapc', 'Microsoft JhengHei', "Microsoft YaHei New", "Microsoft Yahei", "Microsoft Yahei","微软雅黑";
  /*background: url(../images/nav_bg.jpg) no-repeat; */  /* Change */
}
#sec_nav_area{
padding-left: 20px;
padding-top: 10px;
}
#sec_nav
{	
	margin: 0 0 0 220px;
    padding: 0;

	}

	#sec_nav li
	{	float: left;
		list-style: none;
		font-family: 'Cantata One', '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: #fff;
		margin-left:0px;
		white-space: nowrap}
	
	#sec_nav li a:link {
		color:#FFFFFF
	}
	#sec_nav li a:visited {
		
	}
	#sec_nav li a:hover
	{	color:#eed2b4;}
		
		#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:#eed2b4; }

	    #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: #0767B0;}
A:visited {text-decoration: none; color: #0767B0;}
A:active {text-decoration: none; color: #0767B0;}
A:hover {text-decoration: none; color: #EF7D00;}

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:#b18247
 }
 .backbtn a:visited {
     color:#b18247
 }
 .backbtn a:hover {
     color:#ffffff
 }
 .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: #eed2b4;}
.main_desc A:visited {text-decoration: underline; color: #eed2b4;}
.main_desc A:active {text-decoration: underline; color: #eed2b4;}
.main_desc A:hover {text-decoration: underline; color: #eed2b4;}
 
 #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;
 }