.LEFT_MENU{width:200px;float:left;}
.LEFT_MENU+.RIGHT, .LEFT_MENU2+.RIGHT{width:calc(100% - 250px);}
.LEFT_MENU li{list-style: none;border-bottom:1px dotted #fff;background: #efefef;}
.LEFT_MENU>li>a, .LEFT_MENU2>li>a{display: block;padding:5px 10px}
.LEFT_MENU>li>a:hover, .LEFT_MENU li a.select{background: #e60012;color:#fff;}
.LEFT_MENU>li>ul>li{padding:5px 10px;list-style: inside;}
.LEFT_MENU>li>ul>li>a{display: inline-block}
.LEFT_MENU>li.SELECT a{color:#fff;background: #e60012;}

.LEFT_MENU2{display: none; margin-bottom: 20px;}
.LEFT_MENU2 select{border-color:#edccc9;border-radius: 5px;width:200px;}



/*-- 會員 member --*/
#MEMBER .LIST_LEFT{width:75px;font-weight:bold;}
#MEMBER_LOGIN form lable{float:left;width:80px;}
#MEMBER_LOGIN form li{margin:8px 0}
#MEMBER_LOGIN{width:350px;padding:15px 20px;margin:0 auto;background:#f1f1f1; border:1px solid #eee;}
#MEMBER_LOGIN .LIST_LEFT{width:65px}

.CODE{margin-left:5px;}

.CONTENT, #MEMBER .CONTENT{width:400px;margin:0 auto;}
.LI_CODE label, .LI_CODE input, .LI_CODE .CODE{float:left;}
.LI_CODE .CODE{margin-left:15px}


#MEMBER_JOIN{width:550px;margin:0 auto;padding:20px;background: #f1f1f1;border-radius: 5px;}
#MEMBER_JOIN .LIST li{margin-bottom:10px;}
#MEMBER_JOIN .LIST_LEFT{width:75px;}
#MEMBER_JOIN input[type="text"]{width:calc(100% - 80px);}
#MEMBER_JOIN #joinform{width:550px;margin:0 auto;}




/*--訂單查詢 order & -購物車 cart--*/
#CART .TABLE{width:630px;margin:0 auto;}
/*#ORDER .NUMBER, #CART .NUMBER{color:#333;}*/
#ORDER .LIST_LEFT, #CART .LIST_LEFT{font-weight: bold;width:90px}
#CART .LIST_RIGHT select{margin-bottom:5px}
#ORDER .BLOCK, #CART .BLOCK{border:1px solid #ddd;padding:20px;margin-bottom:20px;width:630px;max-width: 100%; margin:0 auto 30px;border-radius:5px;background: #f9f9f9;}
#ORDER .BLOCK{width:100%;}
#CART .BLOCK input[type="text"], #CART .BLOCK textarea{width:100%;}
#ORDER .SUBTITLE, #CART .SUBTITLE{/* padding-left:15px; */}

#CART .CONTENT{width:650px;margin:0 auto;}
#CART .BLOCK li{list-style: none;margin-bottom:5px}
#CART .TABLE .BTN{margin-top:0}

#CART .BLOCK .LIST_LEFT, #ORDER .BLOCK .LIST_LEFT{font-weight: bold}

.TABLE th, .TABLE td{padding:5px;display:table-cell}
.TABLE td{border-bottom:1px solid #ddd}
.TABLE th{font-weight: bold;letter-spacing: 1px;background: #efefef;color:#333;}





/*框固定 圖片自動縮放*/
.img-contain {
    width: 100%;
    height: 0;/*讓元素的高度=padding-bottom*/
    padding-bottom: 100%;

    position: relative;
    border:1px solid #ddd;
}

.img-contain img{
    width:100%;
    height:auto;
    max-height: 100%;
    vertical-align: middle;
}

.img-shiv {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.img-shiv:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.img-shiv.font {
    font-size: inherit;
}



/*列表*/
.LIST{ padding:0; margin:0; padding-bottom:5px; overflow:auto; list-style-type:none;}
.LIST>li{padding:5px 0; overflow:auto;vertical-align:top;}
.LIST_LEFT{ display:block; float:left; margin-right:5px; vertical-align:top;}
.LIST_RIGHT{ display:block; overflow:auto; vertical-align:top;}




/*表單*/
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select{ padding:7px 3px;padding-left:1.5%; padding-right:1.5%; border:1px solid #ccc;font-family:"微軟正黑體"; outline:none; vertical-align:top; /* border-radius: 3px; max-width: 90%;*/margin:1px 0}

input[type="text"].WIDTH_100,
input[type="password"].WIDTH_100,
input[type="file"].WIDTH_100,
textarea.WIDTH_100,
select.WIDTH_100{ width:96% !important; padding-left:1.5%; padding-right:1.5%; }

textarea{width:400px;}



/*----------------RWD----------------*/

@media screen and (max-width:768px) {
    #cart{position: absolute;right:0px;top:80px;}
    
    .LEFT, 
    .RIGHT, 
    .LEFT_50, 
    .RIGHT_50, 
    div.domtab div, 
    #ONLINE2 textarea, 
    .LEFT_MENU+.RIGHT{width:100%;max-width: 100%}

    .LEFT_MENU{float:none;margin-bottom:20px;}
    .LEFT_MENU>li{float:left;border-bottom:none;margin-right:1px}

    .BTN_BOX{width:200px;margin:10px auto 0 auto}
}


@media screen and (max-width:650px) {
    .LIST_LEFT{float:none;width:100%;}
    .LIST input{margin-left:0 !important;}
    input[type="text"]{width:100%;max-width: 100%}
    #MEMBER_JOIN input[type="text"],  #CART .TABLE{width:100%;}
    #CART .BLOCK{width:100% !important;}
}


@media screen and (max-width:600px) {
    #MEMBER_JOIN{width:90%;}
    #MEMBER_JOIN .LIST_LEFT{float:none;}
}


@media screen and (max-width:480px) {
    #MEMBER_LOGIN{width:90%;}
}


@media screen and (max-width:375px){
    
    .CODE{margin-left:0;margin-top:5px}
}