body,div,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote,th,td,dl,dt,dd{font-family: "微軟正黑體";margin:0;padding:0;list-style:none} img{border:0;vertical-align:middle} ul,li{list-style:none;margin: 0px; padding: 0px;} ul:after,ul:before,li:after,li:before {content: '';display: block;clear: both;height: 0;} a{outline: none; /*for Firefox Google Chrome*/behavior:expression(this.onFocus=this.blur());/*for IE*/text-decoration:none;} input,button,select,textarea{outline: none; /*for Firefox Google Chrome*/behavior:expression(this.onFocus=this.blur());/*for IE*/font-family: "微軟正黑體";-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, select:focus, textarea:focus {box-shadow: 0 0 0 1px #CCC;} *:focus { outline: none; } .clean{clear:both;} .red{color:#DD0000} .num_text{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: bold;} .line{margin-bottom:15px;padding-top:15px;border-bottom-width:1px;border-bottom-style:dashed;} #header{/*overflow: hidden;*/text-align: center;} #header #TopNav{} #header #TopNav dt,#header #TopNav dd{line-height:30px;position:absolute;top:-1px;z-index:999} #header #TopNav dd{font-size:1rem;right:10px;z-index: 1001;background-repeat: no-repeat;background-position: left bottom;padding-left: 14px;} #header #TopNav dd .icon-favourites{background-repeat:no-repeat;background-position:left top;height:16px;width:16px;margin-right:5px;margin-left:5px} #header #TopNav ul:after,#header #TopNav ul:before,#header #TopNav li:after,li:before {display: none;} #header #TopNav ul{background-repeat: no-repeat;background-position: right top;height: 32px;padding-right: 10px;} #header #TopNav ul li{float:left;position:relative;} #header #TopNav ul li.line{height:14px;margin:9px 5px 0 0;padding:0 0 0 5px;border-bottom: none} #header #TopNav a.SelectNav .mask{background-repeat:no-repeat;background-position:left top;height:5px;width:10px;margin-left:5px;margin-right:0} #header #TopNav a.SelectNav{display:block;cursor:pointer;_padding-top:1px;position:relative;z-index:10001;width:auto;height:30px;padding:0 5px} #header #TopNav a:hover{font-weight: bold;} #header #TopNav li:hover .SelectNav {margin-top:-2px;line-height:32px;border-bottom: none;padding :0 4px;} #header #TopNav li:hover .SubNav{display:block} #header #TopNav .SubNav{display:none;z-index:1001;top:28px;position:absolute;line-height:18px;height:auto;width:auto;left:0} #header #TopNav .SubNav li{float:none;padding:5px;text-align: left;} #header #TopAd{position: absolute;right: 100px;bottom: 30px;} #header #TopAd li{display: inline-block;margin-left: 10px;} #header #MainMenu li {text-align:center;margin: 0px;padding: 2px 2px 2px 0;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #header #MainMenu > li.mobile {display:none;} #header #MainMenu li a{display:block;line-height:40px;font-size:1.2rem;} /*#header #MainMenu li .select span{line-height: 33px;}*/ #header #MainMenu li a span{padding:0 10px;display:block;font-weight: bold;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /*#header #MainMenu li a:hover span,#header #MainMenu li .select span{padding-right:15px;padding-left:15px;}*/ /*選單特別編排*/ /*#header #header-arrange-menu{background-color: #1865A8;} #header #header-arrange-menu #TopNav a{color:#FFF;} #header #header-arrange-menu #TopNav a.red{color:#FFFF99} #header #header-arrange-menu #TopNav ul li.line{border-right: 1px solid #CCC} #header #header-arrange-menu #MainMenu li a{color:#FFF;}*/ #header #header-arrange-menu #MainMenu li a:hover span,#header #header-arrange-menu #MainMenu li .select span{/*color:#FF6;*/border-bottom: none;} #header-arrange #pc-hoader00{position: absolute;border-top: none;} #header-arrange #pc-FocusAd {padding-bottom: 80px;} #header-arrange #header{background-color: transpant;} #header-arrange{position: relative;} #header-arrange #NavRim {height: 80px;position: absolute;bottom: 0px;z-index: 100;width: 100%;/*background-color: #1865A8;*/} #header-arrange #nav {height: 80px;} #header-arrange #header #MainMenu {text-align: center;} #header-arrange #pc-hoader02 #MainMenu {padding-left: 0px;} #header-arrange #pc-hoader02 #MainMenu li { width:calc(100% / 10);} #header-arrange #header #MainMenu { height:80px;} #header-arrange #header #MainMenu li{margin-top: 10px;margin-bottom: 10px;/*border-left: 1px solid #80BAEE;*/} #header-arrange #header #MainMenu li a{line-height:60px;} /*#header-arrange #header #TopNav a{color:#333;}*/ /*#header-arrange #header #TopNav a.red{color:#FFFF99;}*/ /*選單特別編排end*/ .dropotron {text-align: center;padding-top: 1em;padding-right: 0;padding-bottom: 1em;padding-left: 0;display: none;margin-top: 1px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .dropotron{ animation-name: fade_In;/*動畫名字*/ animation-duration: 0.8s;/*動畫時間*/ animation-iteration-count: 1; /*動畫執行幾次，1就是執行1次不會重複*/ animation-timing-function: ease;/*動畫的加速度曲線*/ animation-fill-mode: forwards;/*動畫完成後，保持最後一個屬性質*/ opacity: 0; } @keyframes fade_In { 0% {transform: translate(0,0); opacity: 0;} 90% {transform: translate(0,0);} 100% {transform: translate(0,0);opacity: 1;} } .dropotron > li a img{background-image: url(../images/MainMenuIcon.png);-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;} .dropotron > li a:hover img,.dropotron > li img:hover ,#header #MainMenu ul li .select img {filter:alpha(opacity=80); -moz-opacity:0.8;opacity: 0.8;} .dropotron > li {line-height: 20px;display: inline-block;font-family: "微軟正黑體";font-size: 16px;padding-top: 0;padding-right: 1.1em;padding-bottom: 0;padding-left: 1em;vertical-align: top;} .dropotron > li > a {text-decoration: none;border: 0;position: relative;} .dropotron > li img{height:62px;width:62px;margin-right:auto;margin-left:auto;display:block;margin-bottom: 5px;} .dropotron > li a:hover:after{ content:" "; background-image: url(../images/MainMenuIcon_hover.png); background-repeat: no-repeat; background-position: left top; position: absolute; height: 62px; width: 62px; top: 3px; left: calc((100% - 58px) / 2); } .dropotron > li a .icon01{background-position:left top} .dropotron > li a .icon02{background-position:-62px top} .dropotron > li a .icon03{background-position:-124px top} .dropotron > li a .icon04{background-position:-186px top} .dropotron > li a .icon05{background-position:-248px top} .dropotron > li a .icon06{background-position:-310px top} .dropotron > li a .icon07{background-position:-372px top} .dropotron > li a .icon08{background-position:left -62px} .dropotron > li a .icon09{background-position:-62px -62px} .dropotron > li a .icon10{background-position:-124px -62px} .dropotron > li a .icon11{background-position:-186px -62px} .dropotron > li a .icon12{background-position:-248px -62px} .dropotron > li a .icon13{background-position:-310px -62px} .dropotron > li a .icon14{background-position:-372px -62px} .dropotron > li a .icon15{background-position:left -124px} .dropotron > li a .icon16{background-position:-62px -124px} .dropotron > li a .icon17{background-position:-124px -124px} .dropotron > li a .icon18{background-position:-186px -124px} .dropotron > li a .icon19{background-position:-248px -124px} .dropotron > li a .icon20{background-position:-310px -124px} .dropotron > li a .icon21{background-position:-372px -124px} .dropotron > li a .icon22{background-position:left -186px} .dropotron > li a .icon23{background-position:-62px -186px} .dropotron > li a .icon24{background-position:-124px -186px} .dropotron > li a .icon25{background-position:-186px -186px} .dropotron > li a .icon26{background-position:-248px -186px} .dropotron > li a .icon27{background-position:-310px -186px} .dropotron > li a .icon28{background-position:-372px -186px} .dropotron > li a .icon29{background-position:left -248px} .dropotron > li a .icon30{background-position:-62px -248px} .dropotron > li a .icon31{background-position:-124px -248px} .dropotron > li a .icon32{background-position:-186px -248px} .dropotron > li a .icon33{background-position:-248px -248px} .dropotron > li a .icon34{background-position:-310px -248px} .dropotron > li a .icon35{background-position:-372px -248px} .dropotron > li a .icon36{background-position:left -310px} .dropotron > li a .icon37{background-position:-62px -310px} #houser_helper{width: 1245px;margin-right: auto;margin-left: auto;background-color: #C90;} #FocusAd .flexslider{background:#fff;border:0;position:relative;zoom:1;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);-o-box-shadow:0 1px 4px rgba(0,0,0,0.2);box-shadow:0 1px 4px rgba(0,0,0,0.2);margin:0} #FocusAd .flex-control-nav{width:100%;position:absolute;bottom:0px;text-align:center;z-index: 100;} #FocusAd .flex-caption{background:rgba(0,0,0,.5);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px;position:absolute;height:auto;bottom:0;text-align:left;padding:10px;width:980px} #FocusAd .flex-direction-nav a {line-height: 43px;} #FocusAd .flex-direction-nav .flex-prev {left: 10px;} #FocusAd .flex-direction-nav .flex-next {right: 10px;} #FocusAd .AdAnimated {position: absolute;text-align: center;animation-duration: 3s;animation-fill-mode: backwards;} #FocusAd .AdAnimated.style01 {top: 10vh;left:calc((100% - 1000px) / 2);width: 1000px;max-width: 80%;} #FocusAd .AdAnimated.style02 {bottom: 10vh;left:calc((100% - 1000px) / 2);width: 1000px;max-width: 80%;} #FocusAd .AdAnimated.style03 {bottom: 10vh;right:10vh;width: 300px;} #FocusAd .AdAnimated.style04 {bottom: 10vh;left:10vh;width: 300px;} #FocusAd .AdAnimated h1 {font-size: 3rem;font-weight: bold;line-height: 3.5rem;color: #000;} #FocusAd .AdAnimated .btn { font-size: 20px; display: inline-block; line-height: 1.42857; min-width: 160px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; margin:10px auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; background-color: #D70C24; border: 1px solid #FFF; } #pc-FocusAd #TabbedPanels1 .SearchBox_select .search-form{float: left;} #pc-FocusAd #TabbedPanels1 .SearchBox_select .search-form input[type="text"]{width: calc(100% - 108px);margin-right: 0px;border-top-right-radius: 0;border-bottom-right-radius: 0;} #TabbedPanels1 .SearchBox_select .search-form input[type="text"] {width: calc(100% - 700px);margin-right: 0px;border-top-right-radius: 0;border-bottom-right-radius: 0;} #TabbedPanels1 .SearchBox_select .search-form .morefilter{color: #000;background-color: #F0F0F0;border-bottom-left-radius: 0;border-top-left-radius: 0;border: 1px solid #C9C8C8;border-left: none;margin-left: 0px;height: 32px;text-align: center; width: 100px;font-size: 16px;} #morefilterbox{display:none;position: absolute;left: calc((100% - 900px) / 2);top: 40px;border: 1px solid #CCC;background-color: #FFF;height: 380px;width: 900px;border-radius: 3px;} #SearchBox{position:relative;z-index:102;margin-right:auto;margin-left:auto} #SearchBox .SearchBox_select{padding-top:8px;padding-left:8px;padding-right:8px} #SearchBox .SelectBox .option_list{font-size:16px;min-width: 90px;} .SelectBox{vertical-align:middle;position:relative;padding-right:4px;padding-left:4px;z-index:5;padding-bottom: 8px;float: left;} .SelectBox .option_list{display:block;} .SelectBox .option_list ul{display:none;position:absolute;min-width:78px;z-index:350;height:auto;overflow:auto;border-image:initial;padding:5px;margin:-1px 0 0;font-size:1rem;} .SelectBox .option_list ul li > a{display:block;padding:0 10px;overflow:hidden;line-height:30px;text-decoration:none;} .SelectBox .option_list ul li ul.children{margin:-4px 0 0;display:none;position:inherit;width:100%;z-index:none;border:0;height:inherit} .SelectBox .option_list ul li ul.children li a{padding-left:30px} .SelectBox:first-child .option_list {width: 137px;overflow: hidden;} .SelectBox:first-child .option_list ul,#SearchBox.style01 .SelectBox .option_list ul{min-width: 400px;} .SelectBox:first-child .option_list ul li{width: 100%;} #SearchBox.style01 .SelectBox{float: none;display: inline-block;} .SelectBox:nth-child(4) .option_list ul,.SelectBox:nth-child(5) .option_list ul {right: 4px;left: auto;} .option_selected{display:block;line-height:30px;position:relative;width:auto;z-index:400;background-attachment:scroll;background-repeat:no-repeat;background-position:right top;height:30px;text-decoration:none;padding:0 25px 0 8px;font-weight: normal;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;} .selected{background-position:right -30px;height:30px} .option_list li{float:none;width:100%;line-height:28px} .option_list li .closebox{height:35px;margin-bottom:10px;position:relative;width:auto;text-align: right;} .option_list li .closebox a{font-size:0.875rem;margin-right:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-right:8px;padding-left:8px;line-height:28px;display: inline-block;} .option_list li dl{font-size:0.875rem;padding:5px} .option_list li dl dd{margin-bottom:5px;float: none;} .option_list li dl dd.sort a{margin-right:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:3px 8px} .option_list li dl dt{float:left;width: calc(100% / 3)} .option_list li dl.ts dt{float:left;width:130px} .option_list li .closebox img{display:block;height:12px;width:12px;position:absolute;top:10px;right:10px;/*background-image:url(../images/style_0/select.png);*/background-repeat:no-repeat;background-position:left bottom} .option_list li input[type="text"]{width:40px;height:25px} .option_list .option_msg{display: inline-block; float: left;} .SelectBox .option_list ul li .bn-input-define{overflow:hidden;line-height:25px;padding:0 5px;border: none;} #SearchBox.style01 {margin-bottom: 10px;} #SearchBox.style01 header{font-weight: bold;line-height: 30px;display: inline-block;font-size: 16px;} #SearchBox.style01 header img{background-repeat: no-repeat;background-position: -340px -55px;height: 20px;width: 20px;} #SearchBox.style02 {margin-bottom: 10px;} #SearchBox.style02 header{font-weight: bold;line-height: 30px;font-size: 16px;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;} #SearchBox.style02 header img{background-repeat: no-repeat;background-position: -320px -55px;height: 20px;width: 20px;margin-right: 10px;} select{height:30px;padding-left:5px;vertical-align:top} input,textarea,select{margin-right:4px;margin-left:4px;vertical-align:middle;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} label{cursor:pointer} html>/**/body input[type="checkbox"],html>/**/body input[type="radio"]{display:block;float:left;margin-top:5px} html:root input[type="checkbox"],html:root input[type="radio"]{display:none;*display:inline-block;_display:inline-block} html>/**/body input[type="checkbox"] + label span,html>/**/body input[type="radio"] + label span{display:none} html:root input[type="checkbox"] + label span,html:root input[type="radio"] + label span{display:inline-block;width:19px;height:19px;vertical-align:middle;cursor:pointer;background-repeat:no-repeat;*display:none;_display:none;margin:-1px 5px 0} input[type="checkbox"]:checked + label span{background-position:-19px top} input[type="checkbox"] + label span,input[type="radio"] + label span{background-position:left top} input[type="radio"] + label span{background-position:-38px top} input[type="radio"]:checked + label span{background-position:-57px top;} input[type="text"],textarea,input[type="password"]{height:32px;width:auto;padding-top:2px;padding-left:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} input[type="button"]{cursor:pointer;padding-right: 10px;padding-left: 10px;text-align:center;vertical-align:middle;height:30px;width:auto;-webkit-appearance: none;-moz-appearance: none;appearance: none;} input.submit,input.reset{cursor:pointer;text-align:center;vertical-align:middle;height:30px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border-style:none;padding-right: 10px;padding-left: 10px;} input.MemberSubmit{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:auto;padding-right:10px;padding-left:10px;} input.MemberReset{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:auto;padding-right:10px;padding-left:10px;} input.bntstyle{cursor:pointer;text-align:center;vertical-align:middle;height:30px;width:auto;color:#000;padding-right:10px;padding-left:10px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .bn-input-define{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-right:5px;padding-left:5px;text-decoration:none;line-height:25px;} .bn-input-more{padding-right:5px;padding-left:5px;text-decoration:none;line-height:30px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;} .SearchBox_select .bn-input-search,.SearchBox_select .bn-input-search2,.SearchBox2 dl dd.search .bn-input-search,.SearchBox2 dl dd.search .bn-input-search2 ,.SearchBox_select .bn-input-reset{height:32px;width:100px;font-size:16px;background-repeat:no-repeat;background-position:10px 8px;border-style:none} .SearchBox_select input,.SearchBox_select .bn-input-search,.SearchBox_select .bn-input-search2{margin-bottom:8px;} /*.SearchBox_select input[type="text"]{min-width: 200px;}*/ .SearchBox_select .bn-input-reset{ background-color: #999; background-image: url(../images/closepage.png); background-repeat: no-repeat; background-position: left 2px; background-size: 30px; color: #FFF; } .inputbn{text-align:right;margin-top:10px;margin-bottom:10px} .FocusBox{padding: 2px;margin-bottom: 20px;} .FocusBox li header{position: relative;line-height: 33px;padding-left: 70px;font-size: 20px;margin-bottom: 10px;} .FocusBox li header img{width: 62px;position: absolute;left: -4px;top: -10px;height: 43px;width: 62px;} .FocusBox li header .icon01{background-position: left top;} .FocusBox li header .icon02{background-position: -62px top;} .FocusBox li header a,.more2{position: absolute;display: block;height: 20px;width: 60px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;top: 5px;font-size: 13px;right: 10px;font-family: Verdana, Geneva, sans-serif;line-height: 20px;text-align: center;} .more2{top: -10px;z-index: 999;} .FocusBox li header a span,.more2 span{background-repeat: no-repeat;background-position: right bottom;height: 8px;width: 8px;margin-right: 3px;margin-left: 5px;display: inline-block;} .FocusNews{padding: 0px 12px;position: relative;} .FocusNews dt h3 {margin-bottom: 10px;} .FocusNews dt h4 {font-size: 0.875rem;} .FocusNews dd{padding: 10px;margin-top: 10px;line-height: 20px;} .FocusNews dd a{width: 99%;margin-bottom: 10px;display: block;font-weight: bold;font-size: 0.875rem;} .FocusNews dd a img{background-position: right top;background-repeat: no-repeat;height: 17px;width: 17px;display: inline-block;margin-right: 10px;} #mainadbox{overflow: hidden;} #mainadbox dd{position: relative;} #adbox{overflow: hidden;} #adbox dd{position: relative;} .ad li.youtude{padding: 0px;border: none;} #footer .menu{padding-top: 10px;padding-bottom: 10px;} #footer .menu dt{line-height:16px;float:left;margin-top:10px;padding:0px 5px} #footer .menu dt a{padding:8px 5px} #footer .menu dd{border-style: none;margin-top:0px} #footer .menu .fb{background-image: url(../images/style_1/object-link.png);background-repeat: no-repeat;background-position: -93px top;height: 31px;width: 31px;display: inline-block;} #footer .menu .fb:hover{background-position: -93px bottom;} #footer .info{clear:both;padding:10px} #footer .text{font-size:13px;padding:10px;display:block} #footer #ShowSubMenu.menu a{font-size:16px;} #footer #ShowSubMenu.menu ul a{font-size:14px;} #footer #ShowSubMenu.menu dt{width: 10%;} #footer #ShowSubMenu.menu dd{width: 22%;} #footer #ShowSubMenu dt ul {display: block;} #footer #ShowSubMenu dt ul a{display: inline-block;} #footer #ShowSubMenu dt ul a:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #footer #ShowSubMenu.menu dd ul li.logo{width:100%} #footer #ShowSubMenu.menu dd ul li.logo img{max-width:100%} #footer #ShowSubMenu dd{text-align: center;} #footer #ShowSubMenu dd ul li {margin-bottom: 10px;} #footer .menu dd ul li {width: 48%;display: inline-block;} #footer #HideSubMenu dt ul {display: none;} /*#footer #HideSubMenu dd ul {display: none;}*/ #footer #HideSubMenu.menu dd ul li.logo {display: none;} #footer #city_search_key{ border-bottom: 1px solid #666666;border-top: 1px solid #666666; padding-top: 10px; padding-bottom: 10px; } #footer #city_search_key dl {margin: 3px 0;} #footer #city_search_key dl:after {content: '';display: block;clear: both;height: 0;} #footer #city_search_key dl dt,#footer #city_search_key dl dd{float: left;font-size: 0.875rem;} #footer #city_search_key dl dt{width: 80px; color:#FC0;} #footer #city_search_key dl dd{ width: calc(100% - 80px);} #footer #city_search_key dl dd a{color: #999;padding-right: 5px;padding-left: 5px;} #footer #city_search_key dl dd a:hover{color: #CCC;} #MainTitle{padding-top:10px;padding-bottom:10px;margin-bottom:20px} #MainTitle dt{font-size:22px;font-weight:400;line-height:31px;} #MainTitle dt.breadList{font-size: 14px;color: #999;float: none;} #MainTitle dt span{font-size:16px} #MainTitle dd{padding-top:4px;} #MainTitle .logout{background-position: -435px -120px;background-repeat: no-repeat;height: 33px;width: 71px;margin-top: -5px;margin-left: 10px;} #MainTitle .logout:hover{background-position: -506px -120px;} .page{position: relative;margin-bottom: 10px;min-height: 35px;font-size: 0.875rem;} .page .msg{line-height: 33px;} .page ul{margin-right:5px} .page li{line-height:30px;display: inline-block;} .page li a{line-height:28px;padding-right:6px;padding-left:6px;display:block} .page li a img{height:20px;width:20px;background-repeat:no-repeat;} .page li a .first{background-position:left top;margin-right:5px} .page li a .prev{background-position:left -20px;margin-right:5px} .page li a .next{background-position:left -40px;margin-left:5px} .page li a .last{background-position:left -60px;margin-left:5px} .page li a .chart{background-position:-750px top;margin-right:5px} .page li a.select .chart {background-position:-730px top;} .page li a .lists{background-position:-750px -20px;margin-right:5px} .page li a.select .lists {background-position:-730px -20px;} #FooterBox{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:20px 40px;} #FooterBox #logo{font-size:80px;line-height:100px;text-align:center} #FooterBox #logo span{font-size:16px;line-height:normal} #FooterBox .title{margin-bottom:20px;padding-bottom:20px;font-size:22px;text-align:center} #FooterBox #map li dl dt{height:50px;background-repeat:no-repeat} #FooterBox #map li dl dt p a{font-size:16px;line-height:35px;padding-left:20px;font-weight:700} #FooterBox #map li dl dd{clear:both;margin-bottom:5px} #FooterBox #map li dl dd span{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior:url(../images/style_0/PIE.htc);display:block;float:left;height:5px;width:5px;margin:8px} /*#gotop{border: 1px solid #FFF;display:block;position:fixed;right:10px;padding:0;font-size:20px;background:#777;color:#fff;cursor:pointer;background:rgba(150,150,150,0.75) url(../images/cd-top-arrow.svg) no-repeat center 50%;border-radius:5px;height:38px;width:38px;z-index:10005}*/ /* 右下代碼 */ .gotop .dn{display: none;} .gotop{position: fixed;bottom: calc((100% - -78px) / 4);right: -1px;width: 45px;z-index: 1010;border: 1px solid #E2E2E2;/*border-radius: 4px;box-shadow: 0 0 5px rgba(0,0,0,0.2);*/} #go-top {/*bottom: calc((100% - 135px) / 2);*/bottom: calc((100% - 105px) / 4);} .gotop > a,.gotop .bntbox > a{display: block;width: 45px;height: 45px;background-image: url(../images/go-top.png);border-bottom: 1px solid #E2E2E2;background-color: #FFF;} .gotop a:last-child{border-bottom-style: none;} .gotop .go{background-position: 0 -135px;} .gotop .go:hover{background-position: -45px -135px;} .gotop .FbCustomerChat{background-position: 0 -90px;} .gotop .FbCustomerChat:hover{background-position: -45px -90px;} .gotop .uc-2vm{background-position: 0 -45px;} .gotop .uc-2vm:hover{background-position: -45px -45px;} .gotop .favourites{background-position: 0 0px;} .gotop .favourites:hover{background-position: -45px 0px;} .gotop .bntbox {position: relative;} .gotop .bntbox span{display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 0.75rem;background: #E60012;border-radius: 50%;position: absolute;left:-10px;top: -10px;color: #FFF;} /* .go-top .share{background-position: 0 -50px;} .go-top .share:hover{background-position: 0 -200px;} */ .gotop .uc-2vm-pop,.gotop .Chat-pop{ position: absolute; right: 60px; box-shadow: 0px 1px 4px rgba(0,0,0,.1); background: #fff; border: 1px solid #b0b4b9; bottom: -50px; padding: 5px; animation-name: fade_In;/*動畫名字*/ animation-duration: 0.8s;/*動畫時間*/ animation-iteration-count: 1; /*動畫執行幾次，1就是執行1次不會重複*/ animation-timing-function: ease;/*動畫的加速度曲線*/ animation-fill-mode: forwards;/*動畫完成後，保持最後一個屬性質*/ opacity: 0; } .gotop .uc-2vm-pop:before,.gotop .Chat-pop:before{ content: ''; position: absolute; border-left: 1px solid #b0b4b9; border-bottom: 1px solid #b0b4b9; background: #fff; display: block; width: 10px; height: 10px; right: -6px; bottom: 65px; z-index: 1; -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); -webkit-transform: rotateZ(-135deg); transform: rotateZ(-135deg); } .gotop .Chat-pop:before{bottom: 112px;} .gotop .Chat-pop .qrcode_box{padding: 10px;} .gotop .Chat-pop > a{display: block;width: 33px;height:33px;} .gotop .Chat-pop .closebn{display: block;z-index: 90;position: absolute;font-size: 22px;padding: 5px 8px;background-color: rgba(255, 255, 255, 0.6) ;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;left: 5px;top: 5px;} .gotop .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;} .gotop .uc-2vm-pop .logo-2wm-box{position: relative;} .gotop .uc-2vm-pop .pop-box dt,.gotop .uc-2vm-pop .pop-box dd{display: inline-block;font-size: 12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: top;} .gotop .pop-box dt h3{color: #999;text-align: center;line-height: 40px;} .gotop .uc-2vm-pop .pop-box dt{position: relative;height: 180px;width: 130px;} .gotop .uc-2vm-pop .pop-box dt .qrcode_box{position: absolute;top: 0px;bottom: 0px;background-color: #FFF;} .gotop .pop-box dt{max-height: 400px;width: 200px;text-align: center;z-index: 50;} .gotop .pop-box dt img{max-width:100%;max-height: 100%;} .gotop .pop-box dd a{background-image:none;width: 100%;line-height: 30px;height: 30px;border: 1px solid #DCDCDC;margin-top: 5px;display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #7C7C7C;vertical-align: middle;padding-left: 30px;position: relative;} .gotop .pop-box dd a.select,.gotop .pop-box dd a:hover{color: #FFF;} .gotop .pop-box dd a:first-child{width: 100%;margin-top: 0px;} .gotop .pop-box dd a:before{content:"";display: inline-block;background-image: url(../images/uc-2vm-pop.png);background-repeat: no-repeat;height: 15px;width: 15px;position: absolute;left: 5px;top: 7px;} .gotop .pop-box dd a:nth-of-type(2):before{background-position: left -15px;} .gotop .pop-box dd a:nth-of-type(3):before{background-position: left -30px;} .gotop .pop-box dd a:nth-of-type(4):before,.gotop .Chat-pop .pop-box dd a:before{background-position: left -45px;} .gotop .pop-box dd a:nth-of-type(5):before{background-position: left -60px;} .gotop .pop-box dd a.select:before,.gotop .pop-box dd a:hover:before{background-position: -15px top;} .gotop .pop-box dd a.select:nth-of-type(2):before,.gotop .pop-box dd a:hover:nth-of-type(2):before{background-position: -15px -15px;} .gotop .pop-box dd a.select:nth-of-type(3):before,.gotop .pop-box dd a:hover:nth-of-type(3):before{background-position: -15px -30px;} .gotop .pop-box dd a.select:nth-of-type(4):before,.gotop .pop-box dd a:hover:nth-of-type(4):before, .gotop .Chat-pop .pop-box dd a.select:before,.gotop .Chat-pop .pop-box dd a:hover:before {background-position: -15px -45px;} .gotop .pop-box dd a.select:nth-of-type(5):before,.gotop .pop-box dd a:hover:nth-of-type(5):before{background-position: -15px -60px;} #fb-root{display:none;} #page-wrapper .swiper-button-next {background-image: url(../images/button-next.png);background-repeat: no-repeat;} #page-wrapper .swiper-button-prev {background-image: url(../images/button-prev.png);background-repeat: no-repeat;} .page-container .indextitle { background: #fff; color: #484d55; font-size: 25px; width: 300px; height: 50px; top: -50px; line-height: 50px; margin-bottom: -50px; margin-left: -150px; position: absolute; left: 50%; text-align: center; text-transform: uppercase; display: block; font-weight: 700; letter-spacing: 0.25em; } .page-container .indextitle:before { content: ''; position: absolute; bottom: -36px; left: -35px; width: 35px; height: 38px; background: url(../images/shadow.png); } .page-container .indextitle:after { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); content: ''; position: absolute; bottom: -36px; right: -35px; width: 35px; height: 38px; background: url(../images/shadow.png); } #PricingSearch{text-align: center;} #PricingSearch > dl > dt .option_selected{background-color: transparent;border:none;font-size: 30px;/*color: #E15616;*/height: 35px;line-height: 35px;} #PricingSearch > dl > dt .option_selected span{/*color: #666666;*/margin-left: 10px;} #PricingSearch > dl > dt .SelectBox{padding-bottom: 0px;} #PricingSearch > dl > dt .SelectBox .option_list ul{font-size: 16px;} #PricingSearch > dl > dt .sort{vertical-align: top;display: inline-block;} #PricingSearch > dl > dt .sort a{display: inline-block;height: 33px;width: 110px;border: 1px solid #CCC;font-size: 18px;line-height: 33px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-right: 5px;color: #666;} /*#PricingSearch > dl > dt .sort a.select{border: 1px solid #E15616;color: #E15616;}*/ #PricingSearch > dl > dd{padding-top: 10px;} #PricingSearch > dl > dd .list{font-size: 0;} #PricingSearch > dl > dd .list li{display: inline-block;width: 33%;position: relative;} #PricingSearch > dl > dd .list li .button{cursor: pointer;height: 29px;width: 15px;position: absolute;width: 0;height: 0;border-style: solid;top:calc((100% - 29px) / 2);} #PricingSearch > dl > dd .list li .button.next{border-color: transparent transparent transparent #CCC;border-width: 14.5px 0 14.5px 15px;right: 20px;} #PricingSearch > dl > dd .list li .button.prev{border-color: transparent #CCC transparent transparent;border-width: 14.5px 15px 14.5px 0;left: 20px;} #PricingSearch > dl > dd .list li .button.next:hover{border-color: transparent transparent transparent #999;} #PricingSearch > dl > dd .list li .button.prev:hover{border-color: transparent #999 transparent transparent;} #PricingSearch > dl > dd .list li .info{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;/*background-color: #F6F6F6;*/margin-right: auto;margin-left: auto;height: 75px;padding: 5px 0;} #PricingSearch dl > dd .list li .info h4,#PricingSearch dl > dd .list li .info h3{font-size: 14px;line-height: 30px;} #PricingSearch dl > dd .list li .info h3 font{font-size: 45px;font-family: Arial, Helvetica, sans-serif;line-height: 45px;} #PricingSearch dl > dd .list li .info h3 i{font-size: 30px;margin-left: 5px;} #PricingSearch .SelectBox:first-child .option_list {width: 230px;} /*#PricingSearch dl > dd .list li.month .info h3 {color: #000;} #PricingSearch dl > dd .list li .info.up h3{color: #F00;} #PricingSearch dl > dd .list li .info.down h3{color: #006699;} */ .chart-container{ width: calc(100% - 16px); height: 50vh; margin: 8px; } /*.lineapp{ position: fixed; top: calc((100% - 320px) / 2); right: 0px; z-index: 2147483647; }*/ #pc-hoader_googlesesrch .ui-widget-content{border: none;} #pc-hoader_googlesesrch .gsib_a {padding: 2px;} #pc-hoader_googlesesrch .sb-search input[type='text'] {height: 30px;} #pc-hoader_googlesesrch .sb-search {width: 30px;height: 30px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 30px;text-align: center;cursor: pointer;border: none;} #pc-hoader_googlesesrch .fa-times.ui-state-default{background: #FFF;} @media only screen and (min-width: 769px) and (max-width: 1024px) { #footer #ShowSubMenu.menu dt{width: calc((100% - 25%) / 7);} #footer #ShowSubMenu.menu dd{width: 18%;} #footer #ShowSubMenu dd ul li {margin-bottom:0px;margin-top:5px;display: inline-block;} } @media screen and (min-width: 769px) { .desktop{display:block} .mobile{display:none} .positionstyle{position: absolute;} .FocusNews .imgbox{height: 115px;width: 152px;} .FocusNews .imgbox img{max-height: 113px;max-width: 150px;} #MainTitle dt{float:left} #MainTitle dd{float:right;} #mainadbox{margin-left: 10px;} #mainadbox .swiper-button-next,#mainadbox .swiper-button-prev {display: none;} #mainadbox .swiper-wrapper{display: block;} #mainadbox .swiper-wrapper li{margin-bottom: 10px;} #adbox{margin-left: 10px;} #adbox .swiper-button-next,#adbox .swiper-button-prev {display: none;} #adbox .swiper-wrapper{display: block;} #adbox .swiper-wrapper li{margin-bottom: 10px;} .ad li img{max-width: 100%;} .page ul{text-align: right;float:right;} #footer .menu dd{float:right;} #footer .info dt{/*float:left;width:85%;*/line-height:30px;font-size: 0.875rem;} #footer .info dd{float:right;width:15%;text-align: right;} #footer #ShowSubMenu .info dt{line-height:30px;margin-bottom:10px} #footer #ShowSubMenu .info dd{width:100%} #footer #HideSubMenu.menu dd{width: 40%;text-align: right;} #footer #HideSubMenu dd ul li {margin-bottom: 5px;width: 24%;display: inline-block;} .sidebar-L{float:left;width:59.5%;} .sidebar-R{float:right;width:39%} .page .msg{position: absolute;left: 0px;top:0px;} /*#gotop{bottom:100px;right:40px}*/ #FooterBox #map li{float:left;width:218px;margin-right:1px;height:250px} #FooterBox #map li dl dt{width:218px} #PricingSearch{width: 650px;margin-right: auto; margin-left: auto;} #PricingSearch > dl > dt .desktop{display:inline-block;} #PricingSearch > dl > dd .list li .info{width: 190px;} #PricingSearch .SelectBox ul{width:430px; height:auto;padding: 5px;left: calc((100% - 430px) / 2);} .Drop_down_menu{text-align: center;} .Drop_down_menu a.SelectNav{display:none;} .Drop_down_menu .SubNav li{display: inline-block;padding:0 10px 10px 10px ;} .Drop_down_menu .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;} #TopSearch{top: 5px;right: 0px;position: absolute;width: 100%;z-index: 1005;} #pc-hoader_googlesesrch .cse .gsc-control-cse,#pc-hoader_googlesesrch .gsc-control-cse {padding:1.35em 3em;} .gotop .uc-2vm-pop{width: 280px;} .gotop .uc-2vm-pop dt,.gotop .uc-2vm-pop dd{width: 50%;padding: 5px;} .gotop .uc-2vm-pop dd{} } @media screen and (max-width: 768px) { .desktop{display:none} .mobile{display:block;} .desktop.dropotron{display:none;} .FocusNews dt h3 {font-size:18px;margin-top: 10px;} #FocusAd .flex-control-nav {bottom: -10px;} /*#MainTitle dd{display:none;}*/ #footer .menu dt{display:none;} #footer .info dt{font-size: 0.875rem;line-height:30px;margin-bottom:10px;} #footer .info dd{width:100%;} #footer #ShowSubMenu dt ul {display: block;} #footer #ShowSubMenu.menu dd,#footer #HideSubMenu.menu dd{width:100%;} #footer #ShowSubMenu.menu dd ul li,#footer #HideSubMenu.menu dd ul li{width:45%;} #footer #ShowSubMenu.menu dd ul li.image img ,#footer #HideSubMenu.menu dd ul li.image img{display:none;} #footer #ShowSubMenu.menu dd ul li.image a img ,#footer #HideSubMenu.menu dd ul li.image a img{display:block;} #footer #city_search_key{display:none;} .clearfix:after{content:".";clear:both;height:0;visibility:hidden;display:block;} .SearchBox2 .clearfix dt,.SearchBox3 .clearfix dt{padding:0 10px;color: #bbb;} .SearchBox2 dl,.SearchBox3 dl{position:relative;cursor:pointer;clear:both;} .SearchBox2 dl dt,.SearchBox3 dl dt{font-size: 1rem;width:55px;font-weight:700;float:left;line-height:50px;} .SearchBox2.MRT dl dt,.SearchBox3.MRT dl dt{width:55px;} .SearchBox2 dl dd,.SearchBox3 dl dd{width:70%;height:50px;overflow:hidden;float:left;text-align: left;} .SearchBox2 dl dd.search,.SearchBox3 dl dd.search{/*padding-top:10px;height:30px;display: inline-block;*/float: none;width:100%;padding:0 8px;height: 50px;} .SearchBox3 dl dd.search input{margin-top:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .SearchBox2 dl dd a,.SearchBox3 dl dd a{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:inline-block;padding:0 5px;height:28px;margin:10px 8px 10px 0;line-height:28px;min-width:40px;text-align:center;border: 1px solid #FFF;} .SearchBox2 dl dd a.active,.SearchBox3 dl dd a.active{} .SearchBox2 dl dd.arrow-icon,.SearchBox3 dl dd.arrow-icon{width:34px;height:34px;position:absolute;right:10px;top: 8px;background-repeat: no-repeat;background-position: right -191px;} .SearchBox2 dl dd.up,.SearchBox3 dl dd.up{background:no-repeat right -213px} .SearchBox3 dl dd.search input[type="text"]{width:65%} .SearchBox2 dl dd.search input{ margin-top:5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;height:40px;} .SearchBox2 dl dd.search input.bn-input-search,.SearchBox2 dl dd.search input.bn-input-search2{height:40px;background-position: 10px 10px;vertical-align: top;} .SearchBox2 dl dd.search input[type='text']{width:calc(100% - 130px);} .SearchBox2 dl dd input[type='text']{width:30%;} .SearchBox2 dl dd.search input.addmore[type='text']{ width:calc(100% - 190px); border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0px; margin-left: 2px; } .slider-container{padding-bottom:35px;} /*#TabbedPanels3 .control,#TabbedPanels8 .control {text-align: center;height: 30px;width: auto;display: inline-block;} #TabbedPanels3 .control .searchRules,#TabbedPanels8 .control .searchRules { background-image: url(../images/spacer.gif); width:49px; height: 40px; padding-right: 0px; padding-left: 0px; margin-left: 0; margin-right: 0; border-top: 1px solid #C9C8C8; border-right: 1px solid #C9C8C8; border-bottom: 1px solid #C9C8C8; border-bottom-left-radius: 0; border-top-left-radius: 0; }*/ #TabbedPanels3 #nett .control .searchRules.imgU, #TabbedPanels3 #nett .control .searchRules.imgD{background-image: url(../images/style_6/imgDU.png);} .condition_more{ line-height:40px; width:65px; height: 40px; padding-right: 0px; padding-left: 0px; margin-left: 0; margin-right: 0; border-top: 1px solid #C9C8C8; border-right: 1px solid #C9C8C8; border-bottom: 1px solid #C9C8C8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom-left-radius: 0; border-top-left-radius: 0; display:inline-block; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } .condition_more em{font-size: 0.875rem;font-style:normal;} .condition_more span{display:inline-block;width:12px;height:15px;background:no-repeat left -170px;vertical-align:middle;} .condition_more span.up{background:no-repeat -17px -170px;} .SearchBox2 dl dd.morefilterbnt, .SearchBox3 dl dd.morefilterbnt {width: 100%;overflow: visible;} .morefilterbnt .bn-input-search{height: 50px;margin: 0px;padding: 0px;width: 100%;} .morefilterbnt .bn-input-search input{line-height: 50px;height: 50px;color: #FFF;width: 100%;border: none;margin: 0px;padding: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;font-size: 1.2rem;} .morefilterbnt .condition_more{width: 100%;height: 30px;line-height: 30px;font-size: 0.875rem;border: none;} .page ul {margin-bottom: 5px;} .page ul li.desktop,.page ul li .pn{display:none;} .page select {margin-bottom: 0px;vertical-align: top;} #TopBar{display:none;} .sidebar-R,.sidebar-L{margin-bottom:20px} /*SelectBlock2*/ .SelectBlock2 input[type="checkbox"] + label span,.SelectBlock2 input[type="radio"] + label span{display:none;} html:root .SelectBlock2 input[type="checkbox"] + label span,html:root .SelectBlock2 input[type="radio"] + label span{display:none;width:0px;height:0px;vertical-align:middle;cursor:pointer;background-image:none;background-repeat:no-repeat;*display:none;_display:none;} .SelectBlock2 input[type="checkbox"] + label,.SelectBlock2 input[type="radio"] + label {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;min-width: 66px;text-align: center;display: inline-block;margin-left: 5px;margin-bottom: 5px;padding-right: 2px;padding-left: 2px;} input[type="text"].small{width:50%;} input[type="text"],textarea{width:calc(100% - 8px);} input,textarea,select{margin-bottom:5px;} /*#gotop{bottom:120px} #zone #gotop{bottom:120px}*/ .gotop a{ filter:alpha(opacity=90); /* IE */ -moz-opacity:0.9;/* Moz + FF */ opacity: 0.9; /* 支持CSS3的??器（FF 1.5也支持）*/ } #PricingSearch .SearchBox{margin-bottom: 10px;} #PricingSearch > dl > dd {margin:0 8px;} #PricingSearch > dl > dd .list li {width:calc(100% /3);} /*#PricingSearch > dl > dd .list li.month{width:100%}*/ #PricingSearch > dl > dd .list li .info{margin:5px;} #PricingSearch > dl > dt .sort{width:100%;} #PricingSearch > dl > dt .sort a{width:29%;margin:0 1%;} #PricingSearch .SelectBox{margin-bottom: 10px;} #PricingSearch .SelectBox ul{width:300px; height:auto;padding: 0px;left: calc((100% - 300px) / 2);} #PricingSearch .SelectBox ul li{padding: 0px;} #PricingSearch .SelectBox .option_list li dl{padding:5px 0px;} .Drop_down_menu a.SelectNav .mask{background-image: url(../images/style_6/TabbedPanels3.png);background-repeat:no-repeat;background-position:left top;height:5px;width:10px;margin-left:5px;margin-right:0} .Drop_down_menu a.SelectNav{line-height:35px;display:block;cursor:pointer;_padding-top:1px;position:relative;z-index:999;width:auto;height:35px;padding:0 5px} .Drop_down_menu li:hover .SelectNav {line-height:37px;border: 1px solid #CCC;border-bottom: none;background-color: #F3F3F3;margin:0 10px;padding: 0 4px;} .Drop_down_menu li:hover .SubNav{display:block;} .Drop_down_menu li:hover.closemenu .SelectNav{line-height:35px;border: none;border-bottom: none;background-color: transparent;margin:0 10px;padding: 0 4px;} .Drop_down_menu li:hover.closemenu .SubNav{display:none;} .Drop_down_menu .SubNav{display:none;z-index:999;top:35px;position:absolute;line-height:35px;height:auto;width:calc(100% - 20px);left:0;font-size: 20px;background-color: #FFF;margin:0 10px;border: 1px solid #CCC;border-top: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .Drop_down_menu .SubNav li{float:none;padding:5px;border-top: 1px solid #F3F3F3;} #pc-hoader_googlesesrch .gsc-control-cse{padding: 5px 10px ;} #pc-hoader_googlesesrch .gsc-input-box{padding-top: 3px;padding-bottom: 3px;} #pc-hoader_googlesesrch #button{display:none;} .gotop .pop-box dt{max-height: 300px;width: 200px;} .gotop .pop-box dd a{line-height: 40px;height: 40px;font-size:14px;} .gotop .pop-box dd a:before{top: 12px;} #FocusAd .AdAnimated h1 {font-size: 1.5rem;font-weight: bold;line-height: 2rem;color: #000;} #FocusAd .AdAnimated.style01 {top: 1vw;left:10%;width: 80%;} #FocusAd .AdAnimated.style02 {top: 1vw;left:10%;width: 80%;} #FocusAd .AdAnimated.style03 {top: 1vw;left:10%;width: 80%;} #FocusAd .AdAnimated.style04 {top: 1vw;left:10%;width: 80%;} #FocusAd .AdAnimated .btn {font-size: 0.75rem;display: inline-block;line-height: 1rem;padding:3px 5px;margin: 0.15vw auto;} } /*@media screen and (max-width: 700px) { .SearchBox2 dl dd.search input[type="text"]{width:30%} }*/ @media screen and (max-width: 480px) { input.submit,input.reset{width:40%;font-size:16px;} } @media screen and (max-width: 320px) { #PricingSearch dl > dd .list li .info h4, #PricingSearch dl > dd .list li .info h3 {font-size: 12px;} } /*20200708搜尋新增*/ .closebox .buy_t ,.SearchBox2 dl dd .buy_t{display: inline-block;} .closebox .buy_t{float: left;}