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

@import url(help/reset.css);
@import url(font-awesome-4.7.0/css/font-awesome.min.css);
@import url(help/rwdgrid.css);
@import url(textEditor.css);
@font-face {

/*仿宋*/

	font-family: 'cwTeXFangSong';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot);
	src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot?#iefix) format('embedded-opentype'),
		 url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff2) format('woff2'),
		 url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff) format('woff'),
		 url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.ttf) format('truetype');
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}
html,body{
	width: 100%;
	height: 100%;
}
body{
	color: #999;
	background: #f6f6f1;
	font-family: Helvetica, Arial, sans-serif, "微軟正黑體", Heiti TC, "メイリオ";
	font-size: 15px;
}

[class*='g-']{
	float: left;
}


/*********基本樣式設定**********/
	a{
		cursor: pointer;
		color: #2c2c2c;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	a:hover{
		color: #7b6929;
	}

	p{
		color: #999;
		font-size: 15px;
		line-height: 30px;
		letter-spacing: 0.5px;
	}

	input[type="text"],
	textarea{
		-webkit-appearance: none;
	}

	.wrap{
		width: 1370px;
		margin: 0 auto;
	}

	.btn{
		width: 250px;
		height: 50px;
		text-align: center;
		position: relative;
		border-radius: 30px;
		background: #5f5039;
		-webkit-transition: all 5s ease;
	    -moz-transition: all 5s ease;
	    -o-transition: all 5s ease;
	    transition: all 5s ease;
	}
	.btn:hover{
		background: #5f5039;
	}
	.btn a{
		color: #fff;
		font-size: 18px;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		line-height: 50px;
		letter-spacing: 2px;
		display: block;
		position: relative;
		z-index: 5;
	}

	.titleBox{
		position: relative;
		text-align: center;
	}
	.titleBox::before{
		content: '';
		width: 249px;
		height: 135px;
		background: url(../images/bg_title.png);
		position: absolute;
		top: -40px;
		left: calc(50% - 125px);
	}
	.titleBox h2{		
		color: #000;
		font-weight: normal;
		font-family: '仿宋';
		font-size: 34px;
		line-height: 50px;
		letter-spacing: 20px;
		position: relative;
		display: inline-block;
		margin-bottom: 90px;
	}
	.titleBox h2::before{
		content: '';
		width: 105%;
		height: 31px;
		background: url(../images/titleLine.png) repeat-x;
		position: absolute;
		top: 10px;
		left: -15px;
	}
	.titleBox h2::after{
		content: attr(data-en);
		width: 100%;
		color: #000;
		font-size: 13px;
		font-family: 'Bellefair', serif;
		line-height: 30px;
		letter-spacing: 2px;
		text-transform: uppercase;
		position: absolute;
		top: 100%;
		left: 50%;
	    -webkit-transform: translate(-50%,0%);
	    transform: translate(-50%,0%);
	}

	/* goTopButton */
	.goTopBox {
	    position: fixed;
	    bottom: 200px;
	    right: 50px;
	    z-index: 999;
		opacity: 0;
	    -webkit-transition: all 0.4s ease;
	    -moz-transition: all 0.4s ease;
	    -o-transition: all 0.4s ease;
	    transition: all 0.4s ease;
	}
	.goTopBox a {
	    display: block;
	    width: 45px;
	    height: 45px;   
		background: url(../images/top.png);
		opacity: 0.6;
	}
	.goTopBox a:hover {
	    margin-bottom: 5px;
	}

	/* loadingArea */
	.loadingArea{
	    width: 100%;
	    height: 100vh;
	    position: fixed;
	    left: 0;
	    top: 0;
	    z-index: 999999;
	    overflow: hidden;
		
		-webkit-transition:all 2s ease;
		-moz-transition:all 2s ease;
		-o-transition:all 2s ease;
		transition:all 2s ease;
	}
	.loadingArea.go{
		opacity: 0;
	}
	.loadingArea .loadingMask{
	    background: #f6f6f1;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    left: 0;
	    top: 0;
		
		-webkit-transition:all 2s ease;
		-moz-transition:all 2s ease;
		-o-transition:all 2s ease;
		transition:all 2s ease;
	}
	.loadingArea .loadingMask::after{
		content: '';
		width: 100%;
		height: 100%;
		background: url(../images/bg_about.png) no-repeat center;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.9;
		
		-webkit-transition:all 1.5s ease;
		-moz-transition:all 1.5s ease;
		-o-transition:all 1.5s ease;
		transition:all 1.5s ease;
	}
	.loadingArea.go .loader{
		opacity: 0;
		-webkit-transition:all 0.8s ease;
		-moz-transition:all 0.8s ease;
		-o-transition:all 0.8s ease;
		transition:all 0.8s ease;
	}
	.loadingArea .loader .logo{
	    width: 119px;
	    height: 193px;
	    position: absolute;
	    top: calc(50% - 90px);
	    left: calc(50% - 60px);
		-ms-transform: translate(0,-160px);
		-webkit-transform: translate(0,-160px);
	    transform: translate(0,-160px);
	    -webkit-animation: loadingImg 3s -1s ease forwards;
	    animation: loadingImg 3s -1s ease forwards;
	}
	@-webkit-keyframes loadingImg{
		0% {
			-ms-transform: translate(0,-160px);
			-webkit-transform: translate(0,-160px);
		    transform: translate(0,-160px);
		}
		100% {
			-ms-transform: translate(0,-30px);
			-webkit-transform: translate(0,-30px);
		    transform: translate(0,-30px);
		}
	}
	@keyframes loadingImg{
		0% {
			-ms-transform: translate(0,-160px);
			-webkit-transform: translate(0,-160px);
		    transform: translate(0,-160px);
		}
		100% {
			-ms-transform: translate(0,-30px);
			-webkit-transform: translate(0,-30px);
		    transform: translate(0,-30px);
		}
	}
	.loadingArea .loader .logo img{
		width: 100%;
	}

