html, body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, hr, p, pre, span, strong, form, iframe, label, button, input, textarea, table, tr, th, td, i, div, code, fieldset, legend, lengend, blockquote, select{
  text-align: inherit;
}
@font-face {
  font-family: PlayfairDisplay;
  src: url("https://resource.xp-pen.com/img/officialWebsite/MagicNotePad/css/PlayfairDisplay-SemiBold.ttf");
}
.swiper-wrapper{height: auto;}
#MagicNotePad .text_min,
#MagicNotePad .module_10 #mnp-swiper3 .swiper-slide .swiper_text_content .text_p2,
#MagicNotePad .text_p1,#MagicNotePad .module_3 #swiper1 .swiper-slide .text_content .text_p{font-family: Montserrat !important;}
#MagicNotePad .title,
#MagicNotePad .module_12 .text_content .title,
#MagicNotePad .module_10 #mnp-swiper3 .swiper-slide img,#MagicNotePad .module_3 #swiper1 .swiper-slide img,#MagicNotePad .module_6 img,#MagicNotePad .module_5 .content > img,#MagicNotePad .module_7 .imgBox .img_pc,#MagicNotePad .module_7 .imgBox .img_h5,#MagicNotePad .module_13 .content .img1,#MagicNotePad .module_13 .content .img2{border-radius: 1.563vw;}
#MagicNotePad .module_10 #mnp-swiper3 .swiper-slide .swiper_text_content .text_p1,#MagicNotePad .text_max,#MagicNotePad .module_3 #swiper1 .swiper-slide .text_content .title{font-family: 'Times New Roman' !important;}
#MagicNotePad .module_1 .text_content .title{font-family: PlayfairDisplay!important;}
#MagicNotePad .module_5 .content.content2 .swiper_box .pagination_box .title_box .pagination_bullet .text_p0{font-family: PlayfairDisplay!important;}
#MagicNotePad .module_10 #swiper3 .swiper-slide .swiper_text_content .text_p1{font-family: PlayfairDisplay!important;}
#MagicNotePad .module_21 #swiper4 .swiper-wrapper .swiper-slide .text_box .text_p1{font-family: PlayfairDisplay!important;}

#MagicNotePad .module_3{padding-top: 3.047vw;}
#MagicNotePad .module_6{background-color: #423C38;padding-top: 0;padding-bottom: 8.59375vw;}
#MagicNotePad .module_7{background-color: #423C38;padding-top: 0;}
#MagicNotePad .module_7 .imgBox .tuv{flex-direction: column;gap: 4.375vw;bottom: 50%;transform: translate(0,50%);left: 3.594vw;}
#MagicNotePad .module_7 .imgBox .tuv .item img{width: 11.914vw;margin-right: 0;}
#MagicNotePad .module_7 .imgBox .tuv .item{width: auto;}
#MagicNotePad .module_7 .imgBox .tuv .item .text_p1{font-size: 1.016vw;}
#MagicNotePad .module_7_add .text_content{width: 90%;margin-bottom: 0;}
#MagicNotePad .module_7_add .text_content .title{text-align: left;margin-bottom: 3.281vw;}
#MagicNotePad .module_7_add .text_min{text-align: left;margin: 4.375vw auto 0;width: 95%;}
#MagicNotePad .module_7_add .imgBox{border-radius: 1.563vw;overflow: hidden;}
#MagicNotePad .module_9 .text_content{top: 2.71875vw;}
#MagicNotePad .module_9 .text_content .text_p1{margin-bottom: 3.398vw;}
#MagicNotePad .module_9 .text_content div > img {width: 6.71875vw;margin-top: 2.8125vw;}
#MagicNotePad .module_9 .text_content .noteimg{width: 28.672vw;margin-top: 1vw;}

