/*
@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Prata');
@import url('https://fonts.googleapis.com/css?family=Homenaje');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Alex+Brush');
@import url('https://fonts.googleapis.com/css?family=Antic+Didone');
*/

/* 整體重設或預設 --------------------------------------------------------------------------- */
*{padding:0;margin:0;font-family: GOTHAM, Calibri, '微軟正黑體', serif;}
:focus{outline:none;}
a:hover{text-decoration:none;}
img{border:none;}
ul,ol,li{list-style:none;}
.mtlgg{margin-top:8em;}
.mtlg{margin-top:4em;}
.mtl{margin-top:3em;}
.special_index_img{position: relative;}
.mtl .end_event_block{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.7);color: #FFF;letter-spacing: 2px;text-align: center;z-index: 10;font-size: 1.5em;padding-top: 18%;}
@media screen and (max-width: 991px){
	.mtl .end_event_block{padding-top: 75px;}
}

/*GOOGLE SEARCH*/
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px;
}

.serachbar {
    padding: 7px 0px 0px 0px;
    background-color: white;
}

.gs-title {
    height: 1.8em!important;
}

@media (max-width: 1025px) {
    .serachbar {
        padding: 0px 10px!important;
    }
}

.breadcrumb li > a {
	color: black;
}

.breadcrumb li > a:hover {
	color: #777777;
}

