.big_banner {width: 100%;height: auto;margin: 0 auto; position: relative;}
.big_banner img, .updating img {width: 100%;max-width: 100%;height: auto;}

.can-pink,.can-gold, .titleVideo {width: 100%;height: auto;}
#titleVideo video {width: 100%;height: auto;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px;}
.get-trial, .news_banner, .news_banner_2 {display: block;width: 100%;height: auto;}
.can-pink img, .can-gold img, .get-trial img, .news_banner img, .news_banner_2 img {width: 100%;max-width: 100%;height: auto;}
.products_list, .trial_list, .store_list, .onlineshop_list, .search_list {width: 100%;height: auto;overflow :hidden;padding: 15px;margin-top: 20px; background: #fff; -webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px;}
.products_text li{width: 100%;height: auto;margin-bottom: 20px;}
.products_text li img {width: 100%;max-width: 100%;height: auto;}
.trial_text li {width: 100%;height: auto;margin-bottom: 20px;font-family: "微軟正黑體" Arial;font-size: 16px;line-height: 20px;color: #666;}


/* .article_03_list {width: 100%;height: auto;overflow:hidden;padding: 15px 0 15px 0;margin-top: 20px; background: #fff; -webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px;}*/
/* .updating {width: 100%;height: auto;} */
.article_03_text{ width: 100%;height: auto;overflow:hidden;padding: 25px 30px;margin-top: 20px; background: #fff; -webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px; }
.article_03_text li {width: 100%;height: auto;margin-bottom: 35px;}
.article_03_text li img {width: 100%;max-width: 100%;height: auto;}
.form_name, .form_phone, .form_mail, .selectCity, .selectZip, .wallAddress, .selectBirth
{width: 100%;height: 40px;margin: 10px auto auto auto;padding-left: 5%; -webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;border: solid 1px #cccccc;}
.sex_block {margin: 10px auto auto auto;}
.brand {width: 100%;height: auto;overflow: hidden; margin-top:10px; }
.brand li {width: 33%;float: left;margin-bottom:10px; }
.other_block {width: 100%;height: 40px;}
.other_title {width: 15%;height: 30px;float: left;    padding-top: 10px;}
.other {width: 85%;height: 40px;float: left; padding-left: 5%; -webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;    border: solid 1px #cccccc;}
.agreed_check label {color: #e64290;}
#btnSend {
    display: block;
    width: 100%;
    height: 39px;
    background: #ba0a7d;
    margin: 10px auto auto auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding-top: 6px;
    font-weight: bolder;
    text-transform: none;
}
.store_list_title_a {width: 100%;height: auto;margin-bottom: 20px;border-bottom: 2px solid #ba0a7d;}
.store_list_title_b {width: 100%;height: auto;margin-bottom: 20px;border-bottom: 2px solid #b48928;}
.store_list_title_a img, .store_list_title_b img {width: 100%;max-width: 100%;height: auto;}
.online-list  {width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #ba0a7d;}
.online-list li {width: 40%; float: left; margin: auto 5% 10px 5%}
.online-list li a {display: block;}
.online-list li a img {width: 100%;max-width: 100%;height: auto;}
.call_order {width: 100%;height: 30px;padding-top: 10px;text-align:center;font-size:18px;color:#666;}
.search_des_a {width: 100%;height: 30px;padding-top: 10px;text-align:center;font-size:14px;color:#ba0a7d;}
.search_des_b {width: 100%;height: auto;overflow: hidden;font-size:16px;color:#666666;}
.search_des_c {width: 100%;height: auto;overflow: hidden;font-size:14px;color:#ac7700;margin-top: 20px}
.tab-pane {width: 100%;height: auto;overflow :hidden;padding: 15px;margin-top: 20px; border: 1px solid #ba0a7d; -webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px;}
.tab-pane ul {border-bottom: 1px solid #ba0a7d;}
.tab-pane li {width: 100%;height: auto;overflow :hidden;padding: 5px 0 5px 0;border-top: 1px dotted #ba0a7d;}
.st_name_t, .st_name_in, .st_address_t, .st_address_in, .st_phone_t, .st_phone_in, .st_remark_t, .st_remark_in
{float: left;}
.st_name_t, .st_address_t, .st_phone_t, .st_remark_t
{color: #ba0a7d; font-weight: bolder;width: 20%;}
.st_address_in, .st_phone_in, .st_remark_in
{color: #666666;width: 80%;height: auto;overflow: hidden;}
.st_name_in
{color: #ba0a7d;width: 80%;height: auto;overflow: hidden;}

.search_result {width: 100%;height: auto;overflow :hidden;padding: 15px;margin-top: 20px; border: 1px solid #b48928; -webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px;}
.search_result ul {border-bottom: 1px solid #ac801e;}
.search_result li {width: 100%;height: auto;overflow :hidden;padding: 5px 0 5px 0;border-top: 1px dotted #ac801e;}
.sr_name_t, .sr_name_in, .sr_address_t, .sr_address_in, .sr_phone_t, .sr_phone_in, .sr_remark_t, .sr_remark_in
{float: left;}
.sr_name_t, .sr_address_t, .sr_phone_t, .sr_remark_t
{color: #b48928; font-weight: bolder;width: 20%;}
.sr_address_in, .sr_phone_in, .sr_remark_in
{color: #666666;width: 80%;height: auto;overflow: hidden;}
.sr_name_in
{color: #ac801e;width: 80%;height: auto;overflow: hidden;}

.blackpop { position: fixed;width: 100%;height: 100%;z-index: 1500;top: 0;display: none;background-image: url(../img/blackpop_bg.png);}

.closebtn { height: 40px;width: 40px;text-indent: -5000px;position: absolute;top: 0;right: 0;}

.closebtn a { background: url(../img/closebtn.png) no-repeat 0 0; width: 50px;height: 50px; display: block;}

.pop01 {width: 100%;height: auto; margin: 50% auto auto auto; display:none;position: relative;}

.pop01 img {width: 100%;max-width: 100%;height: auto;}
/*-----suggest--page-----*/
.suggest_page ul{
    width: 90.9375%;
    margin: 6.42% auto;
}
.suggest_page img{
    width: 100%;
}
.suggest_page ul li{
    position: relative;
}
.suggest_page ul .btn1{
    position: absolute;
    bottom: 5.6%;
    left: 3%;
    width: 46.7%;
}
.suggest_page ul .btn2{
    position: absolute;
    bottom: 5.6%;
    width: 46.7%;
    right: 3%;
}
.share_page ul{
    width: 90.9375%;
    margin: 6.42% auto;
    font-family: "微軟正黑體",Microsoft JhengHei;
    font-size: 28px;
}
.share_page ul li.select{
    height: auto;
}
.share_page ul li{
    color: #fff;
    border-radius: 15px;
    font-size: 100%;
    position: relative;
    margin-bottom: 5%;
    overflow: hidden;

    -moz-box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);
    box-shadow:3px 3px 12px 2px rgba(55%,55%,58%,0.4);
}
.share_page ul li.pink{
    background: #ec75a9;
}
.share_page ul li.blue{
    background: #68c4ed;
}
.namebox{
    width: 59.45017182130584%;
    position: relative;
    margin-left: 4%;
    min-width: 200px;
    max-width: 346px;
    /*    padding-top: 15%;*/
    padding-top: 93px;
    margin-bottom: 3%;
}
.share_page img{
    width: 100%;
}
.share_page .name{
    position: absolute;
    top: 30%;
    left: 8%;
}
.share_page .name2{
    position: absolute;
    top: 45%;
    left: 58%;
}
.share_page .txt{
    width: 89.34707903780069%;
    margin: 0 auto;
    margin-bottom: 8%;
    line-height: 1.5;
    overflow: hidden;
    position: relative;
}
.share_page .txt.more{
    height: 3em;
}
.share_page .txt.more.select{
    display: none;
}
.share_page .txt.more.select{
    display: none;
}
.share_page .txt.open{
    display: none;
}
.share_page .txt.open.select{
    height: auto;
    display: block;
}
.share_page .pic{
    position: absolute;
    top: 0%;
    right: 0%;
    width: 41.75257731958763%;
    max-width: 243px;
}
/*
.share_page .pink .txt:after {
    content:"...(看更多)";
    position:absolute;
    bottom:0;
    right:0;
    padding-left: 1.2em;
    background-color: #ec75a9;
}
*/

/*180123調*/
#fotr_aten {width:90%; position:relative; margin:0px auto 80px auto;}
#fotr_aten div {width:100%; margin:auto; background:cornsilk; box-sizing:border-box; padding:20px;}


@media (max-width: 768px) {
    .namebox{
        padding-top: 15%;
    }
    .share_page .txt{
        font-size:1em;
    }
}
@media (max-width: 640px) {
    .share_page .txt{
        font-size:0.6em;
    }
}
@media (max-width: 360px) {
    .share_page .txt{
        font-size:0.5em;
    }
}