@charset "utf-8";
body, td, th {
   font-family: 'Open Sans',"Noto Sans TC","Noto Sans SC","segoe ui","microsoft jhenghei","microsoft mhei","Microsoft YaHei","Arial","Helvetica","stheititc",sans-serif;
	font-size:12px;
	/*	letter-spacing: 0.5px;*/
	font-style: normal;
	text-decoration: none;
	text-transform: none;
}
body, div, h1, h2, h3, h4, p, ul, li {
	margin:0;
	padding:0;
	text-decoration: none;
}
body {
	background-color: #FFF;
}
/*---- 最外層包裝 ----*/
#WRAPPER {
	width: 1000px;
	margin:0 auto;
	border-left:1px solid #EFEFEF;
	border-right:1px solid #EFEFEF;
	background-color:#FFF;
	/*
	padding:0 5px;
	background-image: url(images/ui-bg_flat_0_aaaaaa_40x100.png);
	*/
	zoom: 1;
}
/* Go Top
========================================================================================== 
.go_top{ z-index:999; background-image:url(/imgs/icon/go_top2.png); background-position:0 -5px; background-repeat:no-repeat;position: fixed;bottom: 30px;right: 90px;cursor: pointer; width:80px; height:80px;}
.go_top a { background-image:url(/imgs/icon/go_top.png); background-position:38px -14px; background-repeat:no-repeat;padding:3em 0 0.5em 1.8em; display:block; font-weight:bold;color: #227BBB;color: #227BBB;text-decoration: none;}
*/
/*---- 頁首 ----*/
#HEADER {
	background-color: #FFFFFF;
}
#HEADER h1 a {
	text-indent: -9999px;
	display: block;
	width: 1000px;
	height:150px;
	background-image:url(/imgs/logo/blueeyes_newlogo_1019.png);
	background-repeat:no-repeat;
}
/*---- 主選單 ----*/
#MAIN_NAV {
	background-color: #FFF;
	overflow:auto;
	width: 1000px;
}
#MAIN_NAV ul {
	list-style-type:none;
	background-color: #FFF;
}
#MAIN_NAV li {
	float: left;
	background-color: #FFF;
}
#MAIN_NAV li a {
	display: block;
	left:2px;
	color:#000;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	background-position:center;
	cursor:pointer;
	font-weight:normal;
	/*text-shadow:1px 1px 1px #B7B7B7;*/
	text-align:center;
	line-height:20px;
	min-height:15px;
	margin:2px 0px 1px 0px;  /* 上右下左 */
	font-size:16px;
    font-family: 'Open Sans',"Noto Sans TC","Noto Sans SC","segoe ui","microsoft jhenghei","microsoft mhei","Microsoft YaHei","Arial","Helvetica","stheititc",sans-serif;
	background-color:#FFFFFF; /* 背景顏色 */
	border-right:1px solid #EFEFEF;
	/*border-top:1px solid #CCCCCC;
	border-left:1px solid #EFEFEF; 
	border-bottom:1px solid #B7B7B7; 
	border-spacing:0px;*/
	vertical-align:middle;
}
#MAIN_NAV li a:hover {
	text-decoration: none;
	color:#F00;
}
#MAIN_NAV li a.select {
	text-decoration: none;
	color: #F00;
}
#logininfo {
	display: block;
	float: right;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	background-position:center;
	cursor:pointer;
	font-weight:normal;
	line-height:20px;
	min-height:15px;
	margin:2px 0px 1px 0px;  /* 上右下左 */
	color:#000;
	   font-family: 'Open Sans',"Noto Sans TC","Noto Sans SC","segoe ui","microsoft jhenghei","microsoft mhei","Microsoft YaHei","Arial","Helvetica","stheititc",sans-serif;
	font-size:16px;
}
img.bottom {
	vertical-align:text-bottom;
}
#logininfo a {
	color:#000;
	text-decoration: none;
}
#logininfo a:hover {
	color: #F00;
}
/*---- 次選單 1 (左側選單)----*/
#LEFT_NAV {
	background-color: #FFF;
	clear: both;
	float:left;
	width:150px;
	color:#666;
	font-size:12px;
}
#LEFT_NAV a {
	color:#6699FF;
	text-decoration: none;
}
#LEFT_NAV a:hover {
	color: #F00;
}
#LEFT_NAV p, #LEFT_NAV h2 {
	text-align:center;
	padding:5px 10px;
	text-decoration: none;
}
/* LIST #4 */
#LEFT_NAV ul {
	list-style: none;
	padding:0px;
	background-color:#EFEFEF;
	   font-family: 'Open Sans',"Noto Sans TC","Noto Sans SC","segoe ui","microsoft jhenghei","microsoft mhei","Microsoft YaHei","Arial","Helvetica","stheititc",sans-serif;/*background-image:  url(/css/themes/redmond/images/gradient_texture20100901.jpg);
	background-repeat:  repeat;  */
}
#LEFT_NAV ol {
	font-size: 12px;
	font-weight:normal;
	letter-spacing:5px;
	line-height:35px;
}
#LEFT_NAV ul li {
	background-color:#FFF;/*background-image: url('/imgs/icon/dot_arrow_cate.gif');
	background-repeat: no-repeat;*/
}
#LEFT_NAV ul li a {
	display:block;
	text-decoration:none;
	color:#000;
	margin-left:0px;
	min-height:24px;
	letter-spacing:normal;
	border-bottom:#EEE solid 1px;
	border-right:#EEE solid 1px;
	padding-left:10px;
	background-color:#FFF;
	cursor:pointer;
	clear:both;
	/*text-align:justify;
	text-justify: newspaper;
	text-align-last:left; 
	word-break: break-all;
	word-wrap: break-word; /*英文單字自動換行 */
	/*line-height: 130%; 
	letter-spacing: 0.05em;
	word-spacing: 0.05em;*/
	padding-top:5px;
	padding-bottom:5px;
}
#LEFT_NAV ul li a:hover {
	color: #F00;/*border-top:#F00 solid 2px;
	border-bottom:#F00 solid 2px;*/
}
#LEFT_NAV ul li a.select {
	color: #F00;
	font-weight:bold;/*border-top:#F00 solid 2px;
	border-bottom:#F00 solid 2px;*/
}
#classlist {
	max-height:400px;
	overflow:auto;
}
#classlist ol {
	cursor: pointer;
}
#cloudlist ol {
	background-color:#66CCFF;
}
#stbfunlist ol {
	background-color:#CC9999;
}
#personlist ol {
	background-color:#FFCC99;
}
/*---- 次選單 2 ----*/
#RIGHT_NAV {
	float:right;
	width:150px;
}
/*  #RIGHT_NAV a{ color:#6699FF;}*/
#RIGHT_NAV a {
	text-decoration: none;
}
#RIGHT_NAV a:hover {
	color:#FF0000;
}
#RIGHT_NAV p, #RIGHT_NAV h2 {
	text-align:center;
	padding:5px 10px;
}
/*---- 內容區 ----*/
#CONTENT {
	margin-left:160px;
	margin-right:160px;/*background-color:#666;*/
}
#CONTENT h4{
	padding:0px 20px 0px 20px;
	font-size:10px;
	color:#CCCCCC;
}
/**
 #CONTENT p {
	padding:0px 20px 0px 20px;
	font-size:10px;
	color:#CCCCCC;
}
*/
#CONTENT h2 {
	   font-family: 'Open Sans',"Noto Sans TC","Noto Sans SC","segoe ui","microsoft jhenghei","microsoft mhei","Microsoft YaHei","Arial","Helvetica","stheititc",sans-serif;
	font-size: 24px;
	text-align: left;
	padding:10px 20px 10px 20px;
	color:#4297d7;
	letter-spacing:10px;
	border-top:0px #999 solid;
	text-decoration: none;
}
#CONTENT a {
	font-size:14px;
	color:#000;
	text-decoration:none;
}
#CONTENT a:hover {
	font-size:14px;
	color:#F00;
	text-decoration:none;
}
#CONTENT_SEC {
	width:100%;
}
#CONTENT_SEC h3 {
	font-size:16px;
	text-align: left;
	padding:10px 50px 10px 20px;
	color:#000;
	letter-spacing:5px;
}
/*--中間 --*/
#MAIN {
	clear: both;
	background-color:#666;
	padding:10px 20px 10px 20px;
}
/*---- 頁尾 ----*/
#FOOTER {
	clear: both;
	border-top:1px solid #EFEFEF;
	background-color: #FFFFFF;
	text-align:center;
	text-decoration:none;
}
#FOOTER a {
	color:#555;
	text-decoration: none;
}
#FOOTER a:hover {
	color:#F00;
	text-decoration: none;
}
#FOOTER h2, #FOOTER p {
	padding:5px 20px;
	   font-family: 'Open Sans',"Noto Sans TC","Noto Sans SC","segoe ui","microsoft jhenghei","microsoft mhei","Microsoft YaHei","Arial","Helvetica","stheititc",sans-serif;
	font-size:16px;
	color:#555;
	line-height: 180%;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	font-weight:normal;
	border:0px solid #B7B7B7;
	position:relative;
	display:block;
	word-break: break-all;
	word-wrap: break-word; /*英文單字自動換行 */
	text-decoration:none;
}
/* table form */
table.form {
	background: #FFFFFF;
	color: #FFFFFF;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: .6em .6em .6em .6em;
}
table.form tr th {
	background: #B7B7B7;
	padding: inherit;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	border-left-color: #EFEFEF;
	border-left-style: groove;
	border-left-width: 5px;
	border-right-color: #EFEFEF;
	border-right-style: groove;
	border-right-width: 5px;
	border-top-color: #EFEFEF;
	border-top-style: groove;
	border-top-width: 5px;
	border-bottom-color: #EFEFEF;
	border-bottom-style: groove;
	border-bottom-width: 5px;
}
table.form tr td {
	padding: inherit;
	color: #000000;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
/* FOOTER */
table.form tfoot {
	color: #fff;
	background: #FFFFFF;
}
table.form tfoot tr th, table.form tfoot tr td {
	padding: .2em .6em;
	border-top: 2px solid #FFFFFF;
}
table.form tfoot tr th {
}
table.form tfoot tr td {
	text-align: center;
}
/* Tag cloud */

	#tags ul {
	margin:1em 0;
	padding:.5em 10px;
	text-align:center;
	background:#71b5e9 url(/imgs/bg_tags.gif) repeat-x;
}
#tags ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	padding:0 2px;
}
#tags li:hover {
	cursor: pointer;
	color:#FF0000;
}
.tag1 {
	font-size:100%;
	color:#FFFFFF;
}
.tag2 {
	font-size:120%;
	color:#CCCCFF;
}
.tag3 {
	font-size:140%;
	color:#FFFFCC;
}
.tag4 {
	font-size:160%;
	color:#CCFFCC;
}
.tag5 {
	font-size:180%;
	color:#FFCC99;
}
/* alternative layout */

	#tags .alt {
	text-align:left;
	padding:0;
	background:none;
}
#tags .alt li {
	padding:2px 10px;
	background:#efefef;
	display:block;
}
#tags .alt .tag1,  #tags .alt .tag2,  #tags .alt .tag3,  #tags .alt .tag4,  #tags .alt .tag5 {
	font-size:100%;
}
#tags .alt .tag1 {
	background:#7cc0f4;
}
#tags .alt .tag2 {
	background:#67abe0;
}
#tags .alt .tag3 {
	background:#4d92c7;
}
#tags .alt .tag4 {
	background:#3277ad;
}
#tags .alt .tag5 {
	background:#266ca2;
}
/* // Tag cloud */
/*caltoolbar*/
#caltoolbar {
	margin:10px 50px 0px;
}
#caltoolbar span {
	float:left;
	margin:0px 20px;
}
#caltoolbar .ui-state-disabled:hover {
	cursor: none;
	zoom:1;
}
#caltoolbar span:hover {
	cursor: pointer;
	zoom:1.5;
}
/*calendar*/
/* Pure CSS Calendar Icon */
.top {
	position:absolute;
	top:0px;
}
.calendar {
	margin:.25em 10px 10px 0;
	padding-top:5px;
	float:left;
	width:50px;
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));
	background: -moz-linear-gradient(top, #ededef, #ccc);
	font:bold 20px/40px Arial Black, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	text-shadow:#fff 0 1px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
}
.calendar div {
	font-size: 10px;
}
.calendar em {
	display:block;
	font:normal bold 11px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-shadow:#00365a 0 -1px 0;
	background:#04599a;
	background:-webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a));
	background:-moz-linear-gradient(top, #04599a, #00365a);
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	border-top:1px solid #00365a;
}
.calendar em.today {
	background:#FF0000;
}
.calendar:before, .calendar:after {
	content:'';
	float:left;
	position:absolute;
	top:4px;
	width:6px;
	height:6px;
	background:#111;
	z-index:1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
}
.calendar:before {
	left:7px;
}
.calendar:after {
	right:7px;
}
.calendar em:before, .calendar em:after {
	content:'';
	float:left;
	position:absolute;
	top:-3px;
	width:2px;
	height:10px;
	background:#dadada;
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
	background:-moz-linear-gradient(top, #f1f1f1, #aaa);
	z-index:2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.calendar em:before {
	left:9px;
}
.calendar em:after {
	right:9px;
}
/**/
div.list {
	list-style: none;
	margin: 15px;
}
div.list ul {
	list-style-type: none;
	width: 600px;
}
div.list ol {
	float: left;
	margin: 0 15px 0 0;
}
div.list ul li h3 {
	font-family: "segoe ui","microsoft jhenghei","microsoft mhei",stheititc,sans-serif, Arial, Gadget, sans-serif;
	font-size:small;
}
div.list ul li {
	padding: 10px;
	overflow: auto;
	font: 200 12px/1.5 "segoe ui","microsoft jhenghei","microsoft mhei",stheititc,sans-serif, Georgia, Times New Roman, serif;
	min-height:100px;
}
div.list ul li cl {
	text-decoration:none;
}
div.list ul li cl.chg {
	color:#CC00CC;
	text-decoration:line-through;
}
div.list ul li cl.del {
	color:#FF0000;
	text-decoration:line-through;
}
div.list ul li cl:hover {
/*cursor: pointer;
	color:#3366FF;*/
}
/*區塊*/
fieldset {
	width:650px;
	padding:10px;
	margin-top:5px;
	border:1px solid #1E7ACE;
	background:#fff;
}
legend {
	color:#1E7ACE;
	font-weight:bold;
	padding:3px 20px 3px 20px;
	border:1px solid #1E7ACE;
	background:#fff;
}
/* table form2 */
table.form2 thead {
	background: #336699;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: .6em .6em .6em .6em;
}
table.form2 thead tr th {
	padding: inherit;
	text-align: center;
	border-left-color: #EFEFEF;
	border-left-style: groove;
	border-left-width: 5px;
	border-right-color: #EFEFEF;
	border-right-style: groove;
	border-right-width: 5px;
	border-top-color: #EFEFEF;
	border-top-style: groove;
	border-top-width: 5px;
	border-bottom-color: #EFEFEF;
	border-bottom-style: groove;
	border-bottom-width: 5px;
}
/* FOOTER */
table.form2 tfoot {
	color: #fff;
	background: #FFFFFF;
}
table.form2 tfoot tr th, table.form tfoot tr td {
	padding: .2em .6em;
	border-top: 2px solid #FFFFFF;
}
table.form2 tfoot tr th {
}
table.form2 tfoot tr td {
	text-align: center;
}
/* BODY */
table.form2 tbody tr th {
	padding:0px;
	margin:0px;
	border:1px solid #B7B7B7;
	text-align:center;
	font-weight: normal;
	background-color: #EFEFEF;
	   font-family: 'Open Sans',"Noto Sans TC","Noto Sans SC","segoe ui","microsoft jhenghei","microsoft mhei","Microsoft YaHei","Arial","Helvetica","stheititc",sans-serif;
	font-size:12px;
	color: #000;
}
/* 奇數行 */
table.form2 tbody tr:nth-child(odd) td {
 border:1px solid #B7B7B7;
 background-color: #FFF;
 color: #666;
 font-weight:normal;
 font-size: 0.8em;
    font-family: 'Open Sans',"Noto Sans TC","Noto Sans SC","segoe ui","microsoft jhenghei","microsoft mhei","Microsoft YaHei","Arial","Helvetica","stheititc",sans-serif;
 padding:0px;
 margin:0px;
 cursor: pointer;
}
/* 偶數行 */
table.form2 tbody tr:nth-child(even) td {
 border:1px solid #B7B7B7;
 background-color: #FFF;
 color: #666;
 font-weight:normal;
 font-size: 0.8em;
    font-family: 'Open Sans',"Noto Sans TC","Noto Sans SC","segoe ui","microsoft jhenghei","microsoft mhei","Microsoft YaHei","Arial","Helvetica","stheititc",sans-serif;
 padding:0px;
 margin:0px;
 cursor: pointer;
}
/*table.form2 tbody tr:hover td { color:#FFFFFF; background-image:url(/imgs/hover.png); background-repeat:repeat;  }*/
table.form2 tbody tr:hover td {
	background-color:#EFF;
	color:#000;
}
table.form2 tbody tr.select td {
	font-weight: normal;
	color:#000;
}
table.form2 tbody tr th, table.form tbody tr td {
	padding: 0.1em 0.4em;
	border: 1px solid #B7B7B7;
}
#tselectclass2 {
	width:auto;
	height:auto;
}
#tselectclass2 ul {
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
}
#tselectclass2 li {
	margin:1px;
	padding:3px;
	float:left;
	width:150px;
	height:70px;
	border-style: solid;
	border-color: #ccc #bbb #aaa;
	font-size: 0.8em;
	text-align: center;
}
#tselectclass2 li span {
	background: #d0e5f5;
	display:block;
	height:30px;
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
}
#MOVLIST {
	height:245px;
	background-color: #FFFFFF;
	border:1px solid #1E7ACE;
}
#showmovlist {
	height: 240px;
	overflow:auto;
}
#name_section {
	background-image:url(/imgs/bg/bg-001.gif);
	border:solid 1px #aacfe4;
	width: 680px;
	height: 30px;
	padding:5px;
	margin:10px;
	text-align:left;
	vertical-align:bottom;
}
#name_section label {
	color:#9999FF;
	display:block;
	font-weight:normal;
	text-align:right;
	width:80px;
	float:left;
}
#name_section .small {
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:80px;
}
#name_section input {
	float:left;
	font-size:12px;
	padding:4px 2px;
	/*border:solid 1px #aacfe4;*/
 border: dashed 2px #F00;
	width:200px;
	margin:2px 10px 0px 10px;
}
.fluser {
	display:none;
	float:right;
	width:160px;
	background-color:#FFF;
	border:solid 1px #aacfe4;
	z-index: 9999;
}
.fluser img {
	FLOAT: left;
	margin-left:20px;/*CLEAR: left;*/
 }
