@charset "utf-8";
/* CSS Document */

/*高度css*/
	#show{
	    display: inline-block;
	    background: #F00;
	    color: #fff;
	    line-height: 1.5em;
	    padding: 10px;
	    position: fixed;
	    z-index: 9999;
	    top: 0;
	    left: 0;
	}

html, body {
	height: 100%;
    -webkit-text-size-adjust:100%; /*IOS橫向字體大小不會被放大*/
    font-family:Arial, "微軟正黑體";
}
a{ outline: none; /* for Firefox Google Chrome  */
   behavior:expression(this.onFocus=this.blur()); /* for IE */
	text-decoration: none;
}
input{
	border: 1px solid #979797;
	background: #FFF;
	padding: 3px;
	box-sizing: border-box;
}
textarea{
	border: 1px solid #979797;
	padding: 3px;
	box-sizing: border-box;
	resize: none;
}
.wrap {
	min-height: 100%;
	*display: table; /* For IE7 Hack */
	*height: 100%; /* For IE7 Hack */
	position:relative;
}
.main{
	overflow:auto;
	color: #000;
	font-size: 16px;
	width: 100%;
}
.main .mainCenterContent{
	width: 100%;
	max-width: 1240px;
	padding: 20px;
	box-sizing: border-box;
	margin: 0 auto;
}

.header{
	/*position: fixed;
	z-index: 999;*/
	width: 100%;
	border-top: 8px solid #fe000c;
	background: #FFF;
	/*border-bottom: 1px solid #D8D8D8;*/
	/*overflow: hidden;*/
}
.footer {
	position: relative;
	clear:both;
}
a.topMenu{
	width:35px;
	height:35px;
	background:url(../images/header/topMenu.svg);
	right:15px;
	position:fixed;
	z-index:4;
	text-indent: -9999px;
	margin-top: 8px;
	display:none;
}
div.nav a.closeMenu{
	width:35px;
	height:35px;
	background:url(../images/header/closeButton.svg);
	right:15px;
	position:relative;
	z-index:3;
	text-indent: -9999px;
	margin-top: 8px;
	float: right;
	display:none;
}

/*內頁主架構CSS樣式*/
	.main .mainCenterContent{
		/*font-size: 0;*/
		min-height: 400px;
		overflow: hidden;
	}
	.main .mainCenterContent .leftMenu{
		float: left;
		width: 25%;
		max-width: 275px;
		font-size: 16px;
		margin-top: 41px;
		margin: 41px 0 50px 0;
	}
	.main .mainCenterContent .mainRightContent{
		float: right;
		width: 73%;
		max-width: 915px;
		font-size: 14px;
		box-sizing: border-box;
		margin-bottom: 100px;
	}
	.main .mainCenterContent .content{
		margin-top: 30px;
	}

