@import url('../fontawesome-all.css');
@import url('../font-awesome.min.css');
@import url('../fontawesome.min.css');
@import url('../SeoJump.css');
@import url('../../css2-CormorantGaramonditalwght03.css');
@import url('../../css2-Montserratwght1002003004005.css');
@font-face {
	font-family: "Trajan Pro 3";
    src: url("../..../../fonts/Trajan/trajan.eot"); /* IE9*/
    src: url("../..../../fonts/Trajan/trajan.eot#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../fonts/Trajan/trajan1.woff2") format("woff2"), /* chrome firefox */
    url("../../fonts/Trajan/trajan2.woff") format("woff"), /* chrome firefox */
    url("../../fonts/Trajan/trajan3.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("../../fonts/Trajan/trajan4.svg#Trajan Pro 3") format("svg"); /* iOS 4.1- */
}

* { margin: 0; padding: 0; }
*:focus { outline: none; }

body { margin: 0; }
body ::selection { background: #fdeef2; text-shadow: none; color: #5d5d5d; }
body::-webkit-scrollbar { width: 5px; }
body::-webkit-scrollbar-track { background: rgb(255 255 255 / 75%); }
body::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .4); border-radius: 50px; }

header, footer, div, nav, article, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, ul, li, img, span, font, strong, b, a, i{text-align: left;vertical-align: middle;margin: 0;padding: 0;line-height: 170%;border-width: 0;letter-spacing: 0.3px;font-family: 'Montserrat', 'Noto Sans TC', 'Noto Sans SC', sans-serif;font-size: 16px;word-wrap: break-word;word-break: break-word; -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}

