/*團隊-刊頭*/ .ShopTitle{background-color: #F2F2F2;border-bottom: 1px solid #CCCCCC;} .ShopTitle .photo{width: 100%;text-align: center;} .ShopTitle .photo img{width: 100%;} .ShopTitle .bntbox a{display: inline-block;padding: 0 10px;margin-right: 5px;margin-left: 5px;text-align: center;line-height: 40px;} .ShopTitle .page-container{padding-right: 0px;padding-left: 0px;} @media screen and (min-width: 769px) { .ShopTitle .bntbox{position: absolute;right: 10px;bottom: 10px;top: calc((100% - 40px) / 2);} } @media screen and (max-width: 768px) { .ShopTitle {background-color: #F2F2F2;border-bottom: none;} .ShopTitle .page-container div:nth-child(1){border-bottom: 1px solid #CCCCCC;} .ShopTitle .bntbox{padding: 5px 0;display: flex;justify-content:center;} .ShopTitle .bntbox a{width: calc((100% - 30px) / 3);margin: 0 5px;} } .control{/*vertical-align: top;*/text-align:center;height:30px;width:140px;display:block;} .control input{font-weight:400;line-height:30px;text-decoration:none;width:140px;background-color:transparent;cursor:pointer;border: none;z-index: 1003;} .control .searchRules.imgU,.control .searchRules.imgD{background-repeat:no-repeat;font-size: 16px;} .control .searchRules.imgD{background-position:left top} .control .searchRules.imgU{background-position:left -30px} /*團隊*/ #team .introduce{padding-top: 10px;} #team .introduce li{margin-bottom: 10px;padding: 0 5px;} #team .introduce li:nth-child(even){background-color: #EFEFEF;} #team .introduce li:nth-child(even) h3 span{background-color: #CCCCCC;} #team .introduce li:nth-child(even) h3 font{border-bottom: 1px dashed #CCC;color: #666;} #team .introduce li h4{padding: 10px;white-space:pre-wrap;font-size: 16px;} #team .introduce li h3 font{line-height: 50px;display: inline-block;width: calc(100% - 120px);font-size: 18px;padding-left: 10px;font-weight: bold;} #team .introduce li h3 span{display: inline-block;height: 50px;line-height: 30px;width: 95px;-webkit-border-bottom-right-radius: 50px;-webkit-border-bottom-left-radius: 50px;-moz-border-radius-bottomright: 50px;-moz-border-radius-bottomleft: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;top: -3px;vertical-align: top;background-repeat: no-repeat;} #team .introduce li h3 span.icon01{background-position: 15px top;} #team .introduce li h3 span.icon02{background-position: 15px -60px;} #team .introduce li h3 span.icon03{background-position: 15px -120px;} #team .introduce li h3 span.icon04{background-position: 15px -180px;} #team .introduce li h3 span.icon05{background-position: 15px -240px;} #team .introduce li h3 span.icon06{background-position: 15px -300px;} #team .introduce li h3 span.icon07{background-position: 15px -360px;} #team .shop h1{color: #000;font-weight: bold;} #team .shop .link a{padding: 0 5px;margin: 0 3px 5px 0px;line-height: 28px;display: inline-block;} @media screen and (min-width: 769px) { #team .shop h1{font-size: 1.15rem;line-height: 30px;} } /*---------------------*/ /*需求留言*/ .message .msg img{background-repeat:no-repeat;background-position:-320px top;height:51px;width:70px;margin-right:10px;float:left} .message .msg{margin-bottom: 10px;min-height:51px;} .message dl dt{padding:1px;margin-bottom:10px;} .message dl dd{background-repeat:repeat-x;background-position:left bottom;padding-bottom:10px;position:relative} .message .tips{background-image:none;padding:10px} .message dl dt p{padding:5px 10px;} .message input[type="text"].tel01{width:55px} .message input[type="text"].tel02{width:110px} .message input[type="text"].tel03{width:36px} .message input[type="text"].tel04{width:165px} .message textarea{width:555px;height:100px} .message .morebox{padding:10px;margin-top:10px;} .message .morebox h3{line-height:30px;margin-bottom:10px;font-size:16px} .message .inputbn input.submit,.message .inputbn input.reset,.match_box .inputbn input.submit,.match_box .inputbn input.reset{width: 140px;} .message .condition{position:relative} .message .control{top:-50px;right:10px} @media screen and (min-width: 769px) { .message .table .t-th{width: 120px; text-align: right;} .message .secondbox .t-th{width: auto;} .message input[type="text"]{width:237px} } /*---------------------*/ /*服務據點*/ .place{margin:0px 0px 35px 0px;text-align: left;} .place h3{font-size:1.125rem;line-height:30px;margin-bottom:5px;} .place .bntbox{margin-top: 5px;} .place .bntbox a.bnt{line-height: 30px;margin-right: 5px;padding-right: 5px;padding-left:5px;text-align: center;display: inline-block;width: calc((100% - 20px) / 4);} .place h4{font-size:0.875rem;color: #666;} .place h4 img,.place li img,.shop dt img,.Selectbox img{height:18px;width:18px;background-repeat:no-repeat;margin-right:5px;} .place .iconimg{width: 18px;height: 18px;font-size: 14px;color: #FFF;position: absolute;left: 0;top: 3px;} .place .iconimg.icon01:before{content: "\f095";transform:scaleX(-1);} .place .iconimg.icon02:before{content: "\f041"} .place .iconimg.icon03:before{content: "\f1ac"} .place .iconimg.icon04:before{content: "\f007"} .place .iconimg.icon05:before{content: "\f145"} .place .iconimg.icon06:before{content: "\f0c1";transform:scaleX(-1);} .Selectbox img{background-color: #FFF;border-radius: 18px;} .place a.map {background-image: url(../images/location-map2.png);background-repeat: no-repeat;margin-left: 5px;padding-left: 20px;color: #069;} .place .icon01,.shop .icon01{background-position:-30px -90px;} .place .icon02,.shop .icon02{background-position:-30px -108px} .place .icon03,.shop .icon03{background-position:-365px -80px} .place .icon04,.shop .icon04{background-position:-365px -98px} .place .icon05,.shop .icon05{background-position:-365px -116px} .place .icon06,.shop .icon06{background-position:-365px -134px} .place .icon07,.shop .icon07{background-position:-365px -62px} .place .icon08,.shop .icon08{background-position:-382px -62px} .place .icon09,.shop .icon09{background-position:-382px -80px} /*---------------------*/ /*特約地政士*/ .staff dd{background-repeat: no-repeat;background-position: right bottom;flex: 1;} .staff dd h3{border-bottom-style: none;font-size: 18px;line-height: 35px;padding-bottom: 5px;} .staff dd h3 span{font-size: 24px;margin-left: 10px;} .staff dd h3 font{font-size: 1rem;margin-left: 10px;color: #666;} .staff dt{overflow: hidden;} .staff .imgbox{border: none;border-radius: 0;} .staff .imgbox img{object-fit: cover;max-height: unset;height:100%;width: auto;} .staff .imgbox img.width{height: auto;} .staff .ObjectLink {margin-left:-2px;margin-top:5px;} .staff .ObjectLink li img{background-color: #FFF;margin: 0;} .staff .more{top: 8px;right: 10px;background-color: #ECECEC;border: 1px solid #CCC;padding: 5px;text-align: center;} .staff .more i{color: #CCC;margin-right: 5px;} #staffbox .staff dd ul li{flex-wrap: nowrap} #staffbox .staff dd ul li img{margin-top:5px;} #staff_more dt{font-size: 1.15rem;color: #999;background-color: #E3E3E3;line-height: 1.5rem;padding: 5px;} #staff_more dt i{margin-right: 5px;} #staff_more dd{ font-size: 1rem;border: 1px solid #E8E8E8;padding: 5px;margin-bottom: 10px;} .staff_qecode .title{color: #999;text-align: center;font-size: 1rem;flex-direction:column} .staff_qecode .title span{color: #333;font-weight: bold;font-size: 1.25rem;margin: 5px;} .place .imgbox{height: 50vw;} /*特約商店*/ .tied_shop_list .place{margin:0px;} .tied_shop_list ul{gap: 30px;} .tied_shop_list ul .tips{gap: 5px;margin-bottom: 10px;} .tied_shop_list ul .tips a{padding: 3px 5px;} .tied_shop_list ul li .imgframe{margin-bottom: 10px;padding-bottom: 60%;} .tied_shop_list ul li .imgbox{height: 100%;} .tied_shop_list ul li .imgbox img{width: 100%;max-height: none;} .tied_shop_list ul li:hover .imgbox img {transform: scale(1.05);opacity:1;transition-duration: 0.5s;} .tied_shop_list ul li .place h4{width: 100%;float: none;position: relative;padding-left: 25px;} @media screen and (min-width: 769px) { .place{ margin:0px 25px 25px 0px} .place h3 a.bnt{float: right;} .place h4:first-of-type,.place h4:nth-of-type(2){width: 50%;float: left;} .place h4:last-of-type{width: 100%;clear: both;float: none;} .place img{max-width: 100%;max-height: 250px;transition:all 0.3s ease-out;} .place .imgbox{height: 350px;} .place .imgbox:hover img {transform: scale(1.1);} .staff{position: relative;} #staffbox .staff .imgbox{height: 200px;width: 160px;} .staff dd{padding-left:20px;} .staff dd h3{margin-right: 10px;margin-top: 10px;margin-bottom: 10px;} .staff .more{position: absolute;} .tied_shop_list li {width: calc((100% - 90px) / 4);} } @media screen and (max-width: 769px) { .place h3 a{width: 100%;display: inline-block;font-size:1.25rem;} .place h3 a.bnt{font-size:1rem;width: calc((100% - 10px) / 5);margin-right: 2px;margin-left: 2px;} .staff{flex-direction:column;} .staff .imgbox{margin:10px auto 0 auto;width: 80%;border: none;} .staff dd{padding:0 10px 10px 10px;} .staff dd h3{padding: 10px;text-align: center;} .staff dd h3 span{display: block;font-size:1.6rem;} .staff dd ul{padding-top: 5px;padding-right: 10px;padding-bottom: 20px;padding-left: 10px;} .staff .more{display: block;} .tied_shop_list li {width: calc((100% - 30px) / 2);} } @media screen and (max-width: 440px) { .tied_shop_list li {width: 100%;} } /*---------------------*/ /*房產動態 & 活動花絮活動資訊*/ #news .sort{text-align: right;} #news .page li{padding: 0px;border-bottom-style: none;} #news ul{margin-bottom:20px} #news ul li{padding:10px} #news ul li a h3{background-position:5px 8px;background-repeat: no-repeat;padding-left: 20px;font-size: 1.3rem;line-height: 1.8rem;} #news ul li a h3:hover {background-position: 8px 8px;} #news ul li h4{padding-left: 20px;line-height: 30px;margin-top: 10px;} #news ul li h4 img{margin-top:0px;background-position: -67px -149px;height: 16px;width: 17px;margin-right: 5px;margin-left: 5px;} #news ul li h5{padding-left: 20px;padding-top: 10px;} #news .title{padding:0 0 5px 0;margin-bottom:10px;} #news .title dl{padding:0 10px;position: relative;} #news .title dl dt h1{font-size:20px;line-height:30px;margin-top: 5px;margin-bottom: 5px;} #news .title dl dd {gap: 5px;} #news .title dl dd .back{display: inline-block;padding: 0 1em;line-height: 30px;} #news .edit .irst-img{display: none;} #news ul.photobox{text-align: center;gap: 20px;} #news ul.photobox li,#news ul.photobox li img{border-style: none;padding: 0px;} .Drop_down_submenu a.SelectNav{display:none;} .Drop_down_submenu .SubNav li a{padding: 12px 25px;display: block;transition: background 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out;font-weight: bold;} #news ul.Drop_down_submenu,#news ul.Drop_down_submenu > li{padding:0px;} #news ul.Drop_down_submenu,#news ul.Drop_down_submenu li{border-bottom:none;} #news ul.Drop_down_submenu ul{margin-bottom: 0px;} #news .Drop_down_submenu.navFixed .SubNav li {padding:0px;margin: 5px;} #news .Drop_down_submenu.navFixed .SubNav li a {font-size: 1.2rem;} #nav_sub.navFixed,.HeaderMenu4-innerpage #nav_sub.navFixed {width:100%;z-index: 1000;position: fixed;top: 0;left: 0;margin: 0;padding:7px 0;min-width: 100%;opacity: 0.94;transition: opacity .5s ease-out;background-color: #FFF;box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px;} #news .TopAdBox{border-radius: 8px;overflow: hidden;} .HeaderMenu4-innerpage #nav_sub.navFixed{opacity: 1;} @media screen and (min-width: 769px) { #news ul li .photo img{max-height:200px;max-width: 200px;} #nett dd ul li header,#nett dd ul li h1{float: left;width: auto;font-size: 14px;} #nett dd .bnt{position:absolute;right:10px;bottom:20px} #news > ul > li section{width:calc(100% - 210px);} #news > ul > li .photo{width: 210px;} } @media screen and (max-width: 768px) { #news .title dl dt{font-size: 20px;} #news .title dl dt h4{font-size: 15px;} #news .edit{font-size: 20px;line-height: 32px;} #news .Drop_down_submenu.navFixed .SubNav li a {font-size: 1rem;padding: 5px 25px;} #nav_sub.navFixed, .HeaderMenu4-innerpage #nav_sub.navFixed {height:55px;top: 45px;padding: 5px 10px;overflow: scroll; overflow-Y: hidden;} #nav_sub.navFixed .nav_sub_hide,#nav_sub.navFixed .SubNav{justify-content: flex-start} #nav_sub.navFixed .nav_sub_hide,#nav_sub.navFixed > li{min-width:1230px;} } #nav_sub{margin: 20px 0;} #nav_sub span a{padding: 2px 15px;font-weight: bold;font-size: 22px;} #nav_sub span {border-width: 0;border-color: transparent;background: transparent;font-weight: 400;cursor: pointer;position: relative;font-size: 20px;padding: 5px 12px; z-index: 0;overflow: hidden;border-radius: 100px;} #nav_sub span:before { position: absolute;top: 0;left: 0;width: 100%;height: 120%;background: #d6e3ff;content: '';opacity: 0;z-index: -1; -webkit-transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1); transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1); transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1); transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1); -webkit-transform: translate3d(-110%, -10%, 0) skewX(-20deg); transform: translate3d(-110%, -10%, 0) skewX(-20deg); } #nav_sub span:after { position: absolute;top: 0;left: 0;width: 100%;height: 120%;background: rgba(214,227,255,0.7);content: '';opacity: 0;z-index: -1; -webkit-transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1); transition: opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1); transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1); transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1); -webkit-transform: translate3d(110%, -10%, 0) skewX(-20deg); transform: translate3d(110%, -10%, 0) skewX(-20deg); } #nav_sub span:hover, #nav_sub span:focus {box-shadow: 0 1px 8px rgba(58,51,53,0.3);color: #1d89ff;-webkit-transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);} #nav_sub span:hover:before, #nav_sub span:focus:before { opacity: 1; -webkit-transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); -webkit-transform: translate3d(-50%, -10%, 0) skewX(-20deg); transform: translate3d(-50%, -10%, 0) skewX(-20deg); } #nav_sub span:hover:after, #nav_sub span:focus:after { opacity: 1; -webkit-transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); transition: opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); transition: transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), opacity 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), -webkit-transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); -webkit-transform: translate3d(50%, -10%, 0) skewX(-20deg); transform: translate3d(50%, -10%, 0) skewX(-20deg); } #nav_sub span {display: block;} #nav_sub .nav_sub_hide{gap: 5px;} @media screen and (max-width: 768px){ #nav_sub span.bttn-lg {font-size: 18px; font-weight: bold;padding: 2px 15px;} } /*---------------------*/ /*稅務*/ .tax header{font-size: 20px;} .tax > dl > dt{padding:1px;margin-bottom:10px;} .tax dl dt p{padding:5px 10px;} .tax .msg{padding: 10px;margin-top: 10px;} .tax dl dd .count{padding-left: 10px;} .tax dl dd .msg{float: right;margin-top: 0px;} .tax dl dd .msg img{float: left;margin-right: 10px;} .tax .substyle{padding-left: 10px;} .tax .substyle dt{margin: 10px 0; border-style: none;} .tax .substyle dd{padding: 10px;margin-top: 10px;position: relative;margin-bottom: 10px;} .tax .substyle dd .arrow{width: 0;height: 0;border-style: solid;border-width: 0 6px 7px 6px;line-height: 0px;position: absolute;left: 10px;top: -7px;z-index: 10;} .tax .substyle dd .arrow2{width: 0;height: 0;border-style: solid;border-width: 0 7px 8px 7px;line-height: 0px;position: absolute;left: 9px;top: -8px;z-index: 9;} .tax .inputbn{text-align: left;} .tax input[type="text"].small {width: 55px;} .tax .icon{height: 138px;width: 138px;background-repeat: no-repeat;-webkit-border-radius: 69px;-moz-border-radius: 69px;border-radius: 69px;display: block;} .tax .img01{background-position: left top;} .tax .img02{background-position: left -138px;} /*---------------------*/ /*貸款試算*/ .loan {padding: 1px;min-height:200px;margin-top: 10px;} .loan dt {line-height: 40px;padding: 0 10px;font-size: 16px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} .loan dt.result img {background-repeat: no-repeat;background-position: -320px -55px;height: 20px;width: 20px;margin-right: 10px;} .loan dd {padding: 10px;} .loan input[type='text']{width:65%; } .loan .submit{margin-right: auto;margin-left: auto;display: block;width: 50%;margin-top: 10px;} /*---------------------*/ /*實用工具*/ #nett {overflow: hidden;} #nett .control{top:5px;right:10px} #nett dt{height:40px;position:relative;} #nett dt h3{font-size:16px;line-height:40px;padding-left:10px;font-weight:700} #nett dd{padding-top:10px;padding-bottom:10px;padding-left:40px;position:relative} #nett dd ul li{clear: both;line-height: 35px;} #nett dd input[type="text"]{width:55px} #nett dd .bnt{background-repeat:no-repeat;height:55px;background-position:-400px top;width:123px} #nett dd .bnt:hover{background-position:-400px -55px} .mask{background-repeat:no-repeat;background-position:-320px -55px;height:20px;width:20px;margin-right:10px} .result{font-size:16px;margin-bottom:10px;font-weight:700} #message table{margin-top:20px} #message table th{text-align:right;font-weight:400;vertical-align:top;line-height:30px;padding:8px 8px 8px 10px} #message table td{padding:8px} #message input[type="text"].code{width:165px} #message .codebox{height:42px;width:102px} #link .navigation{list-style-type:none;margin:0;min-height:200px;padding:0;} #link .navigation li .title{font-size:16px;line-height:38px;font-weight:700;padding:1px} #link .navigation li .title p{font-size:16px;} #link .navigation li .title p span{behavior:url(../images/style_0/PIE.htc);display:block;float:left;height:7px;width:7px;margin:15px 10px 10px} #link .navigation li .pic01,#link .navigation li .pic02,#link .navigation li .pic03{height:82px;width:310px;background-repeat:no-repeat} #link .navigation li .pic01{background-position:left top} #link .navigation li .pic02{background-position:left -82px} #link .navigation li .pic03{background-position:left -164px} #link .navigation .menubox{padding:1px;margin-top:1px;margin-bottom:1px} #link .navigation .menu{padding:10px 10px 20px;margin:0;} #link .navigation .menu a{line-height:30px;} #link .navigation .submenu{width:auto;display:none;margin:5px 0} #link .navigation .thirdmenu{display:none;} #link .navigation .menu a,#link .navigation .menu a:visited{overflow:hidden;text-decoration:none;display:block;padding:3px 3px 3px 10px} #link .navigation .submenu a,#link .navigation .submenu a:visited{line-height:30px;text-decoration:none;padding:5px} #link .navigation .menu li:hover ul.submenu,#link .navigation .menu li a:hover ul.submenu{display:block} #link .navigation .submenu li:hover ul.thirdmenu,#link .navigation .submenu li a:hover ul.thirdmenu{display:block} #link .navigation .menu li{float:none;margin:0;background-repeat:no-repeat;background-position:left 12px;width:auto;padding:0 0 0 15px} #link .navigation .submenu li{width:auto;position:relative;background-image:none;margin:0;padding:0;border-style:none} #link .navigation .thirdmenu li{background-image:none;border-style:none} #vacancy li{padding: 1px;margin-bottom: 10px;position: relative;} #vacancy li header h3,#vacancy li header h4{display: inline-block;} #vacancy li header{min-height: 36px;} #vacancy li header h3{font-size: 16px;line-height: 20px; margin-top: 7px;padding-left: 20px;} #vacancy li header h4{/*height: 20px;*/padding:0 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin: 7px 5px 5px 10px;font-family: Arial, Helvetica, sans-serif;} #vacancy .TableBox .mask{background-position: left -55px;height: 11px;width: 6px;margin-right: 5px;} #vacancy .bnt img{background-repeat: no-repeat;background-position: center center;} #recruit .TableBox.style01,#recruit .TableBox.style01 .t-th p,#recruit .TableBox.style01 .t-th ,#recruit .TableBox.style01 .t-td{border-style: none;} #recruit .TableBox.style01 .t-th,#recruit .TableBox.style01 .t-td .title{width:120px;padding-right: 10px;} #resume .TableBox.style01 .t-th{width:15%;text-align: right;} #resume .TableBox.style01 .t-td{width:35%;} #resume header h3{line-height: 35px;font-size: 18px;padding:0 60px 0 20px;display:inline-block;} #resume .bnt{padding: 5px;text-align: center;} #resume .bnt a{display: inline-block;height: 40px;width: 165px;margin-left: 5px;font-size:1.25rem;line-height: 40px;font-weight: bold; text-align: center;} #resume .bnt a img{display:none} #resume .bnt a:before{margin-right: 5px;} #resume .bnt .submit:before{content: "\f00c";} #resume .bnt .reset:before{content: "\f00d";} /*會員登入視窗*/ #longinBox{overflow: visible;font-weight: normal;} #longinBox .Separated{height: 1px;width: 80%;margin-top: 20px;margin-right: auto;margin-bottom: 20px;margin-left: auto;position: relative;} #longinBox .Separated:after{position:absolute;content:'或';left: calc((100% - 100px) / 2);top: -20px;background-color: #FFF;display: block; width:100px;line-height: 41px;text-align: center;} /*#longinBox dt{position: relative;} #longinBox dt span{position: absolute;left: 0px;top: 40px;color: #F00;} #longinBox dt input[type="text"],#longinBox dt input[type="password"]{height: 40px;width: 100%;padding-left: 40px;margin: 0 0 25px 0;font-weight: normal;color: #666;font-size: 0.875rem;} #longinBox dt input.name{background-repeat: no-repeat;background-position: left -5px;} #longinBox dt input.password{background-repeat: no-repeat;background-position: left -55px;}*/ #longinBox dt a{line-height: 40px;color: #FFF;text-align: center;display: block;font-size: 20px;} #longinBox dd{padding-bottom: 10px;font-size: 16px;} #longinBox dd.guild{padding-top: 10px;text-align: center;position:static;font-size: 14px;} #longinBox dd.guild:last-child a{padding: 5px 10px;margin: 0 5px;} .dialog_style1 .ui-state-default{z-index: 2;} #longinBox dt {margin: auto;} #longinBox dt input{margin:0;width: 100%;height: 50px;caret-color:#CCC;} #longinBox dt span{color: #F00;} #longinBox dt {position: relative;} .form-control {display: block;width: 100%;font-size: 1rem;font-weight: 400;line-height: 1.5;background-clip: padding-box;border: 1px solid #ced4da;appearance: none;border-radius: .25rem;} #longinBox dt > label {position: absolute;top: 0;left: 0;height: 50px;padding:12px .75rem;pointer-events: none;border: 1px solid transparent;transform-origin: 0 0;box-sizing: border-box;} #longinBox dt input::-webkit-input-placeholder {color: transparent;} #longinBox dt input:focus::-webkit-input-placeholder {color: #777;} #longinBox .form-control:focus ~ label,#longinBox .form-control:not(:placeholder-shown) ~ label{font-size: 14px;color: #BBB;padding:0px .75rem;} #longinBox .form-control:focus,#longinBox .form-control:not(:placeholder-shown){padding:20px .75rem 0 .75rem;} #longinBox #floatingInput ~ label:before{content: "\f2c0";margin-right: 5px;} #longinBox #floatingPassword ~ label:before{content: "\f13e";margin-right: 5px;} #checkEye {position: absolute;top: calc((100% - 25px) / 2);right: 0px;transform: translateY(-50%);font-size: 20px;padding: 10px;cursor: pointer; } /*加盟登入視窗*/ #longinBox2{overflow: visible;font-weight: normal;} #longinBox2 > dl{padding-top: 20px;} #longinBox2 dt{position: relative;} #longinBox2 dt span{position: absolute;left: 0px;top: 40px;color: #F00;} #longinBox2 dt input[type="text"],#longinBox2 dt input[type="password"]{height: 40px;width: 100%;padding-left: 40px;margin: 0 0 25px 0;font-weight: normal;color: #666;font-size: 0.875rem;} #longinBox2 dt input.name{background-repeat: no-repeat;background-position: left -5px;} #longinBox2 dt input.password{background-repeat: no-repeat;background-position: left -55px;} #longinBox2 dt input.shop{background-repeat: no-repeat;background-position: left -105px;} #longinBox2 dt a{line-height: 40px;text-align: center;display: block;font-size: 20px;} #longinBox2 dd.guild{padding-top: 10px;text-align: center;position:static;font-size: 14px;} #longinBox2 .login_forget dl {margin:0 auto;} #longinBox2 .login_forget dl:after {content: '';display: block;clear: both;height: 0;} #longinBox2 .login_forget dl dt{text-align: right;line-height: 32px;margin-bottom: 10px;padding-right: 15px;position: relative;color: #333;} #longinBox2 .login_forget dl dt:after{border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #666;top: 12px;right: 5px;} #longinBox2 .login_forget dl dd{margin-bottom: 10px;} #longinBox2 .login_forget dl input{padding-top: 2px;padding-left: 3px;width: 185px;} #longinBox2 .login_forget .inputbn{text-align:center;} #longinBox2 .login_forget i{margin-right: 10px;} #longinBox2 .login_forget,#longinBox2 .forminput{padding: 10px 0;display: none;} #longinBox2 .login_forget header{font-size:20px;line-height:39px;left: 0;top: -41px;width: 90%;z-index: 1;} #longinBox2 .login_forget .inputbn{width: 100%;} #longinBox2 .login_forget .inputbn a{font-size:1.25rem;line-height: 40px;height: 40px;width: 100%;margin: 0;} #longinBox2 .login_forget .msg{padding: 10px 0;} #longinBox2 .login_forget .radiobnt label{border: 1px solid #CCC;padding: 5px 10px;margin-right:5px;display: inline-block; background: rgb(239,239,239); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(239,239,239,1) 49%, rgba(239,239,239,1) 49%, rgba(226,226,226,1) 49%, rgba(232,232,232,1) 49%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(239,239,239,1) 49%,rgba(239,239,239,1) 49%,rgba(226,226,226,1) 49%,rgba(232,232,232,1) 49%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(239,239,239,1) 49%,rgba(239,239,239,1) 49%,rgba(226,226,226,1) 49%,rgba(232,232,232,1) 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #longinBox2 .login_forget .radiobnt input[type="radio"]:checked + label { background: rgb(165,165,165); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(165,165,165,1) 49%, rgba(153,153,153,1) 49%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(165,165,165,1) 49%,rgba(153,153,153,1) 49%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(165,165,165,1) 49%,rgba(153,153,153,1) 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#999999',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #FFF; } #longinBox2 .login_forget .radiobnt label i{margin-right: 5px;} #longinBox2 .login_forget .radiobnt label span{display: none;} #longinBox2 .login_forget input[type="radio"] {display: none;} #longinBox2 input[type="radio"]:checked + .forminput {display: block;} .authenticate,.authenticate-failed{background-repeat:no-repeat;height:18px;width:18px;margin:5px} .authenticate{background-position:-320px -80px} .authenticate-failed{background-position:-340px -80px} #member .ad{margin-bottom:10px} #member #left,#member #right{margin-top: 10px;} #member #left .TableBox2 p{line-height:21px;margin-bottom:8px} #member #left .TableBox2{line-height:30px;border-style: none;} #member #left .TableBox2 td{border-style: none;} #member #TabbedPanels4 .TabbedPanelsTabGroup{height:45px} #member #TabbedPanels4 .TabbedPanelsTab{top:0;line-height:44px;height:44px;margin-top:0} #member #TabbedPanels4 .TabbedPanelsTabSelected{top:1px;line-height:45px;height:45px;margin-top:-1px} #member input[type="text"].important{width:114px;} #member input[type="text"].tel01{width:45px} #member input[type="text"].tel02{width:100px} #member .submit{padding:1px;margin-top:1px;} #member .submit a{font-size:22px;line-height:48px;display:block;text-align:center;font-weight:700} #member .submit a.ready {background-color: #CCCCCC;} #member #right dl dt{height:400px} #member #right a{font-size:16px;line-height:46px;text-align:right;display:block} #member #right dl dt h3{line-height:45px;padding-left:10px;font-size:16px} #member #right dl dt .article{overflow:auto;height:325px;padding:10px} #member #right dl dd{margin-top:1px;padding-top:14px;padding-bottom:14px} .member-other-bnt{text-align: center;gap: 5px;} .member-other-bnt img{background-repeat:no-repeat;vertical-align:center;background-image:url(../images/member-other-bnt.png);height:50px;width:50px;margin: 10px;border-radius: 25px;} .member-other-bnt .fb{background-position:right top;background-color: #3D5D97;} .member-other-bnt .fb:hover{background-color: #3D5D9780;} .member-other-bnt .google{background-position:right -50px;background-color: #D82D2D;} .member-other-bnt .google:hover{background-color: #D82D2D80;} .member-other-bnt .linebnt{background-position:right -100px;background-color: #3BB719;} .member-other-bnt .linebnt:hover{background-color: #3BB71980;} #member .member-other-bnt{padding: 10px 8px;margin: 10px;border: 1px solid #CCC;background-color: #F3F3F3;} #member .member-other-bnt img{height:37px;width:175px;max-width:100%;background-color:transparent;margin: 0px;} #member .member-other-bnt .fb{background-position:left -199px} #member .member-other-bnt .fb:hover{background-position:-175px -199px} #member .member-other-bnt .google{background-position:left -236px} #member .member-other-bnt .google:hover{background-position:-175px -236px} #member .member-other-bnt .linebnt{background-position:left -273px} #member .member-other-bnt .linebnt:hover{background-position:-175px -273px} #member-forget{padding:20px;position:relative;margin-top:80px} #member-forget .title{position:absolute;top:-50px;left:10px;width:200px;line-height:60px;font-size:16px;font-weight:700} #member-forget .title img{background-repeat:no-repeat;background-position:-530px top;height:67px;width:52px;vertical-align:bottom;margin-right:10px} #member-forget .warning{padding:1px;margin-top:10px;margin-bottom:10px} #member-forget .warning li{padding:2px 8px} #member-forget .warning li img{background-repeat:no-repeat;background-position:-535px -73px;height:32px;width:36px} #member-forget .warning li span{font-weight:700;font-size:16px;padding-right:10px;padding-left:10px} #ClientBox {margin-top: 20px;} #ClientBox .BigBlock .inside {border-left: none;} #ClientBox li.BigBlock .inside {padding-right: 0px;} #ClientBox li header {position: relative;} #ClientBox li header a{display:block;height:22px;width:60px;text-align:center;position:absolute;top:0;right:0;line-height:22px} #ClientBox li.BigBlock header a{right:17px;} .ShopImg li{float: left;} .ShopImg li a{text-decoration: none;} .list_lh{overflow:hidden;} .list_lh li{padding:10px;} .list_lh li a{text-decoration: none;display: block;} .list_lh li.house_block:hover{cursor:pointer} .ClienLink{overflow: auto;} .ClienLink a{text-decoration: none;} .ClienLink li{padding-top: 5px;padding-bottom: 5px;} .ClienLink li img{border-bottom-style: none;height: 8px;width: 5px;margin-right: 10px;background-repeat: no-repeat;background-position: left -125px;float: left;display: block;margin-top: 8px;} .ClienLink li h3{float: left;width: 92%;} #friendly-web{height: 90px;position: relative;margin-top: 20px;} #friendly-web .prev,#friendly-web .next {background-repeat: no-repeat;height: 34px;width: 34px;position: absolute;top: 30px;} #friendly-web .prev {background-position: left top;left: 15px;} #friendly-web .next {background-position: right top;right: 15px;} #friendly-web #LinkImg{height: 70px;width: 85%;margin-right: auto;margin-left: auto;overflow: hidden;margin-top: 10px;margin-bottom: 10px;} #friendly-web #LinkImg ul{width: 1500px;} #friendly-web #LinkImg ul li{float: left;height: 70px;margin-right: 10px;} #friendly-web #LinkImg .imgbox{border-style: none;} .ShopImgSearch .imgbox,.ShopImgSearch h3 {float: left;margin: 5px;} .ShopImgSearch h3,.ShopImgSearch h4 {width: 62%;} .ShopImgSearch h4 {float: left;margin-left: 5px;} .ShopImgSearch h3 {font-size: 16px;padding-bottom: 5px;} .ClienLinkBox li{float: left;width: 25%;margin-bottom: 20px;} .ClienLinkBox li p{border-bottom: 1px dashed #CCC;margin-right: 10px;margin-left: 10px;} .ClienLinkBox li img{background-repeat: no-repeat;background-position: left -125px;height: 8px;width: 6px;margin-right: 10px;} .ClienLinkBox li a{display: block;height: 22px;overflow: auto;margin-bottom: 10px;} @media screen and (min-width: 769px) { .control{position:absolute} .row.rowhide{margin-right:-25px;display: flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;}/*10.24更改*/ .row.rowhide section{margin-right: 0px;} .tax .substyle dd input[type="text"]{margin-bottom: 5px;} .tax section:nth-child(1) {padding-right: 10px;} .tax section:nth-child(2) {padding-left: 10px;} #message input[type="text"]{width:320px} #message textarea{height:125px;width:800px} #link .navigation li{float:left;width:310px;padding:0;margin:0 4px} #link .navigation .menu a,#link .navigation .menu a:visited{line-height:21px;} #link .navigation .thirdmenu{width:140px;position:absolute;left:95%;top:-5px;} #vacancy .bnt{height: 35px;position: absolute;top: 2px;right: 2px;} #vacancy .bnt img{height: 35px; width: 117px;} #recruit .TableBox{border-collapse: separate;border-spacing: 0 1px;} /*#member-login{width: 960px;margin-right: auto;margin-left: auto;}*/ #member input[type="text"]{width:280px} #member input[type="text"].name{width:160px} #member textarea{height: 70px;width:100%} #member #left{width:57%;border-style:none;float: left;} #member #right{width:42%;float: right;} #longinBox dt span,#longinBox_join dt span{font-size: 12px;} #member-forget input[type="text"]{width:300px;margin-left:20px;} #member .member-other-bnt img{margin: 0;} .edit img {margin: 10px;max-width:100%;} .edit img.image.featured{max-width:calc(100% - 20px);} .edit .first-img{float: right;max-width:350px;} #news ul.photobox li{width: calc((100% - 20px) / 2);} #news ul.photobox li img{margin: 0px;} #news .title dl dt{padding-right: 170px;} #news .title dl dd {position: absolute;top: 0px;right: 5px;} #ClientBox > li {float: left;width: 27.5%;} #ClientBox > li.BigBlock {width: 45%;} #ClientBox li .inside {padding: 10px;height: 300px;} #ClientBox li header {padding-bottom: 20px} .ShopImg li{height: 120px;width: 92px;margin-right: 15px;margin-bottom: 10px;} .ShopImg li .imgbox{height: 90px;width: 90px;} .list_lh ,#inside .ClienLink{height:250px;} .ShopImgSearch li{width: 32.6%;margin-top: 0px;margin-right: 5px;margin-bottom: 15px;margin-left: 0px;height: auto;} #news article {width: 50%;float: left;} #news article.style1 {width: 70%;} #news article.style2 {width: 30%;} #longinBox input[type="password"]{font-size: 30px;} } @media screen and (min-width: 1620px) { #member .member-other-bnt{justify-content: flex-start} } @media screen and (max-width: 768px) { #TabbedPanels3 .control input,#TabbedPanels8 .control input{line-height:32px;height:32px;} .message .secondbox {padding: 1px;} .message .secondbox .t-tr{ padding:5px 0;} .message .secondbox .t-td,.message .secondbox .t-th{width: 100%;text-align: left;padding: 0px;} .message .second .t-th {display: none;} .message .second .t-td {padding: 5px ;width: 100%;} .message .second span {width: 100px;text-align: right;display: inline-block;} .message dl dd input,.message dl dd select{margin-bottom: 5px;} .message textarea{width: 90%;} .message .condition{margin-top: 10px;} #nett .control{position:absolute} /*#news ul li a h3 {font-size: 18px;}*/ .tax input[type="text"],.tax select{width: 50%;} .tax input.submit,.tax input.reset{width:auto;} .tax .icon{margin-right: auto;margin-left: auto;margin-bottom: 20px;} .tax .substyle {padding: 0;} .tax .loan .submit{width: 50%;} #nett dd ul li h1{float: left;display: block;font-size: 16px;} #nett dd .bnt{margin-top: 10px;} #nett dd{padding-left:10px} #nettresult,#ObjectInfo > #nettresult{overflow: scroll; overflow-Y: hidden} #nettresult .TableBox3{margin-bottom: 10px;} #link .navigation li{margin-bottom: 10px;} #link .navigation li .pic01,#link .navigation li .pic02,#link .navigation li .pic03{display: none;} #vacancy li header{min-height: 40px;} #vacancy .bnt{height: 45px;} #recruit .TableBox.style01 .t-tr{border-style: none;width: 100%;margin-bottom: 0px; padding: 0px;} #vacancy .bnt img{height: 45px;width: 100%;} #resume .bnt a{width: 47%;} #member #left,#member #right{margin-top: 20px;} #member #left .TableBox2 td{padding-left: 0px;} #longinBox .Separated,#longinBox dd,#longinBox dd a{font-size: 16px;font-weight: normal;} /*#member-login > dd{display: none;} #member-login > dt{width: 100%;margin-right: 0px;}*/ .edit img {max-width: 100%;} #ClientBox > li {margin-bottom: 20px;padding: 10px;} #ClientBox li header{margin-bottom: 10px;} .ShopImg li{width: 48%;margin-right: 1%;margin-left: 1%;} .list_lh ,#inside .ClienLink{height:80px;} .edit .point,a.point{position: relative;} .edit .point:before,a.point:before{position:absolute;content:'';top: -50px;height: 50px;left: 0px;display: block;} #news ul.photobox li{width: 100%;} #team .introduce li h3 font{text-align: center;} } @media screen and (min-width: 481px) { /*.ShopTitle{ height: 120px; } .ShopTitle .photo{ height: 120px; }*/ .ShopTitle .photo img{max-width: 100%;} .ShopTitle h1{z-index: 4;} } @media screen and (max-width: 480px) { .ShopTitle .photo img{max-height: 100%;max-width: 100%;} .ShopTitle img{margin-right: auto;margin-left: auto;display: block;} .message .inputbn,.match_box .inputbn{width:auto} label{display: block;margin-bottom: 5px;} .page label{display: inline-block;} #BottomBar label{display: inline-block; margin-bottom: 0px;} #BottomBar input{width:auto} #longinBox label,#longinBox_join label{display: inline-block;font-size: 20px;} #longinBox dt span,#longinBox_join dt span{font-size: 16px;} #longinBox_join dt input[type="text"],#longinBox_join dt input[type="password"]{margin: 0 0 40px 0;} } .download_box header{font-size: 20px;font-weight: bold;color: #000;padding: 5px;border-bottom: 3px solid #E8E8E8;display: inline-block;width: auto;margin: 5px;} .download_box a{margin: 5px;padding: 5px;border: 1px solid #CCC;display: block;background-color: #FAFAFA;} .download_box a img{display: inline-block;margin: 5px 10px 0px 10px;vertical-align: top;} .download_box a span{display: inline-block;width: calc(100% - 50px);} #aquicklink p{padding: 10px;} #aquicklink p a{ box-shadow: 0px 0px 6px #fff; transition: .5s; -webkit-transition: .5s; transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); display: block; } #aquicklink p a:hover{ transform: scale(0.95) translateY(0px); -webkit-transform: scale(0.95) translateY(0px); } .effect a{ box-shadow: 0px 0px 6px #fff; transition: .5s; -webkit-transition: .5s; transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); display: block; } .effect a:hover{ transform: scale(0.95) translateY(0px); -webkit-transform: scale(0.95) translateY(0px); } @media only screen and (min-width: 240px) and (max-width: 768px) { #aquicklink p{padding: 5px;} #aquicklink .assign{width: 50%;} } .fancybox_bg{ padding: 10px;max-width: 800px; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 11%, rgba(237,237,237,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 11%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 11%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /*signup*/ .subtitle{border-bottom: 3px solid #F8F8F8;position: relative;height: 40px;margin-bottom: 20px;} .subtitle h2{font-size: 1.25rem;display: inline-block;line-height: 37px;padding:0 5px;position: absolute;left: 0px;top: 0px;} #signup .searchbox{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ margin-bottom:10px; overflow: hidden; position: relative; } #signup .searchbox {font-size: 20px;color: #333;margin:10px;} #signup .searchbox header{line-height: 40px;padding: 10px;} #signup .searchbox .bntbox{border-radius: 20px;background-color: #8A8A8A;top: 10px;right: 10px;line-height: 40px;} #signup .searchbox .bntbox li a ,#signup .searchbox .bntbox li input{font-size: 16px;padding-right: 10px;padding-left: 20px;display: block;color: #FFF;} #signup .searchbox .bntbox li.control{position: static;flex-grow: 1;} #signup .searchbox .bntbox li a.S_bnt{font-size: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} #signup .searchbox .bntbox li a.S_bnt i{margin-right:5px;} #signup .searchbox .morebox{border-top: 1px solid #CCCCCC80;background: url(../images/signup_seatchbg.png) right bottom no-repeat;padding: 10px 20px;} #signup .control .searchRules.imgU,#signup .control .searchRules.imgD {background-image: url(../images/imgDU3.png);} #signup .searchbox .morebox ul li{margin-bottom: 10px;} #signup .searchbox .morebox ul li dl dt{width: 120px;color: #999999;} #signup .listbox {gap: 20px;} #signup .listbox > li{width:calc((100% - 60px) / 4);border: 1px solid #E8E8E8;padding-bottom:40px;overflow: hidden;position: relative;} #signup .listbox li h3{font-size: 1.15rem;font-weight: bold;text-align: center;border-bottom: 1px solid #EDEDED;margin: 10px;padding: 10px 0;} #signup .listbox li dl{text-align: center;margin: 10px;} #signup .listbox li dt{color: #A5A5A5;width:100%;} #signup .listbox li dd{margin-bottom: 15px;width:100%;color: #333;} #signup .listbox li dd span{font-size: 0.85rem;} #signup .listbox li dd:last-of-type{margin-bottom: 0px;} #signup .listbox li dd:first-of-type{font-size: 1.25rem;font-weight: bold;} #signup .listbox li .count{width:calc(100% / 3);} #signup .listbox li dd.count{font-size: 1.25rem;color: #000;font-weight: bold;} #signup .listbox li dd.red{font-size: 2rem;font-weight: bold;color: #DD0000;line-height: 1.2em;} #signup .listbox .linkview{display: block;height: 100%;width: 100%;position: absolute;left: 0px;top: 0px;} #signup .listbox .bnt{font-size: 1.25rem;text-align: center;display: block;line-height: 40px;font-weight: bold;position: absolute;left: 0px;bottom: 0px;width: 100%;gap: 5px;} #signup .listbox .bnt a{flex: 1;color: #FFF;position: relative;} #signup .listbox .bnt a:before{width: 1px;height: 16px;right: 0;top: calc((100% - 16px) / 2);background-color: #FFF;} #signup .listbox .bnt a:last-child:before{display: none;} #signup .listbox .bnt a:hover{color: #FFFFFF80;} #signup .listbox .bnt i{margin-right: 10px;} #signup .listbox .bnt.inhibit {background-color: #E6E6E6!important;color: #999;cursor: not-allowed;} #signup .signup_info{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: 5px solid #E6E6E6;padding-bottom: 30px;position: relative;margin-bottom: 40px;} #signup .signup_info dl{width:100% ;text-align: center;padding: 5px;border-right: 1px solid #E6E6E6;} #signup .signup_info dl:last-of-type {border-right: none;} #signup .signup_info dl dt,#signup .signup_info dl dd{width:auto;font-size: 1.15rem;line-height: 1.5em;font-weight: bold;} #signup .signup_info dl dt{padding: 10px 0 20px 0;position: relative;font-size: 1rem;color: #FFF;} #signup .signup_info dt .icon{width:30px;height: 25px;} #signup .signup_info dt .icon.img1{background-position: -20px top;} #signup .signup_info dt .icon.img2{background-position: -20px -25px;} #signup .signup_info dt .icon.img3{background-position: -20px -50px;} #signup .signup_info dt .icon.img4{background-position: -20px -75px;} #signup .signup_info dt .icon.img5{background-position: -20px -100px;} #signup .signup_info dt .icon.img6{background-position: -20px -125px;} #signup .signup_info dl dt:before{ background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.2) 49%, rgba(255,255,255,0) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,0.2) 49%,rgba(255,255,255,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ left: 0px; top: 0px; width: 100%; height: 100%; display: inline-block; } #signup .signup_info dl dt:after {border-style: solid;border-width: 5px 5px 0 5px;border-color: #FFF transparent transparent transparent;top: auto;bottom: 10px;right:calc((100% - 10px) / 2);} #signup .signup_info dl dd{padding: 10px;} #signup .signup_info .bntbox li{flex-grow: 1;} #signup .signup_info .bntbox li a{font-size: 1.15rem;line-height: 35px;text-align: center;padding: 0 5px;margin: 0 5px;} #signup .signup_info .bntbox li a i,#signup .signup_info .bntbox li a img{margin-right: 5px;} #signup .signup_info .bntbox li a.inhibit{background-color: #E6E6E6;cursor: not-allowed;color: #999;} #signup .signup_info .bntbox li a.bnt_line{background-color: #00C000;color: #FFF;border: 3px Solid #7FDF7F;} #signup .signup_info .bntbox li a.bnt_fb{background-color: #4267B2;color: #FFF;border: 3px Solid #A0B3D8;} #signup .signup_info .bntbox li a img{background-position: center center;background-size: cover;} #signup .signup_info .bntbox li a.bnt_line img{background-image: url(../images/LINE01.svg);width: 20px;height: 20px;} #signup .signup_info .bntbox li a.bnt_fb img{background-image: url(../images/Fb.svg);width: 25px;height: 25px;} .signup_info{margin-bottom: 10px;line-height: 28px;display: flex;flex-wrap: wrap;justify-content: flex-start;} .signup_info dt{color: #999999;position: relative;width:110px;} .signup_info dt:after {content: "";border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #CCCCCC;position: absolute;top: 10px;right:5px;} .signup_info dt .icon{width:20px;height: 20px;background-repeat: no-repeat;vertical-align: middle;margin-right: 10px;} .signup_info dt .icon.img1{background-position: left top;} .signup_info dt .icon.img2{background-position: left -20px;} .signup_info dt .icon.img3{background-position: left -40px;} .signup_info dt .icon.img4{background-position: left -60px;} .signup_info dt .icon.img5{background-position: left -80px;} .signup_info dt .icon.img6{background-position: left -100px;} .signup_info dd{width:calc(100% - 110px);} .signup_info2 header{font-size: 1.25rem;color: #000;font-weight: bold;text-align: center;padding:10px 0;} .signup_info2 .line{background: url(../images/signupline.png) repeat-x left top;height: 21px;margin: 0px;padding: 0px;border: none;} .signup_info2 dl{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;margin-top: 10px;margin-bottom: 10px;} .signup_info2 dl dt,.signup_info2 dl dd{vertical-align: top;margin-bottom: 8px;padding: 5px 10px;} .signup_info2 dl dt{-webkit-border-radius:20px;-moz-border-radius: 20px;border-radius: 20px;text-align: center;width: 110px;} .signup_info2 dl dd{width:calc(100% - 110px);border-bottom: 1px dotted #CCC;} .signup_info2 dl dd:last-of-type{border-bottom: none;} .signup_finish{padding: 10px;border-top: 1px solid #CCC;margin-top: 10px;} .signup_finish{font-size: 35px;line-height: 1.15em;} .signup_finish .bntbox{font-size: 18px;gap: 10px;margin-top: 10px;} .signup_finish .bntbox a{padding: 0px 15px;background-color: #888;color: #FFF;} .signup_finish .bntbox a{position: relative;overflow: hidden;} .signup_finish .bntbox a:after { position: absolute; content: ""; width: 100%; height: 0; bottom: 0; left: 0; z-index: 2; border-radius: 5px;background-color: #FFFFFF1A; background-image: linear-gradient(315deg, #FFFFFF1A 0%, #FFFFFF1A 74%); box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001; transition: all 0.3s ease; } .signup_finish .bntbox a:hover{animation-name: pulse;transform:translateZ(0);transform:translate3d(0,0,0);} .signup_finish .bntbox a:hover:after{top: 0;height: 100%;} .edit_box{padding:10px 0px;} .edit_box table th,.edit_box table td{padding:2px;list-style:none} .edit_box.teacher dl dt{flex-basis: 80px;color: #BBB;} .edit_box.teacher dl dd{flex-basis: calc(100% - 80px);margin-bottom: 20px;} .edit_box .TableBox.style08{border-bottom: none;} .S_tips ul{padding:20px 0px;} .S_tips ul li{margin-bottom: 8px;padding-left: 2.2rem;position: relative;} .S_tips ul li span{-webkit-border-radius:20px;-moz-border-radius: 20px;border-radius: 20px;margin-right: 10px;text-align: center;width: 20px;display: inline-block;position: absolute;left: 0px;top: 0px;} .S_tips dl dl dd h3{border: none;font-size: 0.85rem;padding-right: 10px;line-height: 21px;border: none;margin: 0px;width: 80px;} .S_tips dl dl dd h4{width:calc(100% - 90px);} #member.signup_table #ObjectEdit .TableBox .t_th,#member.signup_table #ObjectEdit .TableBox .t_td .t_title{width:120px;} #member.signup_table #ObjectEdit .TableBox .t_td input[type="text"]{width: calc(100% - 8px);} #member.signup_table .inputbn {text-align: center;} #member.signup_table .inputbn input {font-size: 1.25rem;line-height: 33px;height: 35px;} #member.signup_table .wrapper {width: auto;} #member.signup_table .applicant{margin-bottom: 10px;} #member.signup_table .tips{margin: 0;padding: 10px;background-color: #CCCCCC40;border-radius: 0;border: 1px solid #CCC;border-bottom: none;} #member.signup_table .applicant:nth-child(even) .TableBox{background-color: #FFFFCC33;} #member.signup_table .applicant:nth-child(even) .TableBox .t_th, #member.signup_table .applicant:nth-child(even) .TableBox .t_td .t_title{background-color: #FFFFCC99;} #member.signup_table .applicant:nth-child(even) .tips{background-color: #FFFFCC99;} #member.signup_table .bntbox{display: flex;justify-content: center;align-items: center;gap: 5px;margin-bottom: 10px;} #member.signup_table .bntbox div{flex: 1;margin: 0;border: none;position: relative;} #member.signup_table .bntbox div:before{position: absolute;top: calc((100% - 16px) / 2);right: calc((100% - 150px) / 2);} #member.signup_table .bntbox div a{display: block;padding: 10px;width: 100%;} #member.signup_table .add a{background-color: #FFFFFF40;} #member.signup_table .add:before{content: "\f067";} #member.signup_table .del{background-image: none;} #member.signup_table .del:before{content: "\f068";} #member.signup_table .del a{background-color:#CCCCCC33;} #member.signup_table .TableBox{background-color: #FFF;} #member.signup_table .TableBox label{margin-right: 5px;} #member.signup_table .TableBox ul li{margin-bottom: 5px;} #member.signup_table .TableBox ul li span.tips{color: #727272;background-color: #e4e4e4;padding: 0 10px;border-radius: 20px;display: inline-block;border: none;} #member.signup_table .TableBox ul li label{display: inline-block;} #member.signup_table .TableBox .red .t_th,#member.signup_table .TableBox .red .t_td,#member.signup_table .TableBox .red .t_title{background-color: #ffebc0;} #member .listbox.result > li{width: 100%;padding: 1px;} #member .listbox.result li .title{background-color:#CCCCCC33;padding: 2px 10px;} #member .listbox.result li .title h3{margin: 0px;padding: 0;border-bottom:none;color: #000;} #member .listbox.result li .title .cost .price{font-size: 0.85rem;color: #000;} #member .listbox.result li .title .cost .price span{font-size:1.15rem;padding: 0 10px;} #member .listbox.result li .title .cost .bntbox{padding-left: 20px;} #member .listbox.result li .title .cost .bntbox a{width: 100px;height: 35px;font-size: 1.15rem;} #member .listbox.result li .title .cost .bntbox .inhibit,#member .listbox.result li .title .cost .bntbox .inhibit:hover{background-color: #666;} #member .listbox.result li .title .cost .bntbox:before{width: 1px;height: 16px;background-color: #CCC;top: calc((100% - 16px) / 2 );left: 0;} #member .listbox.result li .info{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items:stretch;} #member .listbox.result li .info li:first-child{font-size: 1.25rem;} #member .listbox.result li .info li{border: none;padding: 10px;color: #333;margin: 0;} #member .listbox.result li .info li span{display: block;color: #BBB;font-size: 0.85rem;} #member .listbox.result li .imgframe{width: 60px;padding-bottom:60px;} #member .listbox.result li .info li.filebox a.add{color: #fff;background-color: #006699;border-color: #006699;border: none;font-size:1.15rem;line-height: 1.5em;border-radius: 5px;margin:5px;padding:0 10px 0 30px;position: relative;} #member .listbox.result li .info li.filebox a.add:before{content: "\f15b";top: 5px;left: 5px;} #member .listbox.result li .info li.filebox a.add:after{content: "\f01b";color: #006699;top: 12px;left: 13px;font-size: 0.7rem;background-color: #FFF; border-radius: 50%;} #RegisterList_1 .listbox.result li .title h3 {font-size: 1.15rem;font-weight: bold;} #RegisterList_1 .listbox.result li .title .cost .bntbox:before{left: 10px;} .curriculum{padding: 2px;border-radius: 10px;} .curriculum table{width: 100%;font-size: 1.15rem;min-width: 700px;} .curriculum table th{background-color: #A4BDC180;position: relative;} .curriculum table th:after{background-color: #FFFFFF80;width: 1px;height: 18px;top:calc((100% - 18px) / 2);right: 0px;} .curriculum table th:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;width: 65px;} .curriculum table th:nth-child(2){width:180px;} .curriculum table th:nth-child(4){width:80px;} .curriculum table th:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;width:160px;} .curriculum table th:last-child:after{display: none;} .curriculum table th,.curriculum table td{padding: 10px 20px;} .curriculum table td:last-child{border-right: none;} .curriculum table td:first-child,.curriculum table td:nth-child(3),.curriculum table td:nth-child(4),.curriculum table td:last-child,.curriculum table .rowspan td:nth-child(2){text-align: center;} .curriculum table td:first-child span{display: block;} .curriculum table .rowspan td:nth-child(3){text-align:left} @media screen and (min-width: 769px) { #signup .searchbox .bntbox{position: absolute;} #signup .searchbox .morebox ul li{width:calc(100% / 3);} #signup .signup_info dl{width:calc(100% / 5);} #signup .signup_info .bntbox{position: absolute;left: calc((100% - 400px) / 2);bottom: -20px;width: 400px;} } @media only screen and (min-width: 481px) and (max-width: 768px) { #signup .listbox li {width:calc((100% - 20px) / 2);} } @media screen and (max-width: 768px) { #signup .searchbox header{text-align: center;} #signup .searchbox .bntbox{margin: 10px} #signup .searchbox .morebox{border-bottom: 1px solid #CCCCCC;} #signup .listbox li{padding-bottom:60px;} #signup .signup_info .bntbox li{width:calc(100% / 3);} #signup .listbox .bnt {padding:10px 0;} .signup_info .bntbox{position: fixed;width: 100%;left: 0px;bottom: 0px;z-index: 1000;background-image: url(../images/BottomBar.png);padding: 5px 0;} .S_tips ul li span{width: 30px;} #member .listbox.result li .info{flex-wrap: wrap;} #member .listbox.result li .title{padding-bottom: 5px;} #member .listbox.result li .info li:first-child,#member .listbox.result li .info li:nth-of-type(2){width: 50%;} #RegisterList_1 .listbox.result li .title h3 {width: 100%;justify-content:center} #RegisterList_1 .listbox.result li .cost,#RegisterList_1 .listbox.result li .cost .price{gap: 5px;width: 100%;} #RegisterList_1 .listbox.result li .info li:first-child{width: 100%;} #RegisterList_1 .listbox.result li .info li:nth-of-type(2),#RegisterList_1 .listbox.result li .info li:nth-of-type(3){width: 50%;} #RegisterList_1 .listbox.result li .title .cost{justify-content: center;} #RegisterList_1 .listbox.result li .title .cost .bntbox{padding: 0 10px;} #RegisterList_1 .listbox.result li .title .cost .bntbox a{width: 120px;} #RegisterList_1 .listbox.result li .title .cost .bntbox:before{left: auto;right: 0px;} .curriculum{overflow: auto; overflow-Y: hidden} .curriculum table th,.curriculum table td{padding: 10px 5px;} } @media screen and (max-width: 480px) { #signup .listbox li {width:100%;margin: 0 0px 20px 0px;} #signup .searchbox .morebox{background: none;} .signup_info{text-align: center;} .signup_info dt{width:100%;padding-bottom:10px} .signup_info dd{width:100%;padding-bottom:20px} .signup_info dt:after {border-style: solid;border-width: 5px 5px 0 5px;border-color: #CCC transparent transparent transparent;top: auto;bottom: 5px;right:calc((100% - 10px) / 2);} } #Topic_link a{margin: 15px;display: block;background-color: #FFF;color:#999;font-size: 20px;line-height: 25px;text-align: center;padding: 10px 0;} #Topic_link a:hover{background-color: #999;color: #FFF;} #Topic_link font{vertical-align: top;display: inline-block;font-weight: bold;} #Topic_link font.big{font-size: 50px;line-height: 50px;font-weight: normal;} #Topic_link img{background-repeat: no-repeat;height: 80px;width: 130px;} #Topic_link section a .icon01{background-position: left top;} #Topic_link section a:hover .icon01{background-position: -130px top;} #Topic_link section a .icon02{background-position: left -80px;} #Topic_link section a:hover .icon02{background-position: -130px -80px;} #Topic_link section a .icon03{background-position: left -160px;} #Topic_link section a:hover .icon03{background-position: -130px -160px;} #Topic_link section a .icon04{background-position: left -240px;} #Topic_link section a:hover .icon04{background-position: -130px -240px;} #Topic_link section a .icon05{background-position: left -320px;} #Topic_link section a:hover .icon05{background-position: -130px -320px;} #Topic_link section a .icon06{background-position: left -400px;} #Topic_link section a:hover .icon06{background-position: -130px -400px;} @media screen and (min-width: 769px) { #Topic_link img{display: block;margin-right: auto;margin-left: auto;} } @media screen and (max-width: 768px) { #Topic_link font{margin-top: 15px;} #Topic_link img{background-position: -130px top;} #Topic_link .\32 u, #Topic_link .\32 u\24{width: calc(100% / 3);} #Topic_link.img4 .\33 u, #Topic_link.img4 .\33 u\24{width: 50%;} } @media screen and (max-width: 440px) { #Topic_link .\32 u, #Topic_link .\32 u\24{width: 50%;} } #HouseImg{margin-bottom: 10px;position: relative;} #HouseImg ul > li{margin:35px 4px 15px 4px;} #HouseImg .tipstext{position: absolute;left:0;top:0;display: flex;flex-wrap: wrap;align-content: center;} #HouseImg .tipstext li{position: relative;padding: 0px;} #HouseImg .tipstext li span{position: absolute;top:-35px;left:0;width: 100%;overflow : hidden; text-overflow : ellipsis; white-space : nowrap;} #HouseImg .tipstext li span i{font-style:normal;color: #9a9a9a;font-size: 1rem;} #HouseImg .tipstext li span font{cursor: pointer; } #HouseImg .tipstext li span input[type="text"]{width: 80%;margin: 0;} #HouseImg .ImageEdit li .imgbox .add{max-height: 120px;max-width: 160px;height: auto;width: auto;} @media screen and (min-width: 769px) { #HouseImg ul > li {height: 120px;width: 162px;padding: 5px;} } .input_text font{right: 5px;top: 0;color: #999;} #calcbox .calc_bg img{max-width:100%;} #calcbox .calc_content{position:relative;font-size: 18px;} #calcbox .calc_content:before{width: 100%;height: 100%;position:absolute;z-index: 1;opacity: 0.25;pointer-events:none;background: url(../images/temp/kslogo.png) no-repeat left center;background-size: 60.5% auto;-webkit-print-color-adjust: exact;/*For Chrome*/color-adjust: exact;/*For Firefox*/} #calcbox .calc_content .title{font-size:clamp(22px , 6vw, 30px);font-weight: bold;line-height: 1.5em;margin-bottom: 20px;text-align: center;} :is(#calcbox .calc_content .TableBox) :is(.t_th,.t_td){vertical-align: top;} #calcbox .calc_content .TableBox .t_th{text-align: left;width:200px;position: relative;padding: 5px 0px;} #calcbox .calc_content .TableBox .t_tr:last-child .t_th{vertical-align: middle;} :is(#calcbox .calc_content .TableBox) :is(.t_th .tips,.t_td .t_title .tips) {color: #EE8335;font-size: 0.85rem;line-height: 20px;margin: 0;} #calcbox .calc_content .TableBox .t_tr:last-child .t_td input{font-size: 25px;} #calcbox .calc_content .TableBox .t_tr:last-child .t_th:after{display: none;} #calcbox .calc_content .TableBox .t_th:after{border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #999999;right: 10px;top: 17px;/*top: calc((100% - 10px) / 2);*/} #calcbox .calc_content .TableBox .t_text{display: flex;justify-content: flex-start;align-items: center;width: 100%;min-height: 30px;} #calcbox .calc_content .TableBox .t_text .tips{border-radius: 20px;padding: 5px 20px;display: inline-block;font-size: 16px;color: #000;background-color: #FFCA7B;min-height: 30px;background-size: auto;line-height: 20px;display: flex;justify-self: start;align-items: center;position: relative;} #calcbox .calc_content .TableBox .t_text .tips:before{border-style: solid;border-width: 5px 8px 5px 0;border-color: transparent #FFCA7B transparent transparent ;left: -6px;top:11px;clear: both;position: absolute;} #calcbox .calc_content .TableBox .tips_p{display: none;} #calcbox .calc_content .TableBox .t_text .tips,#calcbox .calc_content .TableBox .t_text .tips:before{-webkit-print-color-adjust: exact;/*For Chrome*/color-adjust: exact;/*For Firefox*/} #calcbox .calc_content .TableBox select,#calcbox .calc_content .TableBox input[type="text"]{width: 100%;font-size:20px;height: 35px;margin: 0;} #calcbox .calc_content .TableBox .inputbn{gap: 5px;} #calcbox .calc_content .TableBox .inputbn input{font-size: 1.25rem;text-align: center;padding: 5px;color: #FFF;border: none;cursor: pointer;margin: 0;height: auto;flex: 1;} #calcbox .calc_content .TableBox .inputbn input[type="button"]{background-color: #006699;} #calcbox .calc_content .TableBox .inputbn input[type="button"].clean{background-color: #666;} #calcbox .calc_content .TableBox input{font-family: Arial, Helvetica, sans-serif;} #calcbox .calc_content .TableBox input.bringin{background-color: #F1F1F1;color: #FF0000;font-weight: bold;} #calcbox .calc_content .TableBox input.cipher{font-size: 25px;border-color: #FF0000;} @media only screen and (min-width: 769px) and (max-width: 1245px) { #calcbox .calc_c1{flex-direction:column;width: 700px;margin: 0 auto;} #calcbox .calc_content,#calcbox .calc_bg{display: flex;align-items: center;justify-content: center;flex-direction:column;} } @media screen and (min-width: 769px) { #calcbox .calc_bg{order: 1;background-size: 100% auto;flex: 1;max-width: 580px;min-height: 380px;background-repeat: no-repeat;} #calcbox .calc_bg img{display: none;} #calcbox .calc_c1 .calc_bg{background-image: url(../images/calc01.png);} #calcbox .calc_c2 .calc_bg{background-image: url(../images/calc02.png);} #calcbox .calc_content{width: 700px;min-height: 455px;order:2;} #calcbox .calc_content .TableBox .t_tr .t_td:nth-child(2){width: 250px;} #calcbox .calc_content .title{text-align: left;} } @media screen and (max-width: 768px) { #calcbox li:first-child{margin-bottom: 20px;} #calcbox .calc_bg{order: 1;} #calcbox .calc_content{width: 100%;order:2;} #calcbox .calc_content .TableBox .t_tr{position: relative;padding-bottom: 10px;border-bottom: 1px dashed #CCC;margin-bottom: 10px;} #calcbox .calc_content .TableBox .t_tr:last-child{border-bottom:none} #calcbox .calc_content .TableBox .t_title,#calcbox .calc_content .TableBox .t_text{display: block;} #calcbox .calc_content .TableBox .tips_m{position: absolute;right: 0px;top:0px;padding: 0;} #calcbox .calc_content .TableBox .t_tr:nth-last-child(3) .tips_m{position:static} #calcbox .calc_content .TableBox .t_tr:nth-last-child(3) .tips_m .tips {margin-top: 10px;} #calcbox .calc_content .TableBox .t_tr:nth-last-child(3) .tips_m .tips:before{border-width:0 8px 8px 8px;border-color: transparent transparent #FFCA7B transparent ;left: 14px;top:-6px;} #calcbox .calc_content .TableBox .t_td.tips_p{display: none;} #calcbox .calc_content .TableBox .t_td{display: flex;justify-content: flex-start;flex-direction:column;height: auto;padding: 0px;gap: 5px;} :is(#calcbox .calc_content .TableBox) :is(.t_title,.t_text){padding: 0;} #calcbox .calc_content .TableBox select,#calcbox .calc_content .TableBox input,#calcbox .calc_content .TableBox .input_text font{height: 40px;line-height: 40px;} #calcbox .calc_content .TableBox .inputbn input{height: 50px;} #calcbox .calc_content:before{background-size: 100% auto;} } @media print{ /*.no-print {display: none !important;}*/ #calcbox .calc_content .TableBox .t_tr{display: table;} #calcbox .calc_content .TableBox .t_tr .t_th,#calcbox .calc_content .TableBox .t_tr .t_td{display: table-cell;padding: 5px 0;} #calcbox .calc_content .TableBox{width: auto;margin-left: 0px;} #calcbox .calc_content .TableBox .t_tr .t_th{text-align: right;padding-right: 30px;} #calcbox .calc_content .TableBox .t_tr .t_td:nth-child(2){width: auto;} #calcbox .calc_content .TableBox select,#calcbox .calc_content .TableBox input[type="text"],#calcbox .calc_content .TableBox input.bringin{width: auto;border: none;background-color: transparent;color: #000;} #calcbox .calc_content .TableBox input.bringin{color: #FF0000;} #calcbox .calc_content .TableBox input[type="text"],#calcbox .calc_content .TableBox input.bringin{width: 150px;} #calcbox .calc_content .TableBox .tips_p{display:block;} #calcbox .calc_content .TableBox .t_text .tips{margin-left: 10px;} #calcbox .calc_content .TableBox .input_text{display: inline-block;} #calcbox .calc_content .TableBox .input_text font{position: relative;color: #000;} #calcbox .calc_content .TableBox select {-webkit-appearance: none;-moz-appearance: none;appearance: none;} #calcbox .calc_content .TableBox select::-ms-expand {display:none;} #header,#MainTitle,#footer,.gotop,#float_fb_plugin, /*#calcbox .calc_content .TableBox .t_tr:first-child .tips_m,#calcbox .calc_content .TableBox .t_tr:nth-child(3) .tips_m,*/ #calcbox .calc_content .TableBox .t_title,#calcbox .calc_content .TableBox .t_tr:last-child{display: none!important;} #calcbox .calc_content:before{background-size: 65% auto;background-position: left 100px;} }