.fluser dl {
	font-size: 0.8em;
	font-weight: lighter;
	text-align: left;
}
.fluser table {
	background-image:url(/imgs/bg/ui-bg_gloss-wave_55_5c9ccc_500x100.png);
	border:solid 1px #aacfe4;
	width:100%;
}
/*cloud */
ul.list {
	margin:1em 0;
	padding:0px;
	float:left;
	list-style-type:none;
}
ul.list li {
	margin:1px;
	padding:3px;
	float:left;
	width:180px;
	/*height:150px;*/
	min-height:100px;
	font-size: 0.8em;
	text-align: center;
	cursor: pointer;
	background-color:#FFF;
	/*background-image:url(/css/themes/redmond/images/ui-bg_inset-soft_30_ffffff_1x100.png);*/
	 border:1px solid #EFEFEF;
	padding-left:15px;
	padding-right:15px;
}
ul.list li pre {
	color:blue;
	text-justify: newspaper;
	text-align-last:left;
	word-break: break-all;
	word-wrap: break-word;
	text-align: left;
	font-size: 1.2em;
	font-weight:bold;
}
ul.list li:hover {
	background:#fece2f url(images/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x;
}
/*cloud */
ul.cloud {
	margin:1em 0;
	padding:0px;
	float:left;
	list-style-type:none;
}
ul.cloud li {
	margin:1px;
	padding:3px;
	float:left;
	width:180px;
	height:250px;
	font-size: 0.8em;
	text-align: center;
	cursor: pointer;
	background-image:url(/css/themes/redmond/images/ui-bg_inset-soft_30_ffffff_1x100.png);
	border:1px solid #B7B7B7;
	padding-left:15px;
	padding-right:15px;
}
ul.cloud li pre {
	color:blue;
	text-justify: newspaper;
	text-align-last:left;
	word-break: break-all;
	word-wrap: break-word;
	text-align: left;
	font-size: 1.2em;
	font-weight:bold;
}
ul.cloud li img {
	margin:5px;
	padding:3px;
	border:#CCCCCC solid 2px;
}
ul.cloud li:hover {
	background:#fece2f url(images/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x;
}

