@charset "utf-8";


.sub_container{ clear:both; }


/* common */

.mypage, .setting, .landlist{ width:100%; background:url(../images/mypage1.jpg) no-repeat center bottom; background-color:#000; }
.mypage_wrap, .setting_wrap, .landlist_wrap{ width:1200px; margin:0 auto; padding-top:230px; color:#fff; }



.left_menu, .left_menu2{ float:left; width:30%; height:800px; border-top:2px solid #7a7f84; border-bottom:2px solid #7a7f84; }
.left_menu p, .left_menu2 p{ text-align:center; padding-top:50px; }
.left_menu ul, .left_menu2 ul{ text-align:center; }
.left_menu li, .left_menu2 li{ line-height:50px; }
.left_menu a, .left_menu2 a{ font-size:20px; font-weight:600; color:#fff; }
.left_menu a:hover, .left_menu2 a:hover{ color:#4277ff; }
.left_menu li:nth-child(1), .left_menu2 li:nth-child(1){ padding-top:20px;  }



/* mypage */

.mypage{ height:1300px; }


.left_menu li:nth-child(1) a{ color:#4277ff; }


.myinfo{ float:right; width:70%; height:800px; border-top:2px solid #7a7f84; border-bottom:2px solid #7a7f84; }
.myinfo table{ width:100%; border-collapse:collapse; }
.myinfo tr{ height:60px; line-height:60px; font-size:20px; font-weight:600; }
.myinfo tr span{ font-size:14px; font-weight:400; margin-left:10px; }

.myinfo td:nth-child(1){ width:40%; }
.myinfo td:nth-child(2), .myinfo td:nth-child(3){ width:30%; }

.myinfo tr:nth-child(6) p:nth-child(1){ float:left; }
.myinfo tr:nth-child(6) p:nth-child(2){ float:left; font-size:14px; font-weight:400; color:#ff3636; margin-left:10px; }
.myinfo tr:nth-child(6) p:nth-child(2) img{ vertical-align:middle; }


.myasset, .myprofit{ float:left; width:48%; height:350px; border:1px solid #7a7f84; margin:40px 0; }
.myasset>p, .myprofit>p{ width:90%; font-size:20px; font-weight:600; margin:20px auto; }
.myasset ul, .myprofit ul{ width:90%; margin:0 auto; }
.myasset li, .myprofit li{ height:25px; padding-top:15px; border-bottom:1px solid #fff; }

.myasset li p:nth-child(1), .myprofit li p:nth-child(1){ float:left; }
.myasset li p:nth-child(2), .myprofit li p:nth-child(2), .myprofit li p:nth-child(3){ float:right; }

.myprofit li p:nth-child(2){ width:60px; height:20px; line-height:20px; color:#ff3636; font-weight:600; text-align:center; background:#fff; border-radius:10%; }
.myprofit li p:nth-child(3){ margin-right:10px; }

.myprofit{ margin-left:25px; }


.my_btn{ clear:both; width:1200px; margin:0 auto; }
.my_btn_wrap{ float:right; padding-top:50px; }
.my_btn_wrap a, .my_btn_wrap button{ float:left; width:150px; height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:600; border:1px solid #fff; text-align:center; }
.my_btn_wrap a{ display:block; box-sizing:border-box; }
.my_btn_wrap a:nth-of-type(2){ margin:0 20px; }

.my_btn_wrap a:hover, .my_btn_wrap button:hover{ opacity:0.5; }



/* setting */


.setting{ height:1107px; }
.setting2_wrap{ height:570px; border-top:2px solid #7a7f84; border-bottom:2px solid #7a7f84; }


.setting_img{ float:left; width:30%; text-align:center; padding-top:130px; }
.setting_img label{ cursor: pointer; }
.setting_img input[type="file"]{
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;
}

.setting_table{ float:left; width:60%; border-collapse:collapse; padding:50px 0; }
.setting_table table{ font-size:20px; font-weight:600; }
.setting_table table tr{ height:50px; line-height:50px; }
.setting_table input{ width:100%; text-indent:20px; height:40px; border:1px solid #7a7f84; background:none; margin-left:20px; }
.setting_table input[type="text"], .setting_table input[type="password"], .setting_table input[type="e-mail"], .setting_table input::placeholder{ color:#7a7f84; }

.setting_table td:nth-child(1){ width:40%; }
.setting_table td:nth-child(2){ width:60%; }

.setting_table tr:nth-child(7) p:nth-child(2){ line-height:20px; font-weight:400; font-size:14px; color:#ff3636; }
.setting_table tr:nth-child(7) img{ vertical-align:middle; }

.setting_wrap button{ float:right; width:150px; height:40px; line-height:40px; color:#fff; font-size:16px; border:1px solid #7a7f84; margin-top:50px;}
.setting_wrap button:hover{ opacity:0.5; }



/* land list */


.landlist{ height:1200px; }
.landlist2{ float:right; width:70%; height:800px; border-top:2px solid #7a7f84; border-bottom:2px solid #7a7f84; }

.left_menu2 li:nth-child(2) a{ color:#4277ff; }

.total{ float:right; width:50%; height:50px; line-height:50px; color:#fff; border:1px solid #7a7f84; margin:20px 0 50px 0; }
.total span{ font-weight:600; }
.total p{ float:left; }
.total p:nth-child(1){ width:50%; margin-left:10px; }



.landlist2 table{ width:100%; border-collapse:collapse; padding-top:}

.landlist2 thead{ height:50px; background:rgba(255,255,255,0.2); padding-top:20px; }

.landlist2 thead th:nth-child(1){ width:20%; }
.landlist2 thead th:nth-child(2){ width:15%; }
.landlist2 thead th:nth-child(3){ width:50%; }
.landlist2 thead th:nth-child(4){ width:15%; }

.landlist2 thead th:nth-child(2) p{ float:left; text-indent:10px; }
.landlist2 thead th:nth-child(2) button{ float:right; }


.landlist2 tr{ height:60px; }
.landlist2 td{ border:1px solid #7a7f84; box-sizing:border-box; text-indent:20px; }

.landlist2 td:last-child a{ display:block; width:70px; height:40px; line-height:40px; color:#2d2d2d; font-weight:600; background:#fff; text-indent:0; text-align:center; margin:0 auto;  }


.land_page{ clear:both; width:21%; margin:0 auto; padding-top:20px; }
.land_page li{ float:left; }
.land_page button{ color:#fff; font-size:16px; }
.land_page li:nth-child(2){ border-bottom:1px solid #fff; }