.fixbnt img {background-repeat: no-repeat;background-position: -150px -115px;margin:0 5px 0 0px;height: 15px;width: 15px;}
.fixbnt:hover img {background-position: -165px -115px;}
#member #mine section,#member #mine header{gap: 5px;}
#member #mine {margin-bottom: 20px;padding: 10px;line-height: 30px;font-size: 1rem;}
#member #mine a {margin:0 5px;}
#member #mine h3 a {font-size: 1.5rem;}
#member #mine header{margin-bottom:5px;}
#member #mine header a{padding: 0px 10px;margin:0;height: 30px;}
#member #mine .inputbn,#member #mine .inputbn input{margin: 0px;}
#member #mine .inputbn input[type='submit']{width: auto;}
#member #mine dl.m_info dt{width:180px;}
#member #mine dl.m_info dd{width: calc(100% - 180px);}
#member #mine .imgbox{background-color: #FFF;border: 5px solid rgba(0,0,0,.3);border-radius: 50%;height: 106px;width: 106px;margin:0 auto;}
#team.self .imgbox img{max-width: 100%;}
#member .focus dl{min-height: 160px;margin-bottom: 10px;}
#member .focus dl.house_block dt{height: 150px;width: 150px;margin-right: 10px;overflow: hidden;}
#member .focus dl dt img {height: 150px;width: 150px;background-repeat: no-repeat;}
#member .focus dl dt .icon01 {background-position: left top;}
#member .focus dl dt .icon02 {background-position: -150px top;}
#member .focus dl dt .icon03 {background-position: -300px top;}
#member .focus dl dt .icon04 {background-position: -450px top;}
#member .focus dl dt .icon05 {background-position: -600px top;}
#member .focus dl dt .icon06 {background-position: -750px top;}
#member .focus dl dt .icon07 {background-position: left -150px;}
#member .focus dl dt .icon08 {background-position: -150px -150px;}
#member .focus dl dt .icon09 {background-position: -300px -150px;}
#member .focus dl dt .icon10 {background-position: -450px -150px;}
#member .focus dl dt .icon11 {background-position: -600px -150px;}
#member .focus dl dt .icon12 {background-position: -750px -150px;}
#member .focus dl dd{width: calc(100% - 180px);}
#member .focus dl dd h3,#member .focus dl dd h3 a{font-size: 20px;line-height: 30px;gap: 5px;}
#member .focus dl dd h3 .bnt{padding:0 5px;font-size: 1rem;}
#member .focus dl dd h4 {margin: 5px 0;}
#member .focus dl dd h5 {line-height: 18px;font-size: 12px;}
#member .focus dl dd .order_sort li:first-child{margin-bottom: 20px;}
#member .focus .bntbox{gap: 5px;}
#member .focus .bntbox a{padding: 2px 10px;}
#member .linebnt{font-size: 1.25rem;margin:5px 0px;position: relative;text-align: center;line-height: 40px;display: inline-block;}
#member .linebnt a{color: #333;display: block;padding: 0 20px 0 45px;background-color: #E1F0DB;color: #060;display: inline-block;}
#member .linebnt a:hover{background-color: #A4D192;color: #FFF;}
#member .linebnt:before{display: inline-block;width: 28px;height: 27px;cursor: pointer;background-image: url(../../images/LINE02.svg);background-position: left top;left: 10px;top: 6px;}

