@charset "utf-8";
.product_table {
    font-size: 12px;
    line-height: 1.2;
    height: 24px;
    top: 5px;
    font-weight: normal;
    padding-top: 4px;
    text-align: left;
    padding-right: 8px;
    padding-left: 8px;
    border-top-color: #D6C9A0;
    border-left-color: #D6C9A0;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    background-color: #FFFFFF;
    color: #666666;
}

.product_table th {
    color: #FFFFFF;
    background-color: #980203;
    font-size: 12px;
    line-height: 1.2;
    height: auto;
    top: 5px;
    font-weight: bold;
    padding-top: 4px;
    text-align: center;
    padding-right: 6px;
    padding-left: 6px;
    border-right-color: #D6C9A0;
    border-bottom-color: #D6C9A0;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    padding-bottom: 4px;
}

.product_table td {
    font-family: "Arial", "Helvetica", "sans-serif";
    height: auto;
    font-size: 12px;
    text-align: left;
    padding-left: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D6C9A0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #D6C9A0;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
}

.product_table td a:link {
    text-decoration: none;
    color: #666666;
}

.product_table td a:visited {
    color: #666666;
    text-decoration: none;
}

.product_table td a:hover {
    color: #FF0000;
    text-decoration: none;
}

.product_table td a:active {
    color: #666666;
}

.product_table tr.altrow {
    background-color: #EAEAEA;
}

.product_table tr.altrow1 {
    background-color: #abce03;
}

.product_table tr.altrow2 {
    background-color: #cccccc;
}


/* download */

.download_table {
    font-size: 12px;
    line-height: 1.2;
    height: 24px;
    top: 5px;
    font-weight: normal;
    padding-top: 4px;
    text-align: left;
    padding-right: 8px;
    padding-left: 8px;
    border-top-color: #D6C9A0;
    border-left-color: #D6C9A0;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    background-color: #FFFFFF;
    color: #666666;
}

.download_table th {
    color: #FFFFFF;
    background-color: #980203;
    font-size: 12px;
    line-height: 1.2;
    height: auto;
    top: 5px;
    font-weight: bold;
    padding-top: 4px;
    text-align: center;
    padding-right: 6px;
    padding-left: 6px;
    border-right-color: #D6C9A0;
    border-bottom-color: #D6C9A0;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    padding-bottom: 4px;
}

.download_table td {
    font-family: "Arial", "Helvetica", "sans-serif";
    height: auto;
    font-size: 12px;
    text-align: left;
    padding-left: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D6C9A0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #D6C9A0;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
}

.download_table td a:link {
    text-decoration: none;
    color: #666666;
}

.download_table td a:visited {
    color: #666666;
    text-decoration: none;
}

.download_table td a:hover {
    color: #FF0000;
    text-decoration: none;
}

.download_table td a:active {
    color: #666666;
}

.download_table tr.altrow {
    background-color: #EAEAEA;
}


/*購物車頁面 */

.cart_step {
    text-align: center;
    margin-bottom: 20px;
}

.cart_title_icon {
    height: 33px;
    text-indent: 32px;
    font-size: 15px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 10px;
    background-image: url('../images/ws-clipboard.png');
    background-repeat: no-repeat;
}

.cart_title_icon2 {
    height: 34px;
    text-indent: 32px;
    font-size: 15px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 10px;
    background-image: url('../images/ws-clipboard2.png');
    background-repeat: no-repeat;
}

.cart_btn {
    text-align: right;
    padding-top: 10px;
}

.cart_pay {
    border-top: 1px dashed #ccc;
}

.cart_pay td {
    border-bottom: 1px dashed #ccc;
    padding: 15px 0;
}

.cart_pay_radio {
    background-color: #ededed;
    text-align: center;
}

.cart_table {
	border: 1px solid #B6B6B6;
	border-collapse: collapse;
}
.cart_table tr.stocks_short{
    background:#f00;
    color:grey;
}
.cart_table tr.stocks_short a{color:grey}
.cart_table tr.cart_line{
    
}
.cart_table tr.stocks_short{
    background:#f00;
    color:grey;
}
.cart_table tr.stocks_short a{color:grey}
.cart_table th {
	color: #333333;
	background-color: #cccccc;
	padding:4px 0px;
}
.cart_table td {
	padding: 4px 0px;
	text-align: center;
}
.cart_table td a{
	color: #000;
}
.cart_table .col_name{ display: none;}
.cart_line td{
	border-bottom: 1px dashed #ccc;
}
.cart_title a {
	color: #000;
}
.cart_title a:hover {
	color: #FF0000;
	text-decoration: none;
}
.cart_red{
	color: #c14948;
}