/*********outerWrap**********/
	.outerWrap{
		padding-left: 220px;
		position: relative;
		overflow: hidden;
	}

/*********網頁頭**********/
	header{
		width: 220px;
		min-height: 100vh;
		background: url(../images/bg_header.jpg);
		box-shadow: 4px 0 7px rgba(0,0,0,0.08);
		text-align: center;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 8000;
	}
	header.shrink{}
	header .wrap{
		width: 100%;
		position: relative;
		padding: 0;
	}

	/*logo*/
	header .logo{
		display: inline-block;
		width: 119px;
		margin-top: 65px;
		margin-bottom: 100px;
		-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	header.shrink .logo{}
	header .logo a{
		display: block;
		width: 100%;
		height: 193px;	
		background: url(../images/logo.png) no-repeat;
	    -moz-background-size: contain;
	    -webkit-background-size: contain;
	    -o-background-size: contain;
	    background-size: contain;
		text-indent: -9999px;
		-webkit-transition: all 0.8s ease;
		-moz-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	header.shrink .logo a{}

	/*bottomBox*/
	header .bottomBox{
		width: 220px;
	    position: fixed;
	    bottom: 60px;
	    left: 0;
	    z-index: 8000;
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		-o-transition: all 0.6s ease;
		transition: all 0.6s ease;
	}
	header .bottomBox a{
		color: #404040;
		display: inline-block;
		line-height: 30px;
	    font-size: 16px;
	    width: 30px;
	    height: 30px;
	    text-align: center;
		margin-right: 2px;
		border-radius: 50%;
	}
	header .bottomBox a:hover{
		color: #fff;
		background: #5f5039;
		/*box-shadow: 2px 0 0 #000;*/
	}
	header .bottomBox i{}
	header .bottomBox .copyright{
		font-size: 13px;
		color: #999;
		line-height: 20px;
		margin-top: 30px;
	}
	header .bottomBox .copyright span{
		display: none;
	}

/*********單元列**********/
	.menuBox{}
	ul.menu{}
	ul.menu > li{
		width: 100%;
		position: relative;
		display: inline-block;
		border-top: 1px solid rgba(178, 178, 178, 0.2);
	}
	ul.menu > li:last-child{
		border-bottom: 1px solid rgba(178, 178, 178, 0.2);
	}
	ul.menu li > a{	
		color: #2c2c2c;	
		font-size: 19px;
		font-family: 'cwTeXFangSong';
		letter-spacing: 1px;
		line-height: 45px;
		position: relative;
		display: block;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	ul.menu li:hover > a,
	ul.menu li > a.current{
		color: #fff;
		background: #5f5039;
	}
	ul.menu.shrink li > a{}
	ul.menu > li .submenu{
		width: 200px;
		text-align: center;
		box-shadow: 4px 0 7px rgba(0,0,0,0.08);
		position: absolute;
		top: -1px;
		left: 100%;
		z-index: 99;
		display: none;
	}
	ul.menu > li .submenu a{
		color: #2c2c2c;	
		background: #fff;
		font-size: 19px;
		font-family: 'cwTeXFangSong';
		line-height: 45px;
		letter-spacing: 1px;
		border-top: 1px solid rgba(178, 178, 178, 0.2);
		border-left: 2px solid #fff;
		display: block;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	ul.menu > li .submenu a:hover{
		color: #fff;
		background: #5f5039;
	}

	/*手機menu*/
	.m_menu{
		display:none;
	}

/*********mapArea**********/
	/*mapArea*/
		.mapArea{}
		.mapArea .wrap{
			width: 100%;
			padding: 0;
		}
		#gmap_s{
			width: 100%;
			height: 440px;
		}

	/*mapIcon下方說明*/
		.mapbox {
			 padding: 10px 15px;
			 color: #555;
			 top: 30px;
			 font-size: 12px;
			 font-family: "微軟正黑體";
		}

/*********頁尾資訊**********/
	footer{
		padding: 110px 0;
		background: #5f5039;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	footer::before{
		content: '';
		width: 627px;
		height: 349px;
		background: url(../images/txt.png);
		position: absolute;
		top: -40px;
		right: 60px;
		z-index: 1;
	}

	footer .wrap{		
	    position: relative;
	    z-index: 10;
	}
	footer .copyright{
		display: inline-block;
		vertical-align: top;
		color: #fff;
		font-size: 13px;		
		line-height: 30px;
		letter-spacing: 0.5px;
		margin-right: 150px;
	}
	footer .info{
		display: inline-block;
		vertical-align: top;
		margin-right: 100px;
	}
	footer .info,
	footer .info a{
		color: #fff;
		font-size: 13px;		
		line-height: 30px;
		letter-spacing: 0.5px;
	}
	.endArea{
		display: inline-block;
		vertical-align: top;
	}
	.endArea .social{
		margin: 5px 0 15px 0;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		text-align: center;
		background: #c1a559;
	}
	.endArea .social a{
		line-height: 40px;
		color: #fff;
		display: block;
	}
	.endArea a{
		color: #715e42;
		font-size: 13px;
		line-height: 30px;
		display: inline-block;
		vertical-align: top;
	}
	.endArea a:hover{
		text-decoration: underline;
	}

/*********banner**********/
	.bannerArea{
		position: relative;
	}
	.bannerArea .wrap{
		width: 100%;
		padding: 0;
		position: relative;
	}
	.bannerBox{
		position: relative;
	}
	.bannerBox img{
		display: block;
		width: 100%;
	}

	/* slick 圓點*/
	ul.banner{
		position: relative;
	}
	ul.slick-dots{
		position: absolute;
	    bottom: 30px;
	    left: 50%;
	    width: auto;
	    text-align: left;	    
	    -webkit-transform: translate(-50%,0%);
	    transform: translate(-50%,0%);
	}
	ul.slick-dotted.slick-slider{
	     margin-bottom: 0; 
	}
	ul.slick-dots li{
	    margin: 0 2px;
	}
	ul.slick-dots li button{
	}
	ul.slick-dots li button:before{
	    color: #fff;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	ul.slick-dots li.slick-active button:before{
	    color: #fff;
	    opacity: 1;
	}

/*********內頁**********/
	.mainArea.ins{
		padding: 100px 0;
	}
	.mainArea.ins .wrap{
		position: relative;
	}

	/*網站導覽bread*/
		.mainArea .titleBox .bread{
			font-size: 12px;
			color: #999;
			position: absolute;
			top: 50px;
			right: 10px;
		}
		.mainArea .titleBox .bread a{
			color: #999;
		}
		.mainArea .titleBox .bread a i{
			font-size: 18px;
		}
		.mainArea .titleBox .bread span{
			padding: 0 5px;
			color: #999;
		}

	.mainArea .contentBox{
	}

	/*文章標題*/
		.mainArea .contentBox h3.articleTitle{
			color: #3c3c3c;
			font-size: 30px;
			font-family: 'cwTeXFangSong';
			font-weight: normal;
			letter-spacing: 1px;
			margin-bottom: 25px;
			border-bottom: 1px solid rgba(214, 214, 214, 0.3);
			padding: 10px 10px 10px 30px;
			position: relative;
		}
		.mainArea .contentBox h3.articleTitle::before{
			content: '';
			width: 19px;
			height: 19px;
			background: url(../images/icon.png);
			position: absolute;
			top: calc(50% - 10px);
			left: 0;
		}

	/*類別*/
		.m_classLink{
			display: none;
		}
		.classBox{
			margin-bottom: 30px;
			text-align: center;
		}
		ul.classLink{}
		ul.classLink li{
			display: inline-block;
			margin: 5px -2px;
			position: relative;
		}
		ul.classLink li a{
			display: block;
			font-size: 15px;
			padding: 2px 20px;
			letter-spacing: 1px;
			color: #999;
			border-left: 1px solid rgba(153, 153, 153, 0.3);
			position: relative;
		}
		ul.classLink li:last-child a{
			border-right: 1px solid rgba(153, 153, 153, 0.3);
		}
		ul.classLink li a:hover, 
		ul.classLink li a.current{
			color: #2c2c2c;
		}

		ul.classLink li > dl{
			display: none;
			width: 120px;
			text-align: center;
			position: absolute;
			left: calc(50% - 60px);
			top: 100%;
			z-index: 99;
		}
		ul.classLink li > dl a,
		ul.classLink li a.current + dl a{
			display: block;
			padding: 10px;
			margin: 0;
			color: #fff;
			background: #5f5039;
			letter-spacing: 1px;
			font-size: 15px;
			border-radius: 0;
			border: none;
			border-bottom:1px solid rgba(218, 218, 218, 0.3);
		}
		ul.classLink li > dl a:hover,
		ul.classLink li a.current + dl a:hover{
			color: #5f5039;
			background: #f6f6f1;
		}

	/*頁籤*/
		.tab{
			margin-top: 40px;
		}
		.tab a{
			display: block;
			float: left;
			padding: 12px 50px;
			font-size: 14px;	
			letter-spacing: 1px;
			color: #fff;
			background: #c1a559;
			text-align: center;
		}
		.tab a.current{
			color: #fff;
			background: #5f5039;
			padding:  12px 60px;
		}
		ul.tabContent{
			padding: 40px 15px 100px 15px;
		}
		ul.tabContent > li{
			display:none;
		}
		ul.tabContent li .textEditor{
			margin:0;
		}
		ul.tabContent h3.sectionTitle{
			display:none;
		}

	/*相簿*/
		ul.side_album{
			margin: 20px 0;
		}
		ul.side_album li{
			float: left;
			padding: 0 5px;
		}
		ul.side_album li a{
			display: block;
			box-shadow: 2px 2px 5px #c3c3c3;
		}
		ul.side_album li a img{
			display: block;
			width: 100%;
		}

	.mainArea.ins .textEditor table th{
		background: #5f5039;
	}

	/*更多資訊*/
		.side_info{
		    margin: 130px 0 30px 0;			
		}
		.side_info ul{}


/**********響應式**********/
@media (max-height: 840px){
	header .logo{
		margin: 40px 0;
	}
}
@media (max-height: 740px){
	header .logo{
		margin: 30px 0;
	}
	header .logo a{
		height: 160px;
	}
}
@media (max-height: 690px){
	header .bottomBox{
		position: relative;
		top: 25px;
		bottom: 0;
		width: 100%;
	}
}

@media (max-width: 1600px){
	.wrap{
		width: 100%;
	    padding: 0 50px;
	}

	/*footer*/
		footer{
			padding: 60px 0;
		}
		footer .copyright{
			display: block;
			margin-right: 0;
		}
}
@media (max-width: 1500px){
}
@media (max-width: 1400px){
}
@media (max-width: 1300px){
}
@media (max-width: 1180px){
	.outerWrap{
		padding-top: 70px;
		padding-left: 0;
	}

	header{
		display: none;
	}


	/*手機menu*/
		.m_menu{
			display: block;
			width: 100%;
			box-shadow: 0 2px 5px rgba(0,0,0,0.3);
			position: fixed;
			top: 0;
			left: 0;
			z-index: 9999;
		}
		.m_menu .mask{
			display: none;
			background:rgba(0,0,0,0.6);
			position: fixed;
			width: 100%;
			height: 100%;
			padding-bottom: 60px;
			top: 0;
			left: 0;
			z-index: 10;
		}
		.m_menu .controlBox{
			background: url(../images/bg_header.jpg);
			position: relative;
			z-index: 99;
		}

		.m_menu .controlBox a.main{
			display: block;
			float: left;
			margin: 5px 5px 5px 30px;
			width: 50px;
			height: 60px;	
			color: #231815;
			font-size: 13px;
			text-align: center;
			line-height: 10px;
		}
		.m_menu .controlBox a.main .mm{
			width: 30px;
			height: 2px;
			margin-top: 30px;
			background: #231815;
			position: relative;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}
		.m_menu .controlBox a.main:hover .mm{
			width: 40px;
		}	
		.m_menu .controlBox a.main.active .mm{
			background: transparent;
		}
		.m_menu .controlBox a.main .mm::before{
			content: '';
			width: 30px;
			height: 2px;
			background: #231815;
			position: absolute;
			top: -8px;
			left:0;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}	
		.m_menu .controlBox a.main.active .mm::before{
			top:0;
			width: 35px;
			transform:rotate(45deg);
			-ms-transform:rotate(45deg);
			-moz-transform:rotate(45deg);
			-webkit-transform:rotate(45deg);
			-o-transform:rotate(45deg);
		}
		.m_menu .controlBox a.main .mm::after{
			content: '';
			width: 30px;
			height: 2px;
			background: #231815;
			position: absolute;
			top: 10px;
			left:0;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}
		.m_menu .controlBox a.main.active .mm::after{
			top:0;
			width: 35px;
			transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
			-moz-transform:rotate(-45deg);
			-webkit-transform:rotate(-45deg);
			-o-transform:rotate(-45deg);
		}

		.m_menu .controlBox .m_logo{
			text-align: center;
			padding-right: 60px;
		}
		.m_menu .controlBox .m_logo img{
			display: inline-block;
			width: 120px;
		    padding: 10px 0;
		}
		.m_menu .hideBox{
			display: none;
			background: rgba(26, 24, 23, 0.85);
			width: 100%;
			padding: 60px 0;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;	
			position: fixed;
			left: 0;
			top: 0;
			bottom: 0;
			z-index: 11;
		}
		.m_menu .hideBox p.sp{
			display: none;
			padding: 10px;
			font-size: 14px;
			color: #fff;
		}
		.m_menu .mfun{
			padding: 70px 0 30px 0;
			text-align: center;
		}
		.m_menu .mfun a{
			margin:0 5px;
			display: inline-block;
			font-size: 16px;
			color: #fff;
			width: 40px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			border: 1px solid rgba(255, 255, 255, 0.3);
			border-radius: 100%;
		}

		.m_menu ul.nav{}
		.m_menu ul.nav li{
			border-top: 1px solid rgba(255, 255, 255, 0.3);
		}
		.m_menu ul.nav li a{
			padding: 25px 10px;
			display: block;
			font-size: 16px;
			color: #fff;
			text-align: center;	
			letter-spacing: 1.5px;
			position: relative;
		}
		.m_menu ul.nav li a:hover{
			letter-spacing: 8px;
		}
		.m_menu ul.nav li a i{
			display: block;
			position: absolute;
			right: 10px;
			top: 50%;
			margin-top: -7px;
		}
		.m_menu ul.nav li .submenu{
			display: none;
		}
		.m_menu ul.nav li .submenu a{
			padding: 15px 20px;
			border-top: 1px dashed rgba(255, 255, 255, 0.2);
		}
		.m_menu ul.nav li .submenu a:hover{}
}
@media (max-width: 960px){
	/*footer*/
		footer::before{
		    top: calc(50% - 200px);
		    right: 30px;
		}
		footer .info{
			display: block;
			margin-right: 0;
			margin-bottom: 10px;
		}

	/*m_classLink*/	
		ul.classLink{
			display: none;
		}
		.m_classLink{
			display: block;
			position: relative;
		}
		.m_classLink a.main{
			display: block;
			font-size: 18px;
			font-weight: normal;
			color: #3c3c3c;
			letter-spacing: 1.5px;
			border: 1px solid rgba(60, 60, 60, 0.2);
			position: relative;
			padding: 10px 10px 10px 20px;
		}
		.m_classLink a.main i{
			display: block;
			font-size: 20px;			
			position: absolute;
			right: 15px;
			top: 50%;
			margin-top: -6px;
		}
		.m_classLink ul{
			padding: 0;
			list-style: none;
			display: none;
			width: 100%;
			background: #f6f6f1;
			border: 1px solid rgba(60, 60, 60, 0.2);
			position: absolute;
			left: 0;
			top: 100%;
			z-index: 999;
		}
		.m_classLink ul li{
			padding: 0;
		}
		.m_classLink ul li a{
			color: #3c3c3c;
			display: block;
			letter-spacing: 2px;
			padding: 15px 10px 15px 25px;
			border-top: 1px solid rgba(60, 60, 60, 0.2);
		}
		.m_classLink ul li:hover a{
		}
		.m_classLink ul li:first-child a{
			border: none;
		}

}
@media (max-width: 768px){
	.wrap{
	    padding: 0 30px;
	}

	/*footer*/
		footer::before{
		    top: calc(50% - 200px);
		    right: calc(50% - 300px);
		    opacity: 0.2;
		}
		footer .wrap{
			text-align: center;
		}

	/*網站導覽bread*/
		.mainArea .titleBox .bread{
			display: none;
		}
}
@media (max-width: 640px){
	/*footer*/
		footer::before{
			opacity: 0.1;
		}
}
@media (max-width: 480px){
	.goTopBox{
		bottom: 100px;
		right: 30px;
	}

	.mainArea.ins{
		padding: 80px 0 60px 0;
	}
	.titleBox h2{
		margin-bottom: 70px;
	}
}
@media (max-width: 360px){
	.titleBox h2{
	    font-size: 34px;
	    letter-spacing: 10px;
	}
	.titleBox h2::before{
		display: none;
	}
}


/***Hover效果1: 放大淡出***/
	.imh_opacity{
		background:#000;
		overflow:hidden;}

	.imh_opacity img{	
		transition:all 0.3s linear;
		-webkit-backface-visibility: hidden;}

	.imh_opacity:hover img{
		opacity:0.8;
		transform:scale(1.05);}

/***Hover效果1: 放大淡出Detail***/
	.imh_detail{
		background:#000;
		overflow:hidden;}

	.imh_detail img{	
		transition:all 0.3s linear;
		-webkit-backface-visibility: hidden;}

	.imh_detail a:before{
		display:block;
		content:"Details+";
		padding:10px 20px;
		font-size:13px;
		color:#FFF;
		border:2px solid #FFF;
		opacity:0;
		
		position:absolute;
		left:50%;
		margin-left:-45px;
		top:50%;
		margin-top:-80px;
		z-index:99;
		
		-webkit-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-o-transition:all 0.3s ease;
		transition:all 0.3s ease;}

	.imh_detail:hover a:before{
		opacity:1;
		margin-top:-20px;}

	.imh_detail:hover img{
		opacity:0.3;
		transform:scale(1.05);}

/***Hover效果1: 放大淡出zoom***/
	.imh_zoom{
		background:#000;
		overflow:hidden;
		position:relative;}

	.imh_zoom img{	
		transition:all 0.3s linear;
		-webkit-backface-visibility: hidden;}

	.imh_zoom a:before{
		display:block;
		font-family: 'FontAwesome';
		content:"\f002";
		font-size:18px;
		color:#FFF;
		background:#000;
		width:40px;
		height:40px;
		line-height:40px;
		text-align:center;
		border-radius:100%;
		
		position:absolute;
		left:50%;
		top:-30px;
		margin-top:-20px;
		margin-left:-20px;
		z-index:99;
		
		-webkit-transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		-o-transition:all 0.4s ease;
		transition:all 0.4s ease;}

	.imh_zoom:hover a:before{
		top:50%;}

	.imh_zoom:hover img{
		opacity:0.3;
		transform:scale(1.05);}

/****圖示顏色****/
	.newIcon_green{
		background: #abd85d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYWJkODVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxYjYyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #abd85d 0%, #81b625 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#abd85d), color-stop(100%,#81b625));
	background: -webkit-linear-gradient(-45deg,  #abd85d 0%,#81b625 100%);
	background: -o-linear-gradient(-45deg,  #abd85d 0%,#81b625 100%);
	background: -ms-linear-gradient(-45deg,  #abd85d 0%,#81b625 100%);
	background: linear-gradient(135deg,  #abd85d 0%,#81b625 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abd85d', endColorstr='#81b625',GradientType=1 );}

	.newIcon_brown{
		background: #ed842e;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWQ4NDJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QyNmYxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #ed842e 0%, #d26f1e 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ed842e), color-stop(100%,#d26f1e));
	background: -webkit-linear-gradient(-45deg,  #ed842e 0%,#d26f1e 100%);
	background: -o-linear-gradient(-45deg,  #ed842e 0%,#d26f1e 100%);
	background: -ms-linear-gradient(-45deg,  #ed842e 0%,#d26f1e 100%);
	background: linear-gradient(135deg,  #ed842e 0%,#d26f1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed842e', endColorstr='#d26f1e',GradientType=1 );
	}

	.newIcon_pink{
		background: #f48daf;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjQ4ZGFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmNDk4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #f48daf 0%, #ef4984 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f48daf), color-stop(100%,#ef4984));
	background: -webkit-linear-gradient(-45deg,  #f48daf 0%,#ef4984 100%);
	background: -o-linear-gradient(-45deg,  #f48daf 0%,#ef4984 100%);
	background: -ms-linear-gradient(-45deg,  #f48daf 0%,#ef4984 100%);
	background: linear-gradient(135deg,  #f48daf 0%,#ef4984 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48daf', endColorstr='#ef4984',GradientType=1 );
	}

	.newIcon_blue{
		background: #00b7ea;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDBiN2VhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOWVjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #00b7ea 0%, #009ec3 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
	background: -webkit-linear-gradient(-45deg,  #00b7ea 0%,#009ec3 100%);
	background: -o-linear-gradient(-45deg,  #00b7ea 0%,#009ec3 100%);
	background: -ms-linear-gradient(-45deg,  #00b7ea 0%,#009ec3 100%);
	background: linear-gradient(135deg,  #00b7ea 0%,#009ec3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=1 );
	}

	.newIcon_navy{
		background: #3f4c6b;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM2Y0YzZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNmNGM2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #3f4c6b 0%, #3f4c6b 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3f4c6b), color-stop(100%,#3f4c6b));
	background: -webkit-linear-gradient(-45deg,  #3f4c6b 0%,#3f4c6b 100%);
	background: -o-linear-gradient(-45deg,  #3f4c6b 0%,#3f4c6b 100%);
	background: -ms-linear-gradient(-45deg,  #3f4c6b 0%,#3f4c6b 100%);
	background: linear-gradient(135deg,  #3f4c6b 0%,#3f4c6b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=1 );
	}

	.newIcon_orange{
		background: #ffa84c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZhODRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmN2IwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #ffa84c 0%, #ff7b0d 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d));
	background: -webkit-linear-gradient(-45deg,  #ffa84c 0%,#ff7b0d 100%);
	background: -o-linear-gradient(-45deg,  #ffa84c 0%,#ff7b0d 100%);
	background: -ms-linear-gradient(-45deg,  #ffa84c 0%,#ff7b0d 100%);
	background: linear-gradient(135deg,  #ffa84c 0%,#ff7b0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=1 );
	}

	.newIcon_gold{
		background: #eab92d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWFiOTJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3OTgxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #eab92d 0%, #c79810 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eab92d), color-stop(100%,#c79810));
	background: -webkit-linear-gradient(-45deg,  #eab92d 0%,#c79810 100%);
	background: -o-linear-gradient(-45deg,  #eab92d 0%,#c79810 100%);
	background: -ms-linear-gradient(-45deg,  #eab92d 0%,#c79810 100%);
	background: linear-gradient(135deg,  #eab92d 0%,#c79810 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810',GradientType=1 );
	}

	.newIcon_burgundyRed{
	background: rgb(169,3,41);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
	background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
	}

	.newIcon_purple{
	background: rgb(203,96,179);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiNjBiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FkMTI4MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTQ3YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(203,96,179,1) 0%, rgba(173,18,131,1) 50%, rgba(222,71,172,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(50%,rgba(173,18,131,1)), color-stop(100%,rgba(222,71,172,1)));
	background: -webkit-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
	background: -o-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
	background: -ms-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
	background: linear-gradient(to bottom,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 );
	}