@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Lato:100,400,900";
@import "https://fonts.googleapis.com/css?family=Noto+Sans+TC|Quicksand";
body,html{height:100%}
body{font-family:'Quicksand','微軟正黑體','Noto Sans TC',sans-serif;font-size:16px;line-height:1.5;letter-spacing:.2em;color:#333;background:url(../images/all/page_bg.jpg) center top no-repeat}
a{color:#000;text-decoration:none}
a:hover{color:#1a4197;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none}
::selection{background:#666;color:#FFF}
::-moz-selection{background:#666;color:#FFF}
.input1,.textarea,.select{background:#FFF;border:1px solid #CCC;font-family:'Lato','微軟正黑體',sans-serif;font-size:15px;line-height:1.1;color:#555}
.input1:focus,.textarea:focus,.select:focus{border:1px solid #000}
hr{height:1px;background:#CCC}
.white{color:#FFF}
.gray{color:#999}
.black{color:#000}
.blue{color:#3a5ca6}
.red{color:#be0000!important;}
.green{color:#19a568}
.orange{color:#F60}
.yellow{color:#FF0}
.purple{color:#63C}
.brown{color:#6e453c}
#goTop{z-index: 10; border:1px solid #CCC;color:#fff;background:#1a4197;text-align:center;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;font-family:Verdana,Geneva,sans-serif;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-webkit-box-shadow:#EEE 0 0 5px;-moz-box-shadow:#EEE 0 0 5px;box-shadow:#EEE 0 0 5px}
#goTop:hover{background:#999;color:#FFF}
/* 卷軸 */
.table-container::-webkit-scrollbar-track,
.scrollbar-style::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: transparent}
.table-container::-webkit-scrollbar,
.scrollbar-style::-webkit-scrollbar,
body::-webkit-scrollbar{width: 2px;background-color: transparent;}
.table-container::-webkit-scrollbar-thumb,
.scrollbar-style::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{background-color: #333;}
body::-webkit-scrollbar{width: 6px}
section{margin-bottom:30px;}
.wrapper{padding:3em 0}
.page_bg{background:url(../images/all/page_bg.jpg) center top no-repeat}
aside + main{float:right;width:calc(100% - 220px);padding-left:30px}
aside{float:left;width:220px}
aside ul{list-style-type:none;margin:0;padding:0}
aside .choice_item>li{border-bottom:1px solid #CCC;background:#FFF}
aside .choice_item>li>a{display:block;color:#6e6e6e;font-weight:700;text-decoration:none;padding:10px 15px}
aside .choice_item>li.on>a{background: url(../images/all/icon.svg)no-repeat left top,linear-gradient(-45deg,#7085B6 0%,#87A7D9 50%,#DEF3F8 100%);background-size: 100%;}
aside .choice_item>li>a.collapsed .creat:before{content:"\f0da";font-family:'FontAwesome';float:right}
aside .choice_item>li>a .creat:before{content:"\f0d7";font-family:'FontAwesome';float:right}
aside .choice_item>li.panel{margin-bottom:0}
aside .choice_item>li>ul>li{padding:10px 15px;margin-left:1.2em}
aside .choice_item>li>ul>li a{display:block;position:relative}
aside .choice_item>li>ul>li.on a{color:#004ea2}
aside .choice_item>li>ul>li a:after{content:'\f105';display:block;position:absolute;top:0;right:30px;opacity:0;font-family:"Font Awesome 5 Free";font-weight:900}
aside .choice_item>li>ul>li.on a:after{right:10px;opacity:1}
aside .choice_item>li>a:hover,aside .choice_item>li.on>a{color:#1a4197;text-decoration:none}
aside .choice_item>li.open>a{color:#004ea2;text-decoration:none}
aside .choice_item>li>.dropdown-menu{position:inherit;width:100%;border:inherit;border-radius:0;box-shadow:inherit;margin:0 0 12px;padding:0 0 12px}
aside .choice_item>li>.dropdown-menu>li{padding:6px 20px}
aside .choice_item>li>.dropdown-menu>li>a{display:block;color:#373737;padding:0;white-space:inherit}
aside .choice_item>li>.dropdown-menu>li>a:hover{color:#1a4197;background:inherit}
aside .choice_item>li.dropdown{position:inherit}
aside .choice_item>li.dropdown>a>i.fa-caret-down{display:none;float:right;line-height:24px}
aside .choice_item>li.dropdown>a>i.fa-caret-up{display:block;float:right;line-height:24px}
aside .choice_item>li.open>a>i.fa-caret-down{display:block}
aside .choice_item>li.open>a>i.fa-caret-up{display:none}
aside .choice_item>li>.dropdown-menu>li.on>a{color:#004ea2}
.mj_title{display:inline-block;font-size:1.6em;letter-spacing:2px;text-transform:uppercase;margin:0 0 15px;padding-bottom:15px;border-bottom:solid 1px #080404;color:#000;font-family:'Noto Sans TC',sans-serif}
.mj_title span{font-family:'Quicksand',sans-serif}
.mj_title span:before{content:'';display:inline-block;width:1px;height:1em;margin:0 15px;background:#000;-ms-transform:translate(0,.2em) rotate(30deg);-webkit-transform:translate(0,.2em) rotate(30deg);transform:translate(0,.2em) rotate(30deg)}
.mj_title2{font-size:2.6em;letter-spacing:2px;font-weight:700;text-align:center;text-transform:uppercase;margin:0 0 26px;padding:10px;background:#2572b2;color:#fff}
.pg_title{position: relative;z-index: 1;display:inline-block;font-size:1.6em;letter-spacing:2px;text-transform:uppercase;margin:0 0 15px;padding: 6px 0 5px 30px;color: #1a4197;text-shadow: 0 0 20px #fff,0 0 10px #fff;font-family:'Noto Sans TC',sans-serif;border-bottom: double 4px #889bc6;}
.pg_title:before{content: '';position: absolute;opacity: .6;z-index: -1;left:0;top: 0;width: 50px;height: 50px;background: url(../images/all/icon.png)no-repeat top center/contain;}
/*按鈕*/
.cta {position: relative;display:  inline-block;margin: 0;padding: 19px 22px;transition: all 0.2s ease;}
.cta:before {
  content: "";
  opacity: .5;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  border-radius: 28px;
  background: url(../images/all/icon.png)no-repeat top center/contain;
  width: 70px;
  height: 50px;
  transition: all 0.3s ease;
  -ms-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.cta span {
  position: relative;
  font-size: 1.6rem;
  line-height: 18px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  vertical-align: middle;
}
.cta svg {
  position: relative;
  top: 0;
  margin-left: 10px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #111;
  stroke-width: 2px;
  transform: translateX(-5px);
  transition: all 0.3s ease;
}
.cta:active {transform: scale(0.96)}
.cta.style_white{color:#fff}
.cta.style_white:before{background: #fff}
.cta.style_white svg {stroke:#fff}

.amoeba-area{padding:100px 0 0;background:url(../images/all/icon.svg)no-repeat;background-size:100%;background-position:0 120%}
.amoeba-area.bottom{background-position:0 100%}
.about_block{text-align:center}
.about_block img{display:inline-block;vertical-align:middle;max-width:500px}
.about_block .summary{display:inline-block;vertical-align:middle;max-width:550px;padding:50px 0 0;text-align:left}
.about_block .summary p{font-size:1.3em}
.index-pro{background:#f5f5f5}
.index-pro + .index-pro{margin-top:30px}
.index-pro > *{position:relative;float:left;width:55%}
.index-pro > :before{content:'';position:absolute;left:0;right:0;top:0;height:120px;background:#fff}
.index-pro .owl-pro{position:relative;width:45%;padding:0 30px;background:#aaa;background-image:linear-gradient(-45deg,#7085B6 0%,#87A7D9 50%,#DEF3F8 100%)}
.index-pro .owl-pro:after{content:'';position:absolute;right:0;top:120px;bottom:0;width:50px;background:#f5f5f5}
.owl-theme .owl-nav{position:absolute;right:50px;bottom:0;background:#f5f5f5;}
.owl-theme .owl-nav [class*=owl-]:hover{background:#1a4197;color:#fff}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{margin:0;padding:10px 20px!important;font-size:1.3em;border-radius:0;font-weight:700}
.owl-theme .owl-controls .owl-page span{background:#fff}
.index-pro .item a{color:#fff}
.index-pro .item img{max-height:500px}
.index-pro h4{display:inline-block;margin:0;padding:0 0 15px;border-bottom:solid 2px #fff;font-size:1em}
.index-pro figcaption{margin:10px 0;line-height:1;font-size:2.6em;padding-right:130px}
.index-pro .summary{padding:150px 50px 0 0}
.index-pro .class_infor{margin-bottom:30px}
.index-pro .class_infor > *{display:inline-block;width:130px;vertical-align:top}
.index-pro .class_infor h3{padding:0 0 15px}
.index-pro .class_infor p{overflow:hidden;width:calc(100% - 140px);padding-left:30px;border-left:solid 1px #aaa}
.index-pro .class_infor + .sub-class{padding-top:30px;border-top:solid 1px #aaa}
.index-pro .sub-class{list-style:none;margin:0;padding:0}
.sub-class li{position:relative;float:left;width:50%}
.sub-class li:before{content:'\f105';position:absolute;left:0;top:50%;width:30px;height:30px;margin-top:-15px;font-family:"Font Awesome 5 Free";font-weight:900;line-height:30px}
.sub-class li a{display:block;padding:15px 15px 15px 30px}
.header ul{list-style:none;padding:0;margin:0;background:#1a4197}
.top_wrap{margin:0;padding:10px 0 30px;position:relative;width:100%;overflow:hidden;background:url(../images/all/page_bg.jpg) center top no-repeat}
.logo{vertical-align:top;width:40%}
.logo img{max-width:100%;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.navbar-brand{padding:0 15px}
.navbar .navbar-nav{
    display:inline-block;
    float: none;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;

}
.navbar-custom{margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.3);text-transform:uppercase;padding:0}
.navbar-custom .navbar-brand{font-weight:700;height:auto}
.navbar-custom .navbar-brand:focus{outline:0}
.navbar-custom .navbar-brand .navbar-toggle{padding:4px 6px;font-size:1.4em;color:#fff}
.navbar-custom .navbar-brand .navbar-toggle:focus,.navbar-custom .navbar-brand .navbar-toggle:active{outline:0}
.navbar-custom a{color:#fff}
.navbar-nav>li{width: calc( 100% );text-align:center}
.navbar-custom .nav li{display:table-cell;vertical-align:top;float: none;}
.navbar-custom .nav li > a:before{content:"";height:100%;display:inline-block;vertical-align:middle}
.navbar-custom .nav li > a p{display:inline-block}
.navbar-custom .nav li > a{padding:5px 20px;height:50px;margin:0}
.navbar-custom .nav li:not(:last-child) > a{border-right:1px solid #FFF}
.navbar-custom .nav li > a:hover{outline:0;background:#3a5ca6}
.navbar-custom .nav li a:focus,.navbar-custom .nav li a:active{outline:0;background-color:transparent}
.navbar-custom .nav li.active{outline:0}
.navbar-custom .nav li.active > a:hover{color:#fff}
.product-grid{text-align:center;margin:2em 0 0}
.product-grid .row{margin-bottom:20px;text-align:left}
.product-grid h2{font-size:1.6em;font-weight:700;margin:20px 0 0;padding:0 0 10px;border-bottom:1px dashed #ccc}
.product-grid p{color:#b53939;margin:0;padding:0}
.product-grid img{width:100%}
.product-grid .price1{color:#999;margin-top:4px}
.product-grid .price1 span{text-decoration:line-through}
.product-grid .price2{color:#e34a4a;font-weight:700}
.product-grid .price2 span{font-size:1.8em}
.product-grid .more{display:block;width:120px;margin:20px auto 0;color:#FFF;background:#004ea2;padding:4px 0;text-align:center}
.product-grid .item{position:relative;display:block}
.product-grid .item:hover{color:#004ea2;background:#d1e7ff;padding:6px 6px 0}
.product-grid .item:hover img{opacity:.2}
.product-grid .item .zoom{display:none;font-size:4em;text-align:center;left:50%;top:80px;margin:0 0 0 -18px;position:absolute;color:#004ea2}
.product-grid .item:hover .zoom{display:block}
.modal-body{text-align:center}
.modal-body img{max-width:100%}
.product-img{display:table;width:100%}
ul.img-thumb{display:table-footer-group;width:100%;list-style-type:none;padding:0;vertical-align:top}
ul.img-thumb li,ul.img-thumb li.n{width:24.269%;float:left;border:1px #cdcdcd solid}
ul.img-thumb li{margin:2px 2.5px 2px 0}
ul.img-thumb li.n{margin:2px 0}
.img-focus{display:table-cell;width:100%;height:350px;border:1px #cdcdcd solid;vertical-align:middle;text-align:center}
.product-info h2{font-size:24px;color:#494848;padding:5px 0 15px;border-bottom:1px dotted #ccc}
.pro_id{width:100%;line-height:24px;font-size:18px;background-color:#2572b2;color:#fff;padding:8px;display:inline-block;margin-bottom:20px}
.product-info select{width:100%;font-size:14px;height:36px;margin:5px 0 0;padding-left:5px}
.product-info .pro_number,.product-info .pro_color,.product-info .pro_link{font-size:24px}
.product-info .editor_box{margin:20px 0 0}
.product-info .pro_money{font-size:48px}
.product-info .pro_money2{font-size:20px;color:#be0000}

.nav-tabs>li.pro-icon.active>a,.nav-tabs>li.pro-icon.active>a:focus,.nav-tabs>li.pro-icon.active>a:hover,.nav-tabs>li.pro-icon>a:hover{color:#fff;background-color:#555;border:inherit;border-bottom-color:inherit}
.nav-tabs>li.pro-icon>a:hover{border-color:inherit}
.nav-tabs>li.pro-icon>a{border:inherit;border-radius:inherit}
.nav>li.pro-icon>a{padding:10px 30px;background:#c9c9c9;font-size:18px;color:#fff}
.rwd_display{display:none}
.pro_more{padding:26px 80px 18px;overflow:hidden;border-bottom:1px solid #2181d0;border-top:1px solid #2181d0}
.pro-owl-theme .pro-owl-controls .pro-owl-buttons div{background:url(../images/all/arrows.png) left top no-repeat;color:#fff;width:32px;height:45px;-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}
.pro-owl-theme .pro-owl-controls .pro-owl-page span{background:#FFF}
.pro-owl-theme .pro-owl-controls .pro-owl-buttons .pro-owl-prev{position:absolute;left:-80px;top:55px;text-indent:-9999px;opacity:1}
.pro-owl-theme .pro-owl-controls .pro-owl-buttons .pro-owl-next{position:absolute;right:-80px;top:55px;text-indent:-9999px;opacity:1;background-position:right top}
.pro-owl-theme p{text-align:center;margin-top:10px}
.pro-owl-theme .item{text-align:center}
.r-column_box img{width:100%;padding:0 5px}
.clear_r{display:none;clear:both}
.column{background:#e8e8e8;margin:0 auto;padding-bottom:5px;text-align:center;width:106px;height:500px;overflow:hidden}
.column p{width:100%;padding:10px;background:#2572b2;color:#fff}
.column p .fa{margin-left:5px}
.column_area .column_box{width:90%;text-align:center;margin:0 auto 5px}
.column_area .column_box img{max-width:100%}
.column_area .column_box a{display:block;text-decoration:none}
.column_box:hover,.column_area .active_pro{border:2px #004ea2 solid}
hr.h{margin-bottom:0}
.contact-left{width:30%;float:left}
.contact-left img{position:absolute;left:0;bottom:0;max-width:345px;width:100%}
.contact-right{width:70%;float:right}
.con-infor{width:98%;margin:0 auto;padding:10px;font-weight:700;line-height:40px;color:#337ab7;background:rgba(58,92,166,0.14);border:1px solid;border-top-color:transparent;border-bottom-right-radius:30px;border-bottom-left-radius:30px}
.con-infor i{padding:0 10px}
.contact-box{width:75%;float:right;margin:50px 20px 150px;color:#337ab7;text-shadow:0 0 3px #fff}
.btnWrap{width:300px;position:absolute;right:25%;bottom:50px}
.btn-primary{background-color:rgba(0,0,0,.5)}
.btn-primary:hover{background-color:rgba(0,0,0,.9)}
.color-box{height:150px;width:100%;background:#337ab7;border-top-left-radius:20px;border-top-right-radius:20px;position:absolute;bottom:0}
.form-control{background-color:rgba(51,122,183,0.21)}
.map{width:100%;overflow:hidden}
.mes-h{height:150px}
textarea.form-control{height:100px}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus{background:none}
.page_01{text-align:center;margin-top: 30px;}
.page_01 a{display:inline-block;margin:0 10px;color:#000;font-size:15px;}
.page_01 a.on{color:#fff;font-weight:700;background: #7085B6;padding: 2px 5px;font-size: 15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.page_01 a.on:hover{color:#FFF;background:#87A7D9}
.page_01 a.prev,.page_01 a.next{display:inline-block;padding:4px 10px;color:#FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:2px 2px 5px #f2f2f2;background:#7085B6;background-image:linear-gradient(-45deg,#7085B6 0%,#87A7D9 50%,#DEF3F8 100%)}
.page_01 .prev:hover,.page_01 .next:hover{color:#FFF}
.footer{padding-bottom:30px;margin-top:50px}
.copyright .callno i{margin-right: 5px; color: rgb(36, 36, 36);font-size: 15px;}
.mail_to{margin-top: 10px;}
.cell_tx{background:#2a2d33;color:#FFF;font-weight:700;padding:6px 14px}
.gray_tx{background:#efefef;margin-bottom:25px;padding:20px;overflow:hidden}
.ft_logo{float:left;margin-right:5%}
.ft_logo img{width:100%}
.copyright{margin-left:45%;font-size:.9em}
.copyright p{margin-bottom:0}
.copyright * + *{margin-top:20px}
.ft_list{float:left;list-style-type:none;margin:0 40px 0 0;padding:0}
.ft_list li{display:block}
.ft_list i{color:#e71419;margin-left:10px}
.banner{margin-top:137px;margin-bottom:30px;padding:15px;overflow:hidden;color:#828282;background:#fff;font-size:.8em}
.banner .title{color:#000;font-size:1.6em;font-weight:600;text-transform:uppercase}
.banner span{display:block;height:2px;background:#87A7D9;background:linear-gradient(-45deg,#7085B6 0%,#87A7D9 100%);margin:10px 0}
.carousel .fill .fitImg{height:56vw;margin:auto;display:block}
.carousel{height:40vw}
.carousel:hover .carousel-control{display:none}
.carousel .item,.carousel .item.active,.carousel .carousel-inner{height:100%}
.carousel .fill{position:relative;width:100%;height:100%;background-position:center;background-size:cover}
.carousel .carousel-control{background:none;display:none}
.carousel-control .icon-prev::before,.carousel-control .icon-next::before{content:''}
.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:60px;margin:-30px 0 0}
.carousel-control .icon-prev{background:url(../images/all/control-icon.png) 0 0 no-repeat}
.carousel-control .icon-next{background:url(../images/all/control-icon.png) -30px 0 no-repeat}
.carousel .item a{display:block;width:100%;height:100%}
.carousel .slogan{position:absolute;z-index:1;left:20%;top:50%;letter-spacing:.3em}
.carousel .slogan:after{content:'';position:absolute;z-index:-1;left:0;top:50%;width:400px;height:400px;background:url(../images/all/icon.png) no-repeat center/contain;-ms-transform:translate(-30%,-50%);-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%)}
.carousel .big-title{color:#fff}
.carousel .big-title .text{font-size:2em}
.carousel .big-title .title-small{font-size:1.3em}
.video-layer{position:absolute;left:0;right:0;bottom:0;top:70%;background:-moz-linear-gradient(bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to top,#b9d3eb 0%,rgba(255,255,255,0) 100%)}
.product-price-7 .boxs{margin-bottom:2em}
.product-price-7 .imgg{margin:0}
.product-price-7 .list_img{background:#f5f5f5;overflow:hidden}
.product-price-7 .list_img a{display:block;position:relative}
.product-price-7 .list_img img{transition:all .3s linear}
.product-price-7 .list_img a:before{display:block;content:"Details +";padding:10px 15px;font-size:.8em;font-weight:700;color:#e71419;border:2px solid #e71419;background:rgba(255,255,255,.5);opacity:0;position:absolute;left:50%;top:50%;z-index:99;width:120px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.product-price-7 .list_img:hover a:before{opacity:1;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.product-price-7 .list_img:hover img{opacity:.3;transform:scale(1.05)}
.product-price-7 .list_txt h4{font-weight:700;font-size:1em;padding:0}
.product-price-7 .list_txt{padding:5px 15px;background:#fff}
.album-area{margin-top: 15px}
.album-item{position: relative;float: left;width: calc(100% / 3 - 15px);margin-top: 35px;}
.album-item + .album-item{margin-left:15px}
.album-item h2{position: absolute;left: 0;top: 0;z-index: 1;display: inline-block;margin: 0 130px 0 0;padding: 7px 15px;font-size: .8em;font-weight:700;-ms-transform: translate(0,-100%);-webkit-transform: translate(0,-100%);transform: translate(0,-50%);background: linear-gradient(-45deg,#7085B6 0%,#87A7D9 50%,#DEF3F8 100%);background: #e71419;color: #fff;border-radius: 30px 30px 30px 0;}
.album-item:nth-of-type(3n+1){clear: both;}
.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}

.pro-album{}
.pro-album .item{padding: 15px 15px 50px;background:#fff;}
.pro-album.owl-theme .owl-nav{right:0}
.img_style{max-width: 100%;margin-bottom: 5px;}
.tab-content{padding-top: 30px;}
table{width: 100%!important;border-top: solid 1px #000;border-left: solid 1px #000;}
table tr{}
table tr,table td{width: auto!important;height:auto!important;}
table td{
    padding: 5px 15px;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
}
/*關於*/
.about_box02{background: url(../images/about/01.jpg) center center no-repeat;}
.about_box02_content{display: flex; padding:80px 10px 80px 40px;}
.s_box{width: calc(100% / 3 - 30px);text-align: center; padding: 30px; margin: 0 10px;float: left;}
.s_box0, .s_box1{background-color: rgba(255, 255, 255, 0.8); color:#7085B6 }
.s_box2{background-color: rgba(112, 133, 182, 0.8); color: #fff;}
.s_box img{width: 70px; height: 70px; border-radius: 60%;}
.s_box0 img, .s_box1 img{background-color: #7085B6;}
.s_box2 img{background-color: #fff;}
.s_box h2{padding-bottom: 3px;font-size: 24px;display: inline-block;}
.s_box span{display: block;font-size: 14px;}
.s_box0 h2, .s_box1 h2{border-bottom: 1px solid #7085B6; }
.s_box2 h2{border-bottom: 1px solid #fff; }
.s_box p{margin-top: 20px;}
.history_title{position: relative;;text-align: center; max-width: 600px; margin: 0 auto;color: #fff; background-color:#7085B6; padding: 50px 40px; }
.history_title::after{content: "";
    position: absolute;
    border-top: 24px solid #7085B6;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    bottom: -24px;
    right: 50%;
    margin-right: -15px;
}

/*聯絡*/
.menu-float{display: none;}
.contact_inner{display: flex;}
.clear{clear: both;}
.contact_text{text-align: center;margin-bottom: 30px;}
.contact_text p{font-size: 14px;margin-top: 10px;}
.contact_form{width: 60%;float: left; padding: 30px;background-color: #f5f5f5;}
.page_form{margin-bottom: 25px;}
.page_form span{font-size: 13px;color: rgb(151, 151, 151);letter-spacing: 1px;margin-left: 5px;}
.page_form span+.red{font-size: 16px;}
.page_form .sex_input{float: left;}
.page_form .sex_input+.sex_input{margin-left: 20px;}
.page_form .input1, .input3{width: 100%;background-color: #fff; border: 1px solid #eee;}
.page_form .input1{height: 30px; }
.page_form .input3{height: 100px;}
.page_form_l{float: left; width: 49%;}
.page_form_r{float: right;width: 49%;}
.contact_info{width: 40%; float: right; background-image: linear-gradient(-45deg,#7085B6 0%,#87A7D9 50%,#DEF3F8 100%); box-shadow: -5px 5px 10px -3px rgb(165, 165, 165);}
.contact_list{background-color:#7085B6;list-style: none;padding: 30px 30px 20px;margin-bottom: 0;}
.contact_list li{margin-bottom: 15px;}
.box1{float: left;border: 2px solid #fff;width: 50px;height: 50px;border-radius: 60px;color: #fff;text-align: center;line-height: 50px;}
.box1 i{font-size: 26px;line-height: 26px}
.tx_r{margin-left: 10px;display: inline-block;vertical-align: middle;line-height: 45px; color: #fff;}
.contact_iframe{padding: 30px;}
.submit span>span{font-size: 13px;letter-spacing: 1px;}

@media(min-width:768px) {
    .navbar-custom{padding:0;border-bottom:0;letter-spacing:1px;-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out}
    .navbar-custom.top-nav-collapse{padding:0}
    .navbar-custom.top-nav-collapse .logo img{height:0}
    .index-pro:nth-child(even) .owl-pro{float:right}
    .index-pro:nth-child(even) .owl-pro:after{left:0;right:inherit}
    .index-pro:nth-child(even) figcaption{padding-left:130px;padding-right:0}
    .index-pro:nth-child(even) h4{margin-left:130px}
    .index-pro:nth-child(even) .summary{padding-left:50px;padding-right:0}
    .index-pro:nth-child(even) .owl-theme .owl-nav{left:50px;right:inherit}
    /*按鈕*/
    .cta:hover {color:#fff;background: #37589e;border-radius: 30px;}
    .cta:hover:before {width: 100%;opacity: 1;background-size: cover;background-position: center;}
    .cta:hover svg {stroke: #fff;transform: translateX(0);}

}
@media (min-width: 1600px) {
    .container{width:1300px}
}
@media (max-width: 1280px) {
    .index-pro > *{width:40%}
    .index-pro .owl-pro{width:60%}
    .index-pro .summary{padding-bottom:30px}
    .index-pro .class_infor > *{display:block;width:100%}
    .index-pro .class_infor h3{margin-bottom:15px;padding:0}
    .index-pro .class_infor p{width:auto;margin:0;padding:0;border-left:none}
}
@media (max-width: 1200px) {
    .ft_logo{float:none;max-width:560px;margin-right:0}
    .copyright{margin-left:0;padding:20px 15px 0}
    .album-item{width: calc(100% / 2 - 15px);}
    .album-item:nth-of-type(3n+1){clear: none;}
    /*聯絡*/
    .tx_r{font-size: 15px;}
    .box1{width: 45px;height: 45px;line-height: 45px;}
    .box1 i{font-size: 22px;line-height: 22px}
}
@media (max-width: 1024px) {
    .carousel{height:50vw}
    .carousel .fill .fitImg{height:70vw}
}
@media (max-width: 996px) {
    .container{width:100%;margin:0}
    /*聯絡*/
    .contact_inner{display: block;}
    .contact_form, .contact_info{width: 100%;float:none; margin-bottom: 0;}
}
@media(max-width:920px){
    .about_box02_content{padding: 50px 10px;}
}
@media (max-width: 768px) {
    body{font-weight:400}
    aside + main{width:100%;padding-left: 0;}
    .banner{margin: 90px -15px 0;padding-bottom: 10px;}
    .carousel .slogan{top:100%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    .carousel + .amoeba-area{position:relative;padding-top:150px}
    .carousel + .amoeba-area:before{content:'';position:absolute;left:0;right:0;top:0;height:120px;background:#353942}
    .navbar-collapse{padding:0}
    .navbar .navbar-nav{display:block;-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
    .navbar-custom .nav li{display:block;width:100%;vertical-align:inherit;padding:5px 0;border-bottom:1px solid #3a5ca6}
    .navbar-header{background:#1a4197}
    .navbar-toggle{margin:0 15px;color:#FFF}
    .navbar-custom .nav li.a > a{height:inherit}
    .amoeba-area{background-position:0 bottom}
    .page_black{display:none}
    aside .navbar-toggle{display:block;border:1px solid #fff;background: #32497d;color:#FFF;padding:10px 5px;width:100%;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-bottom:20px;}
    aside{float:none;width: auto;margin: 0 -15px 30px;}
    aside .navbar-toggle i{padding:0 5px}
    .top_wrap{padding: 0;}
    .logo{width:220px;float:left;margin-right:10px}
    .navbar-brand{padding:0}
    .ft_list{float:left;width:48%;margin:0 0 20px}
    .contact-box{width:95%;float:inherit;margin:50px auto 150px}
    .form-control{font-size:18px;color:#ff9d00;text-shadow:1px 1px 0 #754100}
    .about_block .summary p{font-size:1em}
    .index-pro > *{width:100%}
    .index-pro > :last-child:before{display:none}
    .index-pro .owl-pro{width:100%}
    .index-pro .summary{padding:15px}
    .index-pro .owl-pro:after{display:none}
    .owl-theme .owl-nav{right:0}
    .footer{padding-bottom:80px}
    .clear_r{display: block}
     /*簡介*/
    .about_box02_content{display: block;padding: 20px 10px 0;}
    .s_box{width: 100%; margin: 0 0 15px;}
    .history_title{max-width:100%; padding: 20px;}
    /*聯絡*/
    .contact_text{margin-top: 20px;}
}
@media (max-width: 640px) {
    .about_block img{max-width:80%}
    .copyright .callno{display:block}
    .carousel .slogan:after{width:250px;height:250px}
    .carousel .big-title .text{font-size:1.3em}
    .carousel .big-title .title-small{font-size:1em}
    .slogan hr{margin:10px 0}
    .slogan p{margin-bottom:5px}
    .album-item{width:100%}
    .album-item + .album-item{margin-left:0}
    .nav>li.pro-icon{width:50%;float:left;}
    .nav>li.pro-icon>a{margin-right: 0;background:#aaa}
    /*聯絡*/
    .page_form_l,.page_form_r{float: none;width: 100%;}
    .contact_form, .contact_list, .contact_iframe{padding: 20px;}
    .menu-float{display:block;top:40%;list-style-type:none;margin:0;padding:0;position:fixed;z-index:20;width:100%;top:inherit;right:0;bottom:0;border-top: 1px solid #fff;}
    .menu-float li{margin:0;float:left;width:50%;height:60px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border:inherit;-webkit-box-shadow:inherit;-moz-box-shadow:inherit;box-shadow:inherit;padding:5px 0;overflow:hidden;border-right:1px solid #FFF;text-align:center}
    .menu-float a:nth-child(1) li{background: #87A7D9;}
    .menu-float a:nth-child(2) li{background:#7085B6}
    .menu-float a:last-child li{border-right:0 solid #FFF}
    .menu-float a{font-size:inherit;color:#fff}
    .menu-float a i{font-size:16px}
    .menu-float a img{max-width:26px}
    .menu-float a .imgg{margin-top:0;margin-bottom:0}
    .menu-float a .rwd{display:block;margin:5px 0;line-height:1.6rem;font-size:15px}
    .menu-float .fas{color:#fff}
    #goTop{bottom: 80px;}
}
@media (max-width: 490px) {
    .banner{margin-top:110px}
    .carousel .fill .fitImg{height: 80vw;}
    .ft_list{float:none;width:100%;margin-bottom:20px}
    .pro_more{padding:26px 20px 18px}
    .profile_area .col-sm-4,.profile_area2 .col-sm-6{width:100%;float:inherit}
}
@media (max-width: 415px) {
    .carousel{height: 80vw;}
}