@import url(fontStyle.css);
@import url(weui.css);
@import url(jquery-weui.css);
@import url(font_1276922_ivhmb42plfh.css);
/*默認全局*/
.no-padding{padding: 0 !important;}
.no-margin{margin: 0 !important;}
.setapplink{cursor: pointer;}
.after_clear:after,.after_clear:before,.clearBox:after,.clearBox:before,.clearfix:after,.clearfix:before{height: 0;clear: both;display: block;overflow: hidden;content: '';}
.label{color: #333;}
#appLink_copyTools{ position: absolute; z-index:-1; top: -999999px;}
#Web_Main_Footer .box_footer{min-height: 100px;padding: 10px 0;line-height: 1.8;}
#Web_Main_Footer .copyNav_li{width: 80px;height: 32px;margin: 0 10px;}
.backgroundAttachment label{font-size: 12px;line-height:20px;}
#web_design_main{z-index: 3;position:relative;}
#design_main{z-index: 3;position:relative;padding-top:4rem;}
#design_main:after{content:"";display:block;height:50px;}
#webHeader{height: 4rem;}
#head_ver_1 #webHeader{height: 48px;} 
#design_main.design_ver_1{padding-top: 48px;}
#logo_com_2,#com_9 > .view{margin: 0;}
.webHeaderBox{width:100%;max-width:720px;margin:0 auto; -webkit-backface-visibility:hidden; z-index: 99;position: fixed;}
#design_main .modulebox{position: relative;z-index: 2;}
.header{text-align:center;position:relative;padding-left:45px;}
.header .webTitle{height:4rem;line-height: 4rem;font-weight:normal;font-size:1.6rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:76.56125%;display:inline-block;color:#fff;vertical-align:top;clear:both;position:relative;z-index:80;padding:0 .5rem;}
.header .webLogo{display:inline-block;height:3rem;width:3rem;vertical-align:top;position:relative;z-index:99;margin: .5rem;}
.header .webLogo .logoImg{height:100%;width:100%;background-size:cover;background-image:url(../image/no-pic.jpg);background-repeat:no-repeat;background-position:center;box-sizing:border-box;}
.header img{height:3.6rem;vertical-align:top;width:3.6rem;}
#member_lan{border-bottom: 1px solid #ddd;}
.multilingualArea{height: 3rem; padding: 0 0.5rem; line-height: 3rem;}
.multilingualArea a{display: inline-block; margin: 0 0.5rem; height: 3rem; line-height: 3rem;}
.multilingualArea a span{display: inline-block; vertical-align:middle; line-height: 3rem;}
.multilingualArea a span.mulIcon{font-size: 2rem; margin-right:0.5rem;}
.multilingualArea a.mulIcon-login span.mulIcon:before{content:'\e641';}
.multilingualArea a.mulIcon-reg span.mulIcon:before{content:'\e662';}
.multilingualArea a.mulIcon-cart span.mulIcon:before{content:'\e631';}
.multilingualArea a span.mulName{font-size: 1.2rem;}
a.language{position:absolute;right:1.2rem; top:0;}
a.language p{display: inline; margin:0;padding:0;line-height:3rem;font-size: 1.2rem;}
a.language span.national{width:19px;height:15px;margin-left:0.5rem;background:url(../image/language.png) no-repeat; background-size:138px;float:right;margin-top:0.8rem;}
a.language span.cn{background-position:0px 0px}
a.language span.tw{background-position:0px -235px}
a.language span.en{background-position:0px -16px}
a.language span.ko{background-position:0px -31px}
a.language span.ja{background-position:0px -46px}
a.language span.ru{background-position:0px -61px}
a.language span.fr{background-position:0px -78px}
a.language span.pt{background-position:0px -94px}
a.language span.es{background-position:0px -109px}
a.language span.it{background-position:0px -125px}
a.language span.de{background-position:0px -140px}
a.language span.vi{background-position:0px -156px}
a.language span.ar{background-position:0px -172px}
a.language span.hi{background-position:0px -188px}
a.language span.tu{background-position:0px -203px}
a.language span.mas{background-position:0px -218px}
a.language span.tl{background-position:0px -258px}
#webLanguage{position:fixed;width:100%;max-width: 720px;z-index: 999;border-radius:0;background:rgba(255,255,255,.1);overflow-x:hidden;overflow-y:auto;top:0;bottom:0;visibility: hidden;}
#webLanguage.open{top: 0;visibility: visible;}
#webLanguage_c{display:none}
#webLanguage.open #webLanguage_c{display:block;}
#webLanguage_c ul{margin-top:4.4rem;margin-right:0.5rem; padding:0 .7rem 0; background:#fff;border-radius:3px; display:block; float:right; box-shadow:0 0 3px #ccc}
/* cyj菜單 */
#webLanguage_c.webLanguage_c_right ul{float:left;margin-left:0.3rem}
#webLanguage_c ul li{clear:both; height:3rem;}
#webLanguage_c ul li a{display:block; clear:both; font-size:1.2rem;margin:0; line-height:3rem; text-align: right;}
#webLanguage_c ul li a p{display: inline; margin:0;padding:0;line-height:3rem;font-size: 1.2rem;}
#webLanguage_c ul li a span{width:19px;height:15px;margin-left:0.5rem;background:url(../image/language.png) no-repeat;background-size:138px;float:right; display:inline-block;margin-top:0.8rem;}
#webLanguage_c ul li a span.cn{background-position:0px 0px}
#webLanguage_c ul li a span.tw{background-position:0px -235px}
#webLanguage_c ul li a span.en{background-position:0px -16px}
#webLanguage_c ul li a span.ko{background-position:0px -31px}
#webLanguage_c ul li a span.ja{background-position:0px -46px}
#webLanguage_c ul li a span.ru{background-position:0px -61px}
#webLanguage_c ul li a span.fr{background-position:0px -78px}
#webLanguage_c ul li a span.pt{background-position:0px -94px}
#webLanguage_c ul li a span.es{background-position:0px -109px}
#webLanguage_c ul li a span.it{background-position:0px -125px}
#webLanguage_c ul li a span.de{background-position:0px -140px}
#webLanguage_c ul li a span.vi{background-position:0px -156px}
#webLanguage_c ul li a span.ar{background-position:0px -172px}
#webLanguage_c ul li a span.hi{background-position:0px -188px}
#webLanguage_c ul li a span.tu{background-position:0px -203px}
#webLanguage_c ul li a span.mas{background-position:0px -218px}
#webLanguage_c ul li a span.tl{background-position:0px -258px}
#webLanguage_c ul li.localerPanel_1 span,a.language.localerPanel_1 span{display: none;}
#webLanguage_c ul li.localerPanel_3 p,a.language.localerPanel_3 p{display: none;}
.mobile_footer{padding: 1rem 0 5px 0;}
#back_top{height:3rem;line-height: 3rem;text-align: right;color: #fff;font-size: 1.6rem;position: relative;}
#back_top .backtop{position: absolute;right:10px;padding-right:15px;top: 0;cursor: pointer;font-weight: bold;}
#back_top .backtop b{position: absolute;right: 0;height: 20px;top: 8px;font-size: 1.2rem;}
#back_top .backtop b:after{content:"\ea33";}
#mob_edu_con{padding-top: 10px;line-height: 1.8;text-align: center;font-size: 1.2rem;}
#mob_edu_con .copyAdmin span{padding: 0 10px;}
#mob_service ul{display: -webkit-box; display:-webkit-flex; display:flex; margin: 0;}
#mob_service li{-webkit-box-flex:1; -webkit-flex:1;flex:1;}
#mob_service li a{margin:0 5px;height: 50px;text-align: center;color: #fff;font-size: 1rem;display: block;text-decoration: none}
#mob_service li a span{display: block;}
#mob_service li a span.serItemIcon{width: 32px;height: 32px;text-align: center;margin: 0 auto;font-size:3.2rem;overflow: hidden;}
#mob_service li a img{display: block;max-width: 26px;max-height: 26px;margin:3px auto}
#mob_service .icon-phone:before{content: '\e62c'}
#mob_service .icon-map:before{content: '\e67c'}
#mob_service .icon-guestbook:before{content: '\e6b2'}
#mob_service .icon-qq:before{content: '\e6ca'}
#mob_service .icon-message:before{content: '\e6a0'}
#mob_service .icon-other:before{content: '\e6a8'}
#webProductType_div{display:none}
#webProductType.open #webProductType_div{display:block;}
#webBackground{position: fixed;top: 0;bottom: 0;max-width: 720px;margin: 0 auto;width: 100%;height: 100%;z-index: 1;background: #fff;display: none;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
#design{font-size: 14px;}
.skin_nav_view{margin: 0 2px;}
.skin_model_view{background-repeat: no-repeat; background-position: top center;}
.skin_model_view{padding:5px 10px; min-height: 50px;}
.box_imageText .skin_model_view img{max-width: 100%;}
.box_imageText .skin_model_view{line-height: 2;}
.skin_model_view p{padding:0;}
.imageText_pic{display: block; margin:0 auto;}
.design_con .modulebox > .view{margin: 0;}
.design_con > .modulebox:nth-child(2) > .view,.design_ver_1 > .group > .modulebox:first-child > .view{margin-top: 0;}
#design_main .nofind_view{text-align: center; font-size:1.6rem;margin:0 auto;}
#design_main .nofind_view img{width: 60%;margin:30px auto;}
/*box_carousel*/
#design_main .box_carousel,#design_main .box_picture{margin: 0;}
#design_main .box_carousel .skin_model_view,#design_main .box_picture .skin_model_view{padding:0;}
#design_main .box_carousel > .view,#design_main .box_picture > .view{margin: 0;}
.box_carousel ul.swiper-wrapper{margin: 0; padding:0;}
.box_carousel .swiper-container{width: 100%;height: auto;}
.box_carousel .swiper-slide{text-align: center;margin: auto;}
.box_carousel .box_carousel .swiper-slide a{display: block;position: relative;}
.box_carousel .swiper-slide a .skin_model_view1{position: absolute;width: 100%;opacity: 0.8;bottom: 0;}
.box_carousel .swiper-slide img{border: 0;max-width: 100%;vertical-align: middle;}
.box_carousel .swiper-pagination-bullets{left: 0px;width: 100%;bottom: 5px !important;}
.box_carousel .swiper-button-prev{font-size: 12px;}
.box_carousel .photo-container img{margin: auto; margin-top: auto !important;}
.box_carousel .swiper-button-next, .box_carousel .swiper-button-prev{height: 30px;}
#webLogoImg.logoStyleImg1{border-radius:3px;}
#webLogoImg.logoStyleImg2{border-radius:3px; box-shadow: 1px 1px 2px rgba(0,0,0,0.4);}
#webLogoImg.logoStyleImg3{border-radius:3px; box-shadow: 0 0 6px rgba(0,0,0,0.4); border: 2px solid #fff;}
#webLogoImg.logoStyleImg4{border-radius:100%;}
#webLogoImg.logoStyleImg5{border-radius:100%; box-shadow: 1px 1px 2px rgba(0,0,0,0.4);}
#webLogoImg.logoStyleImg6{border-radius:100%; box-shadow: 0 0 6px rgba(0,0,0,0.4); border: 2px solid #fff;}
.swiper-pagination-bullets > span{margin: 0 3px;}
.weui-actionsheet{max-width: 720px; margin: 0 auto; left: auto!important;}
#design_main .box_location{margin-bottom:0;}
/*皮膚的樣式控制*/
.openNav #Web_show_menu{height: 100%;}
.openNav #mob_nav_mask{display: block;}
.openNav{overflow: hidden;}
.openNav #web_design_main{z-index:inherit !important;}
/*现有產品禁止按钮的跳轉處理*/
#design_main .swiper-button-disabled{pointer-events: auto;}
/*提示框*/
#webupload_tip{position: fixed; z-index: 9999; top:20%; margin-top:-25px; left:0; width: 100%; height: 50px; text-align: center; display:none;}
#webupload_tip .webupload_body{position:relative; background: #f8f0cf; color:#c10000; border: 1px solid #ffecb5; border-radius: 4px; white-space: nowrap; height: 46px; line-height: 36px; font-size: 14px; margin-top:-23px; text-align: center; box-shadow: 0 1px 4px #333; padding: 5px 30px 5px 15px; display: -moz-inline-stack; display:inline-block; *display:inline; *zoom:1; box-sizing: border-box;}
#webupload_tip .webupload_body span.tclose{position: absolute; right: 7px; cursor: pointer; top: 15px; background: url(../image/close.png) no-repeat; width: 15px; height: 15px; background-size: cover;}
.file-tips-word{margin-right:10px;}
@font-face{font-family: "iconfont"; src: url('https://css.j-cc.cn/css/wap/iconfont.eot?t=1508811969731'); /* IE9*/ src: url('https://css.j-cc.cn/css/wap/iconfont.eot?t=1508811969731') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=gbk;base64,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') format('woff'), url('https://css.j-cc.cn/css/wap/iconfont.ttf?t=1508811969731') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('https://css.j-cc.cn/css/wap/iconfont.svg?t=1508811969731') format('svg'); /* iOS 4.1- */}
.lg_reg_icon{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-QQ:before{content: "\e62f";}
.icon-watch:before{content: "\e606";}
.icon-color-xlwb:before{content: "\e707";}
.icon-yanjing:before{content: "\e563";}
.icon-weixin:before{content: "\e601";}
.icon-jinggao:before{content: "\e61f";}
.icon-icon:before{content: "\e501";}
/*member_login*/
.box_memberLogin{font-size: 14px;}
.box_memberLogin .memberLogin{width: 100%; border-top:1px solid #aaa; border-bottom: 1px solid #aaa;}
.box_memberLogin .memberLogin ul{margin: 0;}
.box_memberLogin .memberLogin ul li{width: 100%; height: 4.5rem; border-bottom: 1px solid #aaa;}
.box_memberLogin .memberLogin ul li:nth-child(2){border: none;}
.box_memberLogin .memberLogin ul li label{display: inline-block; line-height: 4.5rem; width: 7rem; text-align: left; margin: 0; text-indent: 10px; font-weight: normal;}
.box_memberLogin .memberLogin ul li input{line-height: 2.5rem; width: calc(100% - 10.5rem); border: none; outline: none; background: transparent; font-size: 14px; text-indent: 5px;}
.box_memberLogin .memberLogin ul li span{display: inline-block; font-size: 20px; cursor: pointer;vertical-align: middle;}
.box_memberLogin .mblg_btn{margin: 2rem 0 1.5rem 0; line-height: 3.5rem; text-align: center; color: #fff; border-radius: 5px; background-color:#df443b; cursor: pointer; font-size:18px;}
.box_memberLogin p{height: 1.5rem; margin: 0 0.5rem;}
.box_memberLogin .otherWays{margin: 10rem 0 1.5rem 0;}
.box_memberLogin .otherWays p:nth-child(1){text-align: center; color: #555; font-size: 14px;}
.box_memberLogin .otherWays p:nth-child(2){margin-top:2.5rem; height: auto; text-align: center;}
.box_memberLogin .otherWays p:nth-child(2) a{display: inline-block; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; text-align: center; font-size: 3rem; border-radius: 50%;}
.box_memberLogin .otherWays p:nth-child(2) a:nth-child(1){border:1px solid #25b415; color:#25b415;}
.box_memberLogin .otherWays p:nth-child(2) a:nth-child(2){border:1px solid #42c2b3; color:#42c2b3; margin: 0 3rem;}
.box_memberLogin .otherWays p:nth-child(2) a:nth-child(3){border:1px solid #fea844; color:#ff000e;}
.box_memberLogin p a.linkText1{float: left; color: #555; cursor: pointer;}
.box_memberLogin p a.linkText2{float: right; color: #999; cursor: pointer;}
/* 忘記密碼 */
.getPswDiv{position: absolute; overflow-y: auto; top: 0; background-color: #eee; width: 100%; margin: 0 auto; height: 100%; font-size: 14px; z-index: 999; animation: getPswDivAnimate .25s both}
/*----彈出層動畫----*/
@keyframes getPswDivAnimate{0%{opacity: 0; top: 3rem;}100%{opacity: 1; top: 0;}}
.getPswDiv .psw_header{position: relative; width: 100%; height: 3.5rem; background-color: #fff;}
.getPswDiv .psw_header .backIcon{position: absolute; width: 3.5rem; line-height: 3.5rem; text-align: center; cursor: pointer; color: #60646d; font-size: 3.5rem;}
.getPswDiv .psw_header .stepTitle{width: 100%; height: 100%; color: #565343; line-height: 3.5rem; text-align: center; font-size: 16px;}
.getPswDiv .step_btn{margin: 2.5rem 0.5rem 1rem 0.5rem; line-height: 3.5rem; text-align: center; color: #fff; border-radius: 5px; background-color:#df443b; cursor: pointer; font-size:18px;}
.getPswDiv .firstStep,.getPswDiv .secondStep .checkCodeBox,.getPswDiv .thirdStep .checkCodeBox{width:100%; height:4.5rem; margin-top:1rem; background-color:#fff; border-bottom:1px solid #d2d2d2;}
.getPswDiv .firstStep label,.getPswDiv .secondStep label,.getPswDiv .thirdStep label{display: inline-block; width: 8rem; line-height: 4.5rem; margin-bottom: 0; text-align: right; font-weight:normal; color:#000;}
.getPswDiv .secondStep label{width: 6.5rem;}
.getPswDiv .firstStep input,.getPswDiv .thirdStep input{width: calc(100% - 8rem); line-height: 2.5rem; border: none; outline: none; background: transparent; font-size: 14px;}
.getPswDiv .secondStep,.getPswDiv .thirdStep{margin-top:1rem;}
.getPswDiv .secondStep p,.getPswDiv .thirdStep p{width:100%; text-align:center; line-height:1rem; color:#0b1b27; margin-bottom: 1rem; font-size:14px;}
.getPswDiv .secondStep p:nth-child(1){text-align:center; font-size:14px;}
.getPswDiv .secondStep i,.getPswDiv .thirdStep i{color:#599cdd; font-size:17px; vertical-align:middle;}
.getPswDiv .secondStep label{width:6rem;}
.getPswDiv .secondStep input{width: calc(100% - 20rem); line-height: 2.5rem; border: none; outline: none; background: transparent;font-size: 14px;}
.getPswDiv .secondStep span{display:inline-block; line-height:4.5rem; cursor:pointer; width: 13rem; text-align: center;}
.getPswDiv .secondStep .checkCodeBox b{border-left:1px solid #d9d9d9; color:#d9d9d9; padding-left:0.5rem;}
.getPswDiv .fourthStep{width:100%; line-height:3rem; margin-top:1rem;}
.getPswDiv .fourthStep p{text-align:center; margin:0;}
.getPswDiv .secondStep,.getPswDiv .thirdStep,.getPswDiv .fourthStep{display:none;}
.getPswDiv .thirdStep .pswTips{margin: 0.8rem; text-align: left; color: #aaa;}
/* 已登錄顯示會員信息的層 */
.lg_susPop{width: 100%; overflow: hidden; text-align: center;}
.lg_susPop .lg_userPic{width: 7.5rem; height: 7.5rem;margin: 0 auto;}
.lg_susPop .lg_userPic > img{width: 100%;height: 100%;border-radius: 50%;}
.lg_susPop .lg_userInfo{margin-top: 1rem;}
.lg_susPop .lg_userInfo > p{height: auto; color:#4f4848;margin: 1rem;}
.lg_susPop .lg_userInfo > p:nth-child(2){margin-top: 1.5rem;}
.lg_susPop .lg_userInfo > p:nth-child(2) a{text-decoration: underline}
.lg_susPop .lg_userInfo .lg_threeP{position: relative;margin: 0 0.5rem;height: 4rem;margin-top: 2.5rem;text-align: center;}
.lg_susPop .lg_userInfo .lg_threeP::before{content: " ";position: absolute;height: 1px;top:1rem;left:0;width: 35%;background-color: #b2b2b2;}
.lg_susPop .lg_userInfo .lg_threeP::after{content: " ";position: absolute;height: 1px;top:1rem;right:0;width: 35%;background-color: #b2b2b2;}
.lg_susPop .lg_userInfo .lg_threeP a{color:#df443b;font-size: 16px;}
.box_memberLogin input::-webkit-input-placeholder{color: #dcdcdc;}
.box_memberLogin input:-moz-placeholder{color: #dcdcdc;}
.box_memberLogin input::-moz-placeholder{color: #dcdcdc;}
.box_memberLogin input:-ms-input-placeholder{color: #dcdcdc;}
.getPswDiv input::-webkit-input-placeholder{color: #dcdcdc;}
.getPswDiv input:-moz-placeholder{color: #dcdcdc;}
.getPswDiv input::-moz-placeholder{color: #dcdcdc;}
.getPswDiv input:-ms-input-placeholder{color: #dcdcdc;}
.box_memberLogin input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}
/*member_reg*/
.box_memberReg .memberReg{width: 100%;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.box_memberReg .memberReg ul{margin: 0;}
.box_memberReg .memberReg ul li{position: relative;width: 100%;height: 4.5rem;border-bottom: 1px solid #aaa;}
/* .box_memberReg .memberReg ul li:nth-child(1) select{width: 100%;height: 100%;line-height: normal;padding-left: 5.5rem;padding-right: 3rem;direction: rtl;border: none;color: #666;outline: 0;z-index: 1;background: #fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;}*/.box_memberReg{font-size: 14px;}
.box_memberReg .memberReg ul li:nth-child(1) .Area{box-sizing: border-box;width: 100%;height: 100%;line-height: 4.5rem;padding-left: 5.5rem;padding-right: 1rem;text-align: right;border: none;outline: 0;z-index: 1;}
.box_memberReg .memberReg ul li:nth-child(1) span{position: absolute;right: 0.8rem;top: 1.1rem;}
.box_memberReg .memberReg ul li:last-child{border: none;}
.box_memberReg .memberReg ul li label{display: inline-block;line-height: 4.5rem;width: 9rem;text-align: left;margin: 0;font-weight: normal;text-indent: 10px;}
.box_memberReg .memberReg ul li:nth-child(1) label{position: absolute;}
.box_memberReg .memberReg ul li input{line-height: 2.5rem;width: calc(100% - 10rem);border: none;outline: none;background: transparent;font-size: 14px;}
.box_memberReg .memberReg ul li input::-webkit-inner-spin-button{-webkit-appearance: none ;}
.box_memberReg .memberReg ul li input::-webkit-outer-spin-button{-webkit-appearance: none;}
.box_memberReg .memberReg ul li .spot{color:#df443b;margin-left: 0.2rem;}
.box_memberReg p{margin: 1rem 0 1rem 0;}
.box_memberReg p > a{}
.box_memberReg .regBtn{margin: 1.5rem 0 1rem 0;line-height: 3.5rem;text-align: center;color: #fff;border-radius: 5px;background-color: #df443b;cursor: pointer;font-size: 18px;}
.box_memberReg .disabled{pointer-events: none;opacity: 0.5;}
.box_memberReg .memberReg .selectItem{width: calc(100% - 10rem);height: 98%;font-size: 14px;line-height: normal;border: none;color: #666;outline: 0;z-index: 1;background: #fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;position: relative; z-index: 1;background-color: transparent;}
.box_memberReg .memberReg .lg_afterIcon::before{content: " ";display: inline-block;height: 8px;width: 8px;border-width: 0 2px 2px 0;border-color: #c8c8cd;border-style: solid;-webkit-transform: matrix(.71,.71,-.71,.71,0,0);transform: matrix(.71,.71,-.71,.71,0,0);position: absolute;top: 50%;right: 1.5rem;margin-top: -0.7rem;}
/* 注冊協議彈出層*/.protocolDiv{position: absolute;overflow-y: auto;top: 0;background-color: #fff;width: 100%;margin: 0 auto;height: 100%;z-index: 999;animation: protocolDivAnimate .25s both}
/*----彈出層動畫----*/@keyframes protocolDivAnimate{0%{opacity: 0;top: 3rem;} 100%{opacity: 1;top: 0;}}
.protocolDiv{font-size: 14px;}
.protocolDiv .protoco_header{position: relative;width: 100%;height: 3.5rem;background-color: #fff;border-bottom: 1px solid #aaa;}
.protocolDiv .protoco_header .backIcon{position: absolute;width: 3.5rem;line-height: 3.5rem;text-align: center;cursor: pointer;color: #60646d;font-size: 3.5rem;}
.protocolDiv .protoco_header .stepTitle{width: 100%;height: 100%;color: #000;line-height: 3.5rem;text-align: center;font-size: 16px;font-weight: bold;}
.protocolDiv .textDiv > p{margin: 1rem;color:#707070;text-align: left !important;}
.protocolDiv .textDiv > p span{white-space: normal !important;}
.protocolDiv .comfirmBtn{margin: 3rem 0.5rem 1rem 0.5rem;line-height: 3.5rem;text-align: center;color: #fff;border-radius: 5px;background-color: #df443b;cursor: pointer;font-size: 18px;}
/* 注冊彈出層*/
.toRegisterDiv{position:fixed;overflow-y: auto;top: 0;background-color: #eee;width: 100%;max-width:720px; margin: 0 auto;height: 100%;z-index: 999;animation: toRegisterDivAnimate .25s both;font-size: 14px;}
/*----彈出層動畫----*/@keyframes toRegisterDivAnimate{0%{opacity: 0;top: 3rem;} 100%{opacity: 1;top: 0;}}
.toRegisterDiv .reg_header{position: relative;width: 100%;height: 3.5rem;background-color: #fff;}
.toRegisterDiv .reg_header .backIcon{position: absolute;width: 3.5rem;line-height: 3.5rem;text-align: center;cursor: pointer;color: #60646d;font-size: 3.5rem;}
.toRegisterDiv .reg_header .stepTitle{width: 100%;height: 100%;color: #565343;line-height: 3.5rem;text-align: center;font-size: 16px;}
.toRegisterDiv .step_btn{margin: 1.5rem 0.5rem 1rem 0.5rem;line-height: 3.5rem;text-align: center;color: #fff;border-radius: 5px;background-color:#df443b;cursor: pointer;font-size:14px;}
.toRegisterDiv .oneStep{width:100%;margin-top:1rem;}
.toRegisterDiv .oneStep > p{margin-bottom: 1rem;width: 100%;text-align: center;line-height: 1rem;color: #0b1b27;}
.toRegisterDiv .oneStep > p:nth-child(2){font-weight: bold;font-size: 1.5rem;}
.toRegisterDiv .checkCodeBox{width: 100%;height: 4.5rem;margin-top: 1rem;background-color: #fff;border-bottom: 1px solid #d2d2d2;}
.toRegisterDiv .oneStep .checkCodeBox b{border-left:1px solid #d9d9d9;color:#d9d9d9;padding-left:0.5rem;}
.toRegisterDiv .checkCodeBox label{display: inline-block;width:78px;line-height: 4.5rem;margin-bottom: 0;text-align: center;font-weight: normal;color: #000;text-indent: 5px;}
.toRegisterDiv .checkCodeBox input{width: calc(100% - 210px);line-height: 3rem;border: none;outline: none;background: transparent;font-size: 14px;}
.toRegisterDiv .oneStep .checkCodeBox span{display: inline-block;line-height: 4.5rem;cursor: pointer;text-align: center;width: 122px;}
.toRegisterDiv .oneStep .checkCodeBox span b{line-height: 3.5rem;width: 100%;border-left: 1px solid #d9d9d9;color: #d9d9d9;padding-left: 0.5rem;font-weight: normal;}
.toRegisterDiv .twoStep .checkCodeBox label{width: 9.5rem;}
.toRegisterDiv .twoStep .checkCodeBox input{width: calc(100% - 9.5rem);}
.toRegisterDiv .twoStep > p{margin:0.7rem 0 0 0.7rem;}
.toRegisterDiv .threeStep > p{text-align: center;margin-bottom: 0.5rem;}
.toRegisterDiv .threeStep .step_btn{margin-top: 1rem;}
.toRegisterDiv .threeStep > p:nth-child(2){font-size: 1.5rem;}
.toRegisterDiv .threeStep > p:nth-child(2) span{color:#df443b;}
.toRegisterDiv .threeStep > p:nth-child(4) a:hover{color:#df443b;}
.toRegisterDiv .twoStep,.toRegisterDiv .threeStep{display:none;}
.toRegisterDiv input::-webkit-input-placeholder{color: #dcdcdc;}
.toRegisterDiv input:-moz-placeholder{color: #dcdcdc;}
.toRegisterDiv input::-moz-placeholder{color: #dcdcdc;}
.toRegisterDiv input:-ms-input-placeholder{color: #dcdcdc;}
.toRegisterDiv input::-webkit-input-placeholder{color: #dcdcdc;}
.toRegisterDiv input:-moz-placeholder{color: #dcdcdc;}
.toRegisterDiv input::-moz-placeholder{color: #dcdcdc;}
.toRegisterDiv input:-ms-input-placeholder{color: #dcdcdc;}
.memberReg input::-webkit-input-placeholder{color: #dcdcdc;}
.memberReg input:-moz-placeholder{color: #dcdcdc;}
.memberReg input::-moz-placeholder{color: #dcdcdc;}
.memberReg input:-ms-input-placeholder{color: #dcdcdc;}
.toRegisterDiv input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}
/*放大頁浮動頭部樣式*/
.iconImg{position:fixed;height:4rem;z-index: 3;width: 100%;max-width: 720px;}
.iconImg span{display: inline-block;width: 3rem;height: 3rem;font-size:3rem;text-align: center;line-height: 3rem;-webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;background: rgba(255,255,255,0.7);}
.iconImg a{right:1rem;top: 0.5rem; position: absolute;display: block; width: 3rem; height: 3rem; z-index: 11;}
.iconImg a:nth-child(1){left:1rem;} /* 现有產品放大頁面購物車的顯示 */
.iconImg a.shopcart{right:5rem;}
.iconImg a.open-popup{z-index: 10;}
.skin_hide{display:none;}
.edit .iconImg{position:absolute;}
#mob_service{position: fixed;bottom: 0;z-index: 4;width:100%;height: 50px;margin: 0 auto;max-width: 720px;text-align: center;}
/* mob_pagination */
.mob_pagination{clear: both; font-size: 14px; margin: 10px 0; text-align: center; position: relative;}
.mob_pagination .page_but{min-width: 85px; font-size: 14px!important; border-radius: 3px; overflow: visible; height: 32px; line-height: 32px; cursor:pointer; padding: 0 5px; white-space: nowrap; position: absolute; display: block; text-decoration: none; position: absolute; top: 0; border:1px solid transparent;}
.mob_pagination span.page_but{opacity: 0.5;}
.mob_pagination .prev_pic{left: 0;}
.mob_pagination .next_pic{right: 0;}
.mob_pagination span.mob_paginationSelect{text-align: center;; display: inline-block; vertical-align: top; height: 32px; line-height: 32px; font-weight: normal; font-size: 1.5rem;}
.mob_pagination select{border: 0; background: none; text-align: center; font-size: 1.5rem; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none; border-radius:0; cursor: pointer; padding:0 5px;}
/* cyj加載更多 */
.box_articleList .loadMoreWrapper{margin:10px 0;margin-top:1rem;text-align: center;}
.box_articleList .loadMore{display:inline-block; min-width: 85px;font-size: 14px;border-radius: 3px;height: 32px;line-height: 32px;cursor: pointer;padding: 0 5px;border: 1px solid #6c6c6c;color: #6c6c6c;}
.article_page1 .prev_pic{left: 10px;}
.article_page1 .next_pic{right: 10px;}
.article_page{padding:5px 0; font-size: 1.4rem; line-height: 2.5rem;}
.article_page1{clear:both; overflow:hidden; height:60px; position: relative; margin: 0;}
.article_page1 .page_but{top: 15px;}
.article_page_pre > font,.article_page_next > font{opacity: 0.5;}
/*box_articleList*/
.box_articleList .before:before, .clear_float:after{clear:both; height:0; display:block;}
.box_articleList .before:before, .clear_float:after{content:"";}
.box_articleList .ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.box_articleList .ellipsis1{overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; /* white-space: nowrap; */}
.box_articleList .listArticle{min-height: 40px;}
.box_articleList .listArticle ul, .box_articleList .listArticle li{margin:0;}
.box_articleList .listArticle ul{border-bottom: 1px dashed #ddd;}
.box_articleList .listArticle .type{position:relative;}
.box_articleList .listArticle .type .tn{font-size:15px; line-height:34px;}
.box_articleList .listArticle .type .tn:before{content:''; display:inline-block; vertical-align:top; width:5px; height:16px; background:#2b2b2b; margin:9px 6px 0 0;}
.box_articleList .listArticle .type .tn > a{display:block; position:absolute; right:0; top:50%; line-height:24px; margin-top:-12px; font-size:12px;}
.box_articleList .listArticle .type .line{height:1px; overflow:hidden; background:#CCC;}
.box_articleList .listArticle .img, .box_articleList .listArticle .list time, .box_articleList .listArticle .list time span, .box_articleList .listArticle .list p{display:none;}
.box_articleList .listArticle .list p{margin: 0;}
.box_articleList .listArticle .list{position:relative;}
.box_articleList .listArticle .list .title .type-name{margin-right: 5px;}
.box_articleList .listArticle .list .title .type-name:before{content:'['; font-family: '宋體';}
.box_articleList .listArticle .list .title .type-name:after{content:']'; font-family: '宋體';}
.box_articleList .listArticle .list .arttitle{white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden;}
.box_articleList .box_article .skin_model_view{padding:0 15px;}
.page_style_dh{margin-top: 1rem;}
.box_articleList .listArticle .list .title span{font-size: 1.5rem;display: block;}
.box_articleList .listArticle ul a{display: block;}
.box_articleList .listArticle .list time{color:#c8c8c8;font-size:1.2rem;line-height:20px;}
.box_articleList .listArticle .list p{color:#888;font-size:1.3rem;line-height:20px;}
/*第一種樣式*/
.box_articleList .listArticle .default .list{padding:2% 0;}
.box_articleList .listArticle .default .list .title{width: calc(100% - 66px);}
.box_articleList .listArticle .default .list .title span{height: 34px; line-height: 34px; overflow: hidden; display: -webkit-box; display: block;-webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:1.5rem;}
.box_articleList .listArticle .default .list .title .arttitle{width:100%;}
.box_articleList .listArticle .default .list .title .type-name{font-size:0.8rem;}
.box_articleList .listArticle .default .list time{position:absolute; top:50%; right:0; line-height:24px; margin-top:-12px; display:block;}
/*第二種樣式*/
.box_articleList .listArticle .default1 ul a{display:block;padding:12px 0;}
.box_articleList .listArticle .default1 ul a:after{content:'';clear:both;display:block;height:0;overflow:hidden;}
.box_articleList .listArticle .default1 .img{display: block;float: left;width:108px;height:86px;background:center center no-repeat;background-size:cover;}
.box_articleList .listArticle .default1 .img img{max-width:100%;max-height:100%;}
.box_articleList .listArticle .default1 .list{width: calc(100% - 118px);float: right;}
.box_articleList .listArticle .default1 .list time{display:block;}
.box_articleList .listArticle .default1 .list p{margin:4px 0 2px;height:40px;-webkit-line-clamp:2;display: -webkit-box;}
/*第三種樣式*/
.box_articleList .listArticle .default2{position: relative;}
/*.box_articleList .listArticle .default2 ul{float: left;width:20rem;border:0;}
.box_articleList .listArticle .default2 ul a{margin:0 5px;padding-bottom:8px;border: 1px solid #DDD;}*/
.box_articleList .listArticle .default2 ul{width:100%;border:0;}
.box_articleList .listArticle .default2 ul a{padding-bottom:25px;}
.box_articleList .listArticle .default2 .img{display: block;width: 100%;height:13rem;overflow:hidden;background:#eee center center no-repeat;background-size:cover;margin-top:15px;}
.box_articleList .listArticle .default2 .img img{max-width:100%;max-height:100%;}
.box_articleList .listArticle .default2 .list .title span{line-height:2;margin-top:5px; box-sizing: border-box; color:#111; font-weight:bold; font-size:18px;}
.box_articleList .listArticle .default2 .list > div{position: relative;line-height:20px; color:#c8c8c8; height:20px;}
.box_articleList .listArticle .default2 .list > div >div{position: absolute;right:0px;top:3px;}
.box_articleList .listArticle .default2 .list > div >div >i{font-size: 18px; line-height:25px; padding-right:2px;color:#c8c8c8}
.box_articleList .listArticle .default2 .list time{display:block; line-height:1; padding-top:10px;}
.box_articleList .listArticle .default2 .list p{display: -webkit-box; -webkit-line-clamp:2;margin:0 0px 4px;}
.box_articleList .listArticle .default2 .articleLine{width:20px;height: 2px;margin: 15px auto 0;display: block;background: #000;}
/*第四種樣式*/
.box_articleList .listArticle .default3 ul{border-bottom: none;}
.box_articleList .listArticle .default3 ul a{display:block;padding:6px 0 2px}
.box_articleList .listArticle .default3 ul a:after{content:'';clear:both;display:block;height:0;overflow:hidden;}
.box_articleList .listArticle .default3 .img{display: block;float: right;width:145px;height:110px;background:center center no-repeat;background-size:cover;}
.box_articleList .listArticle .default3 .img img{max-width:100%;max-height:100%;}
.box_articleList .listArticle .default3 .list{width: calc(100% - 155px);float: left;}
.box_articleList .listArticle .default3 .list time{display:inline-block;}
.box_articleList .listArticle .default3 .list .art_clickTimes{float: right;}
.box_articleList .listArticle .default3 .list .art_clickTimes > i{font-size: 16px;margin-top: -2px;}
.box_articleList .listArticle .default3 .list p{margin:4px 0 2px;height:40px;-webkit-line-clamp:2;display: none;}
.box_articleList .listArticle .default3 .list .ellipsis{height: 84px; padding-top: 5px;}
.box_articleList .listArticle .default3 .list .ellipsis .arttitle{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;white-space: normal;font-weight: bold;font-size: 1.8rem;line-height: 1.6; color: #000}
.box_articleList .listArticle .default3 .articleLine{width: 100%;height: 0.5rem;display: block;background: #fafafa;}
/*第五種樣式*/
.box_articleList .listArticle .default4{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #DDD;}
.box_articleList .listArticle .default4{position: relative;}
.box_articleList .listArticle .default4 .list time,
.box_articleList .listArticle .default4 .list p{display: block;}
.box_articleList .listArticle .default4 .list p{display: -webkit-box; -webkit-line-clamp:2; margin:5px 0;}
.box_articleList .listArticle .default4 ul{border: none;padding-top:20px!important;}
.box_articleList .listArticle .default4 ul:first-child{padding-top:0!important;}
.box_articleList .listArticle .default4 ul a{height: 100%;}
.box_articleList .listArticle .default4 .img{display: block;overflow: hidden;float: right;width:130px;height:88px;background:center center no-repeat;background-size:cover;}
.box_articleList .listArticle .default4 .img img{min-width: 5rem;max-width:11rem;left: 0px !important;}
.box_articleList .listArticle .default4:after{position: absolute; left:calc(100% - 145px); top: 0; content: ""; display: block; width: 1px; height: 100%; background-color: #DDD;}
.box_articleList .listArticle .default4 .list{float: left;width:calc(100% - 155px);}
.box_articleList .listArticle .default4 .list:after{position: absolute; top: 50%; margin-top:-6px; right:-17px; content: ""; width:12px; height:12px; background: #DDD; border-radius:100%; z-index: 2;}
.box_articleList .listArticle .default4 .list .type-name{display: block;width: 100%;}
.box_articleList .listArticle .default4 .list .arttitle{width: 92%;}
/*第八種樣式*/
.box_articleList .listArticle .default7 ul a{display:block;padding:12px 0;}
.box_articleList .listArticle .default7 ul .img{display: block;float: left;width:108px;height:86px;background:center center no-repeat;background-size:cover;overflow: hidden;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;}
.box_articleList .listArticle .default7 ul .img img{width: 100%;margin: 0 atuo;}
.box_articleList .listArticle .default7 ul .list{width: calc(100% - 118px);float: right;}
.box_articleList .listArticle .default7 ul .list .arttitle{display: block;}
.box_articleList .listArticle .default7 ul:first-child{overflow: hidden; width: 100%; height: 16rem; display: block; position: relative; border-bottom:0;}
.box_articleList .listArticle .default7 ul:first-child a{padding:0;}
.box_articleList .listArticle .default7 ul:first-child .img{display: block;width: 100%;height: 16rem;background:center center no-repeat;background-size:cover;}
.box_articleList .listArticle .default7 ul:first-child .list .title a.type-name{display: none !important;}
.box_articleList .listArticle .default7 ul .list time{display:block;}
.box_articleList .listArticle .default7 ul:first-child .list time{display:none;}
.box_articleList .listArticle .default7 .list p{display: -webkit-box;-webkit-line-clamp:2;height: 40px;line-height: 20px;margin:5px 0;}
.box_articleList .listArticle .default7 ul:first-child .list{position: absolute;bottom:0;left:0;width:100%;}
.box_articleList .listArticle .default7 ul:first-child .list .title .arttitle{position: absolute; display: block; bottom: 0; background: rgba(0,0,0,.7); font-size: 1.5rem; font-weight: normal; color: white; width: 100%; line-height: 2.8rem; padding:5px 10px;}
.box_articleList .listArticle .default7 ul:first-child .list p{display:none;}
.box_articleList .article_dafault_data{height:auto; position:relative; margin-bottom:20px; overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:4%; margin-bottom:4%;}
.box_articleList .data_img1{float:left; width:108px;}
.box_articleList .data_img1 span{display:block; height:0; padding-bottom:80%; border:1px solid #ddd; background-color: #F0F1F2; width: 100%; box-sizing: border-box; background-position: center; background-size: 40%; background-repeat: no-repeat;}
.box_articleList .data_img{width:100%;}
.box_articleList .data_img span{display:block; clear:both; height:0; padding-bottom:40%; border:1px solid #ddd; width: 100%; max-width:100%; box-sizing: border-box; background-position: center; background-size: cover; background-repeat: no-repeat;}
.box_articleList .data_content{float:right; width:calc(100% - 120px);}
.box_articleList .data_content span{display:block; font-size:1.6rem; white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; margin-bottom:5px;}
.box_articleList .data_content p{margin:0px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-bottom:5px;}
.box_articleList .data_content font{display:block; color:#c8c8c8; font-size:1.2rem;}
.box_articleList .article_dafault_data:first-child,.box_articleList .article_dafault_data:last-child{border:none; padding-bottom:0px;}
.box_articleList .article_dafault_data:first-child .data_content{display:none;}
/*box_articleDetail*/
.box_articleDetail .artiCls_default2 .iconImg{display:none;}
.box_articleDetail .artiCls_default2 .article_title2{padding-top:15px;}
.box_articleDetail .artiCls_default2 .article_lan{position: relative;width: calc(100% - 50px);}
#design_main .box_articleDetail > .view,#design_main .box_disProducts .view{margin: 0px!important;}
.box_articleDetail #news_img{width: 100%;height: 3rem;background-size: cover;height: 16rem;position: relative;/*background-color: #076ce0;*/background-size: cover;background-repeat: no-repeat;background-position:top center;}
.box_articleDetail #news_img.kenfor-icons-pic{text-align:center;font-size:18rem;color:#fff;}
.box_articleDetail .article_title{padding-left: 0.5rem;text-align: left;font-size:1.5rem;line-height:3.3rem;height:3.3rem;word-break:break-all;overflow: hidden;font-weight: bold ;position: absolute;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;/*font-weight:normal;*/bottom: 0px;width: 100%;color: white;background: linear-gradient(rgba(76,76,76,0) 0,rgba(19,19,19,0.8) 100%);}
/* #design_main .box_articleDetail .skin_model_view{padding: 0;} */
.box_articleDetail .article_title2{padding:4.8rem 10px 0.5rem 10px;font-size: 18px;text-align: left;line-height:30px;font-weight: bold;}
.design_ver_1 .box_articleDetail .article_title2{padding:5px 10px;}
.box_articleDetail .article_lan{display:flex;position: relative;line-height:3rem;font-size: 1.4rem;min-height:25px;}
.box_articleDetail .article_lan > div{margin-right: 10px;display: -moz-inline-stack;display:inline-block;*display:inline;*zoom:1;}
.box_articleDetail .article_lan > div#news_show_author #news_author{color:#999;}
.box_articleDetail .article_lan > div#news_show_home{position: absolute; right: -50px;top:0; margin: 0;}
.box_articleDetail .article_lan > div #news_home{width: 25px;height: 25px;display:block;background-image: url("../image/news_home.png");}
.box_articleDetail .news_share_icon {display:inline-block;margin-top:2px;/* position: absolute;top:1px;*/ width: 26px;height: 26px; background-image: url("../image/wap_shareBtn.png");background-size:100%; background-position: center center;}
.box_articleDetail .article_lan .news_share_icon {display:inline-block;margin-top:0px;/* position: absolute;top:1px;*/ width: 26px;height: 26px; background-image: url("../image/wap_shareBtn.png");background-size:100%; background-position: center center;}
.box_articleDetail .artiCls_default0 .article_lan .news_share_icon {/*right: 0;*/}
.box_articleDetail #article_share{padding: 10px 0;}
.box_articleDetail #article_share .shareInfo1 .shareCtrl1 a{width: auto;}
.box_articleDetail #article_share .shareInfo1 .shareMt1 a{min-width: auto;opacity: 1}
.box_articleDetail #article_share .shareInfo1 .shareMt1 a:hover{opacity: 0.8;}
.box_articleDetail #news_articleDescription{border:1px dotted #ddd;background: #eee;padding: 15px;line-height: 1.8;font-size: 13px;text-indent:26px;margin-bottom: 15px;}
/* .box_articleDetail #news_click{color:red;} */
.box_articleDetail #article_content{min-height: 300px;padding: 5px 0;line-height: 2;}
/* 處理博客越界問題start */
.box_articleDetail #article_content *{max-width: 100% !important;white-space: initial !important;}
/* 處理博客越界問題end */
.box_articleDetail #article_content img{display: block}
.box_articleDetail .dnews_line{border-top:1px dotted #ddd;padding-top: 10px;height: 50px;text-align: center;}
.box_articleDetail #news_show_originalUrl{padding-bottom: 10px;}
.box_articleDetail .article_b_lan{padding:5px 10px;font-size: 1.4rem;display: block;height: 2rem;line-height: 2rem;}
.box_articleDetail .skin_model_view{padding-left:0px;padding-right:0px;}
.box_articleDetail .article_lan,.box_articleDetail #article_content{padding-left:10px;padding-right:10px;}
.box_articleDetail .article_page{padding-left:10px;padding-right:10px;}
.box_articleDetail .artiCls_default2 .article_page{border-top:none;}
.box_articleDetail .mob_pagination .page_but{border:none; padding:0px;min-width:auto;}
.box_articleDetail .article_page1{height:50px;}
#article_default2_nav{overflow: hidden;margin:0 10px;}
#article_default2_nav:empty{display:none}
/* #article_default2_nav div#news_show_home{position: absolute; right: -50px;top:0; margin: 0;} */
/* #article_default2_nav div #news_home{width: 25px;height: 25px;display:block;background-image: url("../image/news_home.png");} */
#article_default2_nav .iconsize{font-size: 30px;}
#article_default2_nav .iconsize.kenfor-icons-shape3{color: #b2b2b2}
#article_default2_nav .nv_li{float:left;margin-right:15px; line-height: 1.4rem;}
#article_default2_nav .nv_li#news_click{float:right; padding-top:8px;margin-right:0px; color: #b2b2b2}
#news_share{color: #b2b2b2}
/*文章收藏及評論*/
.article_comment{overflow: hidden;padding:20px 10px;border-top:10px solid #eeeeee;}
.article_comment_title{margin-bottom: 30px; font-size: 16px; clear: both}
.article_comment_title span{display:inline-block;border-bottom-style:solid;border-bottom-width:4px;border-bottom-color: #f23259; line-height: 29px;}
.article_comment_user{padding-right: 30px; clear: both; position: relative; padding-left: 40px;margin-bottom:10px;}
.article_comment_user span{position: absolute;left:0; display: block;width:29px;height:29px; border-radius: 100%;background: #ccc; display: table-caption; vertical-align: middle; overflow: hidden; text-align: center;}
.article_comment_user span img{max-width: 29px;max-height: 29px;margin:0 auto;}
.article_comment_user date{display:block;font-size:1.3rem;opacity: .6;}
.article_comment_user b{font-weight: normal;}
.article_comment_user .article_commentReply{position: absolute;right:0px;top:0px;}
.article_comment_user .article_commentReply::before{font-size:3rem;opacity: .5;}
.article_comment_li{margin-bottom: 30px;padding-bottom:10px;overflow:hidden;}
#reviewCommentList .article_comment_li:last-child{margin-bottom:0px;padding-bottom:0px;}
.article_comment_reply{margin-left:40px;padding:10px; color: inherit; background: #f6f6f6;}
.article_comment_reply:empty{display: none;}
.article_comment_commentContent{padding-left:40px;}
.article_comment_reply +.article_comment_commentContent{padding-top:10px;}
.article_comment_reply:empty +.article_comment_commentContent{padding-top:0px;}
.article_comment_reply_list{padding-bottom:10px;border-top: 1px dashed #ececec; padding-top:10px; overflow:hidden; position: relative;}
.article_comment_reply_list:first-child{border-top: none; padding-top:0;}
.article_comment_reply_list:last-child{padding-bottom:0;}
.article_comment_submit1{float:right; opacity: .6;cursor: pointer;}
.article_comment_commentContent +.article_comment_submit1{margin-right:20px;}
.article_comment_reply_list .article_comment_user{padding-left:0px;}
.article_comment_reply .article_comment_commentContent{padding-left:0px;}
.article_reply_reply{height:100px;margin-top: 10px;margin-left: 50px;width:calc(100% - 50px);}
.article_reply_reply textarea{resize: none; outline: 0;border:none; padding:10px; width:100%; height:80px;border:1px solid #ececec;}
.article_reply_reply a{display:inline-block; cursor: pointer;border-radius: 5px; padding: 5px 10px;background: #ededed;color: #333;float: right;margin-top:5px;}
.article_comment_reply_list .article_reply_reply{margin-left: 0px;width:100%;}
.article_commentReply + .article_reply_reply{margin-top:30px;}
.article_comment_bg{position: fixed; bottom:0px;left:auto;right:auto;top:0;width:100%;height:100%; max-width:720px;background:rgba(255,255,255,.1); display:none;z-index:8}
.article_comment_show{background:#f6f6f6; overflow: hidden; position: fixed; bottom:0px;left:0;right:0; height:50px;z-index:9;display:flex;width:100%;max-width:720px;margin:0 auto; overflow:hidden;}
.article_comment_show p{width:calc(100% - 70px);margin:8px 15px 8px 8px; padding-left:8px; background:#fff; line-height:34px;}
.article_comment_show span{font-size:1.4rem;cursor: pointer; line-height:50px;}
.article_comment_login{display:none;box-sizing: content-box; padding-top:8px;padding-bottom:8px; background:#f6f6f6; overflow: hidden; position:fixed;bottom:0;left:0;right:0;z-index:9;width:100%;max-width:720px;margin:0 auto;}
.article_comment_info{margin:0 0px 5px 10px; height:30px;line-height:30px;width:calc(100% - 22px);overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.article_comment_info:empty{display: none;}
.article_comment_content{width:calc(100% - 16px);margin:0px 0px 0px 8px;position:relative;}
.article_comment_content textarea{float:left; resize: none; outline: 0;border:none;width:calc(100% - 60px);background:#fff; height:80px;line-height:20px; padding-top:10px;color:#939393;font-size: 1.4rem; padding-left: 10px; box-sizing: border-box;}
.article_comment_submit{float: left;cursor: pointer;margin-left:15px; margin-top:10px; overflow:hidden;}
.article_comment_submit font{display:block;font-size: 1.4rem; text-align:center; margin-bottom:5px;}
.article_comment_submit span{display:block; border-radius: 100%;border:1px solid;font-size: 3.6rem;}
.article_comment_tip{;box-sizing: content-box; background:#f6f6f6; overflow: hidden; position:fixed;bottom:0;left:0;right:0;z-index:9;width:100%;max-width:720px;margin:0 auto;}
.article_comment_tip p{margin:8px;float:left; resize: none; outline: 0;border:none;width:calc(100% - 16px);background:#fff; height:32px;line-height:32px;color:#939393;font-size: 1.4rem; padding-left: 10px; box-sizing: border-box;}
.article_comment_tip a{float:left;font-size:1.4rem;cursor: pointer; line-height:50px; display:none;}
/* .article_comment_login{box-sizing: content-box; padding-top:8px;padding-bottom:8px; background:#f6f6f6; overflow: hidden; position: fixed; bottom:0px;left:0;right:0; height:40px;z-index:9;display: table;width:100%;max-width:720px;margin:0 auto; -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.article_comment_content{float:left; background:#fff;border-radius:2px;height:40px;width:calc(100% - 30px);margin:0px 0px 0px 8px;position:relative;}
.article_comment_content textarea{resize: none; outline: 0;border:none;width:100%; height:40px;line-height:40px;color:#939393;font-size: 1.4rem; padding-left: 10px; box-sizing: content-box;}
.article_comment_submit{font-size:1.4rem;cursor: pointer; display:table-cell; vertical-align:top;width:50px;padding-top: 12px;}
.article_comment_info{margin:0 0px 5px 10px; height:30px;line-height:30px;width:calc(100% - 22px);overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.article_comment_info:empty{display: none;} */
/*bgMusic*/
.edit #bgMusic{position: absolute; left: 0;}
#bgMusic{position: fixed; width: 100%; z-index:5; max-width: 720px; margin: 0 auto;}
#bgm_icon{-webkit-transition:all 150ms;-ms-transition:all 150ms;-moz-transition:all 150ms;transition:all 150ms;}
#bgMusic .bgm_icon{box-sizing: border-box; width: 38px; height: 38px; cursor: pointer;border:4px solid rgba(0,0,0,0); border-radius:50%; background:rgba(0,0,0,0.4); position: absolute;}
#bgMusic .bgm_icon_inner{box-sizing: border-box; width: 30px; height: 30px; border-radius:50%; background: url(../image/musicIcon.png) rgba(0,0,0,0.4) no-repeat; background-size:60%; background-position: center center;}
#bgMusic .bgm_on{-webkit-animation:spin 2s linear infinite; -moz-animation:spin 2s linear infinite;-o-animation:spin 2s linear infinite;-ms-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
#bgMusic.bgm_leftUp,#bgMusic.bgm_rightUp{top: 10px;}
#bgMusic.bgm_leftDown,#bgMusic.bgm_rightDown{bottom: 122px;right: -9px;}
#bgMusic.bgm_leftUp .bgm_icon,#bgMusic.bgm_leftDown .bgm_icon{left: 1.6rem;}
#bgMusic.bgm_rightUp .bgm_icon,#bgMusic.bgm_rightDown .bgm_icon{right: 1.6rem;}
#bgMusic.bgm_leftUp .bgm_icon,#bgMusic.bgm_rightUp .bgm_icon{top:5.3rem;}
#bgMusic.bgm_leftDown .bgm_icon,#bgMusic.bgm_rightDown .bgm_icon{bottom:5.3rem;}
.spin{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-animation: spin 1s infinite;-ms-animation: spin 1s infinite;-moz-animation: spin 1s infinite;-o-animation: spin 1s infinite;animation: spin 1s infinite;}
@-webkit-keyframes spin{from{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-ms-transform: rotate(0deg);}to{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-ms-transform: rotate(360deg);}}
@-moz-keyframes spin{from{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-ms-transform: rotate(0deg);}to{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-ms-transform: rotate(360deg);}}
@-ms-keyframes spin{from{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-ms-transform: rotate(0deg);}to{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-ms-transform: rotate(360deg);}}
@-o-keyframes spin{from{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-ms-transform: rotate(0deg);}to{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-ms-transform: rotate(360deg);}}
.box_cubeNav .cubeNavigationBox{overflow: hidden;height: auto;}
/*第0種*/
.box_cubeNav .cubeNavigationBox .cubeLink_0{width: 33%;height: 9rem;color: #fff;background: transparent;box-sizing: border-box;float: left;}
.box_cubeNav .cubeNavigationBox .cubeLink_0 .cubeLink_a{width: 100%;height: 100%;display: inline-block;position: relative;}
.box_cubeNav .cubeNavigationBox .cubeLink_0 .cubeLink_a .cubeLink_bg{margin: auto;position: absolute;background-size: 40px 40px;width: 5rem;height: 5rem;left: 0;right: 0;top: 1rem;background-position: center center;background-repeat: no-repeat;border-radius: 50%;background-size: cover;}
.box_cubeNav .cubeNavigationBox .cubeLink_0:nth-child(9n+1) .cubeLink_bg{background-color: #fdc200;}
.box_cubeNav .cubeNavigationBox .cubeLink_0:nth-child(9n+2) .cubeLink_bg{background-color: #96a3fc;}
.box_cubeNav .cubeNavigationBox .cubeLink_0:nth-child(9n+3) .cubeLink_bg{background-color: #f99161;}
.box_cubeNav .cubeNavigationBox .cubeLink_0:nth-child(9n+4) .cubeLink_bg{background-color: #c697d8;}
.box_cubeNav .cubeNavigationBox .cubeLink_0:nth-child(9n+5) .cubeLink_bg{background-color: #8fa5ad;}
.box_cubeNav .cubeNavigationBox .cubeLink_0:nth-child(9n+6) .cubeLink_bg{background-color: #ed6492;}
.box_cubeNav .cubeNavigationBox .cubeLink_0:nth-child(9n+7) .cubeLink_bg{background-color: #54d0e3;}
.box_cubeNav .cubeNavigationBox .cubeLink_0:nth-child(9n+8) .cubeLink_bg{background-color: #fcbd15;}
.box_cubeNav .cubeNavigationBox .cubeLink_0:nth-child(9n+9) .cubeLink_bg{background-color: #98ce5a;}
.box_cubeNav .cubeNavigationBox .cubeLink_0 .cubeLink_a .cubeLink_curtain{width: 100%;height: 100%;position: absolute;}
.box_cubeNav .cubeNavigationBox .cubeLink_0 .cubeLink_a .cubeLink_ico{width: 5rem;height: 5rem;top: 1rem;bottom: auto;left: 0;right: 0;margin: auto;background-position: center center;background-repeat: no-repeat;border-radius: 50%;position: absolute;background-size: 36px 36px;color: #fff;line-height: 5rem;font-size: 4rem;text-align: center;}
.box_cubeNav .cubeNavigationBox .cubeLink_0 .cubeLink_a .cubeLink_text{left: auto;right: auto;top: auto;bottom: .5rem;text-align: center;height: auto;position: absolute;display: block;table-layout: fixed;color: #333;font-size: 14px;width: 100%;}
.box_cubeNav .cubeNavigationBox .cubeLink_0 .cubeLink_a .cubeLink_text .cubeLink_text_p{white-space: nowrap;overflow: hidden;display: block;}
.box_cubeNav .cubeNavigationBox .cubeLink_0 .cubeLink_a .cubeLink_text .cubeLink_subText_p{white-space: nowrap;overflow: hidden;display: block;margin: 0;}
/*第1種*/
.box_cubeNav .cubeNavigationBox .cubeLink_1{width: 50%;height: 7rem;color: #fff;background: transparent;box-sizing: border-box;float: left;}
.box_cubeNav .cubeNavigationBox .cubeLink_1 .cubeLink_a{width: 100%;height: 100%;display: inline-block;position: relative;}
.box_cubeNav .cubeNavigationBox .cubeLink_1 .cubeLink_a .cubeLink_bg{position: absolute;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.box_cubeNav .cubeNavigationBox .cubeLink_1:nth-child(6n+1) .cubeLink_a .cubeLink_bg{background-color: #f9aa2f;}
.box_cubeNav .cubeNavigationBox .cubeLink_1:nth-child(6n+2) .cubeLink_a .cubeLink_bg{background-color: #514a4c;}
.box_cubeNav .cubeNavigationBox .cubeLink_1:nth-child(6n+3) .cubeLink_a .cubeLink_bg{background-color: #ce2302;}
.box_cubeNav .cubeNavigationBox .cubeLink_1:nth-child(6n+4) .cubeLink_a .cubeLink_bg{background-color: #014c76;}
.box_cubeNav .cubeNavigationBox .cubeLink_1:nth-child(6n+5) .cubeLink_a .cubeLink_bg{background-color: #3c5f6d;}
.box_cubeNav .cubeNavigationBox .cubeLink_1:nth-child(6n+6) .cubeLink_a .cubeLink_bg{background-color: #3dc4bd;}
.box_cubeNav .cubeNavigationBox .cubeLink_1 .cubeLink_a .cubeLink_curtain{width: 100%;height: 100%;position: absolute;}
.box_cubeNav .cubeNavigationBox .cubeLink_1 .cubeLink_a .cubeLink_ico{width: 3.5rem;height: 3.5rem;margin: auto;background-position: center center;background-repeat: no-repeat;position: absolute;background-size: 32px 32px;color: #fff;font-size: 4rem;text-align: center;left: 15%; top: 0;bottom: 0;}
.box_cubeNav .cubeNavigationBox .cubeLink_1 .cubeLink_a .cubeLink_text{height: 100%;table-layout: fixed;color: #fff;font-size: 14px;width: 100%;position: absolute;display: table;text-align: right;}
.box_cubeNav .cubeNavigationBox .cubeLink_1 .cubeLink_a .cubeLink_text .cubeLink_text_p{white-space: nowrap;overflow: hidden;display: block;padding-right: 10%;padding-left: 10%;display: table-cell;vertical-align: middle;}
.box_cubeNav .cubeNavigationBox .cubeLink_1 .cubeLink_a .cubeLink_text .cubeLink_subText_p{white-space: nowrap;overflow: hidden;display: block;margin: 0;}
/*第2種*/
.box_cubeNav .cubeNavigationBox .cubeLink_2{width: 25%;height: 8rem;color: #fff;background: transparent;box-sizing: border-box;float: left;}
.box_cubeNav .cubeNavigationBox .cubeLink_2 .cubeLink_a{width: 100%;height: 100%;display: inline-block;position: relative;}
.box_cubeNav .cubeNavigationBox .cubeLink_2 .cubeLink_a .cubeLink_bg{margin: auto;position: absolute;background-size: 40px 40px;width: 4.5rem;height: 4.5rem;left: 0;right: 0;top: 0.5rem;background-position: center center;background-repeat: no-repeat;border-radius: 50%;background-size: cover;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+1) .cubeLink_bg{background-color: #37a1db;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+2) .cubeLink_bg{background-color: #678be0;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+3) .cubeLink_bg{background-color: #8c66de;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+4) .cubeLink_bg{background-color: #83d017;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+5) .cubeLink_bg{background-color: #f2b513;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+6) .cubeLink_bg{background-color: #14c761;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+7) .cubeLink_bg{background-color: #fc5366;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+8) .cubeLink_bg{background-color: #3b6ddf;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+9) .cubeLink_bg{background-color: #688ce3;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+10) .cubeLink_bg{background-color: #36a1da;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+11) .cubeLink_bg{background-color: #83cf16;}
.box_cubeNav .cubeNavigationBox .cubeLink_2:nth-child(12n+12) .cubeLink_bg{background-color: #8d65e0;}
.box_cubeNav .cubeNavigationBox .cubeLink_2 .cubeLink_a .cubeLink_curtain{width: 100%;height: 100%;position: absolute;}
.box_cubeNav .cubeNavigationBox .cubeLink_2 .cubeLink_a .cubeLink_ico{width: 4.5rem;height: 4.5rem;top: 0.5rem;bottom: auto;left: 0;right: 0;margin: auto;background-position: center center;background-repeat: no-repeat;border-radius: 50%;position: absolute;background-size: 27px 27px;color: #fff;line-height: 4.5rem;font-size: 3.5rem;text-align: center;}
.box_cubeNav .cubeNavigationBox .cubeLink_2 .cubeLink_a .cubeLink_text{left: auto;right: auto;top: auto;bottom: .5rem;text-align: center;height: auto;position: absolute;display: block;table-layout: fixed;color: #333;font-size: 14px;width: 100%;}
.box_cubeNav .cubeNavigationBox .cubeLink_2 .cubeLink_a .cubeLink_text .cubeLink_text_p{white-space: nowrap;overflow: hidden;display: block;}
.box_cubeNav .cubeNavigationBox .cubeLink_2 .cubeLink_a .cubeLink_text .cubeLink_subText_p{white-space: nowrap;overflow: hidden;display: block;margin: 0;}
/*第3種*/
.box_cubeNav .cubeNavigationBox .cubeLink_3{height: 8rem;color: #fff;background: transparent;box-sizing: border-box;float: left;padding: 0 0 1.5% 1.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+1){width: 38.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+2){width: 30%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+3){width: 30%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+4){width: 49.25%;height: 9rem;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+5){width: 49.25%;height: 9rem;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+6){width: 38.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+7){width: 30%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+8){width: 30%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3 .cubeLink_a{width: 100%;height: 100%;display: inline-block;position: relative;}
.box_cubeNav .cubeNavigationBox .cubeLink_3 .cubeLink_a .cubeLink_bg{position: absolute;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+1) .cubeLink_a .cubeLink_bg{background-color: #f4b613;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+2) .cubeLink_a .cubeLink_bg{background-color: #ff8a4a;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+3) .cubeLink_a .cubeLink_bg{background-color: #fc5265;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+4) .cubeLink_a .cubeLink_bg{background-color: #84d018;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+5) .cubeLink_a .cubeLink_bg{background-color: #14c761;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+6) .cubeLink_a .cubeLink_bg{background-color: #36aae7;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+7) .cubeLink_a .cubeLink_bg{background-color: #688ce2;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+8) .cubeLink_a .cubeLink_bg{background-color: #8d67e0;}
.box_cubeNav .cubeNavigationBox .cubeLink_3 .cubeLink_a .cubeLink_curtain{width: 100%;height: 100%;position: absolute;}
.box_cubeNav .cubeNavigationBox .cubeLink_3 .cubeLink_a .cubeLink_ico{width: 3rem;height: 3rem;margin: auto;background-position: center center;background-repeat: no-repeat;position: absolute;background-size: 32px 32px;color: #fff;line-height: 3rem;font-size: 4rem;text-align: center; background-size: cover;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+1) .cubeLink_a .cubeLink_ico{bottom: 15%;right: 10%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+2) .cubeLink_a .cubeLink_ico{top: 15%;right: 0;left: 0;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+3) .cubeLink_a .cubeLink_ico{bottom: 15%;right: 0;left: 0;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+4) .cubeLink_a .cubeLink_ico{bottom: 15%;right: 10%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+5) .cubeLink_a .cubeLink_ico{bottom: 15%;right: 10%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+6) .cubeLink_a .cubeLink_ico{bottom: 15%;right: 10%}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+7) .cubeLink_a .cubeLink_ico{top: 15%;right: 0;left: 0;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+8) .cubeLink_a .cubeLink_ico{bottom: 15%;right: 0;left: 0;}
.box_cubeNav .cubeNavigationBox .cubeLink_3 .cubeLink_a .cubeLink_text{height: auto;position: absolute;display: block;table-layout: fixed;color: #fff;font-size: 14px;width: 100%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+1) .cubeLink_a .cubeLink_text{top: 15%;text-align: left;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+2) .cubeLink_a .cubeLink_text{bottom: 15%;text-align: center;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+3) .cubeLink_a .cubeLink_text{top: 15%;text-align: center;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+4) .cubeLink_a .cubeLink_text{top: 15%;text-align: left;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+5) .cubeLink_a .cubeLink_text{top: 15%;text-align: left;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+6) .cubeLink_a .cubeLink_text{top: 15%;text-align: left;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+7) .cubeLink_a .cubeLink_text{bottom: 15%;text-align: center;}
.box_cubeNav .cubeNavigationBox .cubeLink_3:nth-child(8n+8) .cubeLink_a .cubeLink_text{top: 15%;text-align: center;}
.box_cubeNav .cubeNavigationBox .cubeLink_3 .cubeLink_a .cubeLink_text .cubeLink_text_p{white-space: nowrap;overflow: hidden;display: block;padding-right: 5%;padding-left: 5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_3 .cubeLink_a .cubeLink_text .cubeLink_subText_p{white-space: nowrap;overflow: hidden;display: block;margin: 0;}
/*第4種*/
.box_cubeNav .cubeNavigationBox .cubeLink_4{width: 49.3%;height: 8rem;color: #fff;background: transparent;box-sizing: border-box;float: left;padding: 0 0 1.5% 1.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_4 .cubeLink_a{width: 100%;height: 100%;display: inline-block;position: relative;}
.box_cubeNav .cubeNavigationBox .cubeLink_4 .cubeLink_a .cubeLink_bg{position: absolute;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #f37e39;border-radius: 10px;}
.box_cubeNav .cubeNavigationBox .cubeLink_4 .cubeLink_a .cubeLink_curtain{width: 100%;height: 100%;position: absolute;}
.box_cubeNav .cubeNavigationBox .cubeLink_4 .cubeLink_a .cubeLink_ico{width: 3.5rem;height: 3.5rem;margin: auto;background-position: center center;background-repeat: no-repeat;position: absolute;background-size: 32px 32px;color: #fff;font-size: 4rem;text-align: center;right: 10%; top: 0;bottom: 0;}
.box_cubeNav .cubeNavigationBox .cubeLink_4 .cubeLink_a .cubeLink_text{height: 100%;table-layout: fixed;color: #fff;font-size: 14px;width: 100%;position: absolute;display: table;text-align: left;}
.box_cubeNav .cubeNavigationBox .cubeLink_4 .cubeLink_a .cubeLink_text .cubeLink_text_p{white-space: nowrap;overflow: hidden;display: block;padding-right: 10%;padding-left: 10%;display: table-cell;vertical-align: middle;}
.box_cubeNav .cubeNavigationBox .cubeLink_4 .cubeLink_a .cubeLink_text .cubeLink_subText_p{white-space: nowrap;overflow: hidden;display: block;margin: 0;}
/*第5種*/
.box_cubeNav .cubeNavigationBox .cubeLink_5{height: 7.5rem;color: #fff;background: transparent;box-sizing: border-box;float: left;padding: 0 0 1.5% 1.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+1){width: 59%;height: 13rem;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+2){width: 39.5%;height: 6.5rem;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+3){width: 39.5%;height: 6.5rem;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+4){width: 59%;clear: left;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+5){width: 39.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+6){width: 59%;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+7){width: 39.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_5 .cubeLink_a{width: 100%;height: 100%;display: inline-block;position: relative;}
.box_cubeNav .cubeNavigationBox .cubeLink_5 .cubeLink_a .cubeLink_bg{position: absolute;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+1) .cubeLink_a .cubeLink_bg{background-color: #6abf48;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+2) .cubeLink_a .cubeLink_bg{background-color: #47b8e0;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+3) .cubeLink_a .cubeLink_bg{background-color: #e19024;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+4) .cubeLink_a .cubeLink_bg{background-color: #14b4f0;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+5) .cubeLink_a .cubeLink_bg{background-color: #27bbd5;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+6) .cubeLink_a .cubeLink_bg{background-color: #ed9d24;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+7) .cubeLink_a .cubeLink_bg{background-color: #59ab3f;}
.box_cubeNav .cubeNavigationBox .cubeLink_5 .cubeLink_a .cubeLink_curtain{width: 100%;height: 100%;position: absolute;}
.box_cubeNav .cubeNavigationBox .cubeLink_5 .cubeLink_a .cubeLink_ico{width: 3.5rem;height: 3.5rem;margin: auto;background-position: center center;background-repeat: no-repeat;position: absolute;background-size: 32px 32px;color: #fff;font-size: 4rem;text-align: center;left: 0;right: 0;top: 6%;}
.box_cubeNav .cubeNavigationBox .cubeLink_5 .cubeLink_a .cubeLink_text{bottom: 5%;height: auto;position: absolute;display: block;table-layout: fixed;color: #fff;font-size: 14px;width: 100%;text-align: center;}
.box_cubeNav .cubeNavigationBox .cubeLink_5 .cubeLink_a .cubeLink_text .cubeLink_text_p{white-space: nowrap;overflow: hidden;display: block;padding-right: 5%;padding-left: 5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_5 .cubeLink_a .cubeLink_text .cubeLink_subText_p{white-space: nowrap;overflow: hidden;display: block;margin: 0;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+1) .cubeLink_ico{top: 25%;}
.box_cubeNav .cubeNavigationBox .cubeLink_5:nth-child(7n+1) .cubeLink_text{bottom: 27%;}
/*第6種*/
.box_cubeNav .cubeNavigationBox .cubeLink_6{width: 32.82%;height: 8.5rem;color: #fff;background: transparent;box-sizing: border-box;float: left;padding: 0 0 1.5% 1.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_6 .cubeLink_a{width: 100%;height: 100%;display: inline-block;position: relative;}
.box_cubeNav .cubeNavigationBox .cubeLink_6 .cubeLink_a .cubeLink_bg{position: absolute;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.box_cubeNav .cubeNavigationBox .cubeLink_6:nth-child(9n+1) .cubeLink_a .cubeLink_bg{background-color: #d87570;}
.box_cubeNav .cubeNavigationBox .cubeLink_6:nth-child(9n+2) .cubeLink_a .cubeLink_bg{background-color: #bbd1c4;}
.box_cubeNav .cubeNavigationBox .cubeLink_6:nth-child(9n+3) .cubeLink_a .cubeLink_bg{background-color: #febf02;}
.box_cubeNav .cubeNavigationBox .cubeLink_6:nth-child(9n+4) .cubeLink_a .cubeLink_bg{background-color: #bc4040;}
.box_cubeNav .cubeNavigationBox .cubeLink_6:nth-child(9n+5) .cubeLink_a .cubeLink_bg{background-color: #6f9c97;}
.box_cubeNav .cubeNavigationBox .cubeLink_6:nth-child(9n+6) .cubeLink_a .cubeLink_bg{background-color: #ff8b00;}
.box_cubeNav .cubeNavigationBox .cubeLink_6:nth-child(9n+7) .cubeLink_a .cubeLink_bg{background-color: #d87570;}
.box_cubeNav .cubeNavigationBox .cubeLink_6:nth-child(9n+8) .cubeLink_a .cubeLink_bg{background-color: #bbd1c4;}
.box_cubeNav .cubeNavigationBox .cubeLink_6:nth-child(9n+9) .cubeLink_a .cubeLink_bg{background-color: #febf02;}
.box_cubeNav .cubeNavigationBox .cubeLink_6 .cubeLink_a .cubeLink_curtain{width: 100%;height: 100%;position: absolute;}
.box_cubeNav .cubeNavigationBox .cubeLink_6 .cubeLink_a .cubeLink_ico{width: 3.5rem;height: 3.5rem;margin: auto;background-position: center center;background-repeat: no-repeat;position: absolute;background-size: 32px 32px;color: #fff;font-size: 4rem;text-align: center;left: 0; right: 0;top: 15%;}
.box_cubeNav .cubeNavigationBox .cubeLink_6 .cubeLink_a .cubeLink_text{bottom: 20%;height: auto;position: absolute;display: block;table-layout: fixed;color: #fff;font-size: 14px;width: 100%;text-align: center;}
.box_cubeNav .cubeNavigationBox .cubeLink_6 .cubeLink_a .cubeLink_text .cubeLink_text_p{white-space: nowrap;overflow: hidden;display: block;padding-right: 10%;padding-left: 10%; padding-top: 5px;}
.box_cubeNav .cubeNavigationBox .cubeLink_6 .cubeLink_a .cubeLink_text .cubeLink_subText_p{white-space: nowrap;overflow: hidden;display: block;margin: 0;}
/*第7種*/
.box_cubeNav .cubeNavigationBox .cubeLink_7{height: 7rem;color: #fff;background: transparent;box-sizing: border-box;float: left;padding: 0 0 1.5% 1.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+1){width: 50%;height: 14rem;clear: left;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+2){width: 25%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+3){width: 25%;padding-right: 1.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+4){width: 25%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+5){width: 25%;padding-right: 1.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+6){width: 50%;clear: left;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+7){width: 50%;padding-right: 1.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+8){width: 50%;height: 14rem;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+9){width: 25%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+10){width: 25%;padding-right: 1.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+11){width: 25%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+12){width: 25%;padding-right: 1.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7 .cubeLink_a{width: 100%;height: 100%;display: inline-block;position: relative;}
.box_cubeNav .cubeNavigationBox .cubeLink_7 .cubeLink_a .cubeLink_bg{position: absolute;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #0180e1;}
.box_cubeNav .cubeNavigationBox .cubeLink_7 .cubeLink_a .cubeLink_curtain{width: 100%;height: 100%;position: absolute;}
.box_cubeNav .cubeNavigationBox .cubeLink_7 .cubeLink_a .cubeLink_ico{width: 3.5rem;height: 3.5rem;margin: auto;background-position: center center;background-repeat: no-repeat;position: absolute;background-size: 32px 32px;color: #fff;font-size: 4rem;text-align: center;left: 0; right: 0;top: 10%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+1) .cubeLink_a .cubeLink_ico{top: 25%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+8) .cubeLink_a .cubeLink_ico{top: 25%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7 .cubeLink_a .cubeLink_text{bottom: 10%;height: auto;position: absolute;display: block;table-layout: fixed;color: #fff;font-size: 14px;width: 100%;text-align: center;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+1) .cubeLink_a .cubeLink_text{bottom: 27%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7:nth-child(12n+8) .cubeLink_a .cubeLink_text{bottom: 27%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7 .cubeLink_a .cubeLink_text .cubeLink_text_p{white-space: nowrap;overflow: hidden;display: block;padding-right: 5%;padding-left: 5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_7 .cubeLink_a .cubeLink_text .cubeLink_subText_p{white-space: nowrap;overflow: hidden;display: block;margin: 0;}
/*第8種*/
.box_cubeNav .cubeNavigationBox .cubeLink_8{width: 49.3%;height: 8rem;color: #fff;background: transparent;box-sizing: border-box;float: left;padding: 0 0 1.5% 1.5%;}
.box_cubeNav .cubeNavigationBox .cubeLink_8 .cubeLink_a{width: 100%;height: 100%;display: inline-block;position: relative;}
.box_cubeNav .cubeNavigationBox .cubeLink_8 .cubeLink_a .cubeLink_bg{position: absolute;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.box_cubeNav .cubeNavigationBox .cubeLink_8:nth-child(6n+1) .cubeLink_bg{background-color: #148cfc;}
.box_cubeNav .cubeNavigationBox .cubeLink_8:nth-child(6n+2) .cubeLink_bg{background-color: #99b802;}
.box_cubeNav .cubeNavigationBox .cubeLink_8:nth-child(6n+3) .cubeLink_bg{background-color: #00aea5;}
.box_cubeNav .cubeNavigationBox .cubeLink_8:nth-child(6n+4) .cubeLink_bg{background-color: #fe8705;}
.box_cubeNav .cubeNavigationBox .cubeLink_8:nth-child(6n+5) .cubeLink_bg{background-color: #5a35b8;}
.box_cubeNav .cubeNavigationBox .cubeLink_8:nth-child(6n+6) .cubeLink_bg{background-color: #ea0001;}
.box_cubeNav .cubeNavigationBox .cubeLink_8 .cubeLink_a .cubeLink_curtain{width: 100%;height: 100%;position: absolute;}
.box_cubeNav .cubeNavigationBox .cubeLink_8 .cubeLink_a .cubeLink_ico{width: 4rem;height: 4rem;margin: auto;background-position: center center;background-repeat: no-repeat;position: absolute;background-size: 32px 32px;color: #fff;font-size: 4.5rem;text-align: center;left: 10%;top: 10%;}
.box_cubeNav .cubeNavigationBox .cubeLink_8 .cubeLink_a .cubeLink_text{bottom: 10%;height: auto;position: absolute;display: block;table-layout: fixed;color: #fff;font-size: 16px;width: 100%;text-align: right;}
.box_cubeNav .cubeNavigationBox .cubeLink_8 .cubeLink_a .cubeLink_text .cubeLink_text_p{white-space: nowrap;overflow: hidden;display: block;padding-right: 10%;padding-left: 10%;}
.box_cubeNav .cubeNavigationBox .cubeLink_8 .cubeLink_a .cubeLink_text .cubeLink_subText_p{white-space: nowrap;overflow: hidden;display: block;margin: 0;}
/*box_fileDownload*/
.box_fileDownload .clear{clear:both;}
.box_fileDownload .fileItemBox{padding: 5px 10px;}
/*展示類型一*/
.box_fileDownload .fileItemBox>ul{padding: 0; margin: 10px 0; list-style: none;}
.box_fileDownload .fileItemBox>ul>li{clear: both; margin-bottom: 10px; border-bottom: 1px solid #ddd}
.box_fileDownload .fileItemBox>ul>li .dow_img{width: 45px; height: 45px; float: left; margin-right: 10px; margin-bottom: 10px; box-sizing: border-box;}
.box_fileDownload .fileItemBox>ul>li i{font-size: 45px;float: left; margin-right: 10px; margin-bottom: 10px;}
.box_fileDownload .fileItemBox .contect{overflow: hidden;}
.box_fileDownload .fileItemBox>ul>li .title{display: block; color: #111111; font-weight: bold;height:45px; line-height: 45px; font-size: 16px; font-family: "微軟雅黑"; text-decoration: none; margin-bottom:10px; margin-top: 10px;}
.box_fileDownload .fileItemBox>ul>li .contect .title:hover{text-decoration: underline;}
.box_fileDownload .fileItemBox>ul>li .contect .brief{display: block; margin-bottom: 10px; font-size: 12px; color: #818182; font-family: "微軟雅黑";}
.box_fileDownload .fileItemBox>ul>li .contect .issinfo{font-size: 12px; line-height: 26px; color: #bbbbbb; font-family: "微軟雅黑"; float: left;}
.box_fileDownload .fileItemBox>ul>li>.contect>.issinfo>span{padding-right: 16px;}
.box_fileDownload .fileItemBox>ul>li .download{width: 90px; height: 26px; line-height: 26px; display: table;float: right; border-width: 1px;border-color: transparent; font-size: 12px; font-family: "微軟雅黑"; background-color: #5877b7; margin-bottom:14px; text-align:center;}
.box_fileDownload .fileItemBox>ul>li>.contect>hr{clear: both; border-top-width: 0; border-bottom: #dddddd solid 1px;}
/*展示類型二*/
.box_fileDownload .fileDownload_title{height:45px; line-height:45px; border-bottom:1px solid #cccccc; color:#009fe9; font-size:16px;}
.box_fileDownload .fileList .fileList_line{height: 40px; line-height: normal; padding: 0; word-wrap: break-word; word-break: keep-all; overflow: hidden;}
.box_fileDownload .fileList .mainBodyContainer{height: 100%; margin: 0; padding: 0; width: 100%; table-layout: fixed;}
.box_fileDownload .fileList .fileList_line .mainBodyContainer .fileName{width: 60%;}
.box_fileDownload .fileNameWrap{padding-left: 5px; padding-right: 5px; word-wrap: break-word; word-break: break-all; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box_fileDownload .fileList .fileList_line .mainBodyContainer .fileSizeStyle{width: 30%; padding-left: 5px; text-align: right; word-wrap: break-word; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.box_fileDownload .fileList .fileList_line .mainBodyContainer .fileOperate{width: 14%; padding-left: 5px;}
.box_fileDownload .fileList a{font-size: 14px; font-weight: normal; color: #666666; text-decoration: none; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box_fileDownload .fileList .mainBodyContainer:hover, .fileList .mainBodyContainer:hover a{color: #009fe9;}
/*下載按钮顔色設置成白色*/
.box_fileDownload .fileList a.download{color: #fff;}
/* box_listPhoto */
.box_listPhoto ul{margin-top: 0;margin-bottom: 0;}
.box_listPhoto .listPhotoBox{overflow: hidden;border-spacing: 0;table-layout: fixed; width: 100%;}
.box_listPhoto .listPhotoBox a{font-size: 1.4rem;}
.box_listPhoto .listPhotoContainer{list-style: none;}
.box_listPhoto .listPhotoBox ul li:nth-child(2n+1){clear: both;}
.box_listPhoto .marqueeContainer ul .photoListDiv:nth-child(even) {margin: 0 0px 12px 5px;
    box-sizing: border-box;
    width: calc(50% - 5px);
    backface-visibility: hidden;
    vertical-align: top;
    float: right;}
.box_listPhoto .marqueeContainer ul .photoListDiv:nth-child(odd) {margin: 0 5px 12px 0px;box-sizing: border-box;width: calc(50% - 5px); backface-visibility: hidden;vertical-align: top;float: left;}
.box_listPhoto .photoListDiv{float: left;margin:0 5px 1rem 5px; box-sizing: border-box; width: calc(50% - 5px);; backface-visibility: hidden;display: inline-block;vertical-align: top;}
.box_listPhoto .photoListDiv > a{display: block;}
.box_listPhoto .listImageMiddle{display: inline-block; height: 100%; vertical-align: middle;}
.box_listPhoto .listPhotoClass{text-align: center;overflow: hidden; display: table-cell; vertical-align: middle; width: 720px; max-width: 100%; border: 1px solid #f6f6f6;}
.box_listPhoto .listPhotoDes{line-height: 2.4rem;margin: 0 auto;max-width: 26rem;overflow: hidden;text-align: center;text-overflow: ellipsis;word-break: break-all;}
.box_listPhoto .imgName{display:inline-block;vertical-align: middle;border: 0;max-width: 100%;max-height: 100%;}
/*展示二*/
.box_listPhoto .listPhotoContainer1{list-style: none;}
.box_listPhoto .photoListDiv1{background: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;float: left;line-height: 1.8rem;/*margin-left: 1rem;*/overflow: hidden;width: 12rem !important;}
.box_listPhoto .listPhotoDes1{max-width: 26rem;overflow: hidden;padding: 0.5rem;text-align: center;text-overflow: ellipsis;word-break: break-all;}
.box_listPhoto .photoSlideList{overflow: hidden;}
.box_listPhoto .weui-photo-browser-modal{z-index: 100;position: absolute;}
.box_listPhoto .photo-container img{margin: auto;margin-top: auto !important;}
/* 展示三 */
.box_listPhoto .lpbtn{float:left;width:100%;}
.box_listPhoto .lpbtn div{border:1px solid #ccc;border-radius:5px;padding:8px 16px;display:inline-block;cursor:pointer;margin:0 auto;left:50%;transform:translateX(-50%);position:relative;}
.box_listPhoto .lpscroll_left{margin:0 5px 12px 0px;box-sizing:border-box;width:calc(50% - 5px);backface-visibility:hidden;vertical-align:top;float:left;clear:none !important;}
.box_listPhoto .lpscroll_right{margin:0 0px 12px 5px;box-sizing:border-box;width:calc(50% - 5px);backface-visibility:hidden;vertical-align:top;float:right;clear:none !important;}
.box_listPhoto .picList_waterflow .listPhotoDes{line-height:28px;max-width:none !important;}
.box_listPhoto .picList_waterflow .listPhotoClass{display:block;box-sizing: border-box;}
/*box_navigation*/
#design_main .box_navigation .skin_model_view{padding:0!important;}
.box_navigation .view{overflow: inherit;}
.box_navigation .navigationList{font-size: 14px; color:#555;}
.box_navigation .navigationList .sec{border-bottom:1px solid #f2f2f2;}
.box_navigation .navigationList a{position:relative;display: block;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 3.8; padding-left: 15px;}
.box_navigation .navigationList a span{display: inline-block;vertical-align:middle;line-height: 3rem;font-size: 2rem;margin-right:0.5rem;position: absolute;right:10px;top: 50%; margin-top:-1.5rem;}
.box_navigation .navigationList a span:before{content:'\e90d';}
.box_navigation .navigationList a.navOpen span:before{content:'\e656';}
.box_navigation .navigationList, .navigationList ul{padding: 0; margin: 0;}
.box_navigation .navigationList.nav_horizontal > li{float: left; position: relative; margin: 0 10px;}
.box_navigation .navigationList.nav_horizontal ul{left: 0; position: absolute; display: none; width: 100%;}
.box_navigation .navigationList.nav_horizontal ul li{position: relative;}
.box_navigation .navigationList.nav_horizontal ul ul{left: 100%; top: 0; display: none; width:100%;}
.box_navigation .navigationList.nav_horizontal a span{display: none;}
.box_onlineForm .onlineFromContainer{padding: 10px 0;}
.box_onlineForm .onlineFormTips{text-align: center; width: 90%; height: auto; line-height: 30px; margin: 5px auto; display: block; background-color: #fef5d8; color: #eb6a40;}
.box_onlineForm .onlineFormTitle{text-align: center; font-size: 14px; font-weight: 600; word-wrap: break-word; padding-bottom: 5px; line-height: 16px; padding-left: 15px; padding-right: 15px;}
.box_onlineForm .formDesc{text-align: center; padding-bottom:5px;}
.box_onlineForm .onlineFormBlock{height:15px;}
.box_onlineForm .onlineFormContent{width: 100%; min-height: 25px; table-layout: fixed; display: table;}
.box_onlineForm .formItem{display: table-row; height: 46px;}
.box_onlineForm .formItemName{padding-right: 5px; font-size: 14px;}
.box_onlineForm .formItem .g_formText[type="text"],.box_onlineForm .formItem .g_formText[type="number"]{height: 32px; width: 100%; line-height: 20px; font-size: 12px; font-family: 微軟雅黑; text-indent: 5px; padding: 0;}
.box_onlineForm .g_formTextarea,.box_onlineForm .regional-siteDetail{font-size: 12px; width: 100%; height: 50px; padding: 0;}
.box_onlineForm .g_pull_left{float: left;}
.box_onlineForm .formItem .g_formText,.box_onlineForm .formItem .g_formTextarea,.box_onlineForm .regional-siteDetail{border: 1px solid #dadada; background-color: #f7f7f7; -webkit-appearance: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;}
.box_onlineForm .formItem select{height: 32px; margin: auto; font-size: 12px; font-weight: normal; width: 100%; border-radius: 4px; border: 1px solid #dadada;}
.box_onlineForm .g_formSelect{color: #666;}
.box_onlineForm .formItemCheckBox{width: 92%; display: inline-block; margin-right: 0; padding-left: 1px; http://www.gdjr.com;overflow: hidden; cursor: pointer;}
.box_onlineForm .formCheckItem{float: left;/* line-height: 26px; */ /* margin-right: 18px; */ color: #666; cursor: pointer;}

.box_onlineForm .formCheckItem input[type='radio']{
	display: none !important;
}
.box_onlineForm .formCheckItem .iyong-radio1 + label {
    cursor: pointer;
    font-weight: normal;
    /* margin-left: 6px; */
}
.box_onlineForm .formCheckItem .iyong-radio1 + label i {
    margin-right: 6px;
    position: relative;
    background-color: #fafafa;
    border: 1px solid #666;
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    box-sizing: border-box;
}
.box_onlineForm .formCheckItem .iyong-radio1:checked + label i:after {
    content: ' ';
    border: 4px solid #666;
    border-radius: 7px;
    position: absolute;
    top: 2px;
    /* background: #666; */
    left: 2px;
    font-size: 32px;
}

.box_onlineForm .onlineFormContent input[type="radio"],.box_onlineForm .onlineFormContent input[type="checkbox"]{vertical-align: -2px;}
.box_onlineForm .formItem label{margin-left: 3px;}
.box_onlineForm .formTextTip{padding-bottom: 10px; line-height: 20px; color: #666; font-size: 12px; text-align: left; word-wrap: break-word;}
.box_onlineForm .formSign{line-height: 38px; width: 10px; float: right; color: red;}
.box_onlineForm .formItemValue, .box_onlineForm .regional-siteDetail{width: 92%; float: left;}
.box_onlineForm .formItemValue_video{padding-bottom:20px;}
.box_onlineForm .regional-siteDetail{margin:5px 0; box-sizing:border-box;}
.box_onlineForm .form_uploadBtn{-webkit-appearance: none; float: left; vertical-align: middle; display: inline-block; margin: 0; outline: 0; cursor: pointer; text-align: center; text-decoration: none; font-size: 12px; border-radius: 4px; padding: 0 5px!important; margin-left: 26px; height: 30px; line-height: 28px; border: 1px solid #dadada; background-color: #f7f7f7; color: #8c8c8c; box-sizing: border-box; width: 90px;}
.box_onlineForm .uploadPos{position: relative;}
.box_onlineForm .file-tips-word{word-break:break-all; color: #666;}
.box_onlineForm .formItemValue .verify_text{display: table-cell; vertical-align: middle;}
.box_onlineForm .formItemValue .verify_img{display: table-cell; vertical-align: middle; width: 30%; padding-left: 10px; padding-top: 2px; height:30px;}
.box_onlineForm .formItemValue .change_verify{line-height: 35px; background-image: url(../image/changeVerify.png); background-repeat: no-repeat; background-position:50% 40%; width: 8%; height: 32px; background-size: 18px auto; cursor: pointer; text-align: right; padding-top: 8px;}
.box_onlineForm .onlineFormBtn{line-height: 35px; text-align: center; width: 90%; margin: 10px auto;}
.box_onlineForm .formBtn{background: #ff692b; /*background-image: url(../../images/buttonStyle.png); background-repeat: no-repeat;*/ cursor: pointer; border: 0; color: #fff; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; text-align: center; margin: 10px auto; padding: 0; width: 100%; display: block; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; outline: 0;}
.box_onlineForm .formItem [data-type='1']{background-position: 0 0;}
.box_onlineForm .formItem [data-type='2']{background-position: 0 -70px;}
.box_onlineForm .formItem [data-type='3']{background-position: 0 -140px;}
.box_onlineForm .formItem [data-type='4']{background-position: 0 -210px;}
.box_onlineForm .formItem [data-type='5']{background-position: 0 -280px;}
.box_onlineForm .formItem [data-type='6']{background-position: 0 -348px;}
.box_onlineForm .formItem [data-type='7']{background-position: 0 -418px;}
.box_onlineForm .formItem [data-type='8']{background-position: 0 -488px;}
.box_onlineForm .formItem [data-type='9']{background-position: 0 -558px;}
.box_onlineForm .formItem [data-type='10']{background-position: 0 -628px;}
.box_onlineForm .formItem [data-type='11']{background-position: 0 -698px;}
.box_onlineForm .formItem [data-type='12']{background-position: 0 -768px;}
.box_onlineForm .form_level .formItemNameBox{float:left; width: 30%;}
.box_onlineForm .form_level .formItemNameBox_video{padding: 20px 0 8px 0;}
.box_onlineForm .form_level .formItemValueBox{float:left; width: 70%;}
.box_onlineForm .form_level .formItemName{text-align: right;}
.box_onlineForm .form_vertical .formItemNameBox{float:left; width: 100%;}
.box_onlineForm .form_vertical .formItemNameBox_video{padding: 20px 0 8px 0;}
.box_onlineForm .form_vertical .formItemValueBox{float:left; width: 100%; margin-bottom:6px;}
.box_onlineForm .form_vertical .formItemName{text-align: left; margin-bottom: 6px;}
.box_onlineForm .form_vertical .onlineForm-upload,.box_onlineForm .webuploader-pick{float: left; position: relative; display: inline-block; cursor: pointer; background: #00b7ee; width: 90px; height: 30px; line-height: 30px; color: #fff; text-align: center; border-radius: 4px; overflow: hidden;}
.box_onlineForm .form_vertical .onlineForm-upload{display: block; margin-bottom: 10px;}
.box_onlineForm .formResult .showFormBox .formContent_box table,.box_onlineForm .formResult .showFormBox.formPagination{padding: 0 10px;}
.box_onlineForm .showFormBox{margin-bottom: 0; font-size: 14px; line-height: 24px;}
.box_onlineForm .formTitle{height: 40px; font-size: 16px; font-weight: 500; color:#666; line-height: 40px; text-align: center;}
.box_onlineForm .formContent_box{padding-top: 20px; padding-bottom: 20px; text-align: center;}
.box_onlineForm .formContent_box table{border-collapse: collapse; background: #f6f6f6;}
.box_onlineForm .formContent_box .formUserTitle tr{height:60px; border-bottom:1px solid #f7f7f7;}
.box_onlineForm .formBgImg{background-image: url(../image/onlineFormArrow.png); background-position: 50% 50%; background-repeat: no-repeat; width: 20px; height: 20px; display: block; float: right; margin-right: 16px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.box_onlineForm .formRotate .formBgImg{-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.box_onlineForm .formContent_box .formOne tr{height: 45px;}
.box_onlineForm .formContent_box .formOne tr td{padding-top: 5px; padding-bottom: 5px; border-bottom:1px solid #f7f7f7;}
.box_onlineForm .showTable{display: none;}
.box_onlineForm .formResult .formResContent{background: #f7f7f7; padding: 5px 10px;}
.box_onlineForm .formResult .formResContent .res-box{margin-bottom: 10px; width: 100%; height: 60px; overflow: hidden;}
.box_onlineForm .formResult .formResContent .res-box table{width: 100%; background: #ffffff;}
.box_onlineForm .formResult .res-tab-title{width: 80%; text-align: left;}
.box_onlineForm .formResult .res-tab-title span{padding-left: 30px;}
.box_onlineForm .formResult .formResContent .res-box .formLabel{width:30%; text-align: center; padding-left: 5px; padding-right: 5px; border-right: 1px solid #f7f7f7;}
.box_onlineForm .formResult .formResContent .res-box .formVal{text-align: left; padding:0 16px; /*color: #8c8c8c;*/}
.box_onlineForm .itemDescText{color:#adadad;padding-top: 1px;padding-bottom: 8px;}
.box_onlineForm .clear{clear:both;}
.noFormMain{text-align: center;margin: 10px 0;opacity: 0.8;}
/* .noFormMain .noFormIcon>img{width:36px;height:36px;} */
.noFormMain .noFormTextTitle{font-size: 14px; margin:5px 0;}
.noFormMain .noFormTextDetail{font-size:12px;color:#8f8f8f;}
.weui-picker-calendar{height:273px;}
/*box_onlineVideo*/
.box_onlineVideo >.view{overflow: hidden;}
.box_onlineVideo .videoBox{min-height: 20.5rem;}
.box_onlineVideo .videoBox video{height:100%;width:100%;min-height: 16.5rem;background: #000;object-fit:fill; display: block;}
.box_onlineVideo .videoBox .mobiVideoOnlineIframe{width: 100%;height: 100%;min-height: 16.5rem;}
/*box_picture*/
.box_picture .PicBox{}
.box_picture .PicBox a{display: block;width: 100%;height: auto;}
.box_picture .PicBox a img{max-width: 100%;width: 100%;border: 0;vertical-align: top;}
/* box_productNav */
#design_main .box_productNav .skin_model_view{padding:0!important;}
.box_productNav .view{overflow: inherit;}
.box_productNav .productList{font-size: 14px; color:#555;}
.box_productNav .productList .sec{border-bottom:1px solid #f2f2f2;}
.box_productNav .productList a{position:relative;display: block;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 3.8; padding-left: 15px;}
.box_productNav .productList a span{display: inline-block;vertical-align:middle;line-height: 3rem;font-size: 2rem;margin-right:0.5rem;position: absolute;right:10px;top: 50%; margin-top:-1.5rem;}
.box_productNav .productList a span:before{content:'\e90d';}
.box_productNav .productList a.navOpen span:before{content:'\e656';}
.box_productNav .productList li ul li a span:before{content:'\e656';}
.box_productNav .productList li ul{background: #f7f7f7}
.box_productNav .productList li ul li{border-bottom:1px solid #f2f2f2;}
.box_productNav .productList li ul li a{padding-left:25px;}
.box_productNav .productList li ul li ul{background: #f6f6f6}
.box_productNav .productList li ul li ul li{border-bottom:1px solid #f2f2f2;}
.box_productNav .productList li ul li ul li a{padding-left:35px;}
.box_productNav .productList li ul li ul li a span{display: none;}
#webProductType{position:absolute; width:100%; z-index: 999; border-radius:0; background:#fff; overflow-x:hidden; overflow-y:auto; right: -100%; top:0; bottom:0; transition:all 350ms; visibility: hidden;}
#webProductType.open{right: 0; visibility: visible;}
#webProductType .pIconImg{display: none;}
#webProductType.open .pIconImg{display: block;}
.pIconImg{top: 0px; height:4rem; z-index: 99; width: 100%; max-width: 720px; margin: 0 auto; background: #ccc;}
.pIconImg span{position: absolute; display: inline-block; width: 2.5rem; height: 2.5rem; font-size:2.5rem; text-align: center; line-height: 2.5rem; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; background: rgba(255,255,255,0.7);}
.pIconImg a span{left: 1rem; top: .8rem;}
#webProductType > .webProductType_c{position: relative; display: block; z-index:9;}
.second{display: none;}
.webProductType_c .second{display: block;}
.second li{border-bottom:1px solid #f2f2f2;}
.second li a{position:relative;display: block;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 3.8; padding-left: 15px; font-size:13px}
.second li a span{display: inline-block;vertical-align:middle;line-height: 3rem;font-size: 2rem;margin-right:0.5rem;position: absolute;right:10px;top: 50%; margin-top:-1.5rem;}
.second li a span:before{content:'\e90d';}
.second li ul li a{position:relative;display: block;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 3.8; padding-left: 30px;font-size:12px}
.second li ul{display: none;}
.second li.open ul{display: block;}
.second li.open a span:before{content:'\e656';}
img.lazy{width: 100%; display: block; height: 100px; background: #eee;}
img.hasLazy{height: auto; width: auto;}
.no_comment img{max-width: 50%!important; margin: 20px auto; display: block;}
/*box_products*/
.box_products .list_pro ul a{display: block;}
.box_products .list_pro ul a .img div{display: table-cell;vertical-align: middle;width:720px;max-width:100%;text-align: center;border: 1px solid #f6f6f6;}
.box_products .list_pro ul a .img div img{max-width: 100%; margin: 0 auto;display:block;}
.box_products .list_pro ul a .name,
.box_products .list_pro ul a .text{display: block;overflow: hidden;font-size: 13px;text-overflow: ellipsis;white-space: nowrap;line-height: 1.5;}
.box_products .list_pro ul a .name{font-size: 1.5rem;padding:8px 0 3px;}
.box_products .list_pro ul a .name0{text-overflow: ellipsis;white-space: nowrap;}
.box_products .list_pro ul a .name1{white-space:normal;}
.box_products .list_pro ul a .palign{text-align: center;;}
.box_products .list_pro ul a p{margin: 0;}
/* .box_products .productsStyle1 ul{float: left;width: calc(50% - 5px);margin:12px 0 0 10px;}
.box_products .productsStyle1 ul:nth-child(-n+2){margin-top: 0;}
.box_products .productsStyle1 ul:nth-child(2n+1){clear: both;margin-left: 0;} */
/* .box_products .productsStyle2 ul{border-bottom: 1px solid #DDD;padding-bottom: 12px;margin-bottom: 12px;}
.box_products .productsStyle2 ul:last-child{margin-bottom: 0;}
.box_products .productsStyle2 ul a .img{float: left;width: 82px;margin:4px 0;}
.box_products .list_pro.productsStyle2 ul a .info{float: right;width: calc(100% - 94px);}
.box_products .productsStyle2 ul a .name{padding-top: 0;} */
.box_products .productsStyle3{margin:0 10px;}
.box_products .productsStyle4{width: 100%;font-size: 0;white-space: nowrap;}
.box_products .productsStyle4 ul{width: 50%;float: left;}
.box_products .productsStyle4 ul a{margin: 0 5px; border: 1px solid #DDD;border-radius: 3px;}
.box_products .productsStyle4 ul a .info{margin:0 10px 8px;}
/* .box_products .productsStyle5 ul{margin-top: 15px;}
.box_products .productsStyle5 ul:nth-child(1){margin-top: 0;}
.box_products .productsStyle5 ul a .img div{border: 0;}
.box_products .productsStyle5 ul a .name{text-align: center;}
.box_products .swiper-pagination{bottom:8px; width:100%;height:15px;} */
.box_products .swiper-pagination span{margin:0 3px;}
.box_products .swiper-slide a{display: block;}
.box_products .swiper-slide a span{display: table-cell;vertical-align: middle;width:720px;max-width:100%;text-align: center;font-size: 0;}
.box_products .swiper-slide p{margin:0 auto; padding:6px 0; overflow:hidden;}
.box_products .swiper-slide p.name{font-size: 15px; display:block;}
.box_products .swiper-slide p.name0{text-overflow: ellipsis;white-space: nowrap;}
.box_products .swiper-slide p.name1{white-space:normal;}
.box_products .swiper-slide p.palign{text-align: center;}
.box_products .swiper-slide img{max-width:100%;max-height:100%;}
/*電商展示*/
.box_products .skin_model_view{padding:0}
.box_products .mob_pagination .prev_pic{left:10px;}
.box_products .mob_pagination .next_pic{right:10px;}
.box_products .list_pro.new_list_pro ul a .img div{border:none;height:110px;background-size:contain;background-position: center; background-repeat: no-repeat;box-sizing: border-box;}
.box_products .list_pro.new_list_pro ul a .name{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; padding:0px;margin:0px;/*line-height:100%;*/word-wrap:break-word;}
.box_products .list_pro.new_list_pro ul a .name1{display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.box_products .list_pro.new_list_pro ul a .name b{font-size:normal;}
.box_products .list_pro.new_list_pro ul p{margin-top:9px; overflow:hidden;}
.box_products .list_pro.new_list_pro ul p.proProperty span,
.box_products .list_pro.new_list_pro ul p.proLabel span,
.box_products .list_pro.new_list_pro ul p.proPrice span{float:left; display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; /*font-size: 1.2rem*/}
.box_products .list_pro.new_list_pro ul p{clear:both;}
.box_products .list_pro.new_list_pro ul p.proProperty{height:1.5rem; overflow: hidden;}
.box_products .list_pro.new_list_pro ul p.proProperty span{width:auto;line-height:1.5rem;margin-left:12px;}
.box_products .list_pro.new_list_pro ul p.proProperty span:first-child{margin-left:0;;}
.box_products .list_pro.new_list_pro ul p.proLabel{height:1.8rem; overflow: hidden;}
.box_products .list_pro.new_list_pro ul p.proLabel span{color:#b2b2b2;width:auto; border-radius:1.9rem; line-height:1.9rem;margin-left:12px; padding:0 12px;background:#f0f0f0; text-align:center}
.box_products .list_pro.new_list_pro ul p.proLabel span:first-child{margin-left:0px;}
.box_products .list_pro.new_list_pro ul p.proPrice{position:absolute;bottom:5px;display:flex; height: 2.3rem; overflow: hidden;}
.box_products .list_pro.new_list_pro ul p.proPrice span.salePrice{font-size:1.8rem;}
.box_products .list_pro.new_list_pro ul p.proPrice span.marketPrice{font-size:1.2rem;line-height: 30px;}
.box_products .list_pro.new_list_pro ul p.proPrice span.salePrice + span.marketPrice{padding-left:5px;}
.box_products .list_pro.new_list_pro ul p.proPrice span.marketPrice + span.comment,.box_products .list_pro.productsStyle2 ul p.proPrice span.salePrice + span.comment{padding-left:10px;}
.box_products .list_pro.new_list_pro .productcart{display:block;border-radius: 100%;width:30px;height:30px; text-align:center; line-height:30px; font-size: 22px;border:1px solid red}
.box_products .list_pro.new_list_pro.productsStyle2 ul{height:140px;margin-top:25px;}
.box_products .list_pro.new_list_pro.productsStyle2 .img{float:left;width:140px;height:110px;margin-top:15px; padding-left: 15px;}
.box_products .list_pro.new_list_pro.productsStyle2 .info{border-bottom:1px solid #f7f7f8; overflow:hidden;padding-right:20px;float:right; width:calc(100% - 200px);height:140px; position: relative;}
body.edit .box_products .list_pro.new_list_pro.productsStyle2 .info{width:calc(100% - 165px);}
.box_products .list_pro.new_list_pro.productsStyle2 ul p.proPrice span.comment{font-size: 1.2rem;line-height:30px;}
.box_products .list_pro.new_list_pro.productsStyle2 ul p:empty{display: none;}
.box_products .list_pro.new_list_pro.productsStyle2 .productcart{position: absolute;right:15px;bottom:8px;}
.box_products .list_pro.new_list_pro.productsStyle1 ul{float:left;height:auto;margin:0;width:50%;padding:20px;border-right:1px solid #f7f7f8;border-bottom:1px solid #f7f7f8; box-sizing:border-box}
.box_products .list_pro.new_list_pro.productsStyle1 ul:nth-child(2n){border-right:none;}
.box_products .list_pro.new_list_pro.productsStyle1 ul:nth-child(1),
.box_products .list_pro.new_list_pro.productsStyle1 ul:nth-child(2){border-top:1px solid #f7f7f8;}
.box_products .list_pro.new_list_pro.productsStyle1 ul .img{width:100%;height:120px;margin-bottom:20px;overflow: hidden;}
.box_products .list_pro.new_list_pro.productsStyle1 ul .img div{height:120px; overflow: hidden;}
.box_products .list_pro.new_list_pro.productsStyle1 .info,
.box_products .list_pro.new_list_pro.productsStyle5 .info{width:100%; margin:0px; position: relative;}
.box_products .list_pro.new_list_pro.productsStyle1 ul p,
.box_products .list_pro.new_list_pro.productsStyle5 ul p{margin-top:0px;margin-bottom: 15px;}
.box_products .list_pro.new_list_pro.productsStyle1 ul p.proPrice{position:static;display:block;}
.box_products .list_pro.new_list_pro.productsStyle1 ul p.proPrice span.comment{display:block; float:none;clear: both;padding-left:0px!important;}
.box_products .list_pro.new_list_pro.productsStyle1 ul a .name1{-webkit-line-clamp: 3;line-clamp: 3; height:4.8rem;}
.box_products .list_pro.new_list_pro.productsStyle1 .productcart{margin-top: 20px;}
.box_products .list_pro.new_list_pro.productsStyle5 ul{border-bottom:1px solid #f7f7f8; padding:20px;}
.box_products .list_pro.new_list_pro.productsStyle5 ul .img{width:100%;margin-bottom:20px;}
.box_products .list_pro.new_list_pro.productsStyle5 ul a .name{height: auto;word-wrap: normal;display:block}
.box_products .list_pro.new_list_pro.productsStyle5 ul p.proPrice{position: relative; height: 2rem; overflow:hidden;display: block;}
.box_products .list_pro.new_list_pro.productsStyle5 ul p.proPrice span.comment{display:block; float:right; line-height: 2.3rem;}
.box_products .list_pro.new_list_pro.productsStyle5 ul a .brand{display:block;margin-top: 5px;font-size: 1.5rem;}
.box_products .pro_dafault_data{float:left; width:44%; margin-left:6%; margin-bottom:20px;}
.box_products .pro_dafault_data:nth-child(2n-1){margin-left:3%}
.box_products .pro_dafault_data img{display: block; width:auto; max-width:100%; margin-bottom:10px;}
.box_products .pro_dafault_data b{display:block; font-size:1.6rem; margin-bottom:5px;}
.box_products .pro_dafault_data p{margin:0px;}
.page_feed{margin:20px auto; text-align: center; overflow:hidden;}
.page_feed a{cursor: pointer; border:1px solid #ccc; border-radius: 5px; padding:8px 16px; display:inline-block; cursor:pointer;}
.box_products .list_pro.new_list_pro .isVideo >div,
.box_products .list_pro.new_list_pro .isVideo >span{position: relative;}
/* .box_products .list_pro.new_list_pro .isVideo.videoCover_0 >div,
.box_products .list_pro.new_list_pro .isVideo.videoCover_0 >span, */
.box_products .list_pro.new_list_pro .isVideo.videoCover_1.noneVideo >div,
.box_products .list_pro.new_list_pro .isVideo.videoCover_1.noneVideo >span{background: #000!important;}
/* .box_products .list_pro.new_list_pro .isVideo.videoCover_0 >span, */
.box_products .list_pro.new_list_pro .isVideo.videoCover_1.noneVideo >span{height: 200px;}
/* .box_products .list_pro.new_list_pro .isVideo.videoCover_0 >div img,
.box_products .list_pro.new_list_pro .isVideo.videoCover_0 >span img, */
.box_products .list_pro.new_list_pro .isVideo.videoCover_1.noneVideo >div img,
.box_products .list_pro.new_list_pro .isVideo.videoCover_1.noneVideo >span img{display: none!important;}
.box_products .list_pro.new_list_pro .isVideo >div::before,
.box_products .list_pro.new_list_pro .isVideo >span::before{box-sizing: border-box;content: '';width:50px;height:50px; border:3px solid #fff;border-radius: 100%;position: absolute;left: 50%;top:50%; margin: -25px 0 0 -25px;}
.box_products .list_pro.new_list_pro .isVideo >div::after,
.box_products .list_pro.new_list_pro .isVideo >span::after{content: '';position: absolute;left: 50%;top:50%; margin: -12px 0 0 -3px;width: 0;height: 0;border-bottom: 12px solid transparent;border-top: 12px solid transparent;border-left: 12px solid #fff;}
.box_products .list_pro.new_list_pro .isVideo.noneVideo >div::after,
.box_products .list_pro.new_list_pro .isVideo.noneVideo >span::after{content: '';position: absolute;left: 50%;top:50%; margin:-25px 0 0 -2px;;height: 48px;width:5px;border:none;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.proHideMember{display:none}
.proIcon{position:fixed;right:8px;bottom:83px;z-index:101}
.proIcon span{font-size:1.4rem;display:block;text-align:center;color:#fff!important;margin-bottom:15px}
.proIcon span i{font-size:4rem;display:block}
.proIcon span#collect i.on{color:#45a2ff}
@keyframes scaleDraw { 
    0%{
        transform: scale(1);  
    }
    50%{
        transform: scale(.1);
    }
    100%{
        transform: scale(1);
    } 
}
.proIcon span#collect i.onshow{
    animation: scaleDraw 0.5s ease-in-out infinite;
}
/* .proIcon span i.product{width:50px;height:50px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/iyong/pro.svg);background-size: 32px;} */
#videoPlayBox .proClose,
#videoPlayBox.isAndroid .control-close{position:absolute;right:0;top:0;z-index:101;font-size:40px;color:#fff;}
.videoPlayBox{transition:all .5s ease-in;max-width:720px;margin:0 auto;overflow:hidden;box-sizing:border-box;background-color:#000;position:fixed;bottom:0;left:0;right:0;top:0;height:100%;width:100%;z-index:99}
.proVideo{border-radius:3px;transition:all .5s ease-in;width:240px;height:86px;overflow:hidden;background:#fff;padding:8px;box-sizing:border-box;position:absolute;bottom:100px;left:-150%;z-index:99}
.proVideo.on{left:10px}
.proVideo>i{position:absolute;right:1px;top:2px;font-size:20px;z-index:99999}
.proVideo>img{width:70px;height:70px;float:left}
.proVideo>.proVideo_content{float:left;width:calc(100% - 88px);margin-left:10px;height:80px;position:relative}
.proVideo .proVideo_name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.6rem;line-height:22px}
.proVideo .proVideo_desc{height:25px;padding-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem}
.proVideo_desc span{display:inline-block;border-radius:5px;color:#fff;padding:2px 5px;margin-right:5px;font-size:1.2rem}
.proVideo .proVideo_price>font,.proVideo .proVideo_price>s{display:inline}
.proVideo_price>span{display:inline;font-size:1.4rem}
.proVideo_buy{position:absolute;right:-8px;bottom:10px;color:#fff;border-radius:5px;background:#ccc;padding:2px 8px;font-size:1.3rem}
.page_box{width:100%;height:100%;position:relative;overflow:hidden;z-index:3}
.page{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;z-index:10;background-repeat:no-repeat;background-position:center;}
.page.hide{display:none}
#videoPlayBox.isAndroid .videoPlayer{ display: none;z-index: 999;}
#videoPlayBox.isAndroid .videoPlayer::before{ content: "";width:100%;height: 100%; background: black; position: absolute;left: 0;top:0;z-index: -1;}
#videoPlayBox .videoPlayer{z-index:11;margin:auto 0;background:#000;width:100%;height:100%;display:flex;position:absolute}
#videoPlayBox .videoPlayer .pageVideo{margin:auto 0;width:100%}
.videoPlayBox .page.inTop{-webkit-animation:ShowTop .5s ease-out both;animation:ShowTop .5s ease-out both}
.videoPlayBox .page.outTop{-webkit-animation:HideTop .5s ease-out both;animation:HideTop .5s ease-out both}
.videoPlayBox .page.inDown{-webkit-animation:ShowDown .5s ease-out both;animation:ShowDown .5s ease-out both}
.videoPlayBox .page.outDown{-webkit-animation:HideDown .5s ease-out both;animation:HideDown .5s ease-out both}
@-webkit-keyframes ShowTop{0%{-webkit-transform:translateY(100%)}
100%{-webkit-transform:translateY(0)}
}
@keyframes ShowTop{0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@-webkit-keyframes HideTop{0%{-webkit-transform:translateY(0)}
100%{-webkit-transform:translateY(-100%)}
}
@keyframes HideTop{0%{transform:translateY(0)}
100%{transform:translateY(-100%)}
}
@-webkit-keyframes ShowDown{0%{-webkit-transform:translateY(-100%)}
100%{-webkit-transform:translateY(0)}
}
@keyframes ShowDown{0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@-webkit-keyframes HideDown{0%{-webkit-transform:translateY(0)}
100%{-webkit-transform:translateY(100%)}
}
@keyframes HideDown{0%{transform:translateY(0)}
100%{transform:translateY(100%)}
}
#videoPlayBox .videoPlayer.inTop{-webkit-animation:ShowTop1 .5s ease-out both;animation:ShowTop1 .5s ease-out both}
#videoPlayBox .videoPlayer.outTop{-webkit-animation:HideTop1 .5s ease-out both;animation:HideTop1 .5s ease-out both}
#videoPlayBox .videoPlayer.inDown{-webkit-animation:ShowDown1 .5s ease-out both;animation:ShowDown1 .5s ease-out both}
#videoPlayBox .videoPlayer.outDown{-webkit-animation:HideDown1 .5s ease-out both;animation:HideDown1 .5s ease-out both}
@-webkit-keyframes ShowTop1{0%{-webkit-transform:translateY(100%)}
100%{-webkit-transform:translateY(0)}
}
@keyframes ShowTop1{0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}
@-webkit-keyframes HideTop1{0%{-webkit-transform:translateY(0)}
100%{-webkit-transform:translateY(-150%)}
}
@keyframes HideTop1{0%{transform:translateY(0)}
100%{transform:translateY(-150%)}
}
@-webkit-keyframes ShowDown1{0%{-webkit-transform:translateY(-100%)}
100%{-webkit-transform:translateY(0)}
}
@keyframes ShowDown1{0%{transform:translateY(-100%)}
100%{transform:translateY(0)}
}
@-webkit-keyframes HideDown1{0%{-webkit-transform:translateY(0)}
100%{-webkit-transform:translateY(100%)}
}
@keyframes HideDown1{0%{transform:translateY(0)}
100%{transform:translateY(100%)}
}
.loadEffect{width:60px;height:60px;position:absolute;left:50%;top:50%;margin:0 auto;margin-top:-30px;margin-left:-30px;z-index:99}
.loadEffect span{display:inline-block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);position:absolute;-webkit-animation:load 1.04s ease infinite}
@-webkit-keyframes load{0%{opacity:1}
100%{opacity:.2}
}
.loadEffect span:nth-child(1){left:0;top:50%;margin-top:-5px;-webkit-animation-delay:.13s}
.loadEffect span:nth-child(2){left:8px;top:8px;-webkit-animation-delay:.26s}
.loadEffect span:nth-child(3){left:50%;top:0;margin-left:-5px;-webkit-animation-delay:.39s}
.loadEffect span:nth-child(4){top:8px;right:8px;-webkit-animation-delay:.52s}
.loadEffect span:nth-child(5){right:0;top:50%;margin-top:-5px;-webkit-animation-delay:.65s}
.loadEffect span:nth-child(6){right:8px;bottom:8px;-webkit-animation-delay:.78s}
.loadEffect span:nth-child(7){bottom:0;left:50%;margin-left:-5px;-webkit-animation-delay:.91s}
.loadEffect span:nth-child(8){bottom:8px;left:8px;-webkit-animation-delay:1.04s}
.videoPlayBox .arrow{z-index:10;width:120px;text-align:center;color:#ccc;text-align:center;margin-left:-60px;position:absolute;left:50%;bottom:10px;-webkit-animation:arrow 1.2s .5s ease-in-out infinite;animation:arrow 1.2s .5s ease-in-out infinite}
.videoPlayBox .arrow span{font-size:50px;font-weight:700;display:block}
@-webkit-keyframes arrow{0%{-webkit-transform:translateY(0);opacity:1}
100%{-webkit-transform:translateY(-50%);opacity:0}
}
@keyframes arrow{0%{transform:translateY(0);opacity:1}
100%{transform:translateY(-50%);opacity:0}
}
#videoPlayBox .videoPlayBlock{z-index:9}
#videoPlayBox video{z-index:1}
#videoPlayBox .video-control{position:absolute;width:100%;height:30px;background:rgba(0,0,0,.2);z-index:99999999999;left:0;right:0;bottom:0}
#videoPlayBox .control-btn{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.001);cursor:pointer;z-index:98}
#videoPlayBox .control-btn.pausebtn::after,
#videoPlayBox.isAndroid .page::after{content:'';position:absolute;left:50%;top:50%;margin:-26px 0 0 -12px;background-size:50px;width:50px;height:50px;background-repeat:no-repeat;background-position:center;background-image:url(../image/play.svg);opacity:.6}
#videoPlayBox .control-btn::after{background:0 0}
#videoPlayBox .progress-box{width:calc(100% - 20px);height:30px;margin:0 auto;position:absolute;bottom:0;width:100%}
#videoPlayBox .progress-box-body{width:100%;height:100%;line-height:30px;opacity:.3}
#videoPlayBox .current-time,.duration-time{width:60px;text-align:center;color:#fff;opacity:.5}
#videoPlayBox .current-time{position:relative;z-index:5}
#videoPlayBox .duration-time{position:relative;z-index:5}
#videoPlayBox .durationbar-box{width:calc(100% - 120px)}
#videoPlayBox .durationbar{width:100%;height:6px;margin-top:13px;background:rgba(256,256,256,.2);-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;position:relative}
#videoPlayBox .bufferbar,.currentbar{position:absolute;left:0;top:0;height:100%;width:0;background:rgba(0,0,0,.5);-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;z-index:5;cursor:pointer}
#videoPlayBox .currentbar{background:#fff;z-index:10}
#videoPlayBox .drawbar{position:absolute;background:#fff;width:12px;height:12px;left:0;top:-3px;z-index:10;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;cursor:pointer}
#videoPlayBox .fontzero{display:table;word-spacing:-1em}
#videoPlayBox .pull-left{float:left}
#videoPlayBox .pull-right{float:right}
#videoPlayBox video:-webkit-full-screen{z-index:9!important;width:100%!important;height:100%!important}
#videoPlayBox video::-webkit-media-controls{display:none!important}
.proHubPage{font-size:1.4rem;z-index:999;max-width:720px;margin:0 auto;width:100%;background:#fff;position:absolute;height:100%;top:0;bottom:0;left:100%}
.proHubPage .proHubPage_detail{overflow:hidden;max-width:100%}
.proHubPage .proHubPage_detail img,.proHubPage .proHubPage_detail table{max-width:100%!important}
.proHubPage_title{height:50px;position:absolute;top:0;width:100%;background:#fff;z-index:1000}
.proHubPage_title span{position:absolute;left:7px;top:10px;font-size:3rem;opacity:.6;z-index:999}
.proHubPage_title ul{overflow:hidden;position:relative;width:calc(100% - 100px);margin:0 auto}
.proHubPage_title ul li{width:33.33%;float:left;text-align:center}
.proHubPage_title ul li a{display:inline-block;line-height:30px;padding-top:8px;border-bottom:2px solid transparent;font-size:1.6rem}
.proHubPage_content{position:absolute;top:50px;bottom:50px;width:100%;overflow:hidden;overflow-y:auto;background:#fff;-webkit-overflow-scrolling:touch}
.proHubPage_img.swiper-container_list{position:relative;margin-bottom:20px;padding-bottom:100%;height:0;overflow:hidden}
.proHubPage_img img{width:100%}
.proHubPage_img .swiper-pagination{bottom:15px}
.proHubPage_img li a{display:block;background-size:contain;background-position:center;background-repeat:no-repeat;padding-bottom:100%}
.proHubPage_price>font,.proHubPage_price>s{font-size:1.2rem;display:inline}
.proHubPage_price>font:first-child{font-size:1.8rem}
.proHubPage_price>b{display:inline;font-size:3rem;padding-right:5px;font-weight: normal;}
.proHubPage_price>s{font-size:1.8rem}
.proHubPage_name{margin:10px 0;font-size:2.2rem;color:#000}
.proHubPage_name span{display:inline-block;border-radius:5px;padding:2px 5px;margin-right:5px;color:#fff;font-size:1.2rem}
.proHubPage_dese,.proHubPage_name,.proHubPage_price,.proHubPage_tab_content{padding:0 20px;box-sizing:border-box;clear:both}
.proHubPage_dese{overflow:hidden}
.proHubPage_dese span{display:inline-block;overflow:hidden;white-space:nowrap;float:left}
.proHubPage_tab_title{background:#f7f7f7;height:40px;line-height:40px;padding:0 20px;font-size:1.6rem;clear:both;margin:20px 0;color:#000}
.proHubPage_skuList{overflow:hidden;clear:both}
.proHubPage_skuList li{clear:both;overflow:hidden;position:relative;padding-left:70px;margin-bottom:20px}
.proHubPage_skuList li p{overflow:hidden;text-align:left;margin:0;font-size:1.6rem;height:100%;width:70px;position:absolute;left:0;top:2px}
.proHubPage_skuList li span{display:block;float:left;width:auto;padding:5px 20px;border:1px solid #e2e2e2!important;border-radius:2px;margin-right:15px;margin-bottom:15px;position:relative;z-index:99;overflow:hidden;cursor:pointer;font-size:1.4rem}
.proHubPage_skuList li span b{display:none;position:absolute;bottom:0;right:0;width:0;height:0;border-top:20px solid transparent!important;border-right:0 solid transparent!important;border-left:20px solid transparent!important;border-bottom-style:solid;border-bottom-width:20px;border-color:#c00}
.proHubPage_skuList li span.on b{display:block}
.proHubPage_skuList li span.on:after{font-size:12px;content:"\2713";color:#fff;position:absolute;bottom:-4px;right:0;width:20px;height:20px;text-align:right;z-index:98}
.proHubPage_params{font-size:1.2rem}
.proHubPage_params li{width:45%;float:right;margin-bottom:15px}
.proHubPage_params li:nth-child(2n-1){float:left;clear:both}
.proHubPage_params li span{display:inline-block;padding-right:5px}
.proHubPage_bottom{border-top:1px solid transparent;border-bottom:1px solid transparent;overflow:hidden;height:48px;position:absolute;bottom:0;width:100%;background:#fff;z-index:1000}
.proHubPage_bottom span{width:50%;float:left;text-align:center;line-height:48px;color:#fff;cursor:pointer}
.pub_nofound{text-align:center;opacity:.8;margin:20px auto}
.pub_nofound span{background:url(../image/pub_nofound.png) no-repeat center top;height:244px;display:block;margin:0 auto 20px}
.proHubPage_title ul li a:hover{color:inherit}
.pub_noData{text-align:center;opacity:.8;margin:20px auto}
.pub_noData span{background:url(../image/box.svg) no-repeat center top;height:50px;display:block;margin:0 auto 10px}
.box_disProducts .descShow{min-height:100px}
.box_disProducts .descShow .hd{overflow:hidden;background:#efefef}
.box_disProducts .descShow .hd li{position:relative;font-size:1.4rem;height:3rem;cursor:pointer;line-height:3rem;text-align:center;width:33.3333%;float:left}
.box_disProducts .descShow .hd ul{display:flex;margin:0}
.box_disProducts .descShow .hd li{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.box_disProducts .descShow .hd li.on{color:#fff}
.box_disProducts .descShow .bd{border-top:0;padding:10px;line-height:2}
.box_disProducts .descShow .bd>.lh{display:none;line-height:2;font-size:1.4rem}
.box_disProducts .descShow .bd .lh_parameter li{font-size:1.4rem;cursor:pointer;line-height:3rem;border-bottom:1px solid #ddd}
.box_disProducts .descShow .bd .lh_parameter li span{font-size:1.4rem;cursor:pointer;line-height:3rem}
.box_disProducts .display_name{line-height:2rem;font-size:1.6rem;overflow:hidden;margin:0 20px 10px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.box_disProducts .display_bigImg{position:relative}
.box_disProducts .display_bigImg+.display_name{margin-top:20px}
.box_disProducts .display_bigImg img{width:100%}
.box_disProducts .lh img{max-width:100%}
.box_disProducts .display_bigImg>.swiper-container_list{position:relative;padding-bottom:100%;height:0;overflow:hidden}
.box_disProducts .display_bigImg .swiper-slide{margin:auto!important}
.box_disProducts .display_bigImg li a{display:block;background-size:contain;background-position:center;background-repeat:no-repeat;padding-bottom:100%}
.box_disProducts .display_bigImg li a img{display:none}
/* 修改li a 以及 li a img 的樣式  By: Yu Jianting 2020-11-12 */
.box_disProducts .display_bigImg li p{background-size:contain;background-position:center;background-repeat:no-repeat;padding-bottom:100%}
.box_disProducts .display_bigImg li p img{display:none}
/*************************************************************/
.box_disProducts a.edui-upload-video{background:#000}
.box_disProducts #product_button{clear:both;overflow:hidden;padding:0 10px}
.box_disProducts #product_button a{float:left;line-height:4rem;color:#bbb}
.box_disProducts #product_button a span{font-size:4rem;float:left}
.box_disProducts #product_button a:last-child{float:right}
.box_disProducts #product_button a span#go_back{transform:rotate(180deg)}
.inquiry_box{position:fixed;right:0;left:0;top:100%;bottom:0;z-index:999;background:#fff;transition:all .2s ease-in;margin:0 auto;max-width:720px}
.inquiry_box.on{top:0}
.inquiry_box .inquiry_content{position:absolute;max-width:720px;width:100%;top:0;bottom:0;margin:0 auto;background:#fff;z-index:999;overflow:hidden}
.inquiry_box .inquiry_close{position:absolute;right:6px;top:8px;font-size:30px;opacity:.5;cursor:pointer}
.inquiry_box .inquiry_form{overflow:auto;margin:40px 0 0;box-sizing:content-box;height:calc(100% - 40px)}
/*box_productSearch*/
.box_productSearch .moduleContent{width: 100%;}/* padding: 0.84rem; */
.box_productSearch .skin_model_view{box-sizing:border-box;min-height: 3.8rem !important;}
.box_productSearch .moduleContent .search{width: 100%;height: 2.917rem;}
.box_productSearch .moduleContent .search .searchBox{cursor: pointer;width: 100%;height: 100%;}
.box_productSearch .moduleContent .search .searchBox .searchInput{width: 100%;height: 100%;border: solid 1px #bfbfbf;border-radius: 0.3rem;position: relative;background: #fff;line-height: 3rem;padding-left: 0.835rem;color: #919191;box-sizing: border-box; font-size: 14px;}
.box_productSearch .moduleContent .search .searchBox .searchInput1{border-radius: 1.4rem;}
.box_productSearch .moduleContent .search .searchBox .searchInput2{/*background: #bfbfbf;*/color: #fff;}
.box_productSearch .moduleContent .search .searchBox .searchInput .searchIcon{width: 2.5rem;height: 100%;position: absolute;right: 0.5rem;line-height: 2.9rem;text-align: center;/*color: #bfbfbf;*/font-size: 3.1rem;}
.box_productSearch .moduleContent .search .searchBox .searchInput .searchIcon1{width: 2.5rem;height: 100%;position: absolute;left: 0;line-height: 2.95rem;text-align: center;color: #bfbfbf;font-size: 3rem;}
.box_productSearch .moduleContent .search .searchBox .searchInput .searchIcon2{color: #fff;/*background: #bfbfbf;*/width: 4.167rem;height: 100%;border-radius: 1.4rem;right: 0;}
.box_productSearch .moduleContent .search .searchBox .searchInput .searchText{width: 4.17rem;height: 100%;line-height: 2.9rem;/*background-color: rgb(170, 170, 170)*/;position: absolute;right: 0;color: #fff;text-align: center;font-size: 1.5rem;}
.box_productSearch .moduleContent .search .searchBox .searchInput .searchText1{width: 3.34rem;height: 100%;line-height: 3rem;/*background-color: rgb(170, 170, 170)*/;position: absolute;right: 0;color: #fff;text-align: center;font-size: 1.7rem;border-color: rgb(170, 170, 170);}
.box_productSearch .moduleContent .search .searchBox .searchInput .leftIcon{position: absolute;top: 0.75rem;right: 3.35rem;width: 0;height: 0;border-right: solid 0.8rem;/*border-right-color: rgb(170, 170, 170)*/;border-top: solid 0.7rem transparent;border-bottom: solid 0.7rem transparent;}
/*------------下面是彈出層的樣式--------------*/
.searchWindow{position: absolute;overflow-y: auto;top: 0;background-color: #fff;width: 100%;margin: 0 auto;height: 100%;z-index: 999;animation: searchWindowAnimate .25s both}
/*----彈出層動畫----*/
@keyframes searchWindowAnimate{0%{opacity: 0; top: 3rem;}100%{opacity: 1; top: 0;}}
.searchWindow .searchInputBar{position: relative;padding: 0.85rem 0;width: 100%;height: 4.584rem;border-bottom: 1px solid #ddd;box-sizing:border-box}
.searchWindow .searchInputBar .backIcon{position: absolute;width: 2.5rem;height: 2.917rem;text-align: center;display: inline-block;cursor: pointer;color: #a9aaac;font-size: 3.5rem;}
.searchWindow .searchInputBar .placeholderColor ::-webkit-input-placeholder{color: #fff;}
.searchWindow .hotTopicWrap span{display: inline-block;color: #999;border: solid 1px #ddd;padding: .3rem .5rem;margin: 0.6rem .7rem 0 0;border-radius: 0.2rem;cursor: pointer;min-width: 3.5rem;max-width: 5.6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.searchWindow .historyTopicWrap span{display: inline-block;color: #999;border: solid 1px #ddd;padding: .3rem .5rem;margin: 0.6rem .7rem 0 0;border-radius: 0.2rem;cursor: pointer;min-width: 3.5rem;max-width: 5.6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.searchWindow .historyTopicWrap div{color: #666;width: 21rem;height: 2.67;line-height: 2.3rem;background-color: #f2f2f2;margin: 1rem auto;text-align: center;font-size: .65rem;padding: .35rem 0;border-radius: 0.2rem;cursor: pointer;}
.searchWindow .searchInputBar form{width:100%;height:100%;}
.searchStyle_0{width:calc(100% - 50px);height:100%;border:solid 1px #bfbfbf;border-radius:0.15rem;position:relative;margin-left:3rem;}
.searchStyle_0 .submitBtn{color: #666;width:2.5rem;height:100%;position:absolute;right: 0;line-height:2.8rem;font-size: 3rem;cursor:pointer;}
.searchStyle_0 input{width:calc(100% - 30px);height:100%;border:none;outline:0;text-indent:10px;}
.searchStyle_1{width:calc(100% - 50px);height:100%;border:solid 1px #bfbfbf;border-radius:0.15rem;position:relative;margin-left:3rem;}
.searchStyle_1 .sear_1{color:#bfbfbf;width:2.5rem;height:100%;position:absolute;left: 0;line-height:2.8rem;font-size: 3rem;}
.searchStyle_1 input{width:calc(100% - 30px);height:100%;border:none;outline:0;text-indent:2.6rem;}
.searchStyle_1 .submitBtn{background-color:#aaa ;width:3.5rem;line-height:2.75rem;font-size:1.5rem;height:100%;position:absolute;right:0;top:0;text-align:center;color:#fff;cursor:pointer;}
.searchStyle_2{width:calc(100% - 50px);height:100%;border:solid 1px #bfbfbf;border-radius:0.15rem;position:relative;margin-left:3rem;}
.searchStyle_2 .sear_2{color:#bfbfbf;width:30px;height:100%;position:absolute;left: 0;line-height:2.8rem;font-size: 3rem;}
.searchStyle_2 input{width:calc(100% - 30px);height:100%;border:none;outline:0;text-indent:2.6rem;}
.searchStyle_2 .sear_2_div{border-right-color:#aaa !important;position: absolute;top: 0.705rem;right: 3.37rem;width: 0;height: 0;border-right: solid 0.8rem;border-top: solid 0.7rem transparent;border-bottom: solid 0.7rem transparent;}
.searchStyle_2 .submitBtn{background-color:#aaa ;width:3.34rem;line-height:2.91rem;font-size:1.7rem;height:100%;position:absolute;right:0;top:0;text-align:center;color:#fff;cursor:pointer;}
.searchStyle_3{width:calc(100% - 50px);height:100%;border:solid 1px #bfbfbf;border-radius:1.25rem;position:relative;margin-left:3rem;}
.searchStyle_3 .submitBtn{color: #666;width:2.5rem;height:100%;position:absolute;right: 0.5rem;line-height:2.75rem;font-size: 3rem;cursor:pointer;}
.searchStyle_3 input{width:calc(100% - 30px);height:100%;border:none;outline:0;text-indent:1rem;border-radius:1.5rem;}
.searchStyle_4{width:calc(100% - 50px);height:100%;border:solid 1px #bfbfbf;border-radius:1.25rem;position:relative;margin-left:3rem;}
.searchStyle_4 .submitBtn{color: #fff;width:4.6rem;height:100%;position:absolute;right: 0;line-height:2.8rem;text-align:center;font-size: 3rem;cursor:pointer;background:#aaa;border-radius:1.25rem;}
.searchStyle_4 input{width:calc(100% - 30px);height:100%;border:none;outline:0;text-indent:1rem;border-radius:1.5rem;}
.searchStyle_5{width:calc(100% - 50px);height:100%;border:solid 1px #bfbfbf;border-radius:1.5rem;position:relative;margin-left:3rem;background:#aaa;}
.searchStyle_5 .submitBtn{color: #fff;width:4.6rem;height:100%;position:absolute;right: 0;line-height:2.8rem;text-align:center;font-size: 30px;cursor:pointer;background:#aaa;border-radius:1.5rem;}
.searchStyle_5 input{width:calc(100% - 30px);height:100%;border:none;outline:0;text-indent:1rem;border-radius:1.5rem;color:#fff;background:#aaa;}
/*box_rollingNotice*/
.box_rollingNotice .styleBox .iconBox{width: 20px;height: 20px;float: left;margin-top: 10px;font-size: 20px;}
.box_rollingNotice .styleBox .screemBox{width: 100%;height: 3.338rem;padding: 0;overflow: hidden;}
.box_rollingNotice .styleBox .hiddenBox{width: auto;height: 100%;position: relative;left: 1.9rem;overflow: hidden;}
.box_rollingNotice .styleBox .marqueeBox{width: 100%;height: 100%;overflow: hidden;}
.box_rollingNotice .styleBox .marqueeBox ul{width: 100%;margin: 0;}
.box_rollingNotice .styleBox .marqueeBox ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;height: 3.375rem;line-height: 3.375rem;text-indent: 1rem;}
.box_rollingNotice .styleBox .marqueeBox_v{width: 100%;height: 100%;overflow: hidden;}
.box_rollingNotice .styleBox .marqueeBox_v ul{margin: 0;height: 100%;}
.box_rollingNotice .styleBox .marqueeBox_v ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: auto;height: 3.375rem;line-height: 3.375rem;text-indent: 1rem;float: left;}
.box_rollingNotice .styleBox marquee{width: 100%;height: 100%;}
.box_rollingNotice .styleBox marquee span, .box_rollingNotice .styleBox marquee a{display: inline-block;height: 100%;width: auto;text-align: center;line-height: 3.375rem;text-indent: 1rem;}
.box_searchContent .list_pro ul a{display: block;}
.box_searchContent .list_pro ul a .img div{display: table-cell;vertical-align: middle;width:720px;max-width:100%;text-align: center;border: 1px solid #f6f6f6;}
.box_searchContent .list_pro ul a .img div img{max-width: 100%;/*max-height:100%;*/}
.box_searchContent .list_pro ul a .name,
.box_searchContent .list_pro ul a .text{display: block;overflow: hidden;font-size: 13px;text-overflow: ellipsis;white-space: nowrap;line-height: 1.5;}
.box_searchContent .list_pro ul a .name{font-size: 15px;padding:8px 0 3px;}
.box_searchContent .list_pro ul a .name0{text-overflow: ellipsis;white-space: nowrap;}
.box_searchContent .list_pro ul a .name1{white-space:normal;}
.box_searchContent .list_pro ul a .palign{text-align: center;;}
.box_searchContent .list_pro ul a p{margin: 0;}
/* .box_searchContent .productsStyle1 ul{float: left;width: calc(50% - 5px);margin:12px 0 0 10px;}
.box_searchContent .productsStyle1 ul:nth-child(-n+2){margin-top: 0;}
.box_searchContent .productsStyle1 ul:nth-child(2n+1){clear: both;margin-left: 0;}
.box_searchContent .productsStyle2 ul{border-bottom: 1px solid #DDD;padding-bottom: 12px;margin-bottom: 12px;}
.box_searchContent .productsStyle2 ul:last-child{margin-bottom: 0;}
.box_searchContent .productsStyle2 ul a .img{float: left;width: 82px;margin:4px 0;}
.box_searchContent .list_pro.productsStyle2 ul a .info{float: right;width: calc(100% - 94px);}
.box_searchContent .productsStyle2 ul a .name{padding-top: 0;} */
.box_searchContent .productsStyle3{margin:0 10px;}
.box_searchContent .productsStyle4{width: 100%; font-size: 0;white-space: nowrap;}
.box_searchContent .productsStyle4 ul{width: 50%;float: left;}
.box_searchContent .productsStyle4 ul a{margin: 0 5px; border: 1px solid #DDD;border-radius: 3px;}
.box_searchContent .productsStyle4 ul:first-child{margin-left: 0;}
.box_searchContent .productsStyle4 ul a .info{margin:0 10px 8px;}
/* .box_searchContent .productsStyle5 ul{margin-top: 15px;}
.box_searchContent .productsStyle5 ul:nth-child(1){margin-top: 0;}
.box_searchContent .productsStyle5 ul a .img div{border: 0;}
.box_searchContent .productsStyle5 ul a .name{text-align: center;} */
.swiper-pagination{bottom:5px; width:100%;height:15px;}
.swiper-pagination span{margin:0 3px;}
.box_searchContent .swiper-slide a{display: block;}
.box_searchContent .swiper-slide a span{display: table-cell;vertical-align: middle;width:720px;max-width:100%;text-align: center;}
.box_searchContent .swiper-slide img{max-width:100%;max-height:100%;}
/*電商展示 搜索*/
.box_searchContent .skin_model_view{padding:0}
.box_searchContent .mob_pagination .prev_pic{left:10px;}
.box_searchContent .mob_pagination .next_pic{right:10px;}
.box_searchContent .list_pro.new_list_pro ul a .img div{border:none;height:110px;background-size: cover;background-position: center}
.box_searchContent .list_pro.new_list_pro ul a .name{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; padding:0px;margin:0px;line-height:1.6rem;word-wrap:break-word;}
.box_searchContent .list_pro.new_list_pro ul a .name1{display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.box_searchContent .list_pro.new_list_pro ul a .name b{font-size:normal;}
.box_searchContent .list_pro.new_list_pro ul p{margin-top:9px; overflow:hidden;}
.box_searchContent .list_pro.new_list_pro ul p.proProperty span,
.box_searchContent .list_pro.new_list_pro ul p.proLabel span,
.box_searchContent .list_pro.new_list_pro ul p.proPrice span{float:left; display:block;color:#b2b2b2;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 1.2rem}
.box_searchContent .list_pro.new_list_pro ul p{clear:both;}
.box_searchContent .list_pro.new_list_pro ul p.proProperty{height:1.2rem; overflow: hidden;}
.box_searchContent .list_pro.new_list_pro ul p.proProperty span{width:auto;line-height:1.2rem;margin-left:12px;}
.box_searchContent .list_pro.new_list_pro ul p.proProperty span:first-child{margin-left:0;;}
.box_searchContent .list_pro.new_list_pro ul p.proLabel{height:1.8rem; overflow: hidden;}
.box_searchContent .list_pro.new_list_pro ul p.proLabel span{width:auto; border-radius:1.9rem; line-height:1.9rem;margin-left:12px; padding:0 12px;background:#f0f0f0; text-align:center}
.box_searchContent .list_pro.new_list_pro ul p.proLabel span:first-child{margin-left:0px;}
.box_searchContent .list_pro.new_list_pro ul p.proPrice{position:absolute;bottom:5px;display:flex;}
.box_searchContent .list_pro.new_list_pro ul p.proPrice span.salePrice{font-size:1.8rem;}
.box_searchContent .list_pro.new_list_pro ul p.proPrice span.marketPrice{font-size:1.2rem;line-height: 2.3rem;}
.box_searchContent .list_pro.new_list_pro ul p.proPrice span.salePrice + span.marketPrice{padding-left:5px;}
.box_searchContent .list_pro.new_list_pro ul p.proPrice span.marketPrice + span.comment,.box_products .list_pro.productsStyle2 ul p.proPrice span.salePrice + span.comment{padding-left:10px;padding-top:4px;}
.box_searchContent .list_pro.new_list_pro .productcart{display:block;border-radius: 100%;width:30px;height:30px; text-align:center; line-height:30px; font-size: 22px;border:1px solid red}
.box_searchContent .list_pro.new_list_pro.productsStyle2 ul{height:140px;margin-top:25px;}
.box_searchContent .list_pro.new_list_pro.productsStyle2 .img{float:left;width:140px;height:110px;margin-top:15px;padding-left: 15px;}
.box_searchContent .list_pro.new_list_pro.productsStyle2 .info{border-bottom:1px solid #f7f7f8; overflow:hidden;padding-right:20px;float:right; width:calc(100% - 200px);height:140px; position: relative;}
body.edit .box_searchContent .list_pro.new_list_pro.productsStyle2 .info{width:calc(100% - 165px);}
.box_searchContent .list_pro.new_list_pro.productsStyle2 ul p.proPrice span.comment{line-height:2.4rem;}
.box_searchContent .list_pro.new_list_pro.productsStyle2 ul p:empty{display: none;}
.box_searchContent .list_pro.new_list_pro.productsStyle2 .productcart{position: absolute;right:15px;bottom:8px;}
.box_searchContent .list_pro.new_list_pro.productsStyle1 ul{float:left;height:auto;margin:0;width:50%;padding:20px;border-right:1px solid #f7f7f8;border-bottom:1px solid #f7f7f8; box-sizing:border-box}
.box_searchContent .list_pro.new_list_pro.productsStyle1 ul:nth-child(2n){border-right:none;}
.box_searchContent .list_pro.new_list_pro.productsStyle1 ul:nth-child(1),
.box_searchContent .list_pro.new_list_pro.productsStyle1 ul:nth-child(2){border-top:1px solid #f7f7f8;}
.box_searchContent .list_pro.new_list_pro.productsStyle1 ul .img{width:100%;height:120px;margin-bottom:20px;}
.box_searchContent .list_pro.new_list_pro.productsStyle1 ul .img div{height:120px;}
.box_searchContent .list_pro.new_list_pro.productsStyle1 .info,
.box_searchContent .list_pro.new_list_pro.productsStyle5 .info{width:100%; margin:0px; position: relative;}
.box_searchContent .list_pro.new_list_pro.productsStyle1 ul p,
.box_searchContent .list_pro.new_list_pro.productsStyle5 ul p{margin-top:0px;margin-bottom: 15px;}
.box_searchContent .list_pro.new_list_pro.productsStyle1 ul p.proPrice{position:static;display:block;}
.box_searchContent .list_pro.new_list_pro.productsStyle1 ul p.proPrice span.comment{display:block; float:none;clear: both;padding-left:0px!important;}
.box_searchContent .list_pro.new_list_pro.productsStyle1 ul a .name1{-webkit-line-clamp: 3;line-clamp: 3; height:4.8rem;}
.box_searchContent .list_pro.new_list_pro.productsStyle1 .productcart{margin-top: 20px;}
.box_searchContent .list_pro.new_list_pro.productsStyle5 ul{border-bottom:1px solid #f7f7f8; padding:20px;}
.box_searchContent .list_pro.new_list_pro.productsStyle5 ul .img{width:100%;margin-bottom:20px;}
.box_searchContent .list_pro.new_list_pro.productsStyle5 ul a .name{height: auto;word-wrap: normal;display:block}
.box_searchContent .list_pro.new_list_pro.productsStyle5 ul p.proPrice{position: relative; height: 2rem; overflow:hidden;display: block;}
.box_searchContent .list_pro.new_list_pro.productsStyle5 ul p.proPrice span.comment{display:block; float:right; line-height: 2.3rem;}
.box_searchContent .list_pro.new_list_pro.productsStyle5 ul a .brand{display:block;margin-top: 5px;font-size: 1.5rem;}
/*box_shareWeb*/
.box_shareWeb{z-index: 99 !important;}
.box_shareWeb .clear{clear:both; height:0; display:block;}
.siderbarBody{height:auto; position:fixed; float:right; right:-170px; top:25%;}
.left_siderbar{height:112px; width:26px; position:absolute; right:-200px; background:url(../image/floata_Blue1.png) repeat-y scroll -60px 0; border-radius:5px 0 0 5px; top:25%; right:169px;}
.left_siderbar .siderBtn{color:#FFF; overflow-wrap:break-word; text-align:center; font-size:12px; font-family:"微軟雅黑"; width:23px; height:auto; overflow:hidden; margin-top:10px;}
.left_siderbar .siderBtnPic{height:30px; width:auto; overflow:hidden;}
.left_siderbar .siderBtnBg{background:url(../image/floata_Blue1.png) no-repeat -121px 0;}
.box_shareWeb .left_siderbar .unsiderBtnBg{background:url(../image/floata_Blue1.png) no-repeat -300px 0;}
.box_shareWeb .mainSidebar{width:170px; height:auto; float:right; background: #fff; border: 1px solid #ccc;}
.box_shareWeb .mainSidebar .siderbarTitle{width:170px; height:35px; background-color:#387bbe;}
.box_shareWeb .mainSidebar .siderbarTitle .sidertext{display:block; font-size:14px; height:35px; line-height:35px; float:left; margin-left:5px; color:#FFF; font-weight:bold;}
.box_shareWeb .mainSidebar .siderbarTitle .siderbarClose{display:inline-block; float:right; height:20px; width:20px; background:url(../image/closepic.gif) no-repeat scroll 0 3px; margin-top:6px; margin-right:10px;}
.box_shareWeb .mainSidebar .siderbarTitle .siderbarClose:hover{background:url(../image/closepic.gif) no-repeat scroll -37px 3px;}
/*横排樣式*/
.shareInfo .shareCtrl{cursor:pointer; float:left; height:20px; line-height:20px; margin-top: 7px;}
.shareInfo .shareCtrl a{display:block; float:left; margin:0 0 5px; text-decoration:none; width:120px; /*color:#333;*/}
.shareInfo .shareMt a{margin:5px; min-width:14px;}
.shareInfo .shareNotTitlePanel{height:auto; padding:5px 0;}
.shareIcon{cursor:pointer; float:left; height:20px; line-height:20px; margin:6px 10.5px; width:20px;}
/* 微信分享遮罩 */
.wxMask {position: fixed;max-width: 720px;margin: 0 auto;width:100%;height:100%;bottom:0;background-color: rgba(0, 0, 0, .6);z-index: 101;}
.wxMask .wxSharePic{margin-top:20px;width:100%;padding-bottom: 60%;background: url("../image/wxshare.png") no-repeat;background-size: 100% 100%;}

.mainSidebarBox.default1 #weixin{ background:url("../image/0-43.svg") no-repeat; }
.mainSidebarBox.default1 #copy{ background:url("../image/0-45.svg") no-repeat; }
.mainSidebarBox.default1 #sina_weibo{ background:url("../image/0-44.svg") no-repeat; }
.mainSidebarBox.default1 #qq_zone{ background:url("../image/0-46.svg") no-repeat; }
.mainSidebarBox.default1 #renren{ background:url("../image/0-52.svg") no-repeat; }
.mainSidebarBox.default1 #douban{ background:url("../image/0-49.svg") no-repeat; }
.mainSidebarBox.default1 #baidu_tieba{ background:url("../image/0-47.svg") no-repeat; }
.mainSidebarBox.default1 #Facebook{ background:url("../image/0-42.svg") no-repeat; }
.mainSidebarBox.default1 #Twitter{ background:url("../image/0-41.svg") no-repeat; }
.mainSidebarBox.default1 #LinkedIn{ background:url("../image/0-51.svg") no-repeat; }
.mainSidebarBox.default1 #whatsapp{ background:url("../image/0-55.svg") no-repeat; }
.mainSidebarBox.default1 #line{ background:url("../image/0-53.svg") no-repeat; }
/* 第二種圖片樣式 */
.mainSidebarBox.default2 #weixin{ background:url("../image/0-03.svg") no-repeat; }
.mainSidebarBox.default2 #copy{ background:url("../image/0-05.svg") no-repeat; }
.mainSidebarBox.default2 #sina_weibo{ background:url("../image/0-04.svg") no-repeat; }
.mainSidebarBox.default2 #qq_zone{ background:url("../image/0-06.svg") no-repeat; }
.mainSidebarBox.default2 #renren{ background:url("../image/0-12.svg") no-repeat; }
.mainSidebarBox.default2 #douban{ background:url("../image/0-09.svg") no-repeat; }
.mainSidebarBox.default2 #baidu_tieba{ background:url("../image/0-07.svg") no-repeat; }
.mainSidebarBox.default2 #Facebook{ background:url("../image/0-02.svg") no-repeat; }
.mainSidebarBox.default2 #Twitter{ background:url("../image/0-01.svg") no-repeat; }
.mainSidebarBox.default2 #LinkedIn{ background:url("../image/0-11.svg") no-repeat; }
.mainSidebarBox.default2 #whatsapp{ background:url("../image/0-15.svg") no-repeat; }
.mainSidebarBox.default2 #line{ background:url("../image/0-13.svg") no-repeat; }
/* 第三種圖片樣式 */


.mainSidebarBox.default3 #weixin{ background:url("../image/0-23.svg") no-repeat; }
.mainSidebarBox.default3 #copy{ background:url("../image/0-25.svg") no-repeat; }
.mainSidebarBox.default3 #sina_weibo{ background:url("../image/0-24.svg") no-repeat; }
.mainSidebarBox.default3 #qq_zone{ background:url("../image/0-26.svg") no-repeat; }
.mainSidebarBox.default3 #renren{ background:url("../image/0-32.svg") no-repeat; }
.mainSidebarBox.default3 #douban{ background:url("../image/0-29.svg") no-repeat; }
.mainSidebarBox.default3 #baidu_tieba{ background:url("../image/0-27.svg") no-repeat; }
.mainSidebarBox.default3 #Facebook{ background:url("../image/0-22.svg") no-repeat; }
.mainSidebarBox.default3 #Twitter{ background:url("../image/0-21.svg") no-repeat; }
.mainSidebarBox.default3 #LinkedIn{ background:url("../image/0-31.svg") no-repeat; }
.mainSidebarBox.default3 #whatsapp{ background:url("../image/0-35.svg") no-repeat; }
.mainSidebarBox.default3 #line{ background:url("../image/0-33.svg") no-repeat; }
/* 第四種圖片樣式 */
.mainSidebarBox.default4 #weixin{ background:url("../image/0-231.svg") no-repeat; }
.mainSidebarBox.default4 #copy{ background:url("../image/0-251.svg") no-repeat; }
.mainSidebarBox.default4 #sina_weibo{ background:url("../image/0-241.svg") no-repeat; }
.mainSidebarBox.default4 #qq_zone{ background:url("../image/0-261.svg") no-repeat; }
.mainSidebarBox.default4 #renren{ background:url("../image/0-321.svg") no-repeat; }
.mainSidebarBox.default4 #douban{ background:url("../image/0-291.svg") no-repeat; }
.mainSidebarBox.default4 #baidu_tieba{ background:url("../image/0-271.svg") no-repeat; }
.mainSidebarBox.default4 #Facebook{ background:url("../image/0-221.svg") no-repeat; }
.mainSidebarBox.default4 #Twitter{ background:url("../image/0-211.svg") no-repeat; }
.mainSidebarBox.default4 #LinkedIn{ background:url("../image/0-311.svg") no-repeat; }
.mainSidebarBox.default4 #whatsapp{ background:url("../image/0-351.svg") no-repeat; }
.mainSidebarBox.default4 #line{ background:url("../image/0-331.svg") no-repeat; }
/* .mainSidebarBox #weixin{ background:url("../../images/interaction/shareIcn.png?v=20191223") no-repeat scroll 45.4% 0px; background-size: auto 100%;}
.mainSidebarBox #copy{ background:url("../../images/interaction/shareIcn.png?v=20191223") no-repeat scroll 72.4% 0px; background-size: auto 100%;}
.mainSidebarBox #sina_weibo{ background:url("../../images/interaction/shareIcn.png?v=20191223") no-repeat scroll 81.5% 0px; background-size: auto 100%;}
.mainSidebarBox #qq_zone{ background:url("../../images/interaction/shareIcn.png?v=20191223") no-repeat scroll 9.5% 0px; background-size: auto 100%;}
.mainSidebarBox #kaixin{ background:url("../../images/interaction/shareIcn.png?v=20191223") no-repeat scroll 27.3% 0px; background-size: auto 100%;}
.mainSidebarBox #renren{ background:url("../../images/interaction/shareIcn.png?v=20191223") no-repeat scroll 90.5% 0px; background-size: auto 100%;}
.mainSidebarBox #douban{ background:url("../../images/interaction/shareIcn.png?v=20191223") no-repeat scroll 0.2% 0px; background-size: auto 100%;}
.mainSidebarBox #baidu_tieba{ background:url("../../images/interaction/shareIcn.png?v=20191223") no-repeat scroll 54.3% 0px; background-size: auto 100%;}
.mainSidebarBox #Facebook{ background:url("../../images/interaction/shareIcn.png?v=20191223") no-repeat scroll 18.2% 0px; background-size: auto 100%;}
.mainSidebarBox #Twitter{ background:url("../../images/interaction/shareIcn.png?v=20191223") no-repeat scroll 36.3% 0px; background-size: auto 100%;}
.mainSidebarBox #LinkedIn{ background:url("../../images/interaction/shareIcn.png?v=20191223") no-repeat scroll 99.5% 0px; background-size: auto 100%;} */
#share_popup{z-index: 102}
.popupContent {display: flex;flex-wrap: wrap;justify-content: center;background: #fff;padding: 10px;}
.popupContent > a {width: 16%;height: 0;padding-bottom: 16%;}
.popupContent .shareIcon {width: 80%;height: 0; padding-bottom: 80%;float: initial;background-size: 100% 100% !important;}
/* .mainSidebarBox #weixin{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -29px 0;}
.mainSidebarBox #qq{background:url("../../images/interaction/shareIcn.png") no-repeat scroll 0px 0;}
.mainSidebarBox #copy{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -437px 0;}
.mainSidebarBox #qq_weibo{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -332px 0;}
.mainSidebarBox #sina_weibo{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -56px 0;}
.mainSidebarBox #qq_zone{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -387px 0;}
.mainSidebarBox #kaixin{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -140px 0;}
.mainSidebarBox #renren{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -84px 0;}
.mainSidebarBox #douban{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -253px 0;}
.mainSidebarBox #netease_weibo{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -305px 0;}
.mainSidebarBox #baidu_tieba{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -412px 0;}
.mainSidebarBox #Facebook{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -168px 0;}
.mainSidebarBox #Twitter{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -196px 0;}
.mainSidebarBox #LinkedIn{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -224px 0;}
.mainSidebarBox #propleBlog{background:url("../../images/interaction/shareIcn.png") no-repeat scroll -465px 0;} */
.newshare p{display:none;}
.newshareIcon{cursor:pointer;height:50px; line-height:50px; width:50px;margin:0 auto;background:url("https://css.j-cc.cn/images/iyong/share.png") no-repeat; background-size:280px;}
/* .mainSidebarBox #weixin{background-position: 0px 0px;}
.mainSidebarBox #qq{background-position: -155px 0px;}
.mainSidebarBox #copy{background-position: 0px 0px;}
.mainSidebarBox #qq_weibo{background-position: 0px -78px;}
.mainSidebarBox #sina_weibo{background-position: -78px 0px;}
.mainSidebarBox #qq_zone{background-position: -232px 0px;}
.mainSidebarBox #kaixin{background-position: 0px 0px;}
.mainSidebarBox #renren{background-position: -155px -78px;}
.mainSidebarBox #douban{background-position: -77px -78px;}
.mainSidebarBox #netease_weibo{background-position: 0px 0px;}
.mainSidebarBox #baidu_tieba{background-position: 0px 0px;}
.mainSidebarBox #Facebook{background-position: 0px 0px;}
.mainSidebarBox #Twitter{background-position: 0px 0px;}
.mainSidebarBox #LinkedIn{background-position: 0px 0px;}
.mainSidebarBox #propleBlog{background-position: -232px -78px;} */
/*背景層*/
#wx_mask{position: fixed; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:9999; -moz-opacity:0.6; opacity:.60; filter:alpha(opacity=60);}
/*分享到微信*/
/* .fromBox{width:480px; height:420px; position:absolute; top:50%; left:50%; margin-left:-240px; margin-top:-210px; background:#FFF; border-radius:5px; box-shadow:2px 2px 11px #4d4d4d; color:#000; display:none; font-family:"微軟雅黑"; z-index:100001;}
.fromBox .from_title{width:100%; height:50px; border-radius:5px 5px 0 0; background:#f1f1f1;}
.fromBox .from_title .title_right{color:#555; font-size:18px; position:absolute; left:20px; top:16px;}
.fromBox .wxShareBox{margin:0 auto; margin-top:45px; width:378px;}
.fromBox .wxShareBox .wxShareText{color:#222; font:14px "microsoft yahei"; height:30px; line-height:30px; text-align:center; width:100%;}
.fromBox .wxShareBox .wxShareQrcode{height:190px; margin:50px auto; width:190px; background:url(../image/loading2.gif) no-repeat;}
.fromBox .from_close{margin-top:20px; cursor:pointer; height:27px; position:absolute; right:8px; top:0; width:40px; background:url(../image/bg02.png) no-repeat scroll -1652px -107px ; text-decoration:none; color:#06c;}
.article_hide{display: none!important;} */
.fromBox{width:280px;height:320px;position: fixed;top:50%;left:50%;margin-left:-140px;margin-top:-160px;background:#FFF;border-radius:5px;box-shadow:2px 2px 11px #4d4d4d;color:#000;display:none;font-family:"微軟雅黑";z-index:100001;}
.fromBox .from_title{width:100%; height:50px; border-radius:5px 5px 0 0; background:#f1f1f1;}
.fromBox .from_title .title_right{color:#555; font-size:18px; position:absolute; left:20px; top:16px;}
.fromBox .wxShareBox{margin:0 auto; margin-top:0px; width:278px;}
.fromBox .wxShareBox .wxShareText{color:#222; font:14px "microsoft yahei"; height:30px; line-height:30px; text-align:center; width:100%; display:none;}
.fromBox .wxShareBox .wxShareQrcode{height:190px; margin:40px auto; width:190px; background:url(../image/loading2.gif) no-repeat;}
.fromBox .from_close{margin-top:20px; cursor:pointer; height:27px; position:absolute; right:8px; top:0; width:40px; background:url(../image/bg02.png) no-repeat scroll -1652px -107px ; text-decoration:none; color:#06c;}
.article_hide{display: none!important;}
/*networkSale*/
.box_networkSale .searchServiceBox .saleListTop{line-height:32px; padding:0 2px;}
.box_networkSale .searchServiceBox .saleListTop .toggleAddr{float:right;}
.box_networkSale .searchServiceBox .saleImg{width:100%; height:180px; display:block}
.box_networkSale .searchServiceBox .saleInfo{background:#ffffff; color:#757575; font-size:14px; padding:10px;}
.box_networkSale .searchServiceBox .saleInfo p{margin:0 0 4px 0;line-height:20px;height:20px;overflow: hidden;text-overflow: ellipsis;width: 100%;white-space: nowrap;}
.box_networkSale .searchServiceBox .saleName{font-size:16px; color:#424242;}
.box_networkSale .searchServiceBox .saleTel >a{color:inherit;}
.box_networkSale .searchServiceBox .saleDis > i{font-size:1.3em;}
/* 轉賬支付 開始 */
.box_payment .paymentBox li{width: 100%;height: 4.5rem;border-bottom: 1px solid #bababa;padding: 0.6rem 0 0.5rem 0;box-sizing: border-box;}
.box_payment .paymentBox li>input{line-height: 2.5rem;width: 70%;border: none;outline: none;background: transparent;font-size: 14px; text-indent: 10px;padding-top: 0.4rem;}
.box_payment .paymentBox li>.payBtn{display: inline-block;width: 5.5rem;height: 3rem;background-color: #1aad19;color: #fff;text-align: center;line-height: 3rem;font-size: 14px;border-radius: 4px;float: right;cursor: pointer;}
.box_payment .paymentBox li>input::-webkit-input-placeholder{color: #dcdcdc;}
/* .box_payment .paymentBox li>label{color: #a8a8a8;font-weight: normal;font-size: 14px;width: 6.4rem;max-width: 100%;margin: 0;} */
.box_payment .paymentBox li:nth-child(2)>input{width: 100%;}
.box_payment .paymentBox .yuanIcon{font-style: normal;font-size: 2rem;color: #df443b;vertical-align: middle;}
#paymentPop .toolbar-inner{height: 3.5rem;font-size: 13px;}
#paymentPop .picker-button{line-height:3.4rem;color: #df443b;}
#paymentPop .toolbar{background:#f6f6f6;}
#paymentPop .toolbar-inner .title{line-height: 3.6rem;margin: 0;padding-left: 10px;text-align: left;color:#000;}
#paymentPop .modal-content{padding-top: 3rem;border: none;font-size: 13px;}
#paymentPop .weui-grids{padding: 10px 10px 15px 10px;}
#paymentPop .paymentList{margin-bottom: 15px;}
#paymentPop .paymentList li{width:100%;height: 4rem;display: flex;justify-content: space-between;align-items: center;color: #000;}
#paymentPop .paymentButtom{width: 100%;height: 3.5rem;background-color: #1aad19;text-align: center;line-height: 3.5rem;color: #fff; font-size: 14px;border-radius: 4px;cursor: pointer;}
#paymentPop .paymentList li .paymentItem{display: inline-block;}
#paymentPop .paymentList li .paymentItem img{vertical-align: middle;}
#paymentPop .paymentList li .paymentItem span{padding-left: 1rem;vertical-align: middle;}
#paymentPop .paymentList li .paymentIcon{position: relative;display: inline-block;width:18px;height: 18px;border-radius: 50%;border: 1px solid #aeafb6;}
#paymentPop .paymentList li .paymentActive{background: #df443b;border-color: #df443b;font-size: 19px;color: #fff;}
/* 轉賬支付 結束 */
/*shopMall theme logo*/
#m_shopSearch .webLogo{float: left;display: inline-block;height: 3rem;width: 3rem;vertical-align: top;z-index: 99;margin: .5rem;}
#m_shopSearch .webLogo .logoImg{height: 100%;width: 100%;background-size: cover;background-image: url(../image/no-pic.jpg);background-repeat: no-repeat;background-position: center;box-sizing: border-box;}
#web_Sidebar{display: none;}
/*商城主題 頭部樣式*/
#m_shopSearch{width: 100%;height:4rem;line-height: 4rem;background-color: rgba(240, 240, 240, 0.4);position: absolute;z-index: 4;}
#m_shopSearch .m_shopInput{float:left;width: calc(100% - 120px)}
#m_shopSearch .m_shopInput .m_search{width: calc(100% - 10px);height: 3rem;line-height: 3rem;margin-top: 0.5rem; margin-left: 10px;border: none;border-radius: 3rem;padding-left: 10px;background: rgba(209, 210, 214, 0.5);}
#m_shopSearch .m_shopInput .m_search .m_iconfont{display: block;float:left;height: 100%;width: 24px;font-size: 24px;line-height: 3rem;}
#m_shopSearch .m_shopInput .m_search .m_searchTxt{float: left;height: 100%;padding-left: 6px;width: calc(100% - 30px);}
#m_shopSearch .m_shopLogin{float:left;width: 66px;}
#m_shopSearch .m_shopLogin a{display: block;width: 80%;margin-left: 10%;text-align: center;}
.mallSearchBox{width:calc(100% - 50px);height:100%;border:solid 1px #bfbfbf;border-radius:0.15rem;position:relative;margin-left:3rem;}
.mallSearchBox .submitBtn{color: #666;width:2.5rem;height:100%;position:absolute;right: 0;line-height:2.8rem;font-size: 3rem;cursor:pointer;}
.mallSearchBox input{width:calc(100% - 30px);height:100%;border:none;outline:0;text-indent:10px;}
/*现有產品放大頁 底部樣式*/
#globalBuyCar{position: fixed;bottom: 0;width: 100%;height: 50px;text-align: center;z-index: 99;/*display: flex*/}
#globalBuyCar footer{margin:0 auto;max-width: 720px;width: 100%;height: 50px;line-height: 50px;text-align: center;background: #fff;}
#globalBuyCar footer > div{/*flex: 1.5*/ float:left; box-sizing: border-box;height: 50px;}
#globalBuyCar footer > div:nth-child(1){border-right: 1px solid #ddd; width:20%; padding-top: 3px; border-top: 1px solid #ddd;}
#globalBuyCar footer > div:nth-child(2){width:20%; padding-top: 5px; border-top: 1px solid #ddd;}
#globalBuyCar footer > div:nth-child(3){width:30%;}
#globalBuyCar footer > div:nth-child(4){width:30%;}
#globalBuyCar footer > div > p:nth-child(1){font-size: 2.5rem;width:2.5rem;margin:0 auto; position:relative}
#globalBuyCar footer > div > p:nth-child(2){font-size: 13px; line-height: 18px;}
#globalBuyCar footer > div:nth-child(3){background-color: #f93; color: #fff; font-size: 16px}
#globalBuyCar footer > div:nth-child(4){background-color: #f33; color: #fff; font-size:16px}
#globalBuyCar footer > div > p:nth-child(1) span{position: absolute; right: -5px; top: -3px; width: 15px; height: 15px; line-height: 15px; background-color: #ff4401; color: #fff; font-size: 10px; font-weight: normal; border-radius: 100%;}
#dialogBg{width: 100%; height: 100%; max-width: 720px;position: fixed;z-index: 998; top: 0;display: none; left:0;right:0px; margin:0 auto;}
#dialogBg .dialog_cope{width: 100%; height: 100%; background: #1f1313; position: absolute;margin:0 auto; z-index: 998; top: 0; opacity: .2; display: none; transition: all 2s ease-in}
#dialogBg .dialog,#dialogBg .dialog_param{margin:0 auto; position: absolute; bottom: -60%; height: 60%; width: 100%; max-width: 720px; background: #fff; display: none; z-index: 999; transition: all .2s ease-in}
#dialogBg .dialog > div > div.closeDialog{font-size: 2.5rem; float: right; cursor: pointer; border: 1px solid #aaa; border-radius: 50%; margin-top: .8rem}
#dialogBg .dialog > div > img{width: 8rem; height: 8rem; position: absolute; display: none; top: -2rem; left: 1rem; border-radius: 6px; border: 1px solid #d5d3d3; background-color: #fff}
#dialogBg .dialog > div.dialog_top{margin: 0 14px; height: 8rem; border-bottom: 1px solid #d5d3d3}
#dialogBg .dialog > div.dialog_top > div:nth-child(2){float: left; margin: 1rem 0 0 10rem; font-size: 1.8rem}
#dialogBg .dialog > div.dialog_top > div:nth-child(2) > p:nth-child(1){color: #f33}
#dialogBg .dialog > div.dialog_top > div:nth-child(2) > p:nth-child(2){margin-top: .3rem; font-size:1.6rem;}
#dialogBg .dialog > div.dialog_second{padding: 20px 0; font-size: 1.8rem; border-bottom: 1px solid #d5d3d3; margin: 20px; margin-top: 0;}
#dialogBg .dialog > div.dialog_second p{float: left; margin-top: .3rem; font-size:1.6rem;}
#dialogBg .dialog > div.dialog_second .regulation{float: right; height: 2.5rem; line-height: 2.5rem; background: #e3e3e3;}
#dialogBg .dialog > div.dialog_second .regulation .reduce{cursor: pointer; color: #999; float: left; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center}
#dialogBg .dialog > div.dialog_second .regulation .amount{-webkit-appearance: none; border: 0; width: 4rem; text-align: center; margin: 0; height: 2.5rem; line-height: 2.5rem; font-family: verdana; float: left; font-size:1.6rem; background: #efefef; border-radius: 0}
#dialogBg .dialog > div.dialog_second .regulation .increase{float: right; cursor: pointer; color: #999; width: 2.5rem; height: 2.5rem; text-align: center; line-height:2.5rem}
#dialogBg .dialog > div.footer{position: absolute; height: 4rem; line-height: 4rem; width: 100%; background: #f33; color: #fff; text-align: center; font-size: 1.6rem; bottom: 0}
/* 標題組件開始 */
.box_title .titleModule{margin: 0 0 3px 0 !important;}
.box_title .title_wrap{position: relative;overflow: hidden;width: 100%;box-sizing: border-box;}
.box_title .title_wrap .title_wrap_inner{float: left;width: 100%;height: 40px;white-space: nowrap;box-sizing: border-box;}
.box_title h1,.box_title h2,.box_title h3,.box_title h4,.box_title h5,.box_title h6{font-weight: normal;}
.box_title .title_wrap .title_wrap_inner .title_h5{font-size: 18px;color: #e4393c;margin: 0;line-height: 1;text-align: center;padding: 5px 0;white-space: nowrap;}
.box_title .title_wrap .title_wrap_a{position:absolute;top:0;right:0;height: 100%;color: #e4393c;text-align: center;font-size: 35px;font-weight: bold;}
.box_title .title_wrap .title_wrap_a > i{display: flex;align-items:center;justify-content: center;font-size: 30px;font-weight: bold;height: 100%;background-repeat: no-repeat;background-size: cover;}
.box_title .title_wrap .title_wrap_a > span{display: flex;align-items:center;justify-content: center;background-repeat: no-repeat;background-size: cover;width: 25px;height: 25px;position: relative;top: 50%;transform: translateY(-50%);right: 5px;}
.box_title .title_wrap .title_btn_type_4 > i,.box_title .title_wrap .title_btn_type_5 > i,.box_title .title_wrap .title_btn_type_6 > i,.box_title .title_wrap .title_btn_type_7 > i{font-weight: normal;font-size: 35px;}
/*001 👇*/
.box_title .title_type_001 .title_wrap_inner .title_icon{position: absolute;bottom:1px;left:50%;display: block;width: 108px;height: 4px;background-color: #e4393c;z-index: 2;transform: translateX(-50%);}
.box_title .title_type_001 .title_wrap_inner .title_line{position: absolute;bottom:2px;left:0;display: block;width:100%;height: 0;border-top: 1px solid #ddd;}
/*002 👇*/
.box_title .title_type_002 .title_wrap_inner{height: 48px;}
.box_title .title_type_002 .title_wrap_inner .title_icon{position: absolute;bottom:2px;left:50%;display: block;width: 10px;height: 10px;background-color: #ddd;z-index: 2;transform: rotate(45deg);margin-left:-5px;}
.box_title .title_type_002 .title_wrap_inner .title_line{position: absolute;bottom:6px;left:0;display: block;width:100%;height: 0;border-top: 1px solid #ddd;}
/*003 👇*/
.box_title .title_type_003 .title_wrap_inner{display: flex;align-items: center;justify-content: end;padding-left: 10px;}
.box_title .title_type_003 .title_wrap_inner .title_icon{position: absolute;left:0;display: block;width: 4px;height: 24px;background-color: #e4393c; top:50%; margin-top: -12px;}
.box_title .title_type_003 .title_wrap_inner .title_line{position: absolute;left: 0;bottom: 0;width: 100%;height:0;border-top:1px solid #ddd;}
.box_title .title_type_003 .title_wrap_inner .title_h5{padding: 0 5px 0 5px;}
/*004 👇*/
.box_title .title_type_004 .title_wrap_inner{display: flex;align-items: center;justify-content: center;}
.box_title .title_type_004 .title_wrap_inner .title_icon,.box_title .title_type_004 .title_wrap_inner .title_line{display: none;}
.box_title .title_type_004 .title_wrap_inner .title_h5::before,.box_title .title_type_004 .title_wrap_inner .title_h5::after{display: inline-block;vertical-align: middle;content: "";background-color: #ccc;width: 50px;height: 1px;margin: 0 10px;}
/*005 👇*/
.box_title .title_type_005 .title_wrap_inner{display: flex;align-items: end;justify-content: center;}
.box_title .title_type_005 .title_wrap_inner .title_icon{position: absolute;bottom:0;display: block;width: 40px;height: 5px;background-color: #e4393c;}
/*006 👇*/
.box_title .title_type_006 .title_wrap_inner{display: flex;align-items: center;justify-content: end;background-color:#e4393c;padding-left: 30px;}
.box_title .title_type_006 .title_wrap_inner .title_icon{position: absolute;left: 5px;width: 20px;height: 20px;background-repeat: no-repeat; top:50%; margin-top: -10px; background-size: cover;display: flex;align-items: center;justify-content: center;}
.box_title .title_type_006 .title_wrap_inner .title_icon > i{font-size: 20px;color: #fff;}
.box_title .title_type_006 .title_wrap_inner .title_h5{color: #fff;}
.box_title .title_type_006 .title_wrap_a{color: #fff;}
.box_title .title_06_08_09_cls{padding-left: 0 !important;}
.box_title .title_06_08_09_cls > .title_icon{display: none !important;}
/*007 👇*/
.box_title .title_type_007 .title_wrap_inner{display: flex;align-items: center;justify-content: end;background-color: #e4393c;width: auto;border-radius: 5px 5px 0 0;}
.box_title .title_type_007 .title_wrap_inner .title_icon{display: none;}
.box_title .title_type_007 .title_wrap_inner .title_h5{padding: 0 20px;color: #fff;}
.box_title .title_type_007 .title_wrap_inner .title_line{position: absolute;bottom: 0;left: 0;width: 100%;height: 0;border-top: 1px solid #e4393c;z-index: -1;}
/*008 👇*/
.box_title .title_type_008 .title_wrap_inner{display: flex;align-items: center;justify-content: end;width: auto;border-bottom: 3px solid #e4393c;}
.box_title .title_type_008 .title_wrap_inner .title_h5{padding: 0 10px 0 30px;}
.box_title .title_type_008 .title_wrap_inner .title_line{position: absolute;bottom: 0;left: 0;width: 100%;height: 0;border-top: 1px solid #ddd;z-index: -1;}
.box_title .title_type_008 .title_wrap_inner .title_icon{position: absolute;left: 5px;width: 20px;height: 20px;background-repeat: no-repeat; top:50%; margin-top: -10px; background-size: cover;display: flex;align-items: center;justify-content: center;}
.box_title .title_type_008 .title_wrap_inner .title_icon > i{font-size: 20px;color: #e4393c;}
.box_title .title_06_08_09_cls > .title_h5{padding-left: 10px !important;}
.box_title .title_06_08_09_cls > .title_icon{display: none !important;}
/*009 👇*/
.box_title .title_type_009 .title_wrap_inner{display: flex;align-items: center;justify-content: end;}
.box_title .title_type_009 .title_wrap_inner .title_h5{padding: 0 10px 0 30px;}
.box_title .title_type_009 .title_wrap_inner .title_line{position: absolute;left: 0;bottom: 0;width: 100%;height:0;border-top:2px solid #e4393c;}
.box_title .title_type_009 .title_wrap_inner .title_icon{position: absolute;left: 5px;width: 20px;height: 20px;background-repeat: no-repeat; top:50%; margin-top: -10px; background-size: cover;display: flex;justify-content: center;align-items: center}
.box_title .title_type_009 .title_wrap_inner .title_icon > i{font-size: 20px;color: #e4393c;}
.box_title .title_06_08_09_cls > .title_h5{padding-left: 10px !important;}
.box_title .title_06_08_09_cls > .title_icon{display: none !important;}
/*010 👇*/
.box_title .title_type_010{background-color: #e4393c;padding-left: 7px;}
.box_title .title_type_010 .title_wrap_inner{display: flex;align-items: center;justify-content: end;width: auto;background: #fff;}
.box_title .title_type_010 .title_wrap_inner .title_h5{padding: 5px 10px;}
.box_title .title_type_010 .title_wrap_a{color: #fff;}
.box_title .title_type_010 .title_wrap_inner .title_icon,.box_title .title_type_010 .title_wrap_inner .title_line{display: none;}
/* 標題組件結束 */
/* box_books_v1 電子圖冊*/
.box_books_v1 > .view{padding:0.5rem 0 0 0;}
.box_books_v1 ul.bookList{margin-bottom:0}
.box_books_v1 .booksList ul li{margin-bottom:1rem; text-align:center; float:left; width:50%;}
.box_books_v1 a.books_link{display:block; margin:0 auto;}
.box_books_v1 .typeImg{margin:0 auto; cursor:pointer;}
.box_books_v1 .typeName{text-align:center; margin:0 auto; padding:0.6rem 0; overflow:hidden; cursor:pointer; text-overflow:ellipsis; white-space:nowrap;}
.box_books_v1 .listPhotoPanel1{width:100%; margin:0 0.5rem 0.5rem 0;}
.box_books_v1 .listPhotoPanel2{margin:0 auto; width:100%;}
.box_books_v1 .photoListContainer{height:auto; overflow:hidden; box-sizing:content-box;}
.box_books_v1 .listPhotoPanel2 .photoListContainer{margin:0}
.box_books_v1 .scroll_list{width:100%;}
.box_books_v1 .listPhotoPanel2 .scroll_list{width:100%; box-sizing:content-box;}
.box_books_v1 .listPhotoPanel2 .prev{background:url("../image/listPhotoButton.png") no-repeat -28px -16px; display:block; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; left:0; cursor:pointer; z-index:99;}
.box_books_v1 .listPhotoPanel2 .prev:hover{background:url("../image/listPhotoButton.png") no-repeat -78px -16px;}
.box_books_v1 .listPhotoPanel2 .next{background:url("../image/listPhotoButton.png") no-repeat -28px -72px; display:block; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; right:0; cursor:pointer; z-index:99;}
.box_books_v1 .listPhotoPanel2 .next:hover{background:url("../image/listPhotoButton.png") no-repeat -78px -72px;}
.box_books_v1 .listPhotoPanel3{width:100%; margin:0 auto}
.box_books_v1 .tempWrap{margin:0 auto;}
/* box_books_v1 電子圖冊end*/
/* 防僞查詢開始 */
.box_queryCode .queryCodeFrom{width: 100%;height: 31px;box-sizing: border-box;position: relative;}
.box_queryCode .queryCodeFrom .codeInput{border: none;outline: none;height: 100%;width: 100%;text-indent: 10px;border-bottom: 1px solid #eef1f5;font-size: 13px;}
.box_queryCode .querySearch{height: 34px;width: 100%;text-align: center;background-color: #fd8f37;color: #fff;line-height: 34px;border-radius: 5px;margin-top: 15px;font-size: 15px;cursor: pointer;}
.box_queryCode .queryCodeStep2,.box_queryCode .queryCodeStep3{display: none;}
.box_queryCode .queryCodeStep2 > h1,.box_queryCode .queryCodeStep3 > h1{text-align: center;padding: 5px 0 15px 0;border-bottom: 1px solid #eef1f5;font-weight: normal;}
.box_queryCode .queryCodeStep3 > h1{color:#fd8f37;}
.box_queryCode .fw-form-box{width: 100%;background-color: #fff;margin-top: 10px;}
.box_queryCode .fw-form-box > ul > li{position: relative;width: 100%;height: 50px;border-bottom: 1px solid #d9e1e8;display:flex;align-items: center;}
.box_queryCode .fw-form-box > ul > li > label{display: inline-block;width: 80px;text-align: center;font-size: 16px;}
.box_queryCode .fw-form-box > ul > li > input{height: 40px;width: calc(100% - 200px);border: none;outline: none;background: transparent;text-indent: 5px;font-size: 13px;}
.box_queryCode .fw-form-box > ul > li .fw-timer-button{position: absolute;top: 9px;right: 7px;width: 100px;height: 30px;border-radius: 5px;text-align: center;line-height: 30px;cursor: pointer;}
.box_queryCode .fw-query-btn{margin:15px 10px 10px;width: calc(100% - 20px);height: 36px;line-height: 36px;color: #fff;background-color: #f79619;border-radius: 5px;text-align: center;font-size: 17px;}
.box_queryCode .fw-tips{margin:0 10px;width: calc(100% - 20px);}
.box_queryCode .fw-form-box .fw-disable,.box_searchReservation .fw-disable{pointer-events: none;color: #d9d9d9 !important;border: 1px solid #d9d9d9;}
.box_queryCode .skin_model_view .query-disable{pointer-events: none;opacity: 0.5;}
.productCodeInfo > h4,.productCodeOriginal > h4{color: #000;font-size: 18px;margin: 10px 0;font-weight: normal;}
.box_queryCode .productCodeOriginal > h4{margin-top: 12px;}
.productCodeInfo > p,.productCodeOriginal > p{font-size: 14px;color: #b1b1b1;margin: 0 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.box_queryCode .queryResult{padding-left: 10px;}
.box_queryCode .querySearchBack{border:1px solid #f79619;color:#f79619;background-color: transparent !important;}
.box_queryCode .getBackStep{background-color: transparent;margin-top: 30px;}
.box_queryCode .fwJsbridge{display: none;}
#scanQRCode{position: absolute;top: 1px;right: 5px;z-index:9999;width:50px;height:30px;display: inline-block;background-image:url("data:image/png;base64,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");background-repeat: no-repeat;background-size: 23px;cursor: pointer;background-position-x: right;background-position-y: center;}
#web_design_main > .fwLoading{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.3);text-align: center;z-index: 999;}
#web_design_main > .fwLoading .weui-loadmore{padding-top: 50%;}
#web_design_main > .fwLoading .weui-loadmore .weui-loadmore__tips{color: #fff;font-size: 15px;padding-left: 5px;}
#fwBMapContainer{width: 100%;height: 260px;margin-left: -5px;}
/* 防僞查詢結束 */
/* 門店防僞開始 */
.box_storeOrigin .queryCodeFrom{width: 100%;height: 31px;box-sizing: border-box;position: relative;}
.box_storeOrigin .queryCodeFrom .codeInput{border: none;outline: none;height: 100%;width: 100%;text-indent: 10px;border-bottom: 1px solid #eef1f5;font-size: 13px;}
.box_storeOrigin .querySearch{height: 34px;width: 100%;text-align: center;background-color: #fd8f37;color: #fff;line-height: 34px;border-radius: 5px;margin-top: 15px;font-size: 15px;cursor: pointer;}
.box_storeOrigin .queryCodeStep2,.box_storeOrigin .queryCodeStep3{display: none;}
.box_storeOrigin .queryCodeStep2 > h1,.box_storeOrigin .queryCodeStep3 > h1{text-align: center;padding: 5px 0 15px 0;border-bottom: 1px solid #eef1f5;font-weight: normal;}
.box_storeOrigin .queryCodeStep3 > h1{color:#fd8f37;}
.box_storeOrigin .fw-form-box{width: 100%;background-color: #fff;margin-top: 10px;}
.box_storeOrigin .fw-form-box > ul > li{position: relative;width: 100%;height: 50px;border-bottom: 1px solid #d9e1e8;display:flex;align-items: center;}
.box_storeOrigin .fw-form-box > ul > li > label{display: inline-block;width: 80px;text-align: center;font-size: 16px;}
.box_storeOrigin .fw-form-box > ul > li > input{height: 40px;width: calc(100% - 200px);border: none;outline: none;background: transparent;text-indent: 5px;font-size: 13px;}
.box_storeOrigin .fw-form-box > ul > li .fw-timer-button{position: absolute;top: 9px;right: 7px;width: 100px;height: 30px;border-radius: 5px;text-align: center;line-height: 30px;cursor: pointer;}
.box_storeOrigin .fw-query-btn{margin:15px 10px 10px;width: calc(100% - 20px);height: 36px;line-height: 36px;color: #fff;background-color: #f79619;border-radius: 5px;text-align: center;font-size: 17px;}
.box_storeOrigin .fw-tips{margin:0 10px;width: calc(100% - 20px);}
.box_storeOrigin .productCodeInfoH4{color: #000;font-size: 18px;margin: 10px 0;font-weight: normal;}
.box_storeOrigin .fw-form-box .fw-disable,.box_searchReservation .fw-disable{pointer-events: none;color: #d9d9d9 !important;border: 1px solid #d9d9d9;}
.box_storeOrigin .skin_model_view .query-disable{pointer-events: none;opacity: 0.5;}
.productCodeInfo > h4,.productCodeOriginal > h4{color: #000;font-size: 18px;margin: 10px 0;font-weight: normal;}
.box_storeOrigin .productCodeOriginal > h4{margin-top: 12px;}
.productCodeInfo > p,.productCodeOriginal > p{font-size: 14px;color: #b1b1b1;margin: 0 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.box_storeOrigin .queryResult{padding-left: 10px;}
.box_storeOrigin .querySearchBack{border:1px solid #f79619;color:#f79619;background-color: transparent !important;}
.box_storeOrigin .getBackStep{background-color: transparent;margin-top: 30px;}
.box_storeOrigin .fwJsbridge{display: none;}
#scanQRCode_shop{position: absolute;top: 1px;right: 5px;width:50px;height:30px;display: inline-block;background-image:url("data:image/png;base64,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");background-repeat: no-repeat;background-size: 23px;cursor: pointer;background-position-x: right;background-position-y: center;}
#web_design_main > .fwLoading{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.3);text-align: center;z-index: 999;}
#web_design_main > .fwLoading .weui-loadmore{padding-top: 50%;}
#web_design_main > .fwLoading .weui-loadmore .weui-loadmore__tips{color: #fff;font-size: 15px;padding-left: 5px;}
#fwBMapwrapperStore{width: 100%;margin-left: -5px;}
#storeDistance{padding:10px; overflow: hidden; color:white; font-size: 16px;margin: 0 5px 10px -5px; background: #fd8f37}
#storeDistance span{display: block;font-size: 14px;}
#storeTips{padding:20px; text-align: center;font-size: 16px;color:white; display: none}
/* 門店防僞結束 */
/* 預約組件 */
.box_reservation ul li{font-size:1.5rem;line-height:2rem;color: #B5B5B5;border-bottom:1px solid #ede6e8; border-top-width:3px;margin-bottom:15px; padding:10px 0; position:relative; overflow:hidden;}
.edit .box_reservation ul li{font-size:15px;}
.box_reservation ul li p{overflow: hidden;margin-top:15px;margin-bottom: 10px}
.box_reservation ul li p img{width:100%;border-radius:8px;}
.box_reservation ul li div{width:100%;position:relative;margin-top: 5px;}
.box_reservation ul li label{font-size:1.8rem; color: #111; line-height:3rem;margin:0px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; display: block}
.box_reservation ul li .priceInit{font-style: normal; font-weight: 600; color:red;}
.box_reservation ul li .i_fontSize{font-size: 15px;}
.box_reservation ul li #half{font-size: 150%;}
.edit .box_reservation ul li label{font-size:18px;}
.box_reservation ul li span{display:block;}
.box_reservation ul li text{line-height:2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.box_reservation ul li .oprerate{margin-left:5px;}
.box_reservation ul li .reservationBtn{font-style: normal;right: 5px;background-color: #0e85f6;color: #ffffff;padding: 3px 14px;border-radius: 5px;}
#yyMapWrap{height: 260px;z-index: 999}
#yyBMapwrapper #mapIcon{font-size: 35px; margin: 0 auto; width: 50px; color: #ddd;}
#windowPop{background:#ccc;font-size: 1.4rem; color: #2d2d2d;overflow-y: auto;top: 0; bottom:0;background-color: #fff;width: 100%;margin: 0 auto;height: 100%;z-index: 999;animation: searchWindowAnimate .25s both;/* position: relative;*/max-width: 720px;}
.edit #windowPop{position: absolute;}
.windowPop_head{z-index: 999; background-color:#fff;position: fixed;top:0;right:0;left:0;margin:0 auto;width:100%;padding-left:35px;max-width:720px;height:48px; line-height:48px;border-bottom:1px solid #eef1f5; box-sizing: border-box; background: #fff; text-align: left;font-size: 18px;}
.edit .windowPop_head{position:absolute;top:0; background: #fff;width:100%; height: 48px; line-height: 48px;border-bottom:1px solid #eef1f5; box-sizing: border-box}
.windowPop_head span{font-size: 30px;line-height: 48px; position: absolute;left: 0px;}
.windowPop_body{height: calc(100% - 90px); margin-top:48px; overflow: auto;}
.windowPop_body .re_service{padding: 15px 10px;}
.windowPop_body .re_service>label{display: block;font-size: 1.8rem; text-align: center; color:#111;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.windowPop_body .re_service>span{display: block;color:#807c7d!important;}
.windowPop_body .re_service>text{color:#807c7d;}
.windowPop_body .re_service>text img{max-width: 100%;}
/*.windowPop_body .re_service span img{display: block; width:100%}
.windowPop_body .re_service p{margin:0;}*/
/*2018-6-28*/
body.windowPopBody #webHeaderBox,
body.windowPopBody #design_main,
body.windowPopBody #Web_show_Footer,
body.windowPopBody #service_ver_1,
body.windowPopBody #head_ver_1,
body.windowPopBody #lang_ver_1,
body.windowPopBody #menu_ver_1{display:none!important}
.windowPopBody .showInfo{background: #fff;border-bottom:1px solid #ede6e8;border-top:20px solid #f8f8f8; overflow: hidden; text-align: center;}
.windowPopBody .showInfo >p{font-size: 1.8rem;color: #111;margin:20px 0 8px;}
.windowPopBody .showInfo >span{color: #807c7d; display: block;font-size: 1.4rem;}
.windowPopBody .showInfo >a{font-size: 1.5rem;border-radius:1.5rem;padding:0 3rem; display:inline-block;line-height:3rem;margin:25px 0;color: #fff!important;}
.windowPopBody .showInfo >a:hover{color: #fff;}
.windowPopBody .showInfo >a.fw-disable{opacity:.5; color:#fff!important;}
.windowPop_many{font-size: 1.4rem;position: absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:720px;z-index: 999;background:rgba(0,0,0,.3); display:block;transition: all 2s ease-in}
/*.windowPop_many.on{display: block;}*/
.windowPop_many .windowPop_many_content{position: absolute;width:100%;bottom: 0; background:white;padding-bottom:40px;}
.windowPop_many .windowPop_many_content b{height:40px; display:block; background:#f8f8f8}
.windowPop_many .windowPop_many_content b i{font-size:28px; float:right; line-height:40px; cursor:pointer;}
.windowPopBody .windowPop_many .showInfo{border-top:none;padding: 0 10px 15px;}
.windowPopBody .windowPop_many .showInfo>p,#windowPop .windowPop_many .showInfo>span{text-align: left;}
.windowPopBody .windowPop_many .showInfo>span{text-align: left;line-height:2.4rem;}
.windowPopBody .setInfo .setInfo_list{position:relative;border-top:1px solid #eef1f5;height:50px;}
.windowPopBody .setInfo .setInfo_list:last-child{border-bottom:1px solid #eef1f5;}
.windowPopBody .setInfo .setInfo_list label{position: absolute;left:10px;font-weight: normal;line-height: 50px;}
.windowPopBody .setInfo .setInfo_list .re_select{display: block; text-align: right; width:100%; color: #d5d5d5;line-height: 50px;margin:0; position: relative}
.windowPopBody .setInfo .setInfo_list .re_select i{font-size: 20px;}
.windowPopBody .re_title{height: 48px;line-height: 48px;background: #f8f8f8; padding-left: 10px;}
.windowPop_bottom{position: fixed;bottom:0;right:0;left:0;margin:0 auto;width:100%;max-width:720px; text-align: center;height:42px; line-height:42px;display: block;z-index: 999; font-size: 14px;}
.setInfo_list input.enterInput{line-height:5rem;/*padding:19px 10px 15px;*/ padding-left:10px;outline: none;background: none;border:none;/* line-height: 16px;*/ width:calc(100% - 90px);font-size: 14px;}
.enterInput::-webkit-input-placeholder{line-height:5rem;color:#c4c3c3}
.enterInput::-moz-placeholder{line-height:5rem;color:#c4c3c3}
.enterInput::-ms-input-placeholder{line-height:5rem;color:#c4c3c3}
.windowPopBody .remark{border:none;padding:10px;width:calc(100% - 20px); height: 50px;box-sizing: content-box; resize:none; outline: none;font-size: 1.4rem;}
.remark::-webkit-input-placeholder{color:#c4c3c3}
.remark::-moz-placeholder{color:#c4c3c3}
.remark::-ms-input-placeholder{color:#c4c3c3}
.v_code{background:#fff;border: 1px solid #fd8f37;border-radius: 5px;width: 88px;height: 28px;text-align: center;line-height: 28px;position: absolute;right: 10px;top:9px;color:#fd8f37;cursor: pointer}
.yy_bgColor{background: rgb(253,143,55); color: #fff; cursor: pointer}
.windowPop_repeat_title{border-bottom: 1px solid #eef1f5; background: #fff; min-height: 48px;overflow: hidden; line-height: 48px; font-size:16px; text-align: center; position: relative;}
.windowPop_repeat_title span{position: absolute;left:0px; text-align:left;line-height:48px;font-size: 30px;}
.windowPop_repeat ul{display: block; margin: 30px;}
.windowPop_repeat ul li{min-height: 30px; padding:5px; overflow: hidden; line-height: 25px;}
.windowPop_repeat ul li span{color:#919394;width:90px; display: inline-block;}
.windowPop_repeat_bottom{margin:20px auto;border-radius:5px;height:40px;line-height: 40px;text-align: center;width:90%;}
.clickDetail_only{width: 200px; height:40px; position:relative; margin:0 auto;border-radius:5px;}
.clickDetail_only a{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%); color: #fff;font-size: 14px;}
.clickDetail_only a:hover{color: #fff;}
.yy-disable{pointer-events: none; opacity: .5}
/*2018-5-17*/
.windowPop_sucess_title{font-size: 2.8rem; text-align: center;margin-bottom:20px;}
.windowPop_repeat_print{overflow: hidden;padding: 0;position: relative; background: #fff;}
.windowPop_repeat_print .windowPop_repeat_print{position: absolute;z-index: -1;top:0;}
.windowPop_sucess_title span{opacity: .8;font-size: 1.8rem; display: block;margin-top: 10px;}
.windowPop_sucess_code{font-size: 1.8rem;}
.windowPop_sucess_code span{color:#fd8f37; display: block; font-size: 1.5rem;margin:0;padding-top:5px;}
.windowPop_repeat_print .qrcode_content{box-shadow: 0px 0px 1px rgba(150,150,150,.7);border:1px solid #eeeeee;border-radius:4px;margin-top:20px;margin-bottom:20px;padding:20px 0;overflow:hidden}
.windowPop_repeat_print .qrcode_content .qrcode{width:50%; text-align: center; float:left; position:relative; vertical-align: middle;height: 140px;}
.windowPop_repeat_print .qrcode_content .qrcode img{/* position: absolute;left:50%;top: 50%; transform: translate(-50%,-50%);*/margin-top:8px;}
.windowPop_repeat_print .qrcode_content .barcode{width:48%;text-align: center;border-left:3px solid #f1f1f1;float:right;height: 140px;}
.windowPop_repeat_print .project_content{border:1px solid #eeeeee;border-radius: 2px;padding:15px; overflow:hidden}
.windowPop_repeat_print .project_content p{color:#2d2d2d; font-size: 1.8rem;margin:0px 0 20px;}
.windowPop_repeat_print .project_content .list{line-height:20px;font-size: 1.6rem;color: #2d2d2d;position: relative;margin-bottom:10px; overflow: hidden; padding-left:95px;}
.windowPop_repeat_print .project_content .list span{line-height:20px; width:70px;text-align: justify;text-align-last: justify; color: #d6d6d6;position: absolute;left:0px; top:0;}
.windowPop_repeat_print_bottom div{clear:both; overflow:hidden;margin:20px 0; padding-right:10px;}
.windowPop_repeat_print_bottom div a:first-child{text-decoration:underline; font-size:1.6rem; float:left;padding:5px 10px;}
/*.windowPop_repeat_print_bottom div a:last-child{float:right;font-size:1.6rem;padding:5px 10px;border-radius:5px;}*/
.windowPop_repeat_print_bottom p{border-top:1px solid #dedede; color: #d6d6d6; line-height:20px; text-align:center;margin:0; font-size:1.6rem; padding-top:15px;}
.windowPop_repeat_print .qrcode_content .barcode img{/* transform:rotate(90deg); -ms-transform:rotate(90deg);!* IE 9 *! -moz-transform:rotate(90deg);!* Firefox *! -webkit-transform:rotate(90deg); !* Safari 和 Chrome *! -o-transform:rotate(90deg);*/ margin-top:22px; height:90px;}
.windowPop_sucess_title,.windowPop_sucess_code,.qrcode_content,.project_content,.windowPop_repeat_print_bottom{margin-left:15px;margin-right:15px;}
/* 預約組件結束 */
/*預約查詢組件*/
.box_searchReservation .search-box{width: 100%;height: auto;}
.box_searchReservation .search-box .mob-reservation .search-title{width: 100%;height: 60px;line-height: 60px;font-size: 24px;text-align: center;}
.box_searchReservation .search-box .search-borderBtm{border-bottom: 1px solid #eef1f5;}
.search-botton{margin-bottom: 20px;}
.search-botton span{width:50%; display:inline-block; line-height:40px; text-align:center; font-size:16px; float: left; cursor: pointer}
/*.search-botton span.on{border-bottom: 1px solid #ff692c; color:#ff692c}*/
.box_searchReservation .search-box .mob-reservation .search-item{height: 50px;line-height: 48px;}
.box_searchReservation .search-box .mob-reservation .search-item .search-label{float: left;width: 70px;padding-left: 10px;font-size: 14px;}
.box_searchReservation .search-box .mob-reservation .search-item .search-valTxt{border: none;outline: none;}
.box_searchReservation .search-box .mob-reservation .search-item .search-value{float: left;width: calc(100% - 80px);height: 100%;}
.search-valTxt::-webkit-input-placeholder{line-height:5rem;color:#c4c3c3}
.search-valTxt::-moz-placeholder{line-height:5rem;color:#c4c3c3}
.search-valTxt::-ms-input-placeholder{line-height:5rem;color:#c4c3c3}
.box_searchReservation .search-box .mob-reservation .search-item .search-verCode{float: left;width: calc(100% - 192px);height: 100%;}
.box_searchReservation .search-box .mob-reservation .search-item .search-sendBtn{float: right;}
.box_searchReservation .search-box .mob-reservation .search-item .sendCode-text{display: block;width: 100px;height: 30px;line-height: 30px;margin-top: 10px;border: 1px solid #fd8f37;color: #fd8f37; text-align: center;border-radius: 5px;}
.box_searchReservation .search-box .mob-reservation .search-btn{width: 100%;height: 40px;line-height: 40px; font-size: 15px; background: #fd8f37;border-radius: 5px;color: #fff;margin-top: 15px;text-align: center;}
.box_searchReservation .search-phone-box{display: none;}
.box_searchReservation .search-phone-box .tip-text{text-align: center;margin-top: 10px;color: #d9d9d9;}
.box_searchReservation .phone-box-disabled{color:#d9d9d9;}
.box_searchReservation .search-content input:disabled,
.box_searchReservation .phone-box-disabled input:disabled{background: #fff;}
/* WebKit browsers*/
.box_searchReservation .phone-box-disabled input::-webkit-input-placeholder{color:#d9d9d9;}
/* Mozilla Firefox 4 to 18*/
.box_searchReservation .phone-box-disabled input:-moz-placeholder{color:#d9d9d9;}
/* Mozilla Firefox 19+*/
.box_searchReservation .phone-box-disabled input::-moz-placeholder{color:#d9d9d9;}
/* Internet Explorer 10+*/
.box_searchReservation .phone-box-disabled input:-ms-input-placeholder{color:#d9d9d9;}
/*結果頁樣式*/
.mob-reserRes .reser-header{position: relative; width: 100%;height: 50px;line-height: 50px;font-size: 24px; background: #f8f8f8;text-align: center;}
.mob-reserRes .reser-header .reser-back-icon{position: absolute;display: block; left: 0;top: 0;padding-top: 13px;cursor: pointer;}
.res-item{margin: 0 10px;padding: 15px;border-top: 1px solid #eef1f5;}
.res-item:first-child{border:none}
.res-item li:first-child{font-size:16px;}
.res-item ul{list-style: none;padding: 0;margin: 0;}
.res-item ul li{width: 100%;margin:10px 0;word-wrap: break-word;word-break: break-all;}
.res-item .changeMap{cursor: pointer}
/*.reser-code-remind{color: #fd8f37;}*/
.reser-expired-state{opacity: 0.5}
#laydate_time_tip{text-align: center; font-size: 1.4rem;position: absolute;left:0;top:0;height:60px;width:100%;background: #fff;z-index: 99;}
/*預約查詢組件結束*/
/* 防僞組件開始 */
#fwProdCount{color: #e4393c;}
.box_origin_v1 .queryCodeFrom{width: 100%;height: 31px;box-sizing: border-box;position: relative;}
.box_origin_v1 .queryCodeFrom .codeInput{border: none;outline: none;height: 100%;width: 100%;text-indent: 10px;border-bottom: 1px solid #eef1f5;font-size: 13px;}
.box_origin_v1 .querySearch{height: 34px;width: 100%;text-align: center;background-color: #e4393c;color: #fff;line-height: 34px;border-radius: 5px;margin-top: 15px;font-size: 15px;cursor: pointer;}
.box_origin_v1 .queryCodeStep2,.box_origin_v1 .queryCodeStep1{display: none;}
.box_origin_v1 .queryCodeStep2 > h1,.box_origin_v1 .queryCodeStep3 > h1{text-align: center;padding: 5px 0 15px 0;border-bottom: 1px solid #eef1f5;font-weight: normal;}
.box_origin_v1 .queryCodeStep3 > h1{color:#e4393c;}
.box_origin_v1 .queryCodeStep2 > h1{position: relative;font-size: 20px;}
.box_origin_v1 .queryCodeStep2 > h1 i{position: absolute;left:0px;font-size: 30px; cursor: pointer}
.box_origin_v1 .fw-form-box{width: 100%;background-color: #fff;margin-top: 10px;}
.box_origin_v1 .fw-form-box > ul > li{position: relative;width: 100%;height: 50px;border-bottom: 1px solid #d9e1e8;display:flex;align-items: center;}
.box_origin_v1 .fw-form-box > ul > li > label{display: inline-block;width: 80px;text-align: center;font-size: 16px;}
.box_origin_v1 .fw-form-box > ul > li > input{height: 40px;width: calc(100% - 200px);border: none;outline: none;background: transparent;text-indent: 5px;font-size: 13px;}
.box_origin_v1 .fw-form-box > ul > li .fw-timer-button{position: absolute;top: 9px;right: 7px;width: 100px;height: 30px;border-radius: 5px;text-align: center;line-height: 30px;cursor: pointer;}
.box_origin_v1 .fw-query-btn{margin:15px 10px 10px;width: calc(100% - 20px);height: 36px;line-height: 36px;color: #fff;background-color: #e4393c;border-radius: 5px;text-align: center;font-size: 17px;}
.box_origin_v1 .fw-tips{margin:0 10px;width: calc(100% - 20px);}
.box_origin_v1 .fw-disable{pointer-events: none;color: #d9d9d9 !important;border: 1px solid #d9d9d9 !important;}
.box_origin_v1 .productCodeInfoH4{color: #000;font-size: 18px;margin: 10px 0;font-weight: normal;}
.box_origin_v1 .productCodeOriginal > h4{margin-top: 12px;}
.box_origin_v1 .queryResult p{font-size: 14px;color: #b1b1b1;margin: 0 0 10px;}
.box_origin_v1 .queryResult p.list{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.edit .box_origin_v1 .queryResult{padding-left: 0;}
.box_origin_v1 .queryResult{padding-left: 10px;}
.box_origin_v1 .querySearchBack{border:1px solid #e4393c;color:#e4393c;background-color: transparent !important;}
.box_origin_v1 .getBackStep{background-color: transparent;margin-top: 30px;}
.box_origin_v1 .fwJsbridge{display: none;}
#scanQRCode_origin{position: absolute;top: 1px;right: 5px;width:50px;height:30px;display: inline-block;background-image:url("data:image/png;base64,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");background-repeat: no-repeat;background-size: 23px;cursor: pointer;background-position-x: right;background-position-y: center;}
#fwBMapwrapper,#fwBMapwrapper_origin{width: 100%;margin-left: -5px;}
#storeDistance{padding:10px; overflow: hidden; color:white; font-size: 16px;margin: 0 5px 10px -5px;}
#storeDistance span{display: block;font-size: 14px;}
#storeTips{padding:20px; text-align: center;font-size: 16px;color:white; display: none}
.box_origin_v1 .origin_tab{margin-bottom: 20px;height:40px;}
.box_origin_v1 .origin_tab span{width:50%; display:inline-block; line-height:40px; text-align:center; font-size:16px; float: left; cursor: pointer}
.box_origin_v1 .origin_tab span.on{border-color:#e4393c; border-bottom-width:1px;border-bottom-style:solid;}
/* 防僞組件結束 */
/*在線留言*/
.edit .submit-tips{display: block;}
.submit-tips{display: none;}
.box_msgSubmit .box_msgSubmit .msgSubmitTop{padding-bottom: 1.2rem;}
.box_msgSubmit .msgLine{position: relative; width: 100%;}
.box_msgSubmit .msgTitle{margin-bottom: 0; text-align: left;}
.box_msgSubmit .mbTitle{height: 3.3rem; font-size: 1.6rem; font-weight: 500; color:#666; line-height: 3.3rem; text-align: center; display: inline-block;}
.box_msgSubmit .mbTitle span{display: inline-block; height: 3.3rem; line-height: 3.3rem;}
.box_msgSubmit .iyong-icons-message3:before{padding-right: 0.3rem; font-size: 2rem; vertical-align: top; z-index: 2;}
.box_msgSubmit .submit-tips{text-align: center; overflow: hidden; height: 2.5rem; font-size: 1.2rem; line-height: 2.5rem; background: #fef5d8; color: #eb6a40; width: 100%; margin: 1rem auto 1.4rem auto;}
.box_msgSubmit .msgInput{padding-left:3.5rem; height: 4.2rem; line-height: 4.2rem; font-size: 1.4rem; background-color: #fff; border: 1px solid #ccc; margin-top: -1px; width: 100%; color: #999; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-appearance:none; outline: 0; z-index: 1; position: relative;}
.box_msgSubmit .msgLine>[class^="iyong-icons-"]{position: absolute; top: 1.3rem; left: 1rem; font-size: 1.8rem; z-index: 2; color: #333;}
.box_msgSubmit .iyong-icons-edit4:before{padding-right: 0.3rem; font-size: 2rem; vertical-align: sub; z-index: 2;}
.box_msgSubmit .msgTextarea,.box_msgSubmit .normalTextarea,.box_msgSubmit .msgContent{height: 8.4rem; margin-bottom: 0.6rem; line-height: 2rem; font-size: 1.4rem; width: 100%; border: 1px solid #ccc; background: #fff; -webkit-appearance: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: -1px; outline: 0; z-index: 1; position: relative; text-indent: 0; padding-top: 1rem; padding-right: 0.8rem; padding-left: 3.5rem; color: #999;}
.box_msgSubmit .normalTextarea{display:block;margin-bottom:0;}
.box_msgSubmit .captchaText{padding-left: 1.25px;}
.box_msgSubmit .captchaImg{width: 7.5rem; position: absolute; top: 0.8rem; right:0.5rem; z-index: 2;}
.box_msgSubmit .msgBtn{background: #ccc; border: 0; color: #fff; height: 3.3rem; line-height: 3.3rem; font-size: 1.6rem; text-align: center; margin: 0.8rem auto; padding: 0; width: 100%; display: block; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; outline: 0;}
.box_msgSubmit .msgInput:focus,.box_msgSubmit .msgTextarea:focus{color: #000; border-color: #00a0e9; z-index: 2;}
.box_msgSubmit .showMsgTop{background: 0; margin: 0; width: 100%; padding-bottom: 0;}
.box_msgSubmit .msgArea{padding: 0.5rem 0.5rem 1rem 0.5rem; margin-bottom: 1rem; margin-top: 1rem;}
.box_msgSubmit .msgPanel{background: #e7e7e7;}
.box_msgSubmit .userMsgTitle{min-height: 3rem; line-height: 2.4rem; width: 100%;}
.box_msgSubmit .msgUser{float: left; display: inline-block; height: 3rem; line-height: 3rem; max-width: 30%; color: #999; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 1.2rem; vertical-align: top; margin: 0 0.3rem;}
.box_msgSubmit .userMsgTime{color: #666; float: right; height: 3rem; line-height: 3rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 1.2rem;}
.box_msgSubmit .msgContent{line-height: 2rem; word-wrap: break-word; text-align: justify;}
.box_msgSubmit .msgArrow{font-size: 14px; height: 13px; width: 14px; margin-left: 5px; margin-top: -35px; color: #bdbdbd;}
.box_msgSubmit .replyArea{padding: 0.8rem 0.5rem; margin-left: -0.5rem; width: 97%; word-wrap: break-word; margin-top: -18px; /*color: #bdbdbd;*/ background:#bbb;}
.edit .box_msgSubmit .replyArea{width: 100%;}
.box_msgSubmit .adminReply{float: left; padding-left: 2rem; font-weight: 500; background: url("../image/admin.png") no-repeat; background-position: left; background-size: 1.9rem; height: 3rem; line-height: 3rem; /*color: #fff;*/}
.box_msgSubmit .adminReplyContent{text-align: justify; line-height: 2rem; /*color: #fff;*/}
.box_msgSubmit .noMsgText{background:#f5f5f5; width:100%; height:6rem; text-align:center; line-height:6rem;}
/*顯示留言列表的樣式*/
.box_msgSubmit .noMsgtips{background:#f6f6f6;width:100%;height:4.167rem;text-align:center;line-height:4.167rem;}
.box_msgSubmit .msg_box{margin-bottom: 1.25rem;padding-bottom:0.8rem;border-bottom:1px solid #cdcdcd;}
.box_msgSubmit .msg_box .isSysBox{padding-left: 0.42rem;}
.box_msgSubmit .msg_box .isSysBox span{display: block;}
.box_msgSubmit .msg_box .msg_item{background: #f6f6f6; padding: 0.42rem 0 0 0.42rem;}
.box_msgSubmit .msg_box p,.box_msgSubmit .msg_box .msgCon{margin-bottom: 0.42rem;}
.box_msgSubmit .msg_box > p,.box_msgSubmit .msg_box .msgCon{padding-left: 0.42rem !important;}
.box_msgSubmit .msg_botLine{height:0px;width:100%;border-top:1px solid #eeeeee;margin: 0.6rem 0;}
/* 新版標題組件開始 */
.box_title_v2 .titleModule{margin:0!important;}
.box_title_v2 .title_wrap{position: relative;overflow: hidden;width: 100%;box-sizing: border-box;}
.box_title_v2 .title_wrap .title_wrap_inner{float: left;width: 100%;height: 40px;white-space: nowrap;box-sizing: border-box;}
.box_title_v2 h1,.box_title_v2 h2,.box_title_v2 h3,.box_title_v2 h4,.box_title_v2 h5,.box_title_v2 h6{font-weight: normal;}
.box_title_v2 .title_wrap .title_wrap_inner .title_h5{font-size: 16px!important;margin: 0;line-height: 1;text-align: center;padding: 0;white-space: nowrap;display: inline-block;line-height: 40px;}
.box_title_v2 .title_wrap .title_wrap_a{position:absolute;top:0;right:0;height: 100%;text-align: center;font-size: 35px;font-weight: bold;}
.box_title_v2 .title_wrap .title_wrap_a > i{display: flex;align-items:center;justify-content: center;font-size: 35px;height: 100%;background-repeat: no-repeat;background-size: cover;}
.box_title_v2 .title_wrap .title_wrap_a > span{display: flex;align-items:center;justify-content: center;background-repeat: no-repeat;background-size: cover;width: 25px;height: 25px;position: relative;top: 50%;transform: translateY(-50%);right: 5px;}
.box_title_v2 .title_wrap .title_btn_type_4 > i,.box_title_v2 .title_wrap .title_btn_type_5 > i,.box_title_v2 .title_wrap .title_btn_type_6 > i,.box_title_v2 .title_wrap .title_btn_type_7 > i{font-weight: normal;font-size: 35px;}
/*003 👇*/
.box_title_v2 .title_type_003 .title_wrap_inner{display: block;align-items: center;justify-content: end;padding-left: 10px;}
.box_title_v2 .title_type_003 .title_wrap_inner .title_icon{position: absolute;left:0;display: block;width: 4px;height: 24px; top:50%; margin-top: -12px;}
.box_title_v2 .title_type_003 .title_wrap_inner .title_line{position: absolute;left: 0;bottom: 0;width: 100%;height:0;border-top:1px solid #ddd;}
/*004 👇*/
.box_title_v2 .title_type_004 .title_wrap_inner{display: flex;align-items: center;justify-content: center;}
.box_title_v2 .title_type_004 .title_wrap_inner .title_icon,.box_title_v2 .title_type_004 .title_wrap_inner .title_line{display: none;}
.box_title_v2 .title_type_004 .title_wrap_inner .left_line,.box_title_v2 .title_type_004 .title_wrap_inner .right_line{display: inline-block;vertical-align: middle;content: "";background-color: #ccc;width: 50px;height: 1px;margin: 0 10px;}
/*007 👇*/
.box_title_v2 .title_type_007{border-bottom: 1px solid transparent;}
.box_title_v2 .title_type_007 .title_wrap_inner{display:inline-block;align-items: center;justify-content: end;width: auto;border-radius: 5px 5px 0 0; min-width: 80px; white-space: nowrap;}
.box_title_v2 .title_type_007 .title_wrap_inner .title_icon{display: none;}
.box_title_v2 .title_type_007 .title_wrap_inner .title_h5{padding: 0 8px; line-height: 40px;}
.box_title_v2 .title_type_007 .title_wrap_inner .title_line{position: absolute;bottom: 0;left: 0;width: 100%;height: 0;z-index: -1;}
/*009 👇*/
.box_title_v2 .title_type_009 .title_wrap_inner{display: block;align-items: center;justify-content: end;}
.box_title_v2 .title_type_009 .title_wrap_inner .title_h5{padding-left:10px;}
.box_title_v2 .title_type_009 .title_wrap_inner .title_line{position: absolute;left: 0;bottom: 0;width: 100%;height:0; border-top: 1px solid #ddd;}
.box_title_v2 .title_type_009 .title_wrap_inner .title_icon > i{font-size: 20px;}
.box_title_v2 .title_06_08_09_cls > .title_h5{padding-left: 10px !important;}
.box_title_v2 .title_06_08_09_cls > .title_icon{display: none !important;}
/* 新版標題組件結束 */
/*新版頁面導航 -start*/
.box_location_v2 .view{margin:0}
.box_location_v2 .navList_inner{width:100%; height:40px; white-space:nowrap; box-sizing:border-box;position:relative;overflow:hidden}
.box_location_v2 .skin_nav_view{margin:0;overflow:hidden;width:100%}
.box_location_v2 .navList_inner .location_title_left{font-size: 16px!important;}
.box_location_v2 .skin_t_line{position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-top: 1px solid #ccc;}
.box_location_v2 .navList_type_003 .skin_t_icon{width: 4px; height:24px; position: absolute; left: 0;top:50%; margin-top: -12px;}
.box_location_v2 .navList_type_003 .navList_inner .location_title_left{padding: 0 0 0 10px;margin: 0;line-height:40px;font-size:18px;font-weight: normal;}
.box_location_v2 .navList_type_004 .skin_t_icon, .navList_type_007 .skin_t_icon, .navList_type_009 .skin_t_icon{display:none;}
.box_location_v2 .navList_type_004 .location_title_left{margin:0; line-height:1; text-align:center; white-space:nowrap; line-height:3.3rem;font-size:18px;font-weight: normal;}
.box_location_v2 .navList_type_004 .left_line, .box_location_v2 .navList_type_004 .right_line{display:inline-block; vertical-align:middle; content:""; background-color:#ccc; width:50px; height:1px; margin:0 10px;}
.box_location_v2 .navList_type_004 .navList_inner{display:flex; align-items:center; justify-content:center;}
.box_location_v2 .navList_type_007 .navList_inner{border-bottom-color:#e4393c;}
.box_location_v2 .navList_type_007 .navList_inner .location_title_left{display:inline-block; align-items:center; justify-content:center; background-color:#e4393c; width:auto; border-radius:5px 5px 0 0; line-height: 40px; margin: 0; left: 0;font-size:16px!important;font-weight: normal; padding: 0 8px; min-width: 80px; text-align: center; box-sizing: border-box;}
.box_location_v2 .navList_type_009 .navList_inner .location_title_left{display:flex; justify-content:left; width:auto; border-radius:5px 5px 0 0; line-height: 33px; margin: 0; left: 10px; padding-left:10px;font-size:18px;font-weight: normal;}
.box_location_v2 .navList_type_009 .navList_inner .left_icon{font-size: 30px; line-height: 40px; width: 16px; position: absolute; left: 0; top: 0;}
.box_location_v2 .localNavTip{width:40px;height: 40px;cursor: pointer;display: none;position: absolute;right: 5px;top:0;font-size: 46px;line-height: 40px;}
.box_location_v2 .localNavTip.icon-menuNavTip:before{content:"\e6b0";}
.openlocNav .webAnimation,.openlocNav .webAnimation_v1{transform:translate(-65%,0)!important;}
#localNavbar ul li.itemSelected a{border-left: 5px solid transparent;}
/*新版頁面導航 -end*/
/*新版網站服務-start-*/
#service_ver_1{z-index:25;}
.edit #service_ver_1{width: 396px; position: relative;}
.devpreview #service_ver_1{position: fixed; width: 100%; max-width: 720px; bottom: 0; margin: 0 auto;}
.box_service_v1 #wapService{height:50px; text-align:center; margin:0 auto; width:100%;}
.edit .box_service_v1 #wapService{position:absolute; left: 0; bottom: 0;}
.box_service_v1 #wapService ul{display:flex;}
.box_service_v1 #wapService ul li{flex:1;}
.box_service_v1 #wapService ul li a{color:#FFF; height:50px; display:block; text-decoration:none; text-align:center;}
.box_service_v1 #wapService ul li a span{display:block;}
.box_service_v1 #wapService ul li a span.serviceItemIcon{width: 32px; height: 32px; line-height:32px; font-size:32px; text-align: center; margin: 0 auto; overflow: hidden;padding-top:2px;}
.box_service_v1 #wapService ul li a span.serviceItemIcon.serviceDefaultIcon{font-family:serviceicon !important;font-size:26px;}
.box_service_v1 #wapService .imgContent{width:32px; height:32px; margin:0 auto; background-size:contain; background-repeat: no-repeat; background-position:center;}
.box_service_v1 #wapService ul.com_service_inline{font-size: 0; display: block;}
.box_service_v1 #wapService ul.com_service_inline li{display:inline-block;}
.box_service_v1 #wapService .icon-index::before{content:"\e687"}
.box_service_v1 #wapService .icon-phone:before{content: '\e62d'}
.box_service_v1 #wapService .icon-map:before{content: '\ea9a'}
.box_service_v1 #wapService .icon-mycart::before{content:"\ea7e"}
.box_service_v1 #wapService .icon-login::before{content:"\e91f"}
.box_service_v1 #wapService .icon-msg::before{content:"\e6b5"}
#design .box_service_v1 #wapService .serviceItemName{font-size:12px !important; height:18px; line-height:18px; text-overflow: ellipsis;overflow:hidden;display: block;margin: 0 auto;width: 80%;-webkit-transform:scale(0.917);transform:scale(0.917);}
/* 舵式 */
.box_service_v1 #wapService.wapService2{background:#fff;border-top:1px solid #ddd;}
.box_service_v1 #wapService ul#default2{display:block; position:relative;width:100%;}
.box_service_v1 #wapService ul#default2 li{display:block;float:left;width:calc(25% - 25px);}
.box_service_v1 #wapService ul#default2 li a{color:#666;}
.box_service_v1 #wapService ul#default2 li.fitem_center{margin-top:-20px; position:absolute; text-align:center;width:100px;left:50%;margin-left:-50px;}
.box_service_v1 #wapService ul#default2 li.fitem_center a{background:#fff;z-index:3;position:relative;text-align:center;width:100%;margin-top: 21px;}
.box_service_v1 #wapService ul#default2 li.fitem_center a span.serviceItemIcon,
.box_service_v1 #wapService ul#default2 li.fitem_center .imgContent{border-radius:100%;width:40px;height:40px;color:#fff;text-align:center;line-height:40px;/* margin-top: 0px; */position: absolute;top: -12px;left: 50%;margin-left: -20px;}
.box_service_v1 #wapService ul#default2 li.fitem_center span.before{z-index: 2;display:none;width:100%;max-width:60px;height: 60px;content:"";position:absolute;top:0px;left:50%;margin-left:-30px;border-radius: 30px;z-index:2;/* background: #ccc; */border-top-width: 1px;border-top-style: solid;}
.box_service_v1 #wapService ul#default2 li.fitem_center span.before{display: block; background:#fff;border-top:1px solid #ccc;}
.box_service_v1 #wapService ul#default2 li:nth-child(4){margin-left:100px;}
.box_service_v1 #wapService ul#default2 li.fitem_center .serviceItemName{position:absolute;top:32px;left:0px;text-align:center;height: 100%;width: 100%;display: block;}
/* 方形 */
.box_service_v1 #wapService.wapService3{background:#fff;border-top:1px solid #ddd;}
.box_service_v1 #wapService ul#default3{display:block; position:relative;width:100%;}
.box_service_v1 #wapService ul#default3 li{display:block;float:left;width:calc(25% - 18px);}
.box_service_v1 #wapService ul#default3 li a{color:#666;}
.box_service_v1 #wapService ul#default3 li.fitem_center{margin-top:0px; position:absolute; text-align:center;width:72px;left:50%;margin-left:-36px;}
.box_service_v1 #wapService ul#default3 li a span.serviceItemIcon,
.box_service_v1 #wapService ul#default3 li .imgContent,
.box_service_v1 #wapService ul#default3 li.fitem_center .serviceItemName{display: none;}
.box_service_v1 #wapService ul#default3 li.fitem_center a span.serviceItemIcon,
.box_service_v1 #wapService ul#default3 li.fitem_center .imgContent{z-index:5;display:block;border-radius:6px;width:50px;height:40px;color:#fff;text-align:center;line-height:40px;position: absolute;top: 5px;left: 50%;margin-left: -25px;}
.box_service_v1 #wapService ul#default3 li .serviceItemName{line-height:50px; height: 50px;}
.box_service_v1 #wapService ul#default3 li.fitem_center span.before{display:none;}
.box_service_v1 #wapService ul#default3 li:nth-child(4){margin-left:72px;}
/* 圓形 */
.box_service_v1 #wapService.wapService4{background:#fff;border-top:1px solid #ddd;}
.box_service_v1 #wapService ul#default4{display:block; position:relative;width:100%; overflow: hidden;}
.box_service_v1 #wapService ul#default4 li{display:block;float:left;width:20%;}
.box_service_v1 #wapService ul#default4 li a{color:#666;}
.box_service_v1 #wapService ul#default4 li.fitem_center a span.serviceItemIcon,
.box_service_v1 #wapService ul#default4 li.fitem_center .imgContent{border-radius:100%;width:40px;height:40px;color:#fff;text-align:center;line-height:40px;margin-top:5px;}
.box_service_v1 #wapService ul#default4 li.fitem_center span.before{display:none;}
.box_service_v1 #wapService ul#default4 li.fitem_center .serviceItemName{display: none;}
/*新版網站服務-end-*/
/*新版網站底部footer-start-*/
.toTop_v2{height:40px; width:40px; cursor:pointer; right:10px; bottom:80px; z-index:9; display:none; position: fixed;}
.edit .toTop_v2{position:absolute;}
.toTop_v2 .toTopIcon{height:40px; width:40px; text-align:center; line-height:40px; font-size:14px; color:#FFF;}
.toTop_v2 .toTopIcon.icon{font-size:38px;}
.box_footer_v1 .wapFooter .copyrightPanel
{
    border-top:1px solid #DDD; 
    padding:10px; 
    /* display:flex; 
    justify-content: center; 
    align-items:center; */
}
.box_footer_v1 .wapFooter .copyright{text-align:center;}
.box_footer_v1 .wapFooter .copyright p{margin:0;}
/*新版網站底部footer-end-*/
/*手機1.0結構*/
#webset_ver_1{z-index:60;}
#head_ver_1{z-index:40;position: relative;}
#lang_ver_1{z-index:50;}
#menu_ver_1{z-index:50;position: relative;}
.openNav #menu_ver_1{z-index:500;}
body.devpreview #head_ver_1,body.devpreview #lang_ver_1,body.devpreview #menu_ver_1{width: 100%;position: fixed;max-width: 720px;margin: 0 auto;}
/**STYLE1**//*style1-btn*/
.navButton .menuNav .icon-menuNavTip{color:#fff;}
.navButton .menuNav .icon-menuNavTip:before{content:"\e6b0";}
.navButtonOpen .menuNav .icon-menuNavTip:before{content: '\e66f'}
#menuStyleClass_1 .navButton{position: absolute;z-index: 99;float: left;width: 4rem;height: 4rem;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;}
#menuStyleClass_1 .navButton .menuNav .menuNavTip{line-height: 48px;float: left;width: 48px;height: 48px;cursor: pointer;}
#menuStyleClass_1 .navButton .menuNav .icon-menuNavTip{font-size: 4.6rem;content: '\e6b0';color: #fff;}
.openNav #menuStyleClass_1 .menuNav .icon-menuNavTip:before{content: '\e66f';}
.openNav #menuStyleClass_1 .navButton{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
/*style1-menu*/
.design #menuStyleClass_1 .navbar{position: absolute;z-index: 9;left: -60%;visibility: hidden;overflow-x: hidden;overflow-y: auto;width: 60%;height: 100%;margin: 0;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);border: 0;border-radius: 0;background-color: #404248;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.design #menuStyleClass_1 .navbar .navItem a{font-family: '微軟雅黑';font-size: 1.4rem;position: relative;display: block;overflow: hidden;width: auto;min-width: 80px;max-width: none;padding: 0 1rem;text-align: center;white-space: nowrap;text-decoration: none;word-break: keep-all;}
.design #menuStyleClass_1 .navbar .navbarList{padding-top: 4rem;padding-bottom: 10rem;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;;}
.design #menuStyleClass_1 .navbar .navbarList > ul > li{position: relative;}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a{font-size: 1.4rem;font-weight: normal;line-height: 5rem;position: static;display: block;overflow: hidden;width: 100%;height: 5rem;padding-left: .5rem;text-align: left;white-space: nowrap;text-decoration: none;text-overflow: ellipsis;color: #fff;border-bottom: 1px solid #555;;}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a::after{display: inline-block;height: 100%;content: '';vertical-align: middle;}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a span.navItemIcon,
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a span.iconfont,
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a img{font-size: 3rem;display: inline-block;margin: 0 5px;vertical-align: middle;}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a span.iconfont{margin-left: 8px;margin-right: 0;}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a img{width: 2rem;height: 2rem;margin-left: 10px;}
.design #menuStyleClass_1 .navbar .navItem:after{font-size: 1.4rem;position: absolute;top: 50%;right: 6px;margin-top: -7px;content: '\e672';color: #fff;}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a[data-cname='index.html'] span.navItemIcon:before{content: '\e686';}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a[data-cname='product.html'] span.navItemIcon:before{content: '\e6a9';}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a[data-cname='news.html'] span.navItemIcon:before{content: '\e607';}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a[data-cname='login.html'] span.navItemIcon:before{content: '\e640';}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a[data-cname='register.html'] span.navItemIcon:before{content: '\e660';}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a[data-cname='msg.html'] a span.navItemIcon:before{content: '\e6b5';}
.design #menuStyleClass_1 .navbar .navbarList > ul > li > a span.navItemIcon:before{content: '\e725';}
/*導航欄選中背景*/
.design #menuStyleClass_1 .navbar .navbarList > ul > li.itemSelected > a{border-width: 0 0 1px 5px;border-style: solid;border-top: none;border-right: none;background: #2b2d34;}
.design #menuStyleClass_1 .navbar .navbarList > ul > li:not(.itemSelected) > a{border-left: solid 5px rgba(0,0,0,0);}
.openNav .design #menuStyleClass_1 .navbar{left: 0;display: block;visibility: visible;transition: all 350ms;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;;}
.design #menuStyleClass_1 .navItem .navItemName{display: inline-block;margin: 0 1rem;vertical-align: middle;}
/**STYLE1**//**STYLE2**//*style2-btn*/
#menuStyleClass_2 .navButton{position: fixed;z-index: 99;bottom: 90px;box-sizing: border-box;width: 4rem;height: 4rem;margin-left: .6rem;-webkit-transition: all 350ms;transition: all 350ms;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
body.edit #menuStyleClass_2 .navButton{position: absolute;top: 520px;transition: all 350ms;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
#menuStyleClass_2 .navButton .menuNav .menuNavTip{box-sizing: border-box;width: 4rem;height: 4rem;cursor: pointer;text-align: center;border: 2px solid #fff;border-radius: 50%;-webkit-box-shadow: 0 0 4px rgba(0,0,0,.5);box-shadow: 0 0 4px rgba(0,0,0,.5);}
#menuStyleClass_2 .navButton .menuNav .icon-menuNavTip:before{font-size: 3.5rem;line-height: 3.7rem;content: '\e6b0';text-align: center;}
.openNav #menuStyleClass_2 .navButton .menuNav .icon-menuNavTip:before{content: '\e66f';}
.openNav #menuStyleClass_2 .navButton{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
/*style2-menu*/
.design #menuStyleClass_2 .navbar{position: absolute;z-index: -9;top: 100%;bottom: 0!important;visibility: hidden;overflow-x: hidden;overflow-y: hidden;width: 100%;max-width: 720px;height: 0!important;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;opacity: 0;opacity: .5;background-color: #333;}
.design #menuStyleClass_2 .navbar .navItem a{font-family: '微軟雅黑';font-size: 1.4rem;position: relative;display: block;overflow: hidden;width: auto;min-width: 80px;max-width: none;text-align: center;white-space: nowrap;text-decoration: none;word-break: keep-all;}
.design #menuStyleClass_2 .navbar .navbarList{overflow-x: hidden;overflow-y: scroll;height: 100%;padding-top: 6rem;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.design #menuStyleClass_2 .navbar .navbarList > ul > li > a{font-weight: normal;position: static;display: block;overflow: hidden;width: 100%;height: 100%;text-align: left;white-space: nowrap;text-decoration: none;text-overflow: ellipsis;color: #fff;}
.design #menuStyleClass_2 .navbar .navbarList > ul > li{position: relative;bottom: -20rem;float: left;width: 33.33%;margin: 1rem 0rem;transition: all .4s;opacity: 0;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li{bottom: 0rem;opacity: 1;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(1){transition-delay: 100ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(2){transition-delay: 180ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(3){transition-delay: 260ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(4){transition-delay: 340ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(5){transition-delay: 420ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(6){transition-delay: 500ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(7){transition-delay: 580ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(8){transition-delay: 640ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(9){transition-delay: 720ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(10){transition-delay: 760ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(11){transition-delay: 800ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(12){transition-delay: 840ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(13){transition-delay: 880ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(14){transition-delay: 920ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(15){transition-delay: 960ms;}
.openNav .design #menuStyleClass_2 .navbar .navbarList > ul > li:nth-child(16){transition-delay: 1000ms;}
.design #menuStyleClass_2 .navbar .navbarList > ul > li > a span.navItemIcon,
.design #menuStyleClass_2 .navbar .navbarList > ul > li > a span.iconfont,
.design #menuStyleClass_2 .navbar .navbarList > ul > li > a img{font-size: 3rem;line-height: 3.4rem;display: block;display: block;width: 3.5rem;height: 3.5rem;margin: 0 auto;text-align: center;vertical-align: middle;/*color: rgb(255,255,255);*//*border: 2px solid #fff;*/border-width: 2px;border-style: solid;border-radius: 100%;}
.design #menuStyleClass_2 .navbar .navItem:after{display: none;}
.design #menuStyleClass_2 .navbar .navbarList > ul > li > a[data-cname='index.html'] span.navItemIcon:before{content: '\e686';}
.design #menuStyleClass_2 .navbar .navbarList > ul > li > a[data-cname='product.html'] span.navItemIcon:before{content: '\e6a9';}
.design #menuStyleClass_2 .navbar .navbarList > ul > li > a[data-cname='news.html'] span.navItemIcon:before{content: '\e607';}
.design #menuStyleClass_2 .navbar .navbarList > ul > li > a[data-cname='login.html'] span.navItemIcon:before{content: '\e640';}
.design #menuStyleClass_2 .navbar .navbarList > ul > li > a[data-cname='register.html'] span.navItemIcon:before{content: '\e660';}
.design #menuStyleClass_2 .navbar .navbarList > ul > li > a[data-cname='msg.html'] a span.navItemIcon:before{content: '\e6b5';}
.design #menuStyleClass_2 .navbar .navbarList > ul > li > a span.navItemIcon:before{content: '\e725';}
/*導航欄選中背景*/
.design #menuStyleClass_2 .navbar .navbarList > ul > li.itemSelected{border: none;}
.design #menuStyleClass_2 .navbar .navbarList > ul > li.itemSelected > a{color: #fff;/* background:#de3838;*/border-radius: 3rem 0 0 3rem;}
.openNav .design #menuStyleClass_2 .navbar{position: absolute;z-index: 6;top: -4px;visibility: visible;width: 100%;height: 101%!important;-webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;opacity: .8;/* overflow-y: hidden!important;*/}
.design #menuStyleClass_2 .navbar .navbarList > ul > li.itemSelected > a span.navItemIcon{background: #fff;}
.design #menuStyleClass_2 .navbar .navbarList > ul > li.itemSelected > a span.iconfont{background: #fff !important;}
.design #menuStyleClass_2 .navItem .navItemName{display: block;margin: .8rem .5rem;text-align: center;}
/**STYLE2**//**STYLE3**//*style3-btn*/
#menuStyleClass_3 .navButton{position: fixed;z-index: 99;bottom: 90px;width: 4.5rem;height: 4rem;margin-left: 1rem;}
body.edit #menuStyleClass_3 .navButton{position: absolute;z-index: 8;top: 520px;text-align: center;border-radius: 5rem;}
#menuStyleClass_3 .navButton .menuNav .menuNavTip{float: left;width: 4rem;height: 4rem;cursor: pointer;text-align: center;border-radius: .5rem;box-shadow: 0 0 4px rgba(0,0,0,.5);}
#menuStyleClass_3 .navButton .menuNav .icon-menuNavTip:before{font-size: 4rem;line-height: 4rem;content: '\e6b0';}
.openNav #menuStyleClass_3 .navButton{display: none;}
/*style3-menu*/
.design #menuStyleClass_3 .navbar{position: absolute;z-index: 9;left: -100%;visibility: hidden;overflow-x: hidden;overflow-y: auto;width: 60%;height: 100%;margin: 0;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);border: 0;border-radius: 0;background-color: #fff;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.design #menuStyleClass_3 .navbar .navItem a{font-family: '微軟雅黑';font-size: 1.4rem;position: relative;display: block;overflow: hidden;width: auto;min-width: 80px;max-width: none;padding: 0 1rem;text-align: center;white-space: nowrap;text-decoration: none;word-break: keep-all;}
.design #menuStyleClass_3 .navbar .navbarList{padding-top: 4rem;padding-bottom: 10rem;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;;}
.design #menuStyleClass_3 .navbar .navbarList > ul > li{position: relative;transform: translate(-100%,0);text-align: center;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li{transition: all 450ms;transform: translate(0,0);}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(1){transition-delay: 200ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(2){transition-delay: 260ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(3){transition-delay: 320ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(4){transition-delay: 410ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(5){transition-delay: 500ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(6){transition-delay: 560ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(7){transition-delay: 600ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(8){transition-delay: 660ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(9){transition-delay: 700ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(10){transition-delay: 720ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(11){transition-delay: 740ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(12){transition-delay: 760ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(13){transition-delay: 780ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(14){transition-delay: 800ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(15){transition-delay: 820ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(16){transition-delay: 840ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(17){transition-delay: 860ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(18){transition-delay: 880ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(19){transition-delay: 900ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(20){transition-delay: 920ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(21){transition-delay: 940ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(22){transition-delay: 960ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(23){transition-delay: 980ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(24){transition-delay: 1000ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(25){transition-delay: 1020ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(26){transition-delay: 1040ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(27){transition-delay: 1060ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(28){transition-delay: 1080ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(29){transition-delay: 1100ms;}
.openNav .design #menuStyleClass_3 .navbar .navbarList > ul > li:nth-child(30){transition-delay: 1120ms;}
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a{font-size: 1.4rem;font-weight: normal;line-height: 4rem;position: static;display: block;overflow: hidden;padding-left: 2.5rem;text-align: left;white-space: nowrap;text-decoration: none;text-overflow: ellipsis;color: #000;border-bottom: 1px solid #d0d0d0!important;}
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a span.navItemIcon,
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a span.iconfont,
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a img{margin-right: 1rem;font-size: 2.5rem;display: inline;width: 100%;margin-top: .5rem;text-align: center;vertical-align: middle;}
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a img{display: inline-block;width: 2rem;height: 2rem;margin: .5rem auto;margin-right: 1rem;}
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a span.navItemIcon{display: inline-block;width: 2rem;margin-top: 0;margin-right: 1rem;vertical-align: middle;}
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a[data-cname='index.html'] span.navItemIcon:before{content: '\e686';}
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a[data-cname='product.html'] span.navItemIcon:before{content: '\e6a9';}
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a[data-cname='news.html'] span.navItemIcon:before{content: '\e607';}
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a[data-cname='login.html'] span.navItemIcon:before{content: '\e640';}
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a[data-cname='register.html'] span.navItemIcon:before{content: '\e660';}
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a[data-cname='msg.html'] a span.navItemIcon:before{content: '\e6b5';}
.design #menuStyleClass_3 .navbar .navbarList > ul > li > a span.navItemIcon:before{content: '\e725';}
/*導航欄選中背景*/
.design #menuStyleClass_3 .navbar .navbarList > ul > li.itemSelected > a{color: #2b2d34;border-width: 0 0 1px 5px;border-style: solid;border-top: none;border-right: none;}
.design #menuStyleClass_3 .navbar .navbarList > ul > li:not(.itemSelected) > a{border-left: solid 5px rgba(0,0,0,0);}
.openNav .design #menuStyleClass_3 .navbar{left: 0;display: block;visibility: visible;transition: all 350ms;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.design #menuStyleClass_3 .navItem .navItemName{width: 100%;text-align: center;vertical-align: middle;}
/**STYLE3**//**STYLE4**//*style4-btn*/
#menuStyleClass_4 .navButton{position: absolute;z-index: 99;float: left;width: 4rem;height: 4rem;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;}
#menuStyleClass_4 .navButton .menuNav .menuNavTip{line-height: 48px;float: left;width: 48px;height: 48px;cursor: pointer;}
#menuStyleClass_4 .navButton .menuNav .icon-menuNavTip:before{font-size: 4.6rem;content: '\e6b0';}
.openNav #menuStyleClass_4 .menuNav .icon-menuNavTip:before{content: '\e66f';}
.openNav #menuStyleClass_4 .navButton{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
/*style4-menu*/
.openNav #menuStyleClass_4 #navbar .c_langBox{overflow: hidden;width: 100%;height: 100%;padding: 8px 0;border-top: 1px solid #f0f0f0;}
.openNav #menuStyleClass_4 #navbar .c_langBox .c_langList li{float: left;width: 33%;}
.openNav #menuStyleClass_4 #navbar .c_langBox .c_langList li a{padding: 0 1rem;line-height: 3rem;display: block;width: 100%;height: 3rem;text-align: left;}
.openNav #menuStyleClass_4 #navbar .c_langBox .c_langList li a p{font-size: 1.4rem;line-height: 3rem;display: inline-block;overflow: hidden;width: 56px;height: 3rem;margin-bottom: 0;padding: 0;white-space: nowrap;text-overflow: ellipsis;}
.openNav #menuStyleClass_4 #navbar .c_langBox .c_langList li a span{margin-right: 6px;display: inline-block;float: left;width: 19px;height: 15px;margin-top: .8rem;margin-left: 3px;background: url(../image/language.png) no-repeat;background-size: 138px;}
.openNav #menuStyleClass_4 #navbar .c_mulArea{line-height: 3rem;width: 100%;height: 3rem;margin: 20px 0;padding: 0;}
/*登錄後的信息*/
.openNav #menuStyleClass_4 #navbar .c_memArea{line-height: 50px;width: calc(100% - 40px);height: 50px;margin: 20px;}
.openNav #menuStyleClass_4 #navbar .c_memArea .c_memBox{display: block;float: left;width: 80%;height: 50px;}
.openNav #menuStyleClass_4 #navbar .c_memArea .c_memImg{display: inline-block;width: 50px;height: 50px;}
.openNav #menuStyleClass_4 #navbar .c_memArea .c_memImg img{width: 100%;height: 100%;border-radius: 100%;}
.openNav #menuStyleClass_4 #navbar .c_memArea .mulLogin{font-size: 1.4rem;line-height: 50px;display: inline-block;overflow: hidden;width: 80%;margin-left: 14px;vertical-align: top;white-space: nowrap;text-overflow: ellipsis;}
.openNav #menuStyleClass_4 #navbar .c_memArea .c_memExit{font-size: 1.4rem;line-height: 50px;display: block;float: right;vertical-align: top;}
.openNav #menuStyleClass_4 #navbar .c_memArea .c_memExit .mulExit:after{margin-left: 4px;content: '>';}
.openNav #menuStyleClass_4 #navbar .c_mulArea a{display: inline-block;width: calc(50% - 45px);text-align: center;color: #f00;border: 1px solid #f00;border-radius: 4px;}
.openNav #menuStyleClass_4 #navbar .c_mulArea .mulRegister{color: #fff;background: #f00;}
.openNav #menuStyleClass_4 #navbar .c_mulArea .mulIcon-login{width: calc(50% - 40px);margin: 0 10px 0 20px;}
.openNav #menuStyleClass_4 #navbar .c_mulArea .mulIcon-reg{width: calc(50% - 30px);margin: 0 20px 0 10px;}
.openNav #menuStyleClass_4 #navbar .c_mulArea a span{line-height: 3rem;display: inline-block;width: 100%;vertical-align: baseline;}
.design #menuStyleClass_4 .navbar{position: absolute;z-index: 9;top: 0;visibility: hidden;overflow-x: hidden;overflow-y: auto;width: 100%;height: 0;margin: 0;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;-webkit-transform: translate(0,-100%);-moz-transform: translate(0,-100%);-ms-transform: translate(0,-100%);-o-transform: translate(0,-100%);transform: translate(0,-100%);border: 0;border-radius: 0;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.design #menuStyleClass_4 .navbar .navItem{float: left;width: 33%;}
.design #menuStyleClass_4 .navbar .navItem a{font-family: '微軟雅黑';font-size: 1.4rem;position: relative;overflow: hidden;width: auto;min-width: 80px;max-width: none;text-align: center;white-space: nowrap;text-decoration: none;/* padding:0 1rem;*/word-break: keep-all;/* border-right: 1px solid;*/}
.design #menuStyleClass_4 .navbar .navbarList{min-height: 45px; overflow: hidden;height: 100%;padding: 10px;border-bottom: 1px solid #f0f0f0;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.design #menuStyleClass_4 .navbar .navbarList > ul{margin: 0;}
.design #menuStyleClass_4 .navbar .navbarList > ul > li{position: relative;}
.design #menuStyleClass_4 .navbar .navbarList > ul > li > a{font-family: 'Microsoft YaHei';font-size: 1.4rem;line-height: 3.6rem;display: block;overflow: hidden;width: 100%;height: 3.5rem;padding: 0 1rem;text-align: left;white-space: nowrap;white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;}
.design #menuStyleClass_4 .navbar .navbarList > ul > li > a span.navItemIcon,
.design #menuStyleClass_4 .navbar .navbarList > ul > li > a span.iconfont,
.design #menuStyleClass_4 .navbar .navbarList > ul > li > a img{width: 2rem;height: inherit;line-height: inherit;margin-right: 3px;font-size: 2.5rem;display: inline-block;vertical-align: middle;}
.design #menuStyleClass_4 .navbar .navbarList > ul > li > a[data-cname='index.html'] span.navItemIcon:before{content: '\e686';}
.design #menuStyleClass_4 .navbar .navbarList > ul > li > a[data-cname='product.html'] span.navItemIcon:before{content: '\e6a9';}
.design #menuStyleClass_4 .navbar .navbarList > ul > li > a[data-cname='news.html'] span.navItemIcon:before{content: '\e607';}
.design #menuStyleClass_4 .navbar .navbarList > ul > li > a[data-cname='login.html'] span.navItemIcon:before{content: '\e640';}
.design #menuStyleClass_4 .navbar .navbarList > ul > li > a[data-cname='register.html'] span.navItemIcon:before{content: '\e660';}
.design #menuStyleClass_4 .navbar .navbarList > ul > li > a[data-cname='msg.html'] a span.navItemIcon:before{content: '\e6b5';}
.design #menuStyleClass_4 .navbar .navbarList > ul > li > a span.navItemIcon:before{content: '\e725';}
.design #menuStyleClass_4 .navItem .navItemName{vertical-align: middle;display:inline-block;height: inherit;line-height: inherit;}
/*導航欄選中背景*/
.design #menuStyleClass_4 .navbar .navbarList > ul > li.itemSelected > a{color: #fff;}
.openNav .design #menuStyleClass_4 .navbar{display: block;visibility: visible;height: auto;max-height: 70%;transition: all 350ms;-webkit-transform: translate(0%,4rem);transform: translate(0%,4rem);background-color: #fff;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
/**STYLE4**//**STYLE5**//*style5-btn*/
#menuStyleClass_5 .navButton{position: fixed;z-index: 99;width: 4rem;height: 4rem;}
#menuStyleClass_5 .navButton{position: absolute;z-index: 99;width: 4rem;height: 4rem;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;}
#menuStyleClass_5 .navButton .menuNav .menuNavTip{line-height: 48px;float: left;width: 48px;height: 48px;cursor: pointer;text-align: center;vertical-align: middle;}
#menuStyleClass_5 .navButton .menuNav .icon-menuNavTip:before{font-size: 4.6rem;content: '\e6b0';}
.openNav #menuStyleClass_5 .menuNav .icon-menuNavTip:before{content: '\e66f';}
.openNav #menuStyleClass_5 .navButton{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
/*style5-menu*/
.design #menuStyleClass_5 .navbar{position: absolute;z-index: 9;top: 48px;/*top: -97%;*/visibility: hidden;overflow-x: hidden;overflow-y: auto;width: 100%;height: 0;margin: 0;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;-webkit-transform: translate(0,-100%);-moz-transform: translate(0,-100%);-ms-transform: translate(0,-100%);-o-transform: translate(0,-100%);transform: translate(0,-100%);border: 0;border-radius: 0;background-color: #fff;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;/*min-height: 30px;*/}
.design #menuStyleClass_5 .navbar .navItem a{font-family: '微軟雅黑';font-size: 1.4rem;/*display:block;*/position: relative;overflow: hidden;width: auto;min-width: 80px;max-width: none;padding: 0 1rem;text-align: center;white-space: nowrap;text-decoration: none;word-break: keep-all;}
.design #menuStyleClass_5 .navbar .navbarList{min-height: 45px;padding: 10px;overflow: hidden;height: 100%;border-bottom: 1px solid #f0f0f0;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.design #menuStyleClass_5 .navbar .navbarList > ul > li{float: left;/*position:relative;*/width: 50%;}
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a{font-size: 1.4rem;font-weight: normal;line-height: 4rem;position: static;display: block;/*border-bottom: 1px solid #d0d0d0;*/overflow: hidden;width: 100%;height: 4rem;padding-left: .5rem;text-align: left;white-space: nowrap;text-decoration: none;text-overflow: ellipsis;color: #000;}
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a span.navItemIcon,
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a span.iconfont,
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a img{font-size: 3rem;display: inline-block;vertical-align: middle;}
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a img{height: 30px;width: 30px;}
/*.design #menuStyleClass_5 .navbar .navItem:after{content:'\e672';font-size: 2.4rem;color: #000;right: 6px;top: 17px;position: absolute;}*/
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a[data-cname='index.html'] span.navItemIcon:before{content: '\e686';}
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a[data-cname='product.html'] span.navItemIcon:before{content: '\e6a9';}
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a[data-cname='news.html'] span.navItemIcon:before{content: '\e607';}
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a[data-cname='login.html'] span.navItemIcon:before{content: '\e640';}
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a[data-cname='register.html'] span.navItemIcon:before{content: '\e660';}
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a[data-cname='msg.html'] a span.navItemIcon:before{content: '\e6b5';}
.design #menuStyleClass_5 .navbar .navbarList > ul > li > a span.navItemIcon:before{content: '\e725';}
/*導航欄選中背景*/
.design #menuStyleClass_5 .navbar .navbarList > ul > li.itemSelected > a{color: #2b2d34;}
.design #menuStyleClass_5 .navItem .navItemName{margin: 0 1rem;}
.openNav .design #menuStyleClass_5 .navbar{display: block;visibility: visible;height: auto;max-height: 70%;/*top: 0px;*/transition: all 350ms;-webkit-transform: translate(0%,0%);transform: translate(0%,0%);background: rgba(255,255,255,.96);-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.openNav .design #menuStyleClass_5 .navbar .navbarList{clear: both;}
/*語言欄*/
.openNav #menuStyleClass_5 #navbar .c_mulArea{display: none;}
.openNav #menuStyleClass_5 #navbar .c_langBox{overflow: hidden;width: 100%;padding: 8px 0;border-top: 1px solid #f0f0f0;}
.openNav #menuStyleClass_5 #navbar .c_langBox .c_langList li{float: left;width: 50%;}
.openNav #menuStyleClass_5 #navbar .c_langBox .c_langList li a{line-height: 3rem;display: block;width: 100%;height: 3rem;text-align: left;}
.openNav #menuStyleClass_5 #navbar .c_langBox .c_langList li a p{font-size: 1.4rem;line-height: 3rem;display: inline-block;overflow: hidden;width: 110px;height: 3rem;margin-bottom: 0;margin-left: 1.5rem;padding: 0;white-space: nowrap;text-overflow: ellipsis;}
.openNav #menuStyleClass_5 #navbar .c_langBox .c_langList li a span{display: inline-block;float: left;width: 19px;height: 15px;margin-top: .8rem;margin-left: 12px;background: url(../image/language.png) no-repeat;background-size: 138px;}
/**STYLE5**//**PUBLIC**//*導航欄遮罩*/
#mob_nav_mask{position: absolute;z-index: 5;top: 0;left: 0;display: none;width: 100%;height: 100%;cursor: pointer;opacity: .5;background: #333;}
/*style6-btn*/
#menuStyleClass_6 .navButton{position: absolute;z-index: 99;right:0;width: 4rem;height: 4rem;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;}
#menuStyleClass_6 .navButton .menuNav .icon-menuNavTip:before{font-size: 4.6rem;content: '\e6b0';}
#menuStyleClass_6 .navButton .menuNav .menuNavTip{line-height: 48px;float: right;width: 48px;height: 48px;cursor: pointer;text-align: center;vertical-align: middle;}
/* .openNav #menuStyleClass_6 .menuNav .icon-menuNavTip:before{content: '\e66f';}
.openNav #menuStyleClass_6 .navButton{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} */
/*style6-menu*/
.design #menuStyleClass_6 .navbar{position: relative;z-index: 9;right: -100%;overflow-x: hidden;overflow-y: auto;width: 100%;height: 100%;margin: 0;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);border: 0;border-radius: 0; /* background-color: #404248; */ background-color:#fff; visibility: visible;
-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.design #menuStyleClass_6 .navbar .navbarList > ul > li{position: relative;}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a{font-size: 1.4rem;font-weight: normal;line-height: 5rem;position: static;display: block;overflow: hidden;width: 100%;height: 5rem;padding-left: .5rem;text-align: left;white-space: nowrap;text-decoration: none;text-overflow: ellipsis; /* border-bottom: 1px solid #555; */ /* color: #fff; */ color:#1f2329;}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a::after{display: inline-block;height: 100%;content: '';vertical-align: middle;}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a span.navItemIcon,
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a span.iconfont,
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a img{font-size: 3rem;display: inline-block;margin: 0 5px;vertical-align: middle;}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a span.iconfont{margin-left: 8px;margin-right: 0;}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a img{width: 2rem;height: 2rem;margin-left: 10px;}
.design #menuStyleClass_6 .navbar .navItem:after{font-size: 1.4rem;position: absolute;top: 50%;right: 6px;margin-top: -7px;content: '\e672';margin-right:20px;}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a[data-cname='index.html'] span.navItemIcon:before{content: '\e686';}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a[data-cname='product.html'] span.navItemIcon:before{content: '\e6a9';}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a[data-cname='news.html'] span.navItemIcon:before{content: '\e607';}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a[data-cname='login.html'] span.navItemIcon:before{content: '\e640';}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a[data-cname='register.html'] span.navItemIcon:before{content: '\e660';}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a[data-cname='msg.html'] a span.navItemIcon:before{content: '\e6b5';}
.design #menuStyleClass_6 .navbar .navbarList > ul > li > a span.navItemIcon:before{content: '\e725';}
.design #menuStyleClass_6 .navItem .navItemName{display: inline-block;margin: 0 3rem;}
/*導航欄選中背景*/
.design #menuStyleClass_6 .navbar .navbarList > ul > li.itemSelected > a{/* border-width: 0 0 1px 5px;border-style: solid;border-top: none;border-right: none;background: #2b2d34; */}
/* .design #menuStyleClass_6 .navbar .navbarList > ul > li:not(.itemSelected) > a{border-left: solid 5px rgba(0,0,0,0);} */
/* .openNav .design #menuStyleClass_6 .navbar{left: 0;display: block;visibility: visible;transition: all 350ms;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;;} */
/*導航欄選中背景*/
#menuStyleClass_6 .skin_navbar_wapper{position: absolute;right: 0;width: 53%;height: 100%;margin: 0;overflow: hidden;}
.openRight .design #menuStyleClass_6 .navbar{right: 0;display: block;visibility: visible;transition: all 350ms;backface-visibility: hidden;}
body.edit.openNav.openRight #menu_ver_1 #mob_nav_mask{top: 0px;}
/* .openRight .design #menuStyleClass_6 .navbar{right: 0;display: block;visibility: visible;transition: all 350ms;backface-visibility: hidden;} */
/* .openNav .design #menuStyleClass_6 .navbar{right: 0;display: block;visibility: visible;transition: all 350ms;backface-visibility: hidden;} */
/*style7-btn*/
#menuStyleClass_7 .navButton{position: absolute;z-index: 99;right:0;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;}
#menuStyleClass_7 .navButton .menuNav .icon-menuNavTip:before{font-size: 4.6rem;content: '\e6b0';}
#menuStyleClass_7 .navButton .menuNav .menuNavTip{line-height: 48px;float: right;width: 48px;height: 48px;cursor: pointer;text-align: center;vertical-align: middle;}
.openNav #menuStyleClass_7 .menuNav .icon-menuNavTip:before{content: '\e66f';}
.openNav #menuStyleClass_7 .navButton{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
/*style6-menu*/
.design #menuStyleClass_7 .navbar{position: absolute;z-index: 9;right: -100%;visibility: hidden;overflow-x: hidden;overflow-y: auto;width: 100%;height: 100%;margin: 0;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);border: 0;border-radius: 0;background-color: #fff;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
.design #menuStyleClass_7 .navbar .navItem a{font-family: '微軟雅黑';font-size: 1.4rem;position: relative;display: block;overflow: hidden;width: auto;min-width: 80px;max-width: none;padding: 0 1rem;text-align: center;white-space: nowrap;text-decoration: none;word-break: keep-all;}
.design #menuStyleClass_7 .navbar .navbarList{padding-bottom: 10rem;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;;}
.design #menuStyleClass_7 .navbar .navbarList > ul{overflow-x: hidden;}
.design #menuStyleClass_7 .navbar .navbarList > ul > li{position: relative;transform: translate(100%,0);}
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a{font-size: 1.4rem;font-weight: normal;position: static;display: block;overflow: hidden;width: 100%;height: 7rem;padding-left: .5rem;text-align: center;white-space: nowrap;text-decoration: none;text-overflow: ellipsis;color: #000;border-bottom: 1px solid #d0d0d0;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;align-items: center;}
/* .design #menuStyleClass_7 .navbar .navbarList > ul > li > a::after{display: inline-block;height: 100%;content: '';vertical-align: middle;} */
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a span.navItemIcon,
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a span.iconfont,
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a img{font-size: 3rem;display: inline-block;vertical-align: middle;}
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a span.navItemIcon{display: block;text-align: center;margin: 0 0 0.5rem 0;}
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a span.iconfont{margin-right: 0;}
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a img{width: 2rem;height: 2rem;    margin-bottom: 6px;
    margin-top: 3px;}
/* .design #menuStyleClass_7 .navbar .navItem:after{font-size: 1.4rem;position: absolute;top: 50%;right: 6px;margin-top: -7px;content: '\e672';color: #fff;} */
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a[data-cname='index.html'] span.navItemIcon:before{content: '\e686';}
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a[data-cname='product.html'] span.navItemIcon:before{content: '\e6a9';}
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a[data-cname='news.html'] span.navItemIcon:before{content: '\e607';}
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a[data-cname='login.html'] span.navItemIcon:before{content: '\e640';}
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a[data-cname='register.html'] span.navItemIcon:before{content: '\e660';}
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a[data-cname='msg.html'] a span.navItemIcon:before{content: '\e6b5';}
.design #menuStyleClass_7 .navbar .navbarList > ul > li > a span.navItemIcon:before{content: '\e725';}
/*導航欄選中背景*/
#menuStyleClass_7 .skin_navbar_wapper{position: absolute;right: 0;width:35%;height: 100%;margin: 0;overflow: hidden;}
.openRight .design #menuStyleClass_7 .navbar{top:48px;right: 0;display: block;visibility: visible;transition: all 350ms;backface-visibility: hidden;}
.design #menuStyleClass_7 .navbar .navbarList > ul > li.itemSelected > a{border-width: 0 0 1px 5px;border-style: solid;border-top: none;border-right: none;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li{transform:translate(0,0);transition:all 450ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(1){transition-delay:200ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(2){transition-delay:260ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(3){transition-delay:320ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(4){transition-delay:410ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(5){transition-delay:500ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(6){transition-delay:560ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(7){transition-delay:600ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(8){transition-delay:660ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(9){transition-delay:700ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(10){transition-delay:720ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(11){transition-delay:740ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(12){transition-delay:760ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(13){transition-delay:780ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(14){transition-delay:800ms;}
.openRight .design #menuStyleClass_7 .navbar .navbarList > ul > li:nth-child(15){transition-delay:820ms;}
/* .design #menuStyleClass_7 .navbar .navbarList > ul > li:not(.itemSelected) > a{border-left: solid 5px rgba(0,0,0,0);}
.openNav .design #menuStyleClass_1 .navbar{left: 0;display: block;visibility: visible;transition: all 350ms;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;;}
.design #menuStyleClass_7 .navItem .navItemName{display: inline-block;margin: 0 1rem;vertical-align: middle;} */
/*全局默認效果*/
.webAnimation_v1{transition: all 350ms;}
.webAnimation_v2{transition: all 350ms;}
/*全局移動效果*/
.openNav .webAnimation_v1{-webkit-transform: translate(60%,0);-moz-transform: translate(60%,0);-ms-transform: translate(60%,0);-o-transform: translate(60%,0);transform: translate(60%,0);}
/* cyj菜單 */
.openNav.openRight .webAnimation_v1{-webkit-transform: translate(-60%,0);-moz-transform: translate(-60%,0);-ms-transform: translate(-60%,0);-o-transform: translate(-60%,0);transform: translate(-60%,0);}
.openNav.openRight .webAnimation_v2{-webkit-transform: translate(-35%,0);-moz-transform: translate(-35%,0);-ms-transform: translate(-35%,0);-o-transform: translate(-35%,0);transform: translate(-35%,0);}
.openNav #navbar #navbarList ul li.c_langBox a span.national{display: inline-block;float: left;width: 19px;height: 15px;margin-top: .8rem;margin-left: 20px;background: url(../image/language.png) no-repeat;background-size: 138px;}
.openNav #menuStyleClass_1 #navbar #navbarList ul li.c_langBox a span.national{position: relative;top: 1.3rem;;right: 10px;}
.openNav #menuStyleClass_2 #navbar #navbarList ul div.c_langBox{overflow: hidden;width: 100%;border-top: solid 1px #5d5d5d;padding: 10px;}
.openNav #menuStyleClass_2 #navbar #navbarList ul div.c_langBox .navItemName{padding-left: 40%;text-align: left;color: white;}
.openNav #menuStyleClass_2 #navbar #navbarList ul div.c_langBox .navItemName.noIcon{padding-left: 0;text-align: center;}
.openNav #menuStyleClass_2 #navbar #navbarList ul li{float: left;width: 33.3%;}
.openNav #menuStyleClass_2 #navbar #navbarList ul li.c_langBox a span.national{position: absolute;right: 60%;}
.openNav #menuStyleClass_3 #navbar #navbarList ul li.c_langBox a span.national{position: relative;top: .8rem;margin-right: 12px;margin-left: 6px;}
.openNav #menuStyleClass_6 #navbar #navbarList ul li.c_langBox a span.national {margin-top: 2rem;margin-left: 12px;margin-right: 8px;}
.openNav #menuStyleClass_7 #navbar #navbarList ul li.c_langBox a span.national {margin-bottom: 8px; margin-top: .8rem;margin-left:0;}
.openNav #navbar #navbarList .c_langBox a span.cn{background-position: 0 0!important;}
.openNav #navbar #navbarList .c_langBox a span.tw{background-position: 0 -235px!important;}
.openNav #navbar #navbarList .c_langBox a span.en{background-position: 0 -16px!important;}
.openNav #navbar #navbarList .c_langBox a span.ko{background-position: 0 -31px!important;}
.openNav #navbar #navbarList .c_langBox a span.ja{background-position: 0 -46px!important;}
.openNav #navbar #navbarList .c_langBox a span.ru{background-position: 0 -62px!important;}
.openNav #navbar #navbarList .c_langBox a span.fr{background-position: 0 -78px!important;}
.openNav #navbar #navbarList .c_langBox a span.pt{background-position: 0 -94px!important;}
.openNav #navbar #navbarList .c_langBox a span.es{background-position: 0 -109px!important;}
.openNav #navbar #navbarList .c_langBox a span.it{background-position: 0 -125px!important;}
.openNav #navbar #navbarList .c_langBox a span.de{background-position: 0 -140px!important;}
.openNav #navbar #navbarList .c_langBox a span.vi{background-position: 0 -156px!important;}
.openNav #navbar #navbarList .c_langBox a span.ar{background-position: 0 -172px!important;}
.openNav #navbar #navbarList .c_langBox a span.hi{background-position: 0 -188px!important;}
.openNav #navbar #navbarList .c_langBox a span.tu{background-position: 0 -203px!important;}
.openNav #navbar #navbarList .c_langBox a span.mas{background-position: 0 -219px!important;}
.openNav #navbar #navbarList .c_langBox a span.tl{background-position: 0 -258px!important;}
body.devpreview.openNav #menu_ver_1 #mob_nav_mask{top: 47px!important;}
body.devpreview.openNav.openRight #menu_ver_1 #mob_nav_mask{top: 0px;}
body.devpreview.openNav .design #menu_ver_1{height: 100%;}
body.devpreview.openNav .design #menuStyleClass_1 .navbar,
body.devpreview.openNav .design #menuStyleClass_3 .navbar{top: 48px;}
body.devpreview.openNav .design #menuStyleClass_1 .navbar .navbarList,
body.devpreview.openNav .design #menuStyleClass_3 .navbar .navbarList{padding-top: 0;}
body.devpreview.openNav .design #menuStyleClass_2 .navbar{top: 47px;}
body.devpreview.openNav .design #menuStyleClass_2 .navbar .navbarList{padding-top: 2rem;}
body.devpreview.openNav #menuStyleClass_4 #menu_com_1,body.devpreview.openNav #menuStyleClass_5 #menu_com_1{height:100%;position: absolute;width: 100%;top: 47px;overflow: hidden;}
body.devpreview.openNav .design #menuStyleClass_4 .navbar{transform: translate(0%,0);-webkit-transform: translate(0%,0);}
body.devpreview .design #menuStyleClass_4 .navbar,body.devpreview .design #menuStyleClass_5 .navbar{top:0;min-height: 0;}
#head_ver_1 .header .webTitle{height: 48px;line-height: 48px;}
#head_ver_1 .header .webLogo{height: 36px; width: 36px; margin: 6px;}
.videoBox .onlineVideoMask{position: absolute;width:100%;height: 100%;top: 0;left: 0;z-index:100;display:none;}
.edit .videoBox .onlineVideoMask{display:block;}
#lang_ver_1 a.language span.national{width: 20px;height: 15px;margin-top: 16px;margin-right: 12px;}
#head_ver_1 #webLogoImg{background-size: auto 100%;}
/*--圖文按钮start--*/
.imgTextBtn_model_view{min-height:85px; position:relative;}
.imgTextBtn_model_view .bgImgContainer{z-index:-9;}
.imgTextBtn_model_view .textBtnContainer{position:absolute; top:10%; width:100%; text-align:center; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.imgTextBtn_model_view .btnContainer{padding-top:10px;}
.imgTextBtn_model_view .btn{padding:10px 20px; border-radius:8px; display:inline-block;}
.imgTextBtn_model_view .btn.btnHide{display:none;}
.imgTextBtn_model_view .btn.type19{background-repeat:repeat; background-position:center;}
.imgTextBtn_model_view .btn.type1{background-repeat:no-repeat; background-position:center;}
.imgTextBtn_model_view .btn.type3{background-repeat:repeat; background-position:top; background-size:100% 100%;}
.imgTextBtn_model_view .btn.type4{background-repeat:repeat; background-position:top; background-size:100%;}
.imgTextBtn_model_view .btn.type5{background-repeat:repeat-y; background-position:left;}
.imgTextBtn_model_view .btn.type6{background-repeat:repeat-y; background-position:center;}
.imgTextBtn_model_view .btn.type7{background-repeat:repeat-y; background-position:right;}
.imgTextBtn_model_view .btn.type8{background-repeat:repeat-x; background-position:top;}
.imgTextBtn_model_view .btn.type9{background-repeat:repeat-x; background-position:center;}
.imgTextBtn_model_view .btn.type10{background-repeat:repeat-x; background-position:bottom;}
.imgTextBtn_model_view .btn.type11{background-repeat:no-repeat; background-position:left;}
.imgTextBtn_model_view .btn.type12{background-repeat:no-repeat; background-position:right;}
.imgTextBtn_model_view .btn.type13{background-repeat:no-repeat; background-position:top;}
.imgTextBtn_model_view .btn.type14{background-repeat:no-repeat; background-position:bottom;}
.imgTextBtn_model_view .btn.type15{background-repeat:no-repeat; background-position:left top;}
.imgTextBtn_model_view .btn.type16{background-repeat:no-repeat; background-position:right top;}
.imgTextBtn_model_view .btn.type17{background-repeat:no-repeat; background-position:left bottom;}
.imgTextBtn_model_view .btn.type18{background-repeat:no-repeat; background-position:right bottom;}
.imgTextBtn_model_view .textTitle,
.imgTextBtn_model_view .textContent{text-align:center; color:#FFFFFF; margin-bottom:0;}
.imgTextBtn_model_view .textTitle{font-size:24px;}
.imgTextBtn_model_view .textContent{font-size:15px;}
/*--圖文按钮end--*/
/*--新舊版頁面導航新增横向展示子欄目start--*/
.lineStyle010 .skin_title{height:40px;}
#localLineContainer{position:absolute; color:#fff; height:100%; width:100%;}
#localLinePanel,
#localSlideLeft,
#localSlideRight{height:100%; position:absolute; top:0;}
#localSlideLeft,
#localSlideRight{width:30px; text-align: center; z-index:1; cursor:pointer; font-size:25px;}
#localSlideLeft{left:0;}
#localSlideRight{right:0;}
#localSlideLeft span,
#localSlideRight span{height: 40px; line-height: 40px; display:inline-block;}
#localLineContainer .swiper-button-disabled{/* display:none; */ opacity:0.7;}
#localLinePanel{width:100%;}
#localLinePanel #localNavbar010{position: absolute; top: 0; height: 100%; left: 30px; right: 30px; max-width:none;}
#localLinePanel #localNavbar010 ul{height:100%; margin-bottom:0; background-color:unset; overflow:visible;}
#localLinePanel #localNavbar010 li{display: inline-block; height: 40px; text-align: center; float: left; width:auto; border:0 !important;}
#localNavbar010 li a{border: 0 !important; padding: 0 15px; height: 100%; line-height: 40px; color:#FFF;}
#localLinePanel #localNavbar010 li.itemSelected a{font-weight:bold; background-color: unset;}
/*--新舊版頁面導航新增横向展示子欄目end--*/
/*--舊版頁面導航新增横向展示子欄目特殊處理start--*/
.lineStyle010 .skin_title{padding:0;}
/* .lineStyle010 .bgColorSet{background-color:#FFF;} */
.lineStyle010 .skin_nav_view{margin:0;}
.lineStyle010 #localNavbar010 li a,
.lineStyle010 .skin_title #localSlideLeft,
.lineStyle010 .skin_title #localSlideRight{color:#494949;}
/*--舊版頁面導航新增横向展示子欄目特殊處理end--*/
.design_con .modulebox.box_location > .view{margin-top:0;}
/*--在線視頻點擊視頻時彈窗start--*/
.videoPlayBlock{left:100%; width:100%; z-index:99; position:fixed; top:0; bottom:0; transition:left 0.2s linear; -webkit-transition:left 0.2s linear;}
.videoPlayBlock.playVideo{left:0 !important;}
.videoPlay{width:100%; z-index:2; position:absolute; top:50%; -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform: translateY(-50%); transform:translateY(-50%); background-color:#000;}
.videoPlay>video,
.videoPlay>iframe{width:100%;}
.videoPlay>iframe{height:100%; min-height: 16.5rem;}
.videoPlayMask{height:100%; width:100%; background-color:#000; z-index:1;}
.videoPlayMask.sliding{z-index:4 !important;}
.videoPlayReturn{z-index:3; position:absolute; top:0; right:0; /* height:30px; width:30px; */}
.videoPlayReturn i{font-size:40px; color:#fff;}
/*--在線視頻點擊視頻時彈窗end--*/
/*--在線視頻的視頻類型爲種子時，靜態顯示效果爲圖片start--*/
.fakeVideoContainer{width:100%; height:100%; min-height:20.5rem; justify-content: center; display:flex; background-repeat: no-repeat; background-size:cover; background-position: center; cursor:pointer; background-color:#000;}
/* .fakeVideoContainer{background-size:contain !important;} */
.fakeVideoPlayBtn{color: #FFF; font-size: 35px; display: inline-block; align-self: center; border-radius: 50px; border: 4px solid #FFF; height: 50px; width: 50px; line-height: 42px; text-align: center;}
.edit .fakeVideoPlayBtn{font-size: 40px; height: 60px; width: 60px;}
.fakeVideoPlayBtn i{padding-left:4px;}
/*--在線視頻的視頻類型爲種子時，靜態顯示效果爲圖片end--*/
/*--導航欄頂部色塊start--*/
#maskCoverBlock{width:100%; height: 4rem; position: absolute; left: 0; top: 0; z-index: 6;}
/*--導航欄頂部色塊end--*/
/*--舊版升級新版後公共標題欄和頁面導航標題欄start--*/
.design_ver_1 .skin_nav_view{margin:0;}
.design_ver_1 .skin_title{position:relative;}
.design_ver_1 .skin_t_icon{top:50%; height:24px; margin-top:-12px; width: 4px; left:0; position:absolute;}
.design_ver_1 .skin_t_line{position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-top: 1px solid #ccc;}
.design_ver_1 .skin_t_h4{padding: 0 0 0 10px; margin: 0; line-height: 40px; font-weight: normal;}
.design_ver_1 .skin_t_b{display:none;}
.design_ver_1 .skin_t_more{position: absolute; top: 0; right: 0; line-height: 40px;}
.design_ver_1 .skin_t_more::before{content:"\e672"; font-size:30px; font-family: 'icomoon' !important;}
/*--舊版升級新版後公共標題欄和頁面導航標題欄end--*/
.vjs-default-skin{width: 420px; height:280px; max-width:100%; position: relative; display: inline-block; background-position:center; background-repeat: no-repeat; background-size: contain; background-color:#000;}
.vjs-default-skin:before{content: ''; display: inline-block; width: 50px; height: 50px; background:url("../image/play.png") no-repeat center center; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px;}
.eduiVideo{background-position:center; background-repeat: no-repeat; background-size: cover; background-color:#000; max-width:100%;}
/* 電商 */
html.noscroll,
html.noscroll body {
    overflow: hidden !important;
}
 
html.noscroll {
    overflow-y: scroll !important;  
}
.box_disProducts .productBrand:empty{display: none;}
.box_disProducts .productBrand{clear: both;margin:20px;font-size: 14px;line-height: 22px;overflow: hidden;}
.box_disProducts .productBrand .productBrand_icon{float:left;margin-left:11px;color:#fff;position:relative;height:22px;width:auto;padding: 0 7px; border-radius: 0 5px 5px 0;max-width: calc(100% - 95px);}
.box_disProducts .productBrand .productBrand_icon i{position: absolute; left:-7px;top:0px;z-index: -1;width: 21px;height: 21px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.box_disProducts .productBrand .productBrand_icon::after{position: absolute;left: -3px;top: 8px;content: '';width: 4px;height: 4px;border-radius: 100%;background: #fff;}
.box_disProducts .productBrand .productBrand_icon +.productBrand_desc{padding-left:10px;float: left;}
.box_disProducts .proDistribution span{position: relative; padding-left:25px!important}
.box_disProducts .proDistribution span::before{content: '';width:5px;height:5px;border-radius: 5px; position: absolute;left: 10px;top: 7px; background: #a9a9a9}
.box_disProducts .proDistribution span:nth-child(2){padding-left:0px!important}
.box_disProducts .proDistribution span:nth-child(2)::before{display: none;}
.box_disProducts .onlyShowSku.proPayment{overflow: hidden;margin-bottom: 10px;}
.box_disProducts .onlyShowSku.proPayment p{float:left;}
.box_disProducts .onlyShowSku.proPayment::after{content:''}
.box_disProducts .proPayment >div{width:calc(100% - 45px);float:left;margin-top: -7px;}
.box_disProducts .proPayment b{display: inline-block;width:34px; height: 34px; background-position:center; background-size: contain; background-repeat: no-repeat;background-size: 20px;}
.proDialog{width: 100%; height: 100%; max-width: 720px; position: fixed; z-index: 998; top: 0; left: 0; right: 0px; margin: 0 auto;}
.proDialog .proDialog_cope{width: 100%; height: 100%; background: #1f1313; position: absolute; margin: 0 auto; z-index: 998; top: 0; opacity: .2; transition: all .2s ease-in;}
.proDialog .proDialog_close{font-size: 4rem; right: 6px; top: 10px; position: absolute; opacity: .2; z-index: 999;}
.proDialog .proDialog_content{margin: 0 auto; position: absolute; bottom: -60%; height: 60%; width: 100%; max-width: 720px; background: #fff; z-index: 999; transition: all .2s ease-in;}
.proAreaTab{height: 60px; overflow: hidden; position: relative;}
.proAreaTab::before{content: ''; position: absolute;width:100%;height:1px;bottom:0px;border-bottom: 1px solid rgba(220,220,220,.5);}
.proAreaTab li{display: inline-block;line-height: 40px;margin-left: 25px;border-bottom: 2px solid transparent;font-size: 1.6rem;margin-top: 18px;}
.proShowArea,.listShopAddress{margin:20px 5px 0px 25px;overflow: auto; position:absolute;height: calc(100% - 90px);width: calc(100% - 32px);-webkit-overflow-scrolling : touch;}
.proShowArea >div{clear: both;margin-bottom:20px; overflow: hidden;line-height: 2rem;font-size: 1.4rem;}
.proShowArea >div>b{display: block;float: left;padding-bottom:15px;cursor: pointer; width:50px;}
.proShowArea >div>p{width: calc(100% - 60px);margin:0px; float: right;cursor: pointer;}
.proShowArea >div p>font{padding-right:13px;padding-bottom:10px; display: inline-block; cursor: pointer;}
.listShopAddress,.proShowArea{display:none;}
.listShopAddress p{margin:0px; font-size: 1.4rem;border-bottom: 1px solid rgba(220,220,220,.5); padding: 15px 0; margin-right: 10px;}
.listShopAddress p:last-child{border:none;}
.box_disProducts .paraShowDescription{padding:0 20px 20px; overflow: hidden;}
.box_disProducts .newPriceShow{padding:20px 0 20px 20px; overflow: hidden; border:none;}
.box_disProducts .newPriceShow ul{float: left;margin:0;padding-right:20px;}
.box_disProducts .newPriceShow ul li{float:left;margin:0;height:30px; display:table-cell;vertical-align:bottom;line-height:30px;}
.box_disProducts .newPriceShow ul li.fontcolor{color:#c00;}
.box_disProducts .newPriceShow ul li.fontsize{font-size:35px;line-height:30px;margin-top:-8px;}
.box_disProducts .onlyShowSku{padding:20px 0 0; border-top:1px solid rgba(220,220,220,.5); margin:0px 20px 20px; position:relative; cursor: pointer;white-space: nowrap;}
.box_disProducts .onlyShowSku.onlyShowSkuParam{height:20px;margin-bottom:20px;padding-right:20px; overflow: hidden;white-space: nowrap;}
body.edit .box_disProducts .onlyShowSku.onlyShowSkuParam{height:45px;}
.box_disProducts .onlyShowSku p{display:inline; padding-right:10px; opacity:0.6}
.box_disProducts .onlyShowSku span{padding-left:5px;}
.box_disProducts .onlyShowSku span:first-child{padding-left:0;}
.box_disProducts .onlyShowSku:after{content:"〉"; color:#efefef; font-size:20px; width:20px;position:absolute; right:-5px; top:15px; background: rgba(255,255,255,0)}
.box_disProducts .descShow.newDescShow .hd{overflow: hidden;background: none;}
.box_disProducts .descShow.newDescShow .hd li{height: 4rem;line-height: 4rem;}
.box_disProducts .descShow.newDescShow .hd li span{position: absolute;width:40px;height:3px;left:50%;bottom:0;margin-left:-20px;display:none;}
.box_disProducts .descShow.newDescShow .hd li.on span{display:block;}
.box_disProducts .display_bigImg .edui-upload-video:before{content: ''; display: inline-block; width: 50px; height: 50px; background:url("../image/play.png") no-repeat center center; padding-bottom: 100%;top: -25px;left: 50%;margin-left: -25px;position: absolute;}
.box_disProducts .display_bigImg .eduiVideo{padding-bottom: 100%; padding-top: calc(50% - 150px); background-color: #000;}
#dialogSkuParam{overflow: hidden;overflow-y: auto;height: calc(100% - 210px);}
#dialogSkuParam .paramSkuList{overflow:hidden; padding:20px 0 0; clear: both;}
#dialogSkuParam .paramSkuList .paramSku{clear:both; overflow:hidden; margin:0px 20px ; position:relative;}
#dialogSkuParam .paramSkuList .paramSku p{display:block; word-wrap:break-word; word-break:keep-all; overflow:hidden; white-space:nowrap; overflow:hidden; text-align:left; margin:0; line-height:4rem; font-size:1.6rem;}
#dialogSkuParam .paramSkuList .paramSku span{display:block; float:left; width:auto; padding:10px 25px; border:1px solid #e2e2e2; border-radius:2px; margin-right:15px; margin-bottom:15px; position:relative; z-index:99; overflow:hidden; cursor: pointer; font-size:1.4rem;}
#dialogSkuParam .paramSkuList .paramSku span b{display: none; position:absolute; bottom:0px; right:0px; width: 0px; height: 0px; border-top:28px solid transparent!important; border-right: 0px solid transparent!important; border-left: 28px solid transparent!important; border-bottom-style:solid; border-bottom-width:28px; border-color:#c00;}
#dialogSkuParam .paramSkuList .paramSku span.on b{display: block;}
#dialogSkuParam .paramSkuList .paramSku span.on,#dialogSkuParam .paramSkuList .paramSku a:hover{border-color:#c00;}
#dialogSkuParam .paramSkuList .paramSku span.on:before{display: none; font-size:20px; content:"\2713"; color:white; position:absolute; bottom:0px; right:0px; width: 0px; height: 0px; border-top:28px solid transparent; border-right: 0px solid transparent; border-bottom: 28px solid #c00; border-left: 28px solid transparent; z-index:98}
#dialogSkuParam .paramSkuList .paramSku span.on:after{font-size:14px; content:"\2713"; color:white; position:absolute; bottom:0px; right:4px; width:20px; height:20px; text-align:right; z-index:98}
#globalBuyCarNew{position: fixed;bottom: 0;width: 100%;height: 50px;text-align: center;z-index: 99;}
#globalBuyCarNew footer{margin:0 auto;max-width: 720px;width: 100%;height: 50px;line-height: 50px;text-align: center;background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.2)}
#globalBuyCarNew footer .buttonList{width:calc(100% - 200px); float:left;border:none;}
#globalBuyCarNew footer .buttonList>p{font-size: 3.2rem;width:2.5rem;color:#f93; width: 50%; float:left;margin:0px; line-height: 50px;}
#globalBuyCarNew footer .buttonList>p:nth-child(2){color:rgb(235, 22, 22);}
#globalBuyCarNew footer .buttonList.inquiryFooter >P{width:100%;}
#globalBuyCarNew footer .buttonList.inquiryFooter>p:nth-child(2){display: none;}
#globalBuyCarNew footer .buttonList>p span{display:none;font-size:1.2rem;line-height:1.8rem!important; color:#fff; position:absolute;margin-top:0px;margin-left:-15px;background:rgb(235, 22, 22);border-radius:100%;width:1.8rem;height:1.8rem;}
#globalBuyCarNew .shopSaleButtonList{position:relative; z-index: 999; width:200px; margin:0!important; float:right;}
#globalBuyCarNew .shopSaleButtonList .shopSaleButton{background: #c00; width:200px; height:50px;}
#globalBuyCarNew .shopSaleButtonList .shopSaleButton p,
#globalBuyCarNew .shopSaleButtonList .inquiryBtn p{cursor:pointer; display:block; width:60px; height:50px; margin-left:18px; float:left; position:relative; background-position: left center; background-repeat: no-repeat; background-size: 30px;}
#globalBuyCarNew .shopSaleButtonList .inquiryBtn p{width:50px; padding-right:0; background-image: url(../image/inquiry.svg); background-size: 30px; background-position: 0px 12px;height: 40px;}
#globalBuyCarNew .shopSaleButtonList .shopSaleButton p span{color:white; font-size:25px; position:absolute; right:5px; top:12px; transition: all .2s;}
#globalBuyCarNew .shopSaleButtonList .shopSaleButton p.on span{transform:rotate(180deg); -ms-transform:rotate(180deg);/* IE 9 */ -moz-transform:rotate(180deg);/* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg);}
#globalBuyCarNew .shopSaleButtonList .shopSaleButton.none p span{display:none;}
#globalBuyCarNew .shopSaleButtonList .shopSaleButton p.on:after{content:""; width:0px; height:0px; position:absolute; top:0px; left:49px; border-right: 8px solid transparent; border-top: 8px solid white; border-left: 8px solid transparent;}
#globalBuyCarNew .shopSaleButtonList .shopSaleButton p:before,
#globalBuyCarNew .shopSaleButtonList .inquiryBtn p::before{content:""; color:white; width:1px; height:20px; position:absolute; right:0px; top:17px; background:rgba(255,255,255,.6);}
#globalBuyCarNew .shopSaleButtonList .shopSaleButton a,
#globalBuyCarNew .shopSaleButtonList .inquiryBtn a{color: #fff; font-size: 16px; cursor:pointer; line-height:50px; height:50px; overflow:hidden; display: block;}
#globalBuyCarNew .shopSaleButtonList .inquiryBtn.icon p{ background-image: none;}
#globalBuyCarNew .shopSaleButtonList .inquiryBtn.icon::before{font-size: 4.2rem;left: 0;position: absolute;left: 15px;top: 4px;}
#globalBuyCarNew .shopSaleButtonList ul{background:white; width:200px; box-shadow:1px 0px 30px 0 rgba(227, 223, 223, 0.9); position:absolute; z-index:9999; z-index:9999; bottom:50px; display: none;}
#globalBuyCarNew .shopSaleButtonList ul li{display:block; line-height:50px; height:50px; margin-top:10px; font-size:1.6rem; cursor: pointer; text-align: left;}
#globalBuyCarNew .shopSaleButtonList ul li a{display: block;word-wrap:break-word; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#globalBuyCarNew .shopSaleButtonList ul li:hover{background:rgba(229, 229, 229, 0.2)}
#globalBuyCarNew .shopSaleButtonList ul li span{display: inline-block; float:left; width:29px; height:50px; margin:0px 20px 0 30px; background-position: left center; background-repeat: no-repeat; background-size: contain;}
#dialogBg .dialog_param .shop_param .closeDialog{font-size: 2.5rem; float: right; cursor: pointer; border: 1px solid #aaa; border-radius: 50%; margin-top:1.8rem}
#dialogBg .dialog_param .shop_param .shop_param_title{height: 6rem;font-size:1.8rem; padding:0 20px 0 30px;line-height:6rem;border-bottom: 1px solid rgba(0,0,0,.1);margin-bottom:30px;}
#dialogBg .dialog_param .shop_param{width:100%;height:100%; clear: both;}
#dialogBg .dialog_param .shop_param .shop_param_content{overflow:hidden; overflow-y:auto; height:70%;}
#dialogBg .dialog_param .shop_param .shop_param_content >div{font-size: 1.4rem;width: calc(100% - 160px);min-height: 1.8rem; margin-bottom:10px;padding-left: 140px;overflow: hidden; position: relative;}
#dialogBg .dialog_param .shop_param .shop_param_content >div span{display:block;position:absolute;top:0px;left:30px;width:100px;margin-right:10px;word-wrap:break-word; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#allCheckSku{font-size: 1.4rem;padding-top: 10px; display: none;}
#allCheckSku span{padding-left:10px;}
.saleTips{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;max-width:720px;margin:0 auto;width:100%;}
.saleTips_content{border-radius:10px;width:calc(100% - 100px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;text-align:center;}
.saleTips_content p,.saleTips_content span{display:block;margin:0 auto;text-align:center;margin-bottom:10px;font-size:2rem;}
.saleTips_content span{font-size:1.4rem;}
.saleTips_content a{display:inline-block;margin:20px 10px 0;width:80px;line-height:35px;text-align:center;border:1px solid #333;border-radius:5px;font-size:1.4rem;}
.saleTips_content a:last-child{background:#24a1cc;color:#fff;border:1px solid transparent;}

/* 電商評論 */
.newDescShow .hd{overflow:inherit!important}
.newDescShow .detailTab{position: relative;}
.newDescShow .detailTab b{font-size:2.3rem;top:1rem; position:absolute;margin-left:5px;color:#ccc;transition: all 0.2s;}
.newDescShow .detailTab .selectDiv{position: absolute;height:0px;background:#fff;width:80%;margin-left:10%;z-index: 99;max-height:250px; overflow-y:auto;}
.newDescShow .detailTab .selectDiv.show1{bottom:4rem;border:1px solid #ddd;height:auto;}
/* .newDescShow .detailTab .selectDiv.show1{border:1px solid #ddd;height:auto;-webkit-transform:translate3d(0, -22.5rem, 0);transform:translate3d(0, -22.5rem, 0);} */
.newDescShow .detailTab .selectDiv.show{top:4rem;border:1px solid #ddd;height:auto;}
.newDescShow .detailTab .selectDiv a{border-bottom:1px solid #fff; display:block;line-height:1.5rem; padding-top:10px;padding-bottom:10px;}
.newDescShow .detailTab b.on{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-ms-transform: rotate(180deg);}
.newDescShow .moreTextProperty{display: none;}
.newDescShow .moreTextProperty:first-child{display: block;}
/* 處理粘貼進來的內容裏帶了樣式，導致撐開顯示不全，注：強制設置，可能資料定義的寬高，會給覆盖掉*/
.newDescShow .moreTextProperty *{max-width: 100%!important;max-height: 100%!important;} /*width: auto!important;height: auto!important; 影響到了小偉><*/
.newDescShow .detailTab
.requestCover{width:100%; height:100%; top:0; left:0; position:absolute; z-index:99999;}
.view .searchAllSite_model_view{padding-left:16px;}
.searchAllSite_model_view .searchAllSiteInput{box-sizing: border-box; height: 30px; line-height: 30px; position: relative;}
.searchAllSite_model_view .searchAllSiteInput.lineSearch{border: 1px solid #d2d2d2; border-radius: 20px; height: 36px; line-height: 34px;}
.searchAllSite_model_view .searchAllSiteInput .searchAllSiteText{position: absolute; right: 0; top: 0; padding: 0 10px; padding-left: 0px;font-size: 20px; line-height: 34px; /* color: #131212; */ color: #666;}
#searchPopUpPage{ top:0; /* bottom:0; */ left:0; right:0; z-index:999; background-color:#f7f7f7; /* padding: 8px 0; */ height:100%;  box-sizing:border-box; font-size: 16px; color:#131212; max-width: 720px; margin: 0 auto;}
.searchPopUpPage{position:relative; background-color:#fff; padding: 8px 0; height:100%; overflow:auto; box-sizing:border-box; font-size: 16px; color:#131212; margin: 0 auto;}
.searchPopUpPage .searchPopUpSearch,
#searchPopUpPage .searchPopUpSearch{box-sizing: border-box; min-height: 36px !important; width: 100%; background-color: #fff; padding: 15px 10px 15px 10px; position: fixed; top: 0; z-index: 99999; max-width:720px;}
#searchPopUpPage .searchPopUpSearch .scanStyle{width:30px;background-image: url(../image/saoma1.svg);height: 36px;line-height: 3rem;background-position: center;background-repeat: no-repeat;display: inline-block;margin-left: 8px;} 

#searchPopUpPage #searchPopUpReturn{height: 40px; width: 30px; /* position: absolute; */ /* left: 0; */ /* top: 0; */ font-size: 26px; line-height: 36px; position: relative;}
#searchPopUpPage #searchPopUpBox{width: calc(100% - 75px);}
#searchPopUpPage .setwidth{width: calc(100% - 30px) !important;}
#searchPopUpPage #searchPopUpInput{border:none; outline:0; display:inline-block; width:calc(100% - 50px); height: 100%; /* text-indent: 15px; */ margin-left: 15px;}
#searchPopUpPage .inline{display:inline-block; vertical-align: top;}
#searchPopUpPage #delete{display: none; position: absolute;right: 32px;color: #fff;height: 14px;width: 14px;line-height: 14px;text-align: center;top: 10px;border-radius: 50%;background-color: #d2d2d2}
.searchPopUpPage .initialPopUpRes,
#searchPopUpPage .initialPopUpRes{background-color:#fff; padding:0 18px;}
.searchPopUpPage .initialPopUpRes .initialPanelMain,
#searchPopUpPage .initialPopUpRes .initialPanelMain{padding:10px 0 30px;}
.searchPopUpPage .initialPopUpRes .initialPanelTitle,
#searchPopUpPage .initialPopUpRes .initialPanelTitle{font-size:14px;}
.searchPopUpPage .initialPopUpRes .historyWordsMain,
#searchPopUpPage .initialPopUpRes .historyWordsMain{position: relative;}
.searchPopUpPage .initialPopUpRes .historyWordsDel,
#searchPopUpPage .initialPopUpRes .historyWordsDel{position: absolute; right:0; top:10px; font-size:20px;}
.searchPopUpPage .initialPopUpRes .historyWordsContent,
#searchPopUpPage .initialPopUpRes .historyWordsContent{max-height: 116px; overflow: hidden;}
.searchPopUpPage .initialPopUpRes .historyWordText,
#searchPopUpPage .initialPopUpRes .historyWordText{background-color: #f7f7f7; padding: 4px 12px; border-radius: 20px; margin: 10px 8px 0 0; display:inline-block; box-sizing: border-box; overflow: hidden; font-size: 12px; max-width: calc((100% - 24px) / 2); overflow: hidden; text-overflow: ellipsis; word-break: keep-all;}
.searchPopUpPage .initialPopUpRes .hotWordPanel,
#searchPopUpPage .initialPopUpRes .hotWordPanel{padding: 20px 0 20px 30px; position: relative;}
.searchPopUpPage .initialPopUpRes .hotWordPanel+.hotWordPanel,
#searchPopUpPage .initialPopUpRes .hotWordPanel+.hotWordPanel{border-top:1px solid rgb(248,248,248);}
.searchPopUpPage .initialPopUpRes .hotWordNum,
#searchPopUpPage .initialPopUpRes .hotWordNum{width:18px; height:18px; border-radius: 18px; color:#fff; position: absolute; left: 0px; top:20px; background-color:#d2d2d2; font-size: 12px; line-height: 18px; text-align: center;}
.searchPopUpPage .initialPopUpRes .hotWordPanel:first-child .hotWordNum,
#searchPopUpPage .initialPopUpRes .hotWordPanel:first-child .hotWordNum{background-color:#ff4c4c;}
.searchPopUpPage .initialPopUpRes .hotWordPanel:nth-child(2) .hotWordNum,
#searchPopUpPage .initialPopUpRes .hotWordPanel:nth-child(2) .hotWordNum{background-color:#ffa734;}
.searchPopUpPage .initialPopUpRes .hotWordPanel:nth-child(3) .hotWordNum,
#searchPopUpPage .initialPopUpRes .hotWordPanel:nth-child(3) .hotWordNum{background-color:#ffe034;}
.searchPopUpPage .initialPopUpRes .hotWordText,
#searchPopUpPage .initialPopUpRes .hotWordText{line-height:18px;}
#searchPopUpPage #searchPopUpRes{/* padding:0 20px; */ position: absolute; top: 70px;  width:100%; max-width: 720px; text-overflow: ellipsis; z-index:10;}
.searchPopUpPage .searchResPanel,
#searchPopUpPage .searchResPanel{/* padding: 0 18px; */ color:#666; background-color:#fff; margin: 15px 0 0; display:none;}
/* #searchPopUpPage .searchResPanel:not(:last-child){border-bottom:2px solid #cdcdcd;}
#searchPopUpPage .searchResPanel.showingResByPages{border-bottom:unset;} */
.searchPopUpPage .resMainTitle,
#searchPopUpPage .resMainTitle{font-size: 16px; padding: 15px 18px 0;}
.searchPopUpPage .resMainTitle .resMainTitleIcon,
#searchPopUpPage .resMainTitle .resMainTitleIcon{font-size: 20px; vertical-align: middle;}
.searchPopUpPage .resMainTitle .resMainTitleText,
#searchPopUpPage .resMainTitle .resMainTitleText{vertical-align: middle;}
.searchPopUpPage .resMainContent .noInfo,
#searchPopUpPage .resMainContent .noInfo{background-image:url(../image/noInfo.svg); height:80px; width:80px; background-repeat: no-repeat; background-position:center; background-size:contain; margin:0 auto;}
.searchPopUpPage .resMainContent .noInfoText,
#searchPopUpPage .resMainContent .noInfoText{text-align:center; color: #ccc; padding-bottom: 28px;}
.searchPopUpPage .articleResPanel,
#searchPopUpPage .articleResPanel,
.searchPopUpPage .prodResPanel,
#searchPopUpPage .prodResPanel{padding: 15px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; border-bottom: 1px solid rgb(248,248,248);}
.searchPopUpPage .articlePic,
#searchPopUpPage .articlePic,
.searchPopUpPage .prodPic,
#searchPopUpPage .prodPic{height:90px; width:90px; background-position:center; background-repeat: no-repeat; background-size:contain; border-radius: 3px;}
.searchPopUpPage .articleDetail,
#searchPopUpPage .articleDetail{width: calc(100% - 105px); padding-left: 10px; color:#333;}
.searchPopUpPage .articleTitle,
#searchPopUpPage .articleTitle,
.searchPopUpPage .prodTitle,
#searchPopUpPage .prodTitle{font-size: 16px; color:#5c5c5c; text-overflow: ellipsis; overflow: hidden; word-break: keep-all;}
.searchPopUpPage .articleIntro,
#searchPopUpPage .articleIntro,
.searchPopUpPage .prodIntro,
#searchPopUpPage .prodIntro{font-size: 12px; color:rgb(184,184,184); padding: 8px 0; position: relative; text-align: right;}
.searchPopUpPage .articleIntro .articleType,
#searchPopUpPage .articleIntro .articleType{max-width: 35%; text-overflow: ellipsis; overflow: hidden; display: inline-block; vertical-align: middle; position: absolute; left: 0;}
.searchPopUpPage .articleIntro .articlePubDate,
#searchPopUpPage .articleIntro .articlePubDate{padding-right: 5px;}
.searchPopUpPage .articleDesc,
#searchPopUpPage .articleDesc{font-size:14px; color:rgb(127,127,127); text-overflow: ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; line-height: 18px; height: 36px; -webkit-box-orient: vertical; word-break: break-all;}
.searchPopUpPage .prodResPanel+.prodResPanel,
#searchPopUpPage .prodResPanel+.prodResPanel{padding-top:20px;}
/* #searchPopUpPage .prodPic{height:80px; width:80px; background-size:contain; background-position:center; background-repeat: no-repeat; border: 1px solid #ededed;} */
.searchPopUpPage .prodDetail,
#searchPopUpPage .prodDetail{padding-left:20px; /* overflow: hidden; */ /* text-overflow: ellipsis; */ /* word-break: keep-all; */ width: calc(100% - 95px); box-sizing: border-box;}
/* .searchPopUpPage .prodTitlePanel,
#searchPopUpPage .prodTitlePanel{overflow:hidden; display: -webkit-box; -webkit-line-clamp: 1; line-height: 25px; height: 25px; -webkit-box-orient: vertical; word-break: break-all;} */
.searchPopUpPage .prodTitlePanel .prodIntro .prodLabelValue,
#searchPopUpPage .prodTitlePanel .prodIntro .prodLabelValue{padding-right:10px;}
.searchPopUpPage .prodTitlePanel .prodIntro .prodLabelValue:not(:first-child),
#searchPopUpPage .prodTitlePanel .prodIntro .prodLabelValue:not(:first-child){padding-left:10px;}
.searchPopUpPage .prodTitlePanel .prodIntro .prodLabelValue+.prodLabelValue,
#searchPopUpPage .prodTitlePanel .prodIntro .prodLabelValue+.prodLabelValue{border-left:1px solid rgb(184,184,184);}
/* .searchPopUpPage .prodTitle,
#searchPopUpPage .prodTitle{font-size:16px; padding-bottom:15px; text-decoration: none;} */
.searchPopUpPage .prodPricePanel,
#searchPopUpPage .prodPricePanel{color:#e53737; padding-top: 5px; overflow: hidden;}
.searchPopUpPage .prodPriceUnit,
#searchPopUpPage .prodPriceUnit{font-size:12px; vertical-align: bottom;}
.searchPopUpPage .prodPriceNum,
#searchPopUpPage .prodPriceNum{overflow: hidden; text-overflow: ellipsis; font-size:20px; vertical-align: bottom; margin-left:3px;position: relative;top:2px ;}
.searchPopUpPage .viewMore,
#searchPopUpPage .viewMore{/* text-align: center; margin-top: 20px; */ padding:0 18px;}
/* #searchPopUpPage .viewMoreText{cursor: pointer; display: inline-block; width: 90%; background-color: #f8f8f8; color: #5c5c5c; border: 1px solid #dddddd; height: 35px; line-height: 35px; border-radius: 10px; font-size:14px;} */
.searchPopUpPage .viewMoreText,
#searchPopUpPage .viewMoreText{font-size:14px; padding: 15px 0 15px 26px;}
.searchPopUpPage .viewMoreText:active,
#searchPopUpPage .viewMoreText:active{background-color:#eaeaea;}
.searchPopUpPage .viewMoreText .viewMoreTextIcon,
#searchPopUpPage .viewMoreText .viewMoreTextIcon{float:right; font-size:20px;}
.searchPopUpPage .mob_pagination,
#searchPopUpPage .mob_pagination{margin: 10px 18px 0; padding-bottom: 18px;}
/* .searchPopUpPage .mob_pagination .page_but,
#searchPopUpPage .mob_pagination .page_but{border-color: #0e85f6; color: #0e85f6;} */
.flowHide{overflow:hidden;}
.box_imgWithHotArea_v1>.view{margin:0 !important;}
.box_imgWithHotArea_v1 .hide{display:none !important;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view{min-height:60px;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .imgWithHotAreaMain{position: relative;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .dataSaved{display:none;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .showPic{display: block; width:100%;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .showLink{position: absolute; /* top: 0; left: 0; */ display: inline-block;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece{position: absolute; top: 15px; left: 15px; /* cursor:move; */ text-align:center; height:46px; width:140px; display: flex; justify-content: center; align-items: center; font-size:14px;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece .textBtnLink{display:inline-block; height:100%; width:100%; z-index:1; position: absolute; top:0; left:0;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece .textBtnHolder{height:100%; width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color:#7E78F3; outline-color: #7E78F3; color:#FFFFFF; border-color:#FFFFFF;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece .textBtnHolder .textBtnText{font-size: inherit; color:inherit; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece.textBtnType_0 .textBtnHolder,
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece.textBtnType_1 .textBtnHolder{border-radius: 23px;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece.textBtnType_0 .textBtnHolder,
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece.textBtnType_2 .textBtnHolder{border-width:1px; border-style:solid;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece.textBtnType_0 .textBtnHolder{color:#7E78F3; border-color:#7E78F3; background-color:#FFFFFF;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece.textBtnType_2 .textBtnHolder{outline-width: 4px; outline-style: solid; height:calc(100% - 8px); width:calc(100% - 8px);}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece.textBtnType_4 .textBtnHolder{border-top-right-radius: 23px; border-bottom-left-radius: 23px;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBtnPiece.textBtnType_5 .textBtnHolder{border-radius: 6px;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBlockPiece{position: absolute; top:15px; left:15px; height:100px; width:150px; background-color:transparent;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBlockPiece *{color:#000;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBlockPiece .textBlockHolder{overflow: hidden; word-break: break-all; height: 100%;}
.box_imgWithHotArea_v1 .imgWithHotArea_model_view .textBlockPiece .textBlockHolder *{color:unset;}
/* 圖文導航height: 33px;line-height: 33px;*/
.imageNav_wrapper{font-size:0;}
.imageNav_wrapper .imageNav_item{display: inline-block;}
.imageNav_wrapper .imageNav_item .imageLink .imageNav_title{text-align: center;padding:10px 5px;width: 100%;height: 40px;font-size: 14px;font-weight: 400;box-sizing: border-box;overflow: hidden;white-space: nowrap;}
.imageNav_wrapper .imageNav_item .imageLink{display: inline-block;width: 100%;}
.imageNav_wrapper .imageNav_item .imageLink .imageNav_content{background-size: cover;background-position: 50%;width: 100%;}
/* .imageNav_wrapper .imageNav_item .imageLink .imageNav_content .imageNav_icon{display: block;} */
.addImageNav{width: 325px;padding: 10px;border: 1px dashed #e5e5e5;cursor: pointer;margin-top: 20px}
/* 商品分組 */
.box_tagList_v1 .tagList_box{position:relative;overflow:hidden;}
.box_tagList_v1 .menuPosition_scrollTop .tagList_box_top .tagList_menu{position:fixed;z-index:999;max-width:720px;background:white;}
.box_tagList_v1 .menuPosition_scrollTop_hasMenu.menuPosition_scrollTop .tagList_box_top .tagList_menu{top:48px;}
.box_tagList_v1 .menuPosition_scrollTop_noMenu.menuPosition_scrollTop .tagList_box_top .tagList_menu{top:0px;}
.box_tagList_v1 .menuPosition_scrollTop_noMenu.menuPosition_scrollTop .tagList_box_top .tagList_list{padding-top:40px;}
body.edit .box_tagList_v1 .menuPosition_scrollTop .tagList_box_top .tagList_menu{position:static;}
.box_tagList_v1 .tagList_menu{width:100%;}
.box_tagList_v1 .tagList_menu .menu_box{position:relative;}
.box_tagList_v1 .tagList_menu ul{margin:0px;width:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;background:#fff;-webkit-user-select:none;user-select:none;box-sizing:content-box;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.box_tagList_v1 .tagList_menu ul::-webkit-scrollbar{display:none}
.box_tagList_v1 .tagList_menu div.menu1 ul,.box_tagList_v1 .tagList_menu div.menu3 ul{padding-left:10px;padding-right:10px;}
.box_tagList_v1 .tagList_menu ul li{display:inline-block;margin-left:8px;width:68px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box;min-width:0;text-align:center;cursor:pointer;-webkit-box-flex:0;-webkit-flex:0 0 68px;flex-basis:68px;overflow:hidden;font-size:0;}
.box_tagList_v1 .tagList_menu ul li:first-child{margin-left:0px;}
.box_tagList_v1 .tagList_menu ul li span{display:inline-block;width:auto;max-width:100%;line-height:40px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;font-size:1.4rem;}
.box_tagList_v1 .tagList_menu div.menu1::before,.box_tagList_v1 .tagList_menu div.menu2:before{content:'';background:rgba(93,113,127,0.08);width:100%;height:1px;position:absolute;bottom:1px;z-index:98;}
.box_tagList_v1 .tagList_menu div.menu1 li{transition:all .1s;}
.box_tagList_v1 .tagList_menu div.menu1 li span{border-bottom:3px solid transparent;line-height:39px;transition:all .3s;}
.box_tagList_v1 .tagList_menu div.menu1 li.on span{border-color:#e23540;}
.box_tagList_v1 .box_tagList_v1 .tagList_menu div.menu2:before{bottom:5px;}
.box_tagList_v1 .tagList_menu div.menu2 li.on:before{content:'';position:absolute;z-index:999;bottom:0px;left:50%;margin-left:-5px;border-left:6px solid transparent;border-top-width:6px;border-top-style:solid;border-right:6px solid transparent;}
.box_tagList_v1 .tagList_menu div.menu2 li{padding-bottom:6px;}
.box_tagList_v1 .tagList_menu div.menu2 li span{line-height:36px;}
.box_tagList_v1 .tagList_menu div.menu2 li.on{color:#e23540;}
.box_tagList_v1 .tagList_menu div.menu2 li.on span{width:100%;color:white;background:#e23540;}
.box_tagList_v1 .tagList_menu div.menu3{padding:6px;box-shadow:0 2px 8px rgba(93,113,127,0.08);}
.box_tagList_v1 .tagList_menu div.menu3 li{padding:0px;height:30px;}
.box_tagList_v1 .tagList_menu div.menu3 li span{line-height:30px;}
.box_tagList_v1 .tagList_menu div.menu3 li.on{border-radius:15px;color:white;background-color:#e23540}
.box_tagList_v1 .tagList_box.tagList_box_left::before,.box_tagList_v1 .tagList_box.tagList_box_right::before{content:'';width:88px;position:absolute;left:0px;top:0px;bottom:0px;background:#F2F2F2;}
.box_tagList_v1 .tagList_box.tagList_box_left .tagList_menu,.box_tagList_v1 .tagList_box.tagList_box_right .tagList_menu{float:left;width:88px;background:#F2F2F2;height:100%;padding:0px;}
.box_tagList_v1 .tagList_box.tagList_box_right::before{right:0;left:auto;}
.box_tagList_v1 .tagList_box.tagList_box_right .tagList_menu{float:right;}
.box_tagList_v1 .tagList_box.tagList_box_left .tagList_menu ul li,.box_tagList_v1 .tagList_box.tagList_box_right .tagList_menu ul li{display:block;background:#F8F8F8;width:100%;white-space:normal;margin:0px;padding:0px;margin-bottom:1px;}
.box_tagList_v1 .tagList_box.tagList_box_left .tagList_menu ul,.box_tagList_v1 .tagList_box.tagList_box_right .tagList_menu ul{flex-wrap:wrap;padding:0px;}
.box_tagList_v1 .tagList_box.tagList_box_left .tagList_menu ul li,.box_tagList_v1 .tagList_box.tagList_box_right .tagList_menu ul li{width:88px;-webkit-flex:0 0 88px;flex-basis:88px;}
.box_tagList_v1 .tagList_box.tagList_box_left .tagList_menu div.menu1 li span,.box_tagList_v1 .tagList_box.tagList_box_right .tagList_menu div.menu1 li span{border-bottom:none;/* width:100%;*/ display:block;line-height:20px;/* text-align:left;*/ padding:10px 10px 10px 10px;white-space:normal;}
.box_tagList_v1 .tagList_box.tagList_box_left .tagList_menu div.menu1 li.on,.box_tagList_v1 .tagList_box.tagList_box_right .tagList_menu div.menu1 li.on{background:white;}
.box_tagList_v1 .tagList_box.tagList_box_left .tagList_menu div.menu1 li.on span{border-left:3px solid transparent;border-color:#e23540;}
.box_tagList_v1 .tagList_box.tagList_box_right .tagList_menu div.menu1 li.on span{border:none;border-right:3px solid transparent;border-color:#e23540;}
.box_tagList_v1 .tagList_list_group_title{display:none;}
.box_tagList_v1 .tagList_box.tagList_box_left .tagList_list,.box_tagList_v1 .tagList_box.tagList_box_right .tagList_list{float:right;width:calc(100% - 88px);}
.box_tagList_v1 .tagList_list{overflow:hidden;min-height:200px;}
.box_tagList_v1 .tagList_list_group_content{margin-left:15px;margin-right:15px;display:block;position:relative;box-sizing:content-box;}
.box_tagList_v1 .tagList_list_group_content .tagList_list_group_li{float:left;}
.box_tagList_v1 .tagList_list_group_content .tagList_list_group_li ul{display:block;width:100%;padding:0px;margin:0px;overflow:hidden;position:relative;}
.box_tagList_v1 .tagStyle1 .tagList_list_group_li{width:100%;}
.box_tagList_v1 .tagStyle2 .tagList_list_group_li,.box_tagList_v1 .tagStyle5 .tagList_list_group_li{flex-basis:50%;width:calc(50% - 15px);margin-left:30px;}
.box_tagList_v1 .tagStyle3 .tagList_list_group_li{width:calc(33.333% - 20px);margin-left:30px;}
.box_tagList_v1 .tagStyle6 .tagList_list_group_li{width:calc(45% - 15px);}
.box_tagList_v1 .tagStyle2 .tagList_list_group_li:nth-child(2n-1),.box_tagList_v1 .tagStyle5 .tagList_list_group_li:nth-child(2n),.box_tagList_v1 .tagStyle5 .tagList_list_group_li:first-child,.box_tagList_v1 .tagStyle3 .tagList_list_group_li:nth-child(3n-2),.box_tagList_v1 .tagStyle6 .tagList_list_group_li:first-child{margin-left:0!important;}
.box_tagList_v1 .tagStyle5 .tagList_list_group_li:first-child{width:100%!important;}
.box_tagList_v1 .tagStyle4 .tagList_list_group_li{width:100%;}
.box_tagList_v1 .tagStyle4 .tag_img{float:left;width:calc(50% - 15px);}
.box_tagList_v1 .tagStyle4.tagList_list_group_content .tag_content{float:right;width:calc(50% - 10px)!important;padding-left:0px!important;}
.box_tagList_v1 .tagStyle6.tagList_list_group_content{margin:0px;width:auto;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-user-select:none;user-select:none;box-sizing:content-box;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.box_tagList_v1 .tagStyle6.tagList_list_group_content::-webkit-scrollbar{display:none}
.box_tagList_v1 .tagStyle6.tagList_list_group_content .tagList_list_group_li{flex-shrink:0}
.box_tagList_v1 .tagList_list_group_content .tag_content{width:calc(100% - 20px);padding-left:10px;padding-right:10px;padding-bottom:40px;box-sizing:content-box;}
.box_tagList_v1 .tagList_list_group_content .tag_name.textStyle1{font-weight:bold;}
.box_tagList_v1 .tagList_list_group_content .tag_name{font-size:1.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:10px;}
.box_tagList_v1 .tagList_list_group_content .tag_desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:2rem;height:2rem;}
.box_tagList_v1 .tagStyle1.tagList_list_group_content .tag_name,.box_tagList_v1 .tagStyle5.tagList_list_group_content .tag_name{line-height:3.2rem;height:3.2rem;}
.box_tagList_v1 .tagStyle2.tagList_list_group_content .tag_name,.box_tagList_v1 .tagStyle3.tagList_list_group_content .tag_name,.box_tagList_v1 .tagStyle4.tagList_list_group_content .tag_name,.box_tagList_v1 .tagStyle6.tagList_list_group_content .tag_name{height:42px;-webkit-line-clamp:2;}
.box_tagList_v1 .tagList_list_group_content .tag_img{position:relative;}
.box_tagList_v1 .tagList_list_group_content .proMarker{position:absolute;left:0px;top:0px;z-index:998;font-style:normal;font-size:1.2rem;color:white;}
.box_tagList_v1 .tagList_list_group_content .proMarker1::before{content:"新品";}
.box_tagList_v1 .tagList_list_group_content .proMarker2::before{content:"熱賣";}
.box_tagList_v1 .tagList_list_group_content .proMarker3::before{content:"NEW";}
.box_tagList_v1 .tagList_list_group_content .proMarker4::after{content:"HOT";font-size:1.2rem;position:absolute;top:1.6rem;left:1rem;color:white;}
.box_tagList_v1 .tagList_list_group_content .proMarker1{border-radius:0 10px 10px 0;padding:2px 5px;top:8px;}
.box_tagList_v1 .tagList_list_group_content .proMarker2{padding:5px 2px;writing-mode:tb-rl;text-align:justify;left:2px;top:5px;}
.box_tagList_v1 .tagList_list_group_content .proMarker3{border-radius:0 0 5px 5px;padding:8px 3px;left:5px}
.box_tagList_v1 .tagList_list_group_content .proMarker4{font-size:5rem;}
.box_tagList_v1 .tagList_list_group_content .proMarker5{width:30px;height:30px;background-position:center;background-size:cover;background-repeat:no-repeat;}
.box_tagList_v1 .tagList_list_group_content .tag_img span{display:block;width:100%;background-color:white;background-repeat:no-repeat;background-position:center;background-size:cover;}
.box_tagList_v1 .tagList_list_group_content.picScale1 .tag_img span{padding-bottom:66.667%;}
.box_tagList_v1 .tagList_list_group_content.picScale2 .tag_img span{padding-bottom:100%;}
.box_tagList_v1 .tagList_list_group_content.picScale3 .tag_img span{padding-bottom:75%;}
.box_tagList_v1 .tagList_list_group_content.picScale4 .tag_img span{padding-bottom:56.25%;}
.box_tagList_v1 .tagStyle4.tagList_list_group_content .tag_button{width:50%;}
.box_tagList_v1 .tagStyle4.tagList_list_group_content .tag_button .tag_buy{padding-right:10px;}
.box_tagList_v1 .tagList_list_group_content .tag_button{width:calc(100% - 20px);position:absolute;bottom:5px;overflow:hidden;box-sizing:content-box;}
.box_tagList_v1 .tagList_list_group_content .tag_button .tag_price{float:left;color:#e23540;}
.box_tagList_v1 .tagList_list_group_content .tag_button .tag_price b{font-size:1.8rem;font-weight:normal;padding-left:2px;}
.box_tagList_v1 .tagList_list_group_content .tag_button .tag_buy{float:right;overflow:hidden;color:#e23540;}
.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle1 i,.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle2 i,.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle5 i,.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle6 i{border-width:1px;border-style:solid;border-radius:100%;font-size:22px;border-color:#e23540;}
.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle3 i,.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle7 i{font-size:1.2rem;font-style:normal;border-radius:10px;padding:3px 6px;color:#fff;background-color:#e23540;}
.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle4 i,.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle8 i{font-size:1.2rem;font-style:normal;border:1px solid #e23540;padding:2px 6px;}
.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle5 i{color:#fff;}
.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle6 i{border:none;}
.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle7 i{border-radius:0;}
.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle8 i{border-radius:10px;}
.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle3,.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle4,.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle7,.box_tagList_v1 .tagList_list_group_content .tag_buy.buyStyle8{padding:3px 0;}
.box_tagList_v1 .tagList_list_group_content.proStyle1 ul{background:;}
.box_tagList_v1 .tagList_list_group_content.proStyle2 ul{background:white;box-shadow:0 0px 8px rgba(93,113,127,0.15);}
.box_tagList_v1 .tagList_list_group_content.proStyle3 ul{background:white;border:1px solid rgba(50,50,51,0.1);box-sizing:border-box;}
.box_tagList_v1 .tagList_list_group_content.proStyle5 .tag_content{width:100%;height:40px;overflow:hidden;line-height:40px;padding-right:0px;padding-bottom:0px;background:white;}
.box_tagList_v1 .tagList_list_group_content.proStyle5 .tag_button{width:calc(100% - 10px);position:relative;margin-bottom:0;bottom:0;}
.box_tagList_v1 .tagList_list_group_content.proStyle5 .tag_button .tag_price{line-height:40px;}
.box_tagList_v1 .tagList_list_group_content.proStyle5 .tag_button .tag_buy{padding:0;}
.box_tagList_v1 .tagList_list_group_content.proStyle5 .tag_button .tag_buy i{display:block;line-height:40px;padding:0 10px;border:none;}
.box_tagList_v1 .tagList_list_group_content.proStyle4.proAngle2 .tag_img span{border-radius:8px;}
.box_tagList_v1 .tagList_list_group_content.proStyle1.proAngle2 ul,.box_tagList_v1 .tagList_list_group_content.proStyle2.proAngle2 ul,.box_tagList_v1 .tagList_list_group_content.proStyle3.proAngle2 ul{border-radius:8px;}
.box_tagList_v1 .tagList_list_group_content.picRepeat2 .tag_img span{background-size:contain;}
.box_tagList_v1 .tagList_list_group_content.textAlign1 .tag_content{padding-bottom:0px;}
.box_tagList_v1 .tagList_list_group_content.textAlign1 .tag_name,.box_tagList_v1 .tagList_list_group_content.textAlign1 .tag_desc{text-align:center;}
.box_tagList_v1 .tagList_list_group_content.textAlign1 .tag_button{display:block;text-align:center;position:relative;width:100%;margin-top:10px;}
.box_tagList_v1 .tagList_list_group_content.proStyle6#waterFall{position:relative;overflow:hidden;}
.box_tagList_v1 .tagList_list_group_content.proStyle6 .tagList_list_group_li{position:absolute;float:none;margin-left:0!important;background:white;}
.box_tagList_v1 .tagList_list_group_content.proStyle6 .tag_name,.box_tagList_v1 .tagList_list_group_content.proStyle6 .tag_desc{height:auto;}
.box_tagList_v1 .pub_noInfo{background-image:url(../image/noInfo.svg);height:120px;width:80px;background-repeat:no-repeat;background-position:center 50px;background-size:contain;margin:0 auto;}
.box_tagList_v1 .pub_noInfoText{text-align:center;opacity:0.6;padding-bottom:20px;}
/* 標題導航 */
.box_newTitle_v1 .title_wrap {position: relative;}
.box_newTitle_v1 h1, .box_newTitle_v1 h2, .box_newTitle_v1 h3, .box_newTitle_v1 h4, .box_newTitle_v1 h5, .box_newTitle_v1 h6{font-weight: normal;}
/* .box_newTitle_v1 .newTitleModule > .view{margin:5px 0;} */
.box_newTitle_v1 .newTitle_Module{height: 40px;}
.box_newTitle_v1 .newTitle_Module .newtitle_title_left{font-size: 16px!important;max-width: 200px;overflow: hidden;}
.box_newTitle_v1 .newTitle_inner{width:100%; height:40px; white-space:nowrap; box-sizing:border-box;position:relative;overflow:hidden}
.title_type_009 .skin_t_icon{display: none;}
/* 009 */
.box_newTitle_v1 .title_type_009 .newTitle_inner .newtitle_title_left{display:flex; justify-content:left; width:auto; border-radius:5px 5px 0 0; line-height: 33px; margin: 0; left: 10px; padding-left:10px;font-size:18px;font-weight: normal;}
/* 004 */
.box_newTitle_v1 .title_type_004 .newtitle_title_left{padding: 0;}
.box_newTitle_v1 .title_type_004 .newTitle_inner{display:flex; align-items:center; justify-content:center;}
.box_newTitle_v1 .title_type_004 .newTitle_inner{border-bottom-color:#e4393c;}
.box_newTitle_v1 .title_type_004 .newtitle_title_left{margin:0; line-height:1; text-align:center; white-space:nowrap; line-height:3.3rem;font-size:18px;font-weight: normal;}
.box_newTitle_v1 .title_type_004 .left_line, .box_newTitle_v1 .title_type_004 .right_line{display:inline-block; vertical-align:middle; content:""; background-color:#ccc; width:50px; height:1px; margin:0 10px;}
.box_newTitle_v1 .title_wrap.title_type_004 .newTitle_wrap_a{height: 40px;}
/*007 👇*/
.box_newTitle_v1 .title_type_007 .newTitle_inner .newtitle_title_left{display:inline-block; align-items:center; justify-content:center; background-color:#e4393c; border-radius:5px 5px 0 0; line-height: 40px; margin: 0; left: 0;font-size:16px!important;font-weight: normal; padding: 0 8px; min-width: 80px; text-align: center; box-sizing: border-box;color:#fff;}
/* 自定義鏈接 */
.box_newTitle_v1 .title_wrap .newTitle_btn_type_4 > i{font-weight: normal;font-size: 35px;}
.box_newTitle_v1 .title_wrap .newTitle_wrap_a{position:absolute;top:0;right:0;height: 33px;text-align: center;font-size: 35px;font-weight: bold;}
.box_newTitle_v1 .title_wrap .newTitle_wrap_a > i{display: flex;align-items:center;justify-content: center;font-size: 35px;height: 100%;background-repeat: no-repeat;background-size: cover;}
/* 欄目導航 */
.box_newTitle_v1 .newTitleNavTip{width:40px;height: 40px;cursor: pointer;display: none;position: absolute;right: 5px;top:0;font-size: 46px;line-height: 40px;}
.box_newTitle_v1 .newTitleNavTip.icon-menuNavTip:before{content:"\e6b0";}
/* .openNewTitleNav .webAnimation,.openNewTitleNav .webAnimation_v1{transform:translate(-65%,0)!important;} */
#newTitleNavbar ul li.itemSelected a{border-left: 5px solid transparent;}
/* end 商品分組 */
.box_onlineForm .itemVideo{height: 300px;}
.box_onlineForm .itemVideo>video{background-color:#000;}
.box_onlineForm .itemStar ul{padding:unset !important;}
.box_onlineForm .itemStar ul>li{padding: 0 5px;}
/* 優惠券 */
.box_coupon_v1 .coupon_box{padding:0px}
.box_coupon_v1 .coupon_title{overflow:hidden;display:flex;justify-content:space-between;align-items:center}
.box_coupon_v1 .coupon_title p{font-size:2rem;margin:auto 0;white-space: nowrap; overflow: hidden;}
.box_coupon_v1 .coupon_title span{font-size:3rem;opacity:.5}
.box_coupon_v1 .coupon_content{display:flex;padding-top:10px; overflow-y: auto; margin-left: 10px; margin-bottom: 10px;}/* justify-content:flex-start;align-items:center; flex-wrap:wrap */
.box_coupon_v1 .coupon_content::-webkit-scrollbar {display: none;}
.box_coupon_v1 .coupon_content .liForNew{
	width:120px;
	min-width: 120px;
	height: 34px;
	max-height: 34px;
	margin-left:18px;
	text-align:center;
	position:relative;
	line-height: 1.3;
	background: url(../image/coupon1.jpg) no-repeat;
	background-size: 100% 100% ;
}
.box_coupon_v1 .coupon_content .liForNew div{display: table;box-sizing: content-box;position: relative;}
.box_coupon_v1 .coupon_content .liForNew p{display: table-cell;vertical-align: middle;color: #ffffff;}
.box_coupon_v1 .coupon_content .liForNew span{overflow: hidden;text-overflow: ellipsis;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
/* 新增領取(假) */
.box_coupon_v1 .coupon_content .liForNew i{position: absolute;font-size: 12px;font-style: normal;}
.box_coupon_v1 .coupon_content .liForNew:first-child{margin-left:0}
/* 第一種優惠券樣式  2020-10-24 By:Yu Jianting  */
.box_coupon_v1 .coupon_content.couponStyle1 .liForNew div{color:#ff4c38;display:block ; width: 100px; padding:0 9px; height: 34px; line-height: 34px; white-space: nowrap;}
/* 第二種優惠券樣式   2020-10-24 By:Yu Jianting */
.box_coupon_v1 .coupon_content.couponStyle2 .liForNew{background: url(../image/coupon2.png) no-repeat; background-size: 100% 100% ;width:120px ;min-width: 120px;max-height: 42px;height: 42px; padding:0px;}
.box_coupon_v1 .coupon_content.couponStyle2 .liForNew div{padding:0px 3px 3px 7px ;width: 60px;height: 38px;	}
.box_coupon_v1 .coupon_content.couponStyle2 .liForNew i{right: 8px;top: 7px;width: 27px;height: 27px;background: #E7D23E;border-radius: 50%;line-height: 27px;text-align: center;vertical-align: middle;color:#916DFF ;}
/* 第三種優惠券樣式   2020-10-24 By:Yu Jianting */
.box_coupon_v1 .coupon_content.couponStyle3 .liForNew{background: url(../image/coupon3.png) no-repeat; background-size: 100% 100% ;min-width:80px; min-height: 65px;width: 80px;height: 65px;padding:0px;}
.box_coupon_v1 .coupon_content.couponStyle3 .liForNew div{width: 76px;height: 40px;}
.box_coupon_v1 .coupon_content.couponStyle3 .liForNew i{bottom: 2px;left: 10px;background-color: #ffffff;color: #1e72ed;border-radius: 16px;width: 62px;height: 15px;line-height: 15px;}
/* 優惠券第四種樣式  2020-10-24 By:Yu Jianting */
.box_coupon_v1 .coupon_content.couponStyle4 .liForNew{background: url(../image/coupon4.png) no-repeat; background-size: 100% 100% ;min-width:71px;min-height: 63px;width: 71px;height: 63px;padding:0px;}
.box_coupon_v1 .coupon_content.couponStyle4 .liForNew div{width: 61px;height: 36px;padding: 3px 5px;}
.box_coupon_v1 .coupon_content.couponStyle4 .liForNew i{background-color: #f7dc87;color: #ff483c;bottom: 2px;left: 7px;width: 59px;height: 13px;line-height: 13px;border-radius: 10px;}
/* 第 5 6 7 8 9中 兼容舊版優惠券 */
.box_coupon_v1 .coupon_content .liForOld{width: 120px; min-width:120px;margin-left:18px;border-top:1px solid #ff3232;border-bottom:1px solid #ff3232;color:#ff3232;background:#ffe5e5;text-align:center;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;line-height: 1.5;}
.box_coupon_v1 .coupon_content .liForOld span{padding: 0 8px;}
.box_coupon_v1 .coupon_content .liForOld span::before,.box_coupon_v1 .coupon_content .liForOld::before{content:'';position:absolute;width:5px;height:100%;z-index:1000;right:0;top:0;background-size:12px 5px;background-color:;background-image:linear-gradient(-45deg,#ff3232 25%,transparent 25%,transparent),linear-gradient(-135deg,#ff3232 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#ff3232 75%),linear-gradient(-135deg,transparent 75%,#ff3232 75%)}
.box_coupon_v1 .coupon_content .liForOld span::after,.box_coupon_v1 .coupon_content .liForOld::after{content:'';position:absolute;width:5px;height:100%;z-index:1000;right:1px;top:0;background-size:12px 5px;background-image:linear-gradient(-45deg,#ffe5e5 25%,transparent 25%,transparent),linear-gradient(-135deg,#ffe5e5 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#ffe5e5 75%),linear-gradient(-135deg,transparent 75%,#ffe5e5 75%)}
.box_coupon_v1 .coupon_content .liForOld span::before{left:0;transform:rotate(180deg)} 
.box_coupon_v1 .coupon_content .liForOld span::after{left:1px;transform:rotate(180deg)}
.box_coupon_v1 .coupon_content .liForOld:first-child{margin-left:0}
.box_coupon_v1 .coupon_content.couponStyle6 .liForOld{border-color:#151119;color:#151119;background:#d5d5d5}
.box_coupon_v1 .coupon_content.couponStyle7 .liForOld{border-color:#2e59e5;color:#2e59e5;background:#d9e7ef}
.box_coupon_v1 .coupon_content.couponStyle8 .liForOld{border-color:#0a9774;color:#0a9774;background:#d2eced}
.box_coupon_v1 .coupon_content.couponStyle9 .liForOld{border-color:#4856c8;color:#4856c8;background:#dfe0ef}
.box_coupon_v1 .coupon_content.couponStyle6 .liForOld span::after,.box_coupon_v1 .coupon_content.couponStyle6 .liForOld::after{background-image:linear-gradient(-45deg,#d5d5d5 25%,transparent 25%,transparent),linear-gradient(-135deg,#d5d5d5 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#d5d5d5 75%),linear-gradient(-135deg,transparent 75%,#d5d5d5 75%)}
.box_coupon_v1 .coupon_content.couponStyle7 .liForOld span::after,.box_coupon_v1 .coupon_content.couponStyle7 .liForOld::after{background-image:linear-gradient(-45deg,#d9e7ef 25%,transparent 25%,transparent),linear-gradient(-135deg,#d9e7ef 25%,#d9e7ef 25%,transparent),linear-gradient(-45deg,transparent 75%,#d9e7ef 75%),linear-gradient(-135deg,transparent 75%,#d9e7ef 75%)}
.box_coupon_v1 .coupon_content.couponStyle8 .liForOld span::after,.box_coupon_v1 .coupon_content.couponStyle8 .liForOld::after{background-image:linear-gradient(-45deg,#d2eced 25%,transparent 25%,transparent),linear-gradient(-135deg,#d2eced 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#d2eced 75%),linear-gradient(-135deg,transparent 75%,#d2eced 75%)}
.box_coupon_v1 .coupon_content.couponStyle9 .liForOld span::after,.box_coupon_v1 .coupon_content.couponStyle9 .liForOld::after{background-image:linear-gradient(-45deg,#dfe0ef 25%,transparent 25%,transparent),linear-gradient(-135deg,#dfe0ef 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#dfe0ef 75%),linear-gradient(-135deg,transparent 75%,#dfe0ef 75%)}
.box_coupon_v1 .coupon_content.couponStyle6 .liForOld span::before,.box_coupon_v1 .coupon_content.couponStyle6 .liForOld::before{background-image:linear-gradient(-45deg,#151119 25%,transparent 25%,transparent),linear-gradient(-135deg,#151119 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#151119 75%),linear-gradient(-135deg,transparent 75%,#151119 75%)}
.box_coupon_v1 .coupon_content.couponStyle7 .liForOld span::before,.box_coupon_v1 .coupon_content.couponStyle7 .liForOld::before{background-image:linear-gradient(-45deg,#2e59e5 25%,transparent 25%,transparent),linear-gradient(-135deg,#2e59e5 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#2e59e5 75%),linear-gradient(-135deg,transparent 75%,#2e59e5 75%)}
.box_coupon_v1 .coupon_content.couponStyle8 .liForOld span::before,.box_coupon_v1 .coupon_content.couponStyle8 .liForOld::before{background-image:linear-gradient(-45deg,#0a9774 25%,transparent 25%,transparent),linear-gradient(-135deg,#0a9774 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#0a9774 75%),linear-gradient(-135deg,transparent 75%,#0a9774 75%)}
.box_coupon_v1 .coupon_content.couponStyle9 .liForOld span::before,.box_coupon_v1 .coupon_content.couponStyle9 .liForOld::before{background-image:linear-gradient(-45deg,#4856c8 25%,transparent 25%,transparent),linear-gradient(-135deg,#4856c8 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#4856c8 75%),linear-gradient(-135deg,transparent 75%,#4856c8 75%)}


.couponDialog{width:100%;height:100%;max-width:720px;position:fixed;z-index:98;top:0;left:0;right:0;margin:0 auto;}
.couponDialog .couponDialog_cope{width:100%;height:100%;background:#1f1313;position:absolute;margin:0 auto;z-index:998;top:0;opacity:.2;transition:all .2s ease-in}
.couponDialog .couponDialog_title{overflow:hidden;display:flex;justify-content:space-between;align-items:center;margin:20px 8px 0 22px}
.couponDialog .couponDialog_title p{font-size:2rem;margin:auto 0}
.couponDialog .couponDialog_title span{font-size:3rem;opacity:.5}
.couponDialog .detail_title{overflow: hidden;display: flex;justify-content: space-between;align-items: center;margin: 14px 8px 5px 22px}
.couponDialog .detail_title span{font-size:1.8rem; }
.couponDialog .couponDialog_content{margin:0 auto;position:absolute;bottom:0;height:80%;width:100%;max-width:720px;background:#fff;z-index:999;transition:all .2s ease-in;border-radius:20px 20px 0 0;}
.couponDialog .code_content{overflow-y:scroll ;height:calc(100% - 50px);margin-top:0px;padding: 0px 15px;}
.couponDialog .code_content *{max-width:100%}
.couponDialog .introduceForLocation{height: 30%; border-radius: 20px; bottom:50%;width: 95%;}
.reDetailForLocation{display: flex;justify-content: center;}
.couponDialog .code_contentForLocation{display: flex; justify-content: center; align-items: center; overflow: hidden;}
.couponDialog .couponDialog_main{margin:10px 0 0 10px;overflow:auto;position:absolute;height:calc(100% - 125px);width:calc(100% - 20px);padding-top:5px;-webkit-overflow-scrolling:touch}
.couponDialog .couponDialog_main .coupon_list{height:100px;background:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:20px;margin-right:10px;margin-left: 8px;}
.couponDialog .couponDialog_main .coupon_list:last-child{margin-bottom:10px}
.couponDialog .couponDialog_main .coupon_list::before{content:'';position:absolute;top:0;left:4px;width:96px;height:100px;z-index:1}
.couponDialog .couponDialog_main .coupon_list::after{content:'';position:absolute;width:10px;height:100%;z-index:1000;left:0;background-size:2rem .66rem;background-image:linear-gradient(-45deg,#fff 25%,transparent 25%,transparent),linear-gradient(-135deg,#fff 25%,transparent 25%,transparent),linear-gradient(-45deg,transparent 75%,#fff 75%),linear-gradient(-135deg,transparent 75%,#fff 75%)}
.coupon_list_left{z-index:2;width:100px;display:flex;justify-content:center;align-content:center;flex-wrap:nowrap;box-sizing:border-box;align-items:baseline}
.coupon_list_left b{font-size:2.5rem;font-weight:400;color:#fff}
.coupon_list_left i{font-size:1rem;font-style:normal;color:#fff}
.coupon_list_right{width:calc(100% - 100px);height:100px;box-shadow:0 0 5px 1px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-content:space-between;flex-wrap:wrap;padding:15px 10px 5px;box-sizing:border-box}
.coupon_list_right p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:2rem;z-index:2}
.coupon_list_right section{display:flex;justify-content:flex-end;align-items:baseline;flex-wrap:wrap;width:100%}
.coupon_list_right .coupon_btn{font-size:1.2rem;padding:3px 10px;border-radius:12px;background:#ff3232;color:#fff;margin-left:5px}
.coupon_list_right .coupon_receive{font-size:1.2rem;padding:3px 10px;border-radius:12px;border:1px solid #ff3232;color:#ff3232;margin-left:5px}
.coupon_list_right date{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:5px;display:block;opacity:.5;font-size:1rem}
.coupon_list_right section b{position:absolute;right:0;top:0;width:50px;height:78px;background-size:contain;background-image:url(../image/receive.png);z-index:1;background-repeat:no-repeat}
.couponDialog .coupon_all{display:inline-block;border:1px solid #ff3232;color:#ff3232;font-size:1.8rem;padding:2px 20px;margin:0 auto;border-radius:20px;position:absolute;bottom:15px;left:50%;transform:translateX(-50%)}
.couponDialog .coupon_all.disabled{ pointer-events: none; opacity: .5;}
.couponDialog.couponStyle1 .coupon_btn,.couponDialog.couponStyle1 .coupon_list::before{background:linear-gradient(135deg,#ff5d26,#ff3232)}
.couponDialog.couponStyle2 .coupon_btn,.couponDialog.couponStyle2 .coupon_list::before{background:linear-gradient(135deg,#c767ff,#6f77ff)}
.couponDialog.couponStyle3 .coupon_btn,.couponDialog.couponStyle3 .coupon_list::before{background:linear-gradient(135deg,#01a6ff,#2863e8)}
.couponDialog.couponStyle4 .coupon_btn,.couponDialog.couponStyle4 .coupon_list::before{background:linear-gradient(135deg,#ffee99,#edb368)}
.couponDialog.couponStyle5 .coupon_btn,.couponDialog.couponStyle5 .coupon_list::before{background:linear-gradient(135deg,#d166ff,#687aff)}

.couponDialog.couponStyle5 .coupon_btn,.couponDialog.couponStyle5 .coupon_list::before{background:linear-gradient(135deg,#ff5d26,#ff3232)}
.couponDialog.couponStyle6 .coupon_btn,.couponDialog.couponStyle6 .coupon_list::before{background:linear-gradient(135deg,#78787b,#151119)}
.couponDialog.couponStyle7 .coupon_btn,.couponDialog.couponStyle7 .coupon_list::before{background:linear-gradient(135deg,#01a6fe,#2961e7)}
.couponDialog.couponStyle8 .coupon_btn,.couponDialog.couponStyle8 .coupon_list::before{background:linear-gradient(135deg,#a2fc7e,#08c8cf)}
.couponDialog.couponStyle9 .coupon_btn,.couponDialog.couponStyle9 .coupon_list::before{background:linear-gradient(135deg,#d166ff,#687aff)}

.couponDialog.couponStyle2 .coupon_receive{border-color:#151119;color:#151119}
.couponDialog.couponStyle3 .coupon_receive{border-color:#2961e7;color:#2961e7}
.couponDialog.couponStyle4 .coupon_receive{border-color:#08c8cf;color:#08c8cf}
.couponDialog.couponStyle5 .coupon_receive{border-color:#687aff;color:#687aff}

.couponDialog.couponStyle6 .coupon_receive{border-color:#ff5d26;color:#ff3232}
.couponDialog.couponStyle6 .coupon_receive{border-color:#151119;color:#151119}
.couponDialog.couponStyle7 .coupon_receive{border-color:#2961e7;color:#2961e7}
.couponDialog.couponStyle8 .coupon_receive{border-color:#08c8cf;color:#08c8cf}
.couponDialog.couponStyle9 .coupon_receive{border-color:#687aff;color:#687aff}

#activitiesDialog.couponDialog .couponDialog_main{height: calc(100% - 72px);}

/* 店鋪活動 */
.box_activities_v1 .activities_box{padding:10px}
.box_activities_v1 .activities_title{overflow:hidden;display:flex;justify-content:space-between;align-items:center}
.box_activities_v1 .activities_title p{font-size:2rem;margin:auto 0;white-space: nowrap; overflow: hidden;}
.box_activities_v1 .activities_title span{font-size:3rem;opacity:.5}
.box_activities_v1 .activities_content{padding:10px 0}
.box_activities_v1 .activities_content li{ display: block; opacity: .8;margin: 7px 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#activitiesDialog.couponDialog .couponDialog_main{height: calc(100% - 72px);}

/* 店鋪活動 */
.box_activities_v1 .activities_box{padding:10px}
.box_activities_v1 .activities_title{overflow:hidden;display:flex;justify-content:space-between;align-items:center}
.box_activities_v1 .activities_title p{font-size:2rem;margin:auto 0}
.box_activities_v1 .activities_title span{font-size:3rem;opacity:.5}
.box_activities_v1 .activities_content{padding:10px 0}
.box_activities_v1 .activities_content li{ display: block; opacity: .8;margin: 7px 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#activitiesList ul{ margin:10px;}
#activitiesList ul:empty:before{display:none;}
#activitiesList1,#activitiesList2{ position: relative;margin-bottom:15px;}
#activitiesList1:before,
#activitiesList2:before{content: "滿減"; position: absolute;border: 1px solid #ff3232;color: #ff3232;left: 0;top: 0;padding:2px 8px;font-size: 1rem;border-radius: 3px;}
#activitiesList2:before{content: "折扣";}
.activities_list{ padding-left:55px; text-align: left;font-size: 1.3rem;padding-right:10px;margin-bottom:20px;}
.activities_list li{ margin-bottom:10px;}
.activities_list p{padding:2px 0;}
.activities_list a{color: #ff3232;margin-top:3px; display: block; cursor: pointer;}
.activities_list a::after{ content: ">"}

#activitiesDialog.couponDialog.activitiesStyle2 #activitiesList1:before,
#activitiesDialog.couponDialog.activitiesStyle2 #activitiesList2:before{border: 1px solid #151119;color: #151119;}
#activitiesDialog.couponDialog.activitiesStyle2  .activities_list a{color: #151119;}

#activitiesDialog.couponDialog.activitiesStyle3 #activitiesList1:before,
#activitiesDialog.couponDialog.activitiesStyle3 #activitiesList2:before{
	border: 1px solid #2e59e5;color: #2e59e5;
}
#activitiesDialog.couponDialog.activitiesStyle3  .activities_list article{color: #2e59e5;}
#activitiesDialog.couponDialog.activitiesStyle4 #activitiesList1:before,
#activitiesDialog.couponDialog.activitiesStyle4 #activitiesList2:before{
	border: 1px solid #0a9774;color: #0a9774;
}
#activitiesDialog.couponDialog.activitiesStyle4  .activities_list a{color: #0a9774;}
#activitiesDialog.couponDialog.activitiesStyle5 #activitiesList1:before,
#activitiesDialog.couponDialog.activitiesStyle5 #activitiesList2:before{
	border: 1px solid #4856c8;color: #4856c8;
}
#activitiesDialog.couponDialog.activitiesStyle5 .activities_list a{color: #4856c8;}
/* 查詢表單 */
#FormContent{text-align: center; padding:10px; }
#FormContent .FormContent_title{text-align: center;padding:0px 17px 17px;font-size: 14px;font-weight: 800;}
#FormContent .FormContent_item p{margin-bottom: 10px;/* display: flex;justify-content: center; */}
#FormContent .FormContent_item .verticalStyle{flex-direction: column;}
#FormContent .FormContent_item input[type='radio'],
#FormContent .FormContent_item input[type='checkbox']{display: none !important; }
#FormContent .FormContent_item .iyong-radio1 + label{cursor: pointer;font-weight: normal; margin-left: 6px;}
#FormContent .FormContent_item .iyong-radio1 + label i{margin-right: 6px; position: relative;background-color: #fafafa;border: 1px solid #666;content: ' ';display: inline-block;vertical-align: middle;margin-top: -2px;width: 14px;height: 14px;border-radius: 14px;box-sizing: border-box;}
#FormContent .FormContent_item .iyong-radio1:checked + label i:after {content: ' '; border:4px solid #666; /* width: 7px;height: 7px; */border-radius: 7px;position: absolute;top: 2px;/* background: #666 ;*/left: 2px;font-size: 32px;}
#FormContent .FormContent_item .columnNameParent{width:30%; /* display: flex; */text-align: right;float:left}
#FormContent .FormContent_item .columnName{display: inline-block;/* width: 90%; */padding-right: 5px;vertical-align: top; /*   white-space: nowrap;overflow: hidden;text-overflow: ellipsis; */}
#FormContent .FormContent_item .columnName_cloumn{text-align: left;margin-bottom: 5px;width: 100%;}
#FormContent .FormContent_item .textInput{height: 35px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;box-sizing: border-box; border: 1px solid #dadada;background-color: #f7f7f7; padding:5px; font-size: 14px;border-radius: 4px;outline: none;}
#FormContent .FormContent_item .textInput:focus{box-shadow: 0 0 5px #dadada;}
#FormContent .FormContent_item .item_input{padding:6px;}
.onlineFormSearch .FormContent_search{cursor: pointer; font-size: 16px;width: 100%;font-weight: bold; background-color: #1f99f0;margin: 0 auto;color: #ffffff;padding-top: 9px;padding-bottom: 9px;border-radius: 2px;}
#FormContent .FormContent_item .item_radio{display: inline-block;text-align: left;float: left;}
#FormContent .FormContent_item .item_span{display: inline-block;height: 100%;line-height: 26px;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;overflow: hidden;}
#FormContent .FormContent_item .form_isrq{height: 32px;line-height: 20px;font-size: 12px;font-family: 微軟雅黑;text-indent: 5px;padding: 0;}
#FormContent .FormContent_item .form-verify img{display: table-cell;vertical-align: middle;width: 30%;padding-left: 10px;padding-top: 2px;height: 30px;}
#FormContent .FormContent_item .form-verify .pull-left{float: left;}
#FormContent .FormContent_item .form-verify .change_verify{line-height: 35px; background-image: url(../image/changeVerify.png);background-repeat: no-repeat;background-position: 50% 40%;width: 8%;height: 32px;background-size: 18px auto;cursor: pointer;text-align: right;padding-top: 8px;}
#FormContent .Notitle{padding:0 ;}
#FormContent .FormContent_item .setWidth{width:70%;/* margin-right: 28px; */text-align: left;float: left;}
#FormContent .FormContent_item .setSelect{appearance: none;-moz-appearance: none;-webkit-appearance: none;background-image: url(../image/select.svg);background-repeat: no-repeat;background-position: 100% center;padding-right: 35px;}
#formResult{ position: absolute; top:0; text-align:center; left:0; right:0; z-index:999; background-color:#f7f7f7; padding: 8px 10px; height:100%; overflow:auto;overflow-x: hidden; box-sizing:border-box; font-size: 16px; color:#131212; max-width: 720px; margin: 0 auto;}
#formResult .queryItems p{color: #727272;font-size: 16px;padding-bottom: 10px;}
#formResult .queryTitle{color: #1c1c1c;font-weight: 600;padding-bottom: 17px;}
#formResult .Items{display: inline-block;text-align: left;position: relative;}
#formResult .formName{margin-top: 30px; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 22px;font-weight: 600;}
#formResult .remove{position: absolute; bottom: 40px; width: 100%; text-align: center;}
#formResult #return{color: #649efd; text-decoration: underline; cursor: pointer;}
#formResult .tips{color: #727272;margin-top: 15px;}
#formResult .queryResNoDataIcon{font-size: 70px;color: #ccc;}
/* 新增信用EID組件 2021/2/1 By:Yu Jianting */
.eidContent #eid{padding:5px 10px;}
.eidContent .company_info .company_name{text-align: center;color: #000;font-weight: 900;font-size: 18px; margin-bottom: 6px;}
.eidContent .company_info .authenticateType{text-align: center;color: red;margin-bottom: 10px;}
.eidContent .title{margin-bottom: 0px;font-size: 16px;font-weight: 700;}
.eidContent .memberId .idDetail{margin-bottom: 10px;}
.eidContent .eidSource .headerImg img{width: 20px; height: 20px; margin-right: 5px; margin-left: 5px; margin-top: 5px;}
.eidContent .showEid{display: none; margin: 2rem 0 0 0;line-height: 3.5rem;text-align: center; color: #fff;border-radius: 5px;background-color: #df443b;cursor: pointer;font-size: 18px;}
body.edit .eidContent  .showEid{display: block;}
.eidContent .isShow{display: block;}
/* 新增開屏廣告組件 2021/2/19 By:Yu Jianting */
.advertisement{    
	position: fixed;
	    top: 0px;
	    left: 0;
	    right: 0;
	    /* height: calc(100vh); */
	    height: 100%;
	    width: 100%;
	    background: rgba(0,0,0,.6);
	    z-index: 999;
	    max-width: 720px;
	    /* left: 50%; */
	    /* transform: translateX(-50%); */
	    margin: 0 auto;
}
.advertisement .advertise{
	position: absolute;
	    height: 71%;
	    width: 80%;
	    top: 14%;
	    left: 10%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
}
.advertisement .adContent{
	    height: 100%;
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
}
.advertisement .adContent img{max-width: 100%;max-height: 88%;}
.advertisement .adContent .close{
	    width: 33px;
	    height: 33px;
	    margin: 0 auto;
	    text-align: center;
	    border-radius: 50%;
	    line-height: 33px;
	    font-size: 33px;
	    margin-top: 7%;
		color:#fff;
		z-index: 9999;
}
#closeAd{
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 88%;
}
/* 投票表單 */
.FormContent_item .title_desc_H{
	float: left;
	width: 30%;
}
.FormContent_item .title_desc_W{
	float: left;
	width: 100%;
}
.FormContent_item .questionTitle{
	padding-right: 5px;
	font-size: 14px;
}
.FormContent_item .title_desc_H{
	text-align: right;
}
.FormContent_item .title_desc_W{
	text-align: left;
}
.FormContent_item .option_desc_H{
	float: left;
	width: 70%;
}
.FormContent_item .option_desc_W{
	float: left;
	width: 100%;
}
.FormContent_item .option_text{
	margin-right: 18px;
	word-break: break-all;
	text-align: left;
}
.FormContent_item .text_H{
	text-align: right;
}
.FormContent_item .text_W{
	text-align: left;
	margin: 4px 0 8px;
}
.FormContent_item .optionImg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 100%;
	margin-bottom: 5px;
}
.FormContent_item .imgBorder{
	width: 30%;
	margin-right: 0;
	border: 1px solid #cccccc;
	/* float: left; */
	padding:10px;
	border-radius: 5px;
	margin-bottom: 5px;
	box-sizing: border-box;
}
.FormContent_item .img_width{
	width: 48%;
}
.FormContent_item .imgText{
	margin:0 ;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	display: inline-block;
}
.FormContent_item .hasImg{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.FormContent_item .hasImg::after{
	content: "";
	width: 30%;
}
#FormContent .voteForm{
	padding:0 ;
	margin-bottom: 10px;
}
#FormContent .FormContent_item .iyong-radio1 + label .checkBox{
	border-radius: 0;
}
#FormContent .FormContent_item .iyong-radio1:checked + label .checkBox:after{
	width: 6px;
	height: 10px;
	transform: rotate( 45deg);
	border: 2px solid #666;
	background-color: transparent;
	border-top: 0;
	border-left: 0;
	top: -1px;
	left:3px;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#FormContent .submit{
	width: 100%;
	background: #666;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	margin: 10px auto;
	font-weight: bold;
	border-radius: 2px;
}
#result{
	display: flex;
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	/* background: red; */
	z-index: 999;
	justify-content: center;
	align-items: center;
}
#result #introduce{
	position: absolute;
   	height: 65%;
	width: 90%;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 10px #666;
}
#introduce #title{
	display: flex;
	justify-content: space-between;
	padding: 13px 10px 13px 40px;
	border-bottom: 1px solid #eee;
}
#result_content{
	margin:20px;
	overflow: auto;
	max-height: 80%;
}
#result_content::-webkit-scrollbar{
	display: none;
}
#result_content .result_optionTitle{
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: 15px;
}
#result_cope{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#result_content .optionItem{
	margin-bottom: 10px;
	border: 1px solid #D8E7FF;
	height: 40px;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
}
#result_content .percentBK{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	background: #D8E7FF;
}
#result_content .optionName{
	font-size: 12px;
	position: absolute;
	left: 10px;
	display: flex;
	flex-direction: column;
}
#result_content .optionProportion{
	position: absolute;
	right: 10px;
}
.noscroll{
        overflow: hidden;
        position: relative;
}