@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url("https://use.typekit.net/qjc4wzl.css");
@import url(../fonts/style.css);
/*
  danny 240328
  1. $Reset
  2. $font
  3. $body,html
  4. $共用
  5. $Mobile
  6. $Pad
  7. $橫的版型
  8. $Pc
  9. $1025~1279
*/

/* $Reset
--------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}ol,ul{list-style:none}q:before,q:after{content:''}abbr,acronym{border:0}a{background:transparent;text-decoration:none;color:inherit;cursor:pointer;line-height:1em;display:inline-block}a:active{outline:0}input,textarea,button,select,option{border:0;margin:0;outline:none;padding:0;font-size:1.6rem;font-family:'Noto Sans TC','Microsoft JhengHei','PingFang TC','Helvetica','Arial',sans-serif;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}select::-ms-expand{display:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}





/* $font
--------------------------------------------------------------------------------------*/
:before ,:after{ font-family:'icomoon','Noto Sans TC','Microsoft JhengHei','PingFang TC','Helvetica','Arial',sans-serif;}





/* $body,html
--------------------------------------------------------------------------------------*/
html,body{ width: 100%; height: 100%; font-family:'Noto Sans TC','Microsoft JhengHei','PingFang TC','Helvetica','Arial',sans-serif; font-size:10px; }