.cart_total{
	text-align: right;		
}
.cart_total li{
	display:inline-block;
	margin-right: 10px;
}
.cart_total .total{
	color: #ff0000;		
}

.cart_order_info_frame {
    border: 1px solid #B6B6B6;
    padding: 20px 20px 20px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.cart_order_info {
    border-collapse: collapse;
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 30px;
}

.cart_order_info th {
    padding-right: 15px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #666;
    text-align: right;
}

.cart_order_info td {
    padding-bottom: 10px;
}

.cart_order_info input {
    border: 1px solid grey;
    padding: 3px;
}

.cart_order_info .ipt1 {
    width: 200px;
}

.cart_order_info .ipt2 {
    width: 500px;
}

.cart_order_info .ipt3 {
    width: 60px;
}

.cart_aswell {
    margin: -35px 0 30px 0;
    text-indent: 195px;
}

.cart_credit {
    margin: -35px 0 30px 0;
    text-indent: 130px;
    color: #c14948;
}


/*購物登入頁面 */

.v_mid {
    vertical-align: middle;
}

.member_login {
    /*float: left;*/
}

.member_login td {
    padding-bottom: 10px;
}

.member_login .iptbox {
    padding: 3px 0 3px 5px;
}

.member_login .ipt1 {
    width: 250px;
}

.member_login .ipt2 {
    width: 65px;
}

.member_login .fg_pw {
    text-align: right;
}

.member_login .fg_pw a {
    color: #666;
}

.member_login .fg_pw a:hover {
    color: #333;
}

.member_login img {
    vertical-align: middle;
}

.login_first {
    /*float: left;*/
    /*padding-left: 60px;*/
}


/*忘記密碼頁面 */

.forget_pw td {
    padding-bottom: 10px;
}

.forget_pw .iptbox {
    padding: 3px 0 3px 5px;
}

.forget_pw .ipt1 {
    width: 250px;
}

.forget_pw .ipt2 {
    width: 150px;
}

.forget_pw img {
    vertical-align: middle;
}


/*詢價頁面*/

#inquiry {
    float: left;
    width: 650px;
    padding: 10px 0px;
    margin: 20px 0px 20px 10px;
    display: inline;
    background-color: #FFF;
}

.inquiry_table {
    border: 1px solid #B6B6B6;
    margin: 0 auto;
}

.inquiry_table th {
    color: #333333;
    background-color: #cccccc;
    padding: 4px 6px;
}

.inquiry_table td {
    padding: 4px 8px;
    text-align: center;
}

.inquiry_line td {
    border-bottom: 1px dashed #ccc;
}

.inquiry_table td.title a {
    color: #000;
}

.inquiry_table td.title a:hover {
    color: #FF0000;
    text-decoration: none;
}

#nodata {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    width: 100%;
    text-align: center;
    color: #ff0000;
    font: normal 12px;
}


/*gallery*/

.gallery_list {
    float: left;
    width: 199px;
    margin: 10px 4px;
    padding: 2px;
    border: 2px solid #aac6db
}

.gallery_list_pic {
    width: 199px;
    height: 126px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.gallery_title {
    text-align: center;
    padding: 2px 0
}


/*related*/

#related_products {
    position: relative;
}

#related_products .direction {
    width: 30px;
    height: 180px;
    vertical-align: middle;
    position: absolute;
    top: 0
}

#related_products .left {
    left: 0
}

#related_products .right {
    right: 0
}

#related_products .direction a {
    display: block;
    width: 20;
    height: 120px;
    padding: 60px 5px 0 5px;
    text-decoration: none;
}

#related_products .container {
    width: 630px;
    height: 180px;
    margin: 0 auto;
    vertical-align: middle;
    overflow: hidden
}

#related_products .container .list02 {
    float: left;
    width: 180px;
    height: 180px;
    margin: 0 15px
}

#related_products .container .list02-pto {
    float: left
}

#related_products .container .list02-pto img {
    border: 1px solid #e2e2e2;
    margin-bottom: 5px;
    width: 170px
}

#related_products .container .list02 a {
    color: #889e36;
    text-decoration: none
}