.mtms{margin-top:2em;}
.mtm{margin-top:1em;}
.mts{margin-top:0.5em;}
.mrxs{margin-right:.5em;}
.mlxs{margin-left:.5em;}
.mls{margin-left:1em;}
.mlm{margin-left:1.5em;}
.tac{text-align:center;}
.tal{text-align:left;}
.img-full{width:100%;}
.img-half{width:50%;}
.fl{float:left;}
.fr{float:right;}
.overflowH{overflow:hidden;}
.clear{clear:both;}
.hide-pc{display:none;}
.container{font-family:"GOTHAM",'微軟正黑體', serif;}
.container p {word-wrap: break-word;}
.Act-container{width:100%;}
.red-txt{color:#d73532;}
.red-title{color:#000;background:#fff000;padding:0 10px;}
.goods-title{color:#ea628f;padding:10px 10px;}
.fashion-title-color{color:#ea628f;padding:0 10px;}
.beauty-title-color{color:#ff6c00;padding:0 10px;}
.people-title-color{color:#06fff6;padding:0 10px;}
.lifestyle-title-color{color:#70c128;padding:0 10px;}
.articleT-wrap{margin:30px 0;}
.h1, .h2, .h3, h1, h2, h3{margin-top:0px;margin-bottom:10px;}
h1{border-left:5px solid #000;padding-left:20px;font-family:'GOTHAM','微軟正黑體', serif;}
h2{color:#000;font-size:25px;font-weight:bold;margin:20px 0;}
h3{color:#000;font-size:20px;font-weight:bold;}
h4{color:#000;line-height:180%;padding:0px;font-size:15px;}
h5{color:#fff;}
.hr{border-bottom:1px dashed #c7c7c7;}
.hr2{border-bottom:1px solid #b2b2b2;}
.padding-none{padding:0;}
.tit{border-left:5px solid #d73532;font-weight:700;padding-left:10px;color:#d73532;}
.m{background:#000;padding:10px 20px;}
.sub-headers a{color:#000;font-size:21px;}
.sub-headers a:hover{color:#d73532;}
.mbb{margin-left:18px;}
.marker{color:#000;background:#ff0;}
mark{color:#000;background:#ff0;}

.Accessories-title-color{background:#000;padding:0 10px;}
/*.Accessories-title-color a:hover{color:#ff0089;padding:0 10px;}*/
header .beauty-title-color{background:#06fff6;padding:0 10px;}
/*.beauty-title-color a:hover{color:#06fff6;padding:0 10px;}*/
header .fashion-title-color{background:#fff500;padding:0 10px;}
/*.fashion-title-color a:hover{color:#fff500;padding:0 10px;}*/
header .people-title-color{background:#78ff00;padding:0 10px;}
/*.people-title-color a:hover{color:#78ff00;padding:0 10px;}*/
header .lifestyle-title-color{background:#ff6200;padding:0 10px;}
/*.lifestyle-title-color a:hover{color:#ff6200;padding:0 10px;}*/
header .BTV-title-color{background:#c26eff;padding:0 10px;}
/*.BTV-title-color a:hover{color:#c26eff;padding:0 10px;}*/
header .white-color{background:#000;padding:0 10px;}
/*.white-color a:hover{color:#fff;padding:0 10px;}*/
header .navS-title-color{background:#000;padding:0 10px;}
/*.navS-title-color a:hover{color:#000000;padding:0 10px;background-color:#fff;}*/

.a-title{color:#000;font-size:65px;font-family:'Futura','Antic Didone', serif;}
.logo_a{display: block;overflow: hidden;}
.logo{margin:30px auto;padding:0;display:block;}
.menu{border-bottom:1px solid #d1d1d1;border-top:1px solid #d1d1d1;padding:10px 0;font-family:"微軟正黑體",'Prata', serif;}
.nav{text-align:center;font-family:'Homenaje', sans-serif;}
/*modify*/
.nav li{/*display:inline-block;*/font-size:17px;float: left;padding: 0px;width: calc(100% / 8);height: 54px;overflow: hidden;transition:all 0.3s;position: relative;cursor: pointer;}
.nav li a{/*margin:0 10px;*/color:#000;letter-spacing:1px;width:100%;transition:margin-top 0.3s;cursor: pointer;font-family: 'Homenaje', sans-serif;}
.nav li a .bottom_line{position: absolute;height:2px;transition: all 0.3s ease-out 0.3s;bottom: 8px;transform-origin: center;transform: scale(0);width: 100%;left:0px;}
.nav li:hover a{background: #fff;}
.nav li:hover a:nth-child(1){margin-top: -54px;}
.nav li:hover a .bottom_line{transform: scale(0.7);}
/*.nav li a:hover{margin:0 10px;background-color:#000;}*/

.social{text-align:center;margin-top:5px;}
.social li{display:inline-block;font-size:19px;}
.social li a{margin:0 10px;color:#000;}
.social li a:hover{margin:0 10px;color:#d73532;background-color:#fff;}
.search{text-align:center;margin-top:5px;}
.search li{display:inline-block;font-size:15px;}
.search li a{margin:0 10px;color:#000;}
.search li a:hover{margin:0 10px;color:#d73532;background-color:#fff;}
.ad-wrap{background:#000000;}
.ad{margin:0 auto;}
.tagbarwrap{margin:20px auto;text-align:center;}
.tagbar-list{margin-top:5px;padding:0 20px;}
.tagbar-list li{display:inline-block;font-size:13px;margin:3px 0px;letter-spacing:1px;}
.tagbar-list li a{display:inline-block;font-size:13px;border:solid 1px #ff0000;border-top-color:#ff0000;border-top-style:solid;border-top-width:1px;border-right-color:#ff0000;border-right-style:solid;border-right-width:1px;border-bottom-color:#ff0000;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#ff0000;border-left-style:solid;border-left-width:1px;border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;padding:7px;border-radius:30px;margin:0 7px;color:#ff0000;line-height:1;font-family:'微軟正黑體', sans-serif;}
.tagbar-list li a:hover{background-color:#ff0000;color:#fff;}
.tagbar-list2{margin-top:5px;font-family:'Homenaje', sans-serif;padding:0;}
.tagbar-list2 li{display:inline-block;font-size:13px;margin:0 0px;letter-spacing:1px;}
.tagbar-list2 li a{display:inline-block;font-size:13px;border:solid 1px #ff0000;border-top-color:#ff0000;border-top-style:solid;border-top-width:1px;border-right-color:#ff0000;border-right-style:solid;border-right-width:1px;border-bottom-color:#ff0000;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#ff0000;border-left-style:solid;border-left-width:1px;border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;padding:7px;border-radius:30px;margin:0 7px;color:#ff0000;line-height:1;}
.tagbar-list2 li a:hover{background-color:#ff0000;color:#fff;}
.Circle-list{text-align:center;margin-top:10px;}
.Circle-list li{display:inline-block;font-size:9px;margin:0 3px;}
.clean-color-contras{padding:0 20px;}
.one-third-banner{width:33.3333%;}
.whats-new-img{padding:5px;border:1px solid #b5b5b5;}
.B-title{font-family:'Futura','Prata', serif;font-size:31px;color:#000;border-bottom:2px solid #000;}
.B-title2{font-family:'Futura','Prata', serif;font-size:31px;color:#000;border-bottom:1px solid #000;border-top:2px solid #000;padding:10px 0;margin-top:90px;margin-bottom:50px;display:block;}
.space90{height:90px;}
.space30{height:30px;}
.author-list{margin-top:5px;font-family:'Homenaje', sans-serif;padding:0 10px;}
.author-list li{display:inline-block;font-size:13px;margin:0 3px;letter-spacing:1px;font-family: 'Homenaje', sans-serif;}
.author-list li a{margin:0 5px;color:#000;font-family: 'Homenaje', sans-serif;}
.author-list li a:hover{margin:0 5px;color:#d73532;background-color:#fff;}
.author-list li a.date{cursor: default;}
.author-list li a:hover.date{color:#000;}
.author-list2{margin-top:5px;font-family:'Homenaje', sans-serif;padding:0 20px;;}
.author-list2 li{display:inline-block;font-size:13px;margin:0 10px;letter-spacing:1px;}
.author-list2 li a{margin:0 20px;color:#000;}
.author-list2 li a:hover{margin:0 20px;color:#d73532;background-color:#fff;}
.ALSO-LIKE{text-align:center;margin-top:5px;font-family:'Homenaje', sans-serif;}
.ALSO-LIKE li{display:inline-block;font-size:13px;margin:0 30px;letter-spacing:1px;}
.Separated{float:left;border-right:1px solid #969696;height:50px;margin-top:130px;}
.w{width:calc(25% - 1px);}
.ALSO-LIKE-txt{padding:0 10px;font-weight:700;}
.ALSO-LIKE-brand{color:#909090;padding:0 10px;}
.bigtada-title{color:#7d7d7d;}
.excerpt{color:#e3d5b2;line-height:1.5;padding:0px 20px;height: 60px;overflow: hidden;-webkit-line-clamp: 3;text-overflow: ellipsis; -webkit-box-orient: vertical;display: -webkit-box;}
.excerpt2{color:#7D7D7D;line-height:1.5;padding:0px 20px;}
.excerpt3{color:#000;line-height:1.5;padding:0px;}
.mustRead-wrap{background-color:#132020;color:#fff;}
.mustRead-r{padding:4% 2%;}
.mustRead-l{padding:4% 2%;}
.mustRead-t{margin-left:20px;display:inline-block;}
.mustRead-title{margin-left:20px;}
.mustRead-txt{border:1px solid #ccc;padding:20px 30px;width:50%;background:#fff;box-shadow:3px 3px #f3d42e;}
.readMore a{padding:10px 30px;background-color:#d73532;color:#fff;display:inline-block;margin-left:20px;margin-top:6em;transition: all .3s;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.readMore a:hover{background-color:#777575;}
.M-title{font-family:'Futura','Prata', serif;font-size:31px;color:#fff;border-bottom:2px solid #fff;}
.home-feature-banner{position:relative;padding:0 0 100px 0;}
.home-feature-txt{position:absolute;background:#fff;padding:20px;z-index:10;color:#fff;left:0;right:0;bottom:0;padding:20px 30px;margin:0 auto;width:80%;text-align:center;color:#000;}
.cc{margin-bottom:3em;}
.line-z{border-left:1px solid #000;height:28px;}
.line-z2{border-bottom:1px solid #000;width:calc(100% - 6px);margin-top:27px;}
.line-z3{border-left:1px solid #000;height:28px;}
.instagram-w{padding:100px;border:1px solid #000;box-shadow:3px 3px #686868;}
.instagram-txt{transform:rotate(90deg);width:80px;letter-spacing:10px;font-family:'Homenaje', sans-serif;margin-left:270px;color:#999;}
.topFiveWrap{border:1px solid #cccccc;position:relative;}
.topFiveH2{font-size:19px;padding:20px 43px;text-align:center;}
.topFive-title{font-family:'Prata', serif;font-size:15px;color:#fff;border:1px solid #000;background-color:#000;text-align:center;}
.event-wrap{border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:30px;width:100%;}
.event-title{padding-bottom:10px;}
.event-title-bar{border-bottom:2px solid #000;width:50px;margin:0 auto;margin-top:10px;}
.event-no{background:#000;color:#fff;border-radius:99em;width:30px;height:30px;text-align:center;padding-top:5px;position:absolute;margin-top:-15px;z-index: 1;margin-left: -10px;}
.event-txt.fl{position: relative;width: 100%;overflow: hidden;}
.event-txt.fl .event-img{transform-origin: center;transform: scale(1);transition: all 0.3s;}
/*.event-txt:hover{text-decoration:underline;margin-left:20px;color:#006acd;transition:all .5s;}*/
.event-img{width:100%;}
.event-txt.fl:hover .event-img{text-decoration:inherit;transform: scale(1.2);margin-left:0px;}
.fl.event-wrap .mtm{overflow: hidden;}
.video-txt{overflow:hidden;display:-webkit-box;margin-left:20px;cursor:pointer;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:24px;height:72px;}
.dotted{letter-spacing:2px;width:50px;margin-top:-10px;}
.ad-bg{background:#f2f2f2;padding:80px;}
.bigDataWrap{padding:30px;}
.bigData-number{font-size:70px;font-family:'Prata', serif;text-align:center;color:#3b5998;}
.bigData-d{margin:0 auto;letter-spacing:2px;width:50px;margin-top:-20px;}
.bigData-circle{}
footer{background-color:#000;/*padding:50px 0;*/padding:20px 0px;color:#fff;}
.footer-logo{display:table;margin:0 auto;}
.footer-social{margin-top:5px;margin-left:-20px;}
.footer-social li{display:inline-block;font-size:71px;}
.footer-social li a{margin:0 20px;color:#fff;}
.footer-social li a:hover{margin:0 20px;color:#b1b1b1;}
.footer-nav{text-align:center;font-family:'Homenaje', sans-serif;margin-top:3em!important;}
.footer-nav li{display:inline-block;font-size:15px;letter-spacing:1px;}
.footer-nav li a{margin:0 20px;color:#7b7b7b;font-family: 'Homenaje', sans-serif;}
.footer-nav li a:hover{margin:0 20px;color:#d73532;}
.copyright{font-family:'Homenaje', sans-serif;letter-spacing:5px;color:#7b7b7b;font-size:11px;}
.subscription-wrap{background-color:#f2f2f2;padding:30px;color:#000;}
.subscribe-title{color:#FFF;font-size:41px;/*font-family:'Pacifico', cursive;*/}
.subscribe-title2{color:#FFF;font-size:41px;/*font-family:'Pacifico', cursive;*/margin-bottom:0.3em;}
.email{width:80%;border-radius:0;}
.btn-submit{background-color:#d73532;color:#fff;border-radius:0;padding:10px 30px;}
.btn-submit:hover{color:#fff;background-color:#a82522;}
.btn-submit-fb-index{background-color:#3c599b;color:#fff;border-radius:0;padding:10px 25px;margin-left:1.5em;/*float: right;*/}
.btn-submit-fb-index:hover{background-color:#334c85;color: #fff}
.btn-submit-fb{background-color:#3c599b;color:#fff;border-radius:0;padding:10px 30px;margin-left:20px;}
.btn-submit-fb:hover{background-color:#334c85;color:#fff;border-radius:0;padding:10px 30px;margin-left:20px;}
.btn-letter-submit{background-color:#d73532;color:#fff;border-radius:0;width:20%;}
.btn-letter-submit:hover{color:#fff;background-color:#a82522;}
.txtBox{border-radius:0;}
.line{margin-top:-10px;}
.cover{padding:2px;border:1px solid #b9b9b9;}
.ig-img{width:20%;}
.navside-logo{width:120px;margin-top:20px;margin-left:20px;}
.navside-hr{border-bottom:1px solid #d1d1d1;}
.navside-list{margin-top:20px;font-size:15px;font-family:'Homenaje', sans-serif;margin-left:20px;letter-spacing:1px;}
.navside-Separate{color:#000;border-bottom:1px solid #d1d1d1;margin-top:20px;}
.SUBSCRIBE{font-size:3em;color:#473760;}
.SUBSCRIBE02{line-height:200%;}
.SUBSCRIBE-IMG{text-align:center;}
.btn-submit-SUBSCRIBE{background-color:#473760;color:#fff;border-radius:0;padding:10px 30px;}
.btn-submit-SUBSCRIBE:hover{background-color:#382662;color:#fff;border-radius:0;padding:10px 30px;}
.memberCenter-wrap{background:#f4f3ef;padding:50px;}
.personal-information{border-radius:5px;background:#fff;padding:20px;border:1px solid #eeebe5;box-shadow:0px 1px 0px rgba(10%,10%,10%,0.2);color:#000;}
.personal-information:hover{border-radius:5px;background:#fff;padding:20px;border:1px solid #d73532;box-shadow:0px 1px 0px rgba(10%,10%,10%,0.2);color:#000;}
.memberCenter-icon{font-size:51px;color:#d73532;}
.memberCenter-title{font-size:21px;}
.memberCenter-title2{margin-top:10px;color:#b1b1b1;font-family:'Homenaje', sans-serif;letter-spacing:1px;}
.table tr{height:80px;}
.btn-fb{border-radius:0px;background:#3b5998;color:#fff;padding:10px 30px;font-size:15px;}
.btn-fb:hover{border-radius:0px;background:#284177;color:#fff;padding:10px 30px;}
.btn-login{margin-right:15px;}
.breadcrumb{background:#fff;}
.title-A{font-family:'Prata', serif;}
.title-A02{font-size:12px;color:#c2c2c2;font-style:italic;font-family:'Montserrat', serif;}
.title-A03{font-size:12px;color:#000;font-family:'Montserrat', serif;margin-left:5px;letter-spacing:1px;}
.title-A04{font-size:31px;}
.channel-main-pic{padding:5px;border:1px solid #b5b5b5;}
.line-c{width:1px;height:50px;text-align:center;background:#b5b5b5;margin:0 auto;margin-top:3em;}
.pointer-word{background:#fff600;}
.fourNews{width:20%;}
.inpage-hr{border-bottom:1px solid #cccccc;margin-top:1em;}
.share-fb{padding:10px 20px;border:1px solid #dddddd;display:block;box-shadow:0px 2px 0px rgba(88%, 88%, 88%, 0.5);border-radius:0;margin:0 auto;}
.share{text-align:center;}
.share li{display:inline-block;font-size:19px;margin:0 10px;}
.inpage-arrow{text-align:center;}
.inpage-arrow li{display:inline-block;font-size:19px;}
.inpage-arrow li a{display:inline-block;font-size:19px;margin:0 50px;color:#000;}
.inpage-arrow li a:hover{display:inline-block;font-size:19px;margin:0 50px;color:#a82522;}
.retail-t{}
.retail-t li{display:inline-block;font-size:19px;padding:0 10px;}
.retail-t li a{color:#000;}
.retail-t li a:hover{color:#a82522;}
.retail-title{background:#fff600;padding:0px 20px;border-left:3px solid #000;font-size:15px;font-weight:bold;}
.retail-dotted{color:#b9b9b9;}
.retail-hr{border-bottom:1px solid #cccccc;}
.retail-Precautions{border:1px solid #ccc;padding:20px;line-height:180%;box-shadow:5px 5px 0px rgba(88%, 88%, 88%, 0.5);}
.subscribe-gift-wrap{font-size:18px;}
.subscribe-m-title{font-size:31px;color:#db0057;font-weight:bold;}
.subscribe-hr{border-bottom:3px solid #000;width:150px;}
.subscribe-money{line-height:180%;}
.btn-submit-subscribe{background-color:#000000;color:#fff;border-radius:0;padding:10px 30px;cursor:pointer;}
.btn-submit-subscribe:hover{background-color:#a82522;color:#fff;border-radius:0;padding:10px 30px;cursor:pointer;}
.B-subscribe{font-family:'Prata', serif;font-size:51px;color:#000;}
.menu-wrap{position:relative;background:#fff;padding:20px 0;display: none;transition:all 0.3s;}
.menu-wrap.openbox{display: block;}/*配合header.js*/
.menu-list2.openbox{display: block;}/*配合header.js*/
.menu-list{text-align:center;margin:10px 0 20px 0;font-family:'Homenaje', sans-serif;}
.menu-list li{display:inline-block;font-size:15px;letter-spacing:1px;}
.menu-list li a{margin:0 20px;color:#fff;font-family: 'Homenaje', sans-serif;}
.menu-list li a:hover{margin:0 20px;border-bottom:2px solid #fff;}
.menu-img{width:100%;}
.menu-list2{text-align:center;}
.menu-list2 li{display:inline-block;width:18%;margin:0 0.5%;}
.menu-list2 li a{color:#fff;}
.menu-list2 li a:hover{color:#d73532;}
.menu-txt{margin-top:5px;padding:0 10px;height:90px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.Arecommend{padding:20px;background-color:#f0f0f0;}
.Arecommend-txt{width:80%;cursor:pointer;font-weight:700;font-size:1em;}
.Arecommend-txt:hover{text-decoration:underline;width:80%;color:#E55C4B;transition:all .5s;transition-property:all;transition-duration:0.5s;transition-timing-function:initial;transition-delay:initial;}
.Arecommend-ul{}
.Arecommend-ul li{line-height:250%;list-style-type:disc;margin-left:20px;}
.Arecommend-ul li a{}
.Arecommend-ul li a:hover{text-decoration:underline;width:80%;margin-left:20px;color:#cd0057;transition:all .5s;transition-property:all;transition-duration:0.5s;transition-timing-function:initial;transition-delay:initial;}
.Arecommend .row{align-items:center;display:flex;}
.eventModule-wrap{border:1px solid #cccccc;padding:20px;}
.cmm-title-link{position:absolute;left:0;bottom:0px;display:block;width:30px;height:3px;background-color:#FFFF00;}
.cmm-title-txt{text-transform:uppercase;font-weight:700;padding:10px 0;margin:0;border-bottom:1px solid #eee;}
.cmm-title{position:relative;}
.cmm-title-BT{font-size:19px;}
.cmm-title-BC{color:#cd0057;}
.subscribe-popup-wrap{background:#000;padding:20px;color:#fff;}
.subscribe-popup-txt li a{cursor:pointer;font-weight:700;text-align:center;margin-top:10px;color:#fff;}
.subscribe-popup-txt li a:hover{text-decoration:underline;color:#cd0057;transition:all .5s;transition-property:all;transition-duration:0.5s;transition-timing-function:initial;transition-delay:initial;}
.hover-img{overflow:hidden;}
.hover-img>img{-webkit-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.hover-img:hover>img{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.login_info{padding:20px;border:#bfbfbf 1px solid;}
.commment-list{display:block;text-align:left;max-height:360px;overflow-y:auto;}
.mess-h5{color:#7e7e7e;float:left;padding-right:10px;}
.mess-box{padding:5px 10px 10px 10px;overflow:hidden;border-bottom:1px solid #cccccc;}
.mess-photo{padding:5px 0 0 0;float:left;width:50px;}
.mess{float:left;padding:10px 0 0 15px;width:90%;font-family:Arial,Verdana,"新細明體-ExtB",Helvetica,sans-serif;}
.post-time{color:#7e7e7e;font-size:12px;font-family:Arial,Verdana,"新細明體-ExtB",Helvetica,sans-serif;}
.message_div{}
.message{height:40px;}
.circleBase{border-radius:50%;}
.circle_type1{width:300px;height:300px;border:3px solid red;}
.div0{display:table;}
.div1{display:table-cell;vertical-align:middle;}
.ig{height:276px;width:25%;}
.igm{height:auto;width:auto;}
.ad_header{z-index:1001;position:absolute;right:5px;top:0px;cursor:pointer;height:50px;width:100px;color:black;opacity:0.4;background: rgba(255,255,255, 0.8)}
.tag_span{display:inline-block;font-size:20px;border:solid 1px #d73532;border-top-color:#d73532;border-top-style:solid;border-top-width:1px;border-right-color:#d73532;border-right-style:solid;border-right-width:1px;border-bottom-color:#d73532;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#d73532;border-left-style:solid;border-left-width:1px;border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;padding:7px;border-radius:30px;margin:0 7px;color:#d73532;line-height:1;}
hr.style14{border:0;height:1px;background-image:-webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image:-moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image:-ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image:-o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);}
.prev, .next{cursor:pointer;position:absolute;top:45%;width:auto;color:white;font-weight:bold;transition:0.6s ease;border-radius:0 3px 3px 0;}
.next{right:0;}
.prev:hover, .next:hover{background-color:rgba(0,0,0,0.3);}
#TopFiveCarousel a.prev{font-size:2em;color:black;padding:0px 15px;}
#TopFiveCarousel a.next{font-size:2em;color:black;padding:0px 15px;}
/*#myCarousel a.next{font-size:4em;padding:0px 15px;}
#myCarousel a.prev{font-size:4em;padding:0px 15px;}*/
#myCarousel a.next, #myCarousel a.prev{font-size: 2em;color: #fff;display: block;text-align: center;background: transparent;transition: all 0.3s;width: 40px;height: 40px;line-height: 40px;border: 1px solid #fff;margin: 0px 15px;border-radius: 0px;top: calc((100% - 40px)/2);}
#myCarousel a.next:hover, #myCarousel a.prev:hover{background: #fff;color: #1a1a1a;}
/*#myCarousel .carousel-indicators{bottom:-10px;}*/
#TopFiveCarousel .carousel-indicators{bottom:185px;}
#IgCarousel .carousel-indicators{bottom:-10px;}
div .banner_div{width:33.3%;}
.mobile-mts{margin:0px!important;}
.mobile-mts a{line-height:1.3;}
.multi_ellipsis{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:24px;height:75px;margin-top:1em;}
.multi_ellipsis_title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:24px;height:44px;margin-top:1em;}
.multi_ellipsis_video_title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:24px;height:44px;}
.multi_ellipsis_channel_title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-height:24px;height:92px;}
.multi_ellipsis_video_des{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:24px;height:72px;margin-top:1em;}
.youtube-play-button{position:absolute;height:80px;width:80px;left:50%;top:30%;margin-left:-40px;margin-top:-40px;background:url("/images/owl.video.play.png") no-repeat;cursor:pointer;}
.whatthis .youtube-play-button{top:50%;}
.youtube-play-button_whatthis{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("/images/owl.video.play.png") no-repeat;cursor:pointer;}
.youtube-play-3banner{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:160px;margin-top:-40px;background:url("/images/owl.video.play.png") no-repeat;cursor:pointer;margin-left: -40px}
.youtube-play-button_topfive{position:absolute;height:80px;width:80px;left:50%;top:15%;margin-left:-40px;margin-top:-40px;background:url("/images/owl.video.play.png") no-repeat;cursor:pointer;}
.youtube-play-button_channel{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("/images/owl.video.play.png") no-repeat;cursor:pointer;}
.youtube-play-button_btv{position:absolute;height:80px;width:80px;left:50%;top:30%;margin-left:-40px;margin-top:-40px;background:url("/images/owl.video.play.png") no-repeat;cursor:pointer;}
.mainbanner{display:inline-flex;position:relative;}
.hover-img .banner_span{display:none;position:absolute;margin-top:10%;font-size:1em;color:white;background:black;word-wrap:break-word;padding:10px;width:33.3%;opacity:0.7;}
.webAd{display:block;}
.mobileAd{display:none;}
.hide-mobile{display:block;}
.foot-div{margin:2%;}
.foot-input{margin-top:2em;}
.social-img{padding:0.3em;}
.dropdown{text-align:center;font-family:'Homenaje', sans-serif;}
.dropdown .dropbtn{display:inline-block;font-size:2em;}
.dropdown a{margin:0 10px;color:#000;letter-spacing:1px;font-size:1.2em;}
.dropdown a:hover{margin:0 10px;color:#d73532;background-color:#fff;}
.modal-header .close{margin-top:-20px!important;}
.modal-title{font-family:'Homenaje', sans-serif!important;}
/*.serachbar{padding:10px;}*/
.authorImage{width:16%;display:inline-block;padding-left:15px;}
.headshot{width:100%;}
.author-social{font-size:4em;margin-bottom:-50px;margin-top:-30px;}
.author-social .ig{margin-left:0.5em;}
.author-page-social{font-size:2em;padding-left:20%;margin:20px 20px;position:relative;}
.author-social-div{bottom:-40px;font-size:2em;}
.whatthis_a{color:black;}
div .banner_div{height:204px;}
.whatnew{height:295.7px;overflow:hidden;}
.whatthis{height:200px;overflow:hidden;}
.author_img{height:137px;overflow:hidden;}
.top5{height:136px;overflow:hidden;}
.top5 img{width:100%;}
.channel_img{width:18%;float:left;margin:0 10px;overflow:hidden;}
.channel_div{height:127px;position:relative;overflow:hidden;}
.channel_div p{font-family:"微軟正黑體",'Prata', serif;}
.list_img{height:298px;position:relative;overflow:hidden;}
.other_art_img{height:151px;position:relative;overflow:hidden;}
.channelNew_img{height:150px;position:relative;overflow:hidden;}
.Arecommend .col-lg-4{height:113px;position:relative;overflow:hidden;}
.content_div img{height:100%!important;margin:auto;display:flex;}
.content_div p img{height:100%!important;margin:auto;display:flex;}
.content_div h2 img{height:100%!important;margin:auto;display:flex;}
.content_div span img{height:100%!important;margin:auto;display:flex;}
.content_div div iframe{margin:auto;display:flex;}
@media screen and (max-width: 500px) {
    .content_div div.youtube-embed-wrapper iframe{width:100%}
}
.topFiveDiv{margin-top:449px;}
.nav .open > a{background-color:transparent;}
.nav .open > a:hover{background-color:transparent;}
.nav .open > a:focus{background-color:transparent;}
#wrapper{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;margin-left:0;transition:all 0.5s ease;}
#wrapper.toggled{margin-left:220px;}
#wrapper.toggled #sidebar-wrapper{/*width:220px;*/width:100%;}
#wrapper.toggled #page-content-wrapper{margin-right:-220px;position:absolute;}
#sidebar-wrapper{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;/*background:#1a1a1a;*/height:100%;left:220px;margin-left:-220px;overflow-x:hidden;overflow-y:auto;transition:all 0.5s ease;width:0;z-index:1000;background: #FFF;}
#sidebar-wrapper::-webkit-scrollbar{display:none;}
#page-content-wrapper{width:100%;}
/*手機版icon*/
#sidebar-wrapper .sidebar-icon{width:20%;float:left;}
.sidebar-icon a{padding:0!important;font-size:30px;}
.sidebar-nav{list-style:none;margin:0;padding:0;position:absolute;top:0;/*width:220px;*/width:100%;}
.sidebar-nav li{display:inline-block;line-height:20px;position:relative;width:100%;height:inherit;clear: both;}
/*.sidebar-nav li:before{background-color:#1c1c1c;content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;/*width:3px;z-index:-1;width:0px;}*/

.sidebar-nav .dropdown-menu li:first-child a{background-color: rgba(0,0,0,0.7);color:#ffffff;}
.sidebar-nav li:nth-child(2):before{background-color:#402d5c;}
.sidebar-nav li:nth-child(3):before{background-color:#4c366d;}
.sidebar-nav li:nth-child(4):before{background-color:#583e7e;}
.sidebar-nav li:nth-child(5):before{background-color:#64468f;}
.sidebar-nav li:nth-child(6):before{background-color:#704fa0;}
.sidebar-nav li:nth-child(7):before{background-color:#7c5aae;}
.sidebar-nav li:nth-child(8):before{background-color:#8a6cb6;}
.sidebar-nav li:nth-child(9):before{background-color:#987dbf;}
.sidebar-nav li:hover:before{-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}
.sidebar-nav li a{/*color:#dddddd;*/color:#1a1a1a;display:block;padding:10px 15px 10px 30px;text-decoration:none;margin: 0px;text-align: left;}
.sidebar-nav li.dropdown a{border-bottom: 1px solid rgba(0,0,0,0.3);}
/*手機版icon*/
.sidebar-nav li .sidebar-icon a{text-align: center;}
.sidebar-nav li a .mo_logo{margin: 0 auto;width: 100%;padding: 10px 0px;display: block;max-width: 250px}
.sidebar-nav li.open:hover before{-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}
.sidebar-nav .dropdown-menu{/*background-color:#222222;*/background-color:#fff;border-radius:0;border:none;box-shadow:none;margin:0;padding:0;position:relative;width:100%;display: none;}
.sidebar-nav .dropdown-menu li a{ background:#f9f9f9;}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{background-color:transparent;/*color:#ffffff;*/text-decoration:none;margin: 0px;color: #1a1a1a;}
.sidebar-nav > .sidebar-brand{font-size:20px;height:65px;line-height:44px;}
.sidebar-nav li:hover a{margin-top:inherit;}
/*.sidebar-nav li.dropdown.open>.dropdown-menu{display:block;}*/
.sidebar_list .sidebar-icon a .fa{display: block;padding: 15px;}
@media screen and (max-width: 1200px) {
	.nav li:hover a:nth-child(1){
		margin-top:inherit; 
	}
} 
@media screen and (max-width: 500px) {
	.sidebar-nav li a .mo_logo{max-width: 150px}
}

.hamburger{background:transparent;border:none;display:block;height:2em;margin-left:15px;position:absolute;top:25px!important;width:30px;z-index:1000;}
.hamburger:hover{outline:none;}
.hamburger:focus{outline:none;}
.hamburger:active{outline:none;}
.hamburger.is-closed:before{-webkit-transform:translate3d(0, 0, 0);-webkit-transition:all 0.35s ease-in-out;color:#ffffff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px;}
.hamburger.is-closed:hover before{-webkit-transform:translate3d(-100px, 0, 0);-webkit-transition:all 0.35s ease-in-out;display:block;opacity:1;}
.hamburger.is-closed:hover .hamb-top{-webkit-transition:all 0.35s ease-in-out;top:3px;}
.hamburger.is-closed:hover .hamb-bottom{-webkit-transition:all 0.35s ease-in-out;bottom:3px;}
.hamburger.is-closed .hamb-top{-webkit-transition:all 0.35s ease-in-out;background-color:rgba(0, 0, 0, 0.7);top:3px;}
.hamburger.is-closed .hamb-middle{background-color:rgba(0, 0, 0, 0.7);margin-top:-2px;top:50%;}
.hamburger.is-closed .hamb-bottom{-webkit-transition:all 0.35s ease-in-out;background-color:rgba(0, 0, 0, 0.7);bottom:6px;}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom{height:1px;left:0;position:absolute;width:100%;}
.hamburger.is-open .hamb-top{-webkit-transform:rotate(45deg);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);background-color:#000;margin-top:-2px;top:50%;}
.hamburger.is-open .hamb-middle{background-color:#ffffff;display:none;}
.hamburger.is-open .hamb-bottom{-webkit-transform:rotate(-45deg);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);background-color:#000;margin-top:-2px;top:50%;}
.hamburger.is-open:before{-webkit-transform:translate3d(0, 0, 0);-webkit-transition:all 0.35s ease-in-out;color:#ffffff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px;}
.hamburger.is-open:hover before{-webkit-transform:translate3d(-100px, 0, 0);-webkit-transition:all 0.35s ease-in-out;display:block;opacity:1;}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.4);z-index:1;}
.footer-subscribe-wrap{background:#ebebeb;font-family:"微軟正黑體",'Prata', serif;}
.footer-subscribe-c-wrap{background:#fff;}
.footer-subscribe-line{border-left:1px solid #000;height:70px;width:1px;margin:0 auto;}
.footer-subscribe-t{font-size:40px;text-align:center;}
.footer-subscribe-t-txt{text-align:center;font-size:21px;font-family:'Prata', serif;}
.footer-subscribe-cover{width:50%;margin:0 auto;}
.footer-subscribe-t-txt-c{width:80%;margin:0 auto;text-align:center;font-size:16px;}
.margin-center{margin:0 auto;width:200px;}
.special_index_img{height: 180px;overflow: hidden;}
/*.special_list_img{height: 175px;overflow: hidden;}*/
.special_list_img{height: auto;overflow: hidden;}
.inpage_img{width: 100%;}


/*-----retail-----*/
.retails_div{text-align: center;}
.retails_div h2{background-color: #000;color: #fff; margin-bottom: 0px;}
.retails_div h3{background-color: pink;}
.retails_item {border:#000 1px solid;}

#LoginModal .modal-dialog {
  width: 50%;
  text-align: center;
}
/*電腦版 header*/
body{padding-top: 185px;transition: all 0.3s;position: relative;overflow-x: hidden;width: 100%}
header{position:fixed;top:0px;width:100%;/*overflow: hidden;*/z-index: 1000;background: #fff;/*height: 186px;*/height:auto;transition: all .3s;box-shadow: 0px rgba(0,0,0,0);transition: all 0.3s;}
.logo_box{padding: 30px 0px; display: block; transition:all 0.3s;transform:scale(1);transform-origin: center;overflow: hidden;opacity: 1;}
.logo_box img.logo{margin: 0 auto;padding: 0px;display: block;overflow: hidden;}
body.sticky_header{ padding-top:90px;transition: all 0.3s;}
body.sticky_header header{height: 76px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.2);}
body.sticky_header header .logo_box{padding:0px;transform:scale(0);transition: all 0.3s;opacity: 0;height: 0px;}
.logo-m{opacity: 0;transform: scale(0);transition: all 0.3s;position: absolute; top:0px; left:0px;}
.social{opacity: 1;transition: all 0.3s;}
body.sticky_header .logo-m{opacity: 1;transform: scale(0.6);}
@media (max-width:1365px) and (min-width: 1201px){
	body.sticky_header .logo-m{opacity: 1;transform: scale(0.5);}
}

@media (max-width:1200px){
	header{display:none;}
	.email{width:80%;border-radius:0;}
	.container-fluid{width:1170px;}
	.hide-mobile{display:none;}
	.hide-pc{display:block;text-align:center;}
	.webAd{display:none;}
	.mobileAd{display:block;}
	.allAd{position:fixed;bottom:0;width:100%;}
	.topFiveDiv{margin-top:0px;}
	.sidebar-nav > .sidebar-brand{height: auto;width:100%;border-bottom: 1px solid rgba(0,0,0,0.3);position: relative;}
	.sidebar-nav > .sidebar-brand .outside_box{width:50%;margin: 0 auto;}
	.sidebar-nav > .sidebar-brand button{position: absolute; top:19px!important;;left: 5px;}
	.caret{transform-origin: center;transition: all 0.3s;transform: rotate(0deg);}
	.caret.turn{transform: rotate(180deg);}
}
@media (max-width:1200px){
	.mobile-header{z-index: 1000;background:#fff;position:fixed;top:0px;left:0px;width:100%;display:block;border-bottom:1px solid #d1d1d1;}
	.fa-search{margin-top: 35px;}
}
@media (max-width:1024px){
	body{padding-top: 0px}
	header{display:none;}
	h1{font-size:2em;}

	.logo{width:auto;padding:0;margin:20px auto;}
	.fa-bars,.fa-search{font-size:23px;margin-top:30px;}
	.B-title{font-size:19px;}
	.B-title2{font-size:19px;}
	.space90{height:50px;}
	.articleT-wrap{margin:20px 0;}
	.tagbar-list{text-align:center;}
	.author-list{text-align:center;}
	.mobile-mts{margin-top:0.5em;text-align:center;}
	.mustRead-l, .mustRead-r{width:100%;}
	.m-tac{text-align:center;}
	.mustRead-t, .readMore{margin:0 auto;display:table;}
	.Separated{margin-top:80px;}
	.subscribe-title{text-align:center;}
	.footer-social{margin-top:5px;text-align:center;}
	.submit{display:table;margin:auto;margin-top:2em;}
	.footer-excerpt{text-align:center;}
	.subscribe-title2{margin-top:1em;margin-bottom:0.3em;text-align:center;}
	.excerpt{color:#7D7D7D;line-height:1.5;border:none;width:100%}
	.home-feature-banner{position:relative;padding:0 0 200px 0;}
	.home-feature-txt{background:#fff;padding:20px;z-index:10;color:#fff;left:0;right:0;bottom:0;margin:0 auto;width:100%;text-align:center;color:#000;}
	.Arecommend-txt{font-size:1em;}
	.Arecommend-div{margin-top:0em;}
	.footer-social{margin-left:0px;}
	.SUBSCRIBE-IMG{text-align:center;margin-top:0.5em;}
	.wrap{margin-top:30px;}
	.headshot{height:250px!important;width:80%!important;}
	.headshot{height:307px!important;}
	.container-fluid{width:100%;}
	a.prev, a.next{font-size:2em!important;}
	.youtube-play-button{top:31%;}
	.whatthis .youtube-play-button{top:46%;}
	.youtube-play-button{top:25%;}
	.hover-img .banner_div{width:100%;}
	.hover-img .banner_span{margin-top:35%;width:100%;display:block;}
	.mainbanner{display:block;}
	h2 a{font-size:0.7em;line-height:1}
	div .banner_div{width:100%;height:auto;}
	.m{padding:5px 15px;}
	.subscribe-title{font-size:35px;}
	.bigData-number{font-size:65px;}
	.bigdate-div{margin-top:2em;}
	.Arecommend-txt img{height:auto!important;}
	.Arecommend .col-lg-4{height:66px!important;}
	.other_art_img{height:200px;}
	a .mtm{margin-top:0;}
	.whatnew{height:187px;}
	.whatthis{height:377px;}
	.top5{height:100%;}
	.bigData-circle{height:100%;}
	.authorImage{width:80%;margin-left:10%}
	/*.youtube-play-3banner{margin-left: 45%;margin-top: -25px;}*/
	.youtube-play-button_topfive{top: 32%;}
	.fa-search{font-size: 2em;}
	.mobile-top{margin-top: 30px;}
	.content img {height: auto!important;}
	#LoginModal .modal-dialog {width: 100%;}

}
@media (max-width:768px){
	.m{padding:5px 15px;font-size:10px;}
	.bigData-circle{height:720px;}
	/*.youtube-play-3banner{margin-left: 160px;}*/
	.youtube-play-button_topfive{top:23%;}
	.whatthis .youtube-play-button{top:50%;}
	.top5{height:375px;}

    .author-page-social {
        padding-left: 0;
    }
    .headshot {
        width: 60%!important;
    }
}
@media (max-width:640px){
	.w{width:100%;}
	.whatthis{height:200px;}
	.whatnew{height:auto;}
	.top5{height:200px;}
	/*.bigData-circle{height:330px;}*/
	.bigData-circle{height:auto; margin-bottom: 10px;}
	.list_img{height:230px;}
	div .banner_div,.carousel-inner>.item{height:200px;}
	.content_div div .banner_div,.carousel-inner>.item{height:auto;}
}
@media (max-width:480px){
	.sidebar-nav > .sidebar-brand{
		height: auto;
	}
    .author-page-social {
        padding-left: 0;
    }
    .authorImage {
        width: 100%;
        margin-left: 0px;
        padding-left: 0px;
    }
    .authorImage .circleBase {
        width: 100%;
    }
    .headshot {
        width: 60%!important;
    }
}

@charset "UTF-8";
ul.event-list-items {
  padding: 10px 0px;
  font-family: Microsoft JhengHei; }
  ul.event-list-items li {
    line-height: 1.5;
    margin: 5px 0px; }
    ul.event-list-items li span:before {
      content: "|";
      display: inline-block;
      color: #000;
      margin: 0px 5px;
      font-size: 14px; }
  ul.event-list-items li:before {
    padding: 3px 5px;
    background: #000;
    color: #fff;
    margin-right: 5px; }
  ul.event-list-items li.p-count {
    color: #d20000; }
    ul.event-list-items li.p-count span {
      font-size: 24px; }
    ul.event-list-items li.p-count:before {
      content: "參與人數";
      display: inline-block; }
  ul.event-list-items li.d-start:before {
    content: "開始日期";
    display: inline-block; }
  ul.event-list-items li.d-line:before {
    content: "截止日期";
    display: inline-block; }

.event-login {
  background: #121317;
  padding: 10px 30px; }
  .event-login h2 {
    color: #fff;
    text-transform: uppercase; }

form.login {
  text-align: center; }

.login-btn {
  display: inline-block;
  padding: 3% 20%;
  border: 0;
  background: #000;
  color: #fff; }

.login-tips {
  text-align: center;
  margin-top: 10px; }
  .login-tips a {
    display: inline-block;
    margin: 5px 10px; }
  .login-tips a.forgot {
    color: #979696; }
  .login-tips a.newID {
    color: #d29d41; }

h2.event-title {
  font-size: 30px;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-weight: 300; 
}
 h2.event-title:after {
    content: "";
    height: 3px;
    background: #000;
    width: 30%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); 
}

.hr-yellow {
  border-bottom: 2px solid #ffbf73;
  margin: 3% 0%; }

h3.tac_h3 {
  margin: 10px 0px; }

.side-widget a:hover, .side-widget a:focus, .side-widget a:active, .side-widget a a:visited {
  text-decoration: none; }

.sideimg-wrp {
  position: relative; }

.side-counter {
  background: #000;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  padding: 5px;
  font-size: 16px;
  font-weight: bold; }
  .side-counter span {
    color: #ff0000;
    padding: 0px 5px;
    font-size: 2rem; }

.recommend-slider .tv-block {
  margin-bottom: 10px; }

.slick-prev:before {
  font-family: fontawesome;
  content: "\f053";
  color: #000; }

.slick-next:before {
  font-family: fontawesome;
  content: "\f054";
  color: #000; }

h2.mobile-mts {
  padding: 10px 0px; }

h1.tv-heading {
  border-left: none;
  padding: 20px 0px;
  margin-left: 0%;
  width: 15%;
  position: absolute;
  z-index: 999;
  font-weight: 600;
  font-size: 4rem; }

section.catemenu {
  margin: 10% 0px 5% 0px;
  position: relative; }
  section.catemenu:before {
    content: "";
    width: 2px;
    height: 40%;
    background: #ffc073;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%; }

.category-wrap {
  width: 425px;
  height: 240px;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  position: relative; }
  .category-wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    z-index: 99; }
  .category-wrap:hover:before {
    background: rgba(0, 0, 0, 0.3); }
  .category-wrap:hover img {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); }
  .category-wrap img {
    width: 100%;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all; }
  .category-wrap .wrap-content {
    position: absolute;
    text-align: center;
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px;
    width: 85%;
    z-index: 999; }
    .category-wrap .wrap-content .cate-more {
      font-weight: 300; }
    .category-wrap .wrap-content .cate-title {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-height: 24px;
      height: 70px;
      padding: 10px 0px; }
    .category-wrap .wrap-content .cate-more:before {
      content: "watch more";
      display: block;
      font-size: 14px; }

.play-btn {
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 2% auto;
  position: relative; }
  .play-btn:before {
    content: "\f04b";
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

h2.tv-index-title {
  text-transform: none; }
  h2.tv-index-title:after {
    content: none; }

ul.sub-nav {
  text-align: center; }
  ul.sub-nav li {
    display: inline-block;
    margin: 0px 15px;
    cursor: pointer;
    font-size: 16px; }
    ul.sub-nav li a {
      color: #2d2d2d; }
  ul.sub-nav li.cate-name.active {
    position: relative; }
    ul.sub-nav li.cate-name.active:after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2px;
      background: #ffbe72;
      left: 0;
      bottom: 0px; }
  ul.sub-nav li.cate-name {
    width: 80px; }

section.tv-sliderv1 {
  padding-top: 5%; }
  section.tv-sliderv1 .slider-left {
    color: #000; }
  section.tv-sliderv1 .slider-content-box {
    margin: 0 auto;
    padding-top: 20%;
    width: 70%; }
  section.tv-sliderv1 .slider-b-title {
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 3px;
    line-height: 1.5; }
  section.tv-sliderv1 .slider-description {
    font-weight: 300;
    padding: 10px 0px;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 24px;
    height: 40px; }
  section.tv-sliderv1 .w-more {
    margin-top: 0%;
    padding-left: 10%; }
    section.tv-sliderv1 .w-more:before {
      content: "\f054";
      font-family: fontawesome;
      margin-right: 10px; }
  section.tv-sliderv1 .slider-control .carousel-indicators {
    bottom: -35px;
    margin-left: 0px;
    left: 0;
    text-align: left;
    font-size: 16px; }
    section.tv-sliderv1 .slider-control .carousel-indicators li {
      border: none;
      text-indent: 0;
      width: auto;
      height: 20px;
      margin-right: 5px;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      background-color: transparent; }
    section.tv-sliderv1 .slider-control .carousel-indicators li.active {
      font-size: 5rem;
      font-weight: 900;
      color: #5b5b5b; }
  section.tv-sliderv1 .arrow-control {
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: 5px; }
    section.tv-sliderv1 .arrow-control a {
      color: #000;
      padding: 0px 5px;
      font-size: 16px; }

.slider-img-wrap {
  overflow: hidden;
  height: 365px; }
  .slider-img-wrap img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

section.tv-list {
  background: #f4f4f4;
  padding: 50px 0px;
  border-top: 1px solid #ffbe72; }

.tv-block {
  margin-bottom: 5%; }

.tvlist-title {
  font-size: 18px;
  color: #474747;
  padding: 15px 0px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 24px;
  height: 65px; }

p.description {
  line-height: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 24px;
  height: 90px;
  padding: 20px 0px; }

.block-img-wrap {
  height: 200px;
  overflow: hidden;
  position: relative; }
  .block-img-wrap:before {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    z-index: 10; }
  .block-img-wrap:after {
    content: "\f04b";
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 10; }
  .block-img-wrap:hover img {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 1; }
  .block-img-wrap img {
    width: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

.pagination {
  text-align: center;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .pagination li {
    font-family: sans-serif;
    font-weight: 300;
    cursor: pointer;
    border: none;
    color: #000; }
    .pagination li:first-child, .pagination li:last-child {
      color: #fff;
      background: #fd9c00; }
      .pagination li:first-child span, .pagination li:first-child a, .pagination li:last-child span, .pagination li:last-child a {
        color: #000;
        border: 1px transparent; }
        .pagination li:first-child span:hover, .pagination li:first-child a:hover, .pagination li:last-child span:hover, .pagination li:last-child a:hover {
          color: #fff; }
      .pagination li:first-child:hover span, .pagination li:last-child:hover span {
      	background: #ddd;
        color: #000; }
      .pagination li:first-child a, .pagination li:last-child a {
        color: #fff;
        background: #fd9c00; }
        .pagination li:first-child a:hover, .pagination li:first-child a:active, .pagination li:first-child a:visited, .pagination li:first-child a:focus, .pagination li:last-child a:hover, .pagination li:last-child a:active, .pagination li:last-child a:visited, .pagination li:last-child a:focus {
          background: #fd9c00;
          color: #fff; }
    .pagination li span, .pagination li a {
      border: 1px transparent;
      color: #000;
      font-weight: 400; }
    .pagination li:hover span, .pagination li:hover a {
      color: #000; }
  .pagination .active {
    border-color: transparent;
    background: #fd9c00;
    color: #fff;
    cursor: pointer;
    border-color: transparent; }
    .pagination .active:hover span, .pagination .active:active span, .pagination .active:visited span, .pagination .active:focus span {
      background-color: #fd9c00;
      border-color: transparent;
      color: #fff; }
    .pagination .active span {
      color: #fff;
      border: 0;
      border: 1px transparent;
      background: #fd9c00; }

.video-title {
  border: none;
  padding-left: 0;
  padding: 20px 0px; }

.video-descrption {
  font-size: 16px;
  color: #252525; }
  .video-descrption p {
    line-height: 2; }

section.event-data-info {
  background: #fe9d00;
  color: #000;
  padding: 5% 0px; }
  section.event-data-info .login-btn {
    padding: 3% 10%;
    margin: 5% 0%;
    font-weight: bold; }
    section.event-data-info .login-btn:hover, section.event-data-info .login-btn:focus, section.event-data-info .login-btn:active {
      color: #fff;
      text-decoration: none; }

.event-date {
  color: #fff;
  font-weight: bold; }

h2.activity-name {
  font-weight: 500; }

.activity-text {
  font-size: 16px; }

.count-circle {
  width: 270px;
  height: 270px;
  position: relative;
  margin: 0 auto;
  border: 3px solid #fff;
  border-radius: 100%;
  padding: 20px 0px; }
  .count-circle .count-number {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: bold;
    color: #fff; }
    .count-circle .count-number .number {
      font-size: 9rem; }
    .count-circle .count-number .people-number {
      font-size: 16px; }

.movie-data-info .content,
.comment-awards .content,
.feedback .content {
  padding: 0% 10%; }
  .movie-data-info .content h2,
  .comment-awards .content h2,
  .feedback .content h2 {
    color: #c17f00;
    text-align: center;
    font-size: 3rem;
    font-weight: 400; }
    .movie-data-info .content h2:after,
    .comment-awards .content h2:after,
    .feedback .content h2:after {
      content: "";
      display: block;
      width: 30px;
      height: 4px;
      background: #c8c8c8;
      margin: 20px auto; }
  .movie-data-info .content p,
  .comment-awards .content p,
  .feedback .content p {
    font-size: 16px;
    line-height: 2; }
  .movie-data-info .content img,
  .comment-awards .content img,
  .feedback .content img {
    padding: 20px 0px; }
  .movie-data-info .content hr,
  .comment-awards .content hr,
  .feedback .content hr {
    border-top: 2px solid #ffbf72;
    height: 4px; }

table.winner-list {
  border: none;
  font-size: 16px; }
  table.winner-list tr {
    text-align: center;
    border: none; }
    table.winner-list tr td {
      vertical-align: middle;
      border: none; }

form.activity-sign {
  padding: 20px 0px; }
  form.activity-sign .upload input {
    display: inline-block;
    margin-left: 10px; }
  form.activity-sign .btn {
    display: block;
    margin: 0 auto;
    background: #000;
    color: #fff;
    border-radius: 0;
    padding: 10px 45px;
    font-size: 2rem;
    border: 0; }

.feedback .content {
  padding: 20px 10%; }

.feedback .login-btn {
  padding: 2% 7%;
  font-weight: 600; }

.feed-title {
  text-align: center;
  font-size: 4rem;
  padding-top: 50px;
  font-weight: 300; }

.feed-sub-title {
  text-align: center; }
  .feed-sub-title div {
    position: relative;
    background: #ffe9d4;
    display: inline-block;
    padding: 10px 50px;
    width: 300px;
    height: 65px; }
    .feed-sub-title div p {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 250px;
      font-size: 18px;
      top: -5px;
      color: #ff9700; }/*dan*/

.feed-comment {
  height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 20px 0px; }
  .feed-comment img {
    padding: 0 !important; }
  .feed-comment .c-pic {
    text-align: right; }

.comment-awards .content {
  margin-top: 1em;
  font-size: 16px;
  padding: 0; }
  .comment-awards .content ul {
    padding: 10px; }
    .comment-awards .content ul li {
      list-style: disc;
      line-height: 2;
      margin-left: 3%; }

.counting {
  display: inline-block;
  border: 2px solid #000;
  font-weight: bold;
  padding: 3px 10px 0px 3px; }
  .counting span.num-day {
    color: #fd024f;
    font-size: 3rem; }

ul.event-info {
  padding: 20px 0px; }
  ul.event-info li {
    margin: 5px 0px; }
  ul.event-info li.event-day:before {
    content: "活動日期 ｜";
    display: inline-block; }
  ul.event-info li.event-methods:before {
    content: "活動辦法 ｜";
    display: inline-block; }
  ul.event-info li.rewards:before {
    content: "活動獎項 ｜";
    display: inline-block; }
  ul.event-info li.listing:before {
    content: "得獎名單 ｜";
    display: inline-block; }
    ul.event-info li.use_time:before {
    content: "活動期間 ｜";
    display: inline-block; }
    ul.event-info li.use_address:before {
    content: "活動地址 ｜";
    display: inline-block; }

.yellow-block {
  padding: 5px;
  background: #ffc073; }

.participants {
  color: #fd024f; }
  .participants span {
    font-size: 2rem; }

.add-comment {
  background: #f4f4f4;
  min-height: 300px;
  margin: 5% 0px;
  border-bottom: 1px solid #ffbf72; }

.input-comment {
  text-align: center;
  padding: 5% 0; }
  .input-comment .question {
    padding: 20px 0px;
    font-size: 2rem; }
    .input-comment .question:after {
      content: "";
      display: block;
      width: 20px;
      height: 2px;
      background: #e2e2e2;
      margin: 0 auto;
      margin-top: 30px; }
  .input-comment .none-border {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #000;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 45%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.75rem; }
  .input-comment .btn-comment {
    font-size: 1.75rem;
    border: 2px solid #000;
    border-radius: 0;
    background: #fff;
    padding: 10px 30px;
    margin: 20px 10px; }

.comment-block h4 {
  text-align: center;
  color: #646564; }
  .comment-block h4:after {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    background: #c8c8c8;
    margin: 20px auto; }

.comment-block .comment-wrap {
  width: 100%;
  border-bottom: 1px dotted;
  padding: 10px 0px;
  display: inline-block; }

.comment-block .c-pic, .comment-block .c-timetag {
  padding: 0;
  vertical-align: middle; }
  .comment-block .c-pic img, .comment-block .c-timetag img {
    width: 70%; }

.comment-block .c-timetag {
  font-size: 13px; }

.comment-block .c-words {
  line-height: 1.5; }

.comment-block .btn-morecomment {
  display: block;
  margin: 10px auto;
  background: #000;
  color: #fff;
  padding: 8px 20px;
  border-radius: 0; }

.switch {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #ececec;
  height: 268px;
  width: 60px;
  z-index: 999;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer; }
  .switch:hover {
    opacity: 1 !important; }
  .switch i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 4rem;
    z-index: 999; }

.p-contentbox {
  /*height: 300px;*/
  width: 400px;
  position: fixed;
  background: #ececec;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 998;
  padding: 20px 40px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #000; }
  .p-contentbox:hover, .p-contentbox:focus, .p-contentbox:active {
    color: #000;
    text-decoration: none; }
  .p-contentbox p {
    text-align: center;
    margin-top: 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }

.img-wrapper {
  width: 325px;
  height: 180px;
  overflow: hidden; }
  .img-wrapper img {
    width: 100%; }

.next-page {
  right: 0; }
  .next-page:hover .next-page-box {
    right: 60px; }
  .next-page .next-page-box {
    right: -1000%; }

.prev-page {
  left: 0; }
  .prev-page:hover .prev-page-box {
    left: 60px; }
  .prev-page .prev-page-box {
    left: -1000%; }

@media (max-width: 1024px) {
  .switch {
    display: none; }
  .category-wrap {
    width: 100%; }
    .category-wrap:hover:before {
      background: rgba(0, 0, 0, 0.6); }
      .category-wrap:hover:before img {
        -webkit-transform: translate(-50%, -50%) scale(1.5);
        -ms-transform: translate(-50%, -50%) scale(1.5);
        transform: translate(-50%, -50%) scale(1.5);
        position: absolute;
        top: 50%;
        left: 50%; }
  .block-img-wrap {
    height: 164px; }
    .block-img-wrap:hover img {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      z-index: 1; }
  section.tv-sliderv1 .slider-img-wrap {
    height: 315px; } }

@media (max-width: 768px) {
  form.activity-sign .upload input {
    width: 100%; }
  form.activity-sign .btn {
    width: 100%; }
  .comment-block {
    padding: 10px 20px; }
    .comment-block .c-pic img {
      width: 100%; }
    .comment-block .c-timetag {
      margin-top: 10px;
      text-align: right;
      padding: 0 15px; }
  .category-wrap {
    width: 100%;
    margin: 5% auto; }
    .category-wrap:hover img {
      -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
      transform: translate(-50%, -50%) scale(1.5);
      position: absolute;
      top: 50%;
      left: 50%; }
    .category-wrap img {
      -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
      transform: translate(-50%, -50%) scale(1.5);
      position: absolute;
      top: 50%;
      left: 50%; }
  section.catemenu:before {
    display: none; }
  section.tv-sliderv1 {
    padding-top: 0%; }
    section.tv-sliderv1 .slider-img-wrap {
      height: 245px; }
    section.tv-sliderv1 .slider-content-box {
      padding-top: 0; }
  h1.tv-heading {
    border-left: none;
    padding: 20px 0px;
    margin-left: 0%;
    width: 100%;
    position: relative;
    z-index: 999;
    font-weight: 600;
    font-size: 4rem;
    text-align: center; }
  .block-img-wrap {
    height: 120px; }
    .block-img-wrap:hover img {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      z-index: 1; } }

@media (max-width: 767px) {
  section.tv-sliderv1 .slider-b-title {
    font-size: 2rem; }
  section.tv-sliderv1 .slider-date {
    font-size: 13px; }
  section.tv-sliderv1 .slider-description {
    display: none; }
  section.tv-sliderv1 .slider-left {
    position: absolute;
    z-index: 999;
    width: 90%;
    color: #fff;
    padding-top: 15%; }
  section.tv-sliderv1 .slider-img-wrap {
    position: relative;
    height: 285px; }
    section.tv-sliderv1 .slider-img-wrap:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      z-index: 99; }
    section.tv-sliderv1 .slider-img-wrap img {
      -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
      transform: translate(-50%, -50%) scale(1.5); }
  section.tv-sliderv1 .slider-control .carousel-indicators {
    margin-left: 13px; }
  .category-wrap {
    width: 100%; }
    .category-wrap:hover img {
      -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
      transform: translate(-50%, -50%) scale(1.5);
      position: absolute;
      top: 50%;
      left: 50%; }
    .category-wrap img {
      -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
      transform: translate(-50%, -50%) scale(1.5);
      position: absolute;
      top: 50%;
      left: 50%; }
  ul.sub-nav {
    text-align: center;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    height: 35px;
    -webkit-overflow-scrolling: touch; }
  .block-img-wrap {
    height: 160px; }
    .block-img-wrap:hover img {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      z-index: 1; } }

@media (max-width: 376px) {
  section.tv-sliderv1 .slider-b-title {
    font-size: 1.5rem; }
  section.tv-sliderv1 .slider-date {
    font-size: 10px; }
  section.tv-sliderv1 .slider-img-wrap {
    position: relative;
    height: 215px; }
  .category-wrap {
    max-height: 325px;
    width: 100%; }
    .category-wrap:hover img {
      -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
      transform: translate(-50%, -50%) scale(1.5);
      position: absolute;
      top: 50%;
      left: 50%; }
    .category-wrap img {
      -webkit-transform: translate(-50%, -50%) scale(1.5);
      -ms-transform: translate(-50%, -50%) scale(1.5);
      transform: translate(-50%, -50%) scale(1.5);
      position: absolute;
      top: 50%;
      left: 50%; }
    .category-wrap .wrap-content .cate-title {
      height: 60px; } 
}

.icon_block{float: left;padding-right: 10px; padding-left:5px;width: 60px;height: auto;}
.icon_block:first-child{margin-left: 13px;}
.mustRead-wrap{padding: 0px 100px;margin-top:150px;}
@media (max-width: 1366px) {
	.bigtada-title{line-height: 1.6;}
	.mtlg{margin-top:0px;}
	.mustRead-wrap{margin-top:120px;}
	.wrap.mtlg.subscribe_block{margin-top:43px;}
}
@media (max-width: 1200px) {
	body{padding-top: 120px;}
}
@media (max-width: 1024px) {
	.icon_block_list{width:223px;margin: 0 auto;}
	.icon_block{width:50px;}
	.mustRead-wrap{padding: 0px 50px;margin-top:100px;}
	p.footer-excerpt{margin: 5px 0px 20px 0px;}
	span.readMore a{margin-left: 0px;margin-top: 2em;margin: 0 auto;display: block;width: 180px;text-align: center;}
	.mtlggP{margin-top: 0em;}
	.whatthis{height: 200px;}
	/*.wrap.mtlg.subscribe_block{margin-top:43px;}*/
	.mtl,.mtlgg{margin-top: 2em;}
	.foot-div{margin:0px 2%;}
}
@media (max-width: 960px) {
	.mustRead-wrap{margin-top:80px;}
}
@media (max-width: 768px) {
	.mustRead-wrap{margin-top:50px;padding: 0px 20px;}
	.whatthis{height: 350px;}
	.bigData-circle{max-width: 500px;margin: 0 auto 10px auto;height: auto;}
}
@media (max-width: 450px) {
	.space90 {height: 30px;}
	.mustRead-wrap{padding: 0px 0px;}
}
.menu-wrap{background: #E55C4B;margin-top: -11px;}
/*延伸閱讀*/
.Arecommend{background: transparent;border: 1px solid #d1d1d1;;padding: 0px;overflow: hidden;}
.Arecommend-div{display: block;width: 60%;float: right;overflow: hidden;padding: 2.5% 1.5% 0px 0px;height: 85%;}
.Arecommend .row{height: 113px;align-items: center;display: block;width: 100%;margin: 0px; cursor: pointer;overflow: hidden;}
.Arecommend .col-lg-4{height:100%;padding: 0px;}
.Arecommend-txt{color: #1a1a1a;text-decoration: #1a1a1a underline;line-height: 1.6;transition: all 0.3s;}
.Arecommend-txt img{height: auto!important;width: 100%;min-height: 100%;}
.tac.mtl.circleBase{border-radius: 50%;width: 200px;height: 200px;overflow: hidden;margin: 2em auto 0px auto;}
.tac.mtl.circleBase .headshot{border-radius: inherit;overflow: hidden;height: 100%!important;width:100%!important;max-height: inherit;}
.Arecommend .col-lg-4 img{transition: all 0.3s; transform-origin: center;transform: scale(1);}
.Arecommend:hover .col-lg-4 img{transform: scale(1.2);}
.Arecommend:hover .Arecommend-div .Arecommend-txt{color: #E55C4B;text-decoration:#E55C4B underline }
.Arecommend-div .Arecommend-txt{display: inline-block;vertical-align: middle;word-break: break-word;}
.Arecommend-div:before{content:'';width:0;height:100%;display:inline-block;position:relative;vertical-align:middle;}
/*.Arecommend-div .Arecommend-txt:after{content: '...';position: absolute;bottom:3px;right: 0px;}*/
@media (max-width: 1366px) {
	.mtl{margin-top: 2em;}
}
@media (max-width: 1024px) {
	.headshot{height: auto!important;}
	.Arecommend-div, .Arecommend .col-lg-4{width:50%;}
	/*文章圖片大小 行數高度*/
	.Arecommend .row{height: 155px;}
	.Arecommend-div{padding: 2.5% 1.5% 0px 1.5%;}
	.Arecommend .col-lg-4{height: auto!important;}
}
@media (max-width: 991px) {
	/*.Arecommend-div .Arecommend-txt{height: }*/
	.tac.mtl.circleBase{width: 500px;margin: 2em auto 1em auto;height: 500px;}
}
@media (max-width: 768px) {
	.Arecommend-div {padding: 2.5% 1.5% 2.5% 1.5%;}
	.Arecommend .row{height: 113px;}
	.Arecommend-div:before{content:'';width:0;height:100%;display:inline-block;position:relative;vertical-align:middle;}
	.sidebar-nav li a .mo_logo{max-width: 150px}
}
@media (max-width: 500px) {
	.tac.mtl.circleBase{width: 300px; height: 300px;}
	.Arecommend-div{width: 50%}
	.Arecommend .row{min-height: 60px;height:90px;}/*padding-bottom: 8px;*/ 
	.mtm{margin-top:0.5em; }
	ul.share{padding-bottom: 20px;}
	.Arecommend{margin-bottom: 1em;}
	.Arecommend .col-lg-4{width: 160px;}
	.Arecommend-div{width: calc(100% - 170px);}
	.Arecommend-div .Arecommend-txt{max-height: 70px;line-height: 1.4;width: 90%;}
	.logo{margin: 10px auto;}
	.fa-bars, .fa-search{margin-top: 23px;}
	body{padding-top: 60px;}
	.whatthis{height: 200px;}
}
@media (max-width: 400px) {
	.tac.mtl.circleBase{width: 200px; height: 200px;}
}
/*bigdata*/
@media (min-width: 1200px){
	.bigdate-div{width: calc(100%/3);margin-top: 36px;}
	.bigData-circle {width: 80%;height: 288px;margin: 0 auto;}
	.img-circle{width: 100%;height: 100%;}
}
/*輪播行數高度修正*/
.topFiveH2{
	height: 80px;
    overflow: hidden;
    padding: 0px 43px;
    margin: 20px 0px;
    line-height: 1.5;
    text-align: center;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-word;
}
#TopFiveCarousel a.prev,#TopFiveCarousel a.next{
	font-size: 2em;
    color: #333333;
    display: block;
    text-align: center;
    background: transparent;
    transition: all 0.3s;
    width: 40px;
    height: 40px;
    line-height: 40px;
    /*border: 1px solid #333333;*/
    margin: 0px 0px;
    border-radius: 0px;
    float: left;
}
#TopFiveCarousel a.next{
	float: right;
}
.tac.mtl{
	color: #000;
}
@media (max-width: 768px){
	.top5{
		position: relative;
	}
	.youtube-play-button_topfive{
		top:50%;
	}
	.topFive-title{
		padding: 8px 0px;
	}
	.event-wrap{
		padding: 15px 30px;
	}
	.event-title-bar{
		margin-top: 5px;
	}

}
@media (max-width: 960px) and (min-width: 700px) {
	.hamburger{
		top: 40px!important;
	}
	.fa-search{
		margin-top: 40px;
	}
	.sidebar-nav > .sidebar-brand .outside_box{
		max-width: 150px;
		/*width: 250px*/
	}
	.logo{
		margin: 15px auto;
		max-width: 250px
	}
}

body.cke_editable{padding-top: 0px;}

@media (max-width: 500px){
	#TopFiveCarousel a.prev, #TopFiveCarousel a.next{
		top:50%;
	}
}
/*for ie*/
html.ie h1, html.ie h2, html.ie h3,html.ie h4,html.ie h5,html.ie h6, html.ie p, html.ie body{
	font-family: 'cwTeXHei', sans-serif;
}

@media (min-width: 1200px){
	.mtm{margin-top: 2em;}
	/*.Arecommend .row{margin-bottom: 1em;}*/
}
/*首頁修正*/
span.readMore{
	display: block;
    overflow: hidden;
    margin-top: 6.8em;
}

span.readMore a{
	margin-top:0px;
}

h2.mts{
	height: 90px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #337ab7;
}
/*輪播圓點*/
#TopFiveCarousel .carousel-indicators{bottom: inherit;top: 305px;}
.carousel-indicators li{background-color:rgba(0,0,0,0.6); border:1px solid #888;}

@media (max-width: 1499px) and (min-width: 1025px){ 
	/*#TopFiveCarousel .carousel-indicators {bottom: 95px;}*/
	span.readMore{margin-top: 7.5em;}
}
@media (max-width: 1024px){ 
	/*#TopFiveCarousel .carousel-indicators {bottom: 83px;}*/
	h2.mts{height: 65px;}
}
@media (max-width: 960px){ 
	/*#TopFiveCarousel .carousel-indicators {bottom: 56px;}*/
}
@media (max-width: 768px){ 
	#TopFiveCarousel .carousel-indicators {display: none;}
}
@media (max-width: 600px){ 
	/*#TopFiveCarousel .carousel-indicators {top: 370px;}*/
	span.readMore a{padding: 8px 30px;width: 155px;}
}
/*Channel*/
@media (min-width: 1200px) {
	.channel_title{
		margin:0px 0px 60px 0px;
	}
	.note_name{
		margin-top:1.2em;
		margin-bottom: 0px;
	}
	.other_art_img{
		margin-top: 20px;
	}
	.excerpt.note{
		height: auto;
		margin-top: 0em;
	}
	.note_relate{
		margin-top:2em;
	}
	.excerpt3.note{
		margin-top:0em;
	}
}
p.excerpt2.multi_ellipsis {
	display: -webkit-box;
}
@media (max-width: 768px) {
	#myCarousel{margin-bottom: 10px;}
	.btn-login{
		width:50%;
	}
	/*會員登入*/
	.btn.btn-submit.btn-login{
		margin-right: 5px;
	    width: calc(50% - 5px);
	    display: block;
	    float: left;
	}
	.btn-fb.submit{
		width: calc(50% - 5px);
    	margin-left: 5px;
	}
}
@media (min-width: 768px) {
	/*會員登入*/
	.btn.btn-submit.btn-login{
		margin-right: 5px;
	    width: calc(50% - 5px);
	    display: block;
	    float: left;
	}
	.btn-fb.submit{
		width: calc(50% - 5px);
    	margin-left: 5px;
	}
}
.margin-center{margin-top: 2em;}
@media (max-width: 480px) {
	#myCarousel{margin-bottom: 8px;}
	.btn-login,.btn.btn-submit.btn-login{margin-right: 0px;width: 100%;margin-bottom: 8px}
	.btn-fb.submit{padding: 10px 23px;width: 100%;margin-left: inherit;}
	.copyright{letter-spacing: 1px;}
}
.top_link{
	color: black;
    display: block;
    line-height: 1.5;
    height: 100%;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
button.btn-submit-fb-index.foot-input{
	width: calc(100% - 120px);float: right;
}
.btn.btn-submit.foot-input.submit{
	float: left;
}

@media (max-width: 990px) {
	button.btn-submit-fb-index.foot-input,.btn.btn-submit.foot-input.submit{
		width: 100%;
		margin-top: 2em;
	}
}

@media (min-width: 768px) {
	.form-horizontal .control-label{
		text-align: left;
	}
}


/*new_special_page*/
.block-img-wrap.non-play {
  height: 188px; }
  .block-img-wrap.non-play:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 0;
    opacity: 0;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all; }
  .block-img-wrap.non-play:after {
    content: "+";
    font-family: "Arial";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 8rem;
    width: 60px;
    height: 60px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.7);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    opacity: 0; }
  .block-img-wrap.non-play:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .block-img-wrap.non-play:hover:before {
    opacity: 1; }
  .block-img-wrap.non-play:hover:after {
    opacity: 1; }

.non-border-top {
  border-top: 0 !important; }

@media (max-width: 1024px) {
  .block-img-wrap.non-play {
    height: 154px; } }

@media (max-width: 768px) {
  .block-img-wrap.non-play {
    height: 115px; } }

@media (max-width: 420px) {
  .block-img-wrap.non-play {
    height: 188px; } }


@media (max-width: 320px) {
  .block-img-wrap.non-play {
    height: 152px; } 
}

.banner_des {
  text-align: center
}

section.tv-sliderv1 a.slider-left.hevent {
	border: 3px solid #000;
	display: block;
	width: 80%;
	margin: 0 auto;
	height: 360px; }
section.tv-sliderv1 a.slider-left.hevent:hover {
    border: 3px solid #000; }
section.tv-sliderv1 a.slider-left.hevent .slider-b-title {
    margin-top: 5%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 85px;
    width: 90%; }
section.tv-sliderv1 a.slider-left.hevent .slider-content-box {
    padding-top: 10%;
    width: 80%; }
section.tv-sliderv1 a.slider-left.hevent .slider-content-box:before {
	content: "special";
	margin-left: 3%;
	font-size: 5rem;
	margin: 0 auto;
	margin-top: 10%; }

@media (max-width: 768px) {
  section.tv-sliderv1 a.slider-left.hevent {
    height: 245px; }
    section.tv-sliderv1 a.slider-left.hevent .slider-b-title {
      -webkit-line-clamp: 3;
      height: 65px;
      font-size: 1.5rem; }
    section.tv-sliderv1 a.slider-left.hevent .slider-content-box:before {
      font-size: 3rem; } }

@media (max-width: 767px) {
  section.tv-sliderv1 a.slider-left.hevent {
    padding-top: 0;
    border: none; }
    section.tv-sliderv1 a.slider-left.hevent .slider-content-box:before {
      content: none; } }

@media (max-width: 420px) {
  section.tv-sliderv1 a.slider-left.hevent .slider-b-title {
    height: 90px;
    font-size: 2rem; } }
@media (min-width: 1500px) {
	.channelNew_img{
		height:200px;
	}
}