/***如要搜尋其他解析度請輸入max-width: ????px(例如:max-width: 1600px)***/
@charset "utf8";

@font-face {
    font-family: 'Lato';
    font-style: normal;
  	/*font-weight: 100;*/
    src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: local('Lato Light'), local('Lato-Light'),
    	 url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    	 url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Light.ttf') format('truetype'); 
         unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
  	/*font-weight: 100;*/
    src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: local('Lato Light'), local('Lato-Light'),
    	 url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    	 url('../fonts/Lato-Light2.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Light.ttf') format('truetype'); 
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'FrizQuadrataC-Bold';
    font-style: normal;
    src: url('../fonts/FrizQuadrataC-Bold.otf'); /* IE9 Compat Modes */
}
body{
	-moz-user-select : none;
	-webkit-user-select: none;
	-ms-user-select:none;
	margin:0px;
	width:100%;
	color:#3f3f3f;
	font-family:"Microsoft JhengHei","Lato", Arial, Helvetica, sans-serif;
}

#bodyDiv{	
	/*background-image:url('../images/bv_main_title_02.jpg');*/
	/*
	border:1px;border-style:solid;
	border-color:#000000;
	*/
}
input[type=text],textarea{
	padding: 16px;
	border-width: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #999;
	background-color: #eee;
	font-size: 14px;
	-webkit-appearance: none;
}
::-webkit-input-placeholder{
	color: #999;
}
:-moz-placeholder{
	color: #999;
}
::-moz-placeholder{
	color: #999;
}
:-ms-input-placeholder{
	color: #999;
}
input[type=text]:focus, textarea:focus{
	border-color: #2d3940;
	color: #3e3e3e;
}
.btn_submit{
	color: #ffffff!important;
	background: #00bcd4;
	border-width: 0px;
	border-color: #00bcd4;
	border-radius: 4px;
	letter-spacing: 1px;
	font-size: 1em;
	background-color: #00bcd4;
	padding:2.3%;
}
.close{/*搜尋關閉的叉叉*/
	cursor:pointer;
	font-size:20px !important;
}
#footerDiv{		
	width:100%;
	background-color:#222222;
}
.foot_top{
	padding-top:2%;
	padding-bottom:11%;
}
.foot_1{
	float:left;
	width:22%;
	color:#ffffff;

}
.foot_2{
	float:left;
	width:15%;
	color:#ffffff;
}
.foot_2 ul {
	color:#7f6b98;
	padding:10px;
}
.foot_2 ul li{
	padding-top:2%;
	padding-bottom:2%;
}
.foot_2 ul li a{
	color:#ffffff;
	letter-spacing:2px;
	text-decoration: none;
}
.foot_2 ul li a:hover{
	color:rgba(255,255,255,0.7);
	text-decoration: none;
	cursor:pointer;
}
.foot_3{
	float:left;
	width:20%;
	color:#ffffff;
}
.foot_top2{
	padding-top:1%;
	padding-bottom:1%;
}
.foot_copyright_icon{
	width:1080px;
}
.copyright_icon{
  color: #9e9e9e;
  text-align: left;
}
.foot_icon{
	float:right;
	width:80px;
}
.foot_facebook a{
	float:left;
	color:#666666;
	font-size:1.5em;
}
.foot_rss a{
	float:right;
	color:#666666;
	font-size:1.6em;
}
.foot_facebook a:hover{
	color:#7f6b98;
}
.foot_rss a:hover{
	color:#7f6b98;
}

