@charset "UTF-8";
/* */
a:link { text-decoration: none; color: #B8852A; }
a:visited { text-decoration: none; color: #B78430; }
a:hover { text-decoration: none; color: #666; }
a:active { text-decoration: none; color: #B5852B; }
a.text:link { color: #905F9C; }
a.text:visited { color: #905F9C; }
a.text:hover { color: #BB0202; }
b { text-shadow:#CCC 1px 1px; }
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.font2 { font-family:Arial, Helvetica, "Microsoft JhengHei", 微軟正黑體, Heiti, 黑體, sans-serif; font-size: 13px; line-height: 20px; color: #4B4B4B; }
.to-top{ position:fixed; left:835px; bottom:100px; width:80px; height:25px; background:url(../images/to-top.png) no-repeat; cursor:pointer; z-index:5000; }
.h_line { width:100%; height:1px; border-bottom:#CCC 1px solid; float:left; margin: 15px 0 20px 0; }
.scheme {
	background:#C99D34;
	display:inline-block;
	color:#FFF;
	font-family:arial;
	font-size:15px;
	text-align:right;
	width:773px;
	padding:5px 20px 5px 0;
	margin-bottom:15px;
	text-shadow:1px 1px 0px #666;
	letter-spacing:5px;
	font-weight:bold;
	line-height:20px;
	-moz-box-shadow:0px 5px 0px 0px #A17E36;
	-webkit-box-shadow:0px 5px 0px 0px #A17E362;
	box-shadow:0px 5px 0px 0px #A17E36;
}
.apply-btn {
	-moz-box-shadow:inset 1px 2px 0px 0px #ffffff;
	-webkit-box-shadow:inset 1px 2px 0px 0px #ffffff;
	box-shadow:inset 1px 2px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #d1d1d1) );
	background:-moz-linear-gradient( center top, #ededed 5%, #d1d1d1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d1d1d1');
	background-color:#ededed;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #bababa;
	display:inline-block;
	color:#4B3566 !important;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:5px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin:0 0 5px 0;
}
.apply-btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #d1d1d1 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#ededed');
	background-color:#d1d1d1;
	cursor:pointer;
}
.apply-btn:active {
	position:relative;
	top:1px;
}

/*Ceremony*/
#CeremonyDIV { width:100%; }
#CeremonyDIV img { width:100%; object-fit: cover; padding-bottom:5px; }
.CeremonyPhoto { box-shadow:0 0 5px #CCC; padding:5px; margin-bottom:20px;}
.CeremonyPhoto p { padding: 10px !important; margin:0 !important; }


/* Logo */
.md-logo { padding:0; margin:0; position:relative; float: left; width:520px;} 
ul.thumb { list-style: none; margin: 0!important; padding: 0!important;  position:relative; float:left; }
ul.thumb li { margin-right:15px!important; list-style: none; margin:0; padding: 8px; float: left; position: relative; width: 110px; height: 78px;  }
ul.thumb li img {  width: 100px; height: 68px; -ms-interpolation-mode: bicubic; border: 1px solid #ddd; padding: 5px; background: #f0f0f0; position: absolute; left: 0; top: 2px; }
ul.thumb li img.hover { background-color: #F0F0F0; border:1px solid #CCC; }

/*photo tip */
#mdphoto { position:absolute; border:1px solid #ccc; padding:5px; display:none; color:#fff; background-color: #fff; z-index:9999; }
.mdphoto img { border:1px solid #ccc; padding:4px; margin-right:10px; margin-bottom:5px; }

/* Presentation Ceremony */
.underline{color: #B8852A; font-size: 15px; line-height: 19px; margin-top:8px; margin-bottom:8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EBEBEB; cursor:pointer; }
.underline:hover{background-color:#FBFBFB;}
.underline span{font-size: 13px; color:#4B4B4B;}
#video-clip img { border:1px solid #999; padding:0 !important; margin:0 !important; }

/*button*/
a.button { border-top: 1px solid #c97272; background-color: #5A305D; padding: 6px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; box-shadow: rgba(0, 0, 0, 1) 0 1px 0; text-shadow: rgba(0, 0, 0, .4) 0 1px 0; color: white; font-size: 12px; text-decoration: none; vertical-align: middle; }
a.button:hover { border-top: 1px solid #c97272; background-color: #763F7A; padding: 6px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; box-shadow: rgba(0, 0, 0, 1) 0 1px 0; text-shadow: rgba(0, 0, 0, .4) 0 1px 0; color: white; font-size: 12px; text-decoration: none; vertical-align: middle; }
a.button-active { border-top: 1px solid #c97272; background-color: #880089; padding: 6px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; box-shadow: rgba(0, 0, 0, 1) 0 1px 0; text-shadow: rgba(0, 0, 0, .4) 0 1px 0; color: white; font-size: 12px; text-decoration: none; vertical-align: middle; }


a.button2 { background-color: #F2F2F2; padding: 6px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: rgba(0, 0, 0, .4) 0 1px 0; color: #4B4B4B; font-size: 12px; text-decoration: none; vertical-align: middle; }
a.button2:hover { background-color: #763F7A; padding: 6px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: rgba(0, 0, 0, .4) 0 1px 0; color: white; font-size: 12px; text-decoration: none; vertical-align: middle; }


a.button3, a.button3:hover { border-top: 1px solid #c97272; background-color: #5A305D; padding: 6px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0; box-shadow: rgba(0, 0, 0, 1) 0 1px 0; text-shadow: rgba(0, 0, 0, .4) 0 1px 0; color: white; font-size: 12px; text-decoration: none; vertical-align: middle; }

a.ActiveBtn { background-color: #5A305D; color:#FFF !important; padding: 6px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: rgba(0, 0, 0, .4) 0 1px 0; color: #4B4B4B; font-size: 12px; text-decoration: none; vertical-align: middle;; }

/* Advertisement */
.adv-list { width:520px; padding:0 0 20px 0; margin:0; border-bottom:1px #CCC solid; }
.adv-list:last-child { border-bottom:none !important; }
.adv-list p { line-height: 20px !important; margin:0 !important; padding:15px 0 10px 0 !important; }

/* Activities */
.news-list-head { width:520px; float:left; text-align:left; background:#B88B2A; color:#FFF; font-weight:bold ; }
.news-list-date-head { width:130px; float:left; line-height:25px; border-right:#FFF 2px solid; vertical-align:middle; padding:2px 5px;}
.news-list-content-head { width:360px; float:left; line-height:25px; vertical-align:middle; padding:2px 5px;}

.news-list { width:510px; border-bottom:#999 dotted 1px; float:left; padding:5px;}
.news-list-date { width:142px; float:left; text-align:left; }
.news-list-content { width:365px; float:left; text-align:left; line-height: 23px; }
.news-list p { margin:0 !important; padding:3px 0 !important; }

.year-box { float:left; width:520px; margin:50px 0 0 0; }
.year-box ul { margin:0 !important; padding:0; float:left; }
.year-box ul li { margin:0 5px 10px 0 !important; list-style:none; float:left; }
/*.year-box ul li:last-child { clear:both; }*/
.anchor {
	display:block;
    padding-top:10px;
    margin-top:-10px;
 }


/*table*/
.box { border: 1px solid #CCC; padding: 0; }
table.box tr:nth-child(even) { background:#E1E1E1; }
table.box td { vertical-align:top; padding: 5px; }

table.t-style1 { line-height:20px; }
table.t-style1 td { vertical-align:top; padding: 5px; background:#F2F2F2; text-align:justify; }
table.t-style1 th { background:#B88B2A; padding:4px; text-align:left; color:#FFF; }
table.t-style1 ol { margin:0 0 0 20px !important; padding:0; list-style-type:decimal}
table.t-style1 ol li, table.t-style1 li { margin:5px !important; padding:0; line-height:20px !important; text-align:justify; }

table.t-style2 { line-height:20px; }
table.t-style2 td { vertical-align:top; padding: 10px; background:#F2F2F2; text-align:justify; }
table.t-style2 th { background:#B88B2A; padding:8px; text-align:left; color:#FFF; }

table.t-style3 img { border:1px solid #CCC; padding:5px; }

table.t-style4 { line-height:21px; border-collapse:collapse; border-spacing: 0px; }
table.t-style4 td { vertical-align:top; padding: 8px 5px; background:#FFF; border-top:#D2D2D2 1px dotted; border-bottom:#D2D2D2 1px dotted;}
table.t-style4 th { background:#B88B2A; padding:4px; text-align:left; color:#FFF; }
table.t-style4 ol { margin:0 0 0 20px !important; padding:0; list-style-type:decimal}
table.t-style4 ol li, table.t-style4 li { margin:5px !important; padding:0; line-height:21px !important; }

h1 { margin: 0 0 20px; font-family: Helvetica, Times, sans-serif; font-size: 23px; color: #4b3367; font-weight: bolder; text-shadow:#CCC 1px 1px; letter-spacing: 1px; line-height:25px; text-align:left; }
h2 { margin:5px 0 10px; font-family: Helvetica, Times, sans-serif; font-size: 20px; color: #B5862A; font-weight: bold; text-align:left; }
h3 { margin:0; font-family: Helvetica, Times, sans-serif; font-size: 16px; color: #4B4B4B; font-weight: bold; text-align:left; }
h4 { margin:0; font-family: Helvetica, Times, sans-serif; font-size: 18px; color: #905F9C; font-weight: bold; text-align:left; }

html, body { margin:0; padding:0; height:100%; font-family:Arial, Helvetica, "Microsoft JhengHei", 微軟正黑體, Heiti, 黑體, sans-serif; font-size: 15px; line-height: 23px; color: #4B4B4B; }
p { font-family:Arial, Helvetica, "Microsoft JhengHei", 微軟正黑體, Heiti, 黑體, sans-serif; font-size: 15px; line-height: 23px; color: #4B4B4B; text-align:justify; padding: 0; margin:10px 0 20px 0; }
.remark { font-family:Arial, Helvetica, "Microsoft JhengHei", 微軟正黑體, Heiti, 黑體, sans-serif; font-size: 13px; line-height: 20px; color: #4B4B4B; text-align:justify; padding: 0; margin:10px 0; }

body#purple-bg { margin:0; padding:0; background:url(../images/purple-bg.jpg) repeat-x #472F44; }
body#blue-bg { margin:0; padding:0; background:url(../images/blue-bg.jpg) repeat-x #23294D; }
body#green-bg { margin:0; padding:0; background:url(../images/green-bg.jpg) repeat-x #2B3E23; }
body#brown-bg { margin:0; padding:0; background:url(../images/brown-bg.jpg) repeat-x #342B1B; }
body#lake-bg { margin:0; padding:0; background:url(../images/lake-bg.jpg) repeat-x #25464E; }

#language-bar { margin:0; padding:0; width:1001px; height:28px;  }

#main-container { margin:0; padding:0; width:1001px; position:relative; display: table; background:url(../images/content-bg.png) repeat-y !important;}
#column1 { margin:0; padding:0; width:207px; min-height:500px; position:relative; float: left; display: table-cell; }
#column2 { margin:0; padding:0; width:794px; min-height:500px; position:relative; float: left; display: table-cell; background:url(../images/content-bg.png) top right repeat-y !important; }

#logo { width:207px; height:294px; position:relative; }
#header { width:794px; height:150px; position:relative; }
#footer { text-align:right; padding-right:17px; width:984px; height:80px; bottom:0; color:#FFF; font-size:13px; letter-spacing:1px; margin-bottom:10px; position:relative; float:left; }
#footer a { text-decoration: none; color: #FFF; }
#footer a:hover { text-decoration: none; color: #C99D34; }

#menu-container { width:794px; height:72px; background:url(../images/main-menu-bg.png) no-repeat; position:relative; float:left; }
#content-container { width:747px;  margin:0 15px 30px 30px; background:#FFF; float:left; }
#content { width:520px; min-height:500px; border-right: 1px dotted #CCC; padding-right:20px; padding-top:10px; float:left;}
#content ul, #content li{ text-decoration:none; padding:0; }
#content ul { list-style-type:square; margin:-5px 0 0 20px; }
#content li { margin:5px 0; line-height:22px;}

/* main menu*/
#main_nav { margin: 0; padding: 0; }
#main_nav, #main_nav ul { padding:0; list-style:none; }
#main_nav li { position:relative; float:left; padding: 0; list-style-type: none; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 39px; }

#m1 { background: url(../images/main-menu.jpg); width: 154px; }
#m1:hover { background: url(../images/main-menu.jpg) 0 -39px !important; }
#m1.active { background: url(../images/main-menu.jpg) 0 0; }

#m2 { background: url(../images/main-menu.jpg) -154px 0; width: 154px; }
#m2:hover { background: url(../images/main-menu.jpg) -154px -39px !important; }
#m2.active { background: url(../images/main-menu.jpg) 0 0; }

#m3 { background: url(../images/main-menu.jpg) -308px 0; width: 152px; }
#m3:hover { background: url(../images/main-menu.jpg) -308px -39px !important; }
#m3.active { background: url(../images/main-menu.jpg) 0 0; }

#m4 { background: url(../images/main-menu.jpg) -460px 0; width: 148px; }
#m4:hover { background: url(../images/main-menu.jpg) -460px -39px !important; }
#m4.active { background: url(../images/main-menu.jpg) 0 0; }

#m5 { background: url(../images/main-menu.jpg) -608px 0; width: 148px; }
#m5:hover { background: url(../images/main-menu.jpg) -608px -39px !important; }
#m5.active { background: url(../images/main-menu.jpg) 0 0; }


/*sub menu-left*/
#submenu-container { margin: 0; padding: 0; width:207px; }
#sub, #sub ul, #sub li, #sub li a, #sub ul li { list-style:none; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; }
#sub li a { width: 126px; display: block; overflow: hidden; padding: 15px 25px 0 56px; text-align:left; vertical-align:middle; }
#sub li { width: 207px; font-size:15px; line-height:17px; text-align:left; vertical-align:middle; }
/*double line button*/
.submenu-A, a.submenu-A { width:207px; height:50px; background: url(../images/submenu-out.png) 0 0 !important; color:#FFF; font-weight:bolder; text-shadow:#000 1px 1px; }
a.submenu-A:hover { width:207px; height:50px; background: url(../images/submenu-hover.png) 0 0 !important; color:#cda443; font-weight:bolder; text-shadow:#000 1px 1px; }
.submenu-A-active, a.submenu-A-active { width:207px; height:50px; background: url(../images/submenu-active.png) 0 0 !important; color:#553A76; text-shadow:#CCC 1px 1px; font-weight:bolder; }
/*single line button*/
.submenu-B, a.submenu-B { width:207px; height:35px; background: url(../images/submenu-out2.png) 0 0 !important; color:#FFF; font-weight:bolder; text-shadow:#000 1px 1px; }
a.submenu-B:hover { width:207px; height:35px; background: url(../images/submenu-hover2.png) 0 0 !important; color:#cda443; font-weight:bolder; text-shadow:#000 1px 1px; }
.submenu-B-active, a.submenu-B-active { width:207px; height:35px; background: url(../images/submenu-active2.png) 0 0 !important; color:#553A76; text-shadow:#CCC 1px 1px; font-weight:bolder; }
/*left quick link*/
#sub li a.submenu-Q { padding: 6px 20px 6px 56px; }
.submenu-Q, a.submenu-Q { width:207px; font-size:13px; color:#FFF; letter-spacing:4px; text-shadow:#000 1px 1px; }
a.submenu-Q:hover { width:207px; background: url(../images/submenu-quick-hover.png) repeat-y 0 0 !important; color:#F2EACC; text-shadow:#000 1px 1px; }

a.submenu-Q-active { width:207px; color:#F2EACC; text-shadow:#000 1px 1px; font-size:13px;
text-shadow:#000 1px 1px; padding: 6px 20px 6px 56px !important;
background: url(../images/submenu-quick-hover.png) repeat-y 0 0 !important; }

/*right menu*/
#quick-container { margin:0; padding:40px 0 0 35px; width:130px; float:left; }
#quick { margin: 0; padding: 0; }
#quick, #quick ul { margin-bottom:5px; padding:0; list-style:none; }
#quick li { margin-bottom: 10px; padding: 0; list-style-type: none; }
#quick li a { text-indent: -999999px; overflow: hidden; display: block; width: 130px; }

#Q1 { background: url(../images/Q1.jpg); height: 62px; }
#Q1:hover { background: url(../images/Q1.jpg) 0 -61px !important;}
#Q1.active { background: url(../images/Q1.jpg) 0 -62px; }

#Q2 { background: url(../images/Q2.jpg); height: 62px; }
#Q2:hover { background: url(../images/Q2.jpg) 0 -61px !important; }
#Q2.active { background: url(../images/Q2.jpg) 0 -62px; }

#Q3 { background: url(../images/Q3.jpg); height: 62px; }
#Q3:hover { background: url(../images/Q3.jpg) 0 -61px !important; }
#Q3.active { background: url(../images/Q3.jpg) 0 -62px; }

#Q4 { background: url(../images/Q4.jpg); height: 62px; }
#Q4:hover { background: url(../images/Q4.jpg) 0 -61px !important; }
#Q4.active { background: url(../images/Q4.jpg) 0 -62px; }

#Q5 { background: url(../images/Q5.jpg); height: 62px; }
#Q5:hover { background: url(../images/Q5.jpg) 0 -61px !important; }
#Q5.active { background: url(../images/Q5.jpg) 0 -62px; }

#Q6 { background: url(../images/Q6.jpg); height: 62px; }
#Q6:hover { background: url(../images/Q6.jpg) 0 -61px !important; }
#Q6.active { background: url(../images/Q6.jpg) 0 -62px; }

#Q7 { background: url(../images/Q7.jpg); height: 62px; }
#Q7:hover { background: url(../images/Q7.jpg) 0 -61px !important; }
#Q7.active { background: url(../images/Q7.jpg) 0 -62px; }

#Q8 { background: url(../images/Q8.jpg); height: 62px; }
#Q8:hover { background: url(../images/Q8.jpg) 0 -61px !important; }
#Q8.active { background: url(../images/Q8.jpg) 0 -62px; }

ul.jump-menu { margin:0 !important; padding:0 !important; text-decoration:none; list-style:none; }
ul.jump-menu li { margin:0; padding:0; list-style:none; margin-bottom:8px !important; }


/* MD list sorting */
ul.sorting { margin:0 !important; padding:0 !important; text-decoration:none; list-style:none; }
ul.sorting li { margin:5px 3px!important; padding:0; list-style:none; float:left; }
table.listhead, table.listbody { border-collapse:collapse; width:100%; padding:0; margin:0; border:0; }
table.listhead th {background: #b88b2a; color: #FFF; padding: 6px 3px; text-align: center; font-weight: bold; border-right: #FFF 2px solid; width: 260px;}
table.listhead th:nth-child(2) {width: 135px; }
table.listhead th + th {width: 65px; }
table.listhead th:last-child {width: auto; }

table.listbody td {padding: 6px 3px;border-bottom: #CCC solid 1px; line-height: 18px; font-size: 14px; width: 260px; text-align: left;}
table.listbody td:nth-child(2) {width: 135px; text-align: left;}
table.listbody td + td {text-align: center; width: 65px;}
table.listbody td:last-child {width: auto;}
table.listbody tr:hover { background: #f2f2f2; }
.searchbar { padding:8px 8px 8px 35px; border-radius:10px; width:250px; border:1px solid #CCC; font-size:14px;
background-image:url(../../img/searchicon.png);
background-size: 18px 18px;
background-position: 10px center;
background-repeat: no-repeat;
}

/* MD List*/
.mdlist { width:515px; margin-top:5px; margin-bottom:35px; float:left; }
.mdlist table { width:100%; border-collapse:collapse; }
.mdlist table td { padding:4px 8px;}
.mdlist table tr { border-top: #E2E2E2 solid 1px; background:#F2F2F2; }
.mdlist table tr:nth-child(even) {background-color: #FFF;}
.mdlist table tr:last-child { border-bottom: #E2E2E2 solid 1px; }