ul.course {
	margin:1em 0;
	padding:0px;
	float:left;
	list-style-type:none;
	vertical-align:top;
}
ul.course li {
	display:block;
	margin:1px;
	padding:3px;
	float:left;
	width:320px;
	height:auto;
	font-size: 0.8em;
	text-align: center;
	background:#feeebd url(images/ui-bg_highlight-soft_100_feeebd_1x100.png) 50% top repeat-x
}
ul.course li:hover {
	background:#fece2f url(/css/themes/redmond/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x;
}
ul.course li div img.ui-corner-all {
	z-index: 2;
	border:#FFF solid 3px;
	position: relative;
	cursor: pointer;
}
ul.course li div span.course_time {
	height:14px;
	color: #fff !important;
	padding:0px 4px;
	font-size: 2em;
	font-weight: bold;
	vertical-align:top;
	display:inline-block;
	z-index: 5;
	position:relative;
	top:-30px;
}
ul.course li div span.course_count {
	height:14px;
	color: #fff;
	padding:5px 5px;
	font-size: 1.5em;
	float:right;
	border-bottom:solid 2px #66CC66;
}
ul.course li dl {
	font-size: 1.5em;
	font-weight:normal;
	text-align: left;
}
ul.course li dl dt {
	padding:2px;
	border-bottom:solid 1px #EFEFEF;
}
.title-data {
	height:100%;
	text-align:center;
	padding-top:50px;
	font-size:20px;
	font-weight: bold;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.5);
}
#title-crtl {
	font-size: 1em;
	text-align: left;
	margin-top:20px;
	font-weight: bold;
	color:#0066FF;
}
.pagelink {
	margin: 20px 0px 0px;
	padding: 20px 0px 40px;
	overflow: hidden;
	clear: both;
	border-top-color: rgb(221, 221, 221);
	border-top-width: 1px;
	border-top-style: solid;
	position: relative;
}
.pagelink a {
	margin: 0px 2px;
	padding: 2px 8px;
	border: 1px solid rgb(204, 204, 204);
}
.pagelink a:hover {
	/*background: rgb(68, 68, 68);
	color: rgb(255, 255, 255) !important;*/
	color:#C30 !important;
	border: 1px solid #cacaca;
	background-color: #fff;
	background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
	text-decoration: none !important;
}
.pagelink .on {
	/*background: rgb(68, 68, 68);
	color: rgb(255, 255, 255) !important;*/
	color: #333 !important;
	border: 1px solid #cacaca;
	background-color: #fff;
	background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
	text-decoration: none !important;
}
/*class deps */
#classtabs {
    float: left;
	width: 100%;
	margin: 10px 0;
}
#classtabs.ul.tabs,ul.tabs li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