#related_products .container .list02 a:hover {
    color: #889e36;
    text-decoration: underline
}


/*購物車登入*/

.cart-login_f {
    position: relative;
}

.cart-login_f_btn {}

.cart-login_f_btn input {
    background-color: #FF8F00;
    color: #FFFFFF;
    padding: 3px;
}

.cart-login-m_btn {
    margin-top: 10px;
}

.cart-login-m_btn02 input {
    background-color: #FF8F00;
    color: #FFFFFF;
    width: 100px;
}

.cart-login-m_btn a {
    display: block;
    /*background: url(../images/btnbg.png) no-repeat center center;*/
    width: 110px;
    height: 41px;
    line-height: 38px;
    color: #DD003E;
    font-family: "微軟正黑體";
    font-weight: bold;
}

.cart-login-m_btn a:hover {
    /*background: url(../images/btnbg_v.png) no-repeat center center;*/
}

#cart-login-member {
    float: left;
    width: 280px;
    /*  margin:10px 2% 0 3%;*/
    padding: 20px 20px;
    background-color: #FCF2D1;
    border: 1px solid #fec300;
    font-size: 15px;
    height: 197px;
}

.login_table {
    width: 100%;
}

.login_table th {
    width: 60px;
    line-height: 35px;
    color: #000000;
    font-family: "微軟正黑體";
    font-weight: bold;
}

.login_table img {
    vertical-align: middle;
}

#cart-login-first {
    border: 1px solid #fec300;
    float: left;
    width: 280px;
    background-color: #FCF2D1;
    margin-left: 20px;
    padding: 15px 20px 20px 30px;
    height: 200px;
    color: #dd003e;
    font-weight: bold;
    font-size: 16px;
    font-family: "微軟正黑體";
    /* margin:10px 3% 0 2%;*/
}

#cart-login-first ul li {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
}

#cart-login-first ul {
    padding-top: 15px;
}


/*store*/

.store_list {
    overflow: hidden;
    margin-top: 20px;
    padding-bottom: 20px;
    height: auto;
}

.store_list_pic {
    overflow: hidden;
    float: left;
    margin-right: 25px;
    padding-right: 30px;
    border-right: 1px solid #d1d1d1;
}

.store_list_pic img {
    border: 1px solid #ffa4ab;
}

.store_info {
    float: left;
    width: 370px;
    overflow: hidden;
}

.store_list p {
    color: #717171;
    font-size: 14px;
}

p.store_title {
    margin-bottom: 10px;
    font-size: 15px;
    color: #f06276;
    font-weight: bold;
    background: url(../images/icon003.gif) no-repeat left 2px;
    padding: 0 0 0 13px;
}

.store_map {
    float: left;
    width: 75px;
    margin-top: 55px;
}

.store_online {
    width: 160px;
    height: 240dpx;
    float: left;
    margin: 13px 6px;
    border: 1px solid #d1d1d1;
}

#shipment_zone {
    width: 90%;
    margin: 0 auto;
    padding: 10px 3px;
}


/* download */

#download {
    width: 650px;
    margin: 20px 0px 120px 60px;
    color: #000;
}

#download a {
    color: #000;
}

#download a:hover {
    color: #069;
}

#download td {
    border-bottom: 1px dotted #CCC;
    text-align: center;
    padding: 5px 0px;
}

#download th {
    color: #069;
    font-weight: normal;
    border-top: 1px dotted #069;
    border-bottom: 2px solid #069;
}


/* member form */

.member_table {
    height: 24px;
    padding: 0;
    border-top: 1px solid #B6B6B6;
    border-right: 1px solid #B6B6B6;
    margin: 10px 0 0 0;
}

.member_table th {
    color: #333333;
    background-color: #ccc;
    height: 24px;
    font-weight: bold;
    padding: 4px 0px 0px 8px;
    text-align: left;
    border-left: 1px solid #B6B6B6;
    border-bottom: 1px solid #fff;
    width: 30%;
}

.member_table td {
    height: 24px;
    color: #222222;
    text-align: left;
    padding: 10px 8px;
    border-left: 1px solid #B6B6B6;
    border-bottom: 1px solid #B6B6B6;
}

.member_table tr.altrow {
    background-color: #cccccc;
}

textarea {
    width: 38%;
}


/* member zone form */

