@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Lato:100,400,900);
@import url(//fonts.googleapis.com/css?family=Monda:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
/* CSS Document */
body,html{height:100%}
body{font-family:'Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.6;letter-spacing:.1rem;/*text-align:justify;*/color:#444}
a{color:#444;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;font-size: 1.4rem;}
a:focus, a:hover{color: #bd7575;text-decoration:none;}

/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
br { font-family: unset !important; font: unset !important;}

/*元件(共用)*/
.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; }
/*文字樣式(共用)*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-size:2.4rem;margin:0;font-weight:normal;}
.white{color:#FFF}
.gray{color:#999}
.black{color:#000}
.red{color:#be0000}
/* 回頂端 */
#goTop{z-index:98;text-align:center;position:fixed;bottom:0;right:10px;width:60px;height:120px;line-height:50px;cursor:pointer;-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)}
#goTop:before,#goTop:after{content:"";display:block;position:relative;width:2px;margin:auto;background:#888;-moz-transform-origin:left top;-webkit-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
#goTop:before{height:100%}
#goTop:after{position:absolute;left:50%;top:1px;height:20px;-ms-transform:rotate(-60deg);-webkit-transform:rotate(-60deg);transform:rotate(-60deg) translateX(-1px)}
#goTop p{position:absolute;bottom:0;right:0;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);font-family:'cwTeXFangSong',serif;color:#888;}
.cell-center{position:fixed;z-index:98;left:0;right:0;bottom:0;list-style:none;margin:0;padding:0;text-align:center}
.cell-center li{float:left;width:50%}
.cell-center a{display:block;padding:10px 15px;background:#42224a;color:#fff}
.cell-center li:last-child a{background:#b7a69e}

/* 卷軸 */
.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}

/*全頁佈局*/
.wrapper { padding:3em 0; }
.container-fuild{padding: 0 80px;}
main{}
.block-height{padding: 50px 0px;}
.block-height:first-child{padding-top:0;}

/*主選單*/
.navbar-header{display:inline-block}
.navbar-default{background:#fff}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{background:transparent}
.navbar{margin-bottom:0;border-radius:0;border:0}
.navbar .container-fuild{padding:0 0 0 15px}
.navbar>.container .navbar-brand{margin-left:0;transition: all .5s;}
.navbar>.container .navbar-brand:hover{opacity:.5}
.navbar-brand{height:80px;padding-left:0;padding-right:0}
.navbar-brand>img{max-width:100%;max-height:100%}
.navbar-nav{float:right;margin:0}
.nav>li{position:static}
.nav>li.toggle{position:fixed;right:0;top:0;display:flex;justify-content:center;align-items:center}
.navbar-default .navbar-nav>li>a{color: #747474;line-height:50px;font-size:  1.4rem;letter-spacing: 3px;}
.dropdown-menu{right:0;background:#eae5e3;background:rgba(243,243,243,0.95) url(https://social.venussecret.com.tw/images/all/line-times-oblique.png) repeat}
.dropdown-menu li{float:left;display:inline-block;vertical-align:top}
.dropdown-menu li:first-child{width: calc(100% - 560px);/* -webkit-column-count: 2; column-count: 2; -webkit-column-gap:100px; column-gap:100px; */}
.dropdown-menu li:last-child{width:560px;float:right}
.dropdown-menu li:first-child a{display: inline-block;/* display: block; */padding:15px;width: calc(100% / 4 - 4px);}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background: transparent;
    border-bottom: 2px solid;
    padding-bottom: 0;}
.star > div{float:left;width:50%;padding:15px 10px}
.star h4{font-size:1.6rem;line-height: 1.4;margin-bottom:10px}
.hPic{width: 100%;height: 156px;display: block;overflow: hidden;margin-bottom: 10px;}
.left-bar{list-style-type:none;margin:0;padding:0;position:fixed;z-index:9999;right:0;top:0;bottom:0;width:80px;border-left:1px solid #f3f3f3;background:#fff}
.left-bar li{position:relative;text-align:center;font-size:2rem;height:50px;line-height:50px}
.left-bar li img{width:25px}
.left-bar li span{opacity:0;position:absolute;right:100%;top:50%;width:150px;font-size:1.6rem;line-height:1.8;background:#a27138;color:#fff;border-radius:30px;-ms-transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-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)}
.left-bar li:hover span{opacity:1;-ms-transform:translate(-15px,-50%);-webkit-transform:translate(-15px,-50%);transform:translate(-15px,-50%)}
.toggle{cursor:pointer;margin:0;padding: 0 15px;height:80px;width:80px;line-height: 80px;text-align:center;background:#bab0ab;background:#f3f3f3;color:#666;font-size:2rem;}
.toggle img{display:inline-block;vertical-align:top;margin-top:10px;transform-origin:50% 50%;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);-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)}
.toggle:hover img{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.burger-menu{opacity: 0;position:fixed;overflow-y:scroll;left:0;right:0;bottom:100%;height:100vh;background:rgba(243,243,243,0.95);color:#fff;z-index:9999;-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1)}
.burger-menu.open{opacity: 1;bottom:0}
.bm-toggle{margin:65px auto 30px;display:block;background:transparent;border:inherit}
.sitemap{list-style:none;margin:0;padding:0}
.sitemap li{float:left;width:25%;padding:15px 15px 0}
.sitemap li:nth-child(4n+1){clear:both}
.sitemap li:nth-child(n+9){border-top:solid 1px #888;padding-top:30px}
.sitemap h4{font-size:2rem;margin-bottom:15px;}
.burger-menu .information{margin-top:15px;padding:30px 0;background:#888}
.burger-menu .information a{color:#fff;text-align: center;display: block}
.information .phone{padding:30px 0;text-align:center;font-size:2.4rem}
.information .phone b{display:block}
/*.information dl{float:left;width:25%;}
.information dl:last-child{width:75%}
*/
.address { overflow: hidden; text-align: left;}
/*.information dl:last-child dd{float:left;width:33.33%}
.information dl:first-child dt{display: inline-block;}
.information dt{margin-bottom:10px;font-weight: 300;font-size:2rem;display: block;}
.information dd{margin-bottom:5px;font-size: 1.4rem;  display: inline-block;}*/
.information dl{float:left;width:25%;padding:15px}
.information dl:last-child{width:75%}
.information dl:last-child dd{float:left;width:33.33%}
.information dt{margin-bottom:10px;font-size:2rem}
.information dd{margin-bottom:5px;padding-right: 5px;}
.navbar-default .navbar-nav>.open>a:hover{color:#b6b6b6}

/*頁尾*/
.footer{position:relative;padding:30px 0;background:#f3f3f3}
.brands{margin-bottom:30px}
.brands .icon{float:right;width:50px;height:50px;padding:10px;margin-right:5px;border-radius:100%;background:#333;color:#fff;text-align:center;line-height:30px;display:flex;justify-content:center;align-items:center}
.card{position:relative;margin-bottom:30px}
.card .header{position:relative;display:inline-block;padding:0 15px 0 0;background:#f3f3f3;font-size:2.4rem;}
.card.index{text-align:right;float:right}
.tags-box{list-style:none;margin:-15px 0 0;padding:30px 0 0;border-top:solid 1px #000}
.tags-box li{display: inline;padding:2px 7px 2px 0;}
.tags-box li:hover{color: #c20505;}
.center-call{position:fixed;display:block;list-style-type:none;margin:0;padding:0;width:100%;right:0;bottom:0;z-index: 9}
.center-call>*{position:fixed;z-index:20;right:0;bottom:0}
.center-call li{width:80px;height:80px;margin:0;-moz-border-radius:0;-moz-box-shadow:inherit;padding:5px 0;text-align:center}
.center-call li:last-child{border-right:0 solid #FFF;position:fixed;top:80px;right:0;background: #888;transition: all .5s;}
.center-call li:last-child:hover{background:#92745f}
.center-call a{font-size:inherit;color:#fff;display: block;}
.center-call a i{font-size:16px}
.center-call a img{max-width:26px;margin:8px auto 5px}
.center-call a .imgg{margin-top:0;margin-bottom:0}
.center-call a .rwd{display:block;margin:5px 0;line-height:1.6rem;font-size:15px}
.center-call .fas{color:#fff}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
.buttonBox{position:relative;display: inline-block;margin: 15px;}
.buttonBox button{position:relative;min-width: 100px;padding: 10px 15px;outline:0;border:none;background: rgb(183, 166, 158);color: #ffffff;text-transform:uppercase;letter-spacing: .1rem;font-size:15px;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;}
.border{position:absolute;background:0 0;transition:all .5s ease-in-out}
.buttonBox>.border:nth-of-type(1){top:0;left:0;width:30px;height:30px;border-top:1px solid #fff;border-left:1px solid #fff}
.buttonBox>.border:nth-of-type(2){right:0;bottom:0;width:30px;height:30px;border-right:1px solid #fff;border-bottom:1px solid #fff}
.buttonBox:hover .border{width: 110px;height: 55px;}

.buttonBox.style2 button{background: #6e6e6e}
.buttonBox.style2>.border{border-color: #6e6e6e;}
.buttonBox.style3 button{background: #cf6900;box-shadow: 0 0 2rem 1px #fc7f00;background: #fc7f00;text-shadow: 0 0 8px #7d3f00, 0 0 2px #7d3f00;font-size: 17px;padding: 8px 15px;}

.buttonBox.style3:not(:hover) button{
animation: blink/*動畫名稱*/ 1s/*整個動畫播放一次的時間長度*/ linear/*動作曲線*/ infinite/*重複播放*/ alternate/*設定網頁元素在動畫播放完之後，是否要以相反方向的方式播放*/;
-moz-animation: blink 1s linear infinite alternate;
-webkit-animation: blink 1s linear infinite alternate;
-o-animation: blink 1s linear infinite alternate;

}
@keyframes blink {
    0% {transform:scale(1)}
    80% {transform:scale(1.05)}
    100% {transform:scale(1)}
}
.buttonBox.style3>.border{border-color: #fc7f00;}
.buttonBox.style3:hover button{box-shadow: 0 0 0;background: #fc7f00;background: #cf6900;}
.buttonBox2{position: relative;display: inline-block;font-family: 'cwTeXFangSong', serif;}
.buttonBox2:after{content:'';position:absolute;bottom:  0;right:  0;width:  100%;height: 1px;background: #000;transition:all .5s;}
.buttonBox2:hover:after{width:0;left:0;}

/*RWD編輯器表格(X捲軸)*/
.table-container table td {
    min-width: 100px;
    padding: 5px;
    border: 1px solid #ccc;
    white-space: inherit; /*清除html內容強制不換行*/
}
/*----banner---*/
.banner{position:relative;margin:80px 0 0}
.carousel{float:left;margin:0;width: 60vw;height: 30vw;}
.carousel:hover .carousel-control{display:block}
.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 .fill img{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.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(https://social.venussecret.com.tw/images/all/control-icon.png) 0 0 no-repeat}
.carousel-control .icon-next{background:url(https://social.venussecret.com.tw/images/all/control-icon.png) -30px 0 no-repeat}
.carousel-inner>.item .pc_open{ display:block;}
.carousel-inner>.item .mc_open{ display:none!important;}
/*首頁*/
.bottom-img{overflow:hidden;height: 285px}
main.index-page{background: url(https://social.venussecret.com.tw/images/index/indexbg01.jpg)no-repeat;background-position: bottom;}
.index{margin-top:80px;margin-bottom:5px}
.index-right .carousel{float:right;padding-left:30px;padding-right:0}
.index-right .index-star{float:left}


.main-title{margin-top: 50px;max-width: 500px;margin: 25px auto;position:  relative;}
.main-title.big{max-width:1170px;margin:0 auto;}
.main-title.big h1{font-family: 'cwTeXFangSong', serif;display: inline-block;font-size:  3.2rem;color: #767676;margin-left:  20px;color: #6c6c6c;}
.main-title.bottom{margin:0;}
.main-title.bottom h3{border: inherit;padding: 10px 0px;font-size:  2.8rem;color:#6c6c6c;}
.main-title.bottom span.en-word{right: inherit;left: 30px;top: -48%;font-size: 4.1rem;color: rgba(189, 189, 189, 0.4);}
.main-title.bottom span.en-word:before {position: absolute;content: '';left: -30px;height: 1px;width: 245px;background: #e0e0e0;bottom:0px;}
.main-title h3,.main-title span.en-word{display: inline-block;vertical-align: middle;}
.main-title h3{color: #989898;border: 1px solid;padding: 10px;font-weight: 100;font-family: 'cwTeXFangSong', serif;}
.main-title span.en-word{font-family: 'Poiret One', cursive;font-size: 3.2rem;position: absolute;right:  0;top: 15%;color: #bdbdbd;letter-spacing: 6px;}
.main-title.big span.en-word{font-size: 3.2rem;top:12%;}
.main-title span.en-word:before{position:absolute;content:'';left: -245px;height:1px;width: 235px;background: #e0e0e0;bottom: 25px;}



.slogan{padding: 0px 15px 50px 15px;position: relative;}
.index-video{position:relative;margin-bottom:30px}
.index-video .video-block a{display:block;float:left;width:33.333%;padding:0 5px}
.index-video .video-block{margin:0 -5px}
.index-video .summary{float:right;width:40%;text-align:left;padding:100px 70px}
.index-video .summary .index-title,.index-video .summary .sub-menu{text-align:left}
.index-video .summary .index-title span{font-size:4rem}
.index-video .summary .index-title em{font-size:6.6rem}
.index-star{float:right;background: #f4f4f4;width: calc(40vw - 6px);height: 30vw;overflow: hidden;}
.index-star ul{list-style:none;padding: 30px;background: #efefef;margin: 20px;}
.index-star ul a{display: block;transition:  all .5s;padding: 20px;}
.index-star ul a:hover figcaption{opacity:.8;}
.index-star ul li{font-size:1.4rem;background:#efefef;}
.index-star ul li:after{content:'';display:block;clear:both;overflow:hidden;}

.news-list-zone img{float:left;width: 250px;}
.news-list-zone figcaption{float:right;width: calc(100% - 250px);padding: 0px 30px;}
.news-list-zone figcaption>*{margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-list-zone figcaption p.date{height: inherit;}
.news-list-zone figcaption p.date>span.writer{font-size:1.4rem;position: relative;margin-top: 10px;padding-bottom:  0;display:  block;}
.news-list-zone h4{height: 18px;margin-bottom: 15px;font-size:1.8rem;-webkit-line-clamp:1;color: #5f5f5f;}
.news-list-zone p{height:45px;color: #959595;}
.news-list-zone .foucus-num{padding-top:10px;color: #bd7575;}
.news-list-zone .foucus-num i{padding-right: 5px;}
.news-info{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 45px;color: #959595;margin-bottom: 5px;}

.witness-box{width: 24%;display: inline-block;vertical-align: top;padding: 5px;}
.witness-box a{display: block;margin-bottom: 10px;position: relative;overflow: hidden;}
.witness-box .owl-carousel a .item.witness-img{height:255px;}
.witness-box .owl-carousel a .item{height: 520px;}
.middle-zone{background: #f4f4f4;}
.witness-box a .witness-info{position:absolute;bottom:-68px;background:rgba(183,160,143,0.8);padding:15px;transition:all .5s;color:#fff;position:absolute;bottom:-68px;background:rgba(183,160,143,0.8);padding:15px;transition:all .5s;color:#fff;width:100%;min-height:120px}
.witness-box a .witness-info p{padding-top: 5px;opacity: .75;border-top: solid 1px rgba(255, 255, 255, .8);}
.witness-box a:hover .witness-info{bottom: 0;opacity: 1;}
.witness-box a .witness-info h3{padding-bottom: 10px;font-size: 1.8rem;margin: 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 30px;line-height: 1.6;}

.bottom-box{padding:0 5px;}
.bottom-box h3{text-align: left;}
.bottom-box ul{padding:0;list-style-type: none;}
.bottom-box ul li figure>img,.bottom-box ul li figure figcaption{display: inline-block;vertical-align: top;}
.bottom-box ul li figure>img{width: 250px;}
.bottom-box ul li figure figcaption{width: calc(100% - 255px);padding: 0px 10px;}
.bottom-box ul li figure figcaption p.date{color:  #959595;margin-bottom: 5px;}
.bottom-box ul li figure figcaption h4{height: 25px;font-size: 1.8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #5f5f5f;line-height: 24px;}
.bottom-box ul li figure figcaption p.date>span.writer{position: relative;}
.bottom-box ul a{padding-bottom:10px;display: block;font-size: 1.4rem;transition: all .5s;}
.bottom-box ul a:hover figcaption{opacity:.8}
.bottom-box ul li figure figcaption .foucus-num{color:#bd7575}
.bottom-box ul li figure figcaption .foucus-num i{padding-right: 5px;}
.item-name{float: right;background: #bd7575;color: #fff;padding: 3px 10px;font-size: 14px;}

/*文章底層*/
/*.index-title.detail span{font-size:4rem}
.detail_banner{position:relative;margin-left:0}
.index-title + time{display:block;text-align:center;margin-bottom:10px}
.page-content + .summary{margin-top:30px;padding:30px 0;text-align:center;border-top:1px solid #000}
.detail.tags-box{padding-bottom: 30px;background: url(https://social.venussecret.com.tw/images/all/line-times-oblique.png) repeat;text-align: center;}
*//*  detail style - 四圖四文  */
/*.page-content table{max-width:100%}
.imgg{max-width:100%;display:block;margin:1em 0}
.imgg2{max-width:100%;display:block}
.tx01{clear:both;margin-bottom:2em}
.tx02{clear:both;overflow:hidden;margin-bottom:2em}
.tx01 img{margin-top:1em}
.img-left,.img-left1{float:left;padding-bottom:1em;padding-right:2em}
.img-right,.img-right1{float:right;padding-bottom:1em;padding-left:2em}
.img-left img,.img-right img{max-width:300px}
.img-left1 img,.img-right1 img{max-width:430px}
.img_center img{float:left;padding:1em;width:33.3%;text-align:center}*/
/*  分享按鈕共用   */
/*.share-grid{margin-bottom: 15px;padding: 0;color:#000;font-size:15px;clear:both;text-align:center}
.share-grid .fa{margin:0 4px}
.share-grid a{margin-right:2px;font-size:24px;display:inline-block;vertical-align:middle;width:50px;height:50px;line-height:50px;border-radius:100%;text-align:center;background:#000;color:#fff}
.share-grid a.fb{background:#3b5998}
.share-grid a.line{background:#00c300}
.share-grid a.fb:hover,.share-grid a.line:hover{background:#000}
.share-grid iframe{margin-right:2px;font-size:24px;display:inline-block;vertical-align:middle}
.fb_iframe_widget span{vertical-align: middle!important}
#follow-content{display: inline-block;margin-top: 10px;vertical-align: middle;text-align:center;}
#follow-content svg{cursor:pointer;overflow:visible;width: 80px;}
#follow-content svg #heart{transform-origin:center;animation:animateHeartOut .3s linear forwards}
#follow-content svg #main-circ{transform-origin:29.5px 29.5px}
#follow{display:none}
#follow:checked + label svg #heart,#follow.on+ label svg #heart{transform:scale(0.2);fill:#E2264D;animation:animateHeart .3s linear forwards .25s}
#follow:checked + label svg #main-circ,#follow.on+ label svg #main-circ{transition:all 2s;animation:animateCircle .3s linear forwards;opacity:1}
#follow:checked + label svg #grp1,#follow.on+ label svg #grp1{opacity:1;transition:.1s all .3s}
#follow:checked + label svg #grp1 #oval1,#follow.on+ label svg #grp1 #oval1{transform:scale(0) translate(0,-30px);transform-origin:0 0 0;transition:.5s transform .3s}
#follow:checked + label svg #grp1 #oval2,#follow.on+ label svg #grp1 #oval2{transform:scale(0) translate(10px,-50px);transform-origin:0 0 0;transition:1.5s transform .3s}
#follow:checked + label svg #grp2,#follow.on+ label svg #grp2{opacity:1;transition:.1s all .3s}
#follow:checked + label svg #grp2 #oval1,#follow.on+ label svg #grp2 #oval1{transform:scale(0) translate(30px,-15px);transform-origin:0 0 0;transition:.5s transform .3s}
#follow:checked + label svg #grp2 #oval2,#follow.on+ label svg #grp2 #oval2{transform:scale(0) translate(60px,-15px);transform-origin:0 0 0;transition:1.5s transform .3s}
#follow:checked + label svg #grp3,#follow.on+ label svg #grp3{opacity:1;transition:.1s all .3s}
#follow:checked + label svg #grp3 #oval1,#follow.on+ label svg #grp3 #oval1{transform:scale(0) translate(30px,0px);transform-origin:0 0 0;transition:.5s transform .3s}
#follow:checked + label svg #grp3 #oval2,#follow.on+ label svg #grp3 #oval2{transform:scale(0) translate(60px,10px);transform-origin:0 0 0;transition:1.5s transform .3s}
#follow:checked + label svg #grp4,#follow.on+ label svg #grp4{opacity:1;transition:.1s all .3s}
#follow:checked + label svg #grp4 #oval1,#follow.on+ label svg #grp4 #oval1{transform:scale(0) translate(30px,15px);transform-origin:0 0 0;transition:.5s transform .3s}
#follow:checked + label svg #grp4 #oval2,#follow.on+ label svg #grp4 #oval2{transform:scale(0) translate(40px,50px);transform-origin:0 0 0;transition:1.5s transform .3s}
#follow:checked + label svg #grp5,#follow.on+ label svg #grp5{opacity:1;transition:.1s all .3s}
#follow:checked + label svg #grp5 #oval1,#follow.on+ label svg #grp5 #oval1{transform:scale(0) translate(-10px,20px);transform-origin:0 0 0;transition:.5s transform .3s}
#follow:checked + label svg #grp5 #oval2,#follow.on+ label svg #grp5 #oval2{transform:scale(0) translate(-60px,30px);transform-origin:0 0 0;transition:1.5s transform .3s}
#follow:checked + label svg #grp6,#follow.on+ label svg #grp6{opacity:1;transition:.1s all .3s}
#follow:checked + label svg #grp6 #oval1,#follow.on+ label svg #grp6 #oval1{transform:scale(0) translate(-30px,0px);transform-origin:0 0 0;transition:.5s transform .3s}
#follow:checked + label svg #grp6 #oval2,#follow.on+ label svg #grp6 #oval2{transform:scale(0) translate(-60px,-5px);transform-origin:0 0 0;transition:1.5s transform .3s}
#follow:checked + label svg #grp7,#follow.on+ label svg #grp7{opacity:1;transition:.1s all .3s}
#follow:checked + label svg #grp7 #oval1,#follow.on+ label svg #grp7 #oval1{transform:scale(0) translate(-30px,-15px);transform-origin:0 0 0;transition:.5s transform .3s}
#follow:checked + label svg #grp7 #oval2,#follow.on+ label svg #grp7 #oval2{transform:scale(0) translate(-55px,-30px);transform-origin:0 0 0;transition:1.5s transform .3s}
#follow:checked + label svg #grp2,#follow.on+ label svg #grp2{opacity:1;transition:.1s opacity .3s}
#follow:checked + label svg #grp3,#follow.on+ label svg #grp3{opacity:1;transition:.1s opacity .3s}
#follow:checked + label svg #grp4,#follow.on+ label svg #grp4{opacity:1;transition:.1s opacity .3s}
#follow:checked + label svg #grp5,#follow.on+ label svg #grp5{opacity:1;transition:.1s opacity .3s}
#follow:checked + label svg #grp6,#follow.on+ label svg #grp6{opacity:1;transition:.1s opacity .3s}
#follow:checked + label svg #grp7,#follow.on+ label svg #grp7{opacity:1;transition:.1s opacity .3s}
@keyframes animateCircle {
40%{transform:scale(10);opacity:1;fill:#DD4688}
55%{transform:scale(11);opacity:1;fill:#D46ABF}
65%{transform:scale(12);opacity:1;fill:#CC8EF5}
75%{transform:scale(13);opacity:1;fill:transparent;stroke:#CC8EF5;stroke-width:.5}
85%{transform:scale(17);opacity:1;fill:transparent;stroke:#CC8EF5;stroke-width:.2}
95%{transform:scale(18);opacity:1;fill:transparent;stroke:#CC8EF5;stroke-width:.1}
100%{transform:scale(19);opacity:1;fill:transparent;stroke:#CC8EF5;stroke-width:0}
}
@keyframes animateHeart {
0%{transform:scale(0.2)}
40%{transform:scale(1.2)}
100%{transform:scale(1)}
}
@keyframes animateHeartOut {
0%{transform:scale(1.4)}
100%{transform:scale(1)}
}*/
/*頁碼*/
.pagination{display: block;margin: 30px 0;text-align: center;}
.pagination ul{margin: 0 auto;padding:0;list-style-type:none;}
.pagination a{display:inline-block;padding:10px 18px;color:#222}
.is-active li{font-weight:700;border-bottom:3px solid #333}

address a{display: inline-block;}




@media (min-width: 1000px){
    /* 回頂端 */
    #goTop:hover {height: 150px;}
}





@media (min-width: 1500px){
    /*全頁佈局*/
    .container {width: 1400px}

}

@media (max-width:1800px){
.index-star ul{padding: 10px;}
.index-star ul a{padding:15px;}

}

@media (max-width:1680px){
.index-star ul {margin: 10px;}
.index-star ul a{padding:10px;}

}

@media (max-width: 1550px){
    .main-title{margin: 10px auto;}
}

@media (max-width: 1499px){
    /*全頁佈局*/
    .container {width: 100%}
    /*首頁*/
    .index-star ul {padding: 0px;margin: 10px;}
    .index-star ul a {padding: 5px;}
    .navbar-nav{margin-right: 80px;}
    .brands .icon{float: left;}
}

@media (max-width: 1280px) { 
    .carousel{height:50vw}
    .carousel,.index-star{float:inherit;width:100%;padding-left:0}
    .index-star{height: auto;padding:20px;}
    .index-star ul{margin:0;}
    .index-star ul:after{content:'';display: block;clear: both;}
    .index-star ul li{width:100%}
    figure.effect-terry{width:50%;height:250px}
    figure.effect-terry:first-child{width:100%;height:320px;margin-bottom:10px}
    .main-title{max-width: 1170px;}
    .index-star ul a{padding: 15px;s}
    .bottom-box.col-md-5{width: 100%}
    .bottom-box.col-md-3,.bottom-box.col-md-4{width: 49%;display:  inline-block;vertical-align:  top;}
}

@media (max-width: 1000px) { 
    .container {width: 100%;}
    /*主選單*/
    .navbar{padding-left:30px}
    #navbar{float: right;}
    .nav>li{display: none}
    .nav>li.toggle{display: block;height: 80px;}
    /*banner*/
    .carousel{margin-left: 0;}
    /*文章底層*/
    .index-title.detail span{font-size: 2.4rem;}
    /*首頁*/
    .index-star ul li{float:inherit;width:100%}

    /*footer*/
    /*.information dl{text-align: left;width: 30%;}
    .information dl:last-child{width: 70%}*/
}

@media (max-width: 768px) {
    /*RWD編輯器表格(X捲軸)*/
    .table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
    .container{padding:0px 15px 5px}
    .navbar-header{display: block;}
    #goTop { height: 80px;}
    #goTop p { bottom: -22px; right: -38px;width: 50px;}
    
    /*主選單*/
    .navbar{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1)}
    .navbar-brand{height:50px;padding: 5px 0 0;}
    .nav>li.toggle{height:56px;line-height: 56px;}

    /*banner*/
    .carousel { height: auto;}
    .carousel-inner>.item .pc_open{ display:none;}
    .carousel-inner>.item .mc_open{ display:block!important;}

    /*  detail style - 四圖四文  */
    .page-content iframe { height:400px; }
    /*首頁*/
    .index{margin-top:50px;}
    .witness-box,.witness-box a .witness-info{width: 100%;}
    .witness-box a .witness-info{bottom: -45px;}
    .main-title.big span.en-word{top:35%;}
    .witness-box .owl-carousel a .item.witness-img {height: 400px;}
    /*頁尾*/
    .center-call li:last-child {display: none}
    .center-call{z-index: 99}
    .information dl:last-child dd{width: 50%}
    /*頁碼*/
    .pagination a:nth-child(n+5):not(:last-child){display: none}
}

@media (max-width: 640px) { 
    /*主選單*/
    .sitemap li{width: 33.33%;}
    .sitemap li:nth-child(4n+1){clear:inherit;}
    .sitemap li:nth-child(3n+1){clear:both}
    .sitemap li:nth-child(n+9) { border-top: none; padding:15px 15px 0;}
    .information dl,.information dl:last-child{width: 100%;padding: 0;}
    .information dl:last-child dd{width:100%}

    /*頁尾*/
    /*.card{width: 100%;}
    .information dl,.information dl:last-child{width: 100%;padding: 0;text-align:center;}*/
    
    /*首頁*/
    .box-style2,
    .index-video .video-block{margin-right:0;margin-left:0}
    .index-video .summary{float: inherit;width:100%;padding: 0 30px;text-align: center;}
    .index-video .summary .index-title, .index-video .summary .sub-menu{text-align:center}
    .index-video > iframe{width:100%!important;height: 50vw;}
    .box-style2 figure,
    .box-style2 figure:first-child{width: 100%;float:inherit;height: 50vw;margin:0 0 15px;}
    .main-title h3{border: inherit;padding: 10px 0px;font-size:  2.8rem;color:#6c6c6c;}
    .main-title span.en-word{right: inherit;left: 30px;top: -48%;font-size: 4.1rem;color: rgba(189, 189, 189, 0.4);}
    .main-title span.en-word:before {position: absolute;content: '';left: -30px;height: 1px;width: 245px;background: #e0e0e0;bottom:0px;}
    .main-title h3 br {display: none;}
    .main-title.big h1 { text-align: center;  display: block; font-size: 2.6rem; margin: 8px 0 0;}
    .main-title.big span.en-word {top: -20%;}
    .main-title.big span.en-word:before { bottom: -15px;}
    .slogan { padding: 0px 15px 20px 15px;}

    .index-star ul{margin:0 auto;padding:20px ;}
    .news-list-zone img,.news-list-zone figcaption{float: inherit;width: 100%}
    .news-list-zone figcaption{width: 100%;padding:10px 0;}




    /*  detail style - 四圖四文  */
    .page-content iframe{height:320px}
    .img-left,.img-right,.img-left1,.img-right1{float:inherit;padding-right:0;padding-left:0}
    .img-left img,.img-right img,.img_center img,.img-left1 img,.img-right1 img{display:block;width:100%;max-width:inherit}
}

@media (max-width: 480px) { 
    /*banner*/
    .carousel {margin-right: 0;}
    /*主選單*/
    .navbar{padding-left: 15px;}
    .navbar .container-fuild{padding-left:0}
    /*  detail style - 四圖四文  */
    .img-left1 img,.img-right1 img{max-width:100%}
    .img-left,.img-left1,.img-right,.img-right1{float:inherit;padding:0 0 1em}
    .page-content iframe{height:250px}
    /*主選單*/
    .sitemap li{width: 50%;}
    .sitemap li:nth-child(3n+1){clear:inherit;}
    .sitemap li:nth-child(2n+1){clear:both}

    /*首頁*/
    .bottom-box ul li figure>img,.bottom-box ul li figure figcaption,.bottom-box.col-md-3, .bottom-box.col-md-4{width: 100%;}
    .bottom-box{padding-bottom:30px;}
    .witness-box .owl-carousel a .item.witness-img {height: 300px;}
    .index-star ul{padding:0;}

    /*footer*/
    .information .phone{font-size: 1.8rem;}
    .information dl:last-child dd{width:100%}
}

@media (max-width: 380px) {
.witness-box a .witness-info {bottom: -65px;} 
/*.main-title span.en-word:before {left: -110px; width: 105px;}
.main-title.big h1{font-size: 2.6rem}
.main-title.big span.en-word {top: 17%;}*/

}