/* $共用
--------------------------------------------------------------------------------------*/
/*----清除浮動技巧----*/
.clearfix:before,.clearfix:after {content: ' ';display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/*----清除浮動技巧----*/

/* IMAGE REPLACE */
.imageReplace{ text-indent: 100%; white-space: nowrap; overflow: hidden;}

/* float */
.floatL{ float: left;}
.floatR{ float: right;}

/* button reset、input reset、select reset */
button, input, select{ font-family:'Noto Sans TC','Microsoft JhengHei','PingFang TC','Helvetica','Arial',sans-serif; border: none; }




/* $Mobile
--------------------------------------------------------------------------------------*/
html,body{ width: 100%; -webkit-text-size-adjust:none; }

/* header */
header{ width: 100%; height: 60px; background: #fff; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 2vw; position: fixed; left: 0; top: 0; z-index: 9999; }
header .logo{ width: 50px; }
header .logo.active{ z-index: 2; }
header .logo a{ width: 50px; }
header .logo a img{ width: 100%; }
header .menu-ui{ display: flex; align-items: center; margin: 10px 10px 10px 0; }
header .menu-ui.active{ z-index: 2; }
/* language */  
header .menu-ui .select-box{ font-size: 1.3rem; color: #a8a8a8; display: inline-block; width: 38px; height: 15px; overflow: hidden;vertical-align: middle; transform: translateX(0); margin: 0 10px 0 0;  }
header .menu-ui  .select-box:after{ display: inline-block; content: "\e98e"; color: #A8A8A8; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); z-index: -1; }
header .menu-ui  select{ background: transparent; width: 100%; padding: 0 0 0 0; font-size: 1.3rem; color: #7E7E7E; line-height: 1; border: 0; border-radius: 0; height: 15px; -webkit-appearance: none; box-sizing: border-box; position: absolute;}
/* hamburg */
.hamburg-box{ width: 25px; height: 15px; display: flex; align-items: center; position: relative; cursor: pointer; }
.hamburg-box>span{ width: 100%; height: 2px; border-radius: 10px; background: #ED6900; display: block; transition: all .2s cubic-bezier(.4,0,.2,1); transition: all .2s cubic-bezier(.4,0,.2,1); }
.hamburg-box:before{ content: ''; width: 100%; height: 2px; border-radius: 10px; background: #ED6900; display: block;  position: absolute; top: 0; transition: all .2s cubic-bezier(.4,0,.2,1); }
.hamburg-box:after{ content: ''; width: 100%; height: 2px; border-radius: 10px; background: #ED6900; display: block; position: absolute; bottom: 0; transition: all .2s cubic-bezier(.4,0,.2,1); }
.hamburg-box.active>span{ opacity: 0; }
.hamburg-box.active:before{ top: 50%; width: 25px; transform: rotate(45deg) translate(0,-50%); }
.hamburg-box.active:after{ bottom: 37%; width: 25px; transform: rotate(-45deg) translateY(-50%); }
/* menu */
.menu-wrap{ width: 100%; height: 100%; background: #fff; display: flex; position: fixed; left: 0; top: 0; z-index: 1; display: none; }
.menu-wrap .col-1{ display: none; }
.menu-wrap .col-1 img{ width: 100%; height: 100%; object-fit: cover; }
.menu-wrap .col-2{ display: flex; box-sizing: border-box; padding: 100px 10px 0 30px; overflow-y: scroll; }
.menu-wrap .menu-nav{ font-family: trajan-pro-3; font-size: 1.8rem; line-height: 2; color: #5f5f5f;  }
.menu-wrap .menu-nav .tit{ font-size: 1.8rem; color: #ed6900; margin: 60px 0 0 0; }
.menu-wrap .menu-nav .tit:first-of-type{ margin: 0 0 0 0; }
.menu-wrap .menu-nav .qa{ font-size: 1.8rem; margin: 60px 0 0 0; }
.menu-wrap .menu-nav>li a{ transition: all .4s cubic-bezier(.4,0,.2,1); }
.menu-wrap .menu-nav>li a:after{ content: '\e985'; margin: 0 0 0 5px; }
.menu-wrap .menu-nav>li a:hover{ color: #ed6900; }

/* idx kv */
.idx-kv{ position: relative; margin: 80px 0 50px 0;  }
.kv-inner{ display: flex; flex-direction: column; align-items: center; width: 96vw; height: auto; margin: 0 auto; overflow: hidden;  }
.kv-inner .tit{ font-family: trajan-pro-3; font-size: 2.5rem; line-height: 1.38; font-weight: 300; letter-spacing: -1px; color: #ED6900; text-align: center;  }
/* instruments list */
.kv-inner .instruments-list{ display: flex; z-index: 1; opacity: 1; }
.kv-inner .instruments-list>li{ display: flex; flex-direction: column; align-items: center; margin: 0 5px; }
.kv-inner .instruments-list>li:nth-child(even){ margin: 40px 1.5px 0; }
.kv-inner .instruments-list>li:nth-child(even) .bg{ background: linear-gradient(to bottom, rgba(244,244,244,.3) 0%,rgba(209,209,209,.3) 60%); }
.kv-inner .instruments-list .item-img{ width: 130px; height: 370px; position: relative; }
.kv-inner .instruments-list .item-img .bg{ width: 100%; height: 100%;  border-radius: 130px; background: linear-gradient(to bottom, rgba(209,209,209,.3) 0%,rgba(244,244,244,.3) 60%); }
.kv-inner .instruments-list .item-img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; pointer-events: none; }
.kv-inner .instruments-list .item-img .img_play{ height: 70%; display: none; }
.kv-inner .instruments-list .item-img a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.kv-inner .instruments-list>li:nth-child(4) .item-img .img_play{ height: 80%; }
.kv-inner .instruments-list>li:nth-child(5) .item-img .img_play{ height: 80%; }
.kv-inner .instruments-list>li:nth-child(9) .item-img .img_play{ height: 75%; }
.kv-inner .instruments-list .item-txt{ font-family: trajan-pro-3; font-size: 1.3rem; color: #5f5f5f; text-align: center; } 
/* switch */
.kv-inner .switch{ font-family: "Titillium Web", serif; font-size: 1.2rem; color: #d1d1d1; width: 160px; height: 30px; border-radius: 40px; background: #5f5f5f; z-index: 1; margin: 30px 0 0 0; position: relative; overflow: hidden;  }
.kv-inner .switch>li{ width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; }
.kv-inner .switch .bg{ width: calc(50% - 1px); height: calc(100% - 2px); border-radius: 30px; background: #fff; left: 1px; top: 50%; transform: translate(0,-50%); }
.kv-inner .switch>li:nth-child(2){ left: 1px; }
.kv-inner .switch>li:nth-child(3){ left: 50%; }
.kv-inner .switch>li.active{ color: #5f5f5f; }
/* marquee */
.idx-kv .marquee-txt{ font-size: 15rem; color: rgba(242,242,242,.7); white-space:nowrap; font-family: "Titillium Web", serif; font-weight: 700; position: absolute; bottom: 0; left: 0; display: none; }

/* idx instrument */
.idx-instrument{ width: 96vw; margin: 0 auto 30px; display: flex; flex-direction: column; justify-content: center; }
.idx-instrument .col-1{ margin: 0 0 10px 0; position: relative; overflow: hidden; }
.idx-instrument .col-2{ position: relative; overflow: hidden; }
.idx-instrument a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.idx-instrument .img-box{ overflow: hidden; line-height: 0;  }
.idx-instrument .img-box img{ width: 100%; transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1); }
.idx-instrument .img-box:hover img{ transform: scale(1.2, 1.2) translate(-1%, 0); }
.idx-instrument .txt-box{ width: 85%; display: flex; flex-direction: column; align-items: center; text-align: center; font-family: "Titillium Web", serif; font-weight: 200; font-size: 1.5rem; line-height: 1.58; color: #fff; position: absolute; left: 50%; bottom: 8%; transform:translateX(-50%); pointer-events: none; }
.idx-instrument .tit{ font-family: trajan-pro-3; font-size: 3rem; }

/* idx qa */
/* .idx-qa{ width: 100%; height: 230px; margin: 30px 0 0 0; position: relative; } */
.idx-qa{ width: 100%; height: 230px; margin: 0px 0 0 0; position: relative; }
.idx-qa .img-box{ width: 100%; height: 100%; line-height: 0; overflow: hidden; position: relative; }
.idx-qa .img-box img{ width: 100%; height: 100%; object-fit: cover; transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1); }
.idx-qa .img-box:hover img{ transform: scale(1.2, 1.2) translate(-1%, 0); }
.idx-qa a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.idx-qa .txt-box{ font-family: trajan-pro-3; font-weight: 200; font-size:3rem; line-height: 1.2; color: #ed6900; width: 100%;  display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); pointer-events: none;  }
.idx-qa .txt-box .col-1{ margin: 0 30px 0 0; text-align: center; }
.idx-qa .txt-box .col-2{ display: flex; align-items: center; }

/* product */
/* submenu */
.submenu-box{ display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: 'trajan-pro-3'; font-weight: 300; color: #5f5f5f; position: fixed; left: 50%; top: 60px; transform: translateX(-50%); z-index: 2; width: 100%; background: #fff;  }
.submenu-box.hidden{ display: none; }
.submenu-box .instrument{ font-size: 3.4rem; margin: 0 20px 0 0; }
.submenu-list{ display: flex; flex-wrap: wrap; font-size: 1.8rem; display: none; }
.submenu-list:after{ content: ''; display: block; width: 100%; height: 1px; line-height: 0; background: #ed6900; }
.submenu-list>li{ margin: 0 10px 0 10px; }
.submenu-list a{ transition: all .4s cubic-bezier(.4,0,.2,1); }
.submenu-list a:hover{ color: #ed6900; } 
.submenu-box .select-box{ display: inline-block; width: 96vw; height: 60px; overflow: hidden; border: 1px solid #ed6900; border-width: 1px 0 1px 0; position: relative; vertical-align: middle; }
.submenu-box .select-box:before{ display: inline-block; content: "\e907"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: -1; font-size: 3rem; color: #ed6900; }
.submenu-box select{ background: transparent; width: 100%; padding: 0px 5px; font-family: 'trajan-pro-3'; font-weight: 400; font-size: 3rem; color: #ed6900; line-height: 1; border: 0; border-radius: 0; height: 100%; text-align: center; -webkit-appearance: none; box-sizing: border-box; position: absolute; }

/* product info */
.product-info{ display: flex; flex-direction: column; width: 96vw; margin: 100px auto 0; font-family: "Titillium Web", serif; font-weight: 200; font-size: 1.5rem; line-height: 1.58; color: #5f5f5f;  }
.product-info>.col-1{ display: none; }
.product-info>.col-1 .img-box, .product-info>.col-1 .img-box img{ width: 100%; }
.product-info>.col-2{ box-sizing: border-box; padding: 80px 0px 0 0px; display: flex; flex-direction: column; justify-content: space-between;  }
.product-info .what-box{ display: flex; flex-direction: column-reverse; justify-content: space-between; }
.product-info .what-box>.col-1{  }
.product-info .what-box>.col-2{ width: 100%; aspect-ratio: 1/1; position: relative;  }
.product-info .what-box>.col-2 .img-gif, .product-info .what-box>.col-2 .img-gif img{ width: auto; max-height: 360px; }
.product-info .what-box>.col-2 .img-gif{ position: absolute; top: 0px; left: 50%; transform: translate(-65%,0); width: 50%; display: flex; justify-content: center; }
.product-info .what-box>.col-2 .gray-bg{ display: none;  }
.product-info .what-box>.col-2 .sound-icon{ position: absolute; left: 80%; bottom: 30px; transform: translate(-75%, -50%); font-size: 5rem; color: #7e7e7e; line-height: 0; cursor: pointer; }
.product-info .what-box>.col-2 .icon-soundtxt{ font-size: 8rem; }
.product-info .what-box>.col-2 .sound-icon span{ font-size: 4rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.product-info .what-box>.col-2 .sound-icon.active span{ color: #ed6900; }
.product-info .what-box>.col-2 .sound-icon.active .line{ display: none; }
.product-info .what-box>.col-2 .sound-icon .line{ display: block; width: 70%; height: 5px; border-radius: 10px; background: #7e7e7e; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg); }
.product-info .tit{ font-family: 'trajan-pro-3'; color: #ed6900; font-size: 2rem; font-weight: 300; line-height: 1.2; margin: 0 0 10px 0; }
.product-info .how-box{ display: flex; flex-direction: column-reverse; }
.product-info .how-box>.col-1{ width: 180px; flex-shrink: 0; margin: 20px auto 0 auto; }
.product-info .how-box .img-lottie, .product-info .how-box .img-lottie img{ width: 100%; }
.product-info .how-box>.col-2{ box-sizing: border-box; padding: 30px 0 0 0px; }
/* product parts */
.product-parts{  }
/* .parts-box{ width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; margin: 90px auto; box-sizing: border-box; padding: 0 0 0 0; position: relative; } */
.parts-box{ width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; margin: 30px auto 0; box-sizing: border-box; padding: 0 0 0 0; position: relative; }
/* tab */
.product-parts .product-tab .tit{ font-family: 'trajan-pro-3'; font-weight: 300; font-size: 2.2rem; color: #ed6900; margin: 0 0 10px 0; text-align: center; }
/* .product-parts .tab-list{ display: flex; flex-wrap: wrap; justify-content: start; font-family: 'Titillium Web', serif; font-size: 1.6rem; color: #5f5f5f; width: 96vw; margin: 0 2vw 30px 2vw; } */
.product-parts .tab-list{ display: flex; flex-wrap: wrap; justify-content: start; font-family: 'Titillium Web', serif; font-size: 1.4rem; color: #5f5f5f; width: 96vw; margin: 0 2vw 30px 2vw; }
.product-parts .tab-list>li{ width: 31%; height: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid #D1D1D1; margin: 0 3px 6px 3px; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.product-parts .tab-list>li:hover, .product-parts .tab-list>li.active{ background: #ed6900; color: #fff; border: 1px solid #ed6900; }
/* content */
.product-parts .tab-content{ position: relative; }
.product-parts .tab-content .prev{ font-size: 3rem; color: #ed6900; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); }
.product-parts .tab-content .next{ font-size: 3rem; color: #ed6900; position: absolute; right: 5px; top: 50%; transform: translateY(-50%);}
.product-parts .tab-content .slick-arrow.slick-disabled{ color: #ccc; }
.product-parts .tab-content.mobile{  }
.product-parts .tab-content.pc{ display: none; }
/* .product-parts .tab-content.mobile img{ width: 80vw;  } */
.product-parts .tab-content.mobile img{ width: 100vw;  }
.product-parts .content{ width: 100vw; display: flex; justify-content: center; align-items: center; z-index: 1; }
.product-parts .content img{ max-width: 100%; }
/* slick */
/* .subslick{ width: 80vw; margin: 0 auto; } */
.subslick{ width: 100vw; margin: 0 auto; }
/* dot */
.product-parts .parts-dot{ display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; left: 50%; bottom: 0px; transform: translate(-50%,60px); z-index: 999; display: none;  }
.product-parts .parts-dot li{ width: 5px; height: 5px; border-radius: 100%; background: #7e7e7e; margin: 0 15px 0 15px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.product-parts .parts-dot li button{ display: none; }
.product-parts .parts-dot li.active{ width: 9px; height: 9px; background: #ed6900; } 

/* suggest */
.suggest-box{ background: #f2f2f2; box-sizing: border-box; padding: 40px 0 40px 0; margin: 0 0 -50px 0; }
.suggest-box>.tit{ font-family: 'trajan-pro-3'; font-weight: 300; font-size: 2em; color: #5f5f5f; text-align: center; margin: 0 0 20px 0; }
.suggest-list{ display: flex; justify-content: center; width: 100%; max-width: 1230px; margin: 0 auto;  }
.suggest-list>li{ width: 47vw;  margin: 0 0.5vw 0 0.5vw; position: relative;  }
.suggest-list>li:nth-child(3){ display: none; }
.suggest-list>li a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.suggest-list>li .img-box,.suggest-list>li .img-box img{ width: 100%; aspect-ratio:1/1; object-fit: cover; }
.suggest-list>li .img-box{ background: #fff; border: 1px solid #D1D1D1; line-height: 0; box-sizing: border-box; padding: 5px 5px 5px 5px; width: 47vw; height: 47vw;  }
.suggest-list>li .txt-box{ font-family: "Titillium Web", serif; font-weight: 200; color: #5f5f5f; font-size: 1.4rem; line-height: 1.58; margin: 10px 0 10px 0; text-align: center;  }

/* faq */
.faq-wrap{ width: 96vw;  margin: 60px auto; }
.faq-wrap>.tit{ font-family: 'trajan-pro-3'; font-weight: 200; font-size: 5rem; color: #ed6900; text-align: center; margin: 0 0 20px 0; }
.faq-wrap .faq-tab{ display: flex; justify-content: center; align-items: center; margin: 0 0 20px 0; }
.faq-wrap .faq-tab>li{ font-family: 'trajan-pro-3'; font-weight: 400; font-size: 1.6rem; line-height: 1.2; color: #fff; text-align: center;  width: 100px; height: 100px; border-radius: 100px; background: #d1d1d1; display: flex;flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 8px; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer;  }
.faq-wrap .faq-tab>li:hover,.faq-wrap .faq-tab>li.active{ background: #ed6900; }
.faq-wrap .subtit{ font-family: 'trajan-pro-3'; font-weight: 300; font-size: 2.1rem; line-height: 1.58; color: #ed6900; text-align: center; }
.faq-wrap .subtit:after{ content: ''; display: block; width: 100%; height: 1px; background: #ed6900;     }
.faq-wrap .faq-list{ font-family: "Titillium Web", serif; font-weight: 200; font-size: 1.8rem; line-height: 1.58; color: #5f5f5f; margin: 20px 0 0 0; }
.faq-wrap .faq-list>li:after{ content: ''; display: block; width: 100%; height: 1px; background: #d1d1d1; margin: 20px 0 0 0;  }
.faq-wrap .faq-list>li+li{margin: 20px 0 0 0;  }
.faq-wrap .faq-list .faq-q{ cursor: pointer; display: flex; }
.faq-wrap .faq-list .faq-q .hlight{ color: #ed6900; margin: 0 8px 0 0;  }
.faq-wrap .faq-list .faq-a .hlight{ color: #ed6900;   }
.faq-wrap .faq-list .faq-a{ font-size: 1.6rem; font-weight: 200; box-sizing: border-box; padding: 10px 10px 0 30px; display: none; }
.faq-box{ display: flex; justify-content: center; }
.faq-box>.col-1{ display: none; }
.faq-box>.col-3{ display: none; }
.faq-box>.col-2{ width: 650px; box-sizing: border-box; padding: 0 20px 0 20px;  }
.faq-box>.col-1 img,.faq-box>.col-3 img{ width: 100%;}
.faq-students{ display: none; }

/* footer */
footer{ height: 85px; font-family: "Titillium Web", serif; color: #5f5f5f; line-height: 1.58; display: flex; flex-direction: column;  justify-content: center; align-items: center; }
.footer-nav{ display: flex; font-size: 1.4rem; }
/* .footer-nav>li{ border: 1px solid #5f5f5f; border-width: 0 1px 0 1px; line-height: 1;box-sizing: border-box; padding: 0 20px; transition: all .4s cubic-bezier(.4,0,.2,1); } */
.footer-nav>li{ line-height: 1;box-sizing: border-box; padding: 0 20px; transition: all .4s cubic-bezier(.4,0,.2,1); }
.menu-nav .footer-nav{ display: flex; font-size: 1.1rem; margin: 20px 0 0 0; }
.menu-nav .footer-nav>li{ padding: 0 5px; }
.footer-nav>li:hover{ color: #ed6900; }
.footer-nav>li:last-child{ margin: 0 0 0 -1px; }

.footer-nav .select-box{ display: inline-block; width:150px; height:1em;  overflow: hidden;  position: relative; vertical-align: middle; }
.footer-nav .select-box:before{ display: inline-block; content: "\e907"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: -1; }
.footer-nav select{ background: transparent; width: 100%; height: 100%; padding: 0px 0px; font-family: "Titillium Web", serif; font-size: 1.4rem; color: #5f5f5f; line-height: 1; border: 0; border-radius: 0;  -webkit-appearance: none; box-sizing: border-box; position: absolute;}
.menu-wrap .menu-nav  .footer-nav .select-box{ width: 160px; }
.menu-wrap .menu-nav .footer-nav select{ font-family: trajan-pro-3; font-size: 1rem; }


.footer-copyright{ font-size: 1.2rem; margin: 10px 0 0 0;}



/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1024px){

.product-info .what-box>.col-2{ aspect-ratio: 16/9; }
.product-info .what-box>.col-2 .sound-icon{ left: 60%;  }

}





/* $橫的版型 */
@media screen and (orientation:landscape){ 


}





/* $Pc
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1025px){

html,body{ min-width: 100%; height: auto; min-height: 100vh; overflow-x: hidden; }

/* header */
header{ width: 100%; height: 90px; background: #fff; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 2vw; position: fixed; left: 0; top: 0; z-index: 9999; }
header .logo{ width: auto; z-index: 999; }
header .logo.active{ z-index: auto; }
header .logo a{ width: auto; }
header .logo a img{ width: 100%; }
header .menu-ui{ display: flex; flex-direction: column; align-items: center; margin: 10px 10px 10px 0; }
header .menu-ui,active{ z-index: 2; }
/* language */  
header .menu-ui .select-box{ font-size: 1.3rem; color: #a8a8a8; display: inline-block; width: 38px; height: 15px; overflow: hidden;vertical-align: middle; transform: translateX(0); margin: 0 0 10px 0;  }
header .menu-ui .select-box:after{ display: inline-block; content: "\e98e"; color: #A8A8A8; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); z-index: -1; }
header .menu-ui select{ background: transparent; width: 100%; padding: 0 0 0 0; font-size: 1.3rem; color: #7E7E7E; line-height: 1; border: 0; border-radius: 0; height: 15px; -webkit-appearance: none; box-sizing: border-box; position: absolute;}
/* hamburg */
.hamburg-box{ width: 25px; height: 15px; display: flex; align-items: center; position: relative; cursor: pointer; }
.hamburg-box>span{ width: 100%; height: 2px; border-radius: 10px; background: #ED6900; display: block; transition: all .2s cubic-bezier(.4,0,.2,1); transition: all .2s cubic-bezier(.4,0,.2,1); }
.hamburg-box:before{ content: ''; width: 100%; height: 2px; border-radius: 10px; background: #ED6900; display: block;  position: absolute; top: 0; transition: all .2s cubic-bezier(.4,0,.2,1); }
.hamburg-box:after{ content: ''; width: 100%; height: 2px; border-radius: 10px; background: #ED6900; display: block; position: absolute; bottom: 0; transition: all .2s cubic-bezier(.4,0,.2,1); }
.hamburg-box.active>span{ opacity: 0; }
.hamburg-box.active:before{ top: 50%; width: 25px; transform: rotate(45deg) translate(0,-50%); }
.hamburg-box.active:after{ bottom: 37%; width: 25px; transform: rotate(-45deg) translateY(-50%); }
/* menu */
.menu-wrap{ width: 100%; height: 100%; background: #fff; display: flex; position: fixed; left: 0; top: 0; z-index: 1; overflow: hidden; display: none; }
.menu-wrap .col-1{ width: 68%; height: 100%; overflow: hidden; display: block; }
.menu-wrap .col-1 img{ width: 100%; height: 100%; object-fit: cover; }
.menu-wrap .col-2{ width: 32%; max-width: 490px; display: flex; align-items: center; box-sizing: border-box; padding: 0 30px 0 50px; overflow-y: auto; }
.menu-wrap .menu-nav{ font-family: trajan-pro-3; font-size: 1.4rem; color: #5f5f5f;  }
.menu-wrap .menu-nav .tit{ font-size: 1.8rem; color: #ed6900; margin: 60px 0 0 0; }
.menu-wrap .menu-nav .tit:first-of-type{ margin: 0 0 0 0; }
.menu-wrap .menu-nav .qa{ font-size: 1.8rem; margin: 60px 0 0 0; }
.menu-wrap .menu-nav>li a{ transition: all .4s cubic-bezier(.4,0,.2,1); }
.menu-wrap .menu-nav>li a:after{ content: '\e985'; margin: 0 0 0 5px; }
.menu-wrap .menu-nav>li a:hover{ color: #ed6900; }

/* idx kv */
.idx-kv{ position: relative; margin: 90px 0 0 0; display: block; }
.kv-inner{ display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1320px; height: 660px; margin: 0 auto;  }
.kv-inner .tit{ font-family: trajan-pro-3; font-size:4rem; line-height: 1.38; font-weight: 300; letter-spacing: -1px; color: #ED6900; text-align: center;  }
/* instruments list */
.kv-inner .instruments-list{ display: flex; z-index: 1; opacity: 1; }
.kv-inner .instruments-list>li.mobile{ display: none; }
.kv-inner .instruments-list>li{ width: 130px; height: 400px; display: flex; flex-direction: column; align-items: center; margin: 0 5px; position: relative; }
.kv-inner .instruments-list>li .intro-bg{ width: 140px; height: 140px; border-radius: 140px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; display: none; }
.kv-inner .instruments-list>li .intro-bg span{ display: block; }
.kv-inner .instruments-list>li .intro-bg .bg01{ width: 100%; height: 250%; background: linear-gradient(to bottom,  rgba(154,200,235,1) -100%%,rgba(255,255,255,1) 40%); position: absolute; left: 50%; top: 75%; transform:translate(-50%,-30%); }
.kv-inner .instruments-list>li .intro-bg .bg02{ width: 100%; height: 250%; background: linear-gradient(to bottom,  rgba(255,255,255,1) -100%,rgba(223,217,2,1) 40%); position: absolute; left: 50%; top: 75%; transform:translate(-50%,-30%);  }
.kv-inner .instruments-list>li .intro-bg .bg03{ width: 100%; height: 250%; background: linear-gradient(to bottom,  rgba(237,105,0,1) -100%,rgba(255,255,255,1) 40%); position: absolute; left: 50%; top: 75%; transform:translate(-50%,-30%); }
.kv-inner .instruments-list>li .item-box{ position: absolute; left: 0; top: 0; opacity: 1; z-index: 2; }
.kv-inner .instruments-list>li:nth-child(1){ margin: 0px 5px 0; }
.kv-inner .instruments-list>li:nth-child(2){ margin: 40px 5px 0; }
.kv-inner .instruments-list>li:nth-child(3){ margin: -10px 5px 0; }
.kv-inner .instruments-list>li:nth-child(4){ margin: 1px 5px 0; }
.kv-inner .instruments-list>li:nth-child(5){ margin: 50px 5px 0; }
.kv-inner .instruments-list>li:nth-child(6){ margin: 20px 5px 0; }
.kv-inner .instruments-list>li:nth-child(7){ margin: 50px 5px 0; }
.kv-inner .instruments-list>li:nth-child(8){ margin: -10px 5px 0; }
.kv-inner .instruments-list>li:nth-child(9){ margin: 0px 5px 0; }
.kv-inner .instruments-list>li .bg{ opacity: 0; }
.kv-inner .instruments-list>li:nth-child(1n) .bg{ background: linear-gradient(to bottom,  rgba(154,200,235,1) -100%,rgba(255,255,255,1) 100%);}
.kv-inner .instruments-list>li:nth-child(2n) .bg{ background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(223,217,2,1) 200%);}
.kv-inner .instruments-list>li:nth-child(3n) .bg{ background: linear-gradient(to bottom,  rgba(237,105,0,1) -100%,rgba(255,255,255,1) 100%);}
.kv-inner .instruments-list .item-img{ width: 130px; height: 370px; position: relative; }
.kv-inner .instruments-list>li .bg_gray{ width: 100%; height: 100%;  border-radius: 130px; background: linear-gradient(to bottom, rgba(209,209,209,.3) 0%,rgba(244,244,244,.3) 60%); display: none; }
.kv-inner .instruments-list>li:nth-child(even) .bg_gray{ background: linear-gradient(to bottom, rgba(244,244,244,.3) 0%,rgba(209,209,209,.3) 60%); } 
.kv-inner .instruments-list .item-img .bg{ width: 100%; height: 130px;  border-radius: 130px; background: linear-gradient(to bottom, rgba(209,209,209,.3) 0%,rgba(244,244,244,.3) 60%); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.kv-inner .instruments-list .item-img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; }
.kv-inner .instruments-list .item-img .img_play{ height: 70%; display: none; }
.kv-inner .instruments-list>li:nth-child(4) .item-img .img_play{ height: 80%; }
.kv-inner .instruments-list>li:nth-child(5) .item-img .img_play{ height: 80%; }
.kv-inner .instruments-list>li:nth-child(9) .item-img .img_play{ height: 70%; }
.kv-inner .instruments-list .item-txt{ font-family: trajan-pro-3; font-size: 1.3rem; color: #5f5f5f; text-align: center; opacity: 0; } 
/* switch */
.kv-inner .switch{ font-family: "Titillium Web", serif; font-size: 1.2rem; color: #d1d1d1; width: 160px; height: 30px; border-radius: 40px; background: #5f5f5f; z-index: 1; margin: 30px 0 0 0; position: relative; overflow: hidden; opacity: 0;  }
.kv-inner .switch>li{ width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; }
.kv-inner .switch .bg{ width: calc(50% - 1px); height: calc(100% - 2px); border-radius: 30px; background: #fff; left: 1px; top: 50%; transform: translate(0,-50%); }
.kv-inner .switch>li:nth-child(2){ left: 1px; }
.kv-inner .switch>li:nth-child(3){ left: 50%; }
.kv-inner .switch>li.active{ color: #5f5f5f; }
/* marquee */
.idx-kv .marquee-txt{ font-size: 18rem; color: rgba(242,242,242,.7); white-space:nowrap; font-family: "Titillium Web", serif; font-weight: 700; position: absolute; bottom: 0; left: 0; display: block; }

/* idx instrument */
/* .idx-instrument{ width: 100%; max-width: 1230px; margin: 0 auto; display: flex; flex-direction: row; justify-content: center; } */
.idx-instrument{ width: 100%; max-width: 1230px; margin: 0 auto 50px; display: flex; flex-direction: row; justify-content: center; }
.idx-instrument .col-1{ width: 49%; max-width: 500px; margin: 0 2% 0 0; position: relative; overflow: hidden; }
.idx-instrument .col-2{ width: 49%; max-width: 500px; position: relative; overflow: hidden; }
.idx-instrument a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.idx-instrument .img-box{ overflow: hidden; line-height: 0;  }
.idx-instrument .img-box img{ width: 100%; transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1); }
.idx-instrument .img-box:hover img{ transform: scale(1.2, 1.2) translate(-1%, 0); }
.idx-instrument .txt-box{ width: 85%; display: flex; flex-direction: column; align-items: center; text-align: center; font-family: "Titillium Web", serif; font-weight: 200; font-size: 1.5rem; line-height: 1.58; color: #fff; position: absolute; left: 50%; bottom: 8%; transform:translateX(-50%); pointer-events: none; }
.idx-instrument .tit{ font-family: trajan-pro-3; font-size: 3rem; }

/* idx qa */
/* .idx-qa{ width: 100%; height: 230px; margin: 50px 0 0 0; position: relative; } */
.idx-qa{ width: 100%; height: 230px; margin: 0 0 0 0; position: relative; }
.idx-qa .img-box{ width: 100%; height: 100%; line-height: 0; overflow: hidden; position: relative; }
.idx-qa .img-box img{ width: 100%; height: 100%; object-fit: cover; transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1); }
.idx-qa  .img-box:hover img{ transform: scale(1.2, 1.2) translate(-1%, 0); }
.idx-qa a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.idx-qa .txt-box{ font-family: trajan-pro-3; font-weight: 200; font-size: 4rem; line-height: 1.3; color: #ed6900; width: 50%;  display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); pointer-events: none;  }
.idx-qa .txt-box .col-1{ margin: 0 60px 0 0; text-align: center; }
.idx-qa .txt-box .col-2{ display: flex; align-items: center; }

/* product */
/* submenu */
.submenu-box{ display: flex; flex-direction: row; justify-content: center; align-items: center; font-family: 'trajan-pro-3'; font-weight: 300; color: #5f5f5f; position: fixed; left: 50%; top: 40px; transform: translateX(-50%); z-index: 2; background: none; }
.submenu-box.hidden{ display: none; }
.submenu-box .instrument{ font-size: 3.4rem; margin: 0 20px 0 0; }
.submenu-list{ display: flex; flex-wrap: wrap; font-size: 1.8rem; }
.submenu-list:after{ content: ''; display: block; width: 100%; height: 1px; line-height: 0; background: #ed6900; }
.submenu-list>li{ margin: 0 10px 0 10px; }
.submenu-list a{ transition: all .4s cubic-bezier(.4,0,.2,1); }
.submenu-list a:hover{ color: #ed6900; }
.submenu-list>li.active{ color: #ed6900; }
.submenu-box .select-box{ display: none; }
/* product info */ 
.product-info{ display: flex; flex-direction: row; justify-content: space-between; align-items: end; width: 100%; max-width: 1230px; height: auto; margin: 0 auto; font-family: "Titillium Web", serif; font-weight: 200; font-size: 1.6rem; line-height: 1.58; color: #5f5f5f; box-sizing: border-box; padding: 110px 0 0px 0;  }
.product-info>.col-1{ width: 48.7%; max-width: 600px; display: block; }
.product-info>.col-1 .img-box, .product-info>.col-1 .img-box img{ width: 100%; line-height: 0; }
.product-info>.col-2{ width: 51.3%; max-width: 630px; box-sizing: border-box; padding: 20px 20px 0 30px; display: flex; flex-direction: column; justify-content: space-between;  }
.product-info .what-box{ display: flex; flex-direction: row; justify-content: space-between; }
.product-info .what-box>.col-1{ width: 380px; }
.product-info .what-box>.col-2{ width: 180px; position: relative; aspect-ratio: auto; }
.product-info .what-box>.col-2 .img-gif, .product-info .what-box>.col-2 .img-gif img{ width: auto; max-height: 310px; }
.product-info .what-box>.col-2 .img-gif{ position: absolute; top: 30px; left: 50%; transform: translate(-65%,0) }
.product-info .what-box>.col-2 .gray-bg{ width: 130px; height: 300px; border-radius: 130px; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 120%); display: block; }
.product-info .what-box>.col-2 .sound-icon{ position: absolute; left: 50%; bottom: 30px; transform: translate(-80%, 15%); font-size: 5rem; color: #7e7e7e; line-height: 0; cursor: pointer; }
.product-info .what-box>.col-2 .icon-soundtxt:before{ color: #fff; }
.product-info .what-box>.col-2 .sound-icon span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.product-info .tit{ font-family: 'trajan-pro-3'; color: #ed6900; font-size: 2rem; font-weight: 300; line-height: 1.2; margin: 0 0 10px 0; }
.product-info .how-box{ display: flex; flex-direction: row; align-items: end; }
.product-info .how-box>.col-1{ width: 180px; flex-shrink: 0; }
.product-info .how-box .img-lottie, .product-info .how-box .img-lottie img{ width: 100%; }
.product-info .how-box>.col-2{ box-sizing: border-box; padding: 70px 0 0 20px; }
/* product parts */
.product-parts{ width: 100%; height: auto; background: #fff; display: flex; justify-content: center; align-items: center;  }
/* .parts-box{  width: 100%; display: flex; flex-direction: column; justify-content: center; max-width: 1230px; margin: 90px auto; position: relative; } */
.parts-box{  width: 100%; display: flex; flex-direction: column; justify-content: center; max-width: 1230px; margin: 90px auto 0; position: relative; }
/* tab */
.product-parts .product-tab .tit{ font-family: 'trajan-pro-3'; font-weight: 300; font-size: 2.4rem; color: #ed6900; margin: 0 0 10px 0; text-align: center; }
.product-parts .tab-list{ display: flex; justify-content: center; font-family: 'Titillium Web', serif; font-size: 1.6rem; color: #5f5f5f; margin: 0 0 30px 0; width: 100%; }
/* .product-parts .tab-list>li{ width: 120px; height: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid #D1D1D1; margin: 0 3px 0 3px; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; } */
.product-parts .tab-list>li{ width: 140px; height: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid #D1D1D1; margin: 0 3px 0 3px; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.product-parts .tab-list>li:hover, .product-parts .tab-list>li.active{ background: #ed6900; color: #fff; border: 1px solid #ed6900; }
/* content */
.product-parts .tab-content{ width: 100%; height: 100%; }
.product-parts .tab-content.pc{ display: block; }
.product-parts .tab-content.mobile{ display: none; }
.product-parts .content{ width: 100%; display: flex; justify-content: center; align-items: center; z-index: 1; }
.product-parts .content img{ width: 85%; }
/* slick */
/* .subslick{ width: 90%; margin: 0 auto; } */
.subslick{ width: 85%; margin: 0 auto; }
/* .product-parts .content .subslick img{ width: 92%; } */
.product-parts .content .subslick img{ width: 100%; }
.product-parts .tab-content .prev{ font-size: 4rem; color: #ed6900; position: absolute; left: 100px; top: 50%; transform: translateY(-50%); }
.product-parts .tab-content .next{ font-size: 4rem; color: #ed6900; position: absolute; right: 100px; top: 50%; transform: translateY(-50%);}
/* dot */
.product-parts .parts-dot{ display: flex; flex-direction: column; align-items: center; position: absolute; left: 20px; top: 50%; bottom: auto; transform: translateY(-50%); z-index: 999; display: none;  }
.product-parts .parts-dot li{ width: 5px; height: 5px; border-radius: 100%; background: #7e7e7e; margin: 15px 0 15px 0; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.product-parts .parts-dot li button{ display: none; }
.product-parts .parts-dot li.active{ width: 9px; height: 9px; background: #ed6900; }
/* suggest */
/* .suggest-box{ background: #f2f2f2; box-sizing: border-box; padding: 40px 0 40px 0; margin: 0 0 -50px 0; } */
.suggest-box{ background: #f2f2f2; box-sizing: border-box; padding: 40px 0 40px 0; margin: 0 0 0 0; }
.suggest-box>.tit{ font-family: 'trajan-pro-3'; font-weight: 300; font-size: 2.4em; color: #5f5f5f; text-align: center; margin: 0 0 30px 0; }
.suggest-list{ display: flex; justify-content: center; width: 100%; max-width: 1230px; margin: 0 auto;  }
.suggest-list>li{ width: 20%; max-width: 250px; margin: 0 30px 0 30px; position: relative;  }
.suggest-list>li:nth-child(3){ display: block; }
.suggest-list>li a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.suggest-list>li .img-box,.suggest-list>li .img-box img{ width: 100%; aspect-ratio:1/1; object-fit: cover; }
.suggest-list>li .img-box{ background: #fff; border: 1px solid #D1D1D1; line-height: 0; box-sizing: border-box; padding: 5px 5px 5px 5px; height: auto;  }
.suggest-list>li .txt-box{ font-family: "Titillium Web", serif; font-weight: 200; color: #5f5f5f; font-size: 1.6rem; line-height: 1.58; margin: 10px 0 10px 0; text-align: center;  }

/* faq */
.faq-wrap{ width: 100%; max-width: 1300px; min-height: calc(100vh - 80px - 175px); margin: 80px auto; }
.faq-wrap>.tit{ font-family: 'trajan-pro-3'; font-weight: 200; font-size: 5rem; color: #ed6900; text-align: center; margin: 0 0 20px 0; }
.faq-wrap .faq-tab{ display: flex; justify-content: center; align-items: center; margin: 0 0 20px 0; }
.faq-wrap .faq-tab>li{ font-family: 'trajan-pro-3'; font-weight: 400; font-size: 1.6rem; line-height: 1.2; color: #fff; text-align: center;  width: 100px; height: 100px; border-radius: 100px; background: #d1d1d1; display: flex;flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 8px; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer;  }
.faq-wrap .faq-tab>li:hover,.faq-wrap .faq-tab>li.active{ background: #ed6900; }
.faq-wrap .subtit{ font-family: 'trajan-pro-3'; font-weight: 300; font-size: 2.1rem; line-height: 1.58; color: #ed6900; text-align: center; }
.faq-wrap .subtit:after{ content: ''; display: block; width: 100%; height: 1px; background: #ed6900;     }
.faq-wrap .faq-list{ font-family: "Titillium Web", serif; font-weight: 200;  font-size: 2rem; line-height: 1.58; color: #5f5f5f; margin: 20px 0 0 10px; }
.faq-wrap .faq-list>li:after{ display: none; }
.faq-wrap .faq-list>li+li{margin: 30px 0 0 0;  }
.faq-wrap .faq-list .faq-q{ cursor: pointer; }
.faq-wrap .faq-list .faq-q .hlight{ color: #ed6900; margin: 0 8px 0 0;  }
.faq-wrap .faq-list .faq-a .hlight{ color: #ed6900;   }
.faq-wrap .faq-list .faq-a{ font-size: 1.8rem; font-weight: 200; box-sizing: border-box; padding: 10px 10px 0 40px; display: none; }
.faq-box{ display: flex; justify-content: center; }
.faq-box>.col-1,.faq-box>.col-3{ display: block; }
.faq-box>.col-2{ width: 650px; box-sizing: border-box; padding: 0 20px 0 20px; }
.faq-box>.col-1 img,.faq-box>.col-3 img{ width: 100%;}
.faq-students{ display: none; }

/* footer */
footer{ height: 85px; font-family: "Titillium Web", serif; color: #5f5f5f; line-height: 1.58; display: flex; flex-direction: column;  justify-content: center; align-items: center; }
.footer-nav{ display: flex; font-size: 1.4rem; }
/* .footer-nav>li{ border: 1px solid #5f5f5f; border-width: 0 1px 0 1px; line-height: 1;box-sizing: border-box; padding: 0 20px; transition: all .4s cubic-bezier(.4,0,.2,1); } */
.footer-nav>li{ line-height: 1;box-sizing: border-box; padding: 0 20px; transition: all .4s cubic-bezier(.4,0,.2,1); }
.menu-nav .footer-nav{ display: flex; font-size: 1.2rem; margin: 20px 0 0 0; }
/* .menu-nav .footer-nav>li{ padding: 0 10px; } */
.menu-nav .footer-nav>li{ padding: 0 10px 0 0; }
.footer-nav>li:hover{ color: #ed6900; }
.footer-nav>li:last-child{ margin: 0 0 0 -1px; display: flex; align-items: center; }
/* .footer-nav .select-box select{ font-size: 1.4rem; color: #5f5f5f; } */

.footer-nav .select-box{ display: inline-block; min-width:100px; height: 25px;  overflow: hidden;  position: relative; vertical-align: middle; }
.footer-nav .select-box:before{ display: inline-block; content: "\e907"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: -1; }
.footer-nav select{ background: transparent; width: 100%; height: 100%; padding: 0px 0px; font-family: "Titillium Web", serif; font-size: 1.4rem; color: #5f5f5f; line-height: 1; border: 0; border-radius: 0;  -webkit-appearance: none; box-sizing: border-box; position: absolute;}
.menu-wrap .menu-nav  .footer-nav .select-box{ width: 180px; }
.menu-wrap .menu-nav .footer-nav select{ font-family: trajan-pro-3; font-size: 1.2rem; }



.footer-copyright{ font-size: 1.2rem; margin: 10px 0 0 0;}

}





/* $1025~1279
--------------------------------------------------------------------------------------*/
@media screen and (min-width:1025px) and (max-width:1279px){


}