.member_zone_table {
    height: 24px;
    padding: 4px 8px 0px 0px;
    text-align: left;
    border-top: 1px solid #D6C9A0;
    border-left: 1px solid #D6C9A0;
    background-color: #FFFFFF;
    color: #666666;
}

.member_zone_table th {
    color: #FFFFFF;
    background-color: #980203;
    font-weight: bold;
    text-align: center;
    padding: 4px 6px;
    border-right: 1px solid #D6C9A0;
    border-bottom: 1px solid #D6C9A0;
}

.member_zone_table td {
    text-align: left;
    padding: 4px 8px;
    border-right: 1px solid #D6C9A0;
    border-bottom: 1px solid #D6C9A0;
}

.member_zone_table td a {
    color: #666666;
}

.member_zone_table td a:hover {
    color: #FF0000;
    text-decoration: none;
}

.member_zone_table tr.altrow {
    background-color: #EAEAEA;
}


/* login & logout */

.login_msg_error {
    font-size: 12px;
    color: #ff0000;
    text-align: center;
}

.logout {
    font-size: 12px;
    color: #ff9900;
    text-align: right;
}

.logout a:link {
    color: #ff9900;
    text-decoration: none;
}

.logout a:visited {
    color: #ff9900;
    text-decoration: none;
}

.logout a:hover {
    color: #ffcc00;
    text-decoration: none;
}

.logout a:active {
    color: #ffcc00;
    text-decoration: none;
}

.login_user {
    font-weight: bold;
    font-size: 18px;
    color: #999999;
}

.msg_getpw {
    font-size: 12px;
    color: #ff0000;
    text-align: center;
}


/* faq */

#faq {
    float: left;
    width: 650px;
    padding: 0px;
    margin: 20px 0px 20px 10px;
    display: inline;
}

.faq_show {
    padding-bottom: 10px;
    border: 1px solid #CCC;
}

.faq_show td.title {
    padding: 6px 0px 6px 30px;
    color: #FFF;
    background-color: #80a0b3;
}

.faq_show td.main {
    color: #000;
    padding: 6px 0px 0px 30px;
}


/*video*/

.video_list {
    width: 150px;
    float: left;
    margin: 15px;
}

.video_list a {
    color: #666
}

.video_list .video_list_pic {
    width: 150px;
}

.video_list .video_list_pic .wraper {
    width: 150px;
    height: 150px;
    text-align: center;
    vertical-align: middle;
    display: table-cell
}

.video_list .video_list_title {
    text-align: center;
    padding: 8px 3px;
}

.ajax_place {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.ajax_place .layerContent {
    position: absolute;
    width: 100%;
    top: 25%;
    left: 0;
    z-index: 100;
    text-align: center;
}

.ajax_place .layerBackground {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index: 99;
}

.common_zone {
    padding: 20px 0 0 0;
}

.comment_table {
    border-bottom: 3px solid #bf1f20;
    width: 700px;
    margin: 0 0 40px 0;
}

.comment_table input {
    border: 1px solid grey;
    padding: 3px;
}

.comment_table th {
    width: 10%;
    background: #555;
    color: #fff;
    padding: 5px 0;
}

.comment_table td {
    width: 80%;
    background: #fff;
    padding: 10px 170px 10px 20px;
}

.comment_table td.row1 {
    background: #F1F1F1;
}

.comment_table td.row2 {
    background: #f1f1f1;
    border-bottom: 3px solid #bf1f20;
}

.comment_table textarea {
    width: 100%;
    border: 1px solid grey
}

.comment_table img {
    vertical-align: middle;
}

.comment_table .required {
    border: 2px solid #f00
}

.common_list {
    margin: 10px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
}

.common_list .date {
    float: right;
}

.common_list .subject {
    font-size: 14px;
    color: #809030
}

.common_list .content {
    font-size: 14px;
}

.common_list .role {
    color: #069
}

.common_list .role-user {
    color: #5a5
}

.common_list .role-admin {
    color: #f69
}

.comment_role {
    color: #069
}

.comment_role .role {
    color: #809030
}

#common_title {
    float: left;
    width: 75%;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 5%;
    margin: 0 0 10px 0;
    color: #bf1f20;
}

#common_date {
    float: right;
    width: 20%;
    text-align: center;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    color: #bf1f20;
}

.attach_list {
    clear: both;
    padding: 10px 0;
    height: 84px;
}

