@charset "utf-8";
/*=============================網頁滑桿設定=============================*/
body{
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #666666;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #f2f2f2;
}

/*=============================背景圖片設定=============================*/
.ba_top {
	background-image: url(../images/ba_ba_top.jpg);
	background-repeat: repeat-x;
}
.ba_ba_center {
	background-image: url(../images/ba_ba_center.jpg);
	background-repeat: repeat-x;
}
.ba_ba_left {
	background-image: url(../images/ba_ba_left.png);
	background-repeat: repeat-y;
}
.ba_ba_right {
	background-image: url(../images/ba_ba_right.png);
	background-repeat: repeat-y;
}
/*=============================連結設定=============================*/
a:link {
	color: #004891;
	text-decoration: none;
}
a:visited {
	color: #004891;
	text-decoration: none;
}
a:hover {
	color: #00CCFF;
	text-decoration: underline;
}
a:active {
	color: #00CCFF;
	text-decoration: underline;
}

#banner_mobi {
	width: 733px;
	height: 257px;
	top: 0px;
	padding-top: 0px;
}
#banner_top_mobi {
	width: 1000px;
	height: 107px;
	top: 0px;
	padding-top: 0px;
}

#banner_mobi,
#banner_top_mobi {
	display: none\9;
	visibility: hidden\9;
}
#banner_mobi,
#banner_top_mobi {
	display: none\0;
	visibility: hidden\0;
}
/*ie10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	#banner_mobi,
	#banner_top_mobi {
		display: none;
		visibility: hidden;
	}
 }

@media screen and (min-width : 1025px) {
	#banner_mobi,
	#banner_top_mobi {
		display: none;
		visibility: hidden;
	}
	
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#banner_com,
	#banner_top_com {
		display: none;
		visibility: hidden;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#banner_com,
	#banner_top_com {
		display: none;
		visibility: hidden;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#banner_com,
	#banner_top_com {
		display: none;
		visibility: hidden;
	}
}
@media screen and (max-width: 1024px) {
	#banner_com,
	#banner_top_com {
		display: none;
		visibility: hidden;
	}
}

.membership_info_title {
	font-size: 13px;
	color: #454545;
	font-weight: bold;
	border-bottom: 1px solid #d8d8d8;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	margin-left: 8px;
	margin-right: 8px;
	letter-spacing: 1px;
}
.member_info_money {
	font-size: 14.5px;
	color: #e55400;
}
.membership_info_info {
	font-size: 13px;
	color: #404040;
	border-bottom: 1px dashed #d8d8d8;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 8px;
	margin-right: 8px;
	letter-spacing: 1px;
}

.gray_solid {border: 1px solid #d8d8d8;}
.gray2_solid {border: 1px solid #c2c2c2;}
.gray_bottom_dashed {border-bottom: 1px dashed #d8d8d8;}

/*=============================主選單=============================*/
.mainmenu_logo {
	margin-top: 19px;
	float: left;
}
.mainmenu_logo a {
	width: 280px;
	height: 66px;
	display: block;
	overflow: hidden;
}
.topmenu_box {margin-right: 10px;}
.topmenu_box,
.mainmenu_box {float: right;}
.topmenu_box ul,
.mainmenu_box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	display: inline-block;
}
.topmenu_box ul li,
.mainmenu_box ul li {
	overflow: hidden;
	list-style-type: none;
	display: inline-block;
	float: right;
}
.topmenu_box ul li a {margin-left: 3px;}
.mainmenu_box ul {margin-top: 20px;}
.mainmenu_box ul li a {
	width: 83px;
	height: 40px;
	margin-left: 10px;
}
.topmenu_box ul li a.main_01,
.topmenu_box ul li a.main_02,
.topmenu_box ul li a.main_03,
.topmenu_box ul li a.main_01:hover,
.topmenu_box ul li a.main_02:hover,
.topmenu_box ul li a.main_03:hover {
	width: 85px;
	height: 25px;
	display: block;
	overflow: hidden;
	float: left; 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s;/*IE8*/
	transition: all 0.3s ease-in-out;
}
.topmenu_box ul li a.main_01 {background: url("../images/mainmenu_top_01.png") no-repeat;}
.topmenu_box ul li a.main_01:hover {background: url("../images/mainmenu_top_01_ch.png") no-repeat;}
.topmenu_box ul li a.main_02 {background: url("../images/mainmenu_top_02.png") no-repeat;}
.topmenu_box ul li a.main_02:hover {background: url("../images/mainmenu_top_02_ch.png") no-repeat;}
.topmenu_box ul li a.main_03 {background: url("../images/mainmenu_top_03.png") no-repeat;}
.topmenu_box ul li a.main_03:hover {background: url("../images/mainmenu_top_03_ch.png") no-repeat;}

.mainmenu_box ul li a.main_01,
.mainmenu_box ul li a.main_02,
.mainmenu_box ul li a.main_03,
.mainmenu_box ul li a.main_04,
.mainmenu_box ul li a.main_05,
.mainmenu_box ul li a.main_06,
.mainmenu_box ul li a.main_07,
.mainmenu_box ul li a.main_01:hover,
.mainmenu_box ul li a.main_02:hover,
.mainmenu_box ul li a.main_03:hover,
.mainmenu_box ul li a.main_04:hover,
.mainmenu_box ul li a.main_05:hover,
.mainmenu_box ul li a.main_06:hover,
.mainmenu_box ul li a.main_07:hover {
	width: 83px;
	height: 40px;
	display: block;
	float: left; 
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s;/*IE8*/
	transition: all 0.3s ease-in-out;
}
.mainmenu_box ul li a.main_01 {background: url("../images/mainmenu_01.png") no-repeat;}
.mainmenu_box ul li a.main_01:hover {background: url("../images/mainmenu_01_ch.png") no-repeat;}
.mainmenu_box ul li a.main_02 {background: url("../images/mainmenu_02.png") no-repeat;}
.mainmenu_box ul li a.main_02:hover {background: url("../images/mainmenu_02_ch.png") no-repeat;}
.mainmenu_box ul li a.main_03 {background: url("../images/mainmenu_03.png") no-repeat;}
.mainmenu_box ul li a.main_03:hover {background: url("../images/mainmenu_03_ch.png") no-repeat;}
.mainmenu_box ul li a.main_04 {background: url("../images/mainmenu_04.png") no-repeat;}
.mainmenu_box ul li a.main_04:hover {background: url("../images/mainmenu_04_ch.png") no-repeat;}
.mainmenu_box ul li a.main_05 {background: url("../images/mainmenu_05.png") no-repeat;}
.mainmenu_box ul li a.main_05:hover {background: url("../images/mainmenu_05_ch.png") no-repeat;}
.mainmenu_box ul li a.main_06 {background: url("../images/mainmenu_06.png") no-repeat;}
.mainmenu_box ul li a.main_06:hover {background: url("../images/mainmenu_06_ch.png") no-repeat;}
.mainmenu_box ul li a.main_07 {background: url("../images/mainmenu_07.png") no-repeat;}
.mainmenu_box ul li a.main_07:hover {background: url("../images/mainmenu_07_ch.png") no-repeat;}
body.mainmenu {background: transparent;}

/*=============================內頁=============================*/
body .ba_center_right_ba iframe {
	height: 100%;
	min-height: 1190px;
}
body.service .ba_center_right_ba iframe {
	height: 100%;
	min-height: 1350px;
}