@charset "utf-8";
.m30 { margin: 30px 0;}
.m40 { margin: 40px 0;}
.m1m { margin-bottom: 1em;}
.flr{float: right!important;}
.mtbox{margin-top: 10px;overflow: hidden;}
.grayBg { background: #efefef; padding: 2em 1em;margin-bottom: 2em;}

.breadCrumbs{list-style:none;width:100%;margin:0;padding: 0 0 10px;color: #777;/* border-bottom: 1px solid #f2f2f2; *//* text-align:right */}
.breadCrumbs > :not(:last-child):after{content:'';display:inline-block;width:6px;height:6px;margin:0 5px 1px;border-top: solid 1px #777;border-right: solid 1px #777;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.breadCrumbs li{display:inline-block;font-size:1rem}
.breadCrumbs li a{font-size:1rem}
.breadCrumbs li.active{color: #333}

.area_point{ position:relative;}
.po_point{ position:absolute; top:-50px;}

.sub-menu{list-style:none;margin:0;padding:0 1em 2em;text-align:center}
.sub-menu a{font-size:1.5rem}
.sub-menu li{display:inline-block;border:solid 1px #000;padding:0 5px;font-size:1.4rem}

.sub-menu.mem_menu li.on { background: #f7e1e1; border-radius: 40px;  padding: 6px;}
.sub-menu.mem_menu li.on a{color: #a23f3d; font-weight: bold;padding: 6px;}
.sub-menu.mem_menu li.on span{background: #fff; color: #bd7575;}
.sub-menu li:hover, .sub-menu li.on{background:#333}
.sub-menu li:hover a, .sub-menu li.on a{background:#333;color:#fff}
.sub-menu.mem_menu li .m2,.sub-menu.mem_menu li.on .m1{display: none}
.sub-menu.mem_menu li.on .m2{display: inline-block}
.main_title { text-align:center;}
.mbTit{display:none}
.pcTit{display:block;padding:0 0 1em 0;}

.banner1 { margin-bottom: 2em;}
.banner1 img {width: 100%;}
.writer { /*font-size: .8rem;*/ font-size:14px;color: #aaa4a4;margin-right: 10px;}

aside{float:right;width:350px;margin-bottom:20px;padding:0 0 0 15px}
aside + main{float:left;width:calc(100% - 350px);padding-right:15px}
aside .card .header{background:#fff}
aside .box-style figure{width:100%;padding: 0 0 15px; }
aside .box-style.style2{width: 100%;margin:-15px 0 0;padding:30px 0 0;border-top:solid 1px #000}
aside .box-style.style2 figcaption{width:100%}
aside .box-style.style2 figcaption:before{display:none}
aside .box-style.style2 figure img{width:100px;float:left;max-width:200px;max-height:200px}
aside .box-style.style2 figcaption{float:left;padding:0 0 0 15px;width:calc(100% - 100px);}
aside .box-style h4{font-size:1.8rem}
aside .hotTit { font-size: 1.8rem;}
aside .box-style figcaption p{ font-size: 1.4rem;   height: 45px;  color: #777;    margin: 6px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.date{color: #959595; margin: 0 0 5px;}
.byBox{padding-bottom:3px;color:#959595;text-align:left}
.byBox>.foucus-num,.byBox>.collection {padding-top: 5px;font-size: 1.3rem;color:#bd7575;float: right;}
.byBox>.foucus-num i,.byBox>.collection i{padding-right:5px}
.listBox .foucus-num,.listBox .collection{color: #aaa4a4;  margin-left: 1em; padding-top: 3px;}
.collection:hover{color:#bd7575;}
.listBox figcaption h3 {  font-size: 2rem;  color: #333; line-height: 28px;  margin-bottom: 10px;    height: 55px; overflow: hidden;   display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.listBox figcaption .info { color: #666;height: 90px;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.topStar{padding:1em;background:#f4f4f4;margin-bottom: 3.5em;}
.topZone{padding:0}
.topZone .wpic{height: 300px; overflow: hidden;}
.topZone img{margin:0 auto}
.topStar .topZone li{list-style:none;width:calc(100% / 5 - 20px);float:left;margin:10px}
.topStar .main-title2{padding:0 10px;color:#333;font-weight:100;text-align:center;font-family:'cwTeXFangSong',serif}
.topStar h2{font-size: 2rem; color: #444;  line-height: 28px;  height: 85px; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.topStar p{height: 220px; color: #777; margin: 8px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical;}
.topStar {margin-bottom: 1em;}
.topStar p{height: 110px; -webkit-line-clamp: 5;}
.topBox { padding: 2em 1em 1em; display: block;}
.topBox .picBox {  float: left; margin-right: 2em; overflow: hidden;}
.topBox figure .picBox>img { width: auto;height: 350px; float: left; overflow: hidden; vertical-align: top;}
.topBox figcaption {  overflow: hidden;padding-right: 3em;}
.topBox .gtags{float: right; font-size: 1rem;}


.box-style{margin:0 -15px;width:calc(100% + 30px)}
.box-style:after{content:'';clear:both;display:block}
.box-style figure{position:relative;float:left;width:33.33%;padding:10px 35px 35px;/*padding:10px 15px 35px*/}
.box-style figure:nth-child(3n+1){clear:both}
.box-style figcaption{position:relative;padding: 20px 0 0;}
.box-style figcaption:before{content:'';pointer-events:none;position:absolute;left:0px;width:100%;top:0;margin-top:0;height:15px;background:url(https://social.venussecret.com.tw/images/all/line-times-oblique.png) repeat}
.box-style h4{margin-bottom:5px;font-size:2rem;height:25px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.box-style h4 b{display:block}
.box-style b{display:block;margin:0 0 5px;padding:2px 0;font-size:1.5rem}
/*文章底層*/
.detail_banner{position:relative;margin-left:0}
.mjtitle{font-size:4rem;padding: 10px 0;}
.videoDtl .mjtitle {font-size: 3rem;}
.detailBox .byBox{ text-align: left;  font-size: 1.6rem; border-bottom: 1px solid #e2e2e2; margin: 10px 0 5px;min-height: 45px;}
.detailBox .times { /*float: right; font-size: 1.2rem;*/ margin-right: 5px;}
.detailBox .writer {font-size: inherit; margin:0 1em 0 0; color: #aaa4a4;}
.detailBox .byBox>.foucus-num{font-style: inherit;float: none; font-size: inherit;margin-left: 1em;}
.detailBox .timeBox{color: #bd7575; font-size: 1.5rem;}
.videoDtl .timeBox { color: inherit;}
.videoDtl .byBox { min-height: auto;  margin-bottom: 1em;}
/*.tagBox {float: left; width: 70%; padding-top: 5px;}*/
.tagBox a { margin-right: 10px;}
.commentsBox{ margin: 2em 0;}
.commentsBox iframe{width: 100%!important}

/*  detail style */
.page-content {clear: both;}
.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}


.exRelate {  margin: 2em 0;}
.exRelate ul {  padding-left: 25px;  color: #777;}
.exRelate ul li a {  padding: 3px 0;  display: block;  font-size: 1.5rem;color: #777;}
.exRelate ul li a:hover{color: #000}

.exlink { margin: 2em 0; padding-top: 1em; border-top: 1px solid #e2e2e2;    overflow: hidden;}
.exTit {  margin-bottom: 1em;  font-size: 18px;  color: #666; line-height: 50px;  text-align: center;}
.exlink.box-style figure { width: 25%; }
.exlink.box-style figure:nth-child(3n+1) {clear: inherit;}
.exlink.box-style figcaption h3 {font-size: 1.8rem; line-height: initial; height: auto;   -webkit-line-clamp: inherit;}

/*  分享按鈕共用   */
.share-grid{color: #000; font-size: 15px; float: right; width: 30%;text-align: right;}
.share-grid .fa{margin:0 4px}
.share-grid a{margin-right: 10px;font-size: 15px;display:inline-block;vertical-align:middle;width: 35px;height: 35px;line-height: 35px;border-radius:100%;text-align:center;background:#bdbdbd;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:#333}
.share-grid a.collection:hover{background: #bd7575;color: #fff}
.share-grid iframe{margin-right:2px;font-size:24px;display:inline-block;vertical-align:middle}
.shareBottom .share-grid {  float: none;  width: 100%;  text-align: center;    margin: 2.5em 0 1em;}
.fb_iframe_widget span{vertical-align: middle!important}


.guideList ul {padding: 0;margin: 1em 0;}
.guideList ul li {border-bottom: 1px solid #e0e0e0;list-style: none;padding: 15px 0;clear: both;overflow: hidden;}
.guideList ul li figure>img { width: 350px; max-width: 100%;float: left}
.guideList ul li figure figcaption{ width: calc(100% - 360px); padding:0 0 0 15px; height: 169px;overflow: hidden;}
.guideList .byBox { width: calc(100% - 360px); padding:0 0 0 15px;display: inline-block;  vertical-align: top;}
.gtags {background: #bd7575;color: #fff;padding: 3px 10px;vertical-align: text-bottom;}
.gtags.ta2{background: #bd7575;}
.gtags.ta3{background: #8e8d8d;}
.gtags.ta4{background: #b1896e;}
.gtags.ta5{background: #8c7bbe;}
.gtags.ta6{background: #6aa69e;}
.guideList .gtit {font-size: 2.3rem;color: #333;margin: 1rem 0;height: auto;}
.guideList .ginfo {margin-bottom: 10px;color: #666;height: 90px;overflow: hidden;}
.guideList .byBox .foucus-num,.guideList .byBox .collection{padding-top: 5px}

/*名人推薦*/
.cy_index .topStar { overflow: hidden;margin-bottom: 2em;padding:0;max-height: 400px;}
.cy_index .cy_index_sub{ float:left;width: calc(100% / 2);}
.cy_index img { max-width: 100%;}
.cy_index .cy_index_sub:nth-child(2){ padding:80px;}
.cy_index .topStar h2 {margin-bottom: 30px;height: auto; font-size: 3rem;}
.cy_index .topStar p {height: auto;}


/*品牌速報*/
.activityTit{ border-bottom: 1px solid #e2e2e2; padding-bottom: 10px;}
.activityTit a { float: right; font-size: 1.8rem; display: inline-block; border: solid 1px #cccccc; padding: 2px 5px 5px; font-size: 1.4rem;}
.activityTit a:hover{background: #333;color: #fff}
.activityGrid figure img {  float: left; width: 30%;}
.activityGrid figure { display: block; overflow: hidden; margin-bottom: 2em;}
.activityGrid figure figcaption { float: left;  width: calc(100% - 30% - 2em);  padding-left: 2em;}
.activityGrid figure h3{font-size: 2.2rem }
.activityGrid figure .timeBox, .ac_index figure .timeBox { margin: 1em 0 8px;color: #bd7575;}
.activityGrid figure .timeBox:before,.detailBox .timeBox:before, .ac_index figure .timeBox:before{ font-family: Font Awesome\ 5 Free;font-weight: 500;content: "\f017";    margin-right: 5px; }
.videoDtl .timeBox:before{display: none}
.activityGrid figure .info {color: #666; line-height: 1.6;}

.newsGrid ul{padding-left: 0px}
.newsGrid ul li{padding: 10px 0;list-style: none;}    
.newsGrid ul li a{font-size: 1.6rem;}
.newsGrid ul li span{font-size: 1.2rem;margin-right: 10px;}

.ac_index { display:table-cell; vertical-align:top; padding-bottom: 30px; width: calc(100% / 2 );}
.ac_index:nth-child(2){border-right: 1px solid #e2e2e2;}
.ac_index .activityTit { padding:0 10px 10px 10px;}
.ac_index .ac_index_sub { padding:0 40px 0 40px;}
.ac_index figure {margin: 1em 0;border-bottom: 1px solid #e2e2e2;}
.ac_index figure img { margin-bottom: 20px;width:100%;}
.ac_index figure figcaption {padding-left: 0;width: 100%;}
.ac_index figure figcaption h3 {overflow: hidden; display: -webkit-box; height: 25px; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ac_index figure figcaption .info {overflow: hidden; display: -webkit-box; height: 70px; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ac_index ul {margin: 0;padding: 0;}
.ac_index ul li {overflow: hidden; display: -webkit-box; padding:0 0 10px 0;list-style: none;height: 30px; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ac_index ul li:before { content: ''; background: #333;  width: 6px; height: 6px;display: inline-block; margin: 10px 10px 2px 0;  line-height: 30px; border-radius: 100%;}
.activityGrid.ac_index ul li span{font-size: 1.2rem;margin-right: 10px;}

.videoMain{ width: 55%; float: left; margin-right: 2em;}
.vtit { font-size: 2.3rem;  color: #333; margin: 1rem 0;  height: auto;}
.vcontent {  margin-bottom: 10px; color: #666; line-height: 1.8;}
.videoBox figure {  float: left;    width: calc(100% / 4);    padding: 2em 20px;}
.videoBox figure h3 {  font-size: 2.3rem;  color: #333;    line-height: 28px;  margin: 10px 0; height: 55px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.videoBox figure .writer { float: left;}
.videoBox figure .gtags {float: right;}
.videoBox .vdoPic { height: 150px; overflow: hidden; display: block;}
.videoMob{display: none}

.contact_title{ text-align: center; margin: 1em;  font-size: 2rem;}
.contactBox{ color: #777;}
.contactBox .field_title1 {vertical-align: top;}


/*會員登入*/
.login_box { clear:both; overflow:hidden; margin:15px auto 50px auto; width:40%; border: 1px solid #e2e2e2;}
.login_box .login_sub_box { float:left; padding:40px; width:100%; }
.login_box .login_sub_box .login_title { display:none; margin-bottom:10px; font-size:18px; font-weight:400; text-align: center;}
.login_box .login_sub_box.login1 .login_title { display:block;}
.login_box .login_sub_box .form_input { clear:both;}
.login_box .login_sub_box .form_input .or {position:relative;text-align:center;color:#bd7575;}
.login_box .login_sub_box .form_input .or:before{position:absolute;z-index:-1;content:'';width:100%;height:1px;background:#bd7575;top:50%;left:50%;transform:translate(-50%,0)}
.login_box .login_sub_box .form_input .or .or_txt {display:inline-block;position:relative;z-index:1; margin:0;padding:15px;background:white;font-weight: unset;}
.login_box .login_sub_box .form_input .login_field { position: relative;}
.login_box .login_sub_box .form_input .login_field i { position: absolute; left:15px; top:31%; color:#9f9f9f;}
.login_box .login_sub_box .form_input .login_field:nth-child(2n){margin:12px 0 0 0;}
.login_box .login_sub_box .form_input p { clear:both; margin: 0; width:100%;}
.login_box .login_sub_box .form_input .login_input { margin:0; padding:8px 5px 8px 38px; width:100%; max-width:100%; border-radius: 5px; border:1px solid #DFDFDF; background-color:#f4f4f4;}
.login_box .login_sub_box .btn,.btn-style { margin:12px 0 0 0;padding: 8px 20px; background:#92745f; color:#FFFFFF;border-radius: 5px;line-height: unset;}
.login_box .login_sub_box.login1 .btn {width:100%;}
.login_box .login_sub_box .btn.fb_btn{ background: #4267b2; color:#FFFFFF;}
.login_box .login_sub_box .btn:hover,.btn-style:hover { background: #a38671;color:#FFFFFF;}
.login_box .login_sub_box .btn.fb_btn:hover { background: #4f74be;}
.login_box .login_sub_box .pw_box {margin-top:7px !important;text-align: center;}
.login_box .login_sub_box .pw_box a { margin:0 10px; color:#737373;}
.login_box.lb2 {margin-top: 0;width:50%;}
.login_box .login_sub_box.lsb2 { width:100%;}
.login_box .login_sub_box.lsb2:nth-child(1){border-right: 0px dashed #e2e2e2;} 
.login_box .login_sub_box .btn_submit { float:none; display:inline-block;}
.sub-menu.mem_menu {padding: 2em 0 20px 0;}
.sub-menu.mem_menu li {margin:0 5px 20px 5px;padding: 8px 12px; border: none;background: inherit; }
.sub-menu.mem_menu li a { color:#bd7575;background: inherit;padding: 8px 6px;}
.sub-menu.mem_menu li a span{background:#bd7575;color:#fff;border-radius:100%;display:inline-block;width:36px;height:36px;line-height:36px;text-align:center}
.sub-menu.mem_menu li a span i{font-size: 1.6rem;}
.sub-menu.mem_menu li a span img{width: 70%;}

/*會員權益*/
.pact_box { clear:both;color: #777;}
.pact_box li { padding:10px 0;border-bottom: 1px dashed #e2e2e2;}
.pact_box,.agreeBox.checkbox { padding-left: 20px;clear: both;}
.agreeBox a { font-size: 1.6rem; font-weight: bold; border-bottom: 1px solid;}
.agreeBox a:hover,.agreeBox a:focus{color: #d9534f;text-decoration: none}
.agreeBox.checkbox label::before { margin-top: 4px;}
.btnWrap {clear: both;margin: 30px 0 0 0;}

/*彈跳視窗、隱私權條款、服務條款*/
.modal-header {  padding: 5px 15px;}
.modal-title {font-weight: bold; font-size: 2.3rem;color: #333}
.serviceBox ol,.serviceBox ul,.privacyBox ol,.privacyBox ul{ padding-left: 20px;}
.serviceBox ol li { margin: 0 1em 1em 1em;  font-size: 1.5rem;  color: #505050;}
.serviceBox ul li {  margin: 5px 0; list-style: disc;}
.privacyBox ul li{ margin: 0 1em 1em 1em;}
.privacyBox ol li{ margin: 5px 0;}

.serviceBox .sTit {font-weight: bold;  font-size: 1.8rem;  color: #333; margin-bottom: 3px;}
.modal .box {  margin: 10px 0;  padding-bottom: 56.25%;   width: 100%;  height: 0;  position: relative;}
.modal-lg { margin: 50px auto;}

/*會員-加入*/
.login_box.lb3 {margin-top: 0;width:60%;}
.pic_txt{ margin:0 auto 20px;width:60%;}
.pic_txt p{ margin:10px 0; color: #777;text-align: center;}
.join_txt { margin:0 0 20px 0; color: #777;}
.field_box1 { display:table; margin:0 0 10px 0; padding:0 0 10px 0; width:100%;}
.field_title1,.field_title2,.field_title3 { 
display:table-cell; padding:0; width:106px; /*font-weight:bold;*/ color: #A76F69;}
.field_title2 { padding-top:6px; vertical-align:top;}
.field_data1 { display:table-cell;}
.fd_input, .fd_input2, .fd_input3, .fd_input4, .fd_select, .fd_select2, .fd_textarea 
{ margin:0; padding:5px;border: 1px solid #DFDFDF;background-color: #f4f4f4;}
.fd_input, .fd_select { width:100%;}
.fd_input, .fd_select2{ padding:7px 5px;}
.fd_input2 { width:auto;}/*驗証碼*/
.fd_input3 { margin-top:10px; width:100%;}/*地址*/
.fd_input4, .fd_textarea { width:100%;}/*修改密碼*/
.fd_input6 { margin:0; padding:0px; font-size: 1.6rem;}/*上傳檔案*/
.fd_select3 { margin:0; padding:1px 0; border:1px solid #e2e2e2;}
.field_data1 label { display:inline-block; margin-bottom:0px; margin-right: 1em;  max-width:100%; font-weight:normal;}
.field_data1 span { margin:0; }
.field_data1.addr span { padding-bottom:10px;}
.btn_sutmit2 { margin:0 10px;}
.field_data1.bday span { padding-right:10px;}
.field_box1 .field_data1 label{ padding-left:0; font-weight: unset;cursor: pointer;}
.field_box0 { float:left;width: calc( 100% - 180px);color: #777;}
.f_img_box { float:right;width:150px;}
.f_img_box .img0 { overflow:hidden; display:inline-block;border: 1px solid #CFCFCF;width:150px;}
.f_img_box .img0 img {margin-bottom:0;}
.f_img_box input { /*width:100%;*/ font-size:80%;}
.f_img_box .txt2{ font-size:80%;}
.picSpec a {background: #f1f1f1; border: 1px solid #e2e2e2; color: #616161; text-align: center; font-size: 13px;  padding: 4px 0; margin: 1em 0 5px;  width: 100%; border-radius: 14px; display: block;}
.picSpec a:hover,.picSpec a:focus{background: #92745f; color: #fff;text-decoration: none; }
.checkbox {padding-left: 7px;}
.checkbox label::before { margin-top: 3px;}


/*會員-專區*/
.loginok_box { margin: 0 auto; text-align:center;}
.loginok_box .lok_sub_box{ display:inline-block;}
.loginok_box .table_td { display:table-cell; vertical-align:middle;}
.loginok_box .table_td.icon { vertical-align:top;}
.loginok_box .table_td:last-child { text-align: left; padding-left: 10px;}
.loginok_box .table_td .member_icon img { margin-right:20px; width:100px; border:1px solid #CFCFCF; text-align:center;}
.mem_item {margin: 30px 0 40px 0;text-align: center;}
.mem_item .mm_sub_box { display:inline-block; margin:10px;text-align: center;}
.mem_item a { display:block; width:170px; height:170px; padding-top:35px; margin:0 auto; background:#FFF; color: #fff; /*border-radius:15%;*/border: 1px solid #CFCFCF;background: #888;}
.mem_item a:hover { background: #92745f;}
.mem_item a p {margin-top: 10px;}

/*會員-我的收藏*/
.login_box.lb4 {margin-top: 0;width:100%;}
.login_box.lb4 .login_sub_box { padding:40px 20px 0;}
.member_box.keep_box .topStar{ padding:0;background: unset;}
.member_box.keep_box .topStar .topZone li {margin:10px 20px 30px 20px;width: calc(100% / 2 - 40px);}
.member_box.keep_box .topStar .topZone li:nth-child(2n+1) { clear:both; }
.member_box.keep_box .topZone .wpic {float: left;padding-right: 20px;width: 120px;height: auto;max-height: 100px;}
.member_box.keep_box .topZone figcaption { margin-left:120px;}
.member_box.keep_box .topStar h2{ margin-bottom: 20px;height:auto;}
.member_box.keep_box .topStar p { height:auto;}

/*會員-我的足跡*/
.topStar .viewList{overflow: hidden;}
.topStar .viewList li{width: calc(50% - 40px); float: left; margin: 10px 0 10px 40px;}
.topStar .viewList li:nth-child(2n+1){clear: both}
.topStar .viewList li a {font-size: 1.8rem;}

/*人氣tabs結果頁*/
.tabsTitle { padding: 1em 0; font-size: 2.2rem;}
.tabsTitle span {color: #bd7575;}
.tabsGrid.member_box.keep_box .topZone .wpic { padding-right: 10px; width: 150px; height: 80px;  overflow: hidden;}

/*服務條款*/
.serviceGrid .login_box { width: 80%;}

/*貼心諮詢-線上表單*/
.TimesBox p{display: inline-block;}

/*身形檢測表*/
.testBox { width: 60%;  margin: -10px auto 1em;  text-align: center;  line-height: 2.2em; color: #92745f;}
.testBox>p{text-align: left;}
.testBox ul {  padding: 0; margin: 0;}
.testBox>ul li{  display: inline-block;  margin: 5px 10px;}
.bodyTit {  font-size: 2rem; font-weight: bold;  padding-top: 10px;  border-top: 1px solid #d6d5d5;}
.qBOX { font-size: 2rem;}
.testBg { background: #f8f8f8; text-align: left;  color: #333;  padding: 40px;  clear: both;  overflow: hidden;  margin: 15px auto;}
.ansList { list-style: none;}
.ansList li label{ font-size: 1.6rem; border: 1px solid #ccc;  margin: 1em 0; padding: 8px 10px;   display: block;  cursor: pointer; font-weight: normal;  line-height: 1.8em;}
.ansList li input[type="radio"]:checked + label{border: 1px solid #bd7575; color: #ffffff;  background: #bd7575;}
.ansList li input[type="radio"] { display: none;}
.ansList label span { float: left;}
.ansList label p {  margin: 0 0 0 2em;}
.testBtn{text-align: center;    margin-bottom: 50px;}
.testPic { float: left;  max-width: 200px;    margin-right: 50px;}
.finishTit {font-size: 2rem;  color: #bd7575;  margin-top: 1em;}
.testBox ul.finList {margin-bottom: 2em;list-style: none;}
.testBox ul.finList li:before {  content: '';   background: #333;   width: 6px;  height: 6px;   display: inline-block;   margin: 10px 10px 2px 0;  line-height: 30px;  border-radius: 100%;}

/*----------------------------------*/
@media (min-width: 1280px) { 
main .popular_box,main .tags_mbox {display:none}
}

@media (max-width: 1280px) { 
aside {display:none}
aside + main{float:inherit;width:100%;padding-right:0}

.topStar p { height: 180px; -webkit-line-clamp: 8;}
.topBox .writer { display: block;}
.topBox .gtags { float: left; margin-top: 10px;}

/*熱門推薦*/
main .popular_box .header,main .tags_mbox .header {display: block;margin-bottom: 20px;font-size: 2.4rem;background: unset;border-bottom: 1px solid #e2e2e2;}
main .popular_box .box-style figure { float:left;width:calc( 100% / 3);}
main .popular_box .box-style .hotTit {font-size: 1.8rem;}
main .popular_box .box-style.style2 figure img{width:100px;float:left;max-width:200px;max-height:200px}
main .popular_box .box-style.style2 figcaption{float:left;padding:0 0 0 15px;width:calc(100% - 100px);}
main .popular_box .box-style figcaption:before{background: unset;}
main .tags_mbox .tags-box { padding: 0; border-top: none;}
}

@media (max-width: 1200px) {
.login_box.lb2,.login_box.lb3,.pic_txt  { width:65%;}
}

@media (max-width: 1099px) {
.topStar .owl-theme { width: 90%; margin: 0 auto;}
.topStar .owl-theme .owl-nav [class*=owl-] { width: 22px; height: 40px; }
.topStar .owl-prev { position: absolute; left: -7%; top: 45%; background:url(https://social.venussecret.com.tw/images/all/prev.png) no-repeat!important; }
.topStar .owl-next { position: absolute; right: -7%; top: 45%; background:url(https://social.venussecret.com.tw/images/all/next.png) no-repeat!important; }
.topStar .owl-carousel .owl-nav.disabled, .topStar .owl-dots.disabled {  display: block; }
.topStar .owl-theme .owl-dots { display:none; }
.topStar .owl-nav.disabled .owl-prev,.topStar .owl-nav.disabled .owl-next{background: #f4f4f4!important}
.topStar .viewList li{width: 100%; margin: 10px 0;}
}

@media (max-width: 996px) {
.topBox { width: 100%;float: none;}
.topBox figure .picBox{ max-width: 200px; max-height: 300px; display: inline-block; overflow: hidden;}
.topBox figure .picBox>img {width: 100%;height: auto;}
.topBox figcaption { width: calc(100% - 200px - 2em);  display: inline-block; vertical-align: top;padding-left: 2em;}
.topStar {  margin-bottom: 1.5em;}
.topStar h2 { height: auto;margin-bottom: 1em;}
.topBox .writer { display: inline-block;}
.topBox .gtags { float: right; margin-top: 0;}
.listBox .writer {  display: block;}
.listBox .foucus-num, .listBox .collection { padding-top: 6px;  display: block;}

.videoBox figure { width: calc(100% / 3);}

/*熱門推薦*/
main .popular_box .box-style figure { width:100%;}

/*影音特輯*/
.videoMain {width: 100%;max-width: 800px; float: none; margin: 0 auto;}
.videoPC{display: none}
.videoMob{display: block}
.topPic { max-width: 600px; margin: 0 auto; overflow: hidden; position: relative;}
.vtit { position: absolute;  bottom: 0; background: rgba(51, 51, 51, .8);  color: #fff; font-size: 1.8rem; padding: 5px; margin: 0; width: 100%;}

/*會員登入*/
.login_box { width:80%;}
.login_box.lb2 { width:100%;}

/*會員-加入*/
.login_box.lb3,.pic_txt {width:100%;}
.field_box0 { float:none;}
.field_box1 .radio.ot_vr_ro2 .ot_vr_sub1 b { display: none;}
.field_box1 .radio.ot_vr_ro2 .ot_vr_sub2 {display:block; margin: 5px 0 0 60px;}
.field_box1 .sub_radio .radio.course_sub3 { margin:5px 0 0 22px;}
.btnWrap {margin: 20px 0 0 0;}

/*會員-商品收藏清單*/
.order_box .table1.mpt { min-width:100%;}

/*隱私權條款*/
.privacyGrid { width: 80%; margin: 0 auto;}

/*身形檢測表*/
.testBox { width: 80%;}
}

@media (max-width: 768px) {
.mjtitle { font-size: 3rem;}
.videoDtl .mjtitle { font-size: 2.6rem;}
.tagBox { float: none; width: 100%;}
.share-grid {width: auto;}
.topStar p { height: 150px;  -webkit-line-clamp: 7;}
.pagination { margin: 0 0 30px;}

/*美麗指南*/
.guideList ul li figure>img { width: 300px;}
.guideList ul li figure figcaption,.guideList .byBox { width: calc(100% - 310px);}
.guideList .ginfo { height: 70px;}
.guideList .gtit { font-size: 2rem;}

.sub-menu.mem_menu li { padding: 8px 6px;}

/*名人推薦*/
.cy_index .topStar h2 {margin-bottom: 10px; font-size: 2.3rem;}
.cy_index .cy_index_sub:nth-child(2){ padding:30px;}

/*影音特輯*/
.videoBox figure { width: calc(100% / 2); padding: 1em 20px 1.5em;}
.videoBox figure h3 { font-size: 2rem;}

/*會員登入*/
.login_box { width:100%;}
.login_box .login_sub_box { width:100%; padding: 30px;}
.login_box .login_sub_box:nth-child(1){border-right:0px solid #e2e2e2; border-bottom:1px solid #e2e2e2;} 

/*會員-加入*/
.field_title1, .field_title2, .field_title3 { display:block; width:100%;padding: 0;}
.field_data1 { display:block; margin:10px 0 0 0;}
.fd_input, .fd_input3, .fd_input6, .fd_textarea { display:block; width:100%;}
.field_remark { display:block; margin:10px 0 0 0;}
.btn_sutmit2 { display:block; margin:10px 0 0 0; width:100%;}
.field_data1.addr span { display:block; padding-bottom:10px;}
.btnWrap {margin: 10px 0 0 0;}

/*會員-專區*/
.loginok_box {  width:100%;}
.login_box.lb4 .login_sub_box { padding: 20px 20px;}

/*會員-我的收藏*/
.member_box.keep_box .topStar .topZone li {margin:10px 0 20px 0;width:100%;}

/*服務條款*/
.serviceGrid .login_box { width: 100%;}

/*身形檢測表*/
.testBox { width: 100%;}
}

@media (max-width: 640px) {
.breadCrumbs{display: none}
.mbTit{display: block;margin-bottom: 12px;}
.pcTit{display: none}
.topBox figure .picBox {  width: 100%; max-width: 100%;float: none;}
.topBox figcaption{ width: 100%; display: inline-block;  vertical-align: top;  padding: 0;}
.topStar h2 { height: auto;  margin-bottom: 10px;}
.topStar p {  height: auto; margin-bottom: 1em;}
.topBox .writer { display: block;}
.topBox .gtags { float: left; margin-top: 10px;}
/*.box-style{ width: calc(100% - 50px);  margin: 0 25px;}*/
.box-style{ width: 100%;  margin: 0;}
.box-style figure{width:50%;padding: 0 15px 35px;}
.box-style figure:nth-child(3n+1){clear:inherit}
.box-style figure:nth-child(2n+1){clear:both}
.celeList .box-style figure { padding-top: 10px;}

.banner1{display: none;}

.sub-menu.mem_menu li { padding: 8px 2px;}

/*名人推薦*/
.cy_index .topStar { max-height:100%;}
.cy_index .cy_index_sub{ width:100%;}

.topStar .owl-prev,.topStar .owl-next { top: 22%;}

/*美麗指南*/
.guideList ul li figure figcaption { width: 100%; padding: 10px 0; height: auto}
.guideList ul li figure>img { width: 350px;}
.guideList .byBox { width: 100%; padding: 0;}
.guideList .ginfo { margin-bottom: 0; height: auto;}
.guideList .gtit {  margin: 5px 0 10px;}

/*媒體消息*/
.newsGrid ul li { margin-left: 20px;}
.newsGrid ul li span {display: none;}
.newsGrid ul li:before { content: '';  background: #333;  width: 6px;  height: 6px; display: inline-block; margin: 10px 10px 2px -16px; line-height: 30px; border-radius: 100%;}

/*會員登入*/
.login_box .login_sub_box .btn_login { display:block; padding: 8px 0px; width:100%; margin: 8px 0 0 0;}

/*會員-加入*/
.field_box0 { width:100%;}
.f_img_box { margin-bottom:15px; width:100%;}

/*會員-專區*/
.sub-menu.mem_menu {  padding-bottom: 0;}
.loginok_box{display: none}
.login_box,.login_box .login_sub_box:nth-child(1) {border: none;}
.login_box.lb4 .login_sub_box { padding: 0;}
.login_box .login_sub_box { padding: 10px 0;}
.member_box.keep_box .topStar h2 {font-size: 1.6rem;  line-height: 25px; margin-bottom: 10px;}
.member_box .topStar {margin-bottom: 0;}
.topStar .viewList li a { font-size: 1.6rem;}
.topStar .viewList li { margin: 10px 0 0;}
.f_img_box .img0 {  width: 120px;  float: left;  margin: 0 1em 10px 0;}
.f_img_box input { width: 100%;font-size: 100%; float: left;}
.picSpec { margin: 0em 0 3px; }
.picSpec a { display: inline;padding: 4px 18px;}
.member_box .pagination {margin: 0;}
.login_box {  margin-bottom: 30px;}

/*貼心諮詢-線上表單*/
.pic_txt {margin: 0;  border-bottom: 1px solid #e2e2e2;}

/*隱私權條款*/
.privacyGrid {width: 100%;}
}

@media (max-width: 610px) { 
/*品牌速報*/
.ac_index { display: block;padding-bottom: 40px;width:100%;}
.ac_index:nth-child(2){border-right: 0px solid #e2e2e2;}
.ac_index .ac_index_sub { padding:0;}
.ac_index figure {border-bottom: 0px solid #e2e2e2;}

.guideDtl .byBox>.foucus-num { display: inline-block; margin: 0; width: 55%;}
.guideDtl .byBox { min-height: 70px;}


.mem_menu { text-align: left;}
.sub-menu.mem_menu li { margin: 0 10px 10px 0px;  padding: 8px 6px;width: calc(50% - 13px);  text-align: left;}

/*身形檢測表*/
.testPic { max-width: 150px;  margin-right: 30px;}
.testBg { padding: 20px;}
}

@media (max-width: 480px) {
/*次選單*/
.sub-menu { padding: 0 1em 1em;}
.sub-menu.video_sub li { width: calc(100% / 3 - 14px);  margin: 0 5px 10px;}

.topBox figure .picBox { max-height: 100%;}
.box-style figure { width: 100%;}
.listBox figcaption h3,.listBox figcaption .info { height: auto;}



.activityGrid figure img { float: none; width: 100%;}
.activityGrid figure figcaption { float: none; width: 100%; padding: 1em 0 0;}

.detailBox .byBox>.foucus-num { display: inline-block; margin: 0; width: 60%;}
.detailBox .byBox { min-height: 70px;}
.detailBox .times { float: none; display: inline-block;}

.mobauto .byBox>.foucus-num { width: auto;}
.mobauto .byBox { min-height: inherit;padding-bottom: 10px;}

/*影音特輯*/
.videoBox figure,.videoBox figure img { width: 100%;    float: none;}
.videoBox figure h3 { font-size: 1.8rem;line-height: 25px; margin: 3px 0; height: auto; -webkit-line-clamp: inherit;}

/*會員-商品收藏清單*/
.order_box .table1.mpt { min-width:400px;}

/*貼心諮詢-線上表單*/
.TimesBox p{display: block;}
.pic_txt p { text-align: left;}

/*身形檢測表*/
.testBox>ul li {  margin: 5px 30px;}
.testPic { max-width: 100px;  margin-right: 10px;}
.finishTit { font-size: 1.6rem;}
.testBox { font-size: 1.5rem;  line-height: 2em;}
}



@media (max-width: 400px) {
.topStar .owl-prev { left: -15%;}
.topStar .owl-next { right: -15%;}

/*會員-專區*/
.mem_item .mm_sub_box {display: block;margin: 10px 0;}
.mem_item a {width: 100%;}
.sub-menu.mem_menu li a,.sub-menu.mem_menu li.on a { padding: 0;}

.member_box.keep_box .topZone figcaption { margin-left: 0;}
.topStar .viewList { padding-left: 30px;}


}