#classtabs	ul.tabs {
		width: 100%;
		height: 32px;
		border-bottom: 1px solid #EFEFEF;
		border-left: 1px solid #EFEFEF;
	}
#classtabs	ul.tabs li {
		float: left;
		height: 31px;
		line-height: 31px;
		color: #FFF;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border: 1px solid #EFEFEF;
		border-left: none;
		background: #F8F8F8;
	}
#classtabs	ul.tabs li a {
		display: block;
		padding: 0 20px;
		color: #000;
		border: 1px solid #fff;
		text-decoration: none;
	}
#classtabs	ul.tabs li a:hover {
		background: #EEE;
	}
#classtabs	ul.tabs li.active  {
		background: #fff;
		border-bottom: 1px solid #fff;
	}
#classtabs	ul.tabs li.active a:hover {
		background: #fff;
	}
#classtabs	div.tab_container {
		width: 100%;
		border-bottom: 1px solid #FFF;
		border-left: 1px solid #F8F8F8;
		border-right: 1px solid #F8F8F8;
		border-top: 1px solid #FFF;
		border-top: none;
		background: #FFF;
	}
#classtabs	div.tab_container .tab_content {
		padding: 20px;
	}
#classtabs	div.tab_container .tab_content h2 {
		margin: 0 0 20px;
}
#lang {
position:absolute;
top:0px;
}
/* category thumbnails >>> */

