@charset "utf-8";
body {
	background-color: #000;
	text-decoration: none;
}
.width {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.main_width {
	padding-right: 0.5em;
	padding-left: 0.5em;
}
#box_pic {
    margin-right: auto;
    margin-left: auto;
    
    text-align: center;
    margin-bottom: 1em;
    margin-top: -1em;
}
.box-main {
    background-color: #969;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1em;
}
.here {
	margin-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	margin-bottom: 1em;
	font-family: "微軟正黑體";
	font-weight: bold;
}
.here01 {
	font-family: "微軟正黑體";
	font-size: 1em;
	color: #B00;
}
.here01 a {
	text-decoration: none;
	color: #B00;
}
.here01 a:link {
	text-decoration: none;
	color: #B00;
}
.here01 a:visited {
	text-decoration: none;
	color: #B00;
}
.here01 a:hover {
	text-decoration: none;
	color: #900;
}

/*******回上一頁**********/
.back {
	text-align: right;
	font-size: 1.05em;
	overflow: hidden;
	font-family: "微軟正黑體";
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 1em;
	margin-bottom: 1em;
}
/********紫砂群英********/



.ind01a {
	background-color: #cc99cc;
	font-size: 2em;
	font-family: "微軟正黑體";
	font-weight: bold;
	background-image: url(../img/index_01.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #333;
	padding-top: 0.8em;
	padding-right: 1em;
	padding-bottom: 0.8em;
	padding-left: 1em;
	margin-bottom: 0.1em;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.ind01b {
	font-family: "微軟正黑體";
	overflow: hidden;
	margin-bottom: 0.5em;
	font-size: 1.1em;
	color: #D900D9;
	font-weight: bold;
}
.ind01b img {
    width: 55%;
    float: left;
    margin-right: 0.5em;
}
.ind01b_name {
    padding-top: 1em;
    display: block;
}
.ind01c {
	font-family: "微軟正黑體";
	font-size: 1.05em;
	line-height: 28px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom: 2em;
	color: #FFF;
}
.ind01c a {
	color: #FFF;
	text-decoration: none;
}
.ind01c a:link {
	text-decoration: none;
	color: #FFF;
}
.ind01c a:visited {
	color: #FFF;
	text-decoration: none;
}
.ind01c a:hover {
	color: #C69;
	text-decoration: none;
}
/********泥料小典故********/

.ind02a {
	background-color: #bc8350;
	font-size: 2em;
	font-family: "微軟正黑體";
	font-weight: bold;
	background-image: url(../img/index_02.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #333;
	padding-top: 0.8em;
	padding-right: 1em;
	padding-bottom: 0.8em;
	padding-left: 1em;
	margin-bottom: 0.1em;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.ind02b {
	width: 100%;
	height: 210px;
	overflow: hidden;
}
.ind02b img {
    width: 100%;
}
.ind02c {
	font-weight: bold;
	color: #E62E00;
	font-size: 1.1em;
	margin-top: 1em;
	font-family: "微軟正黑體";
	margin-bottom: 0.4em;
}
.ind02d {
	font-size: 1.05em;
	font-family: "微軟正黑體";
	line-height: 28px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom: 2em;
}
.ind02d a {
	color: #F90;
	text-decoration: none;
}
.ind02d a:link {
	color: #F49300;
	text-decoration: none;
}
.ind02d a:visited {
	color: #F49300;
	text-decoration: none;
}
.ind02d a:hover {
	color: #FC0;
}
/********真壺會員別館********/

.ind03a {
	background-color: #ff99cc;
	font-size: 2em;
	font-family: "微軟正黑體";
	font-weight: bold;
	background-image: url(../img/index_03.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #333;
	padding-top: 0.8em;
	padding-right: 1em;
	padding-bottom: 0.8em;
	padding-left: 1em;
	margin-bottom: 0.1em;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.ind03b {
	font-family: "微軟正黑體";
	font-size: 1.05em;
	margin-top: 0.5em;
	margin-bottom: 2em;
}

.ind03b ul li {
	margin-bottom: 0.5em;
	color: #C9C;
	list-style-image: url(../img/icon_01.png);
}
.ind03b ul li a {
	color: #F9F;
	text-decoration: none;
}
.ind03b ul li a:link {
	color: #F9F;
	text-decoration: none;
}
.ind03b ul li a:visited {
	color: #F9F;
	text-decoration: none;
}
.ind03b ul li a:hover {
	color: #FF37FF;
	text-decoration: none;
}
.ind03c {
	font-family: "微軟正黑體";
	font-size: 1.05em;
	margin-top: 0.5em;
	margin-bottom: 2em;
	color: #F30;
	text-align: right;
}

.ind03c a {
	color: #F30;
	text-decoration: none;
}
.ind03c a:link {
	color: #F30;
	text-decoration: none;
}
.ind03c a:visited {
	color: #F30;
	text-decoration: none;
}

.ind03c a:hover {
	color: #FF0;
	text-decoration: none;
}
/********adv01********/

.adv01 {
    margin-bottom: 2em;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    overflow: hidden;
}
.adv01 img {
    width: 100%;
}
/*******首頁商品質*******/
.pro {
	padding: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5.4px;
	margin-left: 0px;
}
.pro a img {
	width: 100%;
}
.pro img {
	padding: 0px;
}

.pro01 {
	margin-bottom: 2em;
	padding-right: 1.5em;
	padding-left: 1.5em;
}
.adv02 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.adv02 img {
    width: 100%;
    margin-top: 1em;
}
.adv02 a img {}
/********adv03********/

.adv03 {
    width: 100%;
    overflow: hidden;
}
.adv03 img {
    width: 24.4%;
    margin-bottom: 1em;
}
.adv03 a img {
    display: inline-block;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.ind_news {
	font-family: "微軟正黑體";
	padding-right: 2em;
	padding-left: 2em;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	color: #FFF;
	font-size: 1.05em;
}
.ind_news a {
	color: #FFF;
	text-decoration: none;
}

.ind_news a:link {
	color: #FFF;
	text-decoration: none;
}

.ind_news a:visited {
	color: #FFF;
	text-decoration: none;
}

.ind_news a:hover {
	color: #333;
	text-decoration: none;
}

/**********真問與答*************/

.ind_faq01 {
	font-family: "微軟正黑體";
	font-size: 1.05em;
	margin-bottom: 0.5em;
	display: block;
	background-color: #FFF;
}
.ind_faq01 a {
    display: block;
    background-image: url(../img/icon_02.png);
    background-repeat: no-repeat;
    background-position: left 0.7em;
    padding-left: 30px;
    color: #831E01;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
    padding-bottom: 0.5em;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0.5em;
}
.ind_faq01 a:link {
    color: #831E01;
    text-decoration: none;
}
.ind_faq01 a:visited {
    color: #831E01;
    text-decoration: none;
}
.ind_faq01 a:hover {
    color: #C00;
    text-decoration: none;
}
.ind_faq02 {
    padding-bottom: 1em;
}
.ind_faq03 {
	background-color: #FFF;
	}
.more_right {
	text-align: right;
	display: block;
	float: right;
	color: #FFF;
	margin-top: -2px;
}
.more_right a {
    color: #FFF;
    text-decoration: none;
}
.more_right a:link {
    color: #FFF;
    text-decoration: none;
}
.more_right a:visited {
    color: #FFF;
    text-decoration: none;
}
.more_right a:hover {
    color: #FF0;
    text-decoration: none;
}
.ind_share01 {
	color: #cc3300;
	font-family: "微軟正黑體";
	display: block;
	float: left;
	clear: left;
	font-weight: bold;
	width: 16%;
	background-color: #FFF;
}
.ind_share02 {
	background-color: #FFF;
	font-family: "微軟正黑體";
	font-size: 1.05em;
} 

.ind_share02 ul li {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	font-family: "微軟正黑體";
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	overflow: hidden;
	margin-right: 2em;
	list-style-type: none;
}
.ind_share02 ul li a {
	color: #333;
	display: block;
	width: 82%;
	float: left;
	margin-left: 2%;
	text-decoration: none;
}

.ind_share02 ul li a:link {
	color: #333;
	text-decoration: none;
}

.ind_share02 ul li a:visited {
	color: #333;
	text-decoration: none;
}

.ind_share02 ul li a:hover {
	color: #069;
	text-decoration: none;
}

.ind_share04 {
	background-color: #FFF;
	}
	
.ind04 {
    margin-top: 1em;
    margin-bottom: 2em;
}
.strong {
    margin-bottom: 0.5em;
    font-weight: bold;
    font-family: "微軟正黑體";
}
/********************不同解釋度********************************************************/

@media(max-width:1440px) {} @media(max-width:1366px) {} @media(max-width:1280px) {

}
@media(max-width:1024px) {
    .width {
        width: 100%;
    }
    .ind01b {
        font-size: 1em;
    }
    .ind02b {
        height: 150px;
    }
}
@media(max-width: 991px) {
    .width {
        width:99%;
    }
    .ind01b {
        font-size: 1em;
    }
    .adv03 img {
        width: 32%;
        margin-bottom: 1em;
    }
	
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	
}
@media(max-width:768px) {
		.width {
        width: 99%;
    }
    .ind01a {
        font-size: 1.5em;
        background-image: url(../img/index_01s.png);
        padding-top: 0.7em;
        padding-right: 0.8em;
        padding-bottom: 0.7em;
        padding-left: 0.8em;
    }
    .ind02a {
        font-size: 1.5em;
        background-image: url(../img/index_02s.png);
        padding-top: 0.7em;
        padding-right: 0.8em;
        padding-bottom: 0.7em;
        padding-left: 0.8em;
    }
    .ind03a {
        font-size: 1.5em;
        background-image: url(../img/index_03s.png);
        padding-top: 0.7em;
        padding-right: 0.8em;
        padding-bottom: 0.7em;
        padding-left: 0.8em;
    }

}
@media(max-width:640px) {
	.width {
        width: 99%;
    }
    .ind01a {
        font-size: 1.3em;
        background-image: url(../img/index_01s.png);
        padding-top: 0.9em;
        padding-right: 1.3em;
        padding-bottom: 0.9em;
        padding-left: 1.3em;
    }
    .ind02a {
        font-size: 1.3em;
        background-image: url(../img/index_02s.png);
        padding-top: 1em;
        padding-right: 1.3em;
        padding-bottom: 1em;
        padding-left: 1.3em;
    }
    .ind03a {
        font-size: 1.3em;
        background-image: url(../img/index_03s.png);
        padding-top: 1em;
        padding-right: 1.3em;
        padding-bottom: 1em;
        padding-left: 1.3em;
    }

    .ind_faq02 {
        padding-bottom: 1em;
    }
    .ind04 {
        margin-top: 0.5em;
        margin-bottom: 1.2em;
    }
	

}
@media(max-width:480px) {
    .width {
    width: 99%;
    }
    .ind01a {
        font-size: 1.3em;
        background-image: url(../img/index_01s2.png);
        padding-top: 0.3em;
        padding-right: 1.3em;
        padding-bottom: 0.3em;
        padding-left: 1.3em;
    }
    .ind02a {
        font-size: 1.3em;
        background-image: url(../img/index_02s2.png);
        padding-top: 0.3em;
        padding-right: 1.3em;
        padding-bottom: 0.3em;
        padding-left: 1.3em;
    }
    .ind03a {
        font-size: 1.3em;
        background-image: url(../img/index_03s2.png);
        padding-top: 0.3em;
        padding-right: 1.3em;
        padding-bottom: 0.3em;
        padding-left: 1.3em;
    }
    .adv03 img {
        width: 49%;
        margin-bottom: 1em;
    }
    .ind04 {
        margin-top: 0.5em;
        margin-bottom: 1.2em;
    }

}
@media(max-width:320px) {
    .width {
    width: 99%;
    }
    
    .title01 {
        margin-top: 0.5em;
    }
}

.paper {
	text-align: center;
	margin-bottom: 1em;
	font-family: "微軟正黑體";
}
.paper a {
	color: #FFF;
}
.paper a:link {
	color: #FFF;
}