.attach_list .attach {
    float: left;
    width: 80px;
    height: 80px;
    border: 1px solid grey;
    padding: 1px;
}

.attach_list .attach .wrapper {
    display: table-cell;
    width: 80px;
    height: 80px;
    text-align: center;
    vertical-align: middle
}

.classification_title {
    margin-bottom: 10px;
    padding: 5px 0;
}

.classification_title a {
    display: block;
    float: left;
    margin: 5px 10px;
    font-size: 13px;
    border: 1px solid grey;
    padding: 2px 3px;
}

.classification_title a.current {
    border: 1px solid red;
    background: #df0;
    color: #2a2
}

.operator {
    padding: 5px 8px;
}

.operator input {
    padding: 3px 5px;
}

#missing-files {
    border: 1px solid grey;
    padding: 10px;
}

#missing-files h1 {
    font-size: 30px;
    line-height: 35px;
}

#missing-files p {
    font-size: 13px;
    line-height: 25px;
}

#missing-files-sitemap {
    padding: 10px;
    margin-top: 20px;
    border: 1px solid grey;
    background: #d3d0ce
}

#missing-files-sitemap h3 {
    font-size: 20px;
}

#missing-files-sitemap #desc {
    margin-top: 10px;
}

@media only screen and (max-width: 570px) {
    .member_table {
        width: 100%;
    }
    .member_table tr {
        margin-bottom: 0;
        display: block;
        border-bottom: 1px solid #ddd;
    }
    .member_table th {
        display: block;
        height: 30px;
        width: 100%;
    }
    .member_table td {
        display: block;
        font-size: 13px;
        margin-bottom: 0;
        border-bottom: 1px dotted #ccc;
    }
    .member_table td:last-child {
        border-bottom: 0;
        height: auto;
        padding: 10px 5px;
    }
    .member_table td:before {
        content: attr(data-label);
        text-transform: uppercase;
        font-weight: bold;
    }
    .member_table input {
        max-width: 80%;
    }
    .member_table textarea {
        /*max-width: 280px;*/
    }
    textarea {
        width: 80%;
    }
}

@media only screen and (max-width: 480px) {
    .member_table input {
        max-width: 80%;
    }
}

@media only screen and (max-width: 320px) {
    .member_table {
        width: 100%;
    }
    .member_table tr {
        margin-bottom: 0;
        display: block;
        border-bottom: 1px solid #ddd;
    }
    .member_table th {
        display: block;
    }
    .member_table td {
        display: block;
        font-size: 13px;
        margin-bottom: 0;
        border-bottom: 1px dotted #ccc;
    }
    .member_table td:last-child {
        border-bottom: 0;
        height: auto;
        padding: 5px 5px;
    }
    .member_table td:before {
        content: attr(data-label);
        text-transform: uppercase;
        font-weight: bold;
    }
    .member_table input {}
    .member_table textarea {
        /*max-width: 280px;
        max-height: 28px;*/
    }
}

@media screen and (max-width: 768px) {
    .cart_table th,
    .cart_table td {
        display: list-item;
        border-bottom: 1px solid #ccc;
    }
    .cart_table thead {
        display: none;
    }
    .cart_table tbody,
    .cart_table tbody tr {
        display: block;
    }
    .cart_table tbody td.number {
        display: none;
    }
    .cart_table tbody td:nth-of-type(8) {
        border-bottom: 2px solid #999;
    }
    .cart_table .col_name {
        display: inline;
    }
    .contact_table2 textarea {
        width: 100%;
    }

    .cart_order_info {
        padding: 0;
        display: block;
        height: auto;
        margin: 0 auto;
    }
    .cart_order_info tbody,
    .cart_order_info td,
    .cart_order_info tr,
    .cart_order_info th {
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        min-height: 2em;
        line-height: 2em;
    }
    .cart_order_info th {
        text-align: left;
        border-bottom: 0;
        padding-bottom: 0px;
        padding-left: 5px;
    }
    .cart_order_info td {
        padding-left: 5px;
    }
    .cart_order_info tr:last-child th {
        display: none;
    }
    .cart_order_info input,
    .cart_order_info textarea {
        max-width: 96%;
        min-height: 2em;
        padding: 0 5px;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .cart_order_info textarea {
        margin: 2px 0;
    }
    .cart_order_info input[type="submit"] {
        height: 40px;
        width: 60%;
        max-width: 120px;
    }
}