/* iweb32-style02
 * Copyright 2016, TANK
 * 
 * 2016 / 10 / 19
 */
#sub-banner{
    display: none;
}
.wrap {padding: 170px 0;background-image: url(/images/02/index/img-recomBg.jpg);}
.wrap .topBar { overflow: hidden; position: relative; text-align: center; }
.wrap .topBar h2 {padding: 10px 0 10px;font-size: 30px;color: #6e3a19;font-weight: 600;line-height: 1.5;font-family: 'Noto Serif TC', serif;text-align: center;}
.wrap .topBar .waylink { text-align: center; }

.wrap >aside , #content-main { float: left; width: 20%; }

/* aside */
.wrap aside h3 { padding: 10px 0; background: none; border-bottom: 1px solid #919191; font-weight: normal; color: #272727; font-size: 24px; line-height: 1.5; }
.wrap aside h3:after { display: none; }
.wrap aside ul li p { font-size: 16px; color: #333; }
.wrap aside ul li ul.submenu { display: block; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -ms-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; }
.wrap aside ul li ul.submenu li { display: block; text-overflow: initial; -webkit-box-orient: initial; }

/* content-main */
#content-main { margin-left: 5%; width: 75%; margin-top: 20px; }
#content-main .titleBox { position: relative; padding: 0 0 10px; border-bottom: 1px dotted #D6D6D6; align-items: center; }
#content-main .titleBox h2 { font-weight: 600; }
#content-main .titleBox .waylink { margin: 10px 0 0; right: 3px; bottom: 0; color: #737373; }
#content-main #article , #content-main #article article { overflow: hidden; }

/* memberWrap */
#memberWrap , #memberCenter .member3 { overflow: hidden; }
#memberWrap .loginWrap { margin: 30px auto; width: 50%; }
#memberWrap .loginWrap .note { border-top: 1px #ccc dashed; }
#memberWrap .loginWrap .note p { margin: 10px 0; }
#memberWrap .loginWrap .note p a.addMember { margin-left: 5px; padding: 2px 5px; background: #e8e8e8; display: inline-block; color: #171717; }
#memberWrap .loginWrap .note p a.addMember:hover { opacity: .8; }
#memberWrap .loginWrap .note h3 { margin: 20px 0 10px; font-size: 18px; font-weight: normal; color: #b9b9b9; }
#memberWrap .loginWrap .note ol { padding-left: 20px; }
#memberWrap .loginWrap .note ol li { margin: 10px 0; list-style-type: decimal; font-size: 16px; color: #565656; }
form p input#ForgetEmail { width: 75%; }

/* memberCenter */
#memberCenter .gauge , #memberCenter .memberInfo { overflow: hidden; margin-bottom: 15px; border: 1px #63a5ad solid; border-radius: 5px; }
#memberCenter .gauge .box , #memberCenter .memberInfo .box { position: relative; margin: 20px 0; float: left; width: 50%; }
#memberCenter .gauge .box:last-child:before , #memberCenter .memberInfo .box:last-child:before { position: absolute; width: 1px; height: 100%; background: #e8e8e8; display: block; content: ""; }
#memberCenter .gauge .box p { margin: 15px 0; font-size: 24px; text-align: center; color: #71c3cc; }
#memberCenter .gauge .box:last-child p , #memberCenter .gauge .box:last-child .GaugeMeter span { color: #72bef3; }
#memberCenter .memberInfo { margin-top: 30px; background: none; border: 1px #e8e8e8 solid; }
#memberCenter .memberInfo p {margin: 10px;font-size: 16px;color: #222221;}
#memberCenter .member3 { padding: 0; }
#memberCenter .member3 form p { margin: 15px 0; padding: 10px 20px; font-size: 18px; border-bottom: 1px #ccc dotted; color: #545454; }
#memberCenter .member3 form p i {margin-right: 10px;color: #000000;}
#memberCenter .member3 form p b { font-weight: normal; }
#memberCenter .member3 form p input[type="text"] , form p select { width: auto; }
form#newmember1 p select {padding-left: 2%;width: 99.5%;}
form p select#TransNO { width: 98%; }
#memberCenter .member3 form p.send { border-bottom: none; }
#memberCenter .member3 form p.send a:last-child { background: #888585; }
form p.send a { padding: 11px 20px; }

@media screen and (max-width: 1024px) {
	#memberWrap .loginWrap { margin: 30px auto; width: 90%; }
}
@media screen and (max-width: 768px) {
	#memberWrap .loginWrap { width: 90%; }
	.wrap aside h3 { display: none; }
	#memberBar .menuIcon2 i { padding: 12px 15px; display: inline-block; background: #86dce6; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; }
	#memberBar .menuIcon2 i:before { content: "\f013"; }
	#memberBar .iconOpen i:before { content: "\f00d"; }
	#memberBar .menuList { position: absolute; background: #86dce6; left: -205px; transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1); }
	#memberBar .menuIcon2 , #memberBar .menuOpen { position: absolute; left: 0; z-index: 10; transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1); }
	#memberBar .iconOpen { left: 201px; transition: all 0.4s cubic-bezier(0.39, 0.58, 0.57, 1); }
	#content-main { margin-top: 45px; }
}
@media screen and (max-width: 640px) {
	#memberWrap .loginWrap { width: 80%; }
	#memberCenter .gauge .box , #memberCenter .memberInfo .box { width: 100%; }
	#memberCenter .gauge .box:last-child:before , #memberCenter .memberInfo .box:last-child:before { width: 100%; height: 1px; }
	#memberCenter .gauge .box .GaugeMeter { float: left; }
	#memberCenter .gauge .box .info { margin-top: 15%; }
	form p input#ForgetEmail { width: 62%; padding: 10px 10px; }
}
@media screen and (max-width: 480px) {
	#memberWrap .loginWrap { width: 100%; }
	#memberCenter .gauge .box .GaugeMeter { float: none; }
}
@media screen and (max-width: 450px) {
	#memberCenter .gauge .box p { font-size: 18px; }
}