@charset "utf-8";

/*=S reset css */
html{color:#000; background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0; font-variant:normal;}
sup{vertical-align:super;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit; border-radius:0;}
legend{color:#000;}
a:focus,input,textarea,ul,select{outline-style:none;}
/*=E reset css */

/*=S clear float css */
.clearfix:before, .clearfix:after{content: ""; display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom:1;}
/*=E clear float css */

/*=S arrow css */
.downArrow, .upArrow, .leftArrow, .rightArrow{width:0; height:0; font-size:0; line-height:0; border-width:6px; zoom:1; display:inline-block; vertical-align:middle; overflow:hidden;}
.downArrow{border-color:#333 transparent transparent; border-style:solid dashed dashed;}
.upArrow{border-color:transparent transparent #333; border-style:dashed dashed solid;}
.rightArrow{border-color:transparent transparent transparent #333; border-style:dashed dashed dashed solid;}
.leftArrow{border-color:transparent #333 transparent transparent; border-style:dashed solid dashed dashed;}
a:hover .downArrow{border-color:#c00 transparent transparent;}
a:hover .upArrow{border-color:transparent transparent #c00;}
a:hover .rightArrow{border-color:transparent transparent transparent #c00;}
a:hover .leftArrow{border-color:transparent #c00 transparent transparent;}
/*=E arrow css */

/*=S margin css */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mb15{margin-bottom:15px;}
.mr5{margin-right:5px;}
/*=E margin css */

/*=S content hide css */
.none{display:none;}
/*=E content hide css */
/*=S content block css */
.block{display:block;}
/*=E content block css */

/*=S font bold css */
.bold{font-weight:700;}
/*=E font bold css */

/*=S font align css */
.tc{text-align:center;}
.tr{text-align:right;}
/*=E font align css */

html{font:500 62.5%/1.3 Arial, Helvetica, sans-serif;}
.wrapper{font-size:1.4rem; word-wrap:break-word;}
/*=S default link css */
a{color:#06c; text-decoration:none;}
/*=E default link css */

/*=S default Button css */
.mButton{display:inline-block; background-color:#008; box-shadow:inset 0px 10px 10px #66a; border-radius:4px; padding:4px 8px; color:#fff!important; border:none; font-size:1.6rem; font-weight:700; vertical-align:middle; cursor:pointer; text-align:center; -webkit-appearance:none; box-sizing:border-box;}
.mButton_free{width:100%;}
.mFunBtn{border:1px solid #ccc; border-radius:4px; padding:4px 8px; background-color:#fff; text-align:center;}
/*=E default Button css */

/*=S Common Sprite css */
.menuIcon, .userIcon, .menuClose, .searchIcon, .quotationIco, .AC_Icon32, .footerIos, .footerAndroid, .navSearch, .star6, .star5, .star4, .star3, .star2, .star1, .star0, .alertIcon{background-image:url(../images/MOBILE_COMMON.PNG); background-image:-webkit-image-set(url(../images/MOBILE_COMMON.PNG) 1x, url(../images/MOBILE_COMMON_2X.png) 2x); background-repeat:no-repeat; background-color:transparent; display:inline-block; vertical-align:middle; line-height:1;}
.menuIcon{background-position:0 0; width:24px; height:20px;}
.userIcon{background-position:-30px 0; width:20px; height:24px;}
.menuClose{background-position:0 -30px; width:20px; height:20px;}
.searchIcon{background-position:-60px 0; width:22px; height:23px;}
.quotationIco{background-position:-90px 0; width:26px; height:26px;}
.AC_Icon32{background-position:-30px -30px; width:32px; height:32px;}
.footerIos{background-position:0 -85px; width:120px; height:36px;}
.footerAndroid{background-position:0 -135px; width:120px; height:36px;}
.navSearch{background-position:-90px -30px; width:23px; height:24px;}
.star6{background-position:0 -185px; width:60px; height:9px;}
.star5{background-position:0 -205px; width:60px; height:9px;}
.star4{background-position:0 -225px; width:60px; height:9px;}
.star3{background-position:0 -245px; width:60px; height:9px;}
.star2{background-position:-60px -185px; width:60px; height:9px;}
.star1{background-position:-60px -205px; width:60px; height:9px;}
.star0{background-position:-60px -225px; width:60px; height:9px;}
.alertIcon{background-position:0 -60px; width:14px; height:13px;}
/*=E Common Sprite css */

/*=S Header css */
.menu{padding:1rem; border-bottom:2px solid #c00; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.menu i{cursor:pointer;}
.menu .menuIcon{display:block;}
.logo{font-size:0; display:block;}
.menuRight{display:block;}
.menuRight .navSearch{margin-right:.5rem;}
.menuOverlay{height:100%; width:100%; position:relative; display:none; font-size:1.4rem;}
.menuCon{background-color:#fff; margin-right:60px; height:100%;}
.menuOverlay_close{width:60px; height:60px; line-height:60px; text-align:center; background-color:#fff; box-shadow:inset 3px 0 3px #ddd; border-left:1px solid #ccc; display:block; position:absolute; top:0; right:0;}
.menuTit{height:60px; display:table; width:100%; border-bottom:1px solid #ddd;}
.menuTit li{display:table-cell; width:33.3%; border-right:1px solid #ddd; text-align:center; vertical-align:middle; padding:.5rem 1.5rem;}
.tabCur{color:#c00; position:relative;}
.tabCur:before, .tabCur:after{content:"";width:0; height:0;  position:absolute; border:6px solid transparent; border-bottom-color:#fff; bottom:-1px; left:50%;}
.tabCur:before{border-bottom-color:#ccc; bottom:0;}
.menuList{ height:100%; overflow:auto;}
.menuList a{display:block; padding:1rem; color:#000;}
.menuList .link_arrow{padding-right:30px;}
.link_arrow{position:relative;}
.link_arrow:before, .link_arrow:after{content:""; width:0; height:0;  position:absolute; top:14px; right:10px; border:6px solid transparent; border-left-color:#fff;}
.link_arrow:before{right:8px; border-left-color:#333;}
.link_line{border-bottom:2px solid #ddd;}
.menuCat{display:block; padding:1rem; cursor:pointer;}
.menuSub{display:none; margin-left:1.5rem;}
.menuCur>.menuCat{font-weight:700;}
.menuCur>.link_arrow:before, .menuCur>.link_arrow:after{content:""; width:0; height:0;  position:absolute; top:12px; right:14px; border:6px solid transparent; border-top-color:#fff;}
.menuCur>.link_arrow:before{top:14px; border-top-color:#333;}
.userCon{background-color:#fff; border:1px solid #ccc; position:absolute; font-size:1.4rem; display:none; box-shadow:0 2px 4px #aaa; margin-top:10px; z-index:2;}
.userCon:before, .userCon:after{content:""; width:0; height:0;  position:absolute; top:-18px; right:8px; border:10px solid transparent; border-bottom-color:#fff;}
.userCon:before{top:-20px; border-bottom-color:#ccc;}
.userCon a{display:block; padding:.5rem 2.5rem .5rem 1rem; color:#000;}
.userCon .link_arrow:before, .userCon .link_arrow:after{top:10px; right:5px;}
.userCon .link_arrow:before{right:3px;}
.navDOI{background-color:#ffc;}
.navDOI span{display:inline-block; vertical-align:top; color:#06c; max-width:90px;}
@media screen and (max-width:340px){
	.menuTit li{ padding:.5rem;}
}
/*=E Header css */

/*=S Search css */
.search{border:1px solid #999; margin:1.5rem 1rem;}
.searchBox{display:table; width:100%;}
.GS_searchType{display:table-cell; width:90px; position:relative; border-right:1px solid #999;}
.searchType_tit{padding:.5rem; background-color:#fff; position:relative; padding-right:1.5rem; cursor:pointer;}
.searchType_tit:before{content:""; width:0; height:0;  position:absolute; top:1rem; right:.3rem; border:5px solid transparent; border-top-color:#000;}
.searchType_list{position:absolute; background-color:#fff; border:1px solid #999; border-top:none; top:40px; left:-1px; display:none; z-index:2;}
.searchType_list li{padding:5px; width:80px; cursor:pointer;}
.GS_searchQuery{display:table-cell;}
.GS_searchFiled{height:40px; border:none; width:100%; text-indent:1rem;}
.GS_searchBtn{display:table-cell; width:40px; background-color:#ccc; text-align:center; cursor:pointer; vertical-align:middle;}
.GS_searchBtn input{border:none;}
.inputTip{color:#999;}
/*=E Search css */

/*=S autocomplete box [depend: JQUERY_AUTOCOMPLETE.JS] */
.autocomplete-w1{left:0; position:absolute; top:0px; font-size:1.4rem;}
.autocomplete{background-color:#fff; border:1px solid #999; cursor:default; overflow:auto; text-align:left;}
.autocomplete .selected{background-color:#f0f0f0;}
.autocomplete div{position:relative; clear:both; overflow:hidden; padding:5px 10px; white-space:nowrap; line-height:18px; cursor:pointer;font-weight:500; text-overflow:ellipsis;}
.autocomplete span{font-weight:700;}
.autocomplete span.resultCnt{width:140px; height:15px; position:absolute; right:10px; overflow:hidden; color:#999; font-size:11px; font-weight:500; text-align:right;}
/*=E autocomplete box [depend: JQUERY_AUTOCOMPLETE.JS] */

/*=S Get Quotation box */
.quotationBox{margin:1.5rem 1rem .5rem 1rem;}
.mFunBox{display:inline-block; padding:3px 0; width:100%; border:1px solid #ccc; background-color:#fbfbfb; border-radius:5px; box-shadow:inset 0 -2px 5px #e9e9e9; min-height:30px; text-align:center; font-weight:700;}
a.mFunBox{color:#000;}
/*=E Get Quotation box */

/*=S Pagination */
.pagination{border-top:1px solid #ccc; padding:1rem .5rem; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.pageBtn{display:block; border:1px solid #ccc; padding:.9rem .5rem; border-radius:5px; min-width:8rem; display:inline-block; color:#000; text-align:center;}
.pageBtn_dis{background-color:#eee; color:#ccc; cursor:default;}
.pageNum{display:block; border:1px solid #fff; padding:.9rem .2rem; text-align:center;}
/*=E Pagination */

/*=S Footer */
.mFooter{padding:1.5rem .5rem; background:#f0f0f0 ;border-top:1px solid #ccc; text-align:center; font-size:1.2rem;}
.footerMap{font-size:1.4rem;}
.footSite a{margin:0 .5rem;}
.copywriter{color:#666;}
.mFooter a, .mFooter strong{display:inline-block;}
/*==S Login/Rgister Button */
.mBtnBox{margin:2rem 1rem; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;}
.mBtnBox .mButton{display:block; width:48%;}
.gsLink{margin-bottom:2rem; text-align:center;}
/*==E Login/Rgister Button */
/*=E Footer */

/*=S Swiper Plugin css */
.swiper-container{margin-left:auto; margin-right:auto; position:relative; overflow:hidden; z-index:1;}
.swiper-wrapper{position:relative; width:100%; height:100%; z-index:1; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; transition-property:transform; -webkit-box-sizing:content-box; box-sizing:content-box;}
.swiper-container-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto;}
.swiper-slide{-webkit-flex-shrink:0; flex-shrink:0; width:100%; height:100%; position:relative;}
.swiper-pagination{position:absolute; text-align:center; -webkit-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px; left:0; width:100%;}
.swiper-pagination-bullet{width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2;}
.swiper-pagination-bullet-active{opacity:1; background:#c00;}
/*=E Swiper Plugin css */