.hot_article{
	padding-top:8%;
	color:#7f6b98;
	font-size:1.3em;
}
.foot_3 ul {
	color:#7f6b98;
	padding-left:1%;
}
.foot_3 ul li{

	padding-bottom:2%;
}
.foot_3 ul li a{
	color:#ffffff;
	letter-spacing:2px;
	text-decoration: none;
	line-height:28px;
}
.foot_3 ul li a:hover{
	color:rgba(255,255,255,0.7);
	text-decoration: none;
	cursor:pointer;
}
#topmenu_phone{
	display:none;
}
#et_top_search{
	display:none;
}
#et_mobile_nav_menu{
  display: none;
  float: right;
}
#topmenu{
	/*background:rgba(255,255,255,0.9);
	width:100%;*/
	/*width:80%;
	max-width:1080px;*/
	width:1140px;
	height:75px;
	position: relative;
  text-align: left;
}
.logo{
	/*float:left;
	width:6%;
	height:20%;*/
	width:100%;
	height:100%;
	/*text-align:left;*/
	padding:10px;
	position:absolute;
	/*left:15%;*/
}
.logo_phone{
	display:none;
}
.logo_img{
	width:55px;
	height:55px;
}
.menu{
	height:20%;
	float:right;
	margin-top:1.5%;
	position:absolute;
	right:10%;
	top:6%;
	font-size:14px;
	text-align:right;
	/*padding-left: 85px;*/
}
.menu ul{
	/* 取消ul樣式符號 */
	list-style-type:none;
	/* 重設ul邊界與留白為零 */
	margin:0;
	padding:0;
	/* 內有浮動元件時，需設overflow才會自動調整大小 */
	overflow:auto;

}
* html .menu ul{
	/* 解決IE6不理overflow問題，直接指定高度 */
	height:30px;
}
.menu ul li{
	/* 利用float讓第一層li水平排列 */
	float:left;
	padding-right: 20px;
	/*width:120px;*/
}
/* 解決IE6條列式餘白問題*/
* html .menu ul li{
	display:inline;
}
.menu ul li a {
	/* 將a改為區塊元件，以便指定寬高 */
	display:inline-block;
	/* 這邊也要設float，否則IE6會以100%寬度顯示 */
	/*float:left;*/
	/* 固定高度 */
	height:30px;
	width: 100%;
	/*width: 100px;*/
	text-align: center;
	color:#666666;
	
	text-decoration:none;
	line-height: 30px;
	font-size:14px;
	font-weight:700;
	letter-spacing:2px;
	cursor:pointer;
	/*padding-right:10%;*/
	padding-left:0%;
}
.menu ul li ul {
	/* 讓第二層ul跳脫文件流以利定位 */
	position:absolute;
	/* 固定寬度 */
	width:250px;
	/* 避免出現捲軸 */
	overflow:visible;
	/* 讓ul與母階層li相同位置 */
	clear:left;
	margin-top: 3.6%;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	-webkit-transition: all .07s ease-in-out;
	-moz-transition: all .07s ease-in-out;
	transition: all .07s ease-in-out;
	text-align:left;
	border-top:3px #7f6b98 solid;
	color:#666666;
	background:rgba(255,255,255,0.9);
}
/* 修正IE7絕對定位差異 */
*:first-child+html .menu ul li ul {
	margin-top:0;
	
}
/* 修正IE6絕對定位差異 */
* html .menu ul li ul {
	margin-top:0;
}

.menu ul li ul li {
	/* 覆寫繼承自第一層的浮動設定 */
	float:none;
	text-align: center;
	padding-left:20%;
}
.menu ul li ul li a {
	/* 覆寫繼承自第一層的浮動設定 */
	float:none;
	width: 100%;/* 註：display、height、padding繼承第一層的設定 */
	padding:8px 0px 8px 0px;
	text-align: left;
	font-size:13px;
	color:#666666;
	text-decoration:none;
	cursor:pointer;

}
.menu ul li ul li ul {
	margin-top: -49px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
	width: 100%;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:rgba(0,0,0,0.1);
}
/* 修正IE7絕對定位差異 */
*:first-child+html .menu ul li ul li ul {
	margin-top:-30px;

}
.menu ul li ul li ul li a {
	/* 覆寫繼承自第一層的浮動設定 */
	float:none;
	width: 100%;/* 註：display、height、padding繼承第一層的設定 */
	padding:8px 0px 8px 0px;
	text-align: left;
	font-size:13px;
	color:#666666;
	text-decoration:none;
	cursor:pointer;
}
/* ---------- 隱藏與顯示階層 ---------- */
.menu ul li ul {
	/* 預先隱藏第二層 */
	visibility:hidden;
}
.menu ul li:hover ul {
	/* 觸動第一層時，顯示第二層 */
	visibility:visible;
}
.menu ul li:hover ul li ul {
	/* 顯示第二層時，隱藏第三層，避免同時彈出 */
	visibility:hidden;
}
.menu ul li ul li:hover ul {
	/* 觸動第二層時，顯示第三層 */
	visibility:visible;
}
.menu ul li ul li:hover ul li ul {
	/* 顯示第三層時，隱藏第四層，避免同時彈出 */
	visibility:hidden;
}
.menu ul li ul li ul li:hover ul {
	/* 觸動第三層時，顯示第四層 */
	visibility:visible;
}

