/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Lato');

.radian
{
	background-color: #87cefa;
	/*background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(213,234,241,1) 68%, rgba(149,203,218,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(68%, rgba(213,234,241,1)), color-stop(100%, rgba(149,203,218,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(213,234,241,1) 68%, rgba(149,203,218,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(213,234,241,1) 68%, rgba(149,203,218,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(213,234,241,1) 68%, rgba(149,203,218,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(213,234,241,1) 68%, rgba(149,203,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#95cbda', GradientType=1 );*/
/*background: rgba(147,206,222,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 56%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(147,206,222,1)), color-stop(56%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 56%, rgba(73,165,191,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 56%, rgba(73,165,191,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 56%, rgba(73,165,191,1) 100%);
background: radial-gradient(ellipse at center, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 56%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=1 );*/
	/*background: rgba(179,220,237,1);
background: -moz-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(179,220,237,1)), color-stop(50%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1)));
background: -webkit-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -o-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: -ms-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
background: linear-gradient(to right, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 );	*/
}

body 
{
	/*font-family:"微軟正黑體", "Microsoft JhengHei";*/
	font-family: 'Lato', sans-serif, Microsoft JhengHei;
	/*font-family:'Open Sans', san-serif;*/
	

}

.custom_title
{
	font-family:'Lato', sans-serif, Microsoft JhengHei;
	font-size:24px;
	font-weight:bold;
	color:#E97F18;
	margin-left:385px;
	margin-bottom:15px;
	
}

h2, h3
{
	color:#0093D1;

}
p
{
	font-family: 'Lato', sans-serif, Microsoft JhengHei;
	font-size:17px;
}

.container
{
	width: 880px;
	margin:auto;
	border-color:#000000;
	border-width:medium;
	background-color:#FFFFFF
		
}

.content
{
	border-radius: 14px 14px 14px 14px;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
	border: 10px solid #C8C8C8 groove;
	margin-top:8px;
	

}

.copyright
{
	width: 880px;
	margin:auto;
	font-size:11px;
	padding: 8px;
}


/*Navigation Menu*/
.nav
{
	
	background-color:transparent;
	padding:9px;
	
	
}

.nav ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
	display:inline-block;
	vertical-align:bottom;
}

.nav li
{
	
	float:left;
	
}


.nav a
{
	color:#321B1B;
    /*color:#6C6C6C;*/
    text-align:left;
	font-weight:bold;
	font-size:17px;
    padding: 10px 12px;
	text-decoration: none;
}
.nav a:hover
{
	border-bottom: 1px solid #321B1B;
}
.nav a.active 
{
	color:#914748;	
	border-bottom: 1px solid #914748;
	
}

.left-sidebar
{
	display:inline-block;
	padding:12px;
	width:230px;
	vertical-align:top;
	margin-top:30px;
	
	border-right:thin;
	border-right:#723536;
	border-right-style:groove;

	
		
}

.right-section
{
	display:inline-block;
	padding:12px;
	width:570px;
	vertical-align:top;
	margin-left:20px;

}




/*Normal links style*/
 ul.link
{
	
    list-style-type: none;
    margin: 0;
    padding: 0;
	margin:15px;
 }
 
 ul.link li
{
	margin-bottom:15px;	
}
 
 ul.link a
 {
	color:#321B1B;
    /*color:#6C6C6C;*/
    text-align:left;
	font-weight:bold;
	font-size:19px;
	text-decoration: none;
	 
}
ul.link a:hover
{
	border-bottom: 1px solid #321B1B;
}
ul.link a.active 
{
	color:#914748;	
	border-bottom: 1px solid #914748;
	
}
 
/*Link style for language switcher*/
a.lan 
{
	font-size:16px;
	vertical-align:top;
	margin-top:58px;
	float:right;	
}
	

/*Divider for menu*/
.nav li:before{content:"|";}
.nav li:first-child:before{content:none;}


/*Tables*/
table, td, th {
    border: 1px solid #ddd;
    text-align: left;
}

table {
    border-collapse: collapse;
    width: 700px;
}

th, td {
    padding: 8px;
}

footer
{
	padding:5px;
	font-size:xx-small;
	color:#9F9F9F;
	/*color:#9A9A9A;*/
}



/*Tables using div*/	
.div-table{
  display:table;         
  width:auto;         
  background-color:#FFFFFF;         
  border:1px solid  #000000;         
  border-spacing:5px;/*cellspacing:poor IE support for  this*/
}
.div-table-row{
  display:table-row;
  width:auto;
  clear:both;
}
.div-table-col{
  float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:200px;         
  border-color:#000000;
  background-color:#FFFFFF;  
}