*, h1, h2, h3, h4, h5, h6, h7, h8 {
	font-family: microsoft JhengHei;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
	font-smoothing: antialiased;
	
}
.bg {
	background: #e7e3e2 url(../images/bg.jpg) no-repeat 0 0;
	background-size: 100%;
	padding: 5% 0
}
.bg.main {
	background: url(../images/bg.gif) repeat-y 0 0;
	background-size: 100%;
	padding: 0;
	font-family: microsoft JhengHei;
}
.logo {
	background: url(../images/logo.png) no-repeat 0 0;
	height: 751px;
	background-size: 100%;
}
.logo form {
	float: right;
	padding: 10px;
}
.logoebb {
	background: url(../images/ebb.png) no-repeat 200px 200px;
	height: 500px;
	background-size: 40%;
}
.sBox {
	margin: 10px;
	background: rgba(11, 51, 65, 0.78);
	box-shadow: 0px 0px 12px #8a92ad;
	width: 300px;
	height: 222px;
	border-radius: 16px;
	float: right;
	padding: 10px 47px;
	bottom: 10%;
	position: fixed;
	right: 5%;
	color: #fff;
	font-family: microsoft JhengHei;
}
.navbar-default {
	background: transparent;
	border-color: none;
}
.nav>li>a {
	padding: 15px 0;
}
.main h3 {
	margin: 0;
	padding: 0;
}
.main iframe {
	background: #fff;
	min-height: 500px;
}
.the {
	border: 1px solid #fff;
	color: #fff;
	font-size: 20px;
	background: #8bd3e8; /* Old browsers */
	background: -moz-linear-gradient(top, #8bd3e8 0%, #7bbdeb 38%, #73b2ed 72%, #b4adff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8bd3e8 0%, #7bbdeb 38%, #73b2ed 72%, #b4adff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8bd3e8 0%, #7bbdeb 38%, #73b2ed 72%, #b4adff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bd3e8', endColorstr='#b4adff', GradientType=0 ); /* IE6-9 */
}
img.main {
	max-width: 800px;
	position: inherit;
	max-width: 800px;
	position: inherit;
	box-shadow: 0 0 42px rgba(0,0,0,0.08);
	border-radius: 50%;
}
.logIn .Box {
	position: fixed;
	background: url(../images/logo1.svg) no-repeat;
	background-size: 93%;
	min-width: 800px;
	min-height: 100%;
}
.logIn form {
	max-width: 800px;
	color: #fff;
	top: 72%;
	position: fixed;
	text-align: center;
	margin: 0 20%;
	font-size: 16px;
}
.logIn .form-horizontal .form-group.left {
}
.logIn .form-horizontal .form-group.right {
}
.logIn input {
	max-width: 156px;
	max-height: 22px;
}

@media (min-width: 1599px) {
.form-horizontal .control-label {
	min-width: 67px;
}
}
div.mainBox {
	max-width: 800px;
	margin: 0 auto;
}
div.footer {
	background: url(../images/wave1.svg) repeat-x 0 -1.8rem;
	padding: 5em 0 0 0;
	text-align: center;
	color: #a6c3d3;
	font-size: 16px;
	height: 7rem;
}

@media (min-width: 1600px) {
div.footer {
	background-size: 100%;
}
}
div.footer ul {
	bottom: 10px;
}
.col-md-12.full {
	margin: 0;
	padding: 0;
}
.header h3 img {
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
	background-color: transparent;
	color: #fff
}
.navbar-nav>li>a {
	line-height: 19px;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	font-size: 120%;
	font-family: 'Microsoft JhengHei';
	text-align: left;
	padding-left: 27%;
	text-shadow: 0 0 5px #484343;
}
.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background: transparent;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #3c5361;
	font-weight: bold;
}
.color1, .color1 >ul>li>a {
	background: #97b1bf; /* Old browsers */
	background: -moz-linear-gradient(45deg, #97b1bf 0%, #365769 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #97b1bf 0%, #365769 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #97b1bf 0%, #365769 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b1bf', endColorstr='#365769', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.color2, .color2 >ul>li>a {
	background: #8c8c8c; /* Old browsers */
	background: -moz-linear-gradient(45deg, #8c8c8c 0%, #504b4b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #8c8c8c 0%, #504b4b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #8c8c8c 0%, #504b4b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8c8c', endColorstr='#504b4b', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.color3, .color3 >ul>li>a {
	background: #80b3b1; /* Old browsers */
	background: -moz-linear-gradient(45deg, #80b3b1 1%, #44747b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #80b3b1 1%, #44747b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #80b3b1 1%, #44747b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b3b1', endColorstr='#44747b', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.color4, .color4 >ul>li>a {
	background: #cbd2d5; /* Old browsers */
	background: -moz-linear-gradient(45deg, #cbd2d5 35%, #afb5b8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #cbd2d5 35%, #afb5b8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #cbd2d5 35%, #afb5b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbd2d5', endColorstr='#afb5b8', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.color5, .color5 >ul>li>a {
	background: #daa780; /* Old browsers */
	background: -moz-linear-gradient(45deg, #daa780 35%, #b88e6d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #daa780 35%, #b88e6d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #daa780 35%, #b88e6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daa780', endColorstr='#b88e6d', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

@media (min-width: 768px) {
.navbar-nav {
	float: left;
	margin: 0;
	width: 100%;
}
.navbar-collapse {
	padding: 0;
}
.navbar-header {
	display: none;
}
.navbar-nav>li {
	float: left;
	border-bottom: 1px solid #fff;
	width: 14.282%;
	border-right: 1px solid #fff;
}
}
.i01>a::before, .i02>a::before, .i03>a::before, .i04>a::before, .i05>a::before, .i06>a::before, .i07>a::before, .i08>a::before {
	display: inline;
	width: 11%;
	position: absolute;
	left: 10%;
	top: 5px;
	-webkit-transition: width 0.5s; /* Safari */
	transition: width 0.5s;
	overflow: hidden;
	margin: 0 0 0 3%;
}
.i01>a::before {
	content: url(../images/i01.svg);
}
.i02>a::before {
	content: url(../images/i02.svg);
}
.i03>a::before {
	content: url(../images/i03.svg);
}
.i04>a::before {
	content: url(../images/i04.svg);
}
.i05>a::before {
	content: url(../images/i05.svg);
}
.i06>a::before {
	content: url(../images/i06.svg);
}
.i07>a::before {
	content: url(../images/i07.svg);
}
.i08>a::before {
	content: url(../images/i08.svg);
}
.i01>a:hover {
	padding-left: 30%;
}
.i01 a:hover::before, .i02 a:hover::before, .i03 a:hover::before, .i04 a:hover::before, .i05 a:hover::before, .i06 a:hover::before, .i07 a:hover::before, .i08 a:hover::before {
	width: 100px;
	opacity: 0.4;
	left: 0;
	top: -15px;
	overflow: hidden;
}
.dropdown-menu {
	padding: 0;
}
.dropdown-menu>li>a {
	padding: 11px 20px;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	color: #fff;
	font-family: 'Microsoft JhengHei';
	font-size: 16px;
}

@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu>li>a {
	text-align: center;
}
}
div.right {
	float: right;
	position: absolute;
	right: 1%;
	top: 1%;
	color: #ce7c6f;
	padding: 5px 10px;
}
div.right span {
	padding: 0 5px;
}
div.right button {
	background: #e89e92;
	color: #fff;
	border-top: 1px solid #FFBBB0;
	border-left: 1px solid #FFBBB0;
	border-right: 2px solid #dc958a;
	border-bottom: 2px solid #dc958a;
	border-radius: 4px;
	padding: 1px 6px;
}
.main h3 {
	line-height: 45px;
	color: #4d7488;
	font-weight: bold;
}
.cont h3::before {
	content: url(../images/h2.svg);
	width: 25px;
	height: 25px;
	display: inline-block;
}
.header h3 img.rain {
	position: absolute;
	left: 0;
	z-index: -10000;
}
.text-warning::before {
	content: url(../images/i06.svg);
	animation: zoomIn 1s 1;
	animation-direction: normal;
	width: 18px;
	height: 18px;
	display: inline-block;
}
div#explosion {
	margin-top: 1%;
	position: absolute;
	top: -200px;
	width: 500px;
	height: 50%;
	left: -5%;
}
div#explosion-circle {
	animation: explosion 4s infinite;
	animation-timing-function: cubic-bezier(0.140, 0.620, 0.405, 0.850);
	animation-direction: normal;
	animation-delay: 2s;
	width: 350px;
	height: 350px;
	border-radius: 50%;
}
 @keyframes explosion {
 0% {
 opacity: 0;
 transform:translateX(-254px) scale(0);
 border: 0;
 background: #F0E0E1;
}
 25% {
 transform:translateX(0px) scale(0);
 border: 0;
 background: #F0E0E1;
}
 50% {
 opacity: 0.3;
 border: 0;
 background: #EEF8D0;
 filter: blur(50%);
}
 75% {
 border: 0;
 background: #A7D9CB;
 filter: blur(100%);
}
 100% {
 transform:translateX(0px) scale(1);
 opacity: 0;
}
}
/*****************************RWD FORM********************************************************/
.table-rwd {
}
/*這是額外做顏色，沒有什麼意義*/
tr.tr-only-hide {
	color: #D20B2A;
}

@media (max-width: 736px) {
.table-rwd {
	min-width: 100%;
}
/*針對tr去做隱藏*/
tr.tr-only-hide {
	display: none !important;
}
/*讓tr變成區塊主要讓他有個區塊*/
.table-rwd tr {
	display: block;
	/*border: 1px solid #ddd;*/
	margin-top: 5px;
}
.table-rwd td {
	text-align: left;
	font-size: 15px;
	overflow: hidden;
	width: 100%;
	display: block;
	border-bottom: 1px solid #fff;
}
.table-rwd td:before {
	/*最重要的就是這串*/
	content: attr(data-th) " : ";
	/*最重要的就是這串*/
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 10px;
	color: #ffed6a;
	width: 100px;
}
.table-rwd th {
	min-width: 100px;
}
/*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
.table-rwd.table-bordered td, .table-rwd.table-bordered th, .table-rwd.table-bordered {
	border: 0;
	border-bottom: 1px solid #94aae2;
}
}
.formBox {
    display: flow-root;
	margin: 0 auto 15px auto;
	padding: 20px;/* 
background: #887cd0; 
background: -moz-linear-gradient(-45deg, #887cd0 0%, #5ab3ff 100%);
background: -webkit-linear-gradient(-45deg, #887cd0 0%,#5ab3ff 100%);
background: linear-gradient(135deg, #887cd0 0%,#5ab3ff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#887cd0', endColorstr='#5ab3ff',GradientType=1 ); */}
.uniform {
	color: #243F40;
	font-size: 15px;
}
.uniform table, .uniform td, .uniform tr {
	background: transparent;
	font-size: 16px;
	border: 1px soild #fff;
}
.uniform th {
	background: rgba(255, 255, 255, 0.4);
	color: #fff;
}
.uniform button, .uniform input {
	font-size: 15px;
	border: 0;
	padding: 4px 9px;
	display: inline-block;
	margin: 5px;
	border-radius: 3px;
	color: #243F40;
	/*font-weight: bold;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,f7f7f7+83,feffff+100 */
	background: #feffff; /* Old browsers */
	background: -moz-linear-gradient(top, #feffff 0%, #f7f7f7 83%, #feffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #feffff 0%, #f7f7f7 83%, #feffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #feffff 0%, #f7f7f7 83%, #feffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#feffff', GradientType=0 ); /* IE6-9 */
}
/*表格中的input*/
.uniform input.in {
	max-width: 60px;
	margin: 0;
}
.uniform input.inwider {
	max-width: 90px;
	margin: 0;
}
.uniform input.inwiderer {
	max-width: 100px;
	margin: 0;
}
/*選擇檔案的CSS*/
input.inputfile[type=file]::-webkit-file-upload-button {
color:#887cd0;
border-radius:4px;
font-size:13px;
border:0;
padding:3px 6px;
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top, #feffff 0%, #f7f7f7 83%, #feffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feffff 0%, #f7f7f7 83%, #feffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feffff 0%, #f7f7f7 83%, #feffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#feffff', GradientType=0 ); /* IE6-9 */
}
/*選擇日期的CSS*/
input[type=date] {
	max-width: 170px;
}
.uniform .inbtn {
	/*color: #8a7f30;*/
	font-size: 15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffed6a+0,ccc98a+100 */
	background: #ffed6a; /* Old browsers */
	background: -moz-linear-gradient(top, #ffed6a 0%, #ccc98a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffed6a 0%, #ccc98a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffed6a 0%, #ccc98a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed6a', endColorstr='#ccc98a', GradientType=0 ); /* IE6-9 */
}
.uniform .inbtn:hover {
	background: #404229;
	color: #f4e571;
}
.uniform tr:hover, .formBox form .table-striped>tbody>tr:nth-of-type(odd):hover {
	background: #DCE3DF
}
.formBox h4 {
	color: #fff;
	background: url(../images/edit.png) no-repeat 0 -3px;
	text-indent: 34px;
	line-height: 2.3rem;
	font-size: 24px;
	font-weight: normal;
}
.formBox form .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: rgba(255,255,255,0.3);
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border: 0;
	color: #fff;
}
input.nobg {
	background: transparent;
	max-width: 200px;
	color: #243F40;
}
.table-bordered td.newD {
	color: #3c508c
}
/************************color2****************************************/
.formBox.color2 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5bdf9+0,86bdec+100 */
	background: #c5bdf9; /* Old browsers */
	background: -moz-linear-gradient(top, #c5bdf9 0%, #86bdec 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c5bdf9 0%, #86bdec 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c5bdf9 0%, #86bdec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5bdf9', endColorstr='#86bdec', GradientType=0 ); /* IE6-9 */
}
/************************color3****************************************/
.formBox.color3, .modal-content .formBox.color3 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5bdf9+0,86bdec+100 */
	background: #BFC9C0; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #BFC9C0 0%, #8EB2AC 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #BFC9C0 0%, #8EB2AC 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #BFC9C0 0%, #8EB2AC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFC9C0', endColorstr='#8EB2AC', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.formBox.color3 h4 {
	color: #243F40;
	font-weight: bold;
	font-size: 26px;
}
.formBox.color3 .table-bordered>tbody>tr>td, .formBox.color3 .table-bordered>tbody>tr>th, .formBox.color3 .table-bordered>tfoot>tr>td, .formBox.color3 .table-bordered>tfoot>tr>th, .formBox.color3 .table-bordered>thead>tr>td {
	color: #243F40;
}
.formBox.color3 .table-bordered>thead>tr>th {
	color: #666bad;
	background: #757cb1;
}
.formBox.color3 .table-bordered {
	color: #555
}
.formBox.color3 form .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: rgba(255,255,255,0.2);
}

@media (max-width: 736px) {
.formBox.color3 .table-rwd tr {
	display: block;
	border: 1px solid #eff1fd;
	margin-top: 5px;
}
}
/*****************LOADING DIV*********************************/
.modal-header {
	min-height: 0;
	padding: 0;
	border-bottom: 0;
}
.close {
	float: right;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-shadow: 0 0 6px #645d9e;
	opacity: .8;
	z-index: 10000000;
}
.modal-body, .modal-body iframe, .modal-body body {
	background-color: transparent!important;
}
.modal-body iframe {
	height: 100%;
	min-height:1200px;
}
iframe body {
	background-color: rgba(255,255,255,0)!important
}
.modal-body {
    position: relative;
    padding: 0 0 15px 0;
    
    width: 90%;
    top: -6px;
}
/***************************main menu*******************************************/
@keyframes fadein {
 from {
transform:scale(0, 0);
}
 to {
transform:scale(1, 1);
}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
 from {
transform:scale(0, 0);
}
 to {
transform:scale(1, 1);
}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from {
transform:scale(0, 0);
}
 to {
transform:scale(1, 1);
}
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from {
transform:scale(0, 0);
}
 to {
transform:scale(1, 1);
}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
 from {
transform:scale(0, 0);
}
}
@keyframes fadein2 {
 from {
transform:scale(1, 1);
}
 to {
transform:scale(0, 0);
}
}

/* Firefox < 16 */
@-moz-keyframes fadein2 {
 from {
transform:scale(1, 1);
}
 to {
transform:scale(0, 0);
}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein2 {
 from {
transform:scale(1, 1);
}
 to {
transform:scale(0, 0);
}
}

/* Internet Explorer */
@-ms-keyframes fadein2 {
 from {
transform:scale(1, 1);
}
 to {
transform:scale(0, 0);
}
}

/* Opera < 12.1 */
@-o-keyframes fadein2 {
 from {
transform:scale(1, 1);
}
}
body{}
@media(max-width: 699px){
	body.HomeBody {
		background: #225529 url(../images/fsdam.jpg) center 0 no-repeat;
		transition: all 3s;
		overflow-x: hidden;
		margin: 0 0 0 0;
background-size:contain;
	}}
@media(min-width:800px)
{
	body.HomeBody{
		background: #225529 url(../images/fsdam.jpg) center 0 no-repeat;
		transition: all 3s;
		overflow-x: hidden;
		margin: 0 0 0 0;
background-size:contain;
	}
		
}
.hover {
	transform: scale(70, 70);
}
.rect1, .rect2, .rect3 {
	-webkit-transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995);
	-moz-transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995);
	-o-transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995);
	transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.45); /* custom */
}
.Menu {
	    background: rgba(0,0,0,0.80);
    width: 70px;
    -webkit-transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995);
    -moz-transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995);
    -o-transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995);
    transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995);
    height: 70px;
    border-radius: 50%;
    z-index: 99;
    float: left;
    margin-left: -60px;
    margin-top: 4px;
}
.Menu2 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	background: rgba(0,0,0,0.80);
	background: transparent;
}
#menulogo {
	margin-left: 25px;
	position: relative;
	z-index: 999;
	float: left;
	-webkit-transition: all 500ms cubic-bezier(0.000, 1, 0.985, 0.990); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.000, 1.650, 0.985, 0.990);
	-moz-transition: all 500ms cubic-bezier(0.000, 1.650, 0.985, 0.990);
	-o-transition: all 500ms cubic-bezier(0.000, 1.650, 0.985, 0.990);
	transition: all 500ms cubic-bezier(0.000, 1.650, 0.985, 0.990); /* custom */
	margin-top: 25px;
	
}
#menulogo:hover {
	-webkit-transform: scale(1.1, 1.1);
}
#menulogo:hover {
	cursor: pointer;
}
.allMenuHover {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	overflow:hidden;
    z-index:5;

}
.allMenu {
	width: 80px;
	height: 80px;
	position: fixed;
	top:0;
	overflow:hidden;	
    z-index:5;
}
.subM ul{
	padding:0;
}
.subM ul li{ color: #4cc4ff;
    list-style: none;
    line-height: 2.5rem;
    display: inline-block;
    width: 160px;
	}