#MagicNotePad .module_12{position: relative;padding-bottom: 0;}
#MagicNotePad .module_12 .text_content{padding-left: 15.313vw;padding-right: 12.109vw;justify-content: space-between;padding-bottom: 21vw;position: relative;margin-bottom: 2.73125vw;}
#MagicNotePad .module_12 .imgBox{width: 16.875vw;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -60%);}
#MagicNotePad .module_12 .text_content .title {margin: 0 0 3.203vw;flex: 0;}
#MagicNotePad .module_12 .text_content .title img{margin-bottom: 3.203vw;width: 26.758vw;}
#MagicNotePad .module_12 .text_content .sellpointBox{display: flex;gap: 2.109vw;}
#MagicNotePad .module_12 .text_content .sellpointBox .sellitem { text-align: center;}
#MagicNotePad .module_12 .text_content .sellpointBox .sellitem img{ width: 4.961vw;}
#MagicNotePad .module_12 .text_content .sellpointBox .sellitem p{font-family: Montserrat;font-weight: 500;font-size: 1.133vw;color: #1F1F1F;text-align: center;margin-top: 1.094vw;}
#MagicNotePad .module_12 .text2_content{text-align: center;position: relative;}
#MagicNotePad .module_12 .text2_content .img1{width: 27.664vw;}
#MagicNotePad .module_12 .text2_content .text2_content_txt{position: absolute;right: 31.07vw;top: 14.266vw;}
#MagicNotePad .module_12 .text2_content .text2_content_txt .img2{width: 10.781vw;}
#MagicNotePad .module_12 .text2_content .text2_content_txt .img3{width: 14.922vw;}
#MagicNotePad .module_12 .text2_content .text2_content_txt p{font-family: 'Times New Roman';font-weight: bold;font-size: 1.719vw;color: #000000;line-height: 3.516vw;margin-bottom: 6.133vw;}
#MagicNotePad .module_13{display: flex;justify-content: center;align-items:flex-start;gap:4.219vw ;}
#MagicNotePad .module_13 .content .img1{width: 35.313vw;margin-right: 0;}
#MagicNotePad .module_13 .content.content1 .text_content,#MagicNotePad .module_13 .content.content2 .text_content{width: 35.313vw;}
#MagicNotePad .module_13 .content.content2 .text_content .text_max{margin-top: 1.055vw;}
#MagicNotePad .module_13 .text_max{font-size: 2.422vw;}
#MagicNotePad .module_13 .text_min{font-size: 1.094vw;margin-bottom: 1.484vw;}
#MagicNotePad .module_13 .text_min2{font-family: Montserrat;font-weight: 500;font-size: 0.781vw;color: #808080;line-height: 1.094vw;}
#MagicNotePad .module_5 .content3 {padding: 1.43vw 11.71875vw 1.43vw 13.47656vw;}
#MagicNotePad .module_9 .guide_box{display: block;}
#MagicNotePad .module_9 .swiper-button-next {
    right: 2%;
    position: absolute;
    margin-right: 0;
    background-color: rgba(3, 3, 3, 0.5);
    background-image: url(https://resource.xp-pen.com/img/product/detail/MagicNotePad/swiper_icon.png);
    width: 2.73438vw;
    height: 2.73438vw;
    border-radius: 50%;
    margin-top: 0;
    background-size: 100% 100%;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1080px){
    #MagicNotePad .module_3{padding-top:10vw;}
    #MagicNotePad .module_10 #mnp-swiper3 .swiper-slide img,#MagicNotePad .module_3 #swiper1 .swiper-slide img,#MagicNotePad .module_6 img,#MagicNotePad .module_5 .content > img,#MagicNotePad .module_7 .imgBox .img_pc,#MagicNotePad .module_7 .imgBox .img_h5,#MagicNotePad .module_13 .content .img1,#MagicNotePad .module_13 .content .img2{border-radius: 3.704vw;}
    #MagicNotePad .module_5 .content.content2{padding-top: 0;}
    #MagicNotePad .text_content ,#MagicNotePad .module_7_add .text_min{width: 100% !important;}
    #MagicNotePad .module_7 .imgBox .tuv{flex-direction: row;justify-content: center;}
    #MagicNotePad .module_9 .text_max{display: inline-block;margin-bottom: 0;vertical-align: middle;margin-left: 8.63vw;}
    #MagicNotePad .module_9 .text_content div {display: inline-block;text-align: center;vertical-align: middle;}
    #MagicNotePad .module_9 .text_content div > img {width: 12.71875vw;margin-top: 0;}
    #MagicNotePad .module_9 .text_content{text-align: center;}
    #MagicNotePad .module_9 .text_content .text_p1{margin-bottom: 0;}
    #MagicNotePad .module_9 .text_content .noteimg{width: 100%;margin-top: 7.556vw;}
    #MagicNotePad .module_7 .imgBox .tuv .item img{width: 27.914vw;}
    #MagicNotePad .module_7 .imgBox .tuv .item .text_p1{font-size: 2.96296vw;}
    #MagicNotePad .module_7 .imgBox .tuv{bottom: 15%;}
    #MagicNotePad .module_12 .imgBox{position:initial;margin: 0 auto 5.556vw;transform: translate(0 ,-5%);width: 31.875vw;}
    #MagicNotePad .module_12 .text_content{padding: 0;}
    #MagicNotePad .module_12 .text_content .title{display: flex;flex-direction: column-reverse;justify-content: center;text-align: center;margin-bottom: 0;}
    #MagicNotePad .module_12 .text_content .title img{margin: 4.778vw auto 0;width: 56.758vw;}
    #MagicNotePad .module_12 .text_content .sellpointBox{justify-content: center;margin: 4.63vw 0 6.63vw;}
    #MagicNotePad .module_12 .text_content .sellpointBox .sellitem img {width: 9.961vw;}
    #MagicNotePad .module_12 .text_content .sellpointBox .sellitem p {font-size: 2.533vw;margin-top: 2.094vw;}
    #MagicNotePad .module_12 .text2_content .img1{width: 100%;margin-top: 3.704vw;}
    #MagicNotePad .module_12 .text2_content .text2_content_txt{position: initial;display: flex;justify-content: space-around;}
    #MagicNotePad .module_12 .text2_content .text2_content_txt .img2,
    #MagicNotePad .module_12 .text2_content .text2_content_txt .img3 {width: 26.781vw;}
    #MagicNotePad .module_12 .text2_content .text2_content_txt p{font-size: 3.426vw;margin-top: 2.778vw;}
    #MagicNotePad .module_13{flex-direction: column;padding: 9.722vw 8.333vw;}
    #MagicNotePad .module_13 .content.content1 .text_content, #MagicNotePad .module_13 .content.content2 .text_content{width: 100%;}
    #MagicNotePad .module_13 .text_max{font-size:  6.2963vw}    
    #MagicNotePad .module_13 .text_min{font-size: 2.593vw;}
    #MagicNotePad .module_13 .content .img1{width: 100%;margin-top: 2.556vw;}
    #MagicNotePad .module_13 .content.content1 .text_content{margin-bottom: 0;}
    #MagicNotePad .module_13 .content.content2 .text_content{display: flex;flex-direction: column; }
    #MagicNotePad .module_13 .content.content2 .text_content .text_max{order: 1;}
    #MagicNotePad .module_13 .content .img1{order: 4;}
    #MagicNotePad .module_13 .text_min{order: 2;}
    #MagicNotePad .module_13 .text_min2{order: 3;font-size: 1.852vw;line-height: 1.5;margin-top: 2.778vw;}
    #MagicNotePad .module_5 .content {flex-direction: column-reverse;padding: 2.43vw 3.05556vw;width: 100%; }
    #MagicNotePad .module_5 .content.content2{padding:0 3.05556vw 42.40741vw !important;position: initial !important;}
    #MagicNotePad .module_5 .content3{padding:0 8.333vw 22.40741vw;}
    #MagicNotePad .module_6,#MagicNotePad .module_9 .text_content,#MagicNotePad .module_7,#MagicNotePad .module_5 .content.content2 .text_content{padding-left: 8.333vw;padding-right: 8.333vw;}
    #MagicNotePad .module_7_add .text_content .title {margin-bottom: 6.281vw;padding-top: 11.281vw;}
    #stikty{position:initial !important;width: auto !important;height: auto !important;}
    
    
    
}