/* 觸動第一層li時，改變背景色 */
.menu ul li:hover, .menu ul li a:hover {
	transition: all .4s ease-in-out;
	color:rgba(0,0,0,0.4);
}
.menu ul li:hover a {
}
/* 觸動第二層以上li時改變背景色 */
.menu ul li ul li:hover, .menu ul li ul li a:hover {
color:rgba(0,0,0,0.4);
}
.media{
	height: 20%;
	float: right; 
	margin-top: 1.5%;
	position: absolute;
	right: 0;
	top: 6%;
	font-size: 14px;
	text-align: right;
}
.et_mobile_media{
	position:fixed;
	top:20%;
	left:0;
	width:8%;
	padding:1% 0%;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	background-color:rgba(0,0,0,0.5);
	z-index:999;
	display:none;
}
.et_mobile_menu{
	display:none;
}
.et_mobile_menu li{
	display:none;
}
/*右側點點*/
ul.et_pb_side_nav.et-visible {
	list-style: none;
    opacity: 1;
    -webkit-animation: fadeInRight 1.5s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInRight 1.5s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInRight 1.5s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInRight 1.5s 1 cubic-bezier(.77,0,.175,1);
}
ul.et_pb_side_nav{
    display: block;
    position: fixed;
    z-index: 99999;
    top: 50%;
    right: 0;
    width: 40px;
    padding: 10px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    opacity: 0;
    background: rgba(0,0,0,.4);
}
ul.et_pb_side_nav, ul.et_pb_side_nav * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.et_pb_side_nav .side_nav_item a.active {
    background-color: #fff!important;
}
ul.et_pb_side_nav .side_nav_item a {
    display: block;
    width: 7px;
    height: 7px;
    margin-right: 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: rgba(255,255,255,.5);
    text-indent: -9999px;
}
ul.et_pb_side_nav, ul.et_pb_side_nav * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.et_pb_side_nav li.side_nav_item {
    padding: 7px;
}
ul.et_pb_side_nav, ul.et_pb_side_nav * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*右側top*/
.et_pb_scroll_top.et-hidden {
    opacity: 0;
    -webkit-animation: fadeOutRight 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeOutRight 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeOutRight 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeOutRight 1s 1 cubic-bezier(.77,0,.175,1);
}
.et_pb_scroll_top.et-pb-icon{
	display: none;
	position: fixed;
	z-index: 99999;
	right: 0;
	bottom: 20%;
	padding: 1.5%;
	width:5%;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	color: #fff;
	background: rgba(0,0,0,.4);
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.et-pb-icon {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 1em;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    text-transform: none;
    content: attr(data-icon);
    speak: none;
}
/* 預設不顯示箭頭*/
.show_arrow{
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
/* 預設不顯示箭頭*/

.et_pb_module {
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    -o-animation-duration: .2s;
    animation-duration: .2s;
}
.et_pb_module {
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}

/*placeholder */
::-webkit-input-placeholder { /* Chrome */
  color: #5b666d;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #5b666d;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #5b666d;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #5b666d;
  opacity: 1;
}
/*input的 placeholder */

/**/
#topmenu02{
	background:rgb(127, 107, 152);
	width:100%;
	height:75px;
	display:none;
}
#menu02{
	width:55%;
	height:71%;
	float:left;
	margin-top:1.3%;
	margin-left:23%;
	font-size:1em;
	color:#ffffff;
}
#menu02 ul {
	/* 取消ul樣式符號 */
	list-style-type:none;
	/* 重設ul邊界與留白為零 */
	margin:0;
	padding:0;
	/* 內有浮動元件時，需設overflow才會自動調整大小 */
	overflow:auto;
}
* html #menu02 ul {
	/* 解決IE6不理overflow問題，直接指定高度 */
	height:30px;
}
a{
	text-decoration:none; 
}
#menu02 ul li {
	/* 利用float讓第一層li水平排列 */
	float:left;
	padding-right:2%;
	text-align:left;
	color:#ffffff;
	cursor:pointer;
	height:30px;
	
}
/* 解決IE6條列式餘白問題*/
* html #menu02 ul li {
	display:inline;
	
}
#menu02 ul li a {
	/* 將a改為區塊元件，以便指定寬高 */
	display:block;
	/* 這邊也要設float，否則IE6會以100%寬度顯示 */
	float:left;
	/* 固定高度 */
	height:30px;
	text-decoration:none;
	letter-spacing:2px;
	cursor:pointer;

}
#menu02 ul li ul {
	/* 讓第二層ul跳脫文件流以利定位 */
	position:absolute;
	/* 固定寬度 */
	width:250px;
	/* 避免出現捲軸 */
	overflow:visible;
	/* 讓ul與母階層li相同位置 */
	clear:left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align:left;
	border-top:3px #7f6b98 solid;
	background:#a187c1;
	height:200px;
	color:rgba(0,0,0,0.4);
	-webkit-transition: all .07s ease-in-out;
	-moz-transition: all .07s ease-in-out;
	transition: all .07s ease-in-out;
}
/* 修正IE7絕對定位差異 */
*:first-child+html #menu02 ul li ul {
	margin-top:0;
	
}
/* 修正IE6絕對定位差異 */
* html #menu02 ul li ul {
	margin-top:0;
}

