﻿
/***************品牌故事***********************************************************/
.about{
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEE;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 30px;

}
.about aside{
	float: right;
	width: 74%;
}
.about  figure,.about p {
	width: 100%;
	float: left;
	margin: 36px 0 0 0;
	padding: 0px;
}

.about p .bigbig{ font-size:24px;}
.about div div{
	position: absolute;
	left: 0px;
	top:-30px;
}
.about > div{
	width: 100%;
	max-width: 1230px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.about2{
	margin-top: 50px;
	margin-bottom: 70px;
}
.about2 p{
	margin-top: 30px;
	margin-bottom: 30px;
	}

.about2 h2 br{display: none;}

.about3,.about3 img,.about2{
	float: left;
	width: 100%;
	text-align: center;
	color: #333;
	position: relative;
}
.about3 ul{
	margin-top: 50px;
	float: left;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
}

.about3 li{
	display: inline-block;
	width: 33.33%;
	float: left;
}
.about3 li img{display:block;}
.about3 > div{
	float: left;
	width: 100%;
	background-image: url(../images/about_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 45px;
	}

.about3 h1,.about2 h1{
	font-size: 30px;
	color: #333;
}
.about3 div div{
	width: 90%;
	max-width: 670px;
	margin-right: auto;
	margin-left: auto;
}
.about3 div div figure{
	display: inline-block;
	padding-bottom: 55px;
	float: left;

}
.about3 div div figcaption{
	margin-left: 35px;
	display: inline-block;
	text-align: left;
	float: left;
	margin-top: 80px;
}

.about3 > p{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media (max-width: 1100px) {.about aside{width: 67%;}}
@media (max-width: 970px) {.about aside{width: 62%;}}
@media (max-width: 870px) {.about aside{width: 58%;}}
@media (max-width: 820px) {
	.about{padding-bottom: 70px;}
	.about aside{width: 100%;}
	.about figure{
	text-align: center;
	width: 100%;
	float: left;
}
.about3 div div figure{
	margin-left: -100px;
	position: absolute;
	left: 50%;
	top: 0px;
}
.about3 div div figure img{
	width:200px;
}
	.about div div{
	position: relative;
	left: 0px;
	top:0px;
	text-align: center;
	width: 100%;
}
	.about2 h2{width: 100%;	padding-right:0px;
	padding-left: 0px;}
	.about3 > p,.about2 p{
	text-align: left;
}
	.about3 > p br,.about3 div div figcaption br,.about2 br{
	display: none;
}

.about3 div div figcaption h1{
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.about3 div div figcaption{
	margin-left: 0px;
	display: -block;
	text-align: left;
	float: left;
	margin-top: 260px;width: 100%;
}

	.about3 > div{padding-bottom: 55px;}

	}
@media (max-width: 768px) {
	.about{

	border-top-style: none;
margin-top: 0px;
	padding-top: 0px;
	    padding-bottom: 30px;
}
.about div div{
	margin-bottom: 10px;
}
.about3 li{
	display: inline-block;
	width: 100%;
	float: left;
}
.about2{margin-top: 30px;margin-bottom: 50px;}
.about2 p {
    margin-top: 20px;
    margin-bottom: 20px;
}
.about3 > div{margin-bottom: 40px;}
.about3 ul {    margin-top: 30px;}
	}
@media (max-width: 400px) {
	.about2 h2{
	background-image: none;
}
.about2 h2 br{display: block;}
	}
	
/***************複合門市Menu***********************************************************/

.about_menu{
	float: left;
	width: 100%;
	border: 1px solid #EEE;
	display: table;
	margin-top: 30px;
	margin-bottom: 30px;
}

.about_menu figure{
	background-image: url(../images/menu_kv.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 40%;
	display: table-cell;
	height:260px;
}

.about_menu figcaption{
	width: 60%;
	display: table-cell;
	vertical-align: middle;
	box-sizing:border-box;
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 15px;
	}
.about_menu figcaption p{
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.about_menuL{
	float: left;
	width:15%;
	margin-top: 10px;
	}
.about_menuR{
	float: right;
	width: 83%;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 30px;
	}
.about_menuR2,.about_menuR3{
	float: right;
	width: 100%;
	border: 1px solid #EEE;
	padding: 3px;
	box-sizing:border-box;
	margin-bottom: 50px;
	}
.about_menuR2 ul,.about_menuR3 aside{
	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100%;
	float: left;
	width: 100%;
	border: 1px solid #EEE;
	box-sizing:border-box;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 30px;
}
.about_menuR2 figure{
	width: 281px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 281px;
	border: 2px solid #FFF;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	-webkit-box-shadow: #eae9ea 5px 10px 10px;
	-moz-box-shadow: #eae9ea 5px 10px 10px;
	box-shadow: #eae9ea 5px 10px 10px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.about_menuR2 li:nth-of-type(even) figure{
	right: 0px;
	left: auto;
}
.about_menuR2 li > div {
	float: right;
	width: 100%;
	padding-left: 330px;
	box-sizing:border-box;
}
.about_menuR2 li:nth-of-type(even)> div{
	padding-right: 330px;
	padding-left: 0px;
	}
.about_menuR2 li{
	margin-top: 50px;
	position: relative;
	min-height: 300px;
	float: left;
}
.about_menuR2 h1{
	font-size: 28px;
	float: left;
	width: 100%;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	position: relative;

}
.about_menuR2 h1 div{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom: 5px;
	box-sizing:border-box;
	padding-right: 250px;
	}

	
.about_menuR2 h1 img{
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -15px;
}
.about_menuR2 h1 p{
	font-size: 18px;
	text-align: right;
	position: absolute;
	right: 0px;
	top: -10px;
}
.about_menuR2 dd{
	float: left;
	width: 100%;
	text-align: right;
	padding-top: 20px;
}
.about_menuR2 dl{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.about_menuR2 dl dt{
	float: left;
	width: 100%;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #E8E8E8;
	margin-top: 20px;
	padding-top: 20px;
	position: relative;
}
.about_menuR2 dl dt:nth-of-type(1){
	border-top-style: none;
	margin-top: 0px;
}
.about_menuR2 dl dt h2{
	float: left;
	width: 100%;
	padding-right: 90px;
	box-sizing:border-box;
	font-size: 18px;
	color: #333;
	}
.about_menuR2 dl dt h2 p{
	float: left;
	width: 100%;
	font-size: 14px;
	font-style: italic;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #666;
	}
.about_menuR2 dl dt h3{
	font-size: 18px;
	color: #333;
	text-align: right;
	position: absolute;
	width: 90px;
	top: 20px;
	right: 0px;
	font-weight: normal;
}
.about_menuR2 dl dt h3::before {
    content: "$";
}

.about_menuR2 dd a{
	height: 25px;
	background-color: #FFE43B;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color: #000;
	padding-top: 3px;
	position: relative;
	padding-left: 30px;
	padding-right: 40px;
	padding-bottom: 3px;
	}
.about_menuR2 dd a::after{
	content: "";
	background-image: url("../images/svg/next.svg");
	background-image:  none\0;
	background-repeat: no-repeat;
	height: 27px;
	width: 10px;
	background-position: center center;
	top:1px;
	position: absolute;
	margin-left: 5px;
	}
.about_menuR3 ul{float: left;}
.about_menuR3 > div{
	float: left;
	width: 270px;
	text-align: center;
	font-size: 16px;
}
.about_menuR3 > div img{width: 270px;}











@media (max-width: 1300px) {
	.about_menuR2 h1 div{ padding-right: 0px;padding-left: 60px;padding-bottom: 0px; }
	.about_menuR2 h1 p{
	text-align: left;
	position: relative;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}
.about_menuR2 h1 img{
	position: absolute;
	left: 0px;
	top: 20px;
}
	}
@media (max-width: 1260px) {
	.about_menuL{
	width:17%;
	}
.about_menuR{
	width: 80%;}
	}
@media (max-width: 1050px) {
	.about_menuL{
	width:20%;
	}
.about_menuR{
	width: 78%;}

	.about_menuR2 figure,.about_menuR2 li:nth-of-type(even) figure{
	margin-left: -140px;
	left: 50%;
}
.about_menuR2 li > div,.about_menuR2 li:nth-of-type(even)> div{
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 330px;
}
.about_menuR2 h1 div{
	padding-bottom: 5px;
	padding-right: 250px;
	padding-left: 0px;
	}

	
.about_menuR2 h1 img{
	position: relative;
	left: auto;
	top: auto;
}
.about_menuR2 h1 p{
	text-align: right;
	position: absolute;
	right: 0px;
	top: -5px;
}
	}
	
@media (max-width: 910px) {
		.about_menuL{
	width:100%;
	}
.about_menuR{
	width: 100%;}
	}
@media (max-width: 768px) {
	.about_menuR2 dd{text-align: center;}

	.about_menuR2 h1 div{ padding-right: 0px;padding-left: 0px;padding-bottom: 0px; text-align: center;}
	.about_menuR2 h1 p{
	text-align: center;
	position: relative;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100%;	
}
.about_menuR2 h1 img{
	position: absolute;
	display: none;
}
.about_menu figure,.about_menu figcaption,.about_menu figure img{
	width: 100%;
	display: block;
	height:auto;
}
	}
@media (max-width: 600px) {
	.about_menuR2 dl dt h2{    padding-right: 0px;}
	.about_menuR2 dl dt h3{
	
	display: block;
	width: 100%;
	float: right;
	position: relative;
	top: 10px;
}
.about_menuR2 dl dt {    margin-top: 30px;}
	}
/***************3塊資訊***********************************************************/

.about_cnt1{
	width:100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	
	}
.about_cnt1 aside{
	width:98%;
	position: relative;
	margin-top: 10px;
	margin-bottom: 63px;
	margin-right: auto;
	margin-left: auto;
}
.about_cnt1 > h1{
	width: 100%;
	float: left;
	background-image: url(../images/menu_line_03.gif);
	background-repeat: repeat-x;
	background-position: top center;
	font-size: 24px;
	margin-bottom: 10px;
	color: #fff;
	overflow: hidden;
	height: 50px;
	position: relative;
}
.about_cnt1 > h1 span{
	background-color: #1f1f1f;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 160%;
	
}
.about_cnt1 > h1::before{
	content: "";
	background-image: url(../images/menu_line_01.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 42px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.about_cnt1 > h1::After{
	content: "";
	background-image: url(../images/menu_line_02.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 42px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.about_cnt1 h1{	text-align: center;}
.about_cnt1 div a:hover img{
	filter: alpha(opacity=100);
	opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/***************聯絡我們***********************************************************/

.g_alert{ color: #C00; margin-bottom: 8px;   display: block; margin-top: 5px;}
.g_red{ color:#C00; padding:0 5px 0 0;}

.g_form{ max-width:620px; height:auto; margin:0 auto; clear:both;}
.g_form label{font-size: 16px; font-weight: normal;padding: 15px 0 5px 0;display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;}

.g_form input{ width:100%; font-size: 16px;
    height: 40px;
    border-radius: 5px;
    border: 1px #ddd solid;
	display: block;
	margin-bottom: 8px;
	text-indent:6px;}
	
.g_form select{
	width:100%;
	font-size: 16px;
    height: 46px;
	border-radius: 5px;
    border: 1px #ddd solid;
	background-color:#fff;
	display: block;
	margin-bottom: 8px; }

.g_form textarea{
	width:100%;
	font-size: 16px;
    border-radius: 5px;
    border: 1px #ddd solid;
	background-color:#fff;
	display: block;
	margin-bottom: 8px; }


.g_chap img{margin-right: 15px;    vertical-align: middle;  float:left;}
.g_chap a{ display:block; background-color:#033; width:120px; height:53px; float:left; border-radius:5px; background-color:#f8f8f8; border:1px solid #e8e8e8; font-size:16px; text-align:center; line-height:53px;}
.g-join-icon3 {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 60px;	
	margin-bottom:40px;
}


.btn_form_3 {
    border: 2px solid #fde448;
    border-radius: 40px;
    text-transform: uppercase;
    font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
    font-weight: 100;
    background-color: #fde448;
    color: #333;
    font-size: 22px;
    width: 30%;
    margin: 0 20px;
	padding: 10px 30px;
	cursor: pointer; 
}



input.btn_form_3 {
    border: 2px solid #fde448;
    border-radius: 40px;
    text-transform: uppercase;
    font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
    font-weight: 100;
    background-color: #fde448;
    color: #333;
    font-size: 22px;
    width: 30%;
    margin: 0 20px;
	padding: 10px 30px;
	cursor: pointer; 
	display: inline-block;
	height:auto;
	text-indent: 0px;
}

input.btn_form_3:hover{
   background-color: #ffeb6f;
	 border: 2px solid #ffeb6f;
}


input.btn_form_3.nono{
    border: 2px solid #e8e8e8;
    background-color: #e8e8e8;
   }
	
	
.g_thanks{
    width: 100%;
    border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
    margin-top: 30px;
    margin-bottom: 30px;
	text-align:center;
	float: left;}
	
.g_thanks p{
	font-size:18px;}

	
@media (max-width: 768px) {
	.g_thanks p{
	font-size:16px;}
	
	.g_thanks{
    margin-top: 10px;
    margin-bottom: 10px;}
	
	.g_thanks p br{ display:none;}
	
	
	
	input.btn_form_3 {
    border: 2px solid #fde448;
    border-radius: 100px;
    text-transform: uppercase;
    font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
    font-weight: 100;
    background-color: #fde448;
    color: #333;
    font-size: 20px;
    width: 40%;
    margin: 0 10px;
	padding:15px;
	cursor: pointer; 
}


	.btn_form_3 {
    border: 2px solid #fde448;
    border-radius: 20px;
    text-transform: uppercase;
    font-family: "微軟正黑體", "新細明體", Arial, Helvetica, sans-serif;
    font-weight: 100;
    background-color: #fde448;
    color: #333;
    font-size: 18px;
    width: 40%;
    margin: 0 10px;
	padding: 5px 15px;
	cursor: pointer; 
}
.g-join-icon3 {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 30px;
	margin-bottom:40px;
}

	}






.g_writings_L{
	float: left;
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
	}


.g_writings_L.mt40{
	margin-top: 40px!important;
		}

.g_writings_L ul li:hover img,.g_writings_L ul li a:hover,.g_writings_banner a:hover img,.g_writings_R_cnt a:hover img{

	-webkit-transform: scale(1)!important;
  -moz-transform: scale(1)!important;
  -ms-transform: scale(1)!important;
  -o-transform: scale(1)!important;
  transform: scale(1)!important;
	}
	

.g_writings_L > h1{
	width: 100%;
	float: left;
	background-image: url(../images/index_line1.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 5px;	
	}
.g_writings_L > h2{
	width: 100%;
	float: left;
	background-image: url(../images/index_line3.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: normal;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height:150%;
	}
.g_writings_L > h1 span,.g_writings_R_cnt h1 span,.g_writings_L > h2 span{
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
}
.g_writings_L > h1 img{
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -10px;
}


.g_writings_R{
	float: right;
	width:342px;
	margin-top: 10px;
	}
.g_writings_icon{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 50px;
	float: left;
	width: 100%;
	}

.g_writings_icon input{
	text-align: center;
	width: 155px;
	padding-top: 7px;
	padding-bottom: 7px;
	border: none;
	background-color: #f3f3f3;
	color: #666;
	cursor: pointer;
	display: inline-block;
	margin: 0px;
	font-size: 14px;
}
.g_writings_icon input.active{
	background-color: #ffe43b;
	color: #000;
	}
.g_writings_icon input:nth-of-type(2){
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
	}
.g_writings_icon input:nth-of-type(1){
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
	}
.g_writings_icon input:hover {
	filter: alpha(opacity=70);opacity:0.70; 
	text-decoration: none;
	line-height: normal;
}
.g_writings_R_cnt{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e8e8e8;
	border-bottom-color: #e8e8e8;
	border-left-color: #e8e8e8;
	box-sizing:border-box;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 32px;
}
.g_writings_R_cnt h1{
	width: 100%;
	float: left;
	background-image: url(../images/index_line3.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: -13px;
}
.g_writings_R_cnt ul{
	padding-right: 20px;
	padding-left: 20px;
	  
}
.g_writings_R_cnt img{
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}	
.g_writings_R_cnt figcaption{
	width: 100%;
	margin-bottom: 20px;
}	
.g_writings_banner{
	box-sizing:border-box;
	border: 1px solid #e8e8e8;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	width: 100%;
	text-align: center;
}
.g_writings_banner img{
	width: 100%;
	margin-bottom: 20px;
	  max-width: 320px;
}


@media (max-width: 800px) {
	.g_writings_L,.g_writings_R{width: 100%;}
	.g_writings_L{margin-top:0px;}
	.g_writings_L > h1{    
	margin-bottom: 0px;
    margin-top: 0px;}
	.g_writings_L > h2{padding-top: 0px;margin-bottom: 0px;}
	.g_writings_icon {    margin-bottom: 35px;}
	
	.g_writings_L table{ width:100%; display:block;}
    .g_writings_L tbody{ width:100%; display:block;}
	.g_writings_L tr{ width:100%; display:block;}
	.g_writings_L td{ width:100%; display:block;}
	
	
	}
	@media (max-width: 768px) {
		.g_writings_R{  margin-top:0px;}
.g_writings_banner{
	margin-bottom: 20px;
}}
@media (max-width: 450px) {.g_writings_L > h1,.g_writings_L > h2{	background-image: none;}}
@media (max-width: 320px) {.g_writings_icon input{
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
}}


.sign_boos{  width:260px; height:auto; vertical-align:middle; margin-top:-35px;}

.writings_L100{
	float: left;
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
	}
.writings_L100 ul li:hover img,.writings_L ul li a:hover,.writings_banner a:hover img,.writings_R_cnt a:hover img{

	-webkit-transform: scale(1)!important;
  -moz-transform: scale(1)!important;
  -ms-transform: scale(1)!important;
  -o-transform: scale(1)!important;
  transform: scale(1)!important;
	}
.writings_L100 > h1{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 5px;
	border-top:1px solid #e8e8e8;
	padding:40px 0 20px 0;	}
	
.store_content_list li{ background-color:#fafafa; clear:both; display:block; width:100%; height:auto; float:left; }
.store_content_list li img { width:50%; float:left; height:auto;}
.store_content_list li figcaption { width:50%; float:left;}
.store_content_list li figcaption h1 { padding:30px 0 0 30px;}
.store_content_list li figcaption ul { padding:20px 20px 20px 30px; float: left; }
.store_content_list li figcaption ul li { padding:10px 0 0 0; }
.store_content_list li figcaption ul li br{ display:none;}
.store_content_list li figcaption div a{
    float: left;
	height: 25px;
	width: 100px;
	background-color: #FFE43B;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align: center;
	color: #000;
	padding-top: 7px;
	margin-bottom: 30px;
	margin-left:30px;
	margin-top: 20px;
	position: relative;
	display: block; clear: both;
}
.store_content_list li figcaption div a::after{
	content: "";
	background-image: url("../images/svg/next.svg");
	background-image:  none\0;
	background-repeat: no-repeat;
	height: 27px;
	width: 10px;
	background-position: center center;
	top:1px;
	position: absolute;
	}
	
.store_content_list li iframe{
	float:left; display:block;}

.writings_L100 .loca{
	font-size:16px;
	text-align:center;
	clear:both;
	margin-bottom:20px;
	border-bottom:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	padding:20px 0 40px 0;}


.writings_L100 .loca2{
	clear:both;
	margin-bottom:20px;
	border-bottom:1px solid #e8e8e8;
	padding:0 0 0 0;}


.writings_L100 .tai{
	font-size:20px;
	text-align:center;
	clear:both;
	margin-bottom:20px;
	margin-top:-10px;
	}

.writings_L100 .tai img{
	vertical-align: middle;
	margin-top:-20px;}
	
.mt_normal{ margin-top: 0px!important;}

@media (max-width: 1024px) {
	.store_content_list li img { width:100%; float:left; height:auto;}
.store_content_list li figcaption { width:100%; float:left;}
.store_content_list li figcaption ul li br{ display: block;}
	.store_content_list li iframe{
	float:left; display:block; width:100%;}
	.sign_boos{  width:260px; height:auto; vertical-align:middle; margin-top:0px;}
	}



.private_head {
    width: 100%;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px 0;
    text-align: center;
    float: left;
    color: #333;
}

.private_head h1{
	font-size: 24px;
	margin: 5px;
}
.private_head p{
	font-size: 16px;
	margin: 5px;
}

.private_c{ width:100%; height:auto; margin:0 auto; clear:both; color: #333;}
.private_c h2{ font-size: 18px; color:#804e21; margin: 30px 0 0 0;}
.private_r{ width:100%; height:auto; margin:0 auto; clear:both; color: #333;}
.private_r ol{ list-style: decimal; padding: 0 0 0 20px;}
.private_r ol h1{ font-size: 18px; color:#804e21;}
.private_r ol li{ margin: 0 0 20px 0;}
.private_r ol li ul{ list-style:upper-alpha; padding: 0 0 0 20px;}
.private_r ol li ul li{ padding: 0; margin: 8px 0;}


.sitemap{ width: 80%;height: auto; margin: 0 auto;}
.sitemap_item{ width: 25%; float: left; height: auto; min-height: 380px;}
.sitemap_item ul{ padding: 5px;}
.sitemap_item ul li{ margin: 15px 0 15px 20px; list-style:disc;}
.sitemap_item ul li.nolist{list-style:none!important;}
.sitemap_item ul li h1{ margin: 15px 0 15px -20px;}
.sitemap_item ul li h1 a{color: #552C0D!important;}
@media (max-width: 768px) {

.private_head h1{
	font-size: 22px;
	margin: 5px;
}
.private_head {border-top: none; padding: 0 0 20px 0; margin-bottom:0px;}
.sitemap_item{ width: 100%; float: left; height: auto; min-height:auto;}
.sitemap_item ul li{ font-size:24px; margin: 20px 0 20px 30px;}
.sitemap_item ul li h1{ margin: 30px 0 15px -30px; font-size:26px;}

}



/***************Search頁***********************************************************/
a:hover img {
    filter: alpha(opacity=80);
    opacity: 0.80;
     -webkit-transform: none; 
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
     transform: none; 
}

li{
	list-style:none;
}


.search_page ul li {
	float:left;
	width:25%;
	padding-bottom:50px;

}
.search_page ul {

	margin-left:20px;
}


.search_page ul li a h1 {
    margin: 18px 0 8px 0;
    height: 24px;
    overflow: hidden;
	font-size:20px;
	line-height:25px;
}

.search_page ul li p{
	overflow:hidden;
	height: 85px;
    line-height: 1.5;
    margin-bottom: 2px;
	font-size:14px;
}
.search_page ul li a:hover {
	color:#999;

}
.search_page ul li a img, .search_page ul li p, .search_page ul li a h1{
	width:92%;
}
@media (max-width: 1440px){
.search_page ul li a h1 {
		font-size:16px;
		margin: 5px 0 8px 0;
}
.search_page ul li p{
	font-size:12px;
}

}

@media (max-width: 1024px){
.search_page ul li {
	float:none;
	width:100%;
	padding-bottom:5px;

}


}


