@import "reset.css";

body{font-family:"微软雅黑","黑体","宋体";font-size:13px;line-height:22px;color:#000000;}
a{color:#000000;}
.red{color:#f00;}
.green{color:#090;}
.w_1000{max-width:1000px;}


.tabsbar{border-bottom:3px solid #B82327;overflow:hidden;}
.tabsbar li{display:inline-block;float:left;padding:4px 15px;text-align:center;cursor:pointer; margin-bottom:-3px; font-size:22px; line-height:32px;}
@media (min-width:5px) and (max-width:480px){.tabsbar li{ font-size:14px; line-height:22px;padding:3px 10px;}}
.tabsbar li.over{background:#B82327;color:#fff;font-weight: bold;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:22px; line-height:32px;}
@media (min-width:5px) and (max-width:480px){.tabsbar li.over{ font-size:14px; line-height:22px;}}

/*------------------------ 栏目页面样式 ------------------------*/
.article-title-h1{font-size:24px;line-height:24px;margin-bottom:20px;}
.article-title-h2{font-size:30px;line-height:36px;margin:2% 0;}
@media (min-width:5px) and (max-width:480px){.article-title-h2{ font-size:16px; line-height:22px;}}
.article-title-h3{font-size:16px;line-height:16px;margin-bottom:10px;}

/*------------------------ 线条通用样式 ------------------------*/
.article-line-hn{clear:both;border-bottom:1px solid #ccc;}
.article-line-hr{clear:both;border-bottom:1px solid #ccc;padding-top:30px;margin-bottom:30px;}
.article-line-dark{clear:both;border-bottom:1px solid #662c2c;}

/*------------------------ 更多通用样式 ------------------------*/
.article-btn-gray a{clear:both;color:#fff;padding:3px 5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border-bottom:1px solid #8d8d8d;background:url(gray.gif) repeat-x;font-size:12px;}
.article-btn-gray a:hover{filter:alpha(opacity=70);moz-opacity:0.7;opacity:0.7;text-decoration:none;color:#fff;}
.article-btn-blue a,
.article-btn-pink a,
.article-btn-out a{
    border-bottom:1px solid #8d8d8d;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:3px 5px 0px;
	font-size:12px;
    color: #fff;
}
.article-btn-blue a:hover,
.article-btn-pink a:hover,
.article-btn-out a:hover{filter:alpha(opacity=70);moz-opacity:0.7;opacity:0.7;text-decoration:none;color:#fff;}
.article-btn-blue a{background:url(blue_pink.png) left top repeat-x;}
.article-btn-pink a{background:url(blue_pink.png) left -50px repeat-x;}
.article-btn-out a{background:url(out.png) left top repeat-x;}

/*------------------------ 列表通用样式 ------------------------*/
.article-list-ul{line-height:36px; font-size:22px;}
.article-list-ul li{padding:3px 0 3px 20px;background:url(ul_li.gif) no-repeat 4px 18px;}
@media (min-width:5px) and (max-width:480px){.article-list-ul li{ font-size:12px; line-height:16px;padding:3px 0 3px 20px;background:url(ul_li.gif) no-repeat 2px 8px;}}
.article-list-ul li a{color:#ff0000;}

/*------------------------ 警告通用样式 ------------------------*/
.note_title{ font-size:28px; line-height:36px; font-weight:bold;}
@media (min-width:5px) and (max-width:480px){.note_title{ font-size:14px; line-height:20px;}}
.article-risk-warningt{border:1px solid #ddd;padding:15px;font-size:12px;}
.article-risk-warningt a{color:#00458D;}
.article-risk-warningt a:hover{color:#DA135C;}

/*------------------------ 表单通用样式 ------------------------*/
.article-form-part .disabled{cursor:default;}
.article-form-part .input_public,
.article-form-part .form-text{background:#f3f3f3;color:#656464; font-size:22px; line-height:36px;border-radius:5px;padding:0 5px;border:1px solid #969696;padding:3px 5px;}
.article-form-part .form-select{background:#f3f3f3;color:#656464; font-size:22px; line-height:36px;border-radius:5px; border:1px #969696 solid;padding:3px 5px;border:1px solid #969696;}
@media (min-width:5px) and (max-width:480px){.article-form-part .form-select,.article-form-part .form-text{font-size:12px; line-height:18px;}}
.article-form-part .form-button{height:37px;border:none;color:#fff;text-shadow:0 2px #003558;border-bottom:1px solid #8D8D8D;width:80px;border-radius:5px; font-size:14px;}
.article-form-part .form-btn-blue{background:url(blue.gif) repeat-x;}
.article-form-part .form-btn-crimson{background:url(crimson.png) repeat-x;}	
.article-form-part .form-btn-gray{background:url(gray.gif) repeat-x;}		
.article-form-part .form-button:hover{filter:alpha(opacity=90);moz-opacity:0.9;opacity:0.9;text-decoration:none;color:#fff;}

/*------------------------ 表格通用样式 ------------------------*/
.article-table-blue{width:100%;background:#fff; font-size:24px;}
@media (min-width:5px) and (max-width:480px){.article-table-blue{ font-size:12px;}}
.article-table-blue tr td{padding:1% 0;border-right:1px solid #ccc;}
.article-table-blue tr td.no-rbd{border-right:none;}
.article-table-blue tr.head-tr{font-weight:bold;}
.article-table-blue tr.head-tr td{border-bottom:3px solid #B82327;}
.article-table-blue tr.last-tr td{border-bottom:1px solid #ccc;}
.article-table-blue tr.color-tr td{background:#f2f2f2;}
.article-table-blue tr.color-tr td a{ color:#ff0101;}


/*------------------------ 内页样式 ------------------------*/

/** 内页顶部分  **/
.memmber_head{margin:0 auto;padding:3% 1.5% 1%;}
.memmber_head .head_logo{width:36%;}
.memmber_head .head_info{width:45%;font-size:30px; line-height:40px;}
@media(min-width:720px) and (max-width:800px){.memmber_head .head_info{font-size:22px; line-height:30px;}}
@media(min-width:480px) and (max-width:720px){.memmber_head .head_info{font-size:18px; line-height:26px;}}
@media(min-width:360px) and (max-width:480px){.memmber_head .head_info{font-size:14px; line-height:20px;}}
@media(min-width:5px) and (max-width:360px){.memmber_head .head_info{font-size:11px;line-height:18px;}}
@media(min-width:720px) and (max-width:800px){.memmber_head .head_info table{font-size:22px; line-height:30px;}}
@media(min-width:480px) and (max-width:720px){.memmber_head .head_info table{font-size:18px; line-height:26px;}}
@media(min-width:360px) and (max-width:480px){.memmber_head .head_info table{font-size:12px; line-height:20px;}}
@media(min-width:5px) and (max-width:360px){.memmber_head .head_info table{font-size:11px;line-height:18px;}}
.memmber_head .head_exit{width:12%; text-align:center;}
.memmber_head .head_line{background:url(head_line.png) no-repeat center; width:3%;}
.shenfen-form tr{height:65px;}


/** 内页左部分 **/
.member_left{ padding-left:1.5%; padding-right:1.5%;}
.member_left h2{background:#B82327;color:#fff;padding:10px 15px;font-size:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.member_left .subnav a{display:block; color:#000;text-decoration:none;}
.member_left .subnav dt span{padding-left:15px;}
.member_left .subnav dd{ width:32%; float:left; text-align:center; background:url(remove_navbg.png) no-repeat;-moz-background-size:100% 100%;background-size:100% 100%; font-size:36px; line-height:91px;}
@media(min-width:5px) and (max-width:480px){.member_left .subnav dd{ font-size:14px; line-height:30px;}}
.member_left .subnav .select a{background:url(click_navbg.png) no-repeat;-moz-background-size:100% 100%;background-size:100% 100%;color:#ff0000;}
.member_left .subnav .select a:hover{background:url(click_navbg.png) no-repeat;-moz-background-size:100% 100%;background-size:100% 100%;text-decoration:none;}
.member_right{padding-left:1.5%; padding-right:1.5%;}


/** 账户概览 **/
.gailan .form-select{width:80%;}
.gailan .form-text.disabled{color:#888;}


/** 网上存款 **/
.member_deposit .article-form-part .form-text{width:68%;}
.member_deposit .article-form-part .form-select{width:73%;}
.article-form-part tr td{ font-size:22px; line-height:36px;}
@media (min-width:5px) and (max-width:480px){.article-form-part tr td{font-size:12px; line-height:16px;}}
@media (min-width:5px) and (max-width:480px){.member_deposit .article-form-part tr td,.member_withdrawal .article-form-part tr td,.member_password .article-form-part tr td{font-size:14px; line-height:18px;}}


/** 网上取款 **/
.member_withdrawal{}
.member_withdrawal .article-form-part .form-text{width:78%;}
.member_withdrawal .article-form-part .form-text.disabled{color:#888;}
.member_withdrawal .article-form-part .form-select{width:80%;}


/** 网上转账 **/
.member_transfer .article-form-part h3{background:#B82327;color:#fff;padding:3px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.member_transfer .article-form-part .form-text.disabled{color:#888;}


/** 申请交易账号 **/
.member_transaction .article-form-part .form-select{width:80%;}
.member_transaction h3.mt4_information{background:#B82327;color:#fff;padding:3px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

/** 账户密码 **/
.member_password{}
.member_password .article-form-part .form-text{width:78%;}
.member_password .article-form-part .form-select{width:80%;}
.member_password .article-form-part .form-w36{width:36%;}
.member_password .article-form-part td{ padding:20px 10px;}
@media (min-width:5px) and (max-width:480px){.member_password .article-form-part td{padding:10px 3px;}}
.member_password .article-form-part td img.img_code{width:100%;max-width:150px;max-height:45px;}
@media (min-width:5px) and (max-width:480px){.member_password .article-form-part td img.img_code{ max-width:100px;}}

/** 资料修改 **/
.member_information .article-form-part .form-select{width:80%;}
.member_information .article-form-part .form-text{width:50%;}
.member_information .article-form-part .input_public{width:50%;}
.member_information  .form-w16 .input_public{width:16%;}
.member_information  .form-w26 .form-select{width:24%;}
.member_information  .form-w26 .input_public{width:25%;}
.member_information .article-form-part .special_select{width:16.8%;}
.member_information h3.mt4_information{background:#B82327;color:#fff;padding:3px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:28px; line-height:36px;}
@media (min-width:5px) and (max-width:480px){.member_information h3.mt4_information{font-size:14px; line-height:20px;}}



/*------------------------ 登录样式 ------------------------*/

/** 忘记密码 **/
.member_forget{width:780px;margin:50px auto 0;}
.member_forget .ml150{margin-left:150px;}
.member_forget .member_logo{}
.member_forget .member_h3{text-align:center;}
.member_forget .article-form-part .form-text{width:50%;}
.member_forget .article-form-part .form-w25{width:25%;}


/** 登录页面 **/
#member_login{background:#a61111/* url(login_bg.png) center no-repeat*/;}
.login_mainbox {max-height:2000px;}
.login_content {background:#fff;}
.login_content .top_title {
	color:#000;
	font-size:50px;
	line-height:72px;
	font-weight:bold;
	text-align:center;
}
@media(min-width:480px) and (max-width:640px){.login_content .top_title{ font-size:20px; line-height:30px;}}
@media(min-width:5px) and (max-width:480px){.login_content .top_title{ font-size:16px; line-height:24px;}}
.login_content .post_form{ padding:0 8%;}
@media(min-width:5px) and (max-width:640px){.login_content .post_form{ padding:0 5%;}}
.login_content .member_table td{padding:7px 0;}
.login_content .member_email,
.login_content .member_password,
.login_content .member_captcha{
	height:40px;
	display:block;
	position:relative;
	-moz-border-radius:5px;      /* Gecko browsers */
    -webkit-border-radius:5px;   /* Webkit browsers */
    border-radius:5px;           /* W3C syntax */
	background:url(login_icon.png) left -99px;
}

.login_content .member_email input{
	color:#fff;
	border:none;
	margin-top:12px;
	padding-left:28px;
	background:url(login_icon.png) no-repeat 5px top;
}
.login_content .member_password input{
	color:#fff;
	border:none;
	margin-top:12px;
	padding-left:28px;
	background:url(login_icon.png) no-repeat 5px -56px;
}
.login_content .member_captcha input{
	color:#fff;
	border:none;
	margin-top:12px;
	padding-left:5px;
	background:none;
}

.login_content .member_submit,
.login_content .member_cancel {
	background:url(login_icon.png) left -158px;
	width:156px;
	height:35px;
	border:none;
	color:#fff;
	font-family:"微软雅黑";
	font-weight:bold;
    -moz-border-radius:5px;      /* Gecko browsers */
    -webkit-border-radius:5px;   /* Webkit browsers */
    border-radius:5px;           /* W3C syntax */
}
.login_content .member_cancel{
	background-position: left -213px;
}
.login_content a.forget{
	top:10px;
	right:5px;
	color:#fff;
	position:absolute;
	text-decoration:none;
}
.login_content a.forget:hover{
	text-decoration:underline;
}

.login_footer{
	margin-top:20px;
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
	margin-bottom:13%;
}
.login_footer .footer_prompt {
	color:#fff;
	float:left;
	font-size:26px;
	margin-top:10px;
	line-height:36px;
}
@media(min-width:480px) and (max-width:640px){.login_footer .footer_prompt{ font-size:18px; line-height:28px;}}
@media(min-width:5px) and (max-width:480px){.login_footer .footer_prompt{ font-size:14px; line-height:22px;}}
.login_footer .footer_help {float:right;}

 input[type="text" i]:disabled {
    -webkit-text-fill-color: #656464;
    -webkit-opacity: 1;
}

.pay_info .left {
    width: 31%;
}

.pay_info .right, .pay_info .left {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
@media(min-width:5px) and (max-width:359px){.pay_info .right, .pay_info .left { font-size:12px;} .pay_info .left {  width: 28%;}}
.pay_info .left img {
    width: 100%;
}
.pay_info img.trans {
    width: 60%;
    margin-left: 20px;
}
.pay_info ul {
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
}
span.error {
    color: red;
}