#menu02 ul li ul li {
	/* 覆寫繼承自第一層的浮動設定 */
	float:none;
	text-align: center;
	padding-left:15%;
	padding-right:15%;
	padding-top:5%;
	padding-bottom:0%;
}
#menu02 ul li ul li a {
	/* 覆寫繼承自第一層的浮動設定 */
	float:none;
	width: 100%;/* 註：display、height、padding繼承第一層的設定 */
	text-align: left;
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}

/* ---------- 隱藏與顯示階層 ---------- */
#menu02 ul li ul {
	/* 預先隱藏第二層 */
	visibility:hidden;
}
#menu02 ul li:hover ul {
	/* 觸動第一層時，顯示第二層 */
	visibility:visible;
}

/* 觸動第一層li時，改變背景色 */
#menu02 ul li:hover, #menu02 ul li a:hover {
	transition: all .4s ease-in-out;
	color:rgba(255,255,255,0.4);
}

#menu02 ul li ul li a:hover{
	color:rgba(255,255,255,0.8);
	opacity: .7;
	background-color: rgba(0,0,0,.03);

}
.memberText{
	width: 100%;
	height: 100%;
	padding: 25px 0 0px 100px;
	position: absolute;	
	font-size:1em;
	color:#7f6b98;
	display:block;
}
.memberText_phone{
	display:none;
}
/***小於1280***/
@media screen and (max-width: 1280px){/*小於 1280 (不含)*/
	#topmenu{
		width:80%;
	}
	.foot_copyright_icon{
		width:80%;
	}
}
@media screen and (max-device-width: 1280px){/*裝置小於 1280 (不含)*/
	#topmenu{
		width:80%;
	}
	.foot_copyright_icon{
		width:80%;
	}
