/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
div.row .col:first-child .mcol { margin:0;}
div.row .col:last-child .mcol { margin:0;}
div.row .col .mcol { padding:0;}
div.row .col:first-child .mcol { margin:0;}
div.row .col:last-child .mcol { margin-right:0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
div.mlogo{
display: none;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ---reset.css--- */
html {
font-family:Helvetica, sans-serif;
-webkit-text-size-adjust:none;
background-color:#CCC;
}
body{
background:#000;
padding-bottom:0px !important;
font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
color: #ffffff;
}
img {
max-width: 100%;
padding: 0px;
margin:0px;
}
div.d-item.d-detail.col-sm-12{
min-height:0;
}
/*=========================================整體=========================================*/
/*=========================================NAV勿刪勿動=========================================*/
div.col.col_01 div.media_inside_nav{
display: none;
}
/*==================================================================================*/
.HOME,
.Touch {
padding: 0;
}
.top_header .header_facebook img{
padding-top:28px;
width:60px;
margin-left: -7px;
}
.top_header .header_skype img{ padding-top:10px; width:45px;}
.top_header .header_facebook img:hover{ opacity:0.5;}
.top_header .header_skype img:hover{ opacity:0.5;}
.top_header .header_cart img{ padding-top:40px; }
.top_header .header_member img{ padding-top:7px; padding-bottom:5px; }
.header .input-group button.btn {
width: 15px;
height: 15px;
position: absolute;
top: 6px;
left: 0;
z-index: 50;
text-indent: -9999px;
overflow: hidden;
background: url(/ezfiles/123/1123/img/655/seach.png) no-repeat center center;
border: 0;
}
.header .input-group .form-control {
width: 80%;
height: 30px;
background-color: white;
border: 0;
padding-left: 25px;
border-radius:0;
}
.list-group-item.acctinfo,.list-group-item.changepw{ background:none; border:none;}
.module.module-register{ color:#FFF;}
.module.module-memmenu.md_style1{ color:#FFF;}
.module.module-changepwd.md_style1{ color:#FFF;}
.mimg-circle > .mbox, .d-img.mimg-circle img:hover {opacity:0.5;}
.mpgdetail img:hover {opacity:0.5;}
/*==================================================================================*/
.page_mobile_mecsearch #pageptlist .d-img img{ width:350px;}
.page_mobile_mecsearch .row.listBS{ margin:10px 0;}
/*=========================================商品=========================================*/
div#loading i.icon.icon-loading.spin, div#loading h1{
display: none;
}
button.mbtn.mbtn-s.maddcart-mbtn, div.accessory button.mbtn.mbtn-s.mpayit-mbtn{
background-color: #bb0e29;
transition: 0.1s;
}
div.accessory button.mbtn.mbtn-s.mpayit-mbtn{
margin-left: 20px;
}
button.mbtn.mbtn-s.maddcart-mbtn:hover, div.accessory button.mbtn.mbtn-s.mpayit-mbtn:hover{
background-color: #fff;
color: #000;
transition: 0.3s;
}
div.accessory_outer div.d-item.v-itd.col-sm-3{
padding:0 15px;
}
div.accessory_outer div.mdetail{
height: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
position: relative;
}
div.accessory_outer .mprice.last-price.curprice:before{
content: "";
position: absolute;
width: 90%;
/*background-color: #BB0E29;*/
left: 15px;
height: 2px;
bottom: 90px;
}
div.accessory_outer .mprice.last-price.curprice{
padding:15px 0 0;
color: #fff;
}
div.accessory_outer .d-txt{
line-height: 30.6px;
}
div.accessory_outer .d-txt > h5{
font-size: 20px;
margin: 0;
}
div.accessory_outer .d-txt > h5 a{
color: #FCDA9A;
}
div.accessory_outer .mpro-btns{
padding:15px 0;
text-align: center;
}
div.accessory_outer div.mpg-btn.pull-right{
float: inherit !important;
}
div.accessory_outer .mpg-btn.pull-right a{
transition: 0.1s;
cursor: pointer;
}
div.accessory_outer .mpg-btn.pull-right a:hover{
color: #fff;
text-decoration: none;
background-color: #BB0E29;
transition: 0.3s;
}
div.accessory_outer .mpgbar{
padding:25px 0;
position: relative;
}
div.accessory_outer .d-img.mimg-border img{
transition: 0.1s;
}
div.accessory_outer .d-img.mimg-border:hover img{
opacity: 0.7;
transition: 0.3s;
}
/*=========================================明細=========================================*/
div.accessory div.page_photo img {
min-width: 100%;
display: block;
position: relative;
}
div.accessory .page_wrapper {
background: url(/ezfiles/123/1123/img/655/page3.png) fixed;
}
div.accessory .page_word1 {
color: #fff;
text-align: center;
font-size: 36px;
font-weight: bold;
background-color: #333333;
padding: 50px 0;
}
div.accessory .page_word1 .page_word11 {
}
div.accessory .page_word1 .page_word11 h3{
position:relative;
}
div.accessory .page_word1 .page_word11 h3:after{
content: "";
position: absolute;
width: 10%;
height: 3px;
/*background-color: #FFF;*/
left: 45%;
top: 50px;
}
div.accessory .page_p2 {
background-color: #666666;
}
div.accessory .page_p21 {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
margin: auto;
height: 176px;
}
div.accessory .page_p2 p {
color: #fcda9a;
font-size: 1.375em;
text-align: center;
line-height: 37.4px;
}
div.accessory .page_word2 {
color: #fff;
text-align: center;
font-size: 1.125em;
height: 100%;
}
div.accessory .page_word2_cost {
font-size: 24px;
font-weight: bold;
padding: 50px 0 50px 0;
}
div.accessory .page_word3 {
padding: 50px 0 100px 0;
line-height: 2em;
}
div.accessory div.mpro-panel.col-sm-7.money{
padding: 25px 0 0;
width: 100%;
}
div.accessory .mprice.last-price.curprice{
font-size:28px;
}
div.accessory .mpro-price, div.accessory .maddtocart{
padding:15px 0 0;
}
div.accessory .ad-pro-btns{
padding:25px 0 0;
}
div.accessory .cart-num-control.input-group{
margin:0 auto;
}
div.accessory .shop_color{
color: #FCDA9A;
}
/*=========================================商品=========================================*/
/* --電腦版型------------------------------------- */
#NAV{
display: none;
border-radius: 10px;
}
#TOP-MENU{
display: none;
}
.top_header {
width: 100%;
background: #000;
padding: 1em;
}
.module-minicart {
display: none;
}
.i_padding {
padding-top: 15px;
}
.go-pcurl {
display: none;
}
.langbar {
display: none;
}
.top_header img{
padding-top: 20px;
}
.title_1 img,.title_2 img,.title_3 img,.title_4 img,.title_5 img,.title_6 img{
padding-top: 0px;
}
.module{
padding: 0px;
margin:0px;
}
/*-------品牌介紹------------*/
div .brand_mid2 img{
width:100%;
display:block;
}
.brand_wrapper{
background-color:#222222;
margin:0 auto;
}
div.brand_top img{
height:100%;
}
.brand_mid{
font-size:1.375em;
background-color:#222222;
line-height:2em;
color:#fff;
margin:50px auto 50px auto;
letter-spacing:2px;
}
.brand_mid p{
margin:0 0 50px 0;
}
.brand_mid_tittle{
font-size:28px;
border-bottom:3px solid #fff;
padding:0 0 10px 0;
font-weight:bold;
width:123px;
}
.brand_mid_t{
text-indent:48px;
}
.brand_mid img{
margin:0 auto 50px auto;
width:100%;
}
/*--------店鋪索引----------*/
div.deposit{
text-align:center;
}
div.deposit_NAME{
background-color: #333;
/*padding:15px 0 100px 0;*/
padding: 50px 0 100px 0;
height: 300px;
}
div.deposit_IMG{
line-height:0px;
cursor:pointer;
}
div.deposit_IMG img{
min-width:100%;
}
div.deposit_NAME h3{
font-size:24px;
color:#fff;
position:relative;
line-height:40.8px;
/*border-bottom:3px solid #fff;
padding-bottom:15px;
width: 216px;*/
}
div.deposit_NAME h3:before{
content: "";
width: 180px;
height: 3px;
background-color: #FFF;
position: absolute;
top: 125%;
left: 50%;
margin-left: -90px;
}
div.deposit_NAME p{
font-size:1.125em;
color:#fff;
line-height:30.6px;
}
div.deposit_NAME div.text{
padding-top:50px;
}
div.MASK{
width: 100%;
height: 100%;
background-color:rgba(0, 0, 0, 0.3);
position:absolute;
opacity:0;
transition: 0.2s;
display:none;
}
div.deposit_IMG:hover .MASK{
opacity:1;
transition: 0.4s;
}
div.deposit_IMG a{ display:block; width:100%;}
div.deposit_IMG a img:hover{opacity:0.5;}
div.d-item.d-detail.col-sm-12{
min-height:0;
}
/*--------店鋪索引之裡面各本鋪----------*/
div.Shop{
line-height:0px;
}
div.Shop .img{
text-align: center;
}
div.Shop .text{
background-color: #333333;
color:#fff;
/*padding:0 0 100px 335px;*/
}
div.Shop .text h3{
/*width: 257px;*/
padding:55px 0;
font-size:36px;
position:relative;
font-weight:bold;
}
div.Shop .text .TEXT{
/* position:relative;
left:22%;
padding:50px 0 100px 0;*/
position: relative;
text-align: center;
padding: 50px 0 100px 0;
}
div.Shop .text h3:before{
content: "";
width: 257px;
height: 3px;
background-color: #FFF;
position: absolute;
top: 75%;
left: 50%;
margin-left: -128.5px;
}
div.Shop .text p{
font-size:1.125em;
line-height:30.6px;
}
div.Shop img{
max-width: 100%;
}
.iframeBox{
width: 100%;
height: 380px;
background-color: #fff;
}
.iframeBox iframe{
width: 100%;
height: 90%;
padding: 6% 5% 0 5%;
}
/*-------最新活動外觀-----------*/
.newBox{
width: 100%;
background-image: url(/ezfiles/123/1123/img/816/HOME_7.jpg);
height: 900px;
}
.newBox .mt{
background-color: #222222;
height: 90px;
text-align: center;
padding-top: 21px;
}
.newBox .mt h3{
font-size: 28px;
font-weight: bold;
color: #fff;
border-bottom: 3px solid #fff;
padding: 0 0 10px 0;
width: 125px;
margin: 0 auto;
}
.newBox .mb{
background-color: rgba(0, 0, 0, 0.7);
width: 650px;
height: 850px;
margin: 0 auto;
text-align: center;
line-height: 100px;
font-size: 22px;
letter-spacing: 1px;
overflow: auto;
}
.newBox .row.listBS{
margin:0;
box-shadow: -1px 5px 10px rgba(255, 255, 255, 0.4);
}
.newBox .row.listBS:hover{
background-color:rgba(227, 22, 60, 0.4);
box-shadow: -1px 5px 10px rgba(227, 22, 60, 0.2);
}
.newBox .mb .mbox h5 a{
color:#fff;
}
.newBox .mb .mbox h5 a:hover{
text-decoration:none;
}
/*-------最新活動內頁外觀-----------*/
div#Dyn_2_1 .module-inner .mpgtitle{
display:none;
}
.news .newsTittle h4{
font-size: 28px;
font-weight: bold;
color: #fff;
border-bottom: 3px solid #fff;
padding: 20px 0 10px 0;
margin: 0px auto;
background-image: url(/ezfiles/123/1123/img/865/newsTittleP.jpg);
background-repeat: no-repeat;
padding-left: 45px;
background-position-y: 24px;
}
.news .newsA .newsAw{
padding: 30px 80px;
}
.news .newsA .newsAw p{
color: #fcda9a;
letter-spacing: 1px;
line-height: 2em;
padding: 15px 0;
}
/*--------作品專區-------*/
.workAll .workTittle{
background-color: #222222;
height: 90px;
text-align: center;
padding-top: 21px;
}
.workAll .workTittle h4{
font-size: 28px;
font-weight: bold;
color: #fff;
border-bottom: 3px solid #fff;
padding: 0 0 10px 0;
width: 125px;
margin: 0 auto;
}
.workAll .workA .workA1{
border:1px solid #000;
position: relative;
padding: 0;
}
.workAll .workA .workA2{
border:1px solid #000;
position: relative;
padding: 0;
}
.workAll .workA .workA3{
border:1px solid #000;
position: relative;
padding: 0;
}
.workAll .workB .workB1{
border:1px solid #000;
position: relative;
padding: 0;
}
.workAll .workB .workB2{
border:1px solid #000;
position: relative;
padding: 0;
}
.workAll .workB .workB3{
border:1px solid #000;
position: relative;
padding: 0;
}
.workAll .workW1{
position: absolute;
text-align: center;
bottom: 0;
color: #fff;
font-size: 2em;
background-color:rgba(0,0,0,0.5);
width: 100%;
height: 100px;
line-height: 94px;
font-weight:bold;
}
.workA .workB3,
.workA,
.workB {
padding: 0;
}
/*--------作品專區之裡面各作品----------*/
.work_box{
text-align:center;
}
.work_box .topitem .d-txt{
padding: 150px 50px;
letter-spacing: 1px;
line-height: 1.5em;
}
.work_box .row.listBS.topitem h5 a{
color: #FCDA9A;
font-size: 20px;
}
.work_box .row.listBS.topitem .mdetail{
color:#fff;
}
.work_box .mbox .d-txt h5 a{
color: #FCDA9A;
font-size: 20px;
}
.work_box .mbox .d-img.mimg-circle{
margin: 50px 0 25px 0;
}
/*.work_box{
padding: 50px 80px 80px 80px;
}
.work_box .mbox{
border-bottom: 2px solid #BB0E29;
}
.work_box .mbox .d-img.mimg-circle{
width:200px;
padding: 20px 0;
margin-right: 20px;
}
.work_box .mbox .d-txt{
letter-spacing: 1px;
line-height: 1.5em;
color: #fff;
margin: 50px;
}
.work_box .mbox .d-txt h5 a{
color: #FCDA9A;
font-size: 20px;
}*/
/*-------會員登入-------------*/
.memberBox{
width: 1000px;
background-image: url(/ezfiles/123/1123/img/655/memberBox_bg.png);
background-repeat: no-repeat;
height: 505px;
margin-top: 200px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}
.memberBox .mb{
width: 500px;
padding: 100px 80px;
font-size: 1.125em;
}
.memberBox .mb .control-label{
font-size: 20px;
}
.memberBox .mb .form-control{
box-shadow: none;
border: 1px solid #ccc;
height: 45px;
padding: 0px 10px;
background-color:rgba(227,227,227,0.3);
font-size:16px;
}
.memberBox .mb .btn.btn-s.btn-login{
margin: 15px 0 25px 0;
font-size: 22px;
color: #fff;
background-color: #E3163D;
}
.memberBox .mb .btn.btn-s.btn-login:hover{
color: #fff;
background-color:#4f0815;
border:3px solid #E3163D;
}
.memberBox .mb .register{
color:#E3163D;
}
.memberBox .mb .forgetpwd{
color:#E3163D;
}
/*.memberBox .module{
margin: 50px auto 0 auto;
}
#mem_login .row.form-group{
color:#fff;
}
.row.mcfix.login-other .register{
color: #fcda9a;
}
.row.mcfix.login-other .register:hover{
color:red;
}
.row.mcfix.login-other .forgetpwd{
color: #fcda9a;
}
.row.mcfix.login-other .forgetpwd:hover{
color:red;
}*/
/*-------新品推薦------------*/
.recommendBox
/*-------註冊會員-------------*/
.registeredBox .mt h3{
color: #fff;
font-size: 20px;
text-align: center;
border-bottom: 2px solid #fff;
padding: 15px 0;
margin-bottom: 20px;
font-size: 28px;
font-weight: bold;
}
.registeredBox .mb .formBS.memBS{
color: #fcda9a;
width: 700px;
margin: 0 auto;
}
.registeredBox .mb .formBS.memBS .control-label.col-sm-3{
font-size: 22px;
margin-bottom: 35px;
}
.registeredBox .mb .formBS.memBS .btn.btn-s.btn-register{
margin: 15px 0 25px 0;
font-size: 22px;
color: #fff;
background-color: #E3163D;
}
.registeredBox .mb .formBS.memBS .btn.btn-s.btn-register:hover{
color: #fff;
background-color:#4f0815;
border:3px solid #E3163D;
}
/*-------購物車外觀-------------*/
.shopCart .mt{
font-size: 28px;
font-weight: bold;
color: #fff;
border-bottom: 3px solid #fff;
padding: 20px 0 10px 0;
margin: 0px auto;
}
.shopCart .uitable-th{
display: table;
width: 100%;
color: #fff;
background-color: #bb0e29;
margin-top: 10px;
box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.6);
border:0;
}
.shopCart .mcartLi.row{
border-bottom: 1px solid #bb0e29;
}
.shopCart .d-txt{
line-height: 40px;
}
.shopCart .d-item .d-txt h5 a{
color: #fcda9a;
}
.shopCart .d-cart{
color: #fff;
}
.shopCart .mcart-operate{
background-color: #fff;
color:#000;
}
.shopCart .col-xs-12:hover {
cursor: pointer;
}
.shopCart .mbtn.ecbtn-checkout{ padding: 7px 10px 6px 10px;}
.shopCart .mbtn.ecbtn-checkout:hover{
background-color:rgba(102,102,102,1);
}
/*-------購物車(填寫核對訂單資料)外觀-------------*/
.shopData .module.module-billto .mt h3{
font-size: 28px;
font-weight: bold;
color: #fff;
border-bottom: 3px solid #fff;
padding: 20px 0 10px 0;
margin: 0px auto;
}
.shopData #mecbillto .ecorder-form .mt{
padding:10px 0;
}
.shopData #mecbillto .ecorder-form .mt h3{
font-size: 15px;
border-bottom:none;
padding:0;
margin: 0px auto;
}
.shopData .def-item{
color: #fff;
}
.shopData .uitable-th{
display: table;
width: 100%;
color: #fff;
background-color: #bb0e29;
margin-top: 10px;
box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.6);
border:0;
}
.shopData .mcartLi.row{
border-bottom: 1px solid #bb0e29;
}
.shopData .d-txt{
line-height: 40px;
}
.shopData .d-item .d-txt h5 a{
color: #fcda9a;
}
.shopData .d-cart{
color: #fff;
}
.shopData .mcart-operate{
background-color: #fff;
text-align: center;
}
.shopData .form-btn.row:hover {
cursor: pointer;
}
.shopData .form-btn .mbtn:hover{
background-color:rgba(102,102,102,1);
}
.shopData .pricedetail{
color: #fff;
text-align: center;
}
.shopData .mbtn.mbtn-top.maction.consignee-btn-add{
background-color:#bb0e29;
color: #fff;
font-weight: bold;
}
.shopData .mbtn.mbtn-top.maction.consignee-btn-add:hover{
background-color:rgba(102,102,102,1);
}
div.HOME img{
max-width:100%;
display: block;
}
div.HOME h4{
width: 200px;
height: 50px;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
font-size:2em;
text-align:center;
color:#fff;
z-index:50;
opacity:0;
line-height:54.4px;
transition: 0.2s;
}
div.HOME .mask{
width: 100%;
height: 100%;
background-color:rgba(0, 0, 0, 0.7);
position:absolute;
opacity:0;
transition: 0.2s;
cursor:pointer;
}
.Touch:hover h4, .Touch:hover .mask{
opacity:1;
transition: 0.4s;
}
.ecconsignee-add .form-section{ color:#000;}
.showother ul > li.active { color: black; }
.ecpay-list{ color:#000;}
.ecconsignee-list{ color:#000;}
.ecdeliver-list{ color:#000;}
.mdialog .mcont {color:#000;}
.mpopdiv .mbox { background:#000; border: 1px solid #fff;}
.list-group.memmenu li a:hover,.list-group.memmenu li a:focus{ color:#bb0e29;}
.mcash {
border: 1px solid #FCDA9A;
margin: 50px 10px 10px 10px;
}
.ecorder-list{ color:#000;}
.ecconsignee-list .consignee-info { /*color: #fff;*/ color:#000;}
#pageaddrlist .consignee-info { color: #fff;}
.module-ecptdetail .module-ecsale.open {color: #000;}
.module-ecptdetail .module-ecsale.open .close { left: 0;}
.module-ecptdetail .ecsale-title small{ display:none;}
.page_mobile_mecpostsalelist .li-item-details.open{ color:#000;}
.page_mobile_mecpostsaledetail .li-item-details.open{ color:#000;}
.page_mobile_mecpostsalelist .ecas-list{ color:#000;}
.page_mobile_mecpostsalemsg .mcash.msg{ color:#000;}
@media screen and (max-width: 767px) {
div.HOME h4{
width: auto; opacity:1;
}
div.HOME .mask{
background-color: transparent;
}
.Touch:hover .mask{
opacity:0;
}
.newBox .mb .mbox h5{}
.newBox .mb .mbox h5 a { font-size:14px; line-height:20px;}
.registeredBox .mb .formBS.memBS { width: 95%;}
.registeredBox .mb .formBS.memBS .control-label.col-sm-3 { padding-left: 15px; margin-bottom: 10px;}
.fbicon{
width: 70px;
margin-bottom: -8px;
}
div.M_inside_nav ul a{
color:white;
}
.mobile-member{
display:none;
}
}
/*=====================================================================================================MIN*/
@media screen and (min-width: 991px) {
/*-------品牌介紹------------*/
.brand_bottom img{
min-width:100%;
}
.brand_bottom1{
text-align:right;
}.brand_bottom2{
text-align:center;
}
.brand_bottom3{
text-align:left;
}
}
@media screen and (min-width: 768px){
div.navicon, div.naviconBG{
display: none;
}
/*--------店鋪索引之裡面各本鋪----------*/
div.Shop .text .TEXT p br{
display:none;
}
}
/*=====================================================================================================MAX*/
@media screen and (max-width: 1366px) {
div.accessory .page_p2 p{
font-size: 1.125em;
line-height: 30.6px;
}
}
@media screen and (max-width: 1200px) {
div.accessory_outer div.d-item.v-itd.col-sm-3{
width: 50%;
padding:0;
}
div.accessory .page_p2 p{
font-size: 1em;
line-height: 27.2px;
}
}
@media screen and (max-width: 1007px) {
/*--------店鋪索引之裡面各本鋪----------*/
div.Shop .text iframe{
width:100%;
}
}
@media screen and (max-width: 992px) {
/*-------品牌介紹------------*/
div.brand_bottom img{
max-width:100%;
}
.brand_bottom1{
text-align:center;
}
.brand_bottom2{
text-align:center;
}
.brand_bottom3{
text-align:center;
}
div.accessory .page_p2 p{
font-size: 1.375em;
line-height: 37.4px;
}
}
@media screen and (max-width: 768px) {
div.accessory_outer div.d-item.v-itd.col-sm-3{
width: 100%;
padding:0;
text-align: center;
}
div.Shop .text h3{
/*width: 257px;*/
padding:55px 0;
font-size:28px;
position:relative;
font-weight:bold;
}
}
@media screen and (max-width: 767px) {
div.col.col_01{
width: 100%;
}
div.col.col_01 div.inside_nav{
display: none;
}
div.navicon{display: block;}
div.naviconBG{
display: block;
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
div.col.col_02{
width: 100%;
padding-top: 70px;
}
}
/* --手機版型------------------------------------- */
@media screen and (max-width: 767px) {
*{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
html,body{
-webkit-text-size-adjust:none;
}
#WRAPPER{
min-width:320px;
}
.top_header{
display: none;
}
#TOP-MENU{
/*display: inline-block;*/
display:none;
float: left;
width: 100%;
height: 60px;
position: relative;
background-color: #000;
padding-top: 60px;
z-index: 222;
margin-top: -60px;
}
#TOP-MENU h4{
display:block;
width: 47px;
height: 40px;
background-image:url(/ezfiles/123/1123/img/655/logo.png);
text-indent:-9999px;
background-size: contain;
margin-top: 10px;
margin-left: 10px;
background-repeat:no-repeat;
}
.naviconBG h4#BTN{
display:block;
float: left;
width: 47px;
height: 40px;
background-image:url(/ezfiles/123/1123/img/655/logo.png);
text-indent:-9999px;
background-size: contain;
margin-top: 10px;
margin-left: 10px;
background-repeat:no-repeat;
}
#NAV{
width:300px;
height:250px;
background-color:#FFF;
display: none;
position:fixed;
top:50%;
left:50%;
z-index:888;
margin-left:-150px;
margin-top:-125px;
box-shadow:1px 1px 15px #000;
border-radius: 10px;
}
.UPUP{
-webkit-transition:all 0.3s ease-out;
-webkit-transform:translate3d(0px,-1000px,0px);
}
.DOWN{
-webkit-transition:all 0.3s ease-out;
-webkit-transform:translate3d(0px,0px,0px);
}
#NAV #XX{
display:block;
width:30px;
height:30px;
background-color:#fff;
color:#000;
box-shadow:1px 1px 15px #000;
border-radius:30px;
text-align:center;
line-height:30px;
position:absolute;
right:-10px;
top:-10px;
}
#NAV ul{
width:100%;
height:100%;
}
#NAV li{
width:100%;
float:none;
}
#NAV li a{
display: block;
width: 100%;
line-height: 48px;
text-align: center;
text-decoration: none;
background-color: #FFF;
border: 1px solid #E6E6E6;
color: #000;
font-family: "微軟正黑體";
}
#NAV li a:hover{
border:1px solid #CCC;
}
#CONTENT{
width:100%;
margin:0 auto;
overflow:hidden;
background-color:#FFF;
padding:10px 0px;
}
#CONTENT .BOX{
float:none;
width:100%;
margin:0;
padding:10px 20px;
}
#CONTENT .BOX h3{
font-size:32px;
line-height:2;
border-bottom:2px solid #369;
color:#369;
text-align:center;
}
#CONTENT .BOX p{
font-size:1.125em;
line-height:1.8;
padding:20px;
color:#333;
}
#DOWN{
clear:both;
width:100%;
margin:20px auto;
background-color:#369;
padding:20px 0px;
}
#DOWN p{
font-size:13px;
text-align:center;
line-height:1.8;
color:#FFF;
}
/*--------店鋪索引之裡面各本鋪----------*/
div.Shop .text .TEXT{
position: relative;
left: 0;
padding: 50px 0px 100px;
margin: 0px auto;
width: 270px;
}
div.Shop .text .TEXT p br{
display:block;
}
/*-------最新活動外觀-----------*/
.newBox .mb{
/*width: 400px;
line-height: 55px;*/
width: 100%;
line-height: 20px;
}
/*-------會員登入-------------*/
.memberBox{
width:100%;
background-image: url(/ezfiles/123/1123/img/655/memberBox_bg2.png);
background-repeat: no-repeat;
height:1000px;
margin-top:0px;
}
/*--------作品專區之裡面各作品----------*/
.work_box .topitem .d-txt {
padding:50px;
}
.memberBox .mb{
width: 100%;
padding:100px 20px 30px 20px;
font-size: 1.125em;
}
}
@media screen and (max-width: 480px) {
div.accessory .page_p2 p {
font-size: 1em;
line-height: 27.2px;
}
}
.row.form-group.authcode input{
color:black;
}
.top_header .header_skype img{
width: 70px;
margin-left: -8px;
}
.m-line{
width: 75px;
margin-bottom: -12px;
}
.modal-title{
color:black;
}
div.inside_nav ul li.page_icon span:nth-child(2) a img{
width: 75px;
margin-bottom: -12px;
margin-left: -10px;
}
.mobile-text{
display:none;
}
@media screen and (max-width: 767px){
.mobile-text{
display:block;
}
}