.category_thumbnail_span{
	display:inline-block; 
	background-color: #FFFFFF;
	text-align:center; 
	padding:5px; 
	border:1px solid #CCC;
	margin-top:5px;
	margin-right:5px;
	overflow:hidden;
}
.category_thumbnail_span:hover{ box-shadow:0 0 0 2px #FFF, 0 0 20px 5px #000; transition:.1s; -webkit-transition:0.1s; }
.category_thumbnail_span img{
	border:0px;
}

a.category_thumbnail_image{
	display:inline-block; 
	background-repeat:no-repeat; 
	background-position:center center;
}

a.category_thumbnail_title{
	text-decoration:none;
	display:inline-block;
	padding-top:4px;
	text-transform:capitalize;
}
/**gallery*/
.gallery li{ text-align:center; list-style:none; perspective:100px; -webkit-perspective:100px; margin:2px; float:left; position:relative; transition:.1s; -webkit-transition:0.1s;background-color: #FFFFFF;padding:5px; 
	border:1px solid #CCC; -webkit-transform:rotateX(0deg) translate(0,0); transform:rotateX(0deg) translate(0,0); cursor: pointer;}
.gallery img{
	border:0px;
}
.gallery  a.category_thumbnail_image{
	display:inline-block; 
	background-repeat:no-repeat; 
	background-position:center center;
}

.gallery  span.title {
	text-decoration:none;
	display:inline-block;
	padding-top:4px;
	text-transform:capitalize;
}
.gallery li:hover{ border:1px solid #FF0000; z-index:2; transform:scale(1.3); -webkit-transform:scale(1.5);}
.gallery li:hover{ box-shadow:0 0 0 2px #FFF, 0 0 20px 5px #000; transition:.1s; -webkit-transition:0.1s; }

/*
 button
*/
 .button-xsmall {
            font-size: 70%;
}

.button-small {
            font-size: 85%;
}

.button-large {
            font-size: 110%;
}

.button-xlarge {
            font-size: 125%;
}

.button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
            background: rgb(28, 184, 65); /* this is a green */
}
.button-error {
            background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
}
/*back to top*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(255, 148, 0, 0.8) url(../imgs/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
/* PURE BUTTON */
.button-xsmall {
	font-size: 70%;
}

.button-small {
	font-size: 85%;
}

.button-large {
	font-size: 110%;
}

.button-xlarge {
	font-size: 125%;
}