.ulexp { 
    position: absolute; 
    z-index: 9999; 
    margin-top: -1600px; 
    -webkit-transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995); 
    -moz-transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995); 
    -o-transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995); 
    transition: all 800ms cubic-bezier(0.980, 0.005, 0.000, 0.995); 
    margin-left: auto; 
    margin-right: auto; 
    margin-left: 80px; 
    width: 90%; 
    overflow: auto; 
    border: 0; 
    top: 0; 
    bottom: 0; 
}
@media(min-width: 736px){	
	.ulexp {	
	margin-left: 100px;border:0;	}
}
.ulexp li.exp {
	display: inline-block;
	float: left;
	-webkit-transition: all 400ms cubic-bezier(0.980, 0.005, 0.000, 0.995);
	-moz-transition: all 400ms cubic-bezier(0.980, 0.005, 0.000, 0.995);
	-o-transition: all 400ms cubic-bezier(0.980, 0.005, 0.000, 0.995);
	transition: all 400ms cubic-bezier(0.980, 0.005, 0.000, 0.995); /* custom */
	margin-left: -4px;
	padding: 10px 40px;	
	height: auto;
	line-height: 100px;	
}
@media(max-width:736px){.ulexp li.exp{min-height: 150px;
}}
.ulexp li.exp:hover {
	background: rgba(221, 238, 104,0.55);
	transform: scale(1.1, 1.1);
	box-shadow: 5px 1px 10px rgba(0,0,0,0.3);
    z-index:100
}
.ulexp li.exp a {
	font-size:16px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	background-color: transparent;
}
.ulexp li.exp .subM a::before,.ulexp li.exp .subM li.dropdown ul.triM li a::before{content:"━";margin: 0 5px 0 0;color:#cebf4f;}
.ulexp li.exp .subM li.dropdown a::before{content:"✚"}
.subM .dropdown.open a, .subM .dropdown.open a:hover{background-color:transparent;font-weight:bold;}
.exp > a.i01::before{content: url(../images/i01.png);}
.exp > a.i02::before{content: url(../images/i02.png);}
.exp > a.i03::before{content: url(../images/i03.png);}
.exp > a.i04::before{content: url(../images/i04.png);}
.exp > a.i05::before{content: url(../images/i05.png);}
.exp > a.i06::before{content: url(../images/i06.png);}
.exp > a.i07::before{content: url(../images/i07.png);}
.exp > a.i08::before{content: url(../images/i08.png);}
.exp > a.i01:hover::before{content: url(../images/i01@1.1.png);}
/*@media(max-width:722px){.exp > a:hover::before{display:block;}}*/
.ulexp li.exp>a ,.ulexp li.exp>a:hover {font-size: 2.214rem;
    color: #ffee68;
    font-weight: normal;border:0;border-bottom: 2px solid;
    border-radius: 0;}
.ulexp li.exp a:hover {
	cursor: pointer;
}
.ulexp li.exp .subM{line-height:1em;margin:10px 0;padding:0;}
/***********************************主要內容*****************************************************/
.mBox{padding: 20px;
    /*max-width: 1300px;*/
    box-shadow: 0 0 50px rgba(1, 17, 1, 0.4);
    height: 100%;
    /*min-height: 900px;*/
	background: transparent;}
@media(max-width:600px){
	.mBox{padding:0;}
}
.mBox h3{font-size: 46px;overflow-y:auto;
-webkit-overflow-scrolling: touch;
    background: url(../images/hd.png) no-repeat -83px -33px;
    line-height: 17rem;
    color: transparent;height:164px;}
/*.mBox .col-lg-4{    margin: 0.5%;
    padding: 1% 2%;
    color: #fff;
    width: 32%;}*/

.bg-1.fqBox .mg{background:rgba(0, 197, 188, 0.8);padding:10px;}
.bg-2.fqBox .mg{background:rgba(174, 93, 12, 0.7);padding:10px;}
.bg-3.fqBox .mg{background:rgba(4, 2, 16, 0.8);padding:10px;}
.bg-4.fqBox .mg{background:rgba(112, 112, 56, 0.8);padding:10px;}
.bg-5.fqBox .mg{background:rgba(188, 96, 137, 0.8);padding:10px;}
.fqBox{color:#fff;
    font-size: 16px;
    line-height: 2rem;
    text-shadow: 0 0 4px #000;
	transition: all 300ms ease;margin: 0 0 20px 0;
}
.fqBox .mg{min-height: 300px;}
.fqBox:hover{
	transform: scale(1.1,1.1);}

.row.footer{background: rgba(17, 39, 19, 0.85);
    color: #fff5e5;
    padding: 14px;
    height: 50px;}
.row.footer ul{bottom:0;}
.fqCircle{    padding:20px;margin:0 auto;
    z-index: 100000;}
@media(max-width:700px){
	.fqCircl{padding:0;text-align:center;}
}
.fqBtn{    border: none;
    color: #f2f2f2;
    padding: 0;
    font-size: 20px;
    border-radius: 50%;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
    transform-style: preserve-3d;
    width: 120px;
    height: 120px;
    margin: 10px;
    text-shadow: 0 0 5px #111;border:5px solid rgba(255,255,255,0.9)}

/*qBtn:after {top: -100%;
    left: 0px;
    width: 100%;
    padding: 10px 0;
    position: absolute;
    background:rgba(0,0,0,0.8);
    border-radius: 50%;	
    content:url(../images/11.png);
	transform-origin: left bottom;
    transform: rotateX(90deg);
    width: 120px;
    height: 120px;
	right:0;
	bottom:0;
}*/
.fqBtn:hover{/*ansform-origin: center bottom;
    transform: rotateX(-90deg) translateY(100%);*/
	border:5px solid rgba(255,255,255,0.7);transform: scale(1.1,1.1);
	background-position: -70px -25px;
}

.i09{background:url(../images/2.png) no-repeat -51px -19px;}
.i10{background:url(../images/3.png) no-repeat -51px -19px;}
.i11{background:url(../images/4.png) no-repeat -51px -19px;}
.i12{background:url(../images/1.png) no-repeat -51px -19px;}
.i13{background:url(../images/5.png) no-repeat -51px -19px;}
.i14{background:url(../images/6.png) no-repeat -51px -19px;}
.i15{background:url(../images/7.png) no-repeat -51px -19px;}
.i16{background:url(../images/8.png) no-repeat -51px -19px;}
/*.blur{filter:contrast(80%)}*/

/***********************第三層選單***********************************/
ul.dropdown-menu.triM {
	background: #0c0c0c;
    border: 1px solid #f4d846;}
ul.dropdown-menu.triM li{width:auto;}
.subM .dropdown ul.triM li a{font-size:14px;}


/************表單001*************************************************/
.sl{    padding: 3px 20px;   margin: 5px;}
.toggleDiv{    display: none;    
    padding: 20px 10px;
    border-radius: 10px;margin:5px;
    box-shadow: 4px 4px 0px rgba(0,0,0,0.1);}
.transformEf {	
	background: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
}
.transform-active {
  background:red;
}
/****************layout switcher**************/
button.grid img , button.list img{margin-right:5px;}
button.list:active,button.grid:active,button.grid:focus,button.list:focus{background: #041f4a;
    color: #a9bdf3;}
.list table, .origin table,.grid table{margin:5px;background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+2,ededed+83,f2f2f2+83,fefefe+100 */
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,254,254,1) 2%, rgba(237,237,237,1) 83%, rgba(242,242,242,1) 83%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 2%,rgba(237,237,237,1) 83%,rgba(242,242,242,1) 83%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,254,254,1) 2%,rgba(237,237,237,1) 83%,rgba(242,242,242,1) 83%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */}
.list table{    background: #fafbff;
    width: 95%;
    border-radius: 7px;
    float: none;
}

.origin table,.grid table{    width: 31%;
    float: left;
    display: block;   
    padding: 10px;
    word-break: break-all;
    border-radius: 5px;
	
}
@media(max-width:700px){
	.origin table,.grid table{    width: 47%;}
}
.origin table,.grid table,.list table{transition: 300ms ease-in;}
@media (min-width:900px){
	.origin table,.grid table{    width: 18%;
    margin: 10px 10px 5px 5px;
    padding: 20px;
}}

.list table td ,.uniform .list th{
       padding: 11px;
    word-break: break-all;
    border: 1px solid #afbdf4;
    font-size: 14px;}
.origin .more,.grid .more{display:none;}
.uniform .list th{background:#5d72ad;color:#fff;}
button.grid, button.list{padding:4px 10px 4px 6px;}
.origin table tr:hover, .grid table tr:hover {background:transparent;}
.origin table:hover, .grid table:hover,.list table:hover {   
	box-shadow:4px 4px 0px rgb(122, 142, 228);
    background:#fbea6d;
    color:#4396F9;
}
.uniform .list tr{background:transparent;}





iframe{width:100%;}


.funPDiv h1{
    font-size: 40px;padding:0 10px;border-bottom: 3px solid gold;
}
.funPDiv ul {
    list-style-type: none;
    padding: 0 10px;
}

.funPDiv ul li {
    font-size: 25px;
    border: 1px solid white;
    background-color: #eee;
}

.funPDiv ul li a{
    width: 96%;
    display: inline-block;
     text-decoration: none;
    color:black;
    padding: 2px 2%;
}

.funPDiv ul li a:hover{
    color:black;
    background-color: #ddd;
}

.select 
    {
        font-size: 15px;
        border: 0;
        padding: 4px 9px;
        display: inline-block;
        margin: 5px;
        border-radius: 3px;
        color: #243F40;
        /*font-weight: bold;*/
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,f7f7f7+83,feffff+100 */
        background: #feffff; /* Old browsers */
        background: -moz-linear-gradient(top, #feffff 0%, #f7f7f7 83%, #feffff 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #feffff 0%, #f7f7f7 83%, #feffff 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #feffff 0%, #f7f7f7 83%, #feffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#feffff', GradientType=0 ); /* IE6-9 */        
    }
.iBox{position: absolute;top:0;left:0;}
#fmSource,#ContentPlaceHolder1_fmSource,iframe,#ContentPlaceHolder1{	
	overflow-x: scroll;
	overflow-y: scroll;-webkit-overflow-scrolling: touch;

}

.ifcss_s{height:1000px;width:1200px;-webkit-overflow-scrolling: touch;}
.ifcss_s {
	-webkit-overflow-scrolling: touch;
    margin: 0 auto 15px auto;
    margin-top: 49px;
    background-color: white;
    min-height: 750px;
	min-width:1280px;
    background: rgba(230, 230, 230, 0.8);
	
}
iframe.ifcss_s{width:1280px;padding:0;min-height:800px;-webkit-overflow-scrolling: touch;overflow-x: scroll;
	overflow-y: scroll;}