#member .tips {margin-left: 10px;position: relative;margin-top: 5px;margin-bottom: 20px;}
#member .tips > dt {background-repeat: no-repeat;background-position: left -150px;position: absolute;left: -10px;top: -5px;height: 29px;width: 149px;}
#member .tips > dt p {line-height: 29px;padding-left: 30px;font-size: 1rem;}
#member .tips > dd {padding: 10px;margin-top: 30px;font-size: 0.875rem;}
#member .ad{margin-left: 0px;}
#member .msg .bnt_transfer{
	top: -8px;right: 0px;font-size: 1.2rem;line-height: 35px;color: #FFF;padding-right: 10px;padding-left: 10px;text-align: center;border: 1px solid #C00;
	background: #ff0505; /* Old browsers */
	background: -moz-linear-gradient(top, #ff0505 0%, #c90003 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff0505 0%,#c90003 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff0505 0%,#c90003 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
#member .msg .bnt_transfer i{margin-right: 5px;}
#member .MObjectNav {padding: 10px;position: relative;margin-bottom: 10px;}
#member .MObjectNav dt {position: absolute;height: 8px;width: 16px;top: -7px;margin: 0px;padding: 0px;background-color: transparent;}
#member .MObjectNav dd a {font-size: 1rem;}
#member .MObjectNav dt img{display: none;}
#member .MObjectNav dt:before {width: 10px;height: 10px;left: calc((100% - 10px)/2);transform: rotateZ(225deg);top: 2px;}
.step_bar .step{padding: 2px;margin-bottom: 20px;}
.step_bar .step ul li {float: left;text-align: center;font-size: 0.875rem;}
.step_bar .step .circuit {margin-top: 2px;height: 10px;}
.step_bar .step ul li {font-size: 0.85rem;padding-bottom: 20px;}
.step_bar .step ul li span{display: block;font-size: 18px;}
.step_bar .step:before{height: 14px;width: 100%;display: block;bottom: 0;left: 0;z-index: -1;}
.step_bar .step ul li:before{border-style: solid;border-width: 0 8px 8px 8px;bottom: 0;left: calc((100% - 8px) / 2)}
#cart .add_p{margin:10px 0;}
#cart .add_p ul{gap: 10px;overflow: auto;height: auto;}
#cart .add_p li{padding: 10px 10px 10px 35px;flex-basis: 300px;flex-grow:1}
#cart .add_p li .cb{left:5px;}
#cart .add_p .price span{padding: 0 10px;font-size: 14px;border-radius: 20px;background-color: #999;color: #FFF;margin-left: 5px;}

#member #OptBox li {width: 25%;float: left;}
#member #OptBox li.unopened {filter:alpa(opacity=30);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30,FinishOpacity=15,Style=3,StartX=0,FinishX=100,StartY=0,FinishY=16);-moz-opacity:.3;opacity:.3}
#member #OptBox li dl{height: 450px;}
#member #OptBox li dl dt {height: 38px;line-height: 38px;padding-right: 10px;padding-left: 10px;font-size: 1rem;}
#member #OptBox li dl dd {margin: 10px;}
#member #OptBox li dl dd a {display: block;line-height: 25px;position: relative;padding: 5px;}
#member #OptBox li dl dd a img {background-repeat: no-repeat;height: 8px;width: 5px;position: absolute;top: 12px;right: 5px;background-position: left -198px;}
#member #OptBox li dl dd a:hover img,#member #OptBox li dl dd a.select img {background-position: left -190px;}
#member #ObjectEdit > dt{font-size: 16px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;}
#member #ObjectEdit > dd {margin-top: 1px;margin-bottom: 10px;}
#member #ObjectEdit dd .small {width: 50px;}
#member #ObjectEdit dd .small2 {width: 100px;}
#member #ObjectEdit dd h1 {padding: 10px;}
#member .wrapper{padding:10px}

#member #ObjectEdit .TableBox{line-height: 36px;}
#member #ObjectEdit .TableBox.subtable{display: block;}
#member #ObjectEdit .TableBox.subtable .t_tr{display: table;border-bottom: 1px solid #CCC;width: 100%;}
#member #ObjectEdit .TableBox.subtable .t_tr:last-child{border-bottom: none;}
#member #ObjectEdit .TableBox.subtable .t_td{display:table-row;}
#member #ObjectEdit .TableBox.subtable .t_td .t_title{text-align: right;vertical-align: top;border-bottom-style: none;}
#member #ObjectEdit .TableBox.subtable .t_td .t_title,#member #ObjectEdit .TableBox.subtable .t_td .t_text{display:table-cell;}

.calendar {background-repeat: no-repeat;height: 30px;width: 30px;background-position: -70px -190px;}
.BntBox{margin-bottom: 10px;}
.ImageEdit {margin-top: 20px;}
.ImageEdit li {position: relative;margin-right: 4px;margin-left: 4px;float: left;margin-bottom: 15px;}
.ImageEdit li .del {height: 30px;width: 30px;position: absolute;top: -10px;right: -10px;background-repeat: no-repeat;background-position: -10px -190px;z-index: 5;z-index: 99;}
.ImageEdit li .imgbox  {border-style: none;}
.ImageEdit li .imgbox  .add{background-repeat: no-repeat;background-position: center center;height: 120px;width: 160px;}
.ImageEdit li p{display: none;}
.ImageEdit li .BntBox {margin-bottom: 0px;}
#HouseImg .ImageEdit li:nth-of-type(2):after{content:"格局圖";font-size: 1rem;text-align: center;width: 100%;padding: 10px 0;left: 0px;bottom: 0px;color: #FFF;height: 30px;background-color: rgba(0,0,0,0.5);}
#HouseImg .ImageEdit li input[type='checkbox'] + label span{margin-top: 20px;margin-left: 0px;}
#HouseImg .ImageEdit li textarea{width: 135px;height: 50px;padding: 0px;float: right;margin: 5px 0 0 0;}
#member #ObjectEdit .TableBox2 .add{background-repeat: no-repeat;background-position: -40px -190px;height: 30px;width: 30px;}
.EditBntBox {text-align: center;}
.EditBntBox img{background-image: url(../../images/style_3/membericon.png);height: 25px;width: 30px;}
.EditBntBox .icon01{background-position: -50px -335px;}
.EditBntBox .icon02{background-position: -80px -335px;}
#member .EditBntBox a ,#TopBarPreview .EditBntBox a{font-size: 20px;line-height: 49px;text-align: center;display: inline-block;padding: 0px;margin-left: 10px;}
#member .EditBntBox a span,#TopBarPreview .EditBntBox a span{padding: 0 10px;}
#member .EditBntBox .preview span,#TopBarPreview .EditBntBox .preview span{background-position: center top;display: block;background-repeat: no-repeat;}
#member .EditBntBox .preview:hover span ,#TopBarPreview .EditBntBox .preview:hover span{background-image: none;}
#member .EditBntBox .submit span{background-position: center top;display: block;background-repeat: no-repeat;}
#member .EditBntBox .submit:hover span {background-image: none;}
#TopBarPreview{background-repeat: repeat;width:100%;height:60px;position:fixed;top:-0px;z-index:1002;}
#TopBarPreview .content{margin:0 auto;position:relative;font-size: 30px;line-height: 60px;text-align: center;}
#TopBarPreview .content .EditBntBox{font-size: 20px;line-height: 50px;text-align: center;display: block;padding: 0px;float: right;margin-left: 10px;position: absolute;top: 5px;right: 0px;}
#member #OptPay{-webkit-border-radius: 8px;-moz-border-radius:8px;border-radius: 8px;margin-top: 20px;width: 720px;margin: 0 auto;} 
#member #OptPay .row {background-repeat: no-repeat;background-position: center top;padding-top: 10px;}
#member #OptPay header{font-size: 30px;line-height: 50px;text-align: center;}
#member #OptPay dl dt {float: left;width: 66%;font-size: 1rem;}
#member #OptPay dl dt h3 {font-size: 25px;}
#member #OptPay dl dt h4 {height: 75px;margin-top: 10px;}

.bnt_large{gap: 5px;margin: 20px 0;}
.bnt_large li .bn{position: relative;overflow: hidden;width: 100%;}
.bnt_large li a{display: block;padding: 15px 20px;font-size: 22px;font-weight: bold;position: relative;z-index: 2;line-height: 1.2em;text-align: center;transition: 0.2s transform ease-out;}
.bnt_large li a i{margin-right: 5px;}
.bnt_large li .bn:before {width: 200%;height: 150%;left: calc((100% - 200%) / 2);top: calc((100% - 285%) / 2);border-radius: 200%;transform: translate(0, 0);background: linear-gradient(to bottom, #FFFFFF80 0%,#FFFFFF40 100%);transform-origin: center center;transition: 0.2s transform ease-out;}
.bnt_large li .bn:hover:before {background: linear-gradient(to bottom, #FFFFFF66 0%,#FFFFFFBF 100%);transform: translate(0, 33%) rotate(0deg);}



#member #OptPay dl dt a {text-decoration: underline;}
#member #OptPay dl dt .bnt a {background-repeat: no-repeat;height: 51px;width: 115px;font-size: 20px;line-height: 51px;display: block;text-align: center;text-decoration: none;}
#member #OptPay .S_1 dt .bnt a {background-position: -210px -252px;}
#member #OptPay .S_1 dt .bnt a:hover {background-position: -210px -303px;}
#member #OptPay .S_2 dt .bnt a {background-position: -325px -252px;}
#member #OptPay .S_2 dt .bnt a:hover {background-position: -325px -303px;}
#member #OptPay dl dd {float: left;width: 33%;}
#member #OptPay dl dd img {background-repeat: no-repeat;height: 75px;width: 100px;}
#member #OptPay .S_1 dd img {background-position: left -252px;}
#member #OptPay .S_2 dd img {background-position: -100px -252px;}
#member #OptPay .wrapper{width: auto;}
#inline1 header {margin-bottom: 20px;padding-bottom: 10px;}
#inline1 header img {background-repeat: no-repeat;height: 75px;width: 100px;background-position: -100px -252px;	}
#inline1 header h3 {font-size: 30px;line-height: 75px;}
#inline1 header img,#inline1 header h3 {float: left;}
#complete {text-align: center;}
#complete .EditBntBox {width: 330px;margin: 0 auto;}
#cart .TotalAmount{text-align: center;}
#cart .TotalAmount dd{width: 210px;font-size: 18px;line-height: 40px;margin: 10px auto 20px auto;}
#cart .payment dt{float: left;width: 50%;font-size: 1rem;margin-bottom: 5px;}
#cart .payment dd{clear: both;}
#cart .payment dd img {background-repeat: no-repeat;background-position: left -190px;height: 8px;width: 4px;margin-right: 10px;}
#cart .note {margin-bottom: 10px;padding-left: 20px;}
#cart .OrderNumber {margin-top: 10px;margin-bottom: 10px;}
#member #faq {margin-top: 10px;margin-bottom: 10px;}
#member #faq dl dt {padding: 10px;cursor: pointer;}
#member #faq dl dt a {display: block;}
#member #faq dl dd {padding: 10px;}
#member #faq dl h3 ,#member #faq dl h4 {float: left;}
#member #faq dl h3 {width: 95%;}
#member #faq dl h4 {width: 5%;}
#member #faq dl dd .bnbox {clear: both;padding-top: 15px;width: 200px;margin: 0 auto;}
#member #faq dl dd .bnbox a {height: 30px;line-height: 30px;width: auto;display: block;margin: 0 5px;padding:0 10px;}
#member #faq dl dd .bnbox img {background-repeat: no-repeat;height: 17px;width: 17px;margin-right: 5px;}
#member #faq dl dd .bnbox .close {background-position: left -340px;}
#member #faq dl dd .bnbox .more {background-position: -17px -340px;}
#member #faq-view .edit {padding: 10px;}

#member #faq-view .title{padding:0 0 10px 0;margin-bottom:10px}
#member #faq-view .title dl{padding:0 5px;text-align: center;}
#member #faq-view .title dl dt h3{font-size:20px;line-height:30px}
#member #faq-view .title dl dd h4{margin-top: 10px;margin-bottom: 10px;}
#member #faq-view .title dl dd .back{display: inline-block;line-height: 1.5em;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;margin-top: 10px;padding: 0 1em;}

#member #TabbedPanels7 .TabbedPanelsTab-right .inputbn{margin: 2px 0px 0px 0px;}
#member #TabbedPanels7 .TabbedPanelsTab-right .inputbn .MemberSubmit {width: auto;}
#member .TableBox th p,#member .TableBox td{padding-right: 10px;padding-left: 10px;}
#member .TableBox2 {line-height: 34px;}
#member .TableBox2 table .mask{background-repeat:no-repeat;background-position:left -55px;height:11px;width:6px;margin-left:10px}
#management .ObjectList ul li .title dd.favouritesbox{display: none;}
#management .ObjectList ul li .title dd.date{display: block;font-size: 13px;padding-right: 10px;}
#management .ObjectList ul li .EdirBnt{display: block;width: 100px;}
#management .ObjectList ul li .EdirBnt a{display: block;line-height: 30px;height: 30px;width: 95px;margin-bottom: 5px;text-align: center;}
#member .m-category {position: relative;margin: 30px 10px 10px 10px;padding: 20px 5px 5px 5px;cursor:pointer;}
#member .m-category header {height: 40px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;width: 80%;position: absolute;left: 10%;top: -20px;right: 10%;}
#member .m-category header p {-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;line-height: 38px;text-align: center;font-size: 20px;font-weight: normal;margin: 3px;}
#member .m-category dt{margin: 10px;}
#member .m-category dd{line-height: 50px;text-align: center;font-size: 20px;height: 50px;}
#member .RegisterBox dl dt header{padding: 5px;font-size: 16px;}
#member .RegisterBox dl dt header h1,#member .RegisterBox dl dt header h2{float: left;width: auto;font-size: 1rem;line-height: 32px;}
#member .RegisterBox dl dt header h1{margin: 0px 10px 0px 20px;}
#member .RegisterBox dl dt header h3{float: right;width: auto;font-size: 14px;line-height: 32px;}
#member .RegisterBox dl dt header img{background-repeat: no-repeat;height: 32px;width: 52px;margin: 0px 0px 0px 20px;float: left;}
#member .RegisterBox dl dt header img.icon01{background-position: left top;}
#member .RegisterBox dl dt header img.icon02{background-position: -52px top;}
#member .RegisterBox dl dt header img.icon03{background-position: -104px top;}
#member .RegisterBox .EditBntBox a {float: left;margin: 0px;}
#member .RegisterBox dl dd{background-position: left top;margin-top: 2px;padding: 10px;}
#member .RegisterBox dl dd .complete,#member .RegisterBox dl dd .verify{background-repeat: no-repeat;height: 230px;width: 290px;display: block;}
#member .RegisterBox dl dd .verify {background-position: left -33px;}
#member .RegisterBox dl dd .complete {background-position: left -263px;width: 230px;}
#member .RegisterBox > dl > dd .\39 u {flex-grow: 1;}
#member .RegisterBox dl dd .TextBox {float: left;font-size: 16px;line-height: 30px;}
#member .RegisterBox dl dd .TextBox .sendbn {border-style: none;}
#member .RegisterBox dl dd .TextBox .red {margin-bottom: 20px;}
#member .RegisterBox dl dd section header {text-align: center;border-bottom: 1px solid #CCC;margin: 0px 10px 20px 10px;padding-bottom: 20px;font-size: 16px;}
#member .RegisterBox .TableBox .t-td {vertical-align: top;height: auto;}
#member .RegisterBox .TableBox .t-tr.m_set .code{width: 150px;}
#member .RegisterBox .TableBox2,#member .RegisterBox .TableBox2 td{border-style: none;}
#member .RegisterBox input[type="text"].code{width:100px}
#member .RegisterBox .guild {position: static;margin: 10px;border-radius: 0px;}
#member .RegisterLink{text-align: center;padding: 0 10px 10px 10px;border: 1px solid #CCC;font-size: 16px;}
#member .RegisterLink h3{padding-bottom: 10px;}
#member .RegisterBox input[type="text"]{height: 34px;}
#member .RegisterBox .verify_bnt{height: 34px;}
#member .verify_bnt{padding:0px 10px;display: inline-block;font-size: 1.15rem;border: none;margin: 0;}
#member .verify_bnt span{display: none;}
#member .verify_bnt.wait span{display: inline-block;margin-left: 10px;}
#member .condition_list.text font{margin: 0 5px;}
#member .condition_list.text font i{margin: 0 5px 0 0;}
#member .condition_list.verifybnt{gap: 5px;margin: 5px 0 0 5px;}
#member .condition_list.verifybnt input[type="text"]{width: 100px;}

#member .subtitle {text-align: center;margin: 10px 0;font-size: 1rem;line-height: 40px;background-color: #F4F4F4;border: 1px solid #CCC;}
#member .subtitle p{border: 1px solid #FFF;}
#ID_choice{padding: 5px;margin-bottom: 10px;line-height: 35px;}
#ID_choice span{margin:0 10px;}
#ID_choice span img{background-position: -590px -100px;height: 16px;width: 16px;margin-right: 10px;}
#ID_choice a{padding: 5px;background-color: #EEE;color: #999;display: inline-block;text-align: center;font-size: 1rem;}
#ID_choice a.select{color: #FFF;}
.inquiry{width: 100%;height: 120px;background-size: cover;position: relative;margin-bottom: 10px;}
.inquiry h3 span{font-size: 20px;padding:0 5px;}
.inquiry a{line-height: 35px;padding:0 10px;display: inline-block;position: absolute;top: 50px;right: 10px;}
.inquiry_view_title{font-size: 20px;line-height: 40px;text-align: center;margin-bottom: 10px;}
.inquiry_view {padding: 1px;}
.inquiry_view header{line-height: 40px;text-align: center;font-size: 1rem;}
.inquiry_view .TableBox.style01{text-align: center;border: none;}
.inquiry_view .TableBox.style01 .t-th ,.inquiry_view .TableBox.style01 .t-th:first-child,.inquiry_view .TableBox.style01 .t-th:last-child,.inquiry_view .TableBox.style01 .t-th p{border: none;}
.inquiry_view .TableBox.style01 .t-td ,.inquiry_view .TableBox.style01 .t-td:last-child{padding: 8px 10px;}
#member #ObjectEdit .nav_title{position:relative;display: inline-block;}
#member #ObjectEdit .nav_title .point{top: -30px;height: 30px;width: 1px;display: block;position: absolute;}
#member #news ul li h4{position:relative;}
#member #news ul li h4 .favouritesbox{position: absolute;top: 0px;right: 0px;}
#member #news ul li h4 .favouritesbox a img{height:33px;width:43px;vertical-align: top;}
#member #news ul li h4 .favouritesbox a .join-favourites{background-position:-55px top}
#member #news ul li h4 .favouritesbox a .join-favourites:hover{background-position:-55px -33px}
#member #news ul li h4 .favouritesbox a .del-favourites{background-position:-55px -66px}
#member #news ul li h4 .favouritesbox a .del-favourites:hover{background-position:-55px -99px}
#member .TableBox.style08 .t-tr:last-child .t-td{border-bottom:none;}
#member .TableBox.style08 .t-tr:last-child .t-td:first-child {-webkit-border-bottom-left-radius: 0px;-moz-border-radius-bottomleft: 0px;border-bottom-left-radius: 0px;}
#member .TableBox.style08 .t-tr:last-child .t-td:last-child {-webkit-border-bottom-right-radius: 0px;-moz-border-radius-bottomright: 0px;border-bottom-right-radius: 0px;}

@media screen and (min-width: 769px) {
.ImageEdit li .BntBox {margin-top: 90px;}
/*#login dl {width: 60%}*/
#member .msg {position: relative;}
#member .msg .bnt_transfer{	position: absolute;}
#member #ObjectEdit > dt{-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
#member #management .ObjectList ul li .content > dd{width:calc(100% - 350px);float: left;margin-left: 15px;}
#member #management .ObjectList ul li .EdirBnt{position: absolute;top: 50px;right: 10px;}
#member .RegisterBox dl dd .complete,#member .RegisterBox dl dd .verify{float: left;margin-right: 10px;}
#member .RegisterBox dl dd .verify {margin-left: 20px;}
#member .RegisterBox dl dd .complete {margin-left: 150px;}
#member .condition_list.text{display: inline-block;}
#member #cart .giveaway{border-radius: 20px;padding: 5px 15px;margin-left:5px;}
#HouseImg .ImageEdit li {height: 120px;width: 162px;padding: 5px;}
#HouseImg .ImageEdit li p{display: block;}
#member #ObjectEdit .TableBox.subtable .t_td .t_title {width: 105px;}
#member #ObjectEdit .TableBox.subtable .t_td .t_title,#member #ObjectEdit .TableBox.subtable .t_td .t_text{background-color: transparent;padding: 5px ;}
#member #ObjectEdit .TableBox.subtable .t_td .t_title .mask{margin-left: 5px;}
#member .MObjectNav dd .cut{display: inline-block;}
#TopBarPreview .content{width:960px;}
#ID_choice a{margin: 0 5px;width:100px;}
.inquiry h3{font-size: 16px;padding-top: 70px;padding-left: 250px;}
#member #news ul li h4 label{display: none;}
}

@media screen and (max-width: 768px) {
#member #mine dl.m_info dt{width:130px;}
#member #mine dl.m_info dd{width: calc(100% - 130px);display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: center;}
#member #mine h3{width: 100%;}
#member #mine header a{padding: 0px 8px;}
#member .focus_menu img{height: 40px;width: 40px;background-repeat: no-repeat;}
#member .focus_menu .icon01{background-position: left top;}
#member .focus_menu .icon02{background-position: left -40px;}
#member .focus_menu .icon03{background-position: left -80px;}
#member .focus_menu .icon04{background-position: left -120px;}
#member .focus_menu .icon05{background-position: left -160px;}
#member .focus_menu .icon06{background-position: left -200px;}
#member .focus_menu .icon07{background-position: left -240px;}
#member .focus_menu .icon08{background-position: left -280px;}
#member .focus_menu .icon09{background-position: left -320px;}
#member .focus_menu .icon10{background-position: left -360px;}
#member .focus_menu .icon11{background-position: left -400px;}
#member .focus_menu .icon12{background-position: left -440px;}
#member .focus_menu .icon13{background-position: left -480px;}
#member .focus_menu .icon14{background-position: left -520px;}
#member .focus_menu .icon15{background-position: left -560px;}
#member .focus_menu .icon16{background-position: left -600px;}
#member .focus_menu .icon17{background-position: left -640px;}
#member .focus_menu .icon18{background-position: left -680px;}
#member .focus_menu .icon19{background-position: left -720px;}
#member .focus_menu p {height: 40px;width: 40px;margin-right: 15px;}
#member .focus_menu dt p {margin-right: 17px;}
#member .focus_menu p,#member .focus_menu h3{float: left;}
#member .focus_menu h3{	line-height: 40px;gap: 10px;}
#member .focus_menu dt {padding: 1px;margin-bottom: 10px;}
#member .focus_menu dt header{height: 43px;padding: 1px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;position: relative;}
#member .focus_menu dt header .inputbn{margin: 1px;position: absolute;right: -3px;top: 1px;}
#member .focus_menu dt header .inputbn input{line-height: 38px;height: 38px;}
#member .focus_menu dd:after{content: '';clear: both;display: block;}
#member .focus_menu dd {padding: 1px;margin-bottom: 2px;clear: both;}
#member .focus_menu ul li{flex-grow: 1;width: 50%;}
#member .focus_menu > a {display: block;height: 40px;}
#member .focus_menu .linebnt{font-size: 1rem;margin:0px;}
#member .focus_menu .linebnt a{background-color: #A4D192;padding: 0 9px 0 40px;color: #060;line-height: 36px;}
#member .focus_menu .bntbox {gap: 10px;}
#member .focus_menu .bntbox a{padding: 0px 10px;line-height: 36px;}
#member .step ul li span {display: none;}
#management .ObjectList ul li .title dd.date{position: relative;}
#management .ObjectList ul li .EdirBnt{width: 100%;}
#management .ObjectList ul li .EdirBnt a{float: left;margin-right: 2px;margin-left: 3px;}

#member #ObjectEdit > dt{font-size: 16px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;}
#member #ObjectEdit > dt .mobile{display: inline;}
#member #ObjectEdit .TableBox2 th{border-top-style: none;text-align: left;}
#member #ObjectEdit .TableBox2 td{border-top-style: none;border-left-style: none;}
#member #ObjectEdit .SearchBox3 dl dt{width:100%;font-weight:700;float:none;line-height:50px}
#member #ObjectEdit .SearchBox3 .TableBox2,#member #ObjectEdit .SearchBox3 .TableBox2 th,#member #ObjectEdit .SearchBox3 .TableBox2 td{border-style: none;}
#member .TableBox.style07 .TableBox {border-style: none;}
#member .TableBox.style07 .t-td .subtable p {border-style: none;}
.SearchBox3 .clearfix dd{height:0px;width:100%;}

#member #ObjectEdit .SearchBox3 .TableBox{border: none;border-top: 1px solid #CCC;}
#member #ObjectEdit .SearchBox3 .TableBox .t_td .t_title:first-child{border-left: none;}
#member #ObjectEdit .SearchBox3 .TableBox .t_td .t_title{border-bottom: 1px solid #CCC;}
#member #ObjectEdit .SearchBox3 .TableBox .t_td .t_text{border-right: none;}
#member #ObjectEdit .SearchBox3 .TableBox.subtable .t_td .t_title .mask{display: none ;}
#member #ObjectEdit .SearchBox3 .TableBox.subtable .t_tr{border-bottom: none;}
.ImageEdit {margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: center;}

#HouseImg li .imgbox  img{height: 90px;width: 120px;}
#member #OptPay{width: 100%;}
#member #OptPay .S_1{padding-bottom: 10px;}
#member #OptPay .S_1 dt {border-right-style: none;}
#member #OptPay dl dt h4{height:auto;}
#member #faq dl h3 {width: 90%;}
#member #faq dl h4 {width: 10%;}
#member #OptBox li {width: 100%;}
#member #OptBox li dl{height:auto;}
#member #cart .giveaway{margin-left:5px;}
#cart .payment dt{	width: 100%;}
.overflow{overflow: scroll; overflow-Y: hidden}
#member .m-category dt{width: 90%;}
#member .RegisterBox dl dd .complete,#member .RegisterBox dl dd .verify{margin-right: auto;margin-left: auto;margin-bottom: 20px;}
#member .RegisterBox dl dt header h1{font-size: 20px;}
#member .RegisterBox .mobile-hide{display: none;}
#member .RegisterBox dl dd section header {margin: 20px 0px 20px 0px;padding: 10px;font-size: 20px;}
#member .RegisterBox dl dd section.otherSignin header {margin:0px 0px 20px 0px;}
#member .RegisterBox .TableBox .t-tr.m_set .t-td{display: block;padding: 0;}
#member .RegisterBox .TableBox .t-tr.m_set .title{display: none;}
#member .RegisterBox .TableBox .t-tr.m_set:nth-last-child(3) p{display: block;background-color: #c9000340;border-radius: 3px;margin-bottom: 10px;padding: 5px;}

#member .RegisterBox .TableBox.style02 .t-tr,#member .RegisterBox .TableBox.style02 .t-td,#member .RegisterBox .TableBox.style02 .t-td .title,#member .RegisterBox .TableBox.style02 p {display: block;width: 100%;padding-left: 0;padding-right: 0;}
#member .RegisterBox .TableBox.style02 .t-td .title{border-top: 1px solid #CCCCCC80;text-align: left;}
#member .RegisterBox .TableBox.style02 .t-tr:first-child .t-td .title,#member .RegisterBox .TableBox.style02 .t-tr:nth-child(2) .t-td .title,#member .RegisterBox .TableBox.style02 .t-tr:nth-child(4) .t-td .title{border-top: none;}
#member .RegisterBox .TableBox.style02 .t-tr:nth-child(2) .t-td .title{display: none;}
#member .RegisterBox .TableBox.style02 .t-tr:nth-child(2) .t-td .title,#member .RegisterBox .TableBox.style02 .t-tr:nth-child(4) .t-td .title{border-top: none;display: none;}
.EditBntBox a {margin-bottom: 5px;}
#TopBarPreview {padding-top: 50px;}
#TopBarPreview .content .EditBntBox{right: 5px;}
#ID_choice span{display: block;margin-bottom: 10px;}
#ID_choice a{width: calc((100% - 15px)/3 ); margin-right: calc(5px * 3 / 2);margin-bottom: calc(5px * 3 / 2);}
#ID_choice a:nth-child(4) {margin-right: 0;}
.inquiry h3{font-size: 14px;padding-top: 0px;padding-left:5px;position: absolute;width: 100%;left: 0px;bottom: 0px;background-image: url(../../images/BottomBar.png);color: #FFF;}
.inquiry_view .TableBox.style01 .t-tr {padding: 0px; }
#member #news ul li h4 {top: -10px;}
#member #news ul li h4 label{position: absolute;left: -10px;top: 0px;}
#member #news ul li h4 .favouritesbox{top: -40px;}
#member #news ul li h4 .favouritesbox a .join-favourites{background-position:-102px top}
#member #news ul li h4 .favouritesbox a .join-favourites:hover{background-position:-102px -33px}
#member #news ul li h4 .favouritesbox a .del-favourites{background-position:-102px -66px}
#member #news ul li h4 .favouritesbox a .del-favourites:hover{background-position:-102px -99px}
#member .MObjectNav dd .cut span{width: 100px;display:inline-block;}
}
@media screen and (max-width: 480px) {
#member .focus_menu ul li{width: 100%;}
#member #faq dl h3 {width: 82%;}
#member #faq dl h4 {width: 18%;}
#member #OptPay dl dt,#member #OptPay dl dd{width: 50%;}
#member .EditBntBox a ,#TopBarPreview .EditBntBox a{width: 100%;margin-left: 0;}
#member .EditBntBox ,#TopBarPreview .EditBntBox{text-align: center;}
#member #cart .TableBox4 .HideBox{padding: 10px;}
#member .RegisterBox .TableBox label{display: inline-block;}
#cart .TotalAmount dd {width: 100%;}
.bnt_large li{flex: 1;}
}

#member #contract .contract_text{border: 1px solid #CCC;padding:10px;margin: 0px 5px;height: 300px;overflow: scroll; overflow-X: hidden;position: relative;}
#member #contract dl dt,#member #contract dl dd{border: none;}
#member #contract .contract_text dl dt{font-size: 1.05rem;}
#member #contract .tips,.textbox .tips{text-align: right;padding: 10px;font-size: 0.85rem;line-height: 1.5rem;border: none;margin: 0;}
.textbox .textbox_title{font-size: 1.05rem;font-weight: bold;padding: 10px;}
.textbox ul{padding: 10px;}
.textbox ul li{margin-bottom:20px;}
.textbox ul ul{padding: 0px;}
.textbox ul ul li{list-style-type: decimal;list-style-position:outside;margin-left:20px;margin-bottom:0px;}
.textbox ul ul ul li{list-style-type: none;margin-left:0px;margin-bottom:0px;}
.textbox dl dt{font-weight: bold;font-size: 1.15rem;}
.textbox dl dd{padding: 10px;}
.textbox dl dd font{padding: 0 10px;box-shadow: 0 1px;padding-bottom:2px;font-weight: bold;}
@media screen and (max-width: 768px) {
#member #contract,#member #contract .t-td,#member #contract .title{display: block;padding: 0;}
#member #contract .title{display: none;}
}

#member.bouns {margin: 10px 0;padding: 10px 0;}

.bouns .SearchBox_select .bn-input-search{background-image:none;}
.bouns .SearchBox_select dl{flex: 1;}
.bouns .SearchBox_select dt,.bouns .SearchBox_select dd{line-height: 30px;}
.bouns .SearchBox_select dd{float: right;}
.bouns .tipsbox {padding-top: 10px;}
.bouns .tipsbox dd{padding: 10px 0;text-align: right;}
.bouns .tipsbox font{color: #F00;font-size: 1.5rem;}
@media screen and (max-width: 768px) {
#member.bouns .t-tr.count{display: flex;justify-content: flex-end;align-items: center;}
#member.bouns .t-tr.count .t-td,#member.bouns .t-tr.count .t-td .title{display: none;border: none;}
#member.bouns .t-tr.count .t-td:last-child,#member.bouns .t-tr.count .t-td:nth-last-child(2){display: flex;justify-content: flex-end;align-items: center;}
}


/*loginguide*/

.loginguide.bg1{
 background-image: url(../../images/temp/loginguidebg.png ), radial-gradient(ellipse at center, #FFF 0%,rgba(218,200,165,1) 100%);
 background-repeat: no-repeat,no-repeat;
 background-position:top center;
}
.loginguide.bg2{background-image: radial-gradient(ellipse at center, #FFF 0%,rgba(218,200,165,1) 100%);position: relative;}
.loginguide.bg2:before{
 background-image: url(../../images/temp/loginguidebg2.png );
 background-repeat: no-repeat;
 background-position:bottom center;
 width: 100%;height: 100%;bottom: 0;left: 0;z-index: 6;
}
.loginguide.bg2:before,.loginguide .bnt:after,.cloud:before, .cloud:after{content: '';position: absolute}
.loginguide.bg2 .bnt{margin-top: 20px;}
.loginguide.bg2 .bnt:before{content:"\f291";}
.cloudbox{position: relative;}
.c1,.c2{width: 490px;height: 235px;overflow: hidden;position: absolute;}
.c1{left:0;top: 0;}
.c1 .title{color: #FFF;font-size: 42px;font-weight: bold; position: absolute;top:20px;left: 30px;z-index: 5;line-height: 1.25em;}
.c1 .title span{font-size: 55px;display: block;}
.cloud{width: 550px;height: 349px;border-radius: 500px;margin-top: -260px;margin-left: -42px;z-index: 4;position: relative;}
.cloud:before {top: 217px;right: 223px;width: 200px;height: 200px;}
.cloud:after {top: 193px;left: -101px;width: 336px;height: 300px;}
.cloud:before, .cloud:after {border-radius: 50%;}
.cloudbox .c1 .cloud,.cloudbox .c1 .cloud:before,.cloudbox .c1 .cloud:after { background-color:#735A3F;}
.cloudbox .c2{transform:scaleY(-1) scaleX(-1);right: 0;bottom: 0;opacity: .5;}
.cloudbox .c2 .cloud{margin-top: -285px;margin-left: -24px;}
.cloudbox .c2 .cloud:before {top: 212px;right: 168px;}
.cloudbox .c2 .cloud:after {left: -80px;}
.cloudbox .c2 .cloud,.cloudbox .c2 .cloud:before,.cloudbox .c2 .cloud:after {background-color:#FF9900;}
.loginguide{overflow: hidden;}
.loginguide .row{padding: 20px;width: 100%;display: flex;align-items: stretch;flex-wrap: wrap;}
.loginguide .row > div:first-child{padding: 230px 20vw 0 45px;position: relative;}
.loginguide .row > div:first-child h3{font-size: 30px;font-weight: bold;color: #000;margin-bottom:40px;position: relative;}
.loginguide .row > div:first-child h3 span{font-size: 40px;color: #DF3214;line-height: 1.3em;}
.loginguide .row > div:first-child h3 .text{font-size: 25px;position: absolute;background-color: #F4BB64;color: #000;padding: 10px;border-radius: 5px;left:20%;top: -60px;border: none;z-index: 7;width: 145px;}
.loginguide .row > div:first-child h3 .text p{position: relative;}
.loginguide .row > div:first-child h3 .text p:after{border-style: solid;border-width: 10px 10px 0 0;border-color: #F4BB64 transparent transparent transparent;bottom: -20px;left: 20px;}
.loginguide .row > div:first-child h4{font-weight: bold;color: #000;margin-bottom:40px;font-size: 25px;line-height: 2em;}
.loginguide .row > div:first-child h4 span{padding: 5px 10px;margin: 0 5px;background-color: #735A3F80;color: #FFF;border-radius: 5px;border: 1px solid #FFFFFF80;white-space:nowrap}
.loginguide .row > div:first-child .pic01{position: absolute;right: -10px;bottom: -20px;z-index: 6;width: 40vw;}
.loginguide .bnt{background: linear-gradient(to bottom, rgba(239,68,27,1) 0%,rgba(194,18,10,1) 100%);color: #FFF;border: 2px solid #E03415;position: relative;font-weight: bold;padding: 15px;border-radius: 5px;display: inline-block;font-size: 25px;text-align: center;}
.loginguide .bnt:hover{background: linear-gradient(to bottom, rgba(194,18,10,1) 0%,rgba(194,18,10,1) 100%);}
.loginguide .bnt:before{content: "\f25a";margin-right: 5px;}
.loginguide .bnt:after{background-image: linear-gradient(to bottom, rgba(225,225,225,.8) 0%,rgba(194,18,10,0) 100%);width: 96%;height: 10px;top: 2%;left: 2%;border-radius: 5px;}
.loginguide #cart{padding: 10px;background-color: #FFFFFFCC;border-radius: 5px;border: 1px solid #F4BB64;z-index: 6;position: relative;}
.loginguide #cart .caption{background-color: #F2B960;border-radius: 5px;color: #FFFFFF;display: inline-block;padding: 2px 10px;}
.loginguide #cart .add_p{height: 500px;overflow: scroll; overflow-X: hidden;margin-top: 10px;}
.loginguide .finish{flex-direction: column;padding: 50px 0;position: relative;z-index: 7;}
.loginguide .finish img{max-width: 100%;}
.loginguide .finish dl dt{display: flex;justify-content: center;align-items: center;font-weight: bold;}
.loginguide .finish dl dt{font-size: 50px;color: #A0191D;line-height: 1em;flex-direction: column}
.loginguide .finish dl dt span{font-size: 30px;background-color: #A0191D;border-radius: 30px;padding: 0px 10px;color: #FFF;;margin: 30px 0;}
.loginguide .finish dl dd{font-size: 25px;color: #000;line-height: 1.25em;font-weight: bold;text-align: center;}
.loginguide .finish dl dd span{font-size: 35px;}
.loginguide .finish .pic01{max-width: 50vw;}
.loginguide_text{padding: 20px 10px;}
.loginguide_text .title{color:#996633;font-size: 20px;font-weight: bold;}
.loginguide_text ul li{padding: 10px 0;flex-wrap: nowrap;}
.loginguide_text ul li h4{flex: 1;}
.loginguide_text ul li span{width: 22px;height: 22px;background-color: #996633;color: #FFF;margin: 2px 10px 0 0 ;}
.loginguide_text ul li:nth-child(even) span{background-color:#FF9900;} 
#member .step ul li,
#member .step.displaytitle .circuit{width: calc(100% / 6);}
#member .step.displaytitle  ul li span{display: block;}

@media screen and (min-width: 1000px){
.loginguide .row > div:first-child .pic01{width: 20vw;}
}
@media only screen and (min-width: 1000px) and (max-width: 1600px) {
.loginguide .row > div:first-child{flex: 1;}
.loginguide .row > div:last-child{min-width: 650px;}
}
@media only screen and (min-width: 1000px) and (max-width: 1240px) {
.loginguide .row > div:first-child{padding: 230px 10px 0 10px}
.loginguide .row > div:first-child .pic01{top:15vw;bottom: auto;width: 13vw;}
}
@media screen and (min-width: 1600px){
.loginguide .finish .pic01{position: absolute;bottom: 10px;right: 20px;z-index: 6;max-width: 40vw;}
}
@media screen and (max-width: 1001px) {
.loginguide .row > div{width: 100%;}
.loginguide .row > div:first-child{padding: 230px 40vw 0 10px}
.loginguide .row {gap: 10px;}
.loginguide .finish{padding: 80px 5px 20px 5px}
.loginguide.bg2 .cloudbox .c1 {transform: scale(0.7);transform-origin: left top;}
}
@media screen and (max-width: 600px) {
.loginguide .row > div:first-child{padding: 230px 0px 0 0px}
.loginguide .row > div:first-child .pic01{top:30vw;bottom: auto;right: -22px;width: 40vw;}
.loginguide .bnt{display: block;width: 100%;}
.loginguide .finish dl dt {font-size: 40px;}
.loginguide .finish dl dd {font-size: 20px;}
.loginguide .finish dl dd span{font-size: 25px;}
}
@media screen and (max-width: 400px) {
.loginguide .row > div:first-child .pic01{top:45vw;right: -22px;width: 30vw;}
}
#member .TableBox .t-td .bntbox{gap: 5px;}
#member .TableBox .t-td .bntbox a{padding: 0px 10px;}
#member .TableBox .t-td .red{font-size: 0.85rem;line-height: 1.25em;}
.tipsbox{position:relative;margin: 0 5px;cursor: pointer;display: inline-block;}
.tipsbox i{font-size: 1rem;}
.tipsbox:hover span{display: block;}
.tipsbox span{position:absolute;left: -20px;bottom:30px;background-color: #666;color: #FFF;padding: 10px;font-size: 0.9rem;width: clamp(200px, 2.5vw, 300px);line-height: 1.25em;text-align: center;display: none;}
.tipsbox span font{position:relative;}
.tipsbox span font:after{display: block;content: "";position:absolute;left: 10px;bottom:-15px;width: 0;
 height: 0;
 border-style: solid;
 border-width: 5px 5px 0 5px;
 border-color: #666 transparent transparent transparent;}
#inquire_into .inquire_text{line-height: 1.8em;text-align: center;}
#inquire_into .inquire_text h1{font-size: 1.2rem;font-weight: bold;}
#inquire_into .TableBox.style05 .t-th{width: 250px;font-size: 1rem;}
#inquire_into .TableBox.style05.style-w .t-th{width: 50%;text-align: left;}
#inquire_into .TableBox.style05 .t-td p{display: flex;justify-content: flex-start;align-items: center;gap: 10px 20px;flex-wrap: wrap;}

#member #inquire_into .subtitle{margin-bottom: 3px;}
#member #inquire_into .subtitle {color: #FFF;background-color: #999;line-height: 36px;font-weight: bold;}
#inquire_into h1{margin: 10px 0;}
#member #inquire_into .TableBox.style05 input[type="text"]{width: auto;}
@media screen and (max-width: 768px) {
#inquire_into .TableBox.style05 .t-th,#inquire_into .TableBox.style05.style-w .t-th{width: 100%;border: none;}
#inquire_into .TableBox.style05 .t-td p{gap: 10px;}
#inquire_into .TableBox.style05 .t-td span.groupbox{display: flex;justify-content: flex-start;align-items: center;}

}