/*按鈕樣式*/
	/*more01*/
		.main a.more01{
			border: 1px solid #fe000c;
			padding: 14px 0;
			display: block;
			width: 80%;
			max-width: 200px;
			margin: 0 auto;
			text-align: center;
			border-radius: 100px;
			font-size: 14px !important;
			transition: all .3s;
		}
		.main a.more01 div{
			display: table;
			background: url(../images/all/redDot.svg) no-repeat 0% 50%;
			margin: 0 auto;
			background-size: 12px 12px;
			padding-left: 15px;
			color: #4A4A4A;
		}
		.main a.more01:hover{
			background: #fe000c;
			transition: all .3s;
		}
		.main a.more01:hover div{
			background: url(../images/all/whiteDot.svg) no-repeat 0% 50%;
			background-size: 12px 12px;
			color: #FFF;
		}

		.main .SeparateDiv{
			border-width: 3px 0 0 0;
		    border-style: solid;
		    -moz-border-image: -moz-linear-gradient(to right, rgb(255, 128, 0) 0%, rgb(232, 1, 0) 100%);
		    -webkit-border-image: -webkit-linear-gradient(to right, rgb(255, 128, 0) 0%, rgb(232, 1, 0) 100%);
		    border-image: linear-gradient(to right, rgb(255, 128, 0) 0%, rgb(232, 1, 0) 100%);
		    -webkit-border-image-slice: 2;
		    border-image-slice: 2;
		    padding-top: 30px;
		}
		
	/*more02*/
		.main a.more02{
			background: #EDEDED;
			padding: 10px;
			width: 100%;
			display: block;
			font-weight: 900;
			box-sizing: border-box;
			text-align: center;
			border-radius: 100px;
			font-size: 14px;
			margin: 0 auto;
			transition: all .3s;
		}
		.main a.more02 div{
			display: table;
			margin: 0 auto;
			padding-left: 15px;
			background: url(../images/all/redDot.svg) no-repeat 0% 50%;
			background-size: 12px 12px;
			color: #4A4A4A;
		}
		.main a.more02:hover{
			background: #fe000c;
			transition: all .3s;
		}
		.main a.more02:hover div{
			background: url(../images/all/whiteDot.svg) no-repeat 0% 50%;
			background-size: 12px 12px;
			color: #FFF;
		}

	/*連結樣式01*/
		a.href01Style,
		div.href01Style{
			padding: 0;
			width: auto;
			color: #333333;
			font-size: 14px;
			background: url(../images/all/redDot.svg) no-repeat 0% 5px;
			background-size: 12px 12px;
			padding-left: 15px;
			box-sizing: border-box;
			display: table;
			transition: all .3s;
		}
		a.href01Style:hover{
			color: #E80100;
			transition: all .3s;
		}

	/*連結樣式02*/
		a.href02Style,
		div.href02Style{
			font-size: 14px;
			display: block;
			margin: 0 auto;
			background: linear-gradient(to left,#E80100 , #FF8000);
			background: -moz-linear-gradient(to left,#E80100 , #FF8000);
			background: -webkit-linear-gradient(to left,#E80100 , #FF8000);
			border-radius: 100px;
			padding: 13px 10px;
			box-sizing: border-box;
			text-align: center;
			transition: all .3s;
		}
		a.href02Style:hover{
			background: linear-gradient(to left,#E80100 , #E80100);
			background: -moz-linear-gradient(to left,#E80100 , #E80100);
			background: -webkit-linear-gradient(to left,#E80100 , #E80100);
			transition: all .3s;
		}
		a.href02Style div{
			display: table;
			margin: 0 auto;
			background: url(../images/all/whiteDot.svg) 0% 50% no-repeat;
			background-size: 12px 12px;
			padding-left: 15px;
			color: #FFF;
		}

	/*連結樣式03*/
		a.href03Style{
			padding: 0;
			width: auto;
			color: #333333;
			font-size: 14px;
			background: url(../images/all/whiteDot.svg) no-repeat 0% 5px;
			background-size: 12px 12px;
			padding-left: 15px;
			box-sizing: border-box;
			display: table;
			transition: all .3s;
		}
		a.href03Style:hover{
			color: #E80100;
			transition: all .3s;
		}
	
/*每頁大title*/
	.mainTitle{
		padding: 45px 20px;
		line-height: 1.3;
		color: #FFF;
		font-size: 47px;
		font-weight: 900;
		text-align: center;
		box-sizing: border-box;
		background: linear-gradient(to left,#E80100 , #FF8000);
		background: -moz-linear-gradient(to left,#E80100 , #FF8000);
		background: -webkit-linear-gradient(to left,#E80100 , #FF8000);
		position: relative;
		overflow: hidden;
	}
	.mainTitle .leftTopBg{
		background: url(../images/all/leftTopBg.png) right top no-repeat;
		width: 100%;
		height: 135px;
		position: absolute;
		z-index: 1;
		left: -60%;
		top: -4vw;
	}
	.mainTitle .rightBottomBg{
		background: url(../images/all/rightBottomBg.png) no-repeat;
		width: 100%;
		height: 135px;
		position: absolute;
		z-index: 1;
		right: -60%;
		bottom: -4vw;
	}

/*第二個title*/
	.main .mainCenterContent .secondContentTitle{
		color: #4A4A4A;
		overflow: hidden;
		font-size: 0;
	}
	.main .mainCenterContent .secondContentTitle div{
		font-size: 34px;
		background: url(../images/all/secondContentTitle.svg) left top no-repeat;
		padding: 10px 0 0 18px;
		background-size: 28px 28px;
		box-sizing: border-box;
		display: inline-block;
		width: 76%;
		vertical-align: bottom;
	}
	.main .mainCenterContent .secondContentTitle p{
		font-size: 26px;
		display: inline-block;
		width: 24%;
		vertical-align: bottom;
		text-align: right;
	}
	.main .mainCenterContent .pageSecondContentTitle div{
		width: 100%;
	}

/*內頁共用第三個title*/
	.border-bottom{
		font-size: 26px;
		position: relative;
		font-weight: 700;
		margin: 0 30px 30px 0;
		padding-bottom: 12px;
	}
	.border-bottom:after {
	    content: '';
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    right: auto;
	    height: 3px;
	    width: 38px;
	    background-color: #fe000c;
	}

/*path麵包屑路徑*/
	.path{
		width: 100%;
		max-width: 1240px;
		padding: 0 10px;
		box-sizing: border-box;
		overflow: hidden;
		text-align: right;
		font-size: 14px;
		color: #4A4A4A;
		line-height: 1.8;
		margin: 15px auto 30px auto;
	}
	.path a{
		color: #4A4A4A;
		display: inline-table;
		transition: all .3s;
	}
	.path a:hover{
		color: #FE000C;
		transition: all .3s;
	}
	.path span{
		display: inline;
		margin: 0 8px;
	}

/*圓形按鈕樣式*/
	a.picButton,
	a.pdfButton,
	a.exampleButton,
	a.annexButton,
	a.mapButton{
		text-indent: -9999px;
		width: 40px !important;
		height: 40px !important;
		display: block;
		border-radius: 100em;
		font-size: 16px;
		transition: all .3s;
	}
	a.searchValueButton{
		text-indent: -9999px;
		width: 40px;
		height: 40px;
		display: block;
		border-radius: 100em;
		font-size: 16px;
		transition: all .3s;
	}
	a.picButton{
		background: url(../images/all/RoundButton/picButton.svg) center no-repeat #FF7F00 !important;
		transition: all .3s;
	}
	a.picButton:hover{
		background: url(../images/all/RoundButton/picButton.svg) center no-repeat #fe000c !important;
		transition: all .3s;
	}
	a.searchValueButton{
		background: url(../images/all/RoundButton/searchButton.svg) center no-repeat #FF7F00;
		transition: all .3s;
	}
	a.searchValueButton:hover{
		background: url(../images/all/RoundButton/searchButton.svg) center no-repeat #fe000c;
		transition: all .3s;
	}
	a.pdfButton{
		background: url(../images/all/RoundButton/pdfButton.svg) center no-repeat #FF7F00 !important;
		transition: all .3s;
	}
	a.pdfButton:hover{
		background: url(../images/all/RoundButton/pdfButton.svg) center no-repeat #fe000c !important;
		transition: all .3s;
	}
	a.exampleButton{
		background: url(../images/all/RoundButton/exampleButton.svg) center no-repeat #FF7F00 !important;
		transition: all .3s;
	}
	a.exampleButton:hover{
		background: url(../images/all/RoundButton/exampleButton.svg) center no-repeat #fe000c !important;
		transition: all .3s;
	}
	a.annexButton{
		background: url(../images/all/RoundButton/annexButton.svg) center no-repeat #FF7F00 !important;
		transition: all .3s;
	}
	a.annexButton:hover{
		background: url(../images/all/RoundButton/annexButton.svg) center no-repeat #fe000c !important;
		transition: all .3s;
	}
	a.mapButton{
		background: url(../images/all/RoundButton/mapButton.svg) center no-repeat #FF7F00 !important;
		transition: all .3s;
	}
	a.mapButton:hover{
		background: url(../images/all/RoundButton/mapButton.svg) center no-repeat #fe000c !important;
		transition: all .3s;
	}

/*loading*/
	#loading{
		position:fixed;
		width:100%;
		height:100%;
		top: 0;
		bottom: 0;
		background: url(../images/all/loading.gif) no-repeat center #e5e5e5;
		background-size: 100px 100px;
		z-index: 9998;}

/*分頁css*/
	.Pagination{
		text-align: center;
		margin-top: 50px;
	}
	.Pagination a{
		display: inline-block;
		background: #C8C8C8;
		color: #FFF;
		width: 26px;
		height: 26px;
		font-size: 16px;
		border-radius: 100px;
		vertical-align: middle;
		padding-top: 4px;
		margin: 2px;
		box-sizing: border-box;
		transition: all .3s;
	}
	.Pagination a.preNext{
		background: #4A4A4A;
	}
	.Pagination a:hover{
		background: #FE000C;
		transition: all .3s;
	}
	.Pagination a.active{
		background: #FE000C;
	}
	.Pagination a.canNotClick{
		background: #F4F4F4;
		cursor: default;
	}
	.Pagination a img{
		width: 18px;
	}

/*第一大自定義下拉選單*/
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
		border: 0;
	}
	input {
	 	border-radius: 0;
	}
	input[type=text], input[type=button] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	button {
		outline: none;
		border: none;
		padding: 0;
	}
	.myselect {
		display: inline-block;
		background: #fff;
		padding: 0;
		vertical-align: middle;
	 	border: 1px solid #979797;
		letter-spacing: 1px;
		position: relative;
		margin: 0 0 5px 0;
		height: 40px;
		width: 170px;
		box-sizing: border-box;
	}
	
	.myselect select {
		position: absolute;
		z-index: 1;
		background: url("../images/all/dropMenu.svg") no-repeat;
		background-position: right 10px center;
		background-size: 11px 11px;
		padding: 0 0 0 10px;
		height: 100%;
		width: 100%;
		cursor: pointer;
		box-sizing: border-box;
		transition: all .3s;
	}
	.myselect select,
	.myselect select option {
		font-size: 16px;
		font-family: Arial, "微軟正黑體";
	}
	.largeMyselect{
		display: inline-block;
		background: #f9f9f9;
		padding: 0;
		vertical-align: middle;
		border: 1px solid #e6e6e6;
		letter-spacing: 1px;
		position: relative;
		height: 63px;
		width: 100%;
		margin-bottom: 45px;
		transition: all .3s;
	}
	.largeMyselect:hover{
		border: 1px solid #d3d3d3;
		border-bottom: 1px solid #e6e6e6;
		background: #F6F6F6;
		transition: all .3s;
	}
	.largeMyselect select{
		background: url(../images/all/filterArrowDown.svg) no-repeat 99% 2px;
		background-size: 65px 65px;
	}
	.largeMyselect select:hover{
		background: url(../images/all/filterArrowDown.svg) no-repeat 99% 10px;
		background-size: 65px 65px;
	}
	.largeMyselect select{
		font-size: 23px;
	}

	.selectBorder{
		width: 100%;
		height: 5px;
		background-image: linear-gradient(to left,#E80100 , #FF8000);
		background-image: -moz-linear-gradient(to left,#E80100 , #FF8000);
		background-image: -webkit-linear-gradient(to left,#E80100 , #FF8000);
		position: absolute;
		z-index: 2;
		bottom: 0;
		width: 100%;
		margin-bottom: -5px;
	}
	.inlineLargeMyselect.largeMyselect{
		width: 49%;
		float: right;
	}
	.inlineLargeMyselect.largeMyselect:first-of-type{
		float: left;
	}

/*第二大自定義下拉選單*/
	
	.myselect.secondMyselect {
		height: 47px;
		display: inline-table;
		width: 490px;
		vertical-align: middle;
		margin-bottom: 0;
		background:#FFF;
	}
	.myselect.secondMyselect select{
		background: url(../images/all/filterArrowDown.svg) no-repeat 99% 0px;
		font-size: 16px;
	}
	.myselect.secondMyselect .selectBorder{
		display: none;
	}

/*pageTable_有漸層特效*/
	.customers {
	    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	    border-collapse: collapse;
	}
	.customers table.customersTable{
	    min-width: 876px;
	}
	.customers td, .customers th {
	    border: 1px solid #CDCDCD;
	    padding: 8px;
	}
	.customers tr:nth-child(2n+1){
		background: #F6F6F6;
	}
	.customers th {
	    padding-top: 12px;
	    padding-bottom: 12px;
	    text-align: left;
	    background-color: #E6E6E6;
	    color: #000;
	}
	.container{
	    margin:0 auto;
	}
	.container .container-item{
	    position:relative;
	    margin-bottom:30px;
	}
	.container .container-item .container-block{
	    background:#fff;
	    overflow:auto;
	}
	.container .container-item .container-block.customers table{
	    font-family: Arial, "微軟正黑體";
	    border-collapse:collapse;
	}
	.container .container-item .container-block #customers td,
	.container .container-item .container-block #customers th{
	    border:1px solid #CDCDCD;
	    padding:8px
	}
	.container .container-item .container-block #customers th{
	    color: #333333;
	}
	.container .container-item .container-block #customers th{
	    padding-top:12px;
	    padding-bottom:12px;
	    text-align:left;
	    background-color:#E6E6E6;
	    color:#333333;
	}
	.container .container-item .red{
	    position:absolute;
	    right:0;
	    top:0;
	    bottom:0;
	    width:0;
	    background:-webkit-linear-gradient(right, #fff 15%, rgba(255,255,255,0) 100%);
	    background:-o-linear-gradient(right, #fff 15%, rgba(255,255,255,0) 100%);
	    background:linear-gradient(to left, #fff 15%, rgba(255,255,255,0) 100%);
	    -webkit-transition:all .8s ease;
	    transition:all .8s ease;
	}
	.container .container-item .red.show{
	    width:50px;
	}
	.customers .tableTitle{
	    color: #000;
	    font-weight: 700;
	    background-color:#E6E6E6;
	}

/*左側選單*/
	.main .mainCenterContent .leftMenu p.leftMenuTitle{
		font-size: 20px;
		color: #4A4A4A;
		font-weight: 700;
		letter-spacing: 1px;
		margin-bottom: 18px;
	}
	.main .mainCenterContent .leftMenu .paragraph{
		margin-top: 10px;
	}
	/*style*/
		.navMenu{
			color: #333333;
			font-size: 14px;
		}
		.navMenu> li {
			display: block;
			margin: 0;
			padding: 0;
			border: 0px;
			border-top: 1px solid #CECECE;
		}
		.navMenu>li>a {
			display: block;
			overflow: hidden;
			line-height: 1.8;
			background: #F6F6F6;
			border-top: 1px solid #fff;
			position: relative;
			text-decoration: none;
			font-size: 14px;
			padding: 9px 15px;
			font-weight: bold;
			box-sizing: border-box;
			transition: all .3s;
		}
		/*.navMenu > li > a:active,
		.navMenu > li > a:active > span{
			color: #FFF;
		}*/
		/*.navMenu>li>a>span{
			color: #333333;
		}*/
		.navMenu > li:last-child > a {
			border-bottom: 0;
		}
		.navMenu>li>a>i {
			font-size: 20px;
			float: left;
			font-style: normal;
			margin: 0 5px;

		}
		.navMenu li a span{
			display: inline-block;
			color: #333333;
		}
		.navMenu li a .arrow {
			float: right;
			margin-top: 5px;
			background: url(../images/all/blackGrayArrowRight.svg) no-repeat center;
			background-size: contain;
			width: 10px;
			height: 10px;
			padding-right: 5px;
			box-sizing: border-box;
			transition: all .3s;
		}
		.navMenu li a:hover .arrow {
			background: url(../images/all/whiteArrowRight.svg) no-repeat center;
			background-size: contain;
			transition: all .3s;
		}
		.navMenu li a .arrow.open {
			background: url(../images/all/whiteArrowRight.svg) no-repeat center;
			background-size: contain;
		}
		.navMenu>li>a:hover {
			background: #FE000C;
			transition: all .3s;
		}
		.navMenu>li>a:hover span {
			color: #FFF;
		}
		.navMenu>li>a.activeOpen {
			background: #F6F6F6;
			background-size: contain;
		}
		.navMenu>li>a.activeOpen span{
			color: #333333;
		}
		.navMenu>li>a.activeOpen .arrow.open {
			background: url(../images/all/blackGrayArrowBottom.svg) no-repeat center ;
			background-size: contain;
		}
		.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu {
			display: none;
			list-style: none;
			clear: both;
		}
		.navMenu>li.activeOpen > ul.sub-menu,
		.navMenu>li>ul.sub-menu>li.activeOpen >ul.sub-menu {

		}
		.navMenu>li>ul.sub-menu li {
			background: none;
			margin: 0px; padding: 0px;
			border-top: 1px solid #CECECE;
		}
		.navMenu>li>ul.sub-menu li>a {
			display: block;
			font-size: 14px;
			line-height: 1.8;
			padding-left: 35px;
			/*background: #FFF;*/
			clear: both;
			padding: 9px 15px 9px 29px;
			box-sizing: border-box;
			transition: all .3s;
		}
		.navMenu>li>ul.sub-menu li>a>span {
			color: #333333;
		}
		.navMenu>li>ul.sub-menu li>a:hover>span,
		.navMenu>li>ul.sub-menu li>a.activeOpen>span {
			color: #FFF;
		}
		.navMenu > li > a.active {
			background: #FE000C;
			transition: all .3s;
		}
		.navMenu > li > a.active span{
			color: #FFF;
		}
		.navMenu>li>ul.sub-menu li>a.activeOpen,
		.navMenu>li>ul.sub-menu li>a:hover,
		.navMenu>li>ul.sub-menu>li.activeOpen >a {
			background: #FE000C;
		}
		.navMenu > li > a:active > span{
			color: #FFF;
		}

/*特色icon*/
	.characteristic{
		font-size: 0;
		text-align: left;
		height: 155px;
		overflow: hidden;
	}
	.characteristic div.fnIcon{
		display: inline-block;
		vertical-align: top;
		width: 20%;
		margin-bottom: 10px;
		height: 72px;
		overflow: hidden;
	}
	.characteristic div.fnIcon div{
		border-radius: 1000px;
		width: 40px;
		height: 40px;
		display: block;
		margin: 0 auto 5px auto;
	}
	.characteristic p{
		font-size: 12px;
		text-align: center;
		line-height: 1.1;
	}

/*編輯區editArea*/
	.editArea{
		margin: 0 0 20px 0;
		padding-bottom: 40px;
	}
	/*編輯區裡的特色icon*/
		.editArea .characteristic{
			height: auto;
		}
		.editArea .characteristic div.fnIcon {
		    float: left;
		    max-width: 60px;
		}
	/*編輯區裡的特色icon_end*/

	.editArea .editAreaContent,
	.editArea .editAreaContent p,
	.editArea .editAreaContent div,
	.editArea .editAreaContent a{
		font-size: 16px;
		color: #333333;
		line-height: 1.8;
	}
	.editArea .editAreaContent img{
		max-width: 100%;
	}
	.editArea .editAreaContent a{
		font-size: 16px;
		color: #fe000c;
		line-height: 1.8;
		text-decoration: underline;
	}

/*notice01紅色區域*/
	.notice01{
		padding: 10px 40px 10px 50px;
		background: #FFF2F2;
		color: #000000;
		font-size: 15px;
		line-height: 1.8;
		border-radius: 100em;
		margin-bottom: 45px;
	}
	.notice01 p{
		background: url(../images/all/redDot.svg) no-repeat 0 8px;
		background-size: 12px 12px;
		padding-left: 15px;
		box-sizing: border-box;
	}
	.notice01 p span{
		color: #FE000C;
		font-weight: 900;
	}


/*針對ie css hank*/
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
    .myselect select,
    .largeMyselect select,
    .largeMyselect select:hover,
    .myselect.secondMyselect select
    {
		background: none;
	}
}

@media screen and (max-width: 1150px){
	html, body{
		height:auto;
	}
	a.topMenu{
		display: block;
	}
	div.nav a.closeMenu{
		display:block;
	}
	div.allMenu{
		width:100%;
		height: 100%;
		min-height:100%;
		max-height:100%;
		overflow:auto;
		position:fixed;
		z-index:4;
		top:0;
		right: 0;
		background:#333333;
		display: none;
	}
	.header{
		position: fixed;
		z-index: 999;
		
	}
	.main {
		padding: 68px 0 20px 0;
	}
	.footer{
		margin-top: 0;
	}

	/*內頁主架構CSS樣式*/
		.main .mainCenterContent .leftMenu{
			display: none;
		}
		.main .mainCenterContent .mainRightContent{
			width: 100%;
			max-width: 100%;
			padding: 0;
			margin-bottom: 50px;
		}

	/*每頁大title*/
		.mainTitle{
			font-size: 34px;
			padding: 23px 20px;
		}
		.mainTitle .leftTopBg{
			top: -9vw;
		}
		.mainTitle .rightBottomBg{
			bottom: -9vw;
		}

	/*第二個title*/
		.main .mainCenterContent .secondContentTitle div{
			font-size: 29px;
			width: 100%;
			display: block;
		}
		.main .mainCenterContent .secondContentTitle p{
			width: 100%;
			display: block;
			margin-top: 20px;
		}

	/*特色icon*/
		.characteristic div.fnIcon{
			width: 25%;
		}
}
@media screen and (max-width: 1024px){
	/*特色icon*/
		.characteristic div.fnIcon{
			width: 20%;
		}
}
@media screen and (max-width: 930px){
	/*特色icon*/
		.characteristic div.fnIcon{
			width: 25%;
		}
}
@media screen and (max-width: 730px){
	/*特色icon*/
		.characteristic div.fnIcon{
			width: 20%;
		}
}
@media screen and (max-width: 680px){
	/*每頁大title*/
		.mainTitle .leftTopBg{
			top: -16vw;
		}
		.mainTitle .rightBottomBg{
			bottom: -16vw;
		}
}
@media screen and (max-width: 610px){
	/*特色icon*/
		.characteristic div.fnIcon{
			width: 12%;
		}
}
@media screen and (max-width: 600px){
	#loading{font-size:30px;}
	.notice01{
		border-radius: 70px;
		padding: 10px 40px;
	}
}
@media screen and (max-width: 500px){
	.inlineLargeMyselect.largeMyselect,
	.inlineLargeMyselect.largeMyselect:first-of-type{
	    width: 100%;
	    float: none;
	    margin-bottom: 15px;
	}
	.inlineLargeMyselect.largeMyselect:last-of-type{
	    margin-bottom: 35px;
	}
}
@media screen and (max-width: 460px){
	/*特色icon*/
		.characteristic div.fnIcon{
			width: 16%;
		}

	.notice01{
		border-radius: 3px;
		padding: 10px 20px;
	}
}
@media screen and (max-width: 380px){
	/*特色icon*/
		.characteristic div.fnIcon{
			width: 20%;
		}
}