﻿div.storage-frame{position:relative;}
div.storage-frame p{font-family:'Segoe UI',Arial,sans-serif;font-size:24px;font-weight:lighter;position:absolute;bottom:-35px;width:100%;text-align:center;color:#535659;}
div.storage-frame p b{display:inline-block;padding:0 0 0 5px;letter-spacing:-1px;color:#ff9000;}
div.storage-frame div{margin:100px 0px;height:250px;background-size:contain;}
div.storage-finish div{background:url(../../images/send-message.png) no-repeat center;}
div.storage-error div{background:url(../../images/send-message-error.png) no-repeat center;}
#frameContact-info{position:relative;width:740px;margin:0 auto;padding:60px 0 30px 100px;}
#frameContact-info p{font-size:14px;line-height:20px;margin:0 0 3px 25px;padding:3px 0 0 0;}
#frameContact-info p.headings{font-size:17px;color:#636669;}
#frameContact-info p.headings-en-us{font-family:Roboto,Arial,sans-serif;font-weight:300;font-size:18px;color:#636669;position:relative;}
#frameContact-info p.headings-en-us cite{width:42px;height:42px;position:absolute;top:5px;left:-48px;background:url(../../images/QR-code-icon.png?ver=2.0) no-repeat center;transition:all .15s linear;}
#frameContact-info p.headings-en-us cite:hover{cursor:pointer;}
#frameContact-info p.headings-en-us cite.short{width:260px;height:260px;top:24px;left:0;background:url(../../images/QR-code.png?ver=2.0) no-repeat center #fff;border:2px solid #c20018;z-index:2;}
#frameContact-info p.headings-en-us cite.short em{width:26px;height:26px;position:absolute;top:-2px;right:-26px;background:url(../../images/close.png?ver=1.0) no-repeat center #c20018;}
#frameContact-info p a{font-family:Roboto,Arial,sans-serif;font-size:15px;font-weight:300;padding:0 0 0 2px;color:#007ccc;}
#frameContact-info p a.mail{font-family:Roboto,Arial,sans-serif;font-size:20px;}
#frameContact-info p a:hover{text-decoration:underline;color:#c20018;}
#frameContact-info p b{font-family:Arial,sans-serif;font-size:13px;font-weight:normal;}
#frameContact-info p strong{font-family:Roboto,Arial,sans-serif;font-size:15px;color:#007ccc;}
#frameContact-info p a span{font-size:11px;display:inline-block;margin:0 0 0 3px;padding:2px 4px 2px 26px;transition:all .3s ease;color:#636669;background:url(../../images/places.png) no-repeat 3px center;}
#frameContact-info p a span:hover{padding:2px 15px 2px 15px;color:#fff;background-color:#a8c01c;background-position:-30px center;}
#frameContact-info p em{font-style:normal;} 
#frameContact-info img{position:absolute;top:20px;right:50px;}
#frameContact-info div.line-send{width:100px;height:100px;background:url(../../images/line.png) no-repeat center;background-size:contain;position:absolute;top:60px;right:50px;}
#frameContact-info div.line-send:before{content:"ID:886963098888";font-family:Roboto,Arial,sans-serif;font-size:13px;color:#2cc227;white-space:nowrap;position:absolute;bottom:-20px;left:-5px;}
#frameContact{width:800px;margin:30px auto 200px auto;}
#frameContact p.ws{font-size:13px;margin:0 0 30px 95px;padding:0 0 0 0;color:#636669;}
#frameContact form{margin:0 0 0 0;}
#frameContact form ul.c{margin:0;padding:0;}
#frameContact form li{padding:2px 0 2px 0;}
#frameContact form li span{font-size:13px;line-height:24px;display:inline-block;width:100px;padding:0px 8px 0 0;text-align:right;vertical-align:top;color:#535659;position:relative;}
#frameContact form li span.w:before{content:"";margin:0px 5px 0px 0px;width:16px;height:16px;background:url(../../images/star.png) no-repeat center;display:inline-block;}
#frameContact form li span b{padding:0 5px 0 0;}
#frameContact form li dfn{font-style:normal;line-height:26px;display:inline-block;height:26px;margin:0 0 0 1px;padding:0 10px 0 10px;transition:background .25s linear;vertical-align:middle;color:#fff;}
#frameContact form li dfn b{font-family:'Trebuchet MS',sans-serif;font-size:17px;font-weight:normal;letter-spacing:1px;}
#frameContact form li strong.Country{display:inline-block;width:18px;height:12px;margin:0 0 0 5px;vertical-align:middle;opacity:.5;background:url(../../images/colSpanArrow.png) no-repeat 50% 50%;}
#frameContact form li strong.Country:hover{opacity:1.0;}
#frameContact form li input[type=text]{font-family:Arial,sans-serif;font-size:16px;display:inline-block;height:26px;padding:0 0 0 3px;vertical-align:middle;color:#232629;border:1px solid #d3d6d9;border-radius:2px;background-color:#fff;-webkit-appearance:none;}
#frameContact form li input[type=text]:focus{border:1px solid #a3a6a9;border-radius:0;}
#frameContact form li input[name=Company]{width:400px;}
#frameContact form li input[name=Name]{width:280px;}
#frameContact form li input[name=Email]{width:280px;}
#frameContact form li input[name=Telephone]{width:280px;}
#frameContact form li input[name=Faxes]{width:280px;}
#frameContact form li input[name=Address]{box-sizing:border-box;width:600px;}
#frameContact form li input[type=submit]{font-size:18px;line-height:48px;transition:all .2s linear;color:#939699;}
#frameContact form li input[type=submit]{display:inline-block;width:200px;height:48px;margin:1px 0 0 0;padding:0 0 0 5px;border-width:0;background-color:#c3c6c9;-webkit-appearance:none;}
#frameContact form li input[type=submit].go{width:260px;color:#fff;background-color:#950012;}
#frameContact form li input[type=submit].go:hover{color:#fff;background-color:#c20018;}
#frameContact form li select{font-family:Arial,sans-serif;font-size:14px;margin-right:1px;padding:2px;border:1px solid #d3d6d9;border-radius:2px;background-color:#fff;}
#frameContact form li select.onloaging{background:url(../../images/loading-min.gif) no-repeat 12px 50%;}
#frameContact form li select[name=sCity]{width:120px;}
#frameContact form li select[name=sArea]{width:120px;}
#frameContact form li select[name=sRoad]{width:130px;}
#frameContact form li select[name=sNum]{width:148px;}
#frameContact form li select[name=Country]{width:286px;font-family:Roboto,Arial,sans-serif;font-size:16px;}
#frameContact form li select:focus{border:1px solid #a3a6a9;}
#frameContact form li select + strong{font-family:Arial,sans-serif;font-size:14px;padding:0 0 0 10px;color:#b52d3f;}
#frameContact form li select + strong.onloaging{background:url(../../images/loading-min.gif) no-repeat 12px 50%;}
#frameContact form li optgroup{display:block;margin:10px 0 0 0;color:#535659;background-color:#ffffe0;}
#frameContact form li select option{padding:0 0 0 20px;color:#232629;background-color:#fff;}
#frameContact form li select.onloaging option{background-color:transparent;}
#frameContact form li option.country-select-choice{color:#818385;}
#frameContact form li textarea{font-family:Arial,sans-serif;font-size:16px;box-sizing:border-box;width:600px;min-height:150px;max-height:500px;padding:3px;resize:vertical;color:#232629;border:1px solid #d3d6d9;background-color:#fff;-webkit-appearance:none;}
#frameContact form li textarea:focus{border:1px solid #a3a6a9;}
#frameContact form li dfn.x{background-color:#c20018;}
#frameContact form li input.x{background-color:#ffffe8;}
#frameContact form li textarea.x{background-color:#ffffe8;}
@media (min-width:768px) and (max-width:979px){
 #frameContact-info{width:610px;padding:60px 0 0px 100px;}
 #frameContact{width:670px;margin:50px auto 60px auto;}
 #frameContact form li input[name=Address]{width:520px;}
 #frameContact form li textarea{width:520px;}
}
@media (max-width:767px){
 #frameContact-info{width:98%;margin:0 1%;}
 #frameContact-info p{margin:5px 0 5px 0px;}
 #frameContact-info p a{font-size:16px;}
 #frameContact-info p a.map{display:block;margin:10px 0 10px -12px;}
 #frameContact{width:98%;margin:0px 1% 100px 1%;}
 #frameContact form li input[name=Company]{width:280px;}
 #frameContact form li input[name=Address]{width:78%;}
 #frameContact form li textarea{width:78%;}
 #frameContact form li select[name=sCity]{width:18%;}
 #frameContact form li select[name=sArea]{width:18%;}
 #frameContact form li select[name=sRoad]{width:20%;}
 #frameContact form li select[name=sNum]{width:20%;}
 #frameContact form li select[disabled=disabled]{display:none;}
 #choiceAddress{position:relative;}
 #choiceAddress strong.post-number{position:absolute;top:-20px;right:50px;}
 #choiceAddress span:before{content:'地址輸入工具';}
 div.storage-frame div{margin:50px auto;width:90%;max-width:325px;background-size:cover;}
 div.storage-frame p{font-family:Arial,sans-serif;font-size:18px;font-weight:normal;}
 div.storage-frame p b{padding:0 0 0 0px;}
 #frameContact-info div.line-send{top:55px;right:15%;}
}
@media (max-width:560px){
 #frameContact-info{padding:80px 0 30px 20px;border-bottom:10px solid #c3c6c9;}
 #frameContact-info p.headings strong{display:block;margin:5px 0 0 0;}
 /*#frameContact-info p.headings-en-us cite{top:-32px;left:-2px;}*/
 #frameContact-info p.headings-en-us cite{display:none;}
 #frameContact-info p span.drop{display:block;margin:5px 0 5px 0;}
 #frameContact-info p em{width:32px;display:inline-block;}
 #frameContact{width:96%;margin:0 2% 50px 2%;}
 #frameContact form li dfn{margin:0 0 0 1%;width:98%;box-sizing:border-box;display:none;}
 #frameContact form li span{width:100%;margin:10px 0 3px 0;padding:0 0 0 5px;text-align:left;display:block;}
 #frameContact form li select[name*=s]{display:block;box-sizing:border-box;width:98%;margin:1%;}
 #frameContact form li select[disabled=disabled]{display:none;}
 #frameContact form li select[name=Country]{display:block;box-sizing:border-box;width:98%;height:40px;margin:0 1% 0 1%;}
 #frameContact form li input[type=text]{line-height:40px;display:block;box-sizing:border-box;width:98%;height:40px;margin:0 1% 0 1%;}
 #frameContact form li textarea{display:block;box-sizing:border-box;width:98%;margin:1%;}
 #frameContact form li input[type=submit]{display:block;width:50%;height:56px;line-height:56px;margin:0 auto;}
 #frameContact form li input[type=submit]{-webkit-appearance:none;}
 #choiceAddress strong.post-number{position:absolute;top:12px;right:5px;}
 div.storage-frame div{margin:50px auto;width:90%;max-width:325px;background-size:contain;}
 div.storage-frame p{font-size:15px;}
 #frameContact-info div.line-send{width:60px;height:60px;top:16px;left:20px;}
 #frameContact-info div.line-send:before{font-size:16px;top:42px;left:68px;}
}
@media (max-width:380px){
 #frameContact-info p.headings-en-us{font-size:14.5px;}
 #frameContact-info p.addresses{font-size:13px;}
 #frameContact-info p.addresses span{display:block;}
}