.foot_2{
	width:35%;
	font-size:1.3em;
}

}
@media screen and (max-width: 1080px){/*小於 1280 (不含)*/
	.topmenu_phone{
		display:block;
		width:80%;
		height:75px;
		position: relative;
		text-align: left;
	}
	.topmenu{
		display:none;
	}
	.logo_phone{
		display:block;
		width:100%;
		height:100%;
		padding:10px;
		position:absolute;
	}
	.logo_img{
		width:45px;
		height:45px;
	}
	#et_top_search{
		display:block;
		float: left;
		position: relative;
		width: 18px;
		margin: 10% 35px 0 0;
		cursor:pointer;
	}
	#et_search_icon{
		font-size:20px;
	}
	.search{
		color:#000000;
	}
	.search:hover{
		color:#9085bf;
	}
	#et_mobile_nav_menu{
		display: block;
		float: right;
		position: relative;
		margin: 15% 0 0 0;
		cursor:pointer;
		font-size:20px;
		line-height: 0;
		color:#9085bf;
	}
	.et_mobile_menu{
		background-color: rgba(255,255,255,0.89);
		border-color:#7f6b98;
    visibility: visible;
    position: absolute;
    z-index: 9999;
    left: 0;
    width: 91%;
    padding: 5%;
    border-top: 3px solid #7f6b98;
    opacity: 1;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    list-style: none;
    margin-top:75px;
	}
	.et_mobile_media{
	 display:block;
	}
	.et_mobile_menu li{
		display: block;
	}
	.et_mobile_menu li a{
    display: block;
    padding: 10px 5%;
    border-bottom: 1px solid rgba(0,0,0,.03);
    color: #666;
	}
	.foot_3{

		width:30%;
		color:#ffffff;
		font-size:1.5em;
	}
	.memberText{
		display:none;	
	}
	.memberText_phone{
		width: 50%;
		padding: 10px 0 0px 100px;
		position: absolute;
		color:#7f6b98;	
		display:block;
		margin-top:1.5%;
		height: 20%;
		font-size:1.2em;
	}
	input[type=text]{
		font-size:1.2em;
		height:18px;
		border-bottom:1px #000 solid;
	}
	.menu{
	/*height:20%;
	float:right;
	margin-top:1.5%;
	position:absolute;*/
	right:2%;
	top:6%;
	font-size:14px;
	text-align:right;
	/*padding-left: 85px;*/
}
}
@media screen and (max-device-width: 1080px){/*裝置小於 1280 (不含)*/
	.topmenu_phone{
		display:block;
		width:80%;
		height:100px;
		position: relative;
		text-align: left;
	}
	.topmenu{
		display:none;
	}
	.logo_phone{
		display:block;
		width:100%;
		height:100%;
		padding:10px;
		position:absolute;
	}
	.logo_img{
		width:70px;
		height:70px;
	}
	#et_top_search{
		display:block;
		float: left;
		position: relative;
		width: 18px;
		margin: 10% 35px 0 0;
		cursor:pointer;
	}
	#et_search_icon{
		font-size:2em;
	}
	.search{
		color:#000000;
	}
	.search:hover{
		color:#9085bf;
	}
	#et_mobile_nav_menu{
		display: block;
		float: right;
		position: relative;
		margin: 15% 0 0 0;
		cursor:pointer;
		font-size:2em;
		line-height: 0;
		color:#9085bf;
	}
	.et_mobile_menu{
		background-color: rgba(255,255,255,0.89);
		border-color:#7f6b98;
    visibility: visible;
    position: absolute;
    z-index: 9999;
    left: 0;
    width: 91%;
    padding: 5%;
    border-top: 3px solid #7f6b98;
    opacity: 1;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    list-style: none;
    margin-top:100px;
	}
	.et_mobile_media{
	 display:block;
	}
	.et_mobile_menu li{
		display: block;
	}
	.et_mobile_menu li a{
    display: block;
    padding: 20px 5%;
    border-bottom: 1px solid rgba(0,0,0,.03);
    color: #666;
	}
	.foot_3{

		width:30%;
		color:#ffffff;
		font-size:1.3em;
	}
}
@media screen and (max-width: 768px){
	
	.foot_top{
		padding:2% 10% 11% 10%;
	}
	.foot_1{
		float:none;
		width:100%;
		color:#ffffff;
	}
	.foot_2{
		float:none;
		width:100%;
		color:#ffffff;
		font-size:1em;
	}
	.foot_2 ul {
		color:#7f6b98;
		padding:10px;
	}
	.foot_2 ul li{
		padding-top:2%;
		padding-bottom:2%;
	}
	.foot_2 ul li a{
		color:#ffffff;
		letter-spacing:2px;
		text-decoration: none;
	}
	.foot_2 ul li a:hover{
		color:rgba(255,255,255,0.7);
		text-decoration: none;
		cursor:pointer;
	}
	.foot_3{
		float:none;
		width:100%;
		color:#ffffff;
		font-size:1em;
	}
	.hot_article{
		padding-top:8%;
		color:#7f6b98;
		font-size:1.2em;
	}

	.foot_copyright_icon{
		width:100%;
	}
	.copyright_icon{
	  color: #9e9e9e;
	  text-align: center;
	}
	.copyright{
		padding-top:3%;
	}
	.foot_icon{
		float:none;
		width:80px;
		text-align: center;
		padding-top:1%;
		padding-left:43%;
		padding-bottom:3%;
	}
	.menu{
		width:15%;
	}
	.topmenu_phone{
		height:75px;
	}
	.logo_phone{
		padding:7px 10px 10px 10px;
	}
	.logo_img{
		width:60px;
		height:60px;
	}
	#et_top_search{
		margin:5% 10% 0 0;
	}
	#et_search_icon{
		font-size:2em;
	}
	#et_mobile_nav_menu{
		font-size:2em;
		margin:10% 0 0 0;
	}
	.et_mobile_menu{
    margin-top:75px;
    border-top: 3px solid #7f6b98;
    font-size:1em;
    font-weight:bold;
	}
	.chevronDown{
		font-size:1em;
		font-weight:100;
	}
	.et_mobile_menu li a{
    padding: 10px 5%;
	}
