/*
#st-trigger-effects img{text-align:center}
.st-content img{width:95%;height:auto}
*/
/*PC*/
@media screen and (min-width: 1201px) {
	.social{display: inline-block;}
	.btn_mobile_menu,.mbMenu{display:none}
	#mobile_menu,.st-container,.st-pusher{width:100%;margin:auto;}
	.st-container,.st-pusher,.st-content{height:100%;float:left;}
	.st-content {background: #fff;}
	.st-content,.st-content-inner {position: relative;}
	.st-container{position: relative;overflow: hidden;}
	
	.st-pusher {
		position: relative;
		left: 0;
		z-index: 99;
		height: 100%;
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}
	
	.st-pusher::after {
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		background: rgba(0,0,0,0.2);
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	}
	
	.st-menu-open .st-pusher::after {
		width: 100%;
		height: 100%;
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	
	.st-menu {
		z-index: 100;
		width:1200px;
		margin: 0 auto;
		height: 50px;
		/*background:#fafafa;*//*#f4f4f4;*/
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		position: relative
	}
	
	.st-menu::after {
		top: 0;
		right: 0;
		width: 100%;
		height: 50%;
		background: rgba(0,0,0,0.2);
		content: '';
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	
	.st-menu-open .st-menu::after {
		width: 0;
		height: 0;
		opacity: 0;
		-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	}
	
	/* content style */
	
	.st-menu ul {
		width:100%;
		text-align:center;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		overflow:visible;
	}
	.st-menu h2 {
		margin: 0 auto;
		padding: 1em;
		color: rgba(0,0,0,0.4);
		text-shadow: 0 0 1px rgba(0,0,0,0.1);
		font-weight: 300;
		font-size: 1em;
		float:left;
		width:17%;
		display:none;
	}
	
	.st-menu ul li{/*下拉選單正常關鍵*/
		float:left;
		position: relative;
		font-size: 1.75em;
		cursor:pointer
	}
	
	.st-menu ul li a {
		width:300px;
		height:46px;
		float:left;
		line-height:53px;
		text-decoration: none;
		color: #4a3d37;
		letter-spacing: 1px;
		font-weight: bold;
	/*
		-webkit-transition: background 0.3s, box-shadow 0.3s;
		transition: background 0.3s, box-shadow 0.3s;
	*/
	
		border-bottom: 1px solid #e7bc55;
		/* border-bottom: 147px #dee0df dotted; */
		/* border-right: 5px #e7bc55 dotted; */
	}
	
	.st-menu ul li:first-child {}
	
	.st-menu ul li:hover a{color:#fba02b;color: #df6050;border-bottom:5px solid #fba02b;border-bottom: 5px solid #ffb4ab;}
	
	/*下拉選單觸發開始*/
	.st-menu ul li ul {
		/* 讓第二層ul跳脫文件流以利定位 */
		position:absolute;
		/* 固定寬度 */
		width:300px;
		/* 避免出現捲軸 */
		overflow:visible;
		/* 讓ul與母階層li相同位置 */
		clear:left;
		margin-top: 51px;
		z-index: 10;
		line-height:1.9em;
		font-size: 1rem;
	}
	.st-menu ul li ul li {
		/* 覆寫繼承自第一層的浮動設定 */
		float:none;
		text-align: center;
		border-bottom:0px solid #e5e5e5;
	}
	.st-menu ul li ul li:first-child {
	/*	background:#f27671;*/
	}
	.st-menu ul li ul li:last-child{
		border-bottom:none;
	}
	.st-menu ul li ul li a {
		/* 覆寫繼承自第一層的浮動設定 */
	/*	float:none;*/
		width: 100%;/* 註：display、height、padding繼承第一層的設定 */
		border:none;
	}
	.st-menu ul li ul li a:hover {
	
	}
	.st-menu ul li ul li ul {
		margin-top: -5px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 170px;
		width: 100%;
	}
	/* 修正IE7絕對定位差異 */
	*:first-child+html .st-menu ul li ul li ul {
		margin-top:-30px;
	}
	.st-menu ul li ul li ul li {
	/* width、float繼承第二層，免設定 */
	}
	.st-menu ul li ul li ul li a {
	/* width、float繼承第二層，免設定 */
	}
	
	.st-menu  ul li ul {
		/* 預先隱藏第二層 */
		visibility:hidden;
	}
	.st-menu  ul li:hover ul {
		/* 觸動第一層時，顯示第二層 */
		visibility:visible;
	}
	.st-menu  ul li:hover ul li ul {
		/* 顯示第二層時，隱藏第三層，避免同時彈出 */
		visibility:hidden;
	}
	.st-menu ul li ul li:hover ul {
		/* 觸動第二層時，顯示第三層 */
		visibility:visible;
	}
	.st-menu  ul li ul li:hover ul li ul {
		/* 顯示第三層時，隱藏第四層，避免同時彈出 */
		visibility:hidden;
	}
	.st-menu  ul li ul li ul li:hover ul {
		/* 觸動第三層時，顯示第四層 */
		visibility:visible;
	}
	/*第二層ul背景色彩與邊框  */
	.st-menu ul li ul {
		
		opacity:0.98;
	/*	border-top: 1px solid #ef544d;*/
	}
	/* 第二層a字型 */
	.st-menu ul li ul li a {
		height: 42px;
		font-size: 0.8em;
		line-height: 2em;
		font-weight: normal !important;
		color:#FFF!important;
		text-decoration:none;
		border-bottom:none !important;
		background: #fba02b;
		background: #e91e63e0;
		background-color: #df6050eb;
	}
	/* 觸動第二層以上li時改變背景色 */
	.st-menu ul li ul a:hover{
		background:#f9ab4d;	
		background:#33a3aff2;	
	}
	
	/*下拉選單結束*/
	
	
	
	/*套用手機專用*/
	/* 效果3: Push*/
	.st-effect-3.st-menu-open .st-pusher {
		position:fixed;/*讓左側選單固定不隨畫面移動延伸的關鍵*/
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
	
	.st-effect-3.st-menu {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		overflow-y:scroll;
	}
	
	.st-effect-3.st-menu-open .st-effect-3.st-menu {
		visibility: visible;
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}
	
	.st-effect-3.st-menu::after {
		display: none;
	}
	
	
	/* 效果1: Slide in on top */
	.st-effect-1.st-menu {
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	.st-effect-1.st-menu-open .st-effect-1.st-menu {
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	.st-effect-1.st-menu::after {
		display: none;
	}
	
	}
	
	/*平板+手機*/
	@media screen and (min-width: 1px) and (max-width: 1200px){
	#mobile_menu{width:100%;height:100%;float:left}
	.st-container,
	.st-pusher,
	.st-content {height:100%;overflow-y:hidden;}
	.st-content {
		overflow-y: scroll;
		background: #fff;
	}
	
	.st-content,
	.st-content-inner {
		position: relative;
	}
	
	.st-container {
		position: relative;
		overflow: hidden;
	}
	
	.st-pusher {
		position: relative;
		left: 0;
		z-index: 99;
		height: 100%;
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}
	
	.st-pusher::after {
		z-index:99;
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		background: rgba(0,0,0,0.2);
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	}
	
	.st-menu-open .st-pusher::after {
		width: 100%;
		height: 100%;
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	
	.st-menu {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		visibility: hidden;
		width: 280px;
		height: 100%;
		background: #FFF;/*手機板選單背景*/
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		overflow-y:scroll;
		
	}
	
	.st-menu::after {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 50%;
		background: rgba(0,0,0,0.2);
		content: '';
		opacity: 1;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	
	.st-menu-open .st-menu::after {
		width: 0;
		height: 0;
		opacity: 0;
		-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
		transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	}
	
	/* content style */
	
	.st-menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.st-menu h2 {
		margin: 0;
		padding:18px 10px 18px 18px;
		color: rgba(0,0,0,0.4);
		text-shadow: 0 0 1px rgba(0,0,0,0.1);
		font-weight: 300;
		font-size: 2em;
		text-align:left
	}
	.st-menu h2 a{
		color: #F7941D; /*手機版選單title字體顏色*/
		text-decoration: none;
	}
	
	.st-menu ul li a {
		text-decoration: none;
		display: block;
		padding: 15px 10px 15px 20px;
		outline: none;
		box-shadow: inset 0 -1px rgba(0,0,0,0.2);
		color: #666;
		text-shadow: 0 0 1px rgba(255,255,255,0.1);
		letter-spacing: 1px;
		font-weight: 400;
		-webkit-transition: background 0.3s, box-shadow 0.3s;
		transition: background 0.3s, box-shadow 0.3s;
		text-align:left
	}
	
	.st-menu ul li:first-child>a{
		box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
	}
	
	.st-menu ul li a:hover {
		background: rgba(105,105,105,0.1);
		box-shadow: inset 0 -1px rgba(0,0,0,0);
		color: #D03277;/*手機板選單字滑過變化顏色*/
	}
	
	
	
	/*下拉選單觸發開始*/
	
	.st-menu ul li ul {
		width:100%;
		overflow:visible;
		clear:left;
		margin:0;
		background: rgba(105,105,105,0.1);
		line-height:1.9em;
	}
	.st-menu ul li ul li {
		float:none;
	}
	.st-menu ul li ul li a {
		float:none;
		font-size:1em;
		color:#333;
		text-decoration:none;
	/*    box-shadow:inset 0 -1px rgba(0,0,0,0.2)*/
	}
	.st-menu ul li ul li ul {
		margin-top: -30px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 100px;
		width: 100%;
	}
	.st-menu ul li ul {
		display:none;
	}
	.st-menu ul li:hover ul {
		visibility:visible;
	}
	.st-menu ul li:hover ul li ul {
		visibility:hidden;
	}
	.st-menu ul li ul li:hover ul {
		/* 觸動第二層時，顯示第三層 */
		visibility:visible;
	}
	.st-menu  ul li ul li:hover ul li ul {
		/* 顯示第三層時，隱藏第四層，避免同時彈出 */
		visibility:hidden;
	}
	.st-menu  ul li ul li ul li:hover ul {
		/* 觸動第三層時，顯示第四層 */
		visibility:visible;
	}
	
	/* 觸動第二層以上li時改變背景色 */
	.st-menu  ul li ul li:hover, #menu ul li ul li a:hover {
		background:#dfdfdf;
	}
	/*下拉選單結束*/
	
	
	
	/* 效果3: Push*/
	.st-effect-3.st-menu-open .st-pusher {
		position:fixed;/*讓左側選單固定不隨畫面移動延伸的關鍵*/
		-webkit-transform: translate3d(300px, 0, 0);
		transform: translate3d(300px, 0, 0);
	}
	
	.st-effect-3.st-menu {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		overflow-y:scroll;
	}
	
	.st-effect-3.st-menu-open .st-effect-3.st-menu {
		visibility: visible;
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}
	
	.st-effect-3.st-menu::after {
		display: none;
	}
	
	
	/* 效果1: Slide in on top */
	.st-effect-1.st-menu {
		position:fixed;/*讓左側選單固定不隨畫面移動延伸的關鍵*/
		visibility: visible;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	
	.st-effect-1.st-menu-open .st-effect-1.st-menu {
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	.st-effect-1.st-menu::after {
		display: none;
	}
	
	}
	/*按鈕*/
	.btn_mobile_menu{border:0;
		position: fixed;
		z-index: 99;
		top: 15px;
		left: 20px;
		padding:0;
		text-align:center;background:#FFF;
		-webkit-appearance: none;/*ios系統專用，默認的系統樣式*/}
	.btn_mobile_menu>i{font-size:32px;color:#909090}
	
	/*橫式*/
	@media screen and (orientation:landscape) {
	}
	
	@media all and (min-width: 768px) and (max-width:1200px){

	}