@charset "utf-8";
*{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}
html{background-color: #EEEEEE;}
body{background-color: #F6F6F6;}
body,form,img,p,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,input,button,select,textarea,fieldset{margin:0;padding:0;font-size:0.875rem;font-family: "helvetica","verdana","arial";}
body{font-size: 0.875rem;margin: 0 auto;padding-top: 6rem;}
h2,h3,h4,h5,h6{font-size:0.875rem;}
/*默认Select样式*/
select{/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/border: solid 1px #E2E2E2;/*将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*在选择框的最右侧中间显示小箭头图片*/background-image: url("./select-sprite.png");background-position: right 0;background-repeat: no-repeat;background-size: auto 100%;border-radius: 0.2rem;/*为下拉小箭头留出一点位置，避免被文字覆盖*/padding-right: 1rem;padding-left:0.5rem;font-size:0.875rem;}
select option{font-family: arial;font-size: 0.875rem;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand{display: none;}
/*去除input默认样式*/
input{-webkit-appearance: none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;border-radius: 0;}
.wrap{width: 100%;}
#homeSet{display:none!important;}
#toTop s{height: 3rem;right: 1rem;width: 3rem;}
#toTop s::before{line-height: 2.6rem;}
/*header*/
header{height: auto;position: fixed;top: 0;width: 100%;z-index: 99;}
header::before,header .tip,header .link,header .logo img,#nav_category,#banner,header .cart{display:none;}
header.drawer-toggle{display:block;}
header .wrap{background-color: #00405d;height:auto;}
header a.logo{background-image: url("./footer_logo.png");background-position: center 0.5rem;background-repeat: no-repeat;background-size: auto 2rem;display: block;height: 3rem;position: static;}
header .cart .drawer-nav{z-index:101;}
.drawer-overlay{z-index:100;}
.drawer-hamberger{z-index:102;}
.drawer-left .drawer-overlay, .drawer-left .drawer-hamberger{padding: 1.5rem;}
.drawer-left .drawer-hamberger span{left: 0.5rem;position: absolute;top: 0.7rem;}
.drawer-left .drawer-main{background-color: #2b82ad;color: #f0f3f7;padding: 0;width:13rem;}
.drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before{background-color: #FFFFFF;}
.drawer--left.drawer-open .drawer-hamberger{left: 13rem;}
/*language*/
header dl.lang-list{position: static;border-top:none;}
header dl.lang-list dt{color: #FFFFFF;line-height: 1rem;padding-bottom: 0.5rem;padding-top: 0.5rem;}
header dl.lang-list dt::before{margin: 0 auto;position: static;}
header dl.lang-list dd h3,header dl.lang-list dd .btn{display:block;}
header dl.lang-list dd{border-top: 0px solid #DDDDDD;left: 50%;margin-left: -49%;top: 95px;width: 98%;z-index: 1000;}
header dl.lang-list dd.show{display:block;}
header dl.lang-list dd.hide{display:none;}
header dl.lang-list dd h3{font-size: 15px;}
header dl.lang-list dd h3 s:before{font-size: 1.2rem;height: 25px;line-height: 25px;position: absolute;right: -5px;text-decoration: none;top: -2px;width: 25px;}
header dl.lang-list dd ol{height: 400px;display: block;overflow: auto;}
header dl.lang-list dd li{border-bottom: 1px solid #333333;margin-right: 0.5%;overflow: hidden;position: relative;width: 33%;z-index: 13;}
header dl.lang-list dd li:nth-child(3n){margin-right:0;}
header dl.lang-list dd li:nth-child(21),header dl.lang-list dd li:nth-child(22),header dl.lang-list dd li:nth-child(23),header dl.lang-list dd li:nth-child(24){border-bottom:none;}
header dl.lang-list dd li.active:before{content: '\e828';color: #FFFFFF;font-family: "yunteam";font-size: 0.875rem;font-style: normal;font-weight: normal;margin-top: -1rem;position: absolute;right: 0;top: 50%;}
header dl.lang-list dd a{height: 32px;line-height: 32px;padding: 0 15px;font-size: 12px;padding-left: 32px;margin-left: 4px;padding-right:0;}
header dl.lang-list dd a:nth-child(2n){margin-left: 0;}
header dl.lang-list dd a:hover{color: #ffa726;}
#GlobalLanguage .btn{clear: both;padding: 10px 0;position: relative;z-index: 14;}
#GlobalLanguage s.cannel{height: 40px;line-height: 40px;margin: 0 15px;text-align: center;font-size: 15px;color: #FFFFFF;display: block;border: 0px solid #444444;border-radius: 3px;text-decoration: none;background-color: #ffa726;}
#GlobalLanguage s.cannel:hover{background-color: #062f3c;border-color: #f0f3f7;cursor:pointer;}
/*header*/
header .search{background-color: #2b82ad;float: left;padding-bottom: 0.3rem;padding-left: 0.5rem;position: static;width: 100%;}
header .search input.textbox, header .search input.textbox_focus{width: 78%;}
header .search input.submit{float: right;margin-right: 1%;padding: 0;width: 20%;}
header .search a{display:none;}
header .search #search-tip{background-color: #FFA726;color: #00405d;display: none;font-size: 12px;line-height: 12px;padding: 5px 5px;position: absolute;top: 93px;}
/*nav*/
nav ul{display: block;float: none;max-height: none;}
nav ul::before{content: "GIANT-TEK.com";display: block;font-weight: bold;line-height: 3.5rem;text-align: center;}
nav ul li{display: block;float: none;position: relative;}
nav ul li::before{content: "\e81d";font-family: "yunteam";font-size: 1rem;height: 1rem;left: 0.5rem;margin-top: -0.6rem;position: absolute;text-align: center;top: 50%;width: 1rem;}
nav ul li:nth-child(2):before{content:"\e807";}
nav ul li:nth-child(3):before{content:"\e826";}
nav ul li:nth-child(4):before{content:"\e825";}
nav ul li:nth-child(5):before{content:"\f009";}
nav ul li:nth-child(6):before{content:"\e819";}
nav ul li:nth-child(7):before{content:"\f0e0";}
nav ul.clearfix li a{color: #f0f3f7;font-size: 0.85rem;line-height: 2.6rem;margin: 0;padding: 0 0 0 2rem;text-align: left;}
nav ul.clearfix li a.active{background-color: #00405d;border: medium none;height: auto;}
nav ul.clearfix li:hover a{color:#FFFFFF;}
/*nav item*/
nav ul.clearfix ol{display: none;padding-bottom: 0rem;position: absolute;top: 41px;}
nav ul.clearfix ol::before{background-color: #00405d;content: "";height: 100%;opacity: 0.9;position: absolute;width: 100%;z-index: 10;}
nav ul.clearfix ol li{position: relative;width: 208px;z-index: 11;padding: 0rem;}
nav ul.clearfix ol li::before{background-color: #005379;bottom: 0;content: "";display: block;height: 1px;left: 0.5rem;top: 41px;position: absolute;width: 190px;z-index: 1;}
/*nav ul.clearfix ol li:last-child:before{display: none;}
*/
nav ul.clearfix ol a{border-bottom: 0px solid #2b82ad;color: #f0f3f7;font-size: 0.65rem;display: table;position: relative;z-index: 2;padding: 0px 0.5rem;}
nav ul.clearfix>li a:hover{color: #ffa726;}
/*home*/
#home{padding: 0;}
#home h2.title{font-size: 1rem;height:36px;margin-bottom: 0.5rem;}
#home h2.title s{height:35px;}
#home .about-us{background-color: #FFFFFF;margin-bottom: 0.5rem;padding: 0 0.5rem;}
#home .about-us{color: #4B4B4B;display: block;line-height: 1.2rem;padding-bottom: 0.5rem;min-height:8rem;}
#home .about-us strong{display: block;font-weight: normal;line-height: 1.6rem;padding-left: 0.5rem;}
#home .about-us img{float: left;margin-left: 0.5rem;margin-right: 0.5rem;max-width: 30%;}
#home .about-us a{color: #398BCB;text-decoration: underline;}
#home .recommend, #home .featured ,#home .box{background-color: #FFFFFF;display: block;float: none;width: auto;margin-bottom: 0.5rem;}
#home .recommend{padding-bottom: 2rem;position: relative;}
#home .recommend .flex-control-nav{bottom:0.5rem;}
#home .recommend .title{height: 36px;overflow: hidden;border-bottom:2px solid #2b82ad;}
#home .recommend ul.tab{background-color: #FFFFFF;}
#home .recommend ul.tab li, #home .recommend ul.tab li.active{background-color: transparent;border:none;color: #181E24;display: block;float: none;font-weight: bold;height: 36px;line-height: 36px;padding: 0 0.5rem;text-align: left;width: auto;}
#home .recommend .slides{padding-top: 0.5rem;}
#home .recommend .slides s{height: auto;margin-right: 0.5%;width: 33%;}
#home .recommend .slides s:nth-child(3n){margin-right: 0;}
#home .recommend .slides s a.cover{border: medium none;display: inline;}
#home .recommend .slides s p.price{}
#home .recommend .slides s img{}
#home .featured .item,#home .news .headline,#home .news ul.list{display: block;float: none;margin: 0;width: auto;}
#home .news ul li a{display:block;}
#home .box h3{background-color: #FFFFFF;border-bottom: 2px solid #2b82ad;color: #181E24;font-weight: bold;}
#home .service .rfq{background-color: #F6F6F6;}
#home .news{background-color: #FFFFFF;padding: 0 0 0.75rem 0.75rem;}
#home .news .headline dt img{max-width: 6rem;}
.home_brand ul li{box-shadow: 1px 1px 3px #CCCCCC;margin: 0 1% 8px 0;width: 49.5%;}
.home_brand ul li:nth-child(2n){margin-right: 0;}
.home_brand ul li img{max-height: 95%;}
/*footer service*/
#footer_service{padding-top: 0.5rem;}
#footer_service ul li{min-height: 5rem;height:auto;margin-right: 0;padding-left: 7rem;width: 100%;text-align: left;border-bottom: 2px solid #FFFFFF;padding-bottom: 0.5rem;}
#footer_service ul li:nth-child(2n){margin-right: 0;}
#footer_service ul li h3{height: auto!important;padding: 0.5rem 0 0 !important;text-align: left;width: auto!important;line-height: 1.2rem!important;}
#footer_service ul li h3::before{background-size: auto 6rem;height: 5rem;width: 6rem;left: 2rem !important;}
#footer_service ul li:nth-child(1)::before{}
#footer_service ul li:nth-child(2)::before{background-position: -6rem 0;left: 0.6rem !important;margin-top: 0.3rem;}
#footer_service ul li:nth-child(3)::before{background-position: -12rem 0;left: 0.25rem;margin-top: 0.2rem;}
#footer_service ul li:nth-child(4)::before{left: -0.2rem;margin-top: 0.875rem;background-position: -18rem 0;}
/*footer*/
#footer .wrap{padding: 0;background-image: none;}
#footer .icon{background-position: center bottom;background-size: 70% auto;display: block;float: none;margin: 0 0 1rem;width: auto;}
#footer dl,#footer dl.about-us{display: block;float: none;margin: 0 auto;padding: 0 0.5rem 0.5rem;width: 100%;}
#footer dl:first-child{border: medium none;}
#footer dl dt{font-size: 1.0rem;line-height: 2rem;padding-left: 0.3rem;padding-right: 0;}
#footer dl dd{padding-left:0.3rem;}
#footer .copyright{padding: 0.5rem;}
/*page*/
#main h1{float:none;display:block;font-size: 1rem;height: auto;line-height: 1.2rem;padding: 0.5rem;text-align: center;}
#main h1 b{left: 0;position: absolute;top: 10.5rem;}
#main h2{float:none;display:block;font-size: 1rem;height: auto;line-height: 1.2rem;padding: 0.5rem;text-align: center;}
#main h2 b{left: 0;position: absolute;top: 10.5rem;}
#page{display: block;float: none;margin-top: 0;text-align: right;}
#page label{display: none;}
#page a.item{display: none;}
#page span, #page a.btn{padding: 5px 20px;}
/*about us*/
body.about-us nav{display:block;}
body.about-us ul#nav{display:none;}
body.about-us header .search{display:block;}
body.about-us .aboutus-top{display:none;}
body.about-us .text{padding: 0 2%;}
.about-us .category > li{background-color: #EEE!important;border: 1px solid #FFFFFF;width: 50%;}
.about-us .category > li:nth-child(1), .about-us .category > li:nth-child(2), .about-us .category > li:nth-child(5), .about-us .category > li:nth-child(6){background-color: #f8f8fa!important;}
#aboutus-brand ul li{margin: 5px 1%;width: 48%;}
#aboutus-brand ul li a{width: 100%;}
.whyus{width: 100%;}
.whyus > li img{display: block!important;float: none!important;max-width: 100%;margin:0 auto!important;}
.whyus > li:nth-child(2n+1){background-color: #F6F6F6;}
.whyus > li{padding-left: 2% !important;padding-right: 2% !important;}
.whyus h3{padding-top: 1rem;}
.contactus{padding: 10px 0;}
.contactus .contactway{display: block;float: none;width: auto;}
.contactus .contactway > h3{line-height: 2rem;padding: 0;position: relative;text-align: center;}
.contactus .contactway > h3::before{background-color: #2b82ad;bottom: 0;content: "";display: block;height: 2px;left: 32%;position: absolute;width: 36%;}
.contactus .rfq{border-top: 1px solid #DDDDDD;display: block;float: none;padding-bottom: 15px;width: auto;}
#position{padding:5px 1%;}
#quick-menu{display: none;}
#main .category{border: medium none;width: auto;}
#main .category h2{display: none;}
#main .category .item h3{background-color: #E6E6E6;border: medium none;color: #151A1D;display: block;float: none;font-size: 18px;line-height: 1.5rem;width: auto;padding: 0.5rem 0.3rem;}
#main .category .item ul{float: none;width: auto;column-count: auto;-webkit-column-count: auto;-webkit-column-gap: 0;-moz-column-count: auto;-moz-column-gap: 0;padding-top: 0.5rem;}
#main .category .item ul li{padding-bottom: 0.3rem;padding-left: 0.5rem;padding-top: 0.3rem;}
#main .category .item ul li a{font-size: 1rem;line-height: 1.2rem;}
#main .category .item .line{display:none;}
/*big class*/
#main .bigClass h2{display:block;}
/*product list*/
#main .result-info{padding: 0.5rem;}
.result-info dl.parts,.result-info dl.mfg{display: block;float: none;width: auto;}
.result-info dl.mfg{border-top: 1px solid #DDDDDD;margin-top: 15px;padding-top: 10px;}
.result-info dl.mfg dd{float: none;height: auto;line-height: 1.2rem;width: auto;}
.result-info dl.mfg dd div{display:none;}
#main .result-info dt{width: 25%;}
#main .result-info dt img{max-width:100%;}
#main .products{border-left: medium none;border-right: medium none;}
#main .products .items{background-color: #FFFFFF;position: relative;}
#main .products .items img{max-height: 100%;max-width: 100%;}
#main .products .items a.cover{margin-right: 0.5rem;width: 20%;}
#main ul.parameters{width: 77%;}
#main ul.parameters li{display: block;float: none;height: auto;line-height: 1.2rem;padding: 0.5rem 0.3rem;width: auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#main ul.parameters li:nth-child(3){border-bottom: 1px dotted #BFBFBF;}
#main ul.parameters li s a{color: #2b82ad;}
#main ul.parameters li s a:hover{color: #ffa726;}
#main .products .items .btn{bottom: 0.2rem;clear: both;float: none;left: 0;position: absolute;width: 22%;}
#main .products .items .btn s{line-height: 1.5rem;}
#main .products .items .btn a{display: block;font-size: 0.875rem;margin: 0 0.2rem;padding: 0.3rem 0;}
#main .products .items .btn a::before{content: "\e816";font-family: yunteam;font-size: 1rem;font-weight: normal;margin-right: 6px;}
/*mfg*/
#main h1 .choose{display: block;float: none;padding-bottom: 0.5rem;text-align: center;}
#main h1 .choose a{background-color: #FFFFFF;border: 1px solid #E0E0E0;display: inline-block;float: none;padding: 0.3rem 0.5rem 0.3rem 2rem;}
#main h1 .choose a:before{left: 0.3rem;}
#main .words::before{display:none;}
#main .words{background-color: #FFFFFF;border-bottom: 1px solid #E0E0E0;border-top: 1px solid #E0E0E0;padding: 1rem 0;margin-top: 0;}
#main .words a{border: 1px solid #E0E0E0;margin: 0.3rem 0.4rem;}
#main .brand-list ul li,#main .brand-list ul li:nth-child(6n){width:50%;background-color: #FFFFFF;}
#main .brand-list h3{background-color: #EEEEEE;text-align: center;}
/*mfg details*/
#main .manufacturer{background-position: right 0;background-size: auto 100%;border-bottom: 1px solid #E0E0E0;border-top: 1px solid #E0E0E0;margin: 0;padding-top: 10px;}
#main .manufacturer .cover{display: block;float: none;margin: 0 auto;width: 50%;}
#main .manufacturer .cover img{max-width:100%;}
#main .manufacturer .introduction{float: none;padding: 0.5rem 2% 1rem;width: auto;}
#main .manufacturer .introduction h2{text-align: center;}
#main .manufacturer .introduction .link{height: 2.5rem;position: static;text-align: center;padding-top: 1rem;}
#main .manufacturer .introduction .link a{background-color: #ffa726;color: #FFFFFF;border: 0px solid #DDDDDD;border-radius: 0.2rem;padding: 0.5rem 1rem;text-decoration: none;}
#main .manufacturer .introduction .link a:hover{background-color: #062f3c;color: #FFFFFF;text-decoration: none;}
#main .manufacturer-category dl{float: none;margin-right: 0;width: auto;}
#main .manufacturer-category dl:nth-child(2){margin-top:0.5rem;}
#main ul.manufacturer-news{column-count: auto;-webkit-column-count: auto;-webkit-column-gap: 0;-moz-column-count: auto;-moz-column-gap: 0;}
/*article*/
#article{}
#article h1{margin-left:1%;display: block;}
#article .content,#article .message{background-color:#FFFFFF;}
#article .sider{display: none;}
#article .sider dl.brands{display: none;}
#sBody{float: none;width: auto;}
/*contact us*/
#article .content .info{padding-left:0.5rem;}
#article .content .contact-right li{border-bottom: 1px solid #CACACA;float: none;line-height: 1rem;padding-left: 32%;padding-top: 2rem;width: auto;}
#article .content .contact-right li:before{left: 5%;}
#article .message ul.form,#article .message ul.form:nth-child(2){float: none;width: auto;}
#article .message .submit{padding-top: 10px;text-align:center;}
ul.form input.textbox, ul.form input.textbox_focus, ul.form input.textbox_error, ul.form input.textbox_tip{height: 2.2rem;line-height: 2.2rem;width: 100%;}
ul.form textarea.textbox, ul.form textarea.textbox_focus, ul.form textarea.textbox_error, ul.form textarea.textbox_tip{max-width: 100%;width: 100%;}
ul.form li s::before{top: 0.25rem;}
ul.form li b{height:1rem;}
ul.form-contact input.textbox, ul.form input.textbox_focus, ul.form input.textbox_error, ul.form input.textbox_tip{height: 2.2rem;line-height: 2.2rem;width: 100%;}
ul.form-contact textarea.textbox, ul.form textarea.textbox_focus, ul.form textarea.textbox_error, ul.form textarea.textbox_tip{max-width: 100%;width: 100%;}
ul.form-contact li s::before{top: 0.25rem;}
ul.form-contact li b{height:1rem;}
/*rfq*/
#main ul.process{display: none;}


#main .tip{margin-top: 0;}
#partsList th{display: none;}
#partsList td{position: relative;display: block;height: auto;margin: 0.5rem 0;padding: 0 1% 0 10%;width: auto;}
#partsList td.action{border-bottom: 1px dotted #DDDDDD;border-top: 1px dotted #DDDDDD;padding: 0 1%;}
#partsList td s{display: block;left: 11%;position: absolute;text-decoration: none;top: 0.4rem;}
#partsList td span{display: block;background-color: #EEEEEE;border-radius: 50%;font-size: 1.2rem;height: 1.8rem;top: 0;left: 5%;line-height: 1.8rem;margin-left: -0.9rem;position: absolute;text-align: center;text-decoration: none;width: 1.8rem;}
#partsList td:nth-child(1) input,#partsList td:nth-child(2) input{padding-left: 3rem;}
#partsList td:nth-child(3) input{padding-left: 5.2rem;}
#partsList td:nth-child(4) input{padding-left: 2.3rem;}
#partsList td:nth-child(5) input{padding-left: 8rem;}
#partsList td input{position: relative;width: 100%;z-index: 2;}
#partsList td a.btn{display: block;font-size: 1.5rem;height: 2rem;line-height: 2rem;width: 10%;}
#partsList td a.btn:before{padding:0;}
#partsList td.add-btn{height: 2rem;padding: 0 1%;}
#partsList td.add-btn a{display: block;height: 2rem;line-height: 2rem;padding: 0;}
#main .form-box .submit{text-align: center;}
h4.title{font-size: 1rem;}
#main .form-box ul.left{display: block;float: none;width: auto;}
#main .form-box ul.right{display: block;float: none;width: auto;}
ul.form li{min-height: 2.8rem;}
#main .form-box textarea.textbox, #main .form-box textarea.textbox_focus, #main .form-box textarea.textbox_error, #main .form-box textarea.textbox_tip{height: 6rem;}
#main .form-box #Company, #main .form-box #Address,#main .form-box textarea.textbox, #main .form-box textarea.textbox_focus, #main .form-box textarea.textbox_error, #main .form-box textarea.textbox_tip,#main .form-box input.textbox, #main .form-box input.textbox_focus, #main .form-box input.textbox_tip, #main .form-box input.textbox_error{max-width: 100%;width: 100%;}
/*product details*/
#main .parts-images{background-color: #FFFFFF;display: block;float: none;min-height: auto;width: 100%;border-left: none;border-right: none;}
#main .parts-images h3{text-align: center;}
#main .parts-images .mfg-logo{right: 10px;top: 5px;}
#main .parts-images ul.slides{padding-top:1rem;min-height: 220px;}
#main .parts-images .tip s br{display:none;}
#main .summary{background-color: #FFFFFF;border-top: medium none;display: block;float: none;width: 100%;}
#main .summary .submit{text-align: center;}
#main .summary .info,#main .summary table.price{float:none;width:100%;}
#main .summary h3{text-align: center;;}
#main .summary a.pdf{display: none;}
#main .summary table.price{margin-top:0.3rem;}
#main .summary .product-form s{height:auto;line-height:1.2rem;padding:0.5rem;}
#main .summary .product-form dl{clear: both;float: none;}
#main .summary .product-form dt{padding-right: 2%;text-align: right;width: 30%;}
#main .summary .product-form dd{margin-right: 0;}
#main .summary ul.form li{float:none;width:100%;}
#main .summary ul.form input.textbox, #main .summary ul.form input.textbox_focus, #main .summary ul.form input.textbox_error, #main .summary ul.form input.textbox_tip{padding-left:9%;}
#main .summary ul.form li textarea{height: 6rem;padding-left: 9%;width: 100%;}
#main .summary ul.form li b{height: 1rem;}
ul.product_tab{display:none;}
#main .product-details{background-color: #FFFFFF;}
#main .product-details:nth-child(7), #main .product-details:nth-child(8), #main .product-details:nth-child(9){display:block;}
#main .product-details h3{border-bottom: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD;display: block;font-size: 1rem;font-weight: bold;height: auto;line-height: 1.5rem;padding: 0.75rem 0;text-align: center;text-transform: uppercase;}
table.product-parameter th, table.product-parameter td{line-height:1.2rem;padding:0.5rem 0;}
table.product-parameter th{padding-left:2%;}
#main .product-details .description{border-left:0;border-right:0;margin-bottom: 0.5rem;}
#main .product-details .products{border-top:none;}
#main ul.related-news{column-count: auto;-webkit-column-count: auto;-moz-column-count: auto;}
#main ul.related-news li{border-bottom: 1px dotted #DDDDDD;line-height: 1.2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#main ul.related-news li s{display: block;float: none;text-align: right;line-height:1.5rem;}
#main ul.related-news li::before{top: 1rem;}
.product-details .keywords{}
.product-details .keywords s{border:none;border-top: 1px dotted #DDDDDD;display: block;float: none;width: 100%;}
.product-details .keywords s:first-child{border-top:none;}
#main #tab_3{display:none;}
#main .application_dock{padding: 20px 10px 80px;}
#main .application_dock ul.dock{display:none;}
#main ul.application li{display: block;float: none;margin: 20px auto 0;max-width: 360px;width: auto;}
#main ul.application li::before{opacity: 0.8;}
#main ul.application li::before, #main ul.application li h3{top: 0;}
#main ul.application li h3{font-weight: bold;}
#main ul.application li .menu{left: 0!important;top: 31px!important;width: 100%;}
#main ul.application li img{max-width: 100%;}
#main .application-newest li,#main .application-newest li:nth-child(5n){margin: 0 0.5% 1rem 1%!important;width: 48%;}
#main .application-newest li:nth-child(2n){margin-left:0.5%;}
#main .application-newest li p{padding-top:10px;height:auto;}
#main .application-newest li:hover{border: none;}