:before , :after { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

ul , ol { list-style: none; }

fieldset { border: 0; }

input , button , select , textarea { border-radius: 0; box-shadow: none; outline: none; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select { background: url(../..../../images/38/icon-triangle.png) no-repeat calc(100% - 10px) 50%; }

/* img */
img { max-width: 100%; }
.img_box_cover img { width: 100%; object-fit: cover; }
.img_box_contain img { width: 100%; object-fit: contain; }
.scale_box .img_box_cover {overflow: hidden;padding-bottom: 0px;}
.scale_box .img_box_cover img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: all 1.5s cubic-bezier(0.07, 0.51, 0.12, 1);-o-transition: all 1.5s cubic-bezier(0.07, 0.51, 0.12, 1);transition: all 1.5s cubic-bezier(0.07, 0.51, 0.12, 1);}
a , a:link , a:visited , a:hover {display: inline-block;line-height: 100%;text-decoration: none;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}

.text-clamp , a.text-clamp {overflow: hidden;height: 27px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.nowrap_box {font-size: 0;letter-spacing: 0;margin-bottom: 50px;}

/* a.photo */
a.photo , .bgBox { overflow: hidden; background: no-repeat 50% / cover; display: block; }

/* fancybox */
[class^="fancybox-"] , [class^="fancybox-"] * , .slick-track , .fa , .fas , .fa:before , .fas:before , .fa:after , .fas:after , .trans_none_box { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* col */
[class^="col-"] { width: 100%; display: inline-block; vertical-align: top; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }

input , button , select , textarea { border-radius: 0; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select {background: url(../..../../images/38/icon-triangle.png) no-repeat calc(100% - 10px) 50%;}


/* slick-slider */
.wrapper .slick-slider { margin-bottom: 0; }

/* webBox */
.webBox { position: relative; overflow: hidden; width: 100%; }
.webBox .pageh1 {position: absolute;top: 0;z-index: 1;color: #fff;}
.webBox .wrapper { position: relative; background: #fff; z-index: 2; }

/* workframe */
.workframe {position: relative;overflow: hidden;margin: 0 auto;width: 1360px;z-index: 1;}

/* relat_box */
.relat_box {position: relative;z-index: 3;padding-bottom: 0px;}
.relat_box >* {position: relative;z-index: 3;padding-bottom: 10px;overflow: initial;}
#aboutBox .left_box .abso_tag{
    z-index: 0;
    display: none;
}
.relat_box .abso_tag {position: absolute;width: 100%;height: 100%;z-index: 10;}

/* Sitemap */
#Sitemap #jsonUL a { display: block; font-size: 20px; font-weight: 400; color: #2d2d2e; }
#Sitemap #jsonUL a * { display: inline-block; line-height: 170%; font-size: 16px; vertical-align: top; }

/* header */
header .barBox {position: relative;padding: 0px 0px;width: calc(100% - 0px);z-index: 999;}
header .barBox a, header #usertop {display: inline-block;color: #343434;}
header #cis {margin: 0 auto 0 0;padding: 0px 0;width: 300px;display: inline-block;}
header #cis img {width: 100%;height: 44px;}
header {position: fixed;width: 100%;top: 0;left: 0;z-index: 999;background: rgb(255 255 255 / 80%);}
header >.nowrap_box {margin: 0 auto;width: 95%;}
header #cis img {margin: 0px 0;width: 390px;height: 80px;}

/*header-mbMenu*/
header .menuBox {font-size: 0;width: calc(100% - 400px);display: inline-block;}
#fixBox {position: absolute;right: 0;top: 26px;}
#fixBox #openform{margin-left: 18px;position: relative;}
#fixBox #openform::after {content: '';position: absolute;right: 100px;top: 50%;margin-top: -14px;width: 1px;height: 28px;background-color: #dadada;}
#fixBox a >img,header .barBox a svg {width: 25px;height: 25px;fill: #2b2b2b;}
header .menuBox .mbMenu nav >ul >li .menu_body , header .menuBox .mbMenu nav >ul >li .menu_body .subOption li ul { -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }
header .menuBox .mbMenu nav >ul {font-size: 0;text-align: right;overflow: inherit;}
header .menuBox .rightBox {position: fixed;right: 50px;top: 16px;width: 120px;}
header .menuBox .mbMenu nav >ul >li >p a {padding: 20px 0px;color: #484848;display: block;}
header .menuBox .mbMenu nav >ul >li >p a:hover {color: #ff7996;}
header .menuBox .mbMenu nav >ul >li .menu_body ul.subOption li >div a {}
header .menuBox .mbMenu nav >ul >li .menu_body .subOption li {position: inherit;overflow: visible;display: block;transition: all 0.4s ease, padding 0.4s 0.15s ease;}
header .menuBox .mbMenu nav >ul >li .menu_body .subOption li >div a {padding: 15px 12px;display: block;color: #424242;border-bottom: 1px solid #bdbdbd75;}

header #menubtn {position: fixed;width: 25px;height: 20px;display: inline-block;top: 23.5px;right: 22px;}
header #menubtn span {position: absolute;width: 100%;height: 2px;background: #4d4d4d;display: block;top: 0;right: 0;}
header #menubtn[data-type="1"] span:nth-child(2) { top: calc(50% - 1px); }
header #menubtn[data-type="1"] span:nth-child(3) { top: calc(100% - 1px); }
header #menubtn[data-type="1"] span { transition: transform .4s cubic-bezier(.215,.61,.355,1),opacity .4s cubic-bezier(.215,.61,.355,1), -webkit-transform .4s cubic-bezier(.215,.61,.355,1); }
header #menubtn[data-type="2"] span { background: #454545; transition: .4s cubic-bezier(.645,.045,.355,1); }
header #menubtn[data-type="2"] span:nth-child(1) { top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
header #menubtn[data-type="2"] span:nth-child(2) { opacity: 0; }
header #menubtn[data-type="2"] span:nth-child(3) { top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
header #webmenu .menu_box >ul { text-align: right; }
header #webmenu .menu_box >ul >li >p a {padding: 0 15px;display: block;font-size: 18px;color: #353535;}
header #webmenu .menu_box >ul >li .menu_body .subOption li { position: relative; overflow: hidden; }
header #webmenu .menu_box >ul >li .menu_body .subOption li >div a { padding: 15px; display: block; color: #252525; }
header #webmenu .contact_box { padding: 50px 20px; }
header #webmenu .contact_box p { margin-top: 2px; }
header #webmenu .contact_box p a { color: #999; }
header #webmenu .contact_box .community {margin: 20px 0;padding-top: 0px;text-align: center;}
header #webmenu .contact_box .community a { margin: 0 15px; width: 40px; height: 40px; background: #f3f3f3; border-radius: 50%; display: inline-block; text-align: center; line-height: 38px; color: #999; }
header #menubg {position: fixed;width: 100vw;height: 100vh;display: none;top: 0;left: 0;opacity: 998;}
header #menubg[data-type="2"] { display: block; }
header.headerfixed {background: rgb(255 255 255 / 94%);}
header.headerfixed #menubtn span { background: #454545; }
header #webmenu {overflow: hidden;position: fixed;width: 350px;background: #fff;top: 0px;right: -400px;box-shadow: 0 0 30px rgb(0 0 0 / 10%);z-index: 999;}
header #webmenu .menu_box {overflow-y: scroll;padding: 100px 15px 170px;height: calc(100vh - 91px);background: #ebebeb url(../../images/38/img-menu-bg.jpg) -180px -370px no-repeat;}
header #webmenu .menu_box::-webkit-scrollbar { width: 0; }
header #webmenu .menu_box >ul >li >p , header #webmenu .menu_box ul li .menu_body ul li .bo { position: relative; }
header #webmenu .menu_box >ul >li b {position: absolute;width: 23px;display: inline-block;text-align: center;color: #696969;top: calc((100% - 27px) / 2);right: 8px;z-index: 5;}
header #webmenu .menu_box >ul >li >p a {padding: 15px 25px 15px 15px;display: block;font-weight: 300;padding: 20px 10px;display: block;font-size: 15px;text-align: center;letter-spacing: 1.5px;position: relative;transition: 0.4s;}
header #webmenu .menu_box >ul >li >p a:before {content: "";width: 100%;height: 0%;position: absolute;bottom: 0;right: 0;overflow: hidden;background: #f5bac7cf;z-index: 1;transition: 0.6s;}
header #webmenu .menu_box >ul >li >p a:hover:before {height: 100%;}
header #webmenu .menu_box >ul >li >p a:hover span{color: #fff;}
header #webmenu .menu_box >ul >li >p a span {z-index: 2;position: relative;}
header #webmenu .menu_box >ul >li{border-bottom: 1px solid #ebebeb;}
header #webmenu .menu_box ul li .menu_body , header #webmenu .menu_box ul li .menu_body >ul li .sub2Option , header #webmenu .menu_box ul li .menu_body >ul li .sub3Option {margin-bottom: 10px;margin-top: 0px;display: none;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
header #webmenu .menu_box >ul >li .menu_body .subOption li >div a {padding: 10px 25px 10px 25px;color: #565656;text-align: center;}
header #webmenu .menu_box >ul >li .menu_body .subOption li .sub3Title a { padding: 5px 25px 5px 40px; color: #777; }
header #webmenu .menu_box >ul >li .menu_body .sub3Option { margin: 0 40px; padding: 5px; background: #f3f3f3; }
header #webmenu .menu_box >ul >li .menu_body .sub3Option li >div a { padding: 5px; font-size: 14px; color: #666; }

/* header_bar */
#header_bar {position: fixed;padding: 10px 30px;background: #fff;border-radius: 50px;box-shadow: 0 0 25px rgb(0 0 0 / 17%);bottom: 10px;left: calc((100% - 200px) / 2);z-index: 999;margin-bottom: 40px;}
#header_bar a {padding: 0 15px 0 15px;position: relative;}
#header_bar a:nth-child(3){padding: 0 0px 0 20px;}
#header_bar a >svg {width: 25px;height: 25px;fill: #2b2b2b;}
#header_bar a >img {width: 25px;height: 25px;fill: #2b2b2b;}
#header_bar a#openform {position: relative;margin-right: 5px;padding: 0 15px 0 0;}
#header_bar a#openform i{color: #000;font-size: 28px;}
#header_bar a:after {position: absolute;width: 1px;height: 12px;background: #ccc;top: 50%;right: 0;transform: translateY(-50%);content: "";}
#header_bar a:nth-child(3):after{display: none;}

/* top_search */
#top_search {overflow: hidden;position: fixed;width: 100%;height: 0;background: #ffffff;text-align: center;opacity: 0;top: 0;left: 0;z-index: 999;}
#top_search svg { width: 25px; height: 25px; }
#top_search #close_search { position: absolute; top: 30px; right: 30px; }
#top_search #close_search svg { width: 18px; height: 18px; }
#top_search form { padding: 0 20px 6px; border-bottom: 2px #494949 solid; display: inline-block; }
#top_search form input { padding: 5px 0; width: 480px; background: none; font-size: 20px; }
#top_search #goSearch { padding: 0 10px; }

/* footer */
.gif_static {display: none;}
footer {background: #ffffff;color: #c5c5c5;padding: 40px 0 0;border-top: 1px solid #d4d4d475;background-image: url(../../images/38/img-bg.jpg);background-repeat: no-repeat;background-position: 50% 10%;}
footer a {color: #424242;}
footer #pictureBox { margin-bottom: 60px; padding: 50px 0; border-bottom: 1px #313151 solid; }
footer #pictureBox .slick-slider { margin-bottom: 0; }
footer #pictureBox li a.photo { margin: 0 20px; background-size: contain; opacity: .15; }
footer #pictureBox li.slick-current a.photo { opacity: 1; }
footer #footercont .otherlist {position: relative;display: none;}
footer #footercont .otherlist:before { position: absolute; width: 100%; height: 200px; background: #16172E; top: 46px; z-index: 2; content: ""; }
footer #footercont #openlist { position: relative; padding: 10px 15px; width: 200px; background: #19191d; border: 1px #424260 solid; display: inline-block; z-index: 3; }
footer #footercont #openlist:before , footer #footercont #openlist:after { position: absolute; width: 10px; height: 1px; background: #ccc; display: block; top: calc((100% - 1px) / 2); right: 15px; content: ""; }
footer #footercont a[data-type="1"]:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
footer #footercont a[data-type="2"]:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); }
footer #footercont a[data-type="1"]:after { -webkit-transform: rotate(0); transform: rotate(0); }
footer #footercont a[data-type="2"]:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
footer #footercont ul {z-index: 1;}
footer #footercont ul li b ,footer #footercont ul li span{color: #424242;font-weight: 400;}
footer #footercont ul.openBox { bottom: 45px; }
footer #footercont ul .plus-information b , footer #footercont ul .plus-information span { display: inline-block; vertical-align: middle; }
footer #footercont ul .plus-information a { position: relative; display: inline-block; }
footer #footercont ul .plus-information img { position: absolute; max-width: 150px; bottom: 100%; left: 0; z-index: 8; max-height: 150px; display: none; }
footer #footercont {width: 75%;}
footer .row {float: left;width: 24%;}
footer #footercont .info {margin: 0 0px;display: inline-block;vertical-align: top;}
footer #footercont div#fnav{width: 31%;margin-right: 5%;}
footer #footercont .info p{color: #a4a4a4;line-height: 160%;margin: 0px 0 5px;}
footer #footercont .info p font{color: #424242;}
footer #footercont .info .tit {margin-bottom: 15px;font-size: 27px;color: #f59aaf;font-family: "Cormorant Garamond", "Noto Serif TC", serif;font-weight: 300;}
footer #footercont #fnav a {margin-bottom: 16px;margin-top: 7px;display: inline-block;font-weight: 400;float: left;width: 50%;letter-spacing: 1.5px;}
footer #footerInfo {overflow: hidden;font-size: 0;}
footer #footerInfo .tit{margin: 40px 0 10px;font-size: 27px;color: #f59aaf;font-family: "Cormorant Garamond", "Noto Serif TC", serif;font-weight: 300;text-align: end;padding: 10px;}
footer #footerInfo >div {margin-right: 5px;display: inline-block;}
footer #footerInfo .foot{margin: 20px 0 0;}
footer #footerInfo .foot,footer #footerInfo .foot2 {float: right;overflow: hidden;font-size: 13px;}
footer #footerInfo .fnav { width: calc(100% - 270px); }
footer #footerInfo #community {float: right;text-align: right;}
footer #footerInfo #community {display: inline-flex;margin-left:5px;}
footer #footerInfo #community  a{display:block;color: #fff;width: 34px;height: 34px;text-align:center;left: 34px;margin: 3px;line-height: 190%;background-color: #f5abbb;border-radius: 99em;}
footer #footerInfo #community  a:hover{color:#fff;background: #ff7996;}
.phoneWrap{display:none}

/* webSeo */
#webSeo {position: relative;overflow: hidden;padding: 60px 0 20px;width: 100%;font-size: 14px;color: #959595;z-index: 5;}
#webSeo .js-marquee-wrapper * , #webSeo .js-marquee * , #webSeo .seo * {font-size: 14px;color: #717171;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}

/* gotop */
#gotop {position: fixed;width: 50px;height: 35px;background: #f5abbb;display: block;text-align: center;line-height: 34px;right: 15px;bottom: 10px;z-index: 9999;}
#gotop i {font-size: 17px;color: #fff;}

/* SeoStarRating */
#SeoStarRating font { margin-right: 5px; display: inline-block; vertical-align: bottom; }
#SeoStarRating font:first-child {line-height: 130%;font-weight: bold;font-size: 18px;color: #d8d8d8;}
#SeoStarRating font:nth-child(2) {font-size: 16px;color: #d8d8d8;}
#SeoStarRating font:last-child { color: #383838; }

/*quickLink*/
.quickLink { position: fixed; width: 92px; height: 184px; background: rgb(239 190 192 / 82%); border-radius: 184px 0 0 184px; -webkit-transition: .5s; transition: .5s; top: 30%; right: 0; z-index: 99; }
.quickLink a { position: absolute; width: 100%; height: 100%; border-radius: 184px 0 0 184px; display: inline-block; }
.quickLink .icon i { margin: 36px 0 10px 34px; height: 34px; color: #fff; font-size: 30px; }
.quickLink .text { position: relative; margin: 0 0 10px 19px; padding-bottom: 5px; width: 70px; border-bottom: 1px #fff solid; font-size: 15px; letter-spacing: 2px; line-height: 20px; font-weight: 400; color: #fff; }
.quickLink .text:after { position:absolute; margin-left: -6px; width: 0; height: 0; border-style: solid; border-width: 9px 6px 0 6px; border-color: #fff transparent transparent transparent; display: block; bottom: -9px; left: 50%; content: ""; }
.quickLink .action { margin-left: 26px; }
.quickLink .action * { font-family: 'Work Sans',sans-serif; line-height: 1.5; letter-spacing: 2px; font-weight:400; font-size: 13px; color: #fff; -webkit-transition: .5s; transition: .5s; }
.quickLink .icon { margin: 17px 0 10px 16px; padding: 10px 0px 0 16px; width: 45px; background-position: bottom center; text-align: center; }
.quickLink .icon img { width: 100px; max-width: 100%; }


@media screen and (max-width: 1500px){
	header >.nowrap_box {width: 95%;}
	.workframe {width: 87%;}
	header #webmenu .menu_box >ul >li p a { padding: 0 10px; }
}
@media screen and (min-width: 1281px){
	header {padding: 0px 0;}
	header.headerfixed { padding: 0; }
	header #menubtn  {display: none;}
	header.headerfixed #menubtn{top: 28.5px;}
	header >.nowrap_box .menuBox {margin: 0px 0 0 0px;width: calc(100% - 360px);}
	header #webmenu >.nowrap_box .menu_box ul b , header #webmenu .contact_box {display: block;}
	header >.nowrap_box .menuBox .mbMenu ul{font-size: 0;}
	header >.nowrap_box .menuBox .mbMenu ul li {display: inline-block;position: relative;vertical-align: top;}
	header >.nowrap_box .menuBox .mbMenu ul li{overflow: hidden;display: inline-block;}
	header >.nowrap_box .menuBox .mbMenu ul li:hover{overflow: visible;}
	/*header-mbMenu*/
	header .menuBox .mbMenu nav >ul >li .menu_body .subOption >li:hover,header .menuBox .mbMenu nav >ul >li .menu_body .sub2Option >li:hover{background-color: rgb(249 156 176);}
	header .menuBox .mbMenu nav >ul >li .menu_body .subOption >li:hover >div a{color: #ffffff;}
	header .menuBox .mbMenu nav >ul >li >p a {min-width: 100px;color: #434343;text-align: center;}
	header .menuBox .mbMenu nav >ul >li >p a:after {content: "";width: 0;height: 3px;background-color: rgb(249 156 176);display: block;position: absolute;bottom: 0;left: 50%;}
	header .menuBox .mbMenu nav >ul >li:hover >p a:after{width: 100%;left: 0;}
	header .menuBox .mbMenu nav ul li b { display: none; }
	header .menuBox .mbMenu nav >ul >li .menu_body , header .menuBox .mbMenu nav >ul >li .menu_body .subOption li ul {position: absolute;width: 160px;background: rgb(255 255 255);box-shadow: 0 0 15px rgb(0 0 0 / 6%);z-index: 5;opacity: 0;transform: translateY(30px);}
	header .menuBox .mbMenu nav >ul >li:hover .menu_body {opacity: 1;transform: translateY(0);}
	header .menuBox .mbMenu nav >ul >li .menu_body .subOption li ul {top: -4px;left: 170px;transform: translateY(0);transform: translateX(30px);}
	header .menuBox .mbMenu nav >ul >li:last-child .menu_body .subOption li ul { left: auto; right: 170px; }
	header .menuBox .mbMenu nav >ul >li .menu_body .subOption li:hover ul.sub2Option , header .menuBox .mbMenu nav >ul >li .menu_body .subOption li ul.sub2Option li:hover ul.sub3Option { opacity: 1; transform: translateX(0); }
	header .menuBox .mbMenu nav {text-align: center;margin-top: -20px;margin-right: 52px;}
	header.headerfixed .menuBox .mbMenu nav { margin-top: -25px; }
	header .menuBox .mbMenu nav >ul >li p >a span {font-weight: 400;letter-spacing: .10em;}
	header .menuBox .mbMenu nav >ul >li p >a span.en {display: none;}
	footer #pictureBox li a.photo:hover { opacity: 1; }
	footer #footercont ul .plus-information a:hover img { display:block; }
	.quickLink:hover { background: rgb(255 192 193 / 82%); }
}
@media screen and (max-width: 1280px){
	header #cis {text-align: center;width: 270px;}
	header #cis img{width: 270px;height: 70px;}
	header #webmenu .menu_box {overflow-y: scroll;height: calc(100vh - 91px);}
	header #webmenu .menu_box::-webkit-scrollbar { width: 0; }
	header #webmenu .menu_box >ul >li >p , header #webmenu .menu_box ul li .menu_body ul li .bo { position: relative; }
	header #webmenu .menu_box >ul >li b { position: absolute; width: 23px; display: inline-block; text-align: center; color: #252525; top: calc((100% - 27px) / 2); right: 0; }
	header #webmenu .menu_box >ul >li >p a {padding: 15px 25px 15px 15px;display: block;font-weight: 300;font-size: 16px;}
	header #webmenu .menu_box >ul >li >p a:hover:before{display: none;}
	header #webmenu .menu_box >ul >li >p a:hover span{color: #f5abbb;}
	header #webmenu .menu_box ul li .menu_body , header #webmenu .menu_box ul li .menu_body >ul li .sub2Option , header #webmenu .menu_box ul li .menu_body >ul li .sub3Option {margin-bottom: 15px;display: none;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
	header #webmenu .menu_box >ul >li .menu_body .subOption li >div a {padding: 10px 40px 10px 30px;color: #717171;}
	header #webmenu .menu_box >ul >li .menu_body .subOption li .sub3Title a { padding: 5px 25px 5px 40px; color: #777; }
	header #webmenu .menu_box >ul >li .menu_body .sub3Option { margin: 0 40px; padding: 5px; background: #f3f3f3; }
	header #webmenu .menu_box >ul >li .menu_body .sub3Option li >div a { padding: 5px; font-size: 14px; color: #666; }
	header .menuBox .mbMenu nav >ul, header #usertop{display: none;}
	#fixBox{right: 50px;top: 20px;}
	#fixBox #openform::after{
    display: none;
}
}
@media screen and (max-width: 1140px) {
	footer #footerInfo {margin: 20px 0;text-align: center;}
	.workframe {width: 94%;}
footer #footerInfo .tit{margin: 0px 0 10px;}
}
@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 980px){
	header {position: inherit;background: rgb(255 255 255 / 94%);position: fixed;}
	header #cis img{margin: 0px 0;}
	header #cis {width: 270px;}
}

@media screen and (max-width: 768px){
    footer #footercont , footer #footerflow {padding: 10px 0%;}
	footer #footerInfo .fnav { width: calc(100% - 210px); }


	footer #footerInfo .foot, footer #footerInfo .foot2{display: block;}
	footer #footerInfo #community,footer #footerInfo .foot, footer #footerInfo .foot2 {float: none;text-align: center;}
footer #footerInfo .tit{
    margin: 0px 0 10px;
    text-align: center;
}
	footer #footercont {width: 100%;}
	footer .row {width: 100%;}

}
@media screen and (max-width: 640px){
	#top_search form input { width: calc(70vw - 50px); }
	footer{padding-bottom: 50px;}
	.phoneWrap{position:fixed;bottom: 10px;left:10px;width:calc(100% - 72px);z-index:99;}
	.phoneWrap li{display:inline-block;width: calc(50% - 5px);}
	.phoneWrap li a{display:block;color:#fff;padding: 2px 0px;text-align:center;line-height:30px;font-size:9pt;background: #717171;}
	.phoneWrap li:nth-child(2) a{background: #737373;}
	footer #footercont div#fnav{width: 70%;margin-right: 0;}
	#header_bar{margin-bottom: 10px;}
	.workframe {width: 87%;}
	#webSeo {padding: 0px 0 30px;}
}
@media screen and (max-width: 480px){
	#gotop {bottom: 25px;}
	#gotop a { width: 40px; height: 40px; }
	#gotop a svg { margin: 13px 0; width: 15px; height: 15px; }
}
@media screen and (max-width: 400px){
	header #webmenu { width: 100%; }
	header #cis {width: 220px;}
	header #cis img{width: 215px;height: 100%;margin: 5px 0 0;}
}