input[type=text]{
		font-size:2em;
		height:45px;
		border-bottom:1px #000 solid;
	}
}

@media screen and (max-device-width: 640px){
	ul.et_pb_side_nav{
		top: 30%;
		padding:65px;
	}
	ul.et_pb_side_nav li.side_nav_item {
    padding: 10px;
	}
	ul.et_pb_side_nav .side_nav_item a {
    width: 20px;
    height: 20px;
    margin-right: 0px;
    margin-left: -20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	}
	.et_pb_scroll_top.et-pb-icon{
		font-size:3em;
		padding:40px;
	}
	.foot_top{
		padding:2% 10% 11% 10%;
	}
	.foot_1{
		float:none;
		width:100%;
		color:#ffffff;
	}
	.foot_2{
		float:none;
		width:100%;
		color:#ffffff;
		font-size:2.5em;
	}
	.foot_2 ul {
		color:#7f6b98;
		padding:10px;
	}
	.foot_2 ul li{
		padding-top:2%;
		padding-bottom:2%;
	}
	.foot_2 ul li a{
		color:#ffffff;
		letter-spacing:2px;
		text-decoration: none;
	}
	.foot_2 ul li a:hover{
		color:rgba(255,255,255,0.7);
		text-decoration: none;
		cursor:pointer;
	}
	.foot_3{
		float:none;
		width:100%;
		color:#ffffff;
		font-size:2.5em;
	}
	.hot_article{
		padding-top:8%;
		color:#7f6b98;
		font-size:1.2em;
	}
	.foot_top2{
		padding:2% 10% 5% 10%;
	}
	.foot_copyright_icon{
		width:100%;
	}
	.copyright_icon{
	  color: #9e9e9e;
	  text-align: center;
	}
	.copyright{
		font-size:3em;
		padding-top:10%;
	}
	.foot_icon{
		float:none;
		width:150px;
		text-align: center;
		padding-top:3%;
		padding-left:41%;
		padding-bottom:3%;
	}
	.foot_facebook a{
		color:#666666;
		font-size:3.5em;
	}
	.foot_rss a{
		color:#666666;
		font-size:3.5em;
	}
	.foot_facebook a:hover{
		color:#7f6b98;
	}
	.foot_rss a:hover{
		color:#7f6b98;
	}
	.menu{
		width:45%;
	}
	.topmenu_phone{
		height:150px;
	}
	.logo_phone{
		padding:1%;
	}
	.logo_img{
		width:130px;
		height:130px;
	}
	#et_top_search{
		margin:2% 20% 0 50%;
	}
	#et_search_icon{
		font-size:4.5em;
	}
	#et_mobile_nav_menu{
		font-size:4.5em;
		margin:6% 0 0 0;
	}
	.et_mobile_menu{
    margin-top:150px;
    border-top: 3px solid #7f6b98;
    font-size:2.5em;
    font-weight:bold;
	}
	.chevronDown{
		font-size:1em;
		font-weight:100;
	}
	.et_mobile_menu li a{
    padding: 30px 5%;
	}
.btn_submit{
		font-size: 2em;
}
	.close{/*搜尋關閉的叉叉*/
		font-size:50px !important;
	}	
.memberText_phone{

	padding: 80px 0 0px 180px;
	font-size:2em;
	
	}	
input[type=text]{
		font-size:2em;
		height:45px;
		border-bottom:1px #000 solid;
	}
.menu{
	right:5%;
	top:6%;
	font-size:14px;
	text-align:right;
	/*padding-left: 85px;*/
}	
}