select::-ms-expand{display:none}
.guidebook-frame-active{width:calc(100% - 17px);overflow:hidden}
.guidebook-frame-active body{overflow:hidden}
.guidebook-entry-container{width:100%;position:relative;background-color:#FFF}
.guidebook-title{display:none;background-color:#f5f3f3}
.guidebook-title-text{width:820px;line-height:29px;font-size:22px;font-weight:bold;margin:0 auto;padding-top:18px;padding-bottom:17px}
.guidebook-entry{display:none;position:relative;width:820px;height:30px;margin:40px auto 0}
.guidebook-entry-catalog-btn{font-size:17px;color:#018af3}
.guidebook-entry-catalog-btn span{display:inline-block;cursor:pointer;vertical-align:middle}
.guidebook-entry-plus-icon{width:17px;height:17px;background-size:cover;background-repeat:no-repeat;background-image:url(../image/catalog.svg);display:inline-block;cursor:pointer;vertical-align:middle;margin-top:2px;margin-right:6px}
.guidebook-entry-modal{background:rgba(0,0,0,.4);position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:0;z-index:9999;opacity:0;visibility:hidden;overflow-y:hidden}
.guidebook-entry-modal.active{height:100%;opacity:1;visibility:visible;overflow-y:auto}
.guidebook-entry-modal-main{position:relative;background-color:#fff;width:660px;margin:102px auto;padding:31px 80px 74px 80px}
.guidebook-modal-catalog-icon-close{width:17px;height:17px;position:absolute;top:30px;right:30px;display:block;cursor:pointer;background:url(../image/delete.svg) no-repeat;background-size:cover}
.guidebook-modal-catalog-title{font-size:26px;color:#000;font-weight:bold;margin-bottom:20px}
.guidebook-modal-catalog-emui{padding-top:20px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.05)}
.guidebook-modal-catalog-emui>span{display:inline-block;font-size:15px;color:#000;height:30px;line-height:30px;float:left}
.guidebook-modal-catalog-emui-select{margin-left:16px;position:relative;float:left}
.guidebook-modal-catalog-emui-select .select{width:180px;height:28px;margin-right:0;border:1px solid #666;border-radius:4px}
.guidebook-modal-catalog-emui-select .select span{line-height:30px;font-weight:bold;font-size:14px;padding:0 30px 0 15px}
.guidebook-modal-catalog-emui-select .select span:after{content:"";display:inline-block;background:url(../image/img_con_v27_icon_sprite_svg.svg) -33px 0 no-repeat;width:12px;height:7px;position:absolute;top:50%;right:15px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.guidebook-modal-catalog-emui-select .select ol{max-height:200px;overflow-y:auto;top:28px;background-color:#fff;border:1px solid #666;border-radius:4px;width:calc(100% - 2px);position:absolute;left:0;z-index:140;padding:10px 0}
.guidebook-modal-catalog-emui-select .select ol li{font-size:14px;padding:10px 15px}
.guidebook-modal-catalog-emui-select .select ol li:hover{font-weight:bold}
.guidebook-modal-catalog-emui-select .select ol li:after{display:none}
.guidebook-modal-catalog-content>ul.guidebook-modal-catalog-row{display:block;padding-left:0}
.guidebook-modal-catalog-content>ul.guidebook-modal-catalog-row>li>button,.guidebook-modal-catalog-content>ul.guidebook-modal-catalog-row>li>a{margin-top:48px;font-weight:bold;height:24px;line-height:24px;font-size:18px}
.guidebook-modal-catalog-content>ul.guidebook-modal-catalog-row>li:first-child>button,.guidebook-modal-catalog-content>ul.guidebook-modal-catalog-row>li:first-child>a{margin-top:20px}
ul.guidebook-modal-catalog-row{list-style-type:none;padding-left:40px;display:none}
ul.guidebook-modal-catalog-row-lv1{padding-left:0;display:block}
ul.guidebook-modal-catalog-row button.bold{font-weight:bold}
.guidebook-modal-catalog-row button{width:100%;border:0;background:transparent;cursor:pointer;height:23px;line-height:23px;font-size:15px;font-weight:normal;display:block;position:relative;text-align:left;margin-top:24px;padding-left:0}
.guidebook-modal-catalog-row a{width:100%;border:0;background:transparent;cursor:pointer;height:23px;line-height:23px;font-size:15px;font-weight:normal;display:block;position:relative;text-align:left;margin-top:24px;padding-left:0;color:#000}
.guidebook-modal-catalog-row button>i{position:absolute;display:block;right:0;top:4px;width:15px;height:15px;background-image:url(../image/plus.svg);background-size:cover;background-repeat:no-repeat}
.guidebook-modal-catalog-row button>i.active{background-image:url(../image/minus.svg);background-size:cover;background-repeat:no-repeat}
.guidebook-modal-catalog-row button:focus{outline:0}
.guidebook-btn-area{display:none;position:relative;width:820px;height:70px;margin:0 auto;padding-bottom:20px}
.guidebook-prev-area{display:none;float:left;cursor:pointer;width:50%}
.guidebook-prev-area a{margin-top:16px;display:block;line-height:21px;font-size:16px;font-weight:bold}
.guidebook-next-area{display:none;float:right;cursor:pointer;width:50%;text-align:right}
.guidebook-next-area a{margin-top:16px;display:block;line-height:21px;font-size:16px;font-weight:bold}
.guidebook-btn{display:block}
.guidebook-btn span{display:inline-block;vertical-align:middle;font-size:15px;color:#000;line-height:28px}
.guidebook-prev-page{width:20px;height:20px;display:inline-block;vertical-align:middle;background-image:url(../image/v3-icons.svg);background-position:-190px -56px;background-repeat:no-repeat;margin-right:18px}
.guidebook-next-page{width:20px;height:20px;display:inline-block;vertical-align:middle;background-image:url(../image/v3-icons.svg);background-position:-220px -56px;background-repeat:no-repeat;margin-left:18px}
@media(max-width:767px){.guidebook-title{display:none;padding-top:36px;padding-bottom:25px;height:auto}
.guidebook-title-text{line-height:35px;font-size:19px;font-weight:bold;width:92%;margin-left:4%;padding-top:25px;padding-bottom:25px}
.guidebook-entry{display:none;position:relative;width:92%;height:auto;margin-left:4%;margin-top:0;left:0}
.guidebook-entry-catalog-btn{text-align:left}
.guidebook-entry-plus-icon{margin-right:10px}
.guidebook-entry-modal-main{position:relative;background-color:#fff;width:90%;margin:81px 5%;padding:50px 0 25px}
.guidebook-modal-catalog-icon-close{width:13px;height:13px;top:15px;right:15px}
.guidebook-modal-catalog-title{font-size:19px;line-height:25px;margin:0 20px}
.guidebook-modal-catalog-emui{margin:0 20px;padding-bottom:15px}
.guidebook-modal-catalog-emui>span{display:inline-block;font-size:14px;color:#000;line-height:32px;height:32px}
.guidebook-modal-catalog-emui-select .select{background:#fff;width:150px}
.guidebook-modal-catalog-emui-select{display:inline-block;margin-left:16px;position:relative}
.guidebook-modal-catalog-emui-select select{padding-left:18px;width:150px;font-size:13px;height:28px;line-height:16px}
.guidebook-modal-catalog-emui-select .select span{margin-top:0;height:28px;line-height:30px;border-bottom:0;padding-right:30px !important}
.guidebook-modal-catalog-emui-select .select ol li{line-height:20px}
.guidebook-modal-catalog-emui-select i{top:12px}
.guidebook-modal-catalog-content{margin:0 20px}
.guidebook-modal-catalog-content>ul.guidebook-modal-catalog-row>li>button,.guidebook-modal-catalog-content>ul.guidebook-modal-catalog-row>li>a{margin-top:33px;height:21px;line-height:21px;font-size:14px}
.guidebook-modal-catalog-content>ul.guidebook-modal-catalog-row>li:first-child>button,.guidebook-modal-catalog-content>ul.guidebook-modal-catalog-row>li:first-child>a{margin-top:16px}
ul.guidebook-modal-catalog-row{padding-left:25px}
ul.guidebook-modal-catalog-row button.bold{font-weight:bold}
.guidebook-modal-catalog-row button{height:18px;line-height:18px;font-size:13px;margin-top:17.5px}
.guidebook-modal-catalog-row a{height:18px;line-height:18px;font-size:13px;margin-top:17.5px}
.guidebook-modal-catalog-row button>i{top:4px;width:12px;height:12px}
.guidebook-btn-area{display:none;width:92%;margin-left:4%;height:auto;left:0}
.guidebook-prev-area{width:45%}
.guidebook-next-area{width:45%}
.guidebook-prev-area a{font-size:14px}
.guidebook-next-area a{font-size:14px}
}
html[dir=rtl] .guidebook-entry-plus-icon{margin-top:0;margin-left:0;margin-right:6px}
html[dir=rtl] .guidebook-modal-catalog-icon-close{right:auto;left:30px}
html[dir=rtl] .guidebook-modal-catalog-row button{text-align:right}
html[dir=rtl] .guidebook-modal-catalog-row button>i{left:0;right:auto}
html[dir=rtl] .guidebook-modal-catalog-content>ul.guidebook-modal-catalog-row{padding-right:0;margin-left:0;margin-right:20px}
html[dir=rtl] ul.guidebook-modal-catalog-row{padding-left:0;padding-right:40px;margin:0}
html[dir=rtl] .guidebook-modal-catalog-row a{text-align:right}
html[dir=rtl] .guidebook-modal-catalog-emui>span{float:right}
html[dir=rtl] .guidebook-modal-catalog-emui-select{float:right;margin-right:16px;margin-left:0}
html[dir=rtl] .guidebook-modal-catalog-emui-select .select span{padding:0 15px 0 30px}
html[dir=rtl] .guidebook-modal-catalog-emui-select .select span:after{left:15px;right:auto}
html[dir=rtl] .guidebook-modal-catalog-emui-select .select ol{margin:0;text-align:right}
html[dir=rtl] .guidebook-prev-area{float:right}
html[dir=rtl] .guidebook-prev-page{margin-right:0;margin-left:0;transform:rotate(180deg)}
html[dir=rtl] .guidebook-btn-area .guidebook-btn{float:none !important}
html[dir=rtl] .guidebook-next-area{float:left;text-align:left}
html[dir=rtl] .guidebook-next-page{margin-left:0;transform:rotate(180deg)}
@media(max-width:767px){html[dir=rtl] .guidebook-entry-catalog-btn{text-align:right}
html[dir=rtl] .guidebook-entry-plus-icon{margin-right:0;margin-left:10px}
html[dir=rtl] ul.guidebook-modal-catalog-row{padding-left:0;padding-right:25px;margin-right:20px;margin-left:0}
html[dir=rtl] .guidebook-modal-catalog-icon-close{left:15px}
}