@charset "utf-8";
/* CSS Document */


/*===== Modal ==========================================================*/
div.modal_wrapper { display:none; position:absolute; top:0; left:0; z-index:9999; width:100%; height:100%; background-image:url(https://storage.googleapis.com/static.butybox.com/img/modal.png); background-repeat:repeat; margin:0; padding:0; }
div.modal_box { width: 700px; margin: 100px auto; }
div.modal_close_wrapper { background-color: white; padding: 0px; position:relative; }
/* 
div.modal_close_wrapper p { padding: 8px 0; font: 11px/24px Verdana, Arial, Sans-Serif; color: #949494; text-align: right; }
div.modal_close_wrapper p a:hover { background-position: right bottom; text-decoration: none; } 
*/
div.modal_close_wrapper a { position: absolute; right: -23px; top: -23px;background: url(https://storage.googleapis.com/static.butybox.com/img/xx3.png); height:46px; width:46px; }
div.modal_content { padding: 15px 15px 25px; background: #fff; overflow: hidden; }
div#modal_content_feedback { height: 500px; }
div#modal_content h1 { font-size: 30px; line-height: 35px; }
div.modal_content h3 { margin-bottom: 5px; }
div.modal_content p { margin-bottom: 5px; }
div.modal_content ul.bullet li { margin-bottom: 5px; }
div#join_left { width: 360px; }
div#join_right { width: 515px; background: #fef3f8; padding: 10px; }
div#join_right table { width: 500px; }
div#join_right table th { font-size: 15px; padding-bottom: 4px; }
div#join_right table td { border-top: 1px dotted #ed137a; text-align: center; vertical-align: middle; padding: 4px 0; width: 250px; font: 14px/18px Times, "Times New Roman", Serif; color: #292929; }
div#join_right table tr.last td { padding: 10px; border-top: none; }
div#join_right table a.large { font-size: 12px; }
div#join_right table a.medium { font-size: 12px; }
div#join_right table span { display: block; font: 12px Verdana, Arial, Sans-Serif; color: #ed1b79; margin: 5px; }
div#quickviewWrapper { position:relative; }
div#quickviewLeft { float:left; width: 320px; }
div#quickviewRight { float:left; width: 320px; }
p.view_all_modal { color: #949494; font: 11px Verdana, Arial, Sans-Serif; margin: 10px 0 15px; }

div#modalJoin div.modal_box { width: 950px; margin: 100px auto; }
div#modalVideo div.modal_box { width: 670px; margin: 100px auto; }

/** Image paginator **/
div.more-views{ width: 300px; height: 300px; position: relative; }

div#scrollerBox { float:left; width:300px; height:300px; margin:0; padding:0; overflow:hidden; }
ul#scrollerList { position:relative; height:300px; list-style:none; margin:0; padding:0; border:none; }
ul#scrollerList li { width: 300px; float:left; margin:0; padding:0; border:none; }
ul#scrollerList li img{ width: 300px; height:300px; margin:0; padding:0; border:none; }


div#modalLogin div.modal_box { width: 742px; margin: 100px auto; }
div#waitlist_right { width: 400px; margin: 0 70px 0 20px; }

.account-login { position:relative; font-size:12px; /**/ min-height:350px; margin-bottom:-20px; }

.login-only { background:none; }
.login-only .registered-users { float:none; margin:0 auto; }

.account-login div.col2-set { border-top: 1px #f5f3f4 solid; }
div#modalLogin .account-login .new-users,
div#modalLogin .account-login .registered-users { width: 280px; padding: 0; margin: 30px 30px 30px; float: left; }
.account-login .form-list label, .account-login .registered-users p, .account-login .new-users p  { margin-bottom:5px; font: 13px/13px "HelveticaNeue-Light" arial sans-serif; color: 999998; }
.account-login .new-users p {line-height:17px;}
.account-login .spacer { position:absolute; top:100%; left:447px; margin-top:-1px; width:16px; height:3px; font-size:0; line-height:0; background:#fff; overflow:hidden; }
.account-login .fieldset { margin:0; }
.account-login .fieldset h2 { color: #333; margin-bottom: 0px; line-height: 30px; }
.account-login .form-list label,
.account-login ul.form-list li {}
.account-login p.required,
.account-login .btn-only { padding-left:0px; width:230px; text-align:right; margin-top: 10px; }
.account-login .form-list label em { color: #ed137a; }
.registered-users div.buttons-set { width: 250px; margin-top:20px;}
.registered-users div.buttons-set a { margin: 10px 0 0 0; color:#333; font-style:italic; }
.account-login .btn-only a { float:left; white-space:nowrap; }
div#modalLogin .account-login .form-list input.input-text { width: 225px; padding: 5px; border: 1px solid #999998;  }
.account-login .form-list p { padding:0 0 0 110px; }
.account-create {}

.column-left { float: left; margin-right:30px; width:46%;}
.column-right {float:right; width:46%;}


#learn_more{
    padding:10px;
    width:100%;
}

#learn_more h1 {
    /*font-family: "HelveticaNeue-Light", Arial, Helvetica, sans-serif;*/
    font-family: 微軟正黑體; “Microsoft JhengHei”, sans-serif;
    font-size: 36px;
    letter-spacing: 2px;
    color: #ED137A; 
    padding:0; margin:0;
    padding-bottom:15px;
    line-height: .9em;
}



.slug { width:685px; padding: 10px; position:relative;   clear: left; margin-left:80px; border: 5px solid #f5f3f4; background:no-repeat; border-bottom:none;}
.sluglast {margin-bottom: 20px; border-bottom: 5px solid #f5f3f4;} 
.learn_more_icon {background-repeat:none; position:absolute; left:-44px; width:45px; height:38px; }
.icon_sample { background-image: url(/images/icon/Icon_45x38_01.png); }
.icon_shop {/*   background-image: url(/images/icons/Icon_45x38_02.png); */}
.icon_video {/* background-image: url(/images/icons/Icon_45x38_03.png); */}
.icon_reward {/* background-image: url(/images/icons/Icon_45x38_04.png); */}

#learn_more_footer {
    width:95%;
    padding: .5em;
    background-color: #ED137A;  
    text-align: center;
}


#learn_more_footer p { color:white; }
#learn_more_footer p a { font-weight: bold; color:white;}