/* 手機大小約4吋的螢幕 */ #gotop { display: none; position: fixed; right: 20px; bottom: 20px; padding: 12px 20px; font-size: 20px; /*background: #F33E11;*/ /*color: white;*/ cursor: pointer; z-index:30000; } .Form input[type="text"], .Form textarea{background-color:white;} @media screen and (max-width: 699px){ #content{ width:100%; font-family:"微軟正黑體";} #img-block img{position:relative; top:0px;} /*index*/ #project-index-block .content .full{width:100%; text-align:center; } #project-index-block .content .full img {vertical-align: middle; width:250px; margin-top:110px;display: none;} #project-index-block .content .full .title{color:#ffffff; padding-top:130px;} #project-index-block .content .full .title h9{font-size:38px;} #project-index-block .content .full .title h3{font-size:12px;} /*主旨*/ #project-push-block{ background:#f3f3f3; width:100%; float:left; padding:20px 0;} #project-push-block .content{ width:90%; clear:both; margin:20px auto; position:relative; } #project-push-block #content-bg img{ width:0px; position:absolute; z-index:1; opacity: 0.2;} #project-push-block .content .title-block { padding:60px 0 0 20px; } #project-push-block .content .title-block .title{ font-size:24px; border-left:0px solid #0068b7; padding-left:0px;} #project-push-block .content .title-block .subtitle{ font-size:12px; color:#999; margin:0 0 10px 5px; } #project-push-block .content .content-block{width:100%;} #project-push-block .content .content-block .full{width:100%; float:left; text-align:center; } #project-push-block .content .content-block .full .titles{ font-weight:bold; margin:20px 0 0 0px; font-size:28px;} #project-push-block .content .content-block .full .subtitles{ margin:20px 0 20px 0px; font-size:14px;} /*＝＝＝表單＝＝＝*/ #Contact .Form{width:90%;margin:0 auto;overflow:hidden;} #Contact .Form .title{clear:both;float:none;font-size:18px;width:96%;height:25px;line-height:25px;text-align:left;margin:5px auto;} #Contact .Form .input{float:none;width:100%;height:45px;line-height:45px;text-align:left;margin:5px auto 15px auto;} #Contact .Form .title2{clear:both;float:none;font-size:18px;width:96%;height:25px;line-height:25px;text-align:left;margin:5px auto;} #Contact .Form .input2{float:none;width:100%;height:55px;text-align:left;margin:5px 0 20px 0;} #Contact .Form .input2 textarea{font-size:18px;width:100%;height:55px;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input2 p{font-size:24px;} #Contact .Form .input4{float:none;width:100%;height:90px;line-height:45px;text-align:left;margin:5px auto 15px auto;} #Contact .Form .input5{float:none;width:100%;height:45px;line-height:45px;text-align:left;margin:5px auto 15px auto; color:#666;} /*忘記密碼跟註冊 欄位較高*/ #Contact .Form .input2 a{text-align:center;text-decoration:underline;color:#0068b7;font-size:22px;line-height:1.5;} #Contact .Form .title3{display:none;float:none;font-size:18px;width:90%;height:45px;line-height:45px;text-align:left;margin:5px auto;} #Contact .Form .input3{width:100%;height:45px;line-height:45px;text-align:left;margin:5px auto;} #Contact .Form .input3 input.Login{display:inline-block;width:100%;font-size:18px;height:40px;line-height:40px;color:#FFFFFF;background-color:#fa4614;border-radius:7px;text-align:center;text-decoration:none;border:none;font-family: 'Noto Sans TC', sans-serif;} /*mibew add - start*/ #Contact .Form .inputC{float:none;width:100%;height:45px;line-height:45px;text-align:left;margin:5px auto;} #Contact .Form .inputC input.Login{display:inline-block;width:100%;font-size:18px;height:40px;line-height:40px;color:#FFFFFF;background-color:#fa4614;border-radius:7px;text-align:center;text-decoration:none;border:none;font-family: 'Noto Sans TC', sans-serif;} /*mibew add - end*/ #Contact .Form .input input{font-size:18px;width:100%;height:35px;margin:0;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input a{color:#0066CC;} #Contact .Form .input input.small{width:30%;margin-right:10px;font-family: 'Noto Sans TC', sans-serif;} #Contact .Form .input3 input.Login{clear:both;display:inline-block;width:100%;font-size:18px;height:40px;line-height:40px;background-color:#fa4614;color:#FFFFFF;border-radius:5px;text-align:center;text-decoration:none;border:none;} #Contact .Form .input4 input{font-size:18px;width:100%;height:35px;margin:0px 0 0 0px;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input4 .ucountrycode{width:100%; padding-left:5px;} #Contact .Form .input4 .utel{width:100%;} #Contact .Form .input4 select{font-size:18px;width:100%;height:35px;margin:0px 0 0 0px;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input4 .uday{width:100%; padding-left:5px;} #Contact .Form .input4 .utime{wwidth:100%; padding-left:5px;} } @media screen and (min-width: 700px) and (max-width: 1023px){ #content{ width:100%; font-family:"微軟正黑體";} #img-block { max-height:100vh; overflow:hidden; } #img-block img{position:relative; top:0px;} /*index*/ #project-index-block{ height:50vh; line-height: 50vh; background: url("../images/Banner02.jpg") no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #project-index-block .content .full{width:100%; text-align:center; } #project-index-block .content .full img {vertical-align: middle; width:300px; margin-top:110px;display: none;} #project-index-block .content .full .title{color:#ffffff; line-height : 600px;} #project-index-block .content .full .title h9{font-size:38px;} #project-index-block .content .full .title h3{font-size:12px;} /*主旨*/ #project-push-block{ background:#f3f3f3; width:100%; float:left; padding:20px 0;} #project-push-block .content{ width:90%; clear:both; margin:20px auto; position:relative; } #project-push-block #content-bg img{ width:0px; position:absolute; z-index:1; opacity: 0.2;} #project-push-block .content .title-block { padding:60px 0 0 20px; } #project-push-block .content .title-block .title{ font-size:24px; border-left:0px solid #0068b7; padding-left:0px;} #project-push-block .content .title-block .subtitle{ font-size:12px; color:#999; margin:0 0 10px 5px; } #project-push-block .content .content-block{width:100%;} #project-push-block .content .content-block .full{width:100%; float:left; text-align:center; } #project-push-block .content .content-block .full .titles{ font-weight:bold; margin:50px 0 0 0px; font-size:28px;} #project-push-block .content .content-block .full .subtitles{ margin:20px 0 20px 0px; font-size:14px;} /*＝＝＝表單＝＝＝*/ #Contact .Form{width:90%;margin:0 auto;overflow:hidden;} #Contact .Form .title{clear:both;float:none;font-size:18px;width:96%;height:25px;line-height:25px;text-align:left;margin:5px auto;} #Contact .Form .input{float:none;width:100%;height:45px;line-height:45px;text-align:left;margin:5px auto 15px auto;} #Contact .Form .title2{clear:both;float:none;font-size:18px;width:96%;height:25px;line-height:25px;text-align:left;margin:5px auto;} #Contact .Form .input2{float:none;width:100%;height:55px;text-align:left;margin:5px 0 20px 0;} #Contact .Form .input2 textarea{font-size:18px;width:100%;height:55px;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input2 p{font-size:24px;} #Contact .Form .input4{float:none;width:100%;height:45px;line-height:45px;text-align:left;margin:5px auto 15px auto;} #Contact .Form .input5{float:none;width:100%;height:45px;line-height:45px;text-align:left;margin:5px auto 15px auto; color:#666;} /*忘記密碼跟註冊 欄位較高*/ #Contact .Form .input2 a{text-align:center;text-decoration:underline;color:#0068b7;font-size:22px;line-height:1.5;} #Contact .Form .title3{display:none;float:none;font-size:18px;width:90%;height:45px;line-height:45px;text-align:left;margin:5px auto;} #Contact .Form .input3{width:100%;height:45px;line-height:45px;text-align:left;margin:5px auto;font-family: 'Noto Sans TC', sans-serif;} #Contact .Form .input3 input.Login{display:inline-block;width:100%;font-size:18px;height:40px;line-height:40px;color:#FFFFFF;background-color:#fa4614;border-radius:7px;text-align:center;text-decoration:none;border:none;} /*mibew add - start*/ #Contact .Form .inputC{float:none;width:100%;height:45px;line-height:45px;text-align:left;margin:5px auto;font-family: 'Noto Sans TC', sans-serif;} #Contact .Form .inputC input.Login{display:inline-block;width:100%;font-size:18px;height:40px;line-height:40px;color:#FFFFFF;background-color:#fa4614;border-radius:7px;text-align:center;text-decoration:none;border:none;} /*mibew add - end*/ #Contact .Form .input input{font-size:18px;width:100%;height:35px;margin:0;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input .ucountrycode{width:100%; padding-left:5px; } #Contact .Form .input .utel{width:100%;} #Contact .Form .input a{color:#0066CC;font-family: 'Noto Sans TC', sans-serif;} #Contact .Form .input input.small{width:30%;margin-right:10px;} #Contact .Form .input3 input.Login{clear:both;display:inline-block;width:100%;font-size:18px;height:40px;line-height:40px;background-color:#fa4614;color:#FFFFFF;border-radius:5px;text-align:center;text-decoration:none;border:none;font-family: 'Noto Sans TC', sans-serif;} #Contact .Form .input4 input{font-size:18px;width:100%;height:35px;margin:0px 0 0 0px;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input4 .ucountrycode{width:20%; padding-left:5px;} #Contact .Form .input4 .utel{width:calc(80% - 20px); margin-left:10px;} #Contact .Form .input4 select{font-size:18px;width:100%;height:35px;margin:0px 0 0 0px;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input4 .uday{width:calc(20% + 5px); padding-left:5px;} #Contact .Form .input4 .utime{width:calc(80% - 20px); margin-left:10px;} } @media screen and (min-width: 1024px){ #content{ width:100%; font-family:"微軟正黑體";} #img-block { max-height:100vh; overflow:hidden; } #img-block img{position:relative; top:0px;} /*index*/ #project-index-block .content .full{width:100%; text-align:center; } #project-index-block .content .full img { vertical-align : middle; margin-top: 110px; display: none; } #project-index-block .content .full .title{ color:#ffffff; } #project-index-block .content .full .title h9{font-size:68px;} #project-index-block .content .full .title h3{font-size:22px;} /**/ #project-push-block{min-height:100vh; background:#f3f3f3; float:left; width:100%;} #project-push-block .content{width:1024px; clear:both; margin:20px auto; position:relative; } #project-push-block #content-bg img{ width:0px; position:absolute; z-index:1; opacity: 0.5;} #project-push-block .content .title-block { padding:60px 0 0px 20px;} #project-push-block .content .title-block .title{ font-size:24px; border-left:0px solid #0068b7; padding-left:0px;} #project-push-block .content .title-block .subtitle{ font-size:12px; color:#999; margin:0 0 10px 5px; } #project-push-block .content .content-block{width:100%;} #project-push-block .content .content-block .full{width:100%; float:left; text-align:center; } #project-push-block .content .content-block .full .titles{ font-weight:500; margin:50px 0 0 0px; font-size:35px;font-family: 'Noto Sans TC', sans-serif;} #project-push-block .content .content-block .full .subtitles{ margin:20px 0 0 0px; font-size:14px;} /*＝＝＝表單＝＝＝*/ #Contact .Form{width:60%;margin:0 auto;overflow:hidden;} #Contact .Form .title{clear:both;float:left;width:20%;height:45px;line-height:45px;text-align:right;margin:10px 0;} #Contact .Form .input{float:right;width:80%;height:45px;line-height:45px;text-align:left;margin:10px 0;} #Contact .Form .title2{float:left;width:20%;height:70px;line-height:70px;text-align:right;margin:10px 0;} #Contact .Form .input2{float:right;width:80%;height:70px;line-height:1.5;text-align:left;margin:10px 0;} #Contact .Form .title3{float:left;width:20%;height:45px;line-height:45px;text-align:right;} #Contact .Form .input3{float:right;width:80%;height:45px;line-height:45px;margin:10px 0;} #Contact .Form .input3 input.Login{width:90%;font-size:18px;height:40px;line-height:1px;background-color:#fa4614;color:#FFFFFF;border-radius:7px;text-align:center;text-decoration:none;border:none;margin:0 0 0 -15px;font-family: 'Noto Sans TC', sans-serif;} #Contact .Form .input4{float:right;width:80%;height:45px;line-height:45px;text-align:left;margin:10px 0;} #Contact .Form .input5{float:right;width:calc(80% - 20px);height:45px;line-height:45px;text-align:left;margin:10px 0; padding-left:20px; color:#666;} /*mibew add - start*/ #Contact .Form .inputC{float:right;width:80%;height:45px;line-height:45px;text-align:left;margin:10px 0;font-family: 'Noto Sans TC', sans-serif;} #Contact .Form .inputC input.Login{width:90%;font-size:18px;height:40px;line-height:40px;background-color:#fa4614;color:#FFFFFF;border-radius:7px;text-align:center;text-decoration:none;border:none;} /*mibew add - end*/ #Contact .Form .input input{font-size:18px;width:90%;height:35px;margin:10px 0 0 15px;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input4 input{font-size:18px;width:90%;height:35px;margin:10px 0 0 15px;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input4 select{font-size:18px;width:90%;height:35px;margin:10px 0 0 15px;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input4 .ucountrycode{width:20%; padding-left:5px;} #Contact .Form .input4 .utel{width:calc(70% - 20px);} #Contact .Form .input4 .uday{width:calc(20% + 5px); padding-left:5px;} #Contact .Form .input4 .utime{width:calc(70% - 20px);} #Contact .Form .input2 textarea{font-size:18px;width:90%;height:65px;margin:10px 0 0 15px;padding:0 0px;border-radius:7px;border:1px solid #dbdbdb;} #Contact .Form .input a{color:#0066CC;} #Contact .Form .input input.small{width:30%;margin-right:10px;} #Contact .Form .input input.check{width:20px;height:20px;} #Contact .Form .input p{text-indent:15px;} #r { width: 25px; height: 25px; float: right; cursor: pointer; border: none; margin:-20px 5px 0 0; outline: none; } }