/*new*/ @charset "utf-8"; @import url(pic.css); @import url(icon.css); @import url(boot.css); /* switer CSS Document */ * {margin:0;padding:0;} .clearfix::after{display:block;clear:both;content:""} html{-webkit-text-size-adjust:none} body {scroll-behavior: smooth;} article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block} [tabindex="-1"]:focus{outline:0!important} hr{box-sizing:content-box;height:0;overflow:visible} h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem} abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0} address{margin-bottom:1rem;font-style:normal;line-height:inherit} ol,ul,dl{margin-top:0;margin-bottom:1rem} ol ol,ul ul,ol ul,ul ol{margin-bottom:0} dt{font-weight:700} dd{margin-bottom:.5rem;margin-left:0} blockquote{margin:0 0 1rem} dfn{font-style:italic} b,strong{font-weight:bolder} small{font-size:80%} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} a{color:#7a5e97;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects} a:hover{color:#7a5e97;text-decoration:none} a:not([href]):not([tabindex]){color:inherit;text-decoration:none} a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none} a:not([href]):not([tabindex]):focus{outline:0} pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em} pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar} figure{margin:0 0 1rem} img{vertical-align:middle;border-style:none} svg:not(:root){overflow:hidden} table{border-collapse:collapse} caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom} th{text-align:inherit} label{display:inline-block;margin-bottom:.5rem} button{border-radius:0} button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color} input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit} button,input{overflow:visible} button,select{text-transform:none} button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none} input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0} input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox} textarea{overflow:auto;resize:vertical} fieldset{min-width:0;padding:0;margin:0;border:0} legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal} progress{vertical-align:baseline} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto} [type="search"]{outline-offset:-2px;-webkit-appearance:none} [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button} output{display:inline-block} summary{display:list-item;cursor:pointer} template{display:none} [hidden]{display:none!important} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit} h1,.h1{font-size:2.5rem} h2,.h2{font-size:2rem} h3,.h3{font-size:1.75rem} h4,.h4{font-size:1.5rem} h5,.h5{font-size:1.25rem} h6,.h6{font-size:1rem} /*#hidden{position: relative;width:100%;height:1px;z-index: 1; overflow: hidden;}*/ .fb_button{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch; height: 24px;margin-bottom:10px;margin-top:5px;} .fb_button:after {content:''; clear:both; display:block;} .fb_button .fb-like{margin:0px;padding:0pxheight:24px;} .fb_button .fb-share-button{margin:0px;padding:0px;height:24px;} /*common*/ body{font-family:"微軟正黑體";font-size:100%;/*background:#FFF*/} body a{transition:.5s all ease;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-o-transition:.5s all ease;-ms-transition:.5s all ease;text-decoration:none} h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;font-family:"微軟正黑體"} /*layer_style*/ /* #bg{display:none;position:fixed;top:0;left:0;width:100vw !important;height:100% !important;max-height:100%!important;background-color:#000;z-index:999999;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70)} #show{display:none;position:fixed;left: 50%;top:50%;transform: translate(-50%, -50%);width:50vw;height:67vh; padding:0px;background-color:transparent;z-index:999999;overflow:auto}*/ #bg{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;padding:0;margin:0;overflow:hidden;z-index:999999;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);} #show{display:none;position:fixed;left: 50%;top:50%;transform: translate(-50%, -50%);width:50vw;max-width:100%;height:67vh; padding:0px;background-color:transparent;z-index:999999; overflow: auto;} #show01{display:none;position:fixed;left: 50%;top:50%;transform: translate(-50%, -50%);width:50vw;max-width:100%;height:67vh; padding:0px;background-color:transparent;z-index:999999; overflow: auto;} #show02{display:none;position:fixed;left: 50%;top:50%;transform: translate(-50%, -50%);width:50vw;max-width:100%;height:67vh; padding:0px;background-color:transparent;z-index:999999; overflow: auto;} #wb_info{width:calc(100% - 1em);height:86vh;padding:0.5em;background:#ffffff;} #wb_info_block{width:calc(100% - 1em);height: calc(86vh - 1em); padding:0.5em;box-shadow:inset 0px 0px 0px 0.3em #000000;background-color:#fff;} #wb_info_block #info_title_block{width:100%;text-align: center;} #wb_info_block #info_title_block #info_title{font:22pt "微軟正黑體";font-weight: 700;border-bottom: 2px #000000 solid;line-height: 2em;padding:0 2em;display: inline-block;} #wb_info_block #info_content{font:16pt "微軟正黑體";font-weight: 500;color:rgba(17,17,17,0.7);padding:2em;} .member_button01{width:100%;overflow:hidden;padding: 0; text-align: right;} .member_button01 #Closebu a{font:14pt Arial;color:#292929;font-weight: 500;width:auto;height:auto;padding:0.2em 0.5em;background:#ffffff;color:#000000;display:inline-block;text-align:center;} .member_button01 #Closebu a:hover{font:14pt Arial;font-weight: 500;width:auto;height:auto;padding:0.2em 0.5em;background:#878787;color:#ffffff;display:inline-block;text-align:center;} #bgcolor{background:#f9f9f9;} #contents {width:100% !important;min-width: 1440px;height:auto; margin:0; padding:0;} #contents:after {content:''; clear:both; display:block;} .container{width:1440px;min-width:1440px;height:100% !important;padding:0;margin:0 auto;background:transparent;} .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} .testi-left .carousel-control.left,.testi-left .carousel-control.right{width:19px;height:19px} .testi-left{width:100%;margin:0 auto;position:relative} /*.img-fluid{max-width:100%;height:auto}*/ .text-justify{text-align:justify!important} .text-nowrap{white-space:nowrap!important} .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .text-left{text-align:left!important} .text-right{text-align:right!important} .text-center{text-align:center!important} .justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important} .justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important} .justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important} .justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important} .justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important} /*index_top_*/ .top{padding:0;background:#452767;width:100%;min-width: 1440px; font:10.5pt "微軟正黑體";font-weight: 700; -webkit-text-size-adjust:none;} .t-op.row{margin:0;height:33px;} .top .top-left{width:100%; float:right;padding:0;text-align:right;color:#fff;height: 33px;line-height: 33px;vertical-align: middle; letter-spacing: 1px;} .top .top-left .p{height: 33px;line-height: 33px; vertical-align: middle; letter-spacing: 1px;} .top .top-left a{color:#ffffff;font:10.5pt "微軟正黑體";font-weight: 100;} .top .top-left a:hover{color:#ffffff;font-weight: 100;} .top .top-left span{margin:1rem 0.5rem!important} #logo{padding:.8125rem 0 .5625rem 0;/*margin-left: 26.8125rem; ;*/} /*index three tab*/ .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;padding-left:0;margin-bottom:0;list-style:none} .nav-link{display:block;font:16pt 微軟正黑體;padding:0.799em 3.035em} /*.nav-link{display:block;font:16pt 微軟正黑體;padding:0.80625em 2 .9em}*/ .nav-link:hover,.nav-link:focus{text-decoration:none} .nav-link.disabled{color:#6c757d} .nav-tabs{border-bottom:1px solid #ae9ac0} .nav-tabs>li{float:left;margin-bottom:-1px} .nav-tabs>li>a{border:1px solid #ae9ac0;border-top-left-radius:.49999rem;border-top-right-radius:.49999rem;margin:0 16px;} .nav-tabs>li>a:hover{border-color:#ae9ac0 #ae9ac0 #ae9ac0} .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#ffffff;background-color:#aa95bd;border-color:#ae9ac0 #ae9ac0 #aa95bd} .nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0} .nav-pills .nav-link{font:2.0625em 微軟正黑體;font-weight:500;color:#82689d;padding:0.4375rem 4.1875rem;margin:0 .9375rem;border-radius:3px;} .nav-pills .nav-link.active,.nav-pills .show > .nav-link{font:2.0625em 微軟正黑體;font-weight:500;padding:0.4375rem 4.1875rem;margin:0 .9375rem;color:#82689d;background-color:#e7e1ed} .nav-pills .navline{width:1px;height:2.5625rem;background:#82689d;margin:0.4375rem 0;display:inline-block;} .tab-content > .tab-pane{display:none} .tab-content > .active{display:block} .navbar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0rem 1rem;margin-left:175px;} .navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none} .navbar-nav .nav-link{padding-right:0;padding-left:0} .navbar-nav .dropdown-menu{position:static;float:none} .navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem} .navbar-toggler:hover,.navbar-toggler:focus{text-decoration:none} .navbar-toggler:not(:disabled):not(.disabled){cursor:pointer} .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%} .fade{opacity:0;transition:opacity .15s linear} .fade.show{opacity:1} .collapse{display:none} .collapse.show{display:block} .collapse.in{display:block}/*3.3.7*/ /*menu*/ .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .navbar-nav .dropdown-menu{position:absolute} .navbar-nav .dropdown-menu-right{right:0;left:auto} .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem} .container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap} .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto} .navbar-toggler{display:none} .dropup .dropdown-menu{top:auto;bottom:100%} .navbar-nav .nav-link{font:1rem 微軟正黑體;font-weight:600;/*padding:.5rem 3rem;*/width:177px;text-align: center; color:#82689d;letter-spacing:0;border-bottom:5px solid #ffffff;box-sizing:border-box;} .nav-link div{font-size: 12.5px;-webkit-transform: scale(0.75);transform: scale(0.75);display:block;font-weight: 600; line-height:8.5pt ;-webkit-text-size-adjust:none; letter-spacing:0.55px;color:#82689d} .navbar-nav .nav-link:hover{color:#82689d;border-bottom:5px solid #aa95bd;box-sizing:border-box;} /*.nav-item .dropdown-menu{display:none;} .nav-item:hover .dropdown-menu { display: block; } */ .dropdown{position:relative} .dropdown-menu{position:absolute;top:100%;left:-5.40625rem;z-index:1000;display:none;float:left;width:100%;/*min-width:100%;*/padding:.5rem 0;margin:/*.125rem */0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background:rgba(170,149,189,0.88);/*background:rgba(255,255,255,0.7);*/background-clip:padding-box;border:0px solid rgba(0,0,0,0.15);border-radius:.25rem} .dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0} .dropdown-item:hover,.dropdown-item:focus{color:#16181b;text-decoration:none;background-color:#f8f9fa} .dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff} .dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent} .dropdown-menu.show{display:block; } .dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap} .multi-column{width:auto;height: auto;display: block;} .multi-column-dropdown {width:100%;float:left;margin: 0;padding: 0; } .multi-column-dropdown ul{list-style:none;margin:0;padding:0;float:left} .multi-column-dropdown li{width:calc(100%/8);/*width:150px;*/text-align: center;float: left;list-style:none;} .multi-column-dropdown li img{/*width:80%;max-width: 80%;*/width:150px;} .multi-column-dropdown li a{display:block;clear:both;line-height:1.428571429;color:#333;white-space:normal} .multi-column-dropdown li a:hover{text-decoration:none;color:#262626;filter:alpha (opacity=50);opacity:.5;} .multi-column-dropdown li a p{ color:#ffffff;/*color:#513570;*/transition: height .4s ease-in-out;-webkit-transition: height .4s ease-in-out;-moz-transition: height .4s ease-in-out;} /*index_tab_product_list*/ #Itab_product_block {margin: 2rem 38px 0 38px;display: flex;flex-wrap: wrap;justify-content: center;align-content: stretch; height: auot;padding: 0;} #Itab_product_block #tab_item {width: 319px; margin:0 11px 2rem 11px;overflow: hidden} #Itab_product_block #tab_item .img{width:100%;height:auto;background:#e7e1ed;text-align: center;} /* #Itab_product_block #tab_item img.zoom-img{transform:scale(0.95);-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;-webkit-transition-duration:0.08s;-moz-transition-duration:0.08s;-ms-transition-duration:0.08s;-o-transition-duration:0.08s} #Itab_product_block #tab_item img.zoom-img:hover{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;overflow:hidden} */ #Itab_product_block #tab_item img.zoom-img{transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;-webkit-transition-duration:0.08s;-moz-transition-duration:0.08s;-ms-transition-duration:0.08s;-o-transition-duration:0.08s} #Itab_product_block #tab_item img.zoom-img:hover{transform: translatey(-5px);-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-duration:0.1s;-moz-transition-duration:0.1s;-ms-transition-duration:0.1s;-o-transition-duration:0.1s;overflow:hidden} #Itab_product_block #tab_item .note_block{width:100%;background: #9f88b5 ;z-index:99999;position:relative;top:0px;left:0px;} #Itab_product_block #tab_item .note_block .sp_icon{position:absolute;top:-250px;left:18px;z-index:99999;} #Itab_product_block #tab_item .note_block #icon_top{bottom:5.2rem;left:15px;z-index:999999;position:absolute;} #Itab_product_block #tab_item .note_block #icon_top .recommend_icon{font:1rem "微軟正黑體";color:#ffffff;background:#9f88b5;border:1px solid #ffffff;border-radius:5px;text-transform: uppercase;text-align:center;inline-block;padding:0.1375rem 0.5rem;} #Itab_product_block #tab_item .note_block .note{width:100%;color:#fff;text-align: center;font:14pt "微軟正黑體";font-weight: 500;padding:1rem 0;} #Itab_product_block #tab_item .note_block .note .Proname{font:1.375rem "微軟正黑體";text-overflow:ellipsis;width:100%;font-weight:300;} #Itab_product_block #tab_item .note_block .note .ProEname{font:0.7rem Arial;font-weight:500;} #Itab_product_block #tab_item .note_block .note .Price{width:100%;font:0.8125rem Arial;font-weight:500;letter-spacing: -0.5px; margin:0.5em 0 0 0;} #bottom_more{ display: inline-block;padding:10px 79px;border:1px #82689d solid;} /*bottom home*/ #bottom_home{width:100%;min-width: 1440px; background:#e7e1ed;color:#82689d;font:12pt Arial;font-weight: 500;line-height: 49px;height: 49px;/* margin:2rem 0 0 0;*/margin:0; text-align: center;} /*footer*/ #footer_top {width:680px;float:left;margin:17px 0 0 23.875rem;zoom:1;padding:0 0 1.5rem 0;} /*#footer_top {width:65.9%;float:left;margin:1rem calc((100% - 65.9%)/2);zoom:1;padding:1.5rem 0;}*/ #footer_top:after {content:''; display:block; clear:both;} #footer_top .menuList{width:100%;margin:0 auto;} #footer_top .menuList li{float:left;list-style:none;} #footer_top .menuList a{color:#ffffff;} #footer_top .menuList a:hover{color:#ffffff;} #footer_top .menuList .column1 .title{width:100%;font:1.03125rem "微軟正黑體";font-weight:800;letter-spacing:-1px;margin-bottom:1.3rem;color:#ffffff;text-align:left;display:inline-block; #display:inline; zoom:1} #footer_top .menuList .column1{width:calc((100% - 140px)/3);margin-right:0em;bottom:2em;text-align:center;} #footer_top .menuList .column1 > ul >li{width:100%;font:1rem "微軟正黑體";vertical-align:middle; text-align:left;clear:both;color:rgba(255,255,255,0.8);} #footer_top .menuList .column2 .title{width:100%;font:1.03125rem "微軟正黑體";font-weight:800;letter-spacing:-1px;margin-bottom:1.3rem;color:#ffffff;text-align:left;display:inline-block; #display:inline; zoom:1} #footer_top .menuList .column2{width:140px;margin-right:0em;bottom:2em;text-align:center;} #footer_top .menuList .column2 > ul >li{width:100%;font:1rem "微軟正黑體";vertical-align:middle; text-align:left;clear:both;color:rgba(255,255,255,0.8);} footer{background-color:#452767;width:100%;min-width: 1440px;padding-bottom: 1rem;} footer .footer_logo{padding:3rem 0;margin-bottom: 1rem;} footer .footer_logo p{color:rgba(255,255,255,0.8);font:1.15625em "微軟正黑體";padding:16px 0 0 0;} .footericonlink{font:1.03125rem "微軟正黑體";font-weight:500;width:370px;/*position:relative;*/padding-top:11px;margin-left:554px;} .copyright{display:inline-block;width:100%;height: 50px;line-height: 50px; background:#fff;color:#82689d;} .copyright {text-align: center;letter-spacing:1px;font-size:13px;} /*title*/ .heading-agileinfo00{font-weight:600;letter-spacing:2px;font:1.9375em "微軟正黑體";line-height:25px;text-align:center;color:#82689d;text-transform:capitalize;position:relative;margin-top:60px} .heading-agileinfo00 span{display:block;font-size:13px!important;letter-spacing:.005em;text-transform:capitalize;color:#82689d;font-weight:500} .heading-agileinfo01{font-size:22pt;font-weight:500;letter-spacing:0;text-align:center;color:#82689d;text-transform:capitalize;position:relative;margin-top:0} .heading-agileinfo01 span{font:1.375rem Arial} .heading-agileinfo{font-weight:600;letter-spacing:2px;font:2.0625em "微軟正黑體";text-align:center;color:#82689d;text-transform:capitalize;position:relative;margin-top:0} .heading-agileinfo span{display:block;font-size:17px!important;letter-spacing:.005em;text-transform:capitalize;color:#82689d;font-weight:500} /*index_carousel*/ .features_title{font-weight:600;letter-spacing:2px;font:1.9375em "微軟正黑體";line-height:25px;text-align:center;color:#452767;width:100%;} .features_title span{font-size:13px!important;letter-spacing:.005em;text-transform:capitalize;color:#452767;font-weight:500;display:block;} #features{width:100%;height:auto;margin:17px 0 0 0;} #features:after{content: '';clear: both;display: block;} #features .carousel{position:relative;} #features .carousel:after{content:''; clear:both; display:block;} #features .carousel-inner{position:relative;width:100%;overflow:hidden;} #features .carousel-item{position:relative;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:100vw;perspective:100vw/*-webkit-perspective:1000px;perspective:1000px*/} #features .carousel-item.active,#features .carousel-item-next,.carousel-item-prev{display:block} #features .carousel-item-next,#features .carousel-item-prev{position:absolute;top:0} #features .carousel-item-next.carousel-item-left,#features .carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)} #features .carousel-item-next,#features .active.carousel-item-right{-webkit-transform:translateX(100%);transform:translateX(100%)} #features .carousel-item-prev,#features .active.carousel-item-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)} #features .carousel-control-prev,#features .carousel-control-next{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:0.7} #features .carousel-control-prev:hover,#features .carousel-control-prev:focus,#features .carousel-control-next:hover,#features .carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9} #features .carousel-control-prev{left:0} #features .carousel-control-next{right:0} #features .carousel-control-prev-icon,#features .carousel-control-next-icon{display:inline-block;width:70px;height:70px;/*width:170px;height:102px;*/background:transparent no-repeat center center;background-size:100% 100%} #features .carousel-control-prev-icon{background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMjBweCINCgkgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMCAxMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IuWcluWxpF8xIiBkaXNwbGF5PSJub25lIj4NCgk8ZyBpZD0iQ2FwYV8xIj4NCgkJPGcgZGlzcGxheT0iaW5saW5lIj4NCgkJCTxwYXRoIGQ9Ik0tMi44NjcsNjQuMjI1Yy0xLjIxNCwxLjIxMS0xLjIxNCwzLjE1MywwLDQuMzZjMC41OTMsMC42MTgsMS4zOTIsMC45MTUsMi4xNzEsMC45MTVjMC43NzQsMCwxLjU3Ni0wLjMyLDIuMTY5LTAuOTE1DQoJCQkJbDUxLjQxOC01MS4zOTZjMS4yMTEtMS4yMDgsMS4yMTEtMy4xNSwwLTQuMzYyTDEuNDczLTM4LjU5MWMtMS4yMS0xLjIxMi0zLjE1NC0xLjIxMi00LjM2MSwwYy0xLjIxNCwxLjIwOS0xLjIxNCwzLjE1MSwwLDQuMzYyDQoJCQkJbDQ5LjIyNSw0OS4yMjZMLTIuODY3LDY0LjIyNXoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8ZyBpZD0iQ2FwYV8xX+aLt+iynSIgZGlzcGxheT0iaW5saW5lIj4NCgkJPGc+DQoJCQk8cGF0aCBkPSJNMzguNjY0LDU5Ljk5N2w0OS4yMjUtNDkuMjI2YzEuMjE1LTEuMjEsMS4yMTUtMy4xNTIsMC00LjM2MmMtMS4yMDctMS4yMTItMy4xNS0xLjIxMi00LjM2MSwwTDMyLjEwOSw1Ny44MjcNCgkJCQljLTEuMjExLDEuMjEyLTEuMjExLDMuMTU0LDAsNC4zNjJsNTEuNDE4LDUxLjM5NmMwLjU5MywwLjU5NSwxLjM5NSwwLjkxNSwyLjE2OCwwLjkxNWMwLjc3OSwwLDEuNTc4LTAuMjk3LDIuMTcyLTAuOTE1DQoJCQkJYzEuMjE0LTEuMjA3LDEuMjE0LTMuMTQ5LDAtNC4zNkwzOC42NjQsNTkuOTk3eiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGcgaWQ9IuWcluWxpF8yIj4NCgk8Zz4NCgkJPGxpbmUgZmlsbD0iI0JDMDIwMiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI4Ni4xMyIgeTE9IjYuNzg0IiB4Mj0iMzIuMjc3IiB5Mj0iNjAuNjM3Ii8+DQoJCTxsaW5lIGZpbGw9IiNCQzAyMDIiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMzIuMDEiIHkxPSI2MC4yMDkiIHgyPSI4NS44NjMiIHkyPSIxMTQuMDYyIi8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=')} #features .carousel-control-next-icon{background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMjBweCINCgkgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyMCAxMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGcgaWQ9IuWcluWxpF8xIiBkaXNwbGF5PSJub25lIj4NCgk8ZyBpZD0iQ2FwYV8xIiBkaXNwbGF5PSJpbmxpbmUiPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik0zMi4xMzIsMTA5LjIyNWMtMS4yMTQsMS4yMTEtMS4yMTQsMy4xNTMsMCw0LjM2YzAuNTkzLDAuNjE4LDEuMzkyLDAuOTE1LDIuMTcxLDAuOTE1YzAuNzc0LDAsMS41NzYtMC4zMiwyLjE2OS0wLjkxNQ0KCQkJCWw1MS40MTgtNTEuMzk2YzEuMjExLTEuMjA4LDEuMjExLTMuMTUsMC00LjM2MkwzNi40NzMsNi40MDljLTEuMjEtMS4yMTItMy4xNTQtMS4yMTItNC4zNjEsMGMtMS4yMTQsMS4yMDktMS4yMTQsMy4xNTEsMCw0LjM2Mg0KCQkJCWw0OS4yMjYsNDkuMjI2TDMyLjEzMiwxMDkuMjI1eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnIGlkPSJDYXBhXzFf5ou36LKdIj4NCgkJPGcgZGlzcGxheT0iaW5saW5lIj4NCgkJCTxwYXRoIGQ9Ik0zLjY2NCwxNC45OTdsNDkuMjI1LTQ5LjIyNmMxLjIxNC0xLjIxLDEuMjE0LTMuMTUyLDAtNC4zNjJjLTEuMjA3LTEuMjEyLTMuMTUxLTEuMjEyLTQuMzYxLDBMLTIuODkxLDEyLjgyNw0KCQkJCWMtMS4yMTEsMS4yMTItMS4yMTEsMy4xNTQsMCw0LjM2Mmw1MS40MTgsNTEuMzk2YzAuNTkzLDAuNTk1LDEuMzk1LDAuOTE1LDIuMTY5LDAuOTE1YzAuNzc5LDAsMS41NzgtMC4yOTcsMi4xNzEtMC45MTUNCgkJCQljMS4yMTQtMS4yMDcsMS4yMTQtMy4xNDksMC00LjM2TDMuNjY0LDE0Ljk5N3oiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSLlnJblsaRfMiI+DQoJPGc+DQoJCTxsaW5lIGZpbGw9IiNCQzAyMDIiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMzMuMDEiIHkxPSI1Ljc4NCIgeDI9Ijg2Ljg2MiIgeTI9IjU5LjYzNyIvPg0KCQk8bGluZSBmaWxsPSIjQkMwMjAyIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijg3LjEzIiB5MT0iNTkuMjA5IiB4Mj0iMzMuMjc2IiB5Mj0iMTEzLjA2MiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K')} #features .carousel-indicators{position:absolute;right:0;bottom:-88px;left:0;z-index:15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none} #features .carousel-indicators li{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,0.5)} #features .carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""} #features .carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""} #features .carousel-indicators .active{background:#452767} #features .carousel-indicators li{background:#afafaf;cursor:pointer;width:8px!important;height:8px!important;border-radius:50%} /*part1*/ .carousel-control-prev01,.carousel-control-next01{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:12.7%;color:#fff;text-align:center;opacity:1} .carousel-control-prev01:hover,.carousel-control-prev01:focus,.carousel-control-next01:hover,.carousel-control-next01:focus{color:#fff;text-decoration:none;outline:0;opacity:.5} .carousel-control-prev01{left:0} .carousel-control-next01{right:0} .carousel-control-prev01-icon,.carousel-control-next01-icon{display:inline-block;width:26px;height:47px;/*width:170px;height:102px;*/background:transparent no-repeat center center;background-size:100% 100%} .carousel-control-prev01-icon{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAvCAYAAAD9/drQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQkVEOEQ0MzcyMjYxMUU5QTBBNTk5OEE1RDc2RTQ4RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQkVEOEQ0NDcyMjYxMUU5QTBBNTk5OEE1RDc2RTQ4RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZCRUQ4RDQxNzIyNjExRTlBMEE1OTk4QTVENzZFNDhFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZCRUQ4RDQyNzIyNjExRTlBMEE1OTk4QTVENzZFNDhFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TfPTOAAAANZJREFUeNpidFVPT2OgHfgHxPeA+DALA20BExCrgCxkYqAPUKSXRaz0sohh1KJRi0YtGrWIyhZV96c609wikCX2nsZhNLWIVEvIsgjZkoPbz66iiUXolrQWzt5LdYsosYRoiyi1hCiLqGEJQYuoZQkIMCuLmBjjkjy889x9OWXJ7wqqUtogDGKDxKhuETUtI2gRtSwjyiJqWEa0RZRaRnIRBEp5sKKH5oUqsmXEArJ7E6TmKUYa949G2wyjFo1aNGrRSLLoF70sukvrQacfIEuA+ARAgAEAIVeDOFlb1BsAAAAASUVORK5CYII=')} .carousel-control-next01-icon{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAvCAYAAAD9/drQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQUEwNTdBMTcyMjcxMUU5ODUyOEYxRjREODc4OEE5OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQUEwNTdBMjcyMjcxMUU5ODUyOEYxRjREODc4OEE5OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFBQTA1NzlGNzIyNzExRTk4NTI4RjFGNEQ4Nzg4QTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFBQTA1N0EwNzIyNzExRTk4NTI4RjFGNEQ4Nzg4QTk4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ctDAbQAAAOJJREFUeNpidFVPZ2VgYLAFYiUgZmKgEWABYmsgVmGgMQD5QJGBDgBkESu9LGIYtWjUolGLRi0a5BZV96c608Uie0/jMEosIynoKLGMWVnExJgYhXLKkt8VVKW0QRjEPrzz3H2aWAQymBLLiLaIUstIsogSy0i2iFzLyLKIHMvILhlAyRyU3EHsg9vPrmotnL2X6kUQqZaQZRE5lpBsEbmWkFyokmsJyYUquZaQHHTkWkKSRZRYAgKMwP5R2mibYdSiUYtGLRoBFv2il0V36WERaNDpGBD/A2JlIOaglUUAAQYApoKD373C0iMAAAAASUVORK5CYII=')} .carousel-indicators0{position:absolute;right:0;bottom:20px;left:0;z-index:15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none} .carousel-indicators0 li{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,0.5)} .carousel-indicators0 li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""} .carousel-indicators0 li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""} /*.carousel-indicators .active{background:#452767} .carousel-indicators li{background:#afafaf;cursor:pointer;width:8px!important;height:8px!important;border-radius:50%}*/ .carousel-indicators0 .active{background:#ffffff;border:1px solid #ffffff;} .carousel-indicators0 li{background:transparent;border:1px solid #ffffff;cursor:pointer;width:10px!important;height:10px!important;border-radius:50%} /**/ #features .carousel-indicators2{position:absolute;right:0;bottom:-60px;left:0;z-index:15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none} #features .carousel-indicators2 li{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,0.5)} #features .carousel-indicators2 li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""} #features .carousel-indicators2 li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""} #features .carousel-indicators2 .active{background:#452767} #features .carousel-indicators2 li{background:#afafaf;cursor:pointer;width:8px!important;height:8px!important;border-radius:50%} /*人氣課程*/ #Courses{width:100%;height:auto;margin:128px 0 0 0;} #Courses:after{content: '';clear: both;display: block;} #Courses .Courses_title{font-weight:600;letter-spacing:2px;font:1.9375em "微軟正黑體";line-height:25px;text-align:center;color:#7a5e97;width:100%;padding-bottom: 8px;} #Courses .Courses_title span{font-size:13px!important;letter-spacing:.005em;text-transform:capitalize;color:#7a5e97;font-weight:500;display:block;} #Courses #Courses_block{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch;} #Courses #Courses_block .Courses_left{width:300px;height:423px;margin-right: 8px;} #Courses #Courses_block .Courses_right{width:calc(100% - 308px);display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch;} #Courses #Courses_block .Courses_left .Cshow{width:100%;height:423px;box-shadow: inset 0px 0px 0px 8px rgba(69,39,103,1);} #Courses #Courses_block .Courses_left .Cshow .boxnote {color:#82689d;padding-top:1.5em;} #Courses #Courses_block .Courses_left .Cshow .boxnote .ClassName{font:1.3125rem "微軟正黑體";} #Courses #Courses_block .Courses_left .Cshow .boxnote .ClassEName{font:0.875rem "微軟正黑體";padding-bottom:1em;} #Courses #Courses_block .Courses_left .Cshow .boxnote .ClassNote{width:calc(100% - 2em);padding:0%;font:1.0625em "微軟正黑體";letter-spacing: 2px; margin:1em;} #Courses #Courses_block .Courses_right .Cclass{width:calc(282px - 24px);margin-left:24px;float:left;background:#ffffff;} #Courses #Courses_block .Courses_right .Cclass img{width:100%;max-width:100%;} #Courses #Courses_block .Courses_right .Cclass .img{width:100%;height: auto;background:#aa95bd;} #Courses #Courses_block .Courses_right .Cclass .img .note_block{width:100%;height:auto;position: relative;background:#000000;opacity:.0;transition: opacity .0s ease-in-out;-moz-transition: opacity .0s ease-in-out;-webkit-transition: opacity .0s ease-in-out;} #Courses #Courses_block .Courses_right .Cclass .img .note_block .class_note{font:1.0608rem "微軟正黑體";width:80%;left:25px;top:175px;color:#ffffff;text-align:center;position: absolute;z-index: 2;} #Courses #Courses_block .Courses_right .Cclass .img .note_block .class_note_bg{width:100%;height:100%;background:rgba(170, 149, 189, 0);position: absolute;z-index: 1;} #Courses #Courses_block .Courses_right .Cclass .img:hover img{filter: alpha(opacity=50);opacity: 0.5;} #Courses #Courses_block .Courses_right .Cclass .img:hover .note_block{width:100%;height:auto;position: relative;background:#82689d;opacity:1;transition: opacity 0s ease-out;} #Courses #Courses_block .Courses_right .Cclass .boxnote {color:#82689d;padding-top:1em;} #Courses #Courses_block .Courses_right .Cclass .boxnote .ClassName{font:1.375rem "微軟正黑體";line-height:1.375rem;} #Courses #Courses_block .Courses_right .Cclass .boxnote .ClassEName{font:0.875rem "微軟正黑體";line-height:0.875rem;margin-top: 3px;} #Courses #Courses_block .Courses_right .Cclass .boxnote .ClassPrice{font:1rem "微軟正黑體";margin-top: 7px;} #Courses #Courses_block .Courses_right .Cclass .boxnote .ClassTotal{font:1rem "微軟正黑體";} /**/ /*人氣課程*/ #maintain{width:100%;height:auto;margin:70px 0 0 0;} #maintain:after{content: '';clear: both;display: block;} #maintain .maintain_title{font-weight:600;letter-spacing:2px;font:1.9375em "微軟正黑體";line-height:25px;text-align:center;color:#7a5e97;width:100%;padding-bottom: 8px;} #maintain .maintain_title span{font-size:13px!important;letter-spacing:.005em;text-transform:capitalize;color:#7a5e97;font-weight:500;display:block;} #maintain #maintain_block{margin: 2rem 38px 0 38px;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch; height: auto;padding: 0;overflow:hidden;} #maintain #maintain_block #item {width: 319px ;height:265px;padding:0; margin: 11px;} #maintain #maintain_block #item:after {content:''; clear:both; display:block;} #maintain #maintain_block #item .img01{width:100%;height:100%!important;text-align: center;background:#ff6600;} #maintain #maintain_block #item .img01 img{width:100%;max-width:100%;} /*common 2_block*/ #common_block{display: flex;flex-wrap: wrap; justify-content: flex-start;align-content: space-between;/*align-content: space-between;*/align-items: stretch;margin:29px 171px 0 183px ;} #common_block:after {content:''; display:block; clear:both;} #common_block .left_block{width:773px;margin-bottom: 100px;} #common_block .right_block{width:calc((100% - 773px) - 18px);margin-left:18px} #common_block .left_block .map_block{width:100%;background:#ffffff;padding:1rem 0;border-radius: 7px;} #common_block .left_block .map_block:after {content:''; display:block; clear:both;} /*search input*/ #common_block .left_block .map_block #search_block{width:calc(100% - 70px);display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-between;padding-bottom:2rem;margin:0 35px 28px 35px;/*margin-bottom:28px;*/border-bottom:1px solid #c4b6d1;} #common_block .left_block .map_block #search_block .search_block_3_1{width:calc(28% - 0.5em);margin-right:0.5em;text-align: left;} #common_block .left_block .map_block #search_block .search_block_3_2{width:57%;} #common_block .left_block .map_block #search_block .search_block_3_2 .search_input{width:100%;box-sizing:border-box; border:1px solid #c2b3d0;padding:0.3rem; } #common_block .left_block .map_block #search_block .search_block_3_2 span{font:0.875rem "微軟正黑體";color:#424242;} #common_block .left_block .map_block #search_block .search_block_3_3{width:15%;text-align: left;} #common_block .left_block .map_block #search_block .search_block_3_3 #search_bu a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:700;background:#f7f4f9;color:#aa95bd;display:inline-block;border:1px solid #c2b3d0;text-align:center;padding:0.3em 1.5em;margin:0 0.5em;text-decoration:none;} #common_block .left_block .map_block #search_block .search_block_3_3 #search_bu a:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#e8deef;color:#aa95bd;display:inline-block;text-align:center;border:1px solid #c2b3d0;padding:0.3em 1.5em;margin:0 0.5em;} #common_block .left_block .map_block #search_block .salons_title{font:1.5rem "微軟正黑體";font-weight: 400;color:#af9cc1;margin-left: 18px;} /*列表*/ #common_block .left_block .map_block #salons_area_list{width:calc(100 - 70px);/*margin:3.125rem 35px;*/margin:0 35px 21px 35px;} #common_block .left_block .map_block #salons_area_list .salons_title{font:1.5rem "微軟正黑體";font-weight: 400;color:#af9cc1;line-height: 36px; display: inline-block;margin-left: 17px;} /*#common_block .left_block .map_block #salons_area_list #button_block_bg{width:auto;padding:0;margin:0;background:#c2b3d0;} #common_block .left_block .map_block #salons_area_list #button_block_bg #button_block{width:auto;overflow:hidden;text-align:center;overflow:hidden} #common_block .left_block .map_block #salons_area_list #button_block_bg #button_block .salons_area_button a{font:1.0625em "微軟正黑體";font-weight: 700; background:#c2b3d0;color:#ffffff;display:inline-block;text-align:center;padding:1em 1.5em;text-decoration:none;} #common_block .left_block .map_block #salons_area_list #button_block_bg #button_block .salons_area_button a:hover{background:#aa95bd;color:#ffffff;display:inline-block;text-align:center;padding:1em 1.5em;} */ #common_block .left_block .map_block #button_block_bg{width:auto;padding:0;margin:0;background:#c2b3d0;} #common_block .left_block .map_block #button_block{display: flex;flex-wrap: wrap;justify-content:center;align-content: center;align-items:stretch; height: auto;} #common_block .left_block .map_block #button_block .salons_area_button a{font:1.0625em "微軟正黑體";font-weight: 700; background:#c2b3d0;color:#ffffff;display:inline-block;text-align:center;padding:0.7em 1.3em;text-decoration:none;} #common_block .left_block .map_block #button_block .salons_area_button a:hover{background:#aa95bd;color:#ffffff;display:inline-block;text-align:center;padding:0.7em 1.3em;} #common_block .left_block .map_block #salons_area_list .salons_area_select{display:none;} #common_block .left_block .map_block .salon_list_border{width:calc((100% - 2px) - 69px);border: 1px solid #c4b6d1;border-radius: 7px;box-sizing: border-box;margin:0 34px 0 35px;/*margin:0 34px 50px 35px;*/} #common_block .left_block .map_block .salon_list_title{font:1.3125em "微軟正黑體";font-weight: 400;color:#af9cc1;margin:0;margin:35px 0 1rem 50px } #common_block .left_block .map_block .salon_list{width:100%;font:1.125rem "微軟正黑體";border-radius: 7px;} #common_block .left_block .map_block .salon_list:after {content:''; display:block; clear:both;} #common_block .left_block .map_block .salon_list:hover{border-radius: 7px;background:#f3f0f6 /*url(../images/salon_icon.png) no-repeat*/;/*background-position: right 2em top 50%;*/background-position: right 7em top 50%; filter:alpha (opacity=1);opacity:1;display:inline-block; vertical-align:middle;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out;} #common_block .left_block .map_block .salon_list .Slist_2_1{width:20%;float:left;text-align: center;margin:20px 0 21px 0;color:#b09cc1;} #common_block .left_block .map_block .salon_list .Slist_2_2{width:20%;float:left;margin:20px 0 21px 0;color:#b09cc1;text-align: left;} #common_block .left_block .map_block .salon_list .Slist_2_2 .store_new{display:inline-block;padding:0 0.5em;font:1rem "微軟正黑體";font-weight: 700;color:#ff0000;border-radius:5px;vertical-align: top;margin-top:2px;} #common_block .left_block .map_block .salon_list .Slist_2_2 .store_soon{display:inline-block;padding:0 0.5em;font:1rem "微軟正黑體";font-weight: 700;color:#55207e;border-radius:5px;vertical-align: top;margin-top:2px;} /*#common_block .left_block .map_block .salon_list .Slist_2_2 .store_new{display:inline-block;padding:0.3em auto;width:78px;text-align: center;font:0.8rem "微軟正黑體";font-weight: 700;background:#d41b72;color:#ffffff;border-radius:5px;} #common_block .left_block .map_block .salon_list .Slist_2_2 .store_soon{display:inline-block;padding:0.3em auto;width:78px;text-align: center;font:0.8rem "微軟正黑體";font-weight: 700;background:#d10707;color:#ffffff;border-radius:5px;} */ #common_block .left_block .map_block .salon_list .Slist_2_3{width:60%;float:left;margin:20px 0 21px 0;color:#b09cc1;/*margin:2rem 0;color:#b09cc1;*/} #common_block .left_block .map_block .salon_list .Slist_line{float:left;width:100%;height:1px;line-height:1px;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cec2d9), color-stop(100%, #cec2d9));background-image: linear-gradient(to right, #cec2d9 10%, rgba(206, 194, 217, 0) 100%);background-position: bottom;background-size: 1px 1px;background-repeat: repeat-x;} /*列表內頁*/ #common_block .left_block .content_block{width:100%;background: #ffffff;padding:0;} #common_block .left_block .content_block:after {content:''; display:block; clear:both;} #common_block .left_block .content_block #salons_area_list{width:calc(100 - 70px);margin:0 35px;} #common_block .left_block .content_block #salons_area_list .salons_area_title{font:1.5rem "微軟正黑體";font-weight: 400;color:#af9cc1;} /* #common_block .left_block .content_block #salons_area_list .salons_area_title .store_soon{display:inline-block;padding:0 0.5em;font:1rem "微軟正黑體";font-weight: 700;color:#ff0000;border-radius:5px;vertical-align: top;margin-top:2px;} #common_block .left_block .content_block #salons_area_list .salons_area_title .store_new{display:inline-block;padding:0 0.5em;font:1rem "微軟正黑體";font-weight: 700;color:#55207e;border-radius:5px;vertical-align: top;margin-top:2px;} */ #common_block .left_block .content_block #salons_area_list .salons_area_title .store_new{display:inline-block;padding:0 0.5em;font:1.3rem "微軟正黑體";font-weight: 700;color:#ff0000;border-radius:5px;vertical-align: top;margin-top:4px;} #common_block .left_block .content_block #salons_area_list .salons_area_title .store_soon{display:inline-block;padding:0 0.5em;font:1.3rem "微軟正黑體";font-weight: 700;color:#55207e;border-radius:5px;vertical-align: top;margin-top:4px;} #common_block .left_block .content_block #salons_area_list .info_line{float:left;width:100%;border-bottom: 3px solid #aa95bd;padding-bottom:1em;margin-bottom:2em;} #common_block .left_block .content_block #Beautician_blcok{width:calc(100% - 70px);padding:0 35px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;} #common_block .left_block .content_block #Beautician_blcok .beau_1_1{width:calc(100% - 2%);padding-left:2%;color:#aa95bd;font:1.25rem "微軟正黑體";font-weight: 700;} #common_block .left_block .content_block #Beautician_blcok .beau_2_1{width:calc(20% - 2%);padding-left:2%;color:#aa95bd;font:1.25rem "微軟正黑體";font-weight: 700;} #common_block .left_block .content_block #Beautician_blcok .beau_2_2{width:80%;color:#aa95bd;font:1.25rem "微軟正黑體";font-weight: 700;} #common_block .left_block .content_block #Beautician_blcok .beau_2_2 .visa_logo{background:url(../images/Visa_logo.svg) left top no-repeat;background-size:40px;height:30px;width:40px;margin:0 0.2em;display:inline-block;} #common_block .left_block .content_block #Beautician_blcok .beau_2_2 .master_logo{background:url(../images/Mastercard_logo.svg) left top no-repeat;background-size:40px;height:30px;width:40px;margin:0 0.2em;display:inline-block;} #common_block .left_block .content_block #Beautician_blcok .beau_2_2 .jcb_logo{background:url(../images/JCB_logo.svg) left top no-repeat;background-size:40px;height:30px;width:40px;margin:0 0.2em;display:inline-block;} #common_block .left_block .content_block #Beautician_blcok .beau_2_2 .line_logo{background:url(../images/line_logo.svg) left top no-repeat;background-size:36px;height:36px;width:36px;margin:0 0.2em;display:inline-block;} #common_block .left_block .content_block #Beautician_blcok .beau_2_2 .instagram_logo{background:url(../images/instagram_logo.svg) left top no-repeat;background-size:36px;height:36px;width:36px;margin:0 0.2em;display:inline-block;} #common_block .left_block .content_block #Beautician_blcok .beau_2_2 .facebook_logo{background:url(../images/facebook_logo.svg) left top no-repeat;background-size:36px;height:36px;width:36px;margin:0 0.2em;display:inline-block;} #common_block .left_block .content_block #Beautician_blcok .beau_2_2 .twitter_logo{background:url(../images/twitter_logo.svg) left top no-repeat;background-size:36px;height:36px;width:36px;margin:0 0.2em;display:inline-block;} #common_block .left_block .content_block #Beautician_blcok .Store_manager_2_1{width:calc(35% - 2%);padding-left:2%;} #common_block .left_block .content_block #Beautician_blcok .Store_manager_2_2{width:65%;} #common_block .left_block .content_block #Beautician_blcok .Store_manager_2_2 .Store_manager_block{width:100%;} #common_block .left_block .content_block #Beautician_blcok .Store_manager_2_2 .Store_manager_block:after{content:''; clear:both; display:block;} #common_block .left_block .content_block #Beautician_blcok .Store_manager_2_2 .Store_manager_block .Store_manager_title{font:1.25rem "微軟正黑體";font-weight: 700;color:#aa95bd;margin-bottom: 2rem;} #common_block .left_block .content_block #Beautician_blcok .Store_manager_2_2 .Store_manager_block .Store_manager_note{font:1rem "微軟正黑體";font-weight: 700;} #common_block .left_block .content_block #Beautician_blcok .Beau_line{float:left;width:100%;border-bottom: 1px solid #eae5ef;padding-bottom:1em;margin-bottom:2em;} #common_block .right_block .contact_info_block{width:calc(100% - 72px);background:#ffffff;padding:1rem 36px;border-radius: 7px;box-shadow:0px 0px 5px 0 rgba(0,0,0,0.1);} #common_block .right_block .contact_info_block .info01{font:1.3125em "微軟正黑體";font-weight: 500;color:#aa95bd;margin-bottom: 0.2em;} #common_block .right_block .contact_info_block .phone{font:1.5em "微軟正黑體";color:#aa95bd;} #common_block .right_block .contact_info_block .info02{font:0.9375em "微軟正黑體";font-weight: 500;color:#aa95bd;margin-bottom: 0.2em;} #common_block .right_block .contact_info_block .info03{font:1.0625em "微軟正黑體";font-weight: 400;color:#7c7c7c;margin:1em 0;} #common_block .right_block .contact_info_block .info_bu{display:inline-block; padding-right:35px; vertical-align:middle;font:1.375em "微軟正黑體";font-weight: 500; color:#aa95bd; background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDM5MDZERTc3ODRGMTFFOUE1QzU5RENCMUYzNzEzOEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDM5MDZERTg3ODRGMTFFOUE1QzU5RENCMUYzNzEzOEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMzkwNkRFNTc4NEYxMUU5QTVDNTlEQ0IxRjM3MTM4RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMzkwNkRFNjc4NEYxMUU5QTVDNTlEQ0IxRjM3MTM4RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBQBBAUFCAcIDwoKDxQODg4UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIABoAGgMBEQACEQEDEQH/xAByAAADAAMAAAAAAAAAAAAAAAAABAUCAwgBAQEBAQAAAAAAAAAAAAAAAAACAQMQAAICAQQBAwMFAAAAAAAAAAECAwQFABEhEhMxIhRBUUJxMjMVBhEAAgICAgIDAAAAAAAAAAAAAAERAiExQVGhErEyA//aAAwDAQACEQMRAD8A7tyWTerJFSpQ/KylgFoYC3RFRdg0krbHqgJ29CSeANXWs5ejUhCIZuzPYgXM11vVivmrLTPjTyKGXhpe7Ag/uDDc7/bbVP1XHk3HQ5RyVn5X9ZlokgyBUyQSREmCxGu25jLchl3HZDyPoSOdS6qJWg0VNQSRsWBJm87PJ/Ok1eshPr4ErRyqP07yya6W+qKekY/6NIK8C5ZJvjZOt7KkqqXaVnPEBQcurn8fUHkbba38844FTXmHlkx+IvTw/HyKXKLCDsHaN7EiwzJ2Xg7RySAkaV21xDCL+uRJGyFW5SvnN42I2GeNYb9EEK0scZJR4yxA8idm4JAYcb8DXSrTUMpdE1crhXybZO/JZktRe2hSkp2A9YFAr9UEZLO57e8fj7RxvvfraIXybDgfgit5m9XyFyB6mOpMZKVWXYTSzFSnlkUE9QqseiHnc7nYgalxVQtmaLmuRIaANAGgDQH/2Q==') no-repeat right 1px;} #common_block .right_block .contact_info_block .info_bu a{color:#aa95bd;} #common_block .right_block .contact_info_block .info_bu a:hover{color:#4b2e6c;} #common_block .right_block .contact_ad_block{width:100%;margin:2rem 0;padding:0;} #common_block .right_block .contact_ad_block img{width:100%;max-width: 100%;} #common_block .right_block .contact_ad_block .contact_ad_space{width:1%;height:2rem;display: block;} #common_block .right_block .contact_ad01_block{width:100%;margin:2rem 0;padding:0;} #common_block .right_block .contact_ad01_block img{width:100%;max-width: 100%;} #common_block .left_block .contact_input_block .QA_sub_title{color:#757575;font:1.375rem "微軟正黑體";padding:3rem 0 1.2rem 1.5rem;} /*QA*/ /*#common_block .left_block .contact_block{width:100%;margin:2rem 0;}*/ #common_block .left_block .qa_block{width:calc(100% - 75px);border-radius: 7px;padding:2em 38px 2em 37px; background: #ffffff;} #common_block .left_block .qa_block .QA_sub_title{color:#757575;font:1.375rem "微軟正黑體";padding:3rem 0 1.2rem 1.5rem;} #common_block .left_block .rounded-circle{border-radius:50%!important} #common_block .left_block .qa_block .contact_title{color:#b5a2c5;font:1.75rem "微軟正黑體";margin:0 0 10px 0;padding-bottom:2rem;border-bottom:1px solid #d4d4d4;} #common_block .left_block .qa_block .contact_form_2_1{width:15%;float:left;margin:1rem 0;color:#7d7d7d;font:1.125rem "微軟正黑體";} #common_block .left_block .qa_block .contact_form_2_2{width:85%;float:left;margin:1rem 0;color:#7d7d7d;font:1.125rem "微軟正黑體";} #common_block .left_block .qa_block .contact_form_2_2 .input01{background:#f9f9f9;padding:0.3em;border:1px solid #d4d4d4;width:40%;box-sizing: border-box;} #common_block .left_block .qa_block .contact_form_2_2 .input{background:#f9f9f9;padding:0.3em;border:1px solid #d4d4d4;width:100%;box-sizing: border-box;} #common_block .left_block .qa_block .contact_form_2_2 .textarea{width:100%;max-width:100%;height:150px;max-height:150px; border:1px #d4d4d4 solid;background:#f9f9f9;padding:0.3em;box-sizing: border-box;} #common_block .left_block .qa_block .confirm_block{width:100%;overflow:hidden;padding: 0; text-align: right;} #common_block .left_block .qa_block .confirm_block .confirm a{font:1.375rem "微軟正黑體";font-weight: 700; 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:700;background:#c2b3d0;color:#ffffff;display:inline-block;text-align:center;padding:0.6em 5em;margin:1em 0;text-decoration:none;} #common_block .left_block .qa_block .confirm_block .confirm a:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#aa95bd;color:#ffffff;display:inline-block;text-align:center;padding:0.6em 5em;margin:1em 0;} .panel a:hover, .panel a:focus{text-decoration:none;outline:none} .panel{border:none;border-radius:0;box-shadow:none;margin:0 30px 10px;overflow:hidden;position:relative} .panel-heading{padding:0;border:none;border-radius:0;position:relative} .panel-heading:hover .panel-title a{display:block;padding:15px 20px;margin:0;background:#f7f4f9;font-size:18px;font-weight:700;letter-spacing:1px;color:#aa95bd;border: 1px solid #c2b3d0;border-radius: 3px;position:relative} .panel-title a{display:block;padding:15px 20px;margin:0;background:#f7f4f9;font-size:18px;font-weight:700;letter-spacing:1px;color:#aa95bd;border: 1px solid #c2b3d0;border-radius: 3px;position:relative} .panel-title a.collapsed{background:#FFFFFF;border: 1px solid #c2b3d0;border-radius: 3px;} .panel-title a:before{content:"\f068";background:url(../images/up.png) no-repeat center top;font-family:fontawesome;width:30px;height:30px;line-height:25px;color:transparent;text-align:center;position:absolute;top:20px;right:14px} .panel-title a.collapsed:before{background:url(../images/up.png) no-repeat center top;} /**/ .panel-title01 a{display:block;padding:0 0 0 5px;margin:0;background:#ffffff;font-size:17px;font-weight:700;letter-spacing:1px;color:#aa95bd;border-radius: 3px;position:relative} .panel-title01 a.collapsed{background:#FFFFFF;} .panel-title01 a:before{content:"\f068";background:url(../images/down.png) no-repeat center top;font-family:fontawesome;width:30px;height:30px;line-height:25px;color:transparent;text-align:center;position:absolute;top:10px;right:0px} .panel-title01 a.collapsed:before{background:url(../images/down.png) no-repeat center top;} .pline{float:left;width:100%;height:auto !important;margin-bottom:15px;background-image: linear-gradient(to right, #d3d3d3 40%, rgba(51, 51, 51, 0) 40%);background-position: bottom;background-size: 4px 1px;background-repeat: repeat-x;padding-bottom:15px;} .panel-body{color:#6c6c6c ; font-size:17px;font-weight:500;padding:1em;} .panel-body p{padding:0 0 0 8px;} /*member_block*/ #common_block .left_block .member_block{width:calc(100% - 75px);border-radius: 7px;padding:2em 38px 2em 37px; background: #ffffff;} #common_block .left_block .member_block .vip_img_block{width:100%;border: 1px solid #aa95bd;box-sizing: border-box;} #common_block .left_block .member_block .vip_img_block:after{content:''; clear:both; display:block} #common_block .left_block .member_block .vip_img_block .vip_img_left_block{width:50%;float: left;} #common_block .left_block .member_block .vip_img_block .vip_img_right_block{width:50%;float: left;} #common_block .left_block .member_block .vip_info_block{width:100%;margin-top:1em;} #common_block .left_block .member_block .vip_info_block .Vtitle{color:#aa95bd;font:1.375rem "微軟正黑體";font-weight: 700;} #common_block .left_block .member_block .vip_info_block .Vnote{color:#8d8d8d;font:1.125rem "微軟正黑體";} #common_block .left_block .member_block .QA_sub_title{color:#757575;font:1.375rem "微軟正黑體";padding:3rem 0 1.2rem 1.5rem;} #common_block .left_block .contact_input_block{width:calc(100% - 75px);border-radius: 7px;padding:2em 38px 2em 37px; background: #ffffff;} #common_block .left_block .contact_input_block .contact_title{color:#b5a2c5;font:1.75rem "微軟正黑體";margin:0 0 10px 0;padding-bottom:2rem;border-bottom:1px solid #d4d4d4;} #common_block .left_block .contact_input_block .contact_form_2_1{width:15%;float:left;margin:1rem 0;color:#7d7d7d;font:1.125rem "微軟正黑體";} #common_block .left_block .contact_input_block .contact_form_2_2{width:85%;float:left;margin:1rem 0;color:#7d7d7d;font:1.125rem "微軟正黑體";} #common_block .left_block .contact_input_block .contact_form_2_2 .input01{background:#f9f9f9;padding:0.3em;border:1px solid #d4d4d4;width:40%;box-sizing: border-box;} #common_block .left_block .contact_input_block .contact_form_2_2 .input{background:#f9f9f9;padding:0.3em;border:1px solid #d4d4d4;width:100%;box-sizing: border-box;} #common_block .left_block .contact_input_block .contact_form_2_2 .textarea{width:100%;max-width:100%;height:150px;max-height:150px; border:1px #d4d4d4 solid;background:#f9f9f9;padding:0.3em;box-sizing: border-box;} #common_block .left_block .contact_input_block .confirm_block{width:100%;overflow:hidden;padding: 0; text-align: right;} #common_block .left_block .contact_input_block .confirm_block .confirm a{font:1.375rem "微軟正黑體";font-weight: 700; 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:700;background:#c2b3d0;color:#ffffff;display:inline-block;text-align:center;padding:0.6em 5em;margin:1em 0;text-decoration:none;} #common_block .left_block .contact_input_block .confirm_block .confirm a:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#aa95bd;color:#ffffff;display:inline-block;text-align:center;padding:0.6em 5em;margin:1em 0;} /*SALON*/ #contact_list {width:100%;padding:2em 0;height:auto!important;justify-content: flex-end; display: flex;} #contact_list:after{content:''; clear:both; display:block;} #contact_list .left_block{width:calc(95% - 250px);} #contact_list .right_block{width:250px;} #contact_list .left_block .map_block{width:calc(100% - 2rem);padding:2rem;margin-right:2em;border-radius: 7px;background: #fff;float: right} #contact_list .left_block .map_block:after {content:''; display:block; clear:both;} #contact_list .right_block .contact_info_block{width:calc(100% - 3rem);padding:1rem 1.5rem;border-radius: 7px;box-shadow:0px 0px 5px 0 rgba(0,0,0,0.1);} #contact_list .right_block .contact_info_block .info01{font:calc(1.4375rem*0.85) "微軟正黑體";font-weight: 600;color:#aa95bd;margin-bottom: 0.2em;} #contact_list .right_block .contact_info_block .info02{font:0.9375rem "微軟正黑體";font-weight: 500;color:#aa95bd;margin-bottom: 0.2em;} #contact_list .right_block .contact_info_block .info03{font:calc(1.0625rem*0.85) "微軟正黑體";font-weight: 400;color:#7c7c7c;margin:1em 0;} #contact_list .right_block .contact_info_block .info_bu{display:inline-block; padding-right:35px; vertical-align:middle; font:calc(1.375rem*0.85) "微軟正黑體";font-weight: 500; color:#aa95bd; background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDM5MDZERTc3ODRGMTFFOUE1QzU5RENCMUYzNzEzOEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDM5MDZERTg3ODRGMTFFOUE1QzU5RENCMUYzNzEzOEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMzkwNkRFNTc4NEYxMUU5QTVDNTlEQ0IxRjM3MTM4RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMzkwNkRFNjc4NEYxMUU5QTVDNTlEQ0IxRjM3MTM4RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBQBBAUFCAcIDwoKDxQODg4UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIABoAGgMBEQACEQEDEQH/xAByAAADAAMAAAAAAAAAAAAAAAAABAUCAwgBAQEBAQAAAAAAAAAAAAAAAAACAQMQAAICAQQBAwMFAAAAAAAAAAECAwQFABEhEhMxIhRBUUJxMjMVBhEAAgICAgIDAAAAAAAAAAAAAAERAiExQVGhErEyA//aAAwDAQACEQMRAD8A7tyWTerJFSpQ/KylgFoYC3RFRdg0krbHqgJ29CSeANXWs5ejUhCIZuzPYgXM11vVivmrLTPjTyKGXhpe7Ag/uDDc7/bbVP1XHk3HQ5RyVn5X9ZlokgyBUyQSREmCxGu25jLchl3HZDyPoSOdS6qJWg0VNQSRsWBJm87PJ/Ok1eshPr4ErRyqP07yya6W+qKekY/6NIK8C5ZJvjZOt7KkqqXaVnPEBQcurn8fUHkbba38844FTXmHlkx+IvTw/HyKXKLCDsHaN7EiwzJ2Xg7RySAkaV21xDCL+uRJGyFW5SvnN42I2GeNYb9EEK0scZJR4yxA8idm4JAYcb8DXSrTUMpdE1crhXybZO/JZktRe2hSkp2A9YFAr9UEZLO57e8fj7RxvvfraIXybDgfgit5m9XyFyB6mOpMZKVWXYTSzFSnlkUE9QqseiHnc7nYgalxVQtmaLmuRIaANAGgDQH/2Q==') no-repeat right 1px;} #contact_list .right_block .contact_info_block .info_bu a{color:#aa95bd;} #contact_list .right_block .contact_info_block .info_bu a:hover{color:#4b2e6c;} #contact_list .right_block .contact_ad_block{width:100%;margin:2rem 0;padding:0;} #contact_list .right_block .contact_ad_block img{width:100%;max-width: 100%;} #contact_list .right_block .contact_ad01_block{width:100%;margin:2rem 0;padding:0;} #contact_list .right_block .contact_ad01_block img{width:100%;max-width: 100%;} /*salons_info*/ .salons_info {float:left; width:calc(100% - 70px); height:13px; padding:0; clear:both;margin:13px 35px 26px 35px;} .salons_info .slocation {line-height:13px;text-align:left;} .salons_info .slocation span {display:inline-block; padding-right:15px; vertical-align:middle; font:0.75rem "微軟正黑體";font-weight:bold; color:#67686a; background:url(../images/arr_location01.jpg) no-repeat right 2px;} .salons_info .slocation span a{color:#67686a;} .salons_info .slocation span a:hover{color:#67686a;} .salons_info .slocation span.last {background:none;} .salons_info .slocation strong {display:inline-block;padding-left:0px; vertical-align:middle; font:0.75rem "微軟正黑體";font-weight:bold; height:13px;line-height:13px; color:#67686a;} .salons_info .slocation strong a {color:#67686a;} .salons_info .slocation span.searchWord {background:none; color:#67686a;} /*main_location_info*/ .location_info {float:left; width:calc(100% - 253px); height:50px; padding:0; clear:both;margin-left: 253px;} .location_info .location {line-height:50px;text-align:left;} .location_info .location span {display:inline-block; padding-right:20px; vertical-align:middle; font:11.25pt "微軟正黑體";font-weight:500; color:#7a5e97; background:url(../images/arr_location.jpg) no-repeat right -2px;} .location_info .location span a{color:#7a5e97;} .location_info .location span a:hover{color:#7a5e97;} .location_info .location span.last {background:none;} .location_info .location strong {display:inline-block;padding-left:0px; vertical-align:middle; font:11.25pt "微軟正黑體";font-weight:500; height:50px;line-height:50px; color:#7a5e97;} .location_info .location strong a {color:#7a5e97;} .location_info .location span.searchWord {background:none; color:#7a5e97;} /*salons location_info*/ .container .location_info01 {height:81px;padding-left:253px;} .container .location_info01 .location {line-height:81px;text-align:left;} .container .location_info01 .location span {display:inline-block; padding-right:20px; vertical-align:middle; font:1.375em "微軟正黑體";font-weight:600; color:#7a5e97; background:url(../images/arr_location.jpg) no-repeat right -2px;} .container .location_info01 .location span a{color:#7a5e97;} .container .location_info01 .location span a:hover{color:#7a5e97;} .container .location_info01 .location span.last {background:none;} .container .location_info01 .location strong {display:inline-block;padding-left:0px; vertical-align:middle; font:1.375em "微軟正黑體";font-weight:600; height:81px;line-height:81px; color:#7a5e97;} .container .location_info01 .location strong a {color:#7a5e97;} .container .location_info01 .location span.searchWord {background:none; color:#7a5e97;} /*news*/ .news_block{width:calc(100% - 128px);margin:2rem 64px;} .news_block #news_list {display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;} .news_block #news_list #Nitem {width:318px;height:auto;padding:0; margin: 0.5rem 0.27em 55px 0.27em;} .news_block #news_list #Nitem .Nimgblock{width:100%;height:179px;overflow: hidden} /*.news_block #news_list #Nitem .Nimgblock img{width:100%;max-width:100%;}*/ .news_block #news_list #Nitem .Nnote_block{width:100%;height:auto;} .news_block #news_list #Nitem .Nnote_block .Nplay_block{width:100%;height:0px;position: relative;} .news_block #news_list #Nitem .Nnote_block .Nplay_block .Nplay{background:url(../images/play-button.svg) no-repeat center top;background-position:0 0;background-size:60px;height:60px;width:60px;top:-100px;left:50%;transform: translate(-50%,-20%);position: absolute;z-index: 99999;} .news_block #news_list #Nitem .Nnote_block .Nnote{font:1rem "微軟正黑體";background:#ffffff;padding:14px 30px;width:auto; color:#3f3f3f;text-align:left;} .news_block #news_list #Nitem .Nnote_block .Nnote .Nnote_title{font:1.3rem "微軟正黑體";font-weight: 700;margin-bottom: 0.2em} /*.news_block #news_list #Nitem .Nimgblock .Nnote_block{width:100%;height:100% !important;position: relative;} .news_block #news_list #Nitem .Nimgblock .Nnote_block .Nplay{background:url(../images/play-button.svg) no-repeat center top;background-position:0 0;background-size:60px;height:60px;width:60px;top:35%;left:50%;transform: translate(-50%,-20%);position: absolute;z-index: 99999;} .news_block #news_list #Nitem .Nimgblock .Nnote_block .Nnote{font:1rem "微軟正黑體";background:rgba(69,39,103,0.34);padding:0.875rem 1.875rem;text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);width:100%; bottom: 0;left: 0;right: 0;color:#ffffff;text-align:left;position: absolute;z-index: 99999;} .news_block #news_list #Nitem .Nimgblock .Nnote_block .Nnote .title{font:1.5rem "微軟正黑體";font-weight: 700;} */ /*news_content*/ #news_content_block{display: flex;flex-wrap: wrap; justify-content: flex-start;align-content: space-between;/*align-content: space-between;*/align-items: stretch;margin:29px 171px 0 183px ;} #news_content_block .news_content_block{width:calc(100% - 2em);background:#ffffff;padding:1em;border-radius: 7px;margin:0 0 4em 0;} #news_content_block .news_content_block:after {content:''; display:block; clear:both;} #news_content_block .news_content_block .news_content_title{font-size:13px;/*font:13pt "微軟正黑體";font-weight: 500;color:rgba(50,50,50,1.00);*/color:#858293;margin-top:1em;} #news_content_block .news_content_block .news_content_date{font-size:13px;/*font:13pt "微軟正黑體";font-weight: 500;color:rgba(50,50,50,1.00);*/color:#858293;margin-bottom: 1em;} /*product_bottom QA tab*/ .PQA_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;padding-left:0;margin-bottom:0;list-style:none} .PQA_nav-link{display:block;font:16pt 微軟正黑體;padding:0.775em 1.65em} .PQA_nav-link:hover,.PQA_nav-link:focus{text-decoration:none} .PQA_nav-link.disabled{color:#7e639a} .PQA_nav-tabs{border-bottom:1px solid #ae9ac0} .PQA_nav-tabs .PQA_nav-item{margin-bottom:-1px} .PQA_nav-tabs .PQA_nav-link{border:1px solid #ae9ac0;border-top-left-radius:.25rem;border-top-right-radius:.25rem;margin-left:20px;} .PQA_nav-tabs .PQA_nav-link:hover,.PQA_nav-tabs .PQA_nav-link:focus{border-color:#ae9ac0 #ae9ac0 #ae9ac0} .PQA_nav-tabs .PQA_nav-link.disabled{color:#7e639a;background-color:transparent;border-color:transparent} .PQA_nav-tabs .PQA_nav-link.active,.PQA_nav-tabs .PQA_nav-item.show .PQA_nav-link{color:#7e639a;background-color:#fffffff;border-color:#ae9ac0 #ae9ac0 #aa95bd} .PQA_nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0} /*product manual*/ #product_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch; height: auto;padding:0;} #product_block:after {content:''; clear:both; display:block;} #product_block #product_block_left{width:611px;} #product_block #product_block_right{width:calc((100% - 611px) - 85px);margin-left: 85px;} #product_block #product_block_left .product_img{width:440px;float: right;} #product_block #product_block_left .product_img .img_b{width:100%;height:366px;text-align: right;} #product_block #product_block_left .product_img .img_b .sp_icon{position:absolute;top:0px;left:100px;z-index:99999;} #product_block #product_block_left .product_img .img_s{width:calc(100% - 47px);height:61px;padding-right: 47px;text-align: right;} #product_block #product_block_left .product_img .img_s .bordert{border:1px #a0a0a0 solid;} #product_block #product_block_left .product_img .img_s .bordert_over{border:1px #aa95bd solid;} #product_block #bottom_product_block_left{width:611px;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch; height: auto;} #product_block #bottom_product_block_left .pleft{margin-left:91px;width:calc(336px - 91px);} #product_block #bottom_product_block_left .pright{width:calc(100% - 336px);} #product_block #bottom_product_block_left .pright .manual_list{width:100%;} #product_block #bottom_product_block_left .pright .manual_list .note_icon{font:10.5pt '微軟正黑體';inline-block;color:#fff;background:#7a5e97;padding:0.2em 1em;} #product_block #bottom_product_block_left .pright .manual_list .product_name{font:20.25pt '微軟正黑體';color:#7a5e97;font-weight: 500;margin:0.5em 0 0.1em 0;} #product_block #bottom_product_block_left .pright .manual_list .product_ename{font:20pt '微軟正黑體';color:#7a5e97;font-weight: 300;} #product_block #bottom_product_block_left .pright .manual_list .subtitle{font:16.5pt '微軟正黑體';color:#7a5e97;font-weight: 500;margin-bottom: 4rem} #product_block #bottom_product_block_left .pright .manual_list .product_price{font:16.5pt '微軟正黑體';color:#7a5e97;font-weight: 500;} #product_block #bottom_product_block_right{width:calc(100% - 611px);} .product_manual_block{width:100%;} .product_manual_block .note_icon{font:10.5pt '微軟正黑體';inline-block;color:#fff;background:#7a5e97;padding:0.2em 1em;} .product_manual_block .product_name{font:24pt '微軟正黑體';color:#7a5e97;font-weight: 700;margin:0.5em 0 0.1em 0;} .product_manual_block .product_ename{font:22pt Arial;color:#7a5e97;font-weight: 500;} .product_manual_block .subtitle{font:24pt '微軟正黑體';color:#7a5e97;font-weight: 500;margin-bottom: 4rem} .product_manual_block .product_price{font:22pt Arial;color:#7a5e97;font-weight: 500;} .product_manual_block .product_manual_icon{font:16pt '微軟正黑體';inline-block;color:#404040;background:#fff;padding:0.2em 1em;border-radius: 5px;border: 1px solid #a2a2a2;margin-right:20px;} .product_manual_block .product_manual{font:16pt 微軟正黑體;color:#404040;font-weight: 500;line-height:30px;margin-top: 1rem} /*product*/ .product_list{width:100%;height:100%!important;padding:0;margin:0 auto;overflow:hidden;} .product_list:after {content:''; clear:both; display:block;} .product_list .new_icon{font:10.5pt Arial;color:#fff;background:#f30a82;padding:0.3em 0.5em 0.1em 0.5em;margin:0 0.4rem;display:inline-block;} .product_list .titleblock{width: 100%; display: flex;flex-wrap: wrap;justify-content:center;align-content: space-between;align-items:stretch; height: auto;padding:0;} .product_list .titleblock .title{font:22pt "微軟正黑體";font-weight: 500;border-left: 5px #9f88b2 solid;line-height: 22pt;padding-left:0.5em;/*margin:2rem 0 0.4rem 0;*//*margin:0 auto;*/color:#9f88b2;margin-top: 3.2em} .product_list #product_flex {margin: 2rem 38px 0 38px;min-height: 370px;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: space-between;align-items:stretch; height: 100% !important;padding: 0;} .product_list #product_flex:after {content:''; clear:both; display:block;} .product_list #product_flex #item {width: 319px ;height:370px;min-height: 370px; padding:0; margin: 11px;} .product_list #product_flex #item:after {content:''; clear:both; display:block;} .product_list #product_flex #item .img01{width:100%;height:100%!important;text-align: center;background:#ff6600;} .product_list #product_flex #item .img01 img{width:100%;max-width:100%;} .product_list #product_flex #item .img01 .note_block01{width:100%;height:100% !important;position: relative;} .product_list #product_flex #item .img01 .note_block01 .note{font:30pt "微軟正黑體";height:105px;background:rgba(69,39,103,0.34);padding-top:33px;text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);width:100%; bottom: 0;left: 0;right: 0;color:#ffffff;text-align:center;position: absolute;z-index: 99999;} .product_list #product_flex #item .img{width:100%;height:265px;text-align: center;background:#e7e1ec;} /*.product_list #product_flex #item img.zoom-img{transform:scale(0.95);-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;-webkit-transition-duration:0.08s;-moz-transition-duration:0.08s;-ms-transition-duration:0.08s;-o-transition-duration:0.08s} .product_list #product_flex #item img.zoom-img:hover{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;} */ .product_list #product_flex #item img.zoom-img{transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;-webkit-transition-duration:0.08s;-moz-transition-duration:0.08s;-ms-transition-duration:0.08s;-o-transition-duration:0.08s} .product_list #product_flex #item img.zoom-img:hover{transform: translatey(-5px);-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-duration:0.1s;-moz-transition-duration:0.1s;-ms-transition-duration:0.1s;-o-transition-duration:0.1s;overflow:hidden} .product_list #product_flex #item .img .note_block{width:100%;height:105px;background: #9f88b5 ;z-index:99999;position:relative;top:0px;left:0px;} .product_list #product_flex #item .img .note_block .note{width:100%;color:#fff;text-align: center;font:20pt "微軟正黑體";font-weight: 500;padding-top:29px;line-height: 20pt;} .product_list #product_flex #item .img .note_block .note .eng{font:13.5pt "微軟正黑體";} .product_list #product_flex #item .img .note_block01{width:100%; background: #9f88b5 ;z-index:99999;position:relative;top:0px;left:0px;} .product_list #product_flex #item .img .note_block01 .sp_icon{position:absolute;top:-250px;left:18px;} .product_list #product_flex #item .img .note_block01 .note{width:100%;color:#fff;text-align: center;font:14pt "微軟正黑體";font-weight: 500;padding:1rem 0;} .product_list #product_flex #item .img .note_block01 .note .Proname{font:1.375rem "微軟正黑體";text-overflow:ellipsis;width:100%;font-weight:300;} .product_list #product_flex #item .img .note_block01 .note .ProEname{font:0.7rem Arial;font-weight:500;} .product_list #product_flex #item .img .note_block01 .note .Price{width:100%;font:0.8125rem Arial;font-weight:500;letter-spacing: -0.5px; margin:0.5em 0 0 0;} /**/ .product_ad_block{margin:100px 0 0 181px;} /*company*/ #company_note01_block{background:url(../images/company/company02.jpg) no-repeat center top;height:calc(503px - 165px);width:100%;padding:72px 0 93px 0;} #company_note01_block .text{font:1.125em "微軟正黑體";font-weight: 500;color:#6a547e;line-height:35px;width:810px;margin:0 304px 0 335px;text-align: center;} #company_note02_block{background:#ffffff;height:calc(818px - 150px);padding:60px 0 90px 0;} #company_note02_block #note02_block{margin:0 221px 0 210px;width:calc(100% - 431px);} #company_note02_block #note02_block .title{font:2.5em "微軟正黑體";color:#614976;text-align: center;} #company_note02_block #note02_block .subtitle{font:1.0625em "微軟正黑體";color:#614976;text-align: center;line-height: 35px;letter-spacing: 2px;} #company_note02_block #note02_block .item{display: flex;justify-content: flex-start;align-content: space-between;align-items: stretch;height: auto;margin-top:45px;} #company_note02_block #note02_block .item .text01{width:311px;margin-right:39px;color:#614976;} #company_note02_block #note02_block .item .text01 .ttitle{font:1.625em "微軟正黑體";margin-top: 15px;} #company_note02_block #note02_block .item .text01 .tnote{font:1.0625em "微軟正黑體";margin-top: 9px;line-height: 35px; letter-spacing: 0.02em;} #company_note03_block{width:100%;margin:50px 0;} #company_note03_block #company_note03_pic_block{display: flex;justify-content: flex-start;align-content: flex-start;align-items: stretch;height:auto;padding:0 53px;} #company_note03_block #company_note03_pic_block .company_note03_pic{width:305px;height: 242px;margin-right: 14px;margin-top: 10px;} #company_note03_block #company_note03_pic_block .company_note03_pic .company_note03_img{width:100%;height: auto;} #company_note03_block #company_note03_pic_block .company_note03_pic .company_note03_img .company_note03_note_block{width:100%;height:100%;position: relative;opacity:.0;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out;} #company_note03_block #company_note03_pic_block .company_note03_pic .company_note03_img .company_note03_note_block .class_note{width:100%;left:0px;top:0px;color:#ffffff;;position: absolute;z-index: 2;} /*#company_note03_block #company_note03_pic_block .company_note03_pic .company_note03_img:hover img{filter: alpha(opacity=50);opacity: 0.5;background:#544064}*/ #company_note03_block #company_note03_pic_block .company_note03_pic .company_note03_img:hover .company_note03_note_block{width:100%;height:auto;position: relative;opacity:1;transition: opacity 0.1s ease-out;} #company_note03_block .block01{width:calc(100% - 53px);padding:20px 0 0 53px;height:calc(521px - 20px);background:url(../images/company/company04.jpg) no-repeat center top;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items:stretch;} #company_note03_block .block01 .b_left{width:756px;margin:0 45px 0 53px; } #company_note03_block .block01 .b_right{width:calc(100% - 884px);background:transparent;} #company_note03_block .block01 .b_left .b01_note{display:flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;padding:0;} #company_note03_block .block01 .b_left .b01_note .text01{width:85px;font:8.125em Arial;color:#a29041;font-weight: 600;} #company_note03_block .block01 .b_left .b01_note .text02{width:calc(100% - 85px);font:2em "微軟正黑體";margin-top: 15px;color:#a29041;} #company_note03_block .block01 .b_left .b02_note{width:735px;font:1.125em "微軟正黑體";line-height:33px;margin:-15px 25px 0 0;color:#614976;} #company_note03_block .block01 .b_left .b03_note{display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-between;align-items: stretch;margin:30px 0 0 0;} #company_note03_block .block01 .b_left .b03_note .pic{width:235px;margin-right: 16px;} #company_note03_block .block01 .b_right .b01_note{width:194px;height:262px;margin:110px 0 0 92px;text-align: center;color:#826d75;} #company_note03_block .block01 .b_right .b01_note .title{font:1.375em "微軟正黑體"; padding:10px 0 0 0;} #company_note03_block .block01 .b_right .b01_note .subtitle{font:0.75em "微軟正黑體";} #company_note03_block .block01 .b_right .b01_note .note{font:1.125em "微軟正黑體";line-height: 26px;padding:5px 8px;} #company_note03_block .block02{width:calc(100% - 109px);height:calc(461px - 36px);padding:36px 0 0 109px;background:#ffffff;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:flex-start;align-items: stretch;} #company_note03_block .block02 .b02_b01_note{width:94px;font:8.125em Arial;color:#a29041;font-weight: 600;} #company_note03_block .block02 .b02_b02_note{width:320px;margin-top:22px;} #company_note03_block .block02 .b02_b02_note .text01{font:2em "微軟正黑體";color:#a29041;} #company_note03_block .block02 .b02_b02_note .text02{font:1.625em "微軟正黑體";color:#6a547e;} #company_note03_block .block02 .b02_b03_note{width:calc(100% - 624px);font:1.0625em "微軟正黑體";line-height: 34px;color:#6a547e;padding:22px 130px 0 80px} #company_note03_block .block02 .b02_b04_note{width:607px;} #company_note03_block .block02 .b02_b05_note{width:calc(100% - 767px);font:1.0625em "微軟正黑體";line-height: 34px;color:#6a547e;padding:0 130px 0 30px} #company_note03_block .block03{width:calc(100% - 110px);height:calc(512px - 12px);padding:12px 0 0 110px;background:#ffffff;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;align-items: stretch;} #company_note03_block .block03 .b03_left{width:94px;font:8.125em Arial;color:#a29041;font-weight: 600;} #company_note03_block .block03 .b03_md{width:748px;margin-top:20px;} #company_note03_block .block03 .b03_md .text01{font:2em "微軟正黑體";color:#a29041;} #company_note03_block .block03 .b03_md .text02{font:1.625em "微軟正黑體";color:#6a547e;} #company_note03_block .block03 .b03_md .text03{font:1.0625em "微軟正黑體";color:#6a547e;line-height: 34px;width:670px;margin-top: 65px;} #company_note03_block .block03 .b03_right{width:calc(100% - 842px);font:1.125em "微軟正黑體";color:#6a547e;margin-top: 21px;} #company_note03_block .block04{width:calc(100% - 109px);height:calc(641px - 22px);padding:22px 0 0 109px;background:#fbfbfb url(../images/company/company07.jpg) no-repeat center top;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;align-items: stretch;} #company_note03_block .block04 .b04_left{width:430px;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;align-items: stretch;} #company_note03_block .block04 .b04_left .text01{width:94px;font:8.125em Arial;color:#a29041;font-weight: 600;} #company_note03_block .block04 .b04_left .text02{width:calc(100% - 94px);} #company_note03_block .block04 .b04_left .text02 .title{font:2em "微軟正黑體";color:#a29041;margin-top:14px;} #company_note03_block .block04 .b04_left .text02 .title01{font:1.625em "微軟正黑體";color:#6a547e;} #company_note03_block .block04 .b04_left .text03{width:100%;margin-top: -20px;} #company_note03_block .block04 .b04_right{width:420px;font:1.125em "微軟正黑體";color:#6a547e;line-height: 34px;margin-top: 15px;} #company_note03_block .block04 .b04_full{width:820px;background:#666666;margin-left: -20px;margin-top: 38px;}