@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css); 
@import url(http://fonts.googleapis.com/earlyaccess/cwtexming.css); 
@import url(http://fonts.googleapis.com/earlyaccess/cwtexyen.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css); 
/* CSS Document */

/*   */

@media only screen and (max-width:768px){

body{
	width:100%;
	margin: 0; 
	overflow-x:hidden;
	margin:0; 
	font-family: Arial, Verdana, Helvetica, sans-serif,Meiryo;
	font-size:13px;
	background:url(../images/cbgm.jpg) no-repeat center 0;
	
}



}

@media only screen and (min-width:768px){


body{
	margin:0; 
	font-family: Arial, Verdana, Helvetica, sans-serif,Meiryo;
	font-size:13px;
	background:url(../images/cbg9.jpg) no-repeat center 0;
}


}


.sddl {
	color: #111;
	padding: 5px 15px;
	margin:3px 0 0 0;
	background: #fff;
	width: auto;
	border:1px solid #ccc;
	height: 28px;
	font-size:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.clear {clear: both;}
a{text-decoration:none; border:0; color:#666;}
a:hover{color:#f27d00;}
img{border:0;}
ul{list-style:none;}



@media only screen and (max-width:768px){

.gotoTop{display:none;}

#goTop{display:none;}

.v768img{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0;	
}

.v768img img{
	width:60%;
	height:auto; 
	padding:0;
	margin:0 20%;
	border:0;		
}


}
@media only screen and (min-width:768px){

.gotoTop{
	position:fixed; 
	right:1%; 
	z-index:99999; 
	top:90%; 
}

.v768img{display:none;}

}


@media only screen and (max-width:768px){

.v768u{display:none;}
.v768d{}

}
@media only screen and (min-width:768px){

.v768u{}
.v768d{display:none;}

}


/* 公用部份 */


@media only screen and (max-width:768px){

.inner{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0;
}

.inner1200{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0;
}

.inner1100{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0;
}


.inner1000{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0;
}

.inner1000w{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0;
	background: #fff;
}



.inner900{
	width:100%;
	height:auto; 
	padding:10px 0;
	margin:0;
}


.leftcontent{
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
}
.rightcontent{
	width:100%;
	height:auto; 
	padding:0;
	margin:0;
}


}
@media only screen and (min-width:768px){

.inner{
	width:1200px;
	height:auto; 
	padding:10px 0;
	margin:0 auto;
	text-align: center; 
}

.inner1200{
	width:1200px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}

.inner1100{
	width:1100px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}

.inner1000{
	width:1000px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}

.inner1000w{
	width:1000px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}


.inner900{
	width:900px;
	height:auto; 
	padding:0;
	margin:0 auto;
	text-align: center; 
}

.leftcontent{
	width:830px;
	height:auto;  
	padding:0;
	margin:0;
	float:left;
}
.rightcontent{
	width:370px;
	height:auto;
	padding:0px;
	margin:0;
	float:left;
}


}



/* 上方選單 */

@media only screen and (max-width:768px){


.header{
	width: 100%;
	height:auto;
	text-align: center; 
	margin:0; 	
	padding:0;
}

.tmenu0{display:none;}
.tmenu0{
	width:95%;
	height:auto;
	text-align:right; 
	margin:0 2.5%; 	
	padding:8px 0 0 0;
	font-size: 10px;
	font-weight:300;
	color:#000;
	letter-spacing:1px;		
}

.tmenu0 a{color:#000;padding:0 10px;}
.tmenu0 span{display:block;color:#cc3300;padding:8px 0;}

.tmenu1{
	display:none;	
}


.tmenu2{
	width:100%;
	height:auto;
	margin:0; 	
	padding:0; 
}

.tmenu2 img{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;
}

.tmenu2c{
	width:100%;
	height:auto;
	text-align:left; 
	margin:0; 	
	padding:20px 0 50px 0; 		
}



.tmenu3{
	width:100%;
	height:auto;
	text-align:center; 
	margin:0; 	
	padding:30px 0 0 0; 		
}

.ctitlediv{
	width:100%;
	height:auto;
	margin:0; 
	padding:20px 0;
	font-size: 22px;
	font-weight:700;
	line-height: 31px;
	color:#000;
	letter-spacing:1px;
	text-align:center; 
}

.ctitlediv img{
	width:15px;
	height:auto;
	margin:0 10px 0 0; 
	padding:0;
	border:0;
	z-index:98;	
}

.ctitlediv2{
	width:100%;
	height:auto;
	margin:0; 
	padding:20px 0;
	font-size: 22px;
	font-weight:700;
	line-height: 31px;
	color:#000;
	letter-spacing:1px;
	text-align:center; 
}

.ctitlediv2 img{
	width:15px;
	height:auto;
	margin:0 10px 0 0; 
	padding:0;
	border:0;
	z-index:98;	
}

.cdescdiv{
	width:95%;
	height:auto;
	margin:0 2.5%; 
	padding:20px 0;
	font-size: 16px;
	font-weight:700;
	line-height: 25px;
	color:#595959;
	letter-spacing:1px;
	border-bottom:1px solid #ccc;	
}

.cdescdivn{
	width:95%;
	height:auto;
	margin:0 2.5%; 
	padding:20px 0;
	font-size: 16px;
	font-weight:700;
	line-height: 25px;
	color:#595959;
	letter-spacing:1px;
}

.cdescdiv1{
	width:100%;
	height:auto;
	margin:0 0 20px 0; 
	padding:0;
	text-align:center; 
	font-size: 16px;
	font-weight:700;
	line-height: 25px;
	color:#595959;
	letter-spacing:1px;
}

.cdescdiv1 span{
	padding:0;
	color:#049ec8;
	font-size: 22px;
}

.cdescdiv1 img{
	width:100%;
	height:auto;
	margin:0 10px 0 0; 
	padding:0;
	border:0;
}
.cdescdiv2{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	text-align:left; 
	font-size: 16px;
	font-weight:700;
	line-height: 25px;
	color:#111;
	letter-spacing:0px;	
}

.cdescdiv2 span{
	padding:0;
	color:#049ec8;
	font-size: 22px;
}

.cdescitem{
	width:100%;
	height:auto;
	margin:0; 
	padding:5px 0;
	text-align:left; 
	font-size: 15px;
	font-weight:300;
	line-height: 25px;
	color:#111;
	letter-spacing:0px;		
}

.cdescitem2{
	width:100%;
	height:auto;
	margin:0; 
	padding:5px 0;
	text-align:left; 	
	font-size: 15px;
	font-weight:300;
	line-height: 25px;
	color:#111;
	letter-spacing:0px;		
}

.cdescitem3{
	width:100%;
	height:auto;
	margin:0; 
	padding:5px 0;
	text-align:left; 
	font-size: 15px;
	font-weight:300;
	line-height: 25px;
	color:#111;
	letter-spacing:0px;		
}


.cdescitem img{
	width:8px;
	height:auto;
	margin:0; 
	padding:0 5px 0 0;
	border:0;	
}

.cdescitem2 img{
	width:8px;
	height:auto;
	margin:0; 
	padding:0 5px 0 0;
	border:0;	
}

.cdescitem3 img{
	width:8px;
	height:auto;
	margin:0; 
	padding:0 5px 0 0;
	border:0;	
}





.footdiv{
	width:100%;
	height:auto;
	margin:0 0 120px 0; 	
	padding:0;	
}


.footdiv1{
	width:100%;
	height:auto;
	margin:10px 0;
	padding:0;
	font-size: 18px;
	font-weight:700;
	line-height: 36px;
	color:#595959;
	letter-spacing:1px;
	text-align:center;

}

.footdiv2{
	width:100%;
	height:auto;
	margin:10px 0;
	padding:0 0 0 3%;
	float:left;
	font-size: 12px;
	font-weight:700;
	line-height: 18px;
	color:#888;
	letter-spacing:0;
	text-align: left;
	
}

.footdiv3{
	position: relative;
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	font-size: 11px;
	font-weight:700;
	line-height: 21px;
	color:#888;
	letter-spacing:0;
	text-align:center;
	border-top:1px solid #ccc; 
}





}

@media only screen and (min-width:768px){

.header{
	width: 100%;
	height:auto;
	text-align: center; 
	margin:0; 	
	padding:0;
	
	z-index:99;
}

.tmenu0{
	width:90%;
	height:auto;
	text-align:right; 
	margin:0 5%; 	
	padding:8px 0 0 0;
	font-size: 10px;
	font-weight:300;
	color:#000;
	letter-spacing:1px;		
}

.tmenu0 a{color:#000;padding:0 10px;}
.tmenu0 span{color:#cc3300;}


.tmenu1{
	position: relative;
	width:1164px;
	height:auto;
	text-align: center; 
	margin:0; 	
	padding:18px 18px 0 18px; 
	background:url(../images/cbg_top.png) no-repeat center 0;
	z-index:99;		
}
.tmenulogo{
	position: absolute;
	margin:0; 	
	padding:0;
	z-index:101;	
}

.tmenulogo img{
	position: absolute;
	width:350px;
	height:auto;
	margin:0 0 0 -2px; 	
	padding:0;
	border:0;
	z-index:102;	
}

.tmenu1item0{
	width:135px;
	height:140px;
	margin:0 0 0 330px; 	
	padding:0;
	font-size: 22px;
	font-weight:700;
	line-height: 140px;
	color:#a8a8a8;
	letter-spacing:0;
	text-align:center;
	border-right:1px solid #ccc;
	float:left;
}

.tmenu1item{
	width:135px;
	height:140px;
	margin:0; 	
	padding:0;
	font-size: 22px;
	font-weight:700;
	line-height: 140px;
	color:#a8a8a8;
	letter-spacing:0;
	text-align:center;
	border-right:1px solid #ccc;
	float:left;
}

.tmenu1item2{
	width:135px;
	height:140px;
	margin:0; 	
	padding:0;
	font-size: 22px;
	font-weight:700;
	line-height: 140px;
	color:#a8a8a8;
	letter-spacing:0;
	text-align:center;
	float:left;
}

.tmenu1item0 a{color:#a8a8a8;}
.tmenu1item a{color:#a8a8a8;}
.tmenu1item2 a{color:#a8a8a8;}

.tmenu1item0 a:hover{color:#595959;}
.tmenu1item a:hover{color:#595959;}
.tmenu1item2 a:hover{color:#595959;}


.tmenu2{
	position: relative;
	width:1164px;
	height:auto;
	text-align: center; 
	margin:0; 	
	padding:0 18px; 
	background:url(../images/cbg_cen.png) repeat center;
	z-index:98;		
}

.tmenu2 img{
	width: 100%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;
	z-index:98;	
}

.tmenu2c{
	width:1100px;
	height:auto;
	text-align:left; 
	margin:0; 	
	padding:30px 50px 150px 50px; 
	background:url(../images/cbg_cen.png) repeat center;
	z-index:98;		
}



.tmenu3{
	width:1114px;
	height:100px;
	text-align:right; 
	margin:0; 	
	padding:150px 68px 0 18px; 
	background:url(../images/cbg_down.png) no-repeat center 0;
	z-index:99;		
}

.ctitlediv{
	width:100%;
	height:auto;
	margin:0; 
	padding:30px 0;
	font-size: 28px;
	font-weight:700;
	line-height: 31px;
	color:#000;
	letter-spacing:1px;
	border-bottom:1px solid #ccc;	
}

.ctitlediv img{
	width:15px;
	height:auto;
	margin:0 10px 0 0; 
	padding:0;
	border:0;
	z-index:98;	
}

.ctitlediv2{
	width:100%;
	height:auto;
	margin:0; 
	padding:30px 0;
	font-size: 28px;
	font-weight:700;
	line-height: 31px;
	color:#000;
	letter-spacing:1px;
}

.ctitlediv2 img{
	width:15px;
	height:auto;
	margin:0 10px 0 0; 
	padding:0;
	border:0;
	z-index:98;	
}

.cdescdiv{
	width:100%;
	height:auto;
	margin:0; 
	padding:30px 0;
	font-size: 16px;
	font-weight:700;
	line-height: 38px;
	color:#898989;
	letter-spacing:1px;
	border-bottom:1px solid #ccc;	
}

.cdescdivn{
	width:100%;
	height:auto;
	margin:0; 
	padding:30px 0;
	font-size: 16px;
	font-weight:700;
	line-height: 38px;
	color:#898989;
	letter-spacing:1px;
}

.cdescdiv1{
	width:40%;
	height:auto;
	margin:0; 
	padding:0;
	text-align:center; 
	float:left;	
	font-size: 18px;
	font-weight:700;
	line-height: 38px;
	color:#aeaeae;
	letter-spacing:1px;
}

.cdescdiv1 span{
	padding:0;
	color:#049ec8;
	font-size: 20px;
}

.cdescdiv1 img{
	width:90%;
	height:auto;
	margin:0 10% 0 0; 
	padding:0;
	border:0;
}


.cdescdiv2{
	width:60%;
	height:auto;
	margin:0; 
	padding:10px 0 0 0;
	text-align:left; 
	float:left;	
	font-size: 16px;
	font-weight:700;
	line-height: 38px;
	color:#aeaeae;
	letter-spacing:1px;	
}

.cdescdiv2 span{
	padding:0;
	color:#049ec8;
	font-size: 20px;
}

.cdescitem{
	width:32%;
	height:auto;
	margin:0; 
	padding:0;
	text-align:left; 
	float:left;	
	font-size: 14px;
	font-weight:700;
	line-height: 31px;
	color:#aeaeae;
	letter-spacing:0px;		
}

.cdescitem2{
	width:64%;
	height:auto;
	margin:0; 
	padding:0;
	text-align:left; 
	float:left;	
	font-size: 14px;
	font-weight:700;
	line-height: 31px;
	color:#aeaeae;
	letter-spacing:0px;		
}

.cdescitem3{
	width:96%;
	height:auto;
	margin:0; 
	padding:0;
	text-align:left; 
	float:left;	
	font-size: 14px;
	font-weight:700;
	line-height: 31px;
	color:#aeaeae;
	letter-spacing:0px;		
}


.cdescitem img{
	width:8px;
	height:auto;
	margin:0; 
	padding:0 5px 0 0;
	border:0;	
}

.cdescitem2 img{
	width:8px;
	height:auto;
	margin:0; 
	padding:0 5px 0 0;
	border:0;	
}

.cdescitem3 img{
	width:8px;
	height:auto;
	margin:0; 
	padding:0 5px 0 0;
	border:0;	
}





.footdiv{
	width:100%;
	height:auto;
	margin:0 0 120px 0; 	
	padding:0;	
}


.footdiv1{
	width:28%;
	height:36px;
	margin:10px 0;
	padding:0 2% 0 0;
	float:left;	
	font-size: 18px;
	font-weight:700;
	line-height: 36px;
	color:#595959;
	letter-spacing:1px;
	text-align: right;
	border-right:1px solid #ccc;
}

.footdiv2{
	width:65%;
	height:36px;
	margin:10px 0;
	padding:0 0 0 3%;
	float:left;
	font-size: 12px;
	font-weight:700;
	line-height: 18px;
	color:#888;
	letter-spacing:0;
	text-align: left;
	
}

.footdiv3{
	position: relative;
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	font-size: 11px;
	font-weight:700;
	line-height: 21px;
	color:#888;
	letter-spacing:0;
	text-align:center;
	border-top:1px solid #ccc; 
}






}


/* MV區 */


@media only screen and (max-width:480px){
.mvcell{
	width:95%;
	padding:0 0 20px 0; 
	VERTICAL-ALIGN:top;
	float:left;
	border-bottom:1px solid #ccc; 
	height:auto;
	text-align:center; 
	margin:10px 2.5% 30px 2.5%;

}

.mvcontentblock{
	text-align:left;  
	margin:auto; 
	padding:0;
	color:#2E2E2E; 
	word-wrap:break-word; word-break:break-all;
	overflow:hidden;
	float:left;
}

.mvcontentblock img{
    width: 100%; 
    float: left;
    margin:0px;
}

.mvtitle{
	width:94%;
	height:auto;
	margin:5px 3% 20px 3%; 
	text-align:center;
	color:#595959;
	font-size:16px;
	position:relative;
	font-weight:700;
}

.mvpiccss img {
	position:  relative;
	width:81px;
	top: -150px;
	z-index:101;
	opacity:0.6; /* 最大數值字為1 */
	filter:alpha(opacity=60);
}
}

@media only screen and (min-width:481px){
.mvcell{
	width:340px; 
	padding:0 0 20px 0; 
	VERTICAL-ALIGN:top;
	float:left;
	border-bottom:1px solid #ccc; 
	height:330px;
	text-align:center; 
	margin:10px 10px 30px 10px;
}

.mvcontentblock{
	text-align:left;  
	margin:auto; 
	padding:0;
	color:#2E2E2E; 
	word-wrap:break-word; word-break:break-all;
	overflow:hidden;
	float:left;
}
.mvcontentblock img{
	max-width: 320px; 
	width: 320px; 
    	width:expression(this.width > 320 ? "320px" : this.width);
    	float: left;
    	margin:10px;
}

.mvtitle{
	width:94%;
	height:auto;
	min-height:45px;
	margin:5px 3% 20px 3%; 
	text-align:left; 
	color:#595959;
	font-size:16px;
	line-height:21px;
	position:relative;
	font-weight:700;
}

.mvdesc{
	width:94%;
	height:auto;
	margin:5px 3% 0 3%; 
	text-align:left; 
	color:#898989;
	font-size:14px;
	font-weight:700;
}

.mvpiccss img {
	position:  relative;
	width:81px;
	top: -150px;
	z-index:101;
	opacity:0.6; /* 最大數值字為1 */
	filter:alpha(opacity=60);
}





}


/* page區 */

.pager{
	width:95%;
	padding: 15px 0;
	margin: 0 2.5%;
	text-align:center;
	font-family:Tahoma,Helvetica,sans-serif;
	font-size:18px;
	font-weight:700;
	line-height: 16px;		
}
.pager a{		
	border: 1px solid #aeaeae;
	margin-right:3px;
	padding:2px 8px;
	background-position:bottom;
	text-decoration: none;
	color: #616161;	}
.pager a:hover, #pager a:active {
	border: 1px solid #666;
	background-image:none;
	background-color:#666;
	color: #fff;
}





@media only screen and (max-width:780px){
.button{	
	border:1px solid #ccc; 
	margin:0;
	padding:2px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color: #ffffff;
	cursor:pointer;
}
}
@media only screen and (min-width:781px){
.button{	
	border:1px solid #ccc; 
	margin:0;
	padding:10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color: #ffffff;
	cursor:pointer;
}
}
.button:hover{background-color: #efefef;}


.button2 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 2px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 6px 12px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	font-weight:700;
	color: #fff;
	border: solid 1px #666666;
	background: #666666;
	background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#666666));
	background: -moz-linear-gradient(top,  #aaaaaa,  #666666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#666666');
	
}
.button2:hover {
	color: #fff;
	text-decoration: none;
	border: solid 1px #005469;
	background: #00A6C3;
}




/* 產品  */

#pdalldiv{
	width:96%;
	height:auto;
	margin:0;
        padding:0 2%;	
}


@media only screen and (max-width:768px){


.pdimgdiv{
	width:100%;
	height:auto;
	margin:0;
        padding:0;	
}

.pdimgdiv img{
	width:100%;
	height:auto;
	margin:0;
        padding:0;
	border:0;
}


.pdmenudiv{
	text-align:center;
	list-style-type: none;
	position:relative; 
	float:left;
	left:50%;
	margin:5px 0 15px 0;
}

.pdmainmenudiv{
	text-align:center;
	list-style-type: none;
	position:relative; 
	float:left;
	left:50%;
	margin:5px 0;
}

.pdmainmenudiv a{
	display: inline;
	width:auto;
	text-decoration:none;
	color:#111;
	border-right:1px solid #595959;
	cursor: pointer;
	font-size:16px;
	font-weight:700;
	line-height: 16px;
	margin:2px 10px 10px 10px;
	padding:0 20px 0 0;
	float:left;
	text-align:left;
	position:relative; 
	right:50%;
}

.pdmainmenudiv a:hover {
	color:#866C15;	
}

.pdmainmenudiv a.active {
	color:#866C15;
}
 

.pdmenudiv a{
	display: inline;
	width:auto;
	text-decoration:none;
	color:#A38921;
	cursor: pointer;
	font-size:13px;
	font-weight:700;
	border:1px solid #D9BA40; 
	margin:2px 5px;
	padding:3px 8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
	position:relative; 
	right:50%;
}

.pdmenudiv a:hover {
	border:1px solid #A38921; 
	background: #A38921;
	color:#fff;	
}

.pdmenudiv a.active {
	border:1px solid #A38921; 
	background: #A38921;
	color:#fff;
}
 

.pdmenudivs{
	display: inline;
	width:auto;
	text-decoration:none;
	cursor: pointer;
	font-size:13px;
	font-weight:700;
	margin:2px 5px;
	padding:3px 8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
	position:relative; 
	right:50%;
	border:1px solid #A38921; 
	background: #A38921;
	color:#fff;
}

.pdmenudivs a{color:#fff;}

.allpdlistdiv{
	width:94%;
	margin: 20px 3%;
	padding: 0;
}

.allpditemdiv {
        width: 90%;
        height: auto;
        margin: 0 5% 60px 5%;
        padding: 0;
        color: #2a2a2a;
        font-size: 16px;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 1px;
}

.allpditemdiv a{color: #2a2a2a;}

.allpditemdiv1 {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
}

.allpditemdiv1 img {
        width: 98%;
        height: auto;
        margin: 1%;
        padding: 0;
        border: 0;
}

.allpditemdiv2 {
        width: 100%;
        height: auto;
        margin: 0;
        padding:0;
	text-align: center;
	color: #333;
	font-size: 14px;
        font-weight: 300;
        letter-spacing: 0px;
	line-height: 25px;
}

.allpditemdiv2 span{
        color: #900000;
	font-weight: 700;
}


.allpditemdiv3 a{
	display:block;
        width: 100%;
        height:15px;
        margin: 0;
        padding: 10px 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 15px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#AB783C;
	text-align: center;
}

.allpditemdiv3a a{
	display:block;
        width: 100%;
        height:15px;
        margin: 0;
        padding: 10px 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 15px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#a8a8a8;
	text-align: center;
}


.allpditemdiv3b a{
	display:block;
        width: 100%;
        height:15px;
        margin: 0;
        padding: 10px 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 15px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#DC7500;
	text-align: center;
}




}

@media only screen and (min-width:768px){


.pdimgdiv{
	width:100%;
	height:auto;
	margin:0;
        padding:0;	
}

.pdimgdiv img{
	width:100%;
	height:auto;
	margin:0;
        padding:0;
	border:0;
}


.pdmenudiv{
	text-align:center;
	list-style-type: none;
	position:relative; 
	float:left;
	left:50%;
	margin:5px 0 15px 0;
}

.pdmainmenudiv{
	text-align:center;
	list-style-type: none;
	position:relative; 
	float:left;
	left:50%;
	margin:5px 0;
}

.pdmainmenudiv a{
	display: inline;
	width:auto;
	text-decoration:none;
	color:#111;
	border-right:1px solid #595959;
	cursor: pointer;
	font-size:16px;
	font-weight:700;
	line-height: 16px;
	margin:2px 10px 10px 10px;
	padding:0 20px 0 0;
	float:left;
	text-align:left;
	position:relative; 
	right:50%;
}

.pdmainmenudiv a:hover {
	color:#866C15;	
}

.pdmainmenudiv a.active {
	color:#866C15;
}
 

.pdmenudiv a{
	display: inline;
	width:auto;
	text-decoration:none;
	color:#A38921;
	cursor: pointer;
	font-size:13px;
	font-weight:700;
	border:1px solid #D9BA40; 
	margin:2px 5px;
	padding:3px 8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
	position:relative; 
	right:50%;
}

.pdmenudiv a:hover {
	border:1px solid #A38921; 
	background: #A38921;
	color:#fff;	
}

.pdmenudiv a.active {
	border:1px solid #A38921; 
	background: #A38921;
	color:#fff;
}
 

.pdmenudivs{
	display: inline;
	width:auto;
	text-decoration:none;
	cursor: pointer;
	font-size:13px;
	font-weight:700;
	margin:2px 5px;
	padding:3px 8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
	position:relative; 
	right:50%;
	border:1px solid #A38921; 
	background: #A38921;
	color:#fff;
}

.pdmenudivs a{color:#fff;}

.allpdlistdiv{
	width:94%;
	margin: 20px 3%;
	padding: 0;
}

.allpditemdiv {
        width: 30%;
        height: auto;
        margin: 10px 1%;
        padding: 0 0.5%;
        float: left;
        color: #2a2a2a;
        font-size: 16px;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 1px;
	border:1px solid #ddd; 
}

.allpditemdiv a{color: #2a2a2a;}

.allpditemdiv1 {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
}

.allpditemdiv1 img {
        width: 98%;
        height: auto;
        margin: 1%;
        padding: 0;
        border: 0;
}

.allpditemdiv2 {
        width: 100%;
        height: auto;
        margin: 0;
        padding:0;
	text-align: center;
	color: #333;
	font-size: 14px;
        font-weight: 300;
        letter-spacing: 0px;
	line-height: 25px;
}

.allpditemdiv2 span{
        color: #900000;
	font-weight: 700;
}


.allpditemdiv3 a{
	display:block;
        width: 100%;
        height:15px;
        margin: 0;
        padding: 10px 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 15px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#AB783C;
	text-align: center;
}

.allpditemdiv3a a{
	display:block;
        width: 100%;
        height:15px;
        margin: 0;
        padding: 10px 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 15px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#a8a8a8;
	text-align: center;
}


.allpditemdiv3b a{
	display:block;
        width: 100%;
        height:15px;
        margin: 0;
        padding: 10px 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 15px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#DC7500;
	text-align: center;
}




}




/* 產品內頁  */

@media only screen and (max-width:768px){


.pddiv{
        width: 95%;
        height: auto;
        margin: 0 2.5%;
        padding: 30px 0 60px 0;
	text-align: center;	
}

.pddiv1{
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
	float:left;
	text-align:left;
}

.pddiv1 img{
        width: 95%;
        height: auto;
        margin: 0 2.5%;
        padding: 0;
	text-align: center;
	border:0;	
}

.pddiv2{
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
	float:left;
	text-align:left;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #595959;
        letter-spacing: 1px;
}

.pdtitle{
        width: 100%;
        height:auto;
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #595959;
        letter-spacing: 1px;
	text-align:left;
}

.pdname{
        width: 100%;
        height:auto;
        margin: 0 0 15px 0;
        padding: 0 0 10px 0;
        font-size: 20px;
        font-weight: 700;
        line-height: 31px;
        color: #111;
        letter-spacing: 1px;
	text-align:left;
	border-bottom:1px solid #ccc; 
}

.pdprice{
        width: 100%;
        height:auto;
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #900000;
        letter-spacing: 1px;
	text-align:right;
}

.pdprice span{
        font-size: 28px;
        font-weight: 700;
        line-height: 31px;
        color: #c00000;	
}

.pdprome{
        width: 100%;
        height:auto;
        margin:15px 0;
        padding:10px 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 25px;
        color: #333;
        letter-spacing: 1px;
	text-align:left;
	border-bottom:1px solid #ccc; 
}


.pdbutton{
        width: 100%;
        height:auto;
        margin: 0;
        padding: 0;
	text-align:left;
}

.pdbutton a{
	display:block;
	width:48%;
        margin:10px 1%;
        padding:10px 0;
	text-align:center;
	float:left;
	background:#CED60A;
        font-size: 18px;
        font-weight: 300;
        line-height: 25px;
        color: #000;
        letter-spacing: 1px;
}

.pddesc{
        width: 95%;
        height:auto;
        margin: 0 2.5%;
        padding: 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 31px;
        color: #111;
        letter-spacing: 1px;
	text-align:left;	
}

.pddesc img{
        width:100%!important;
        height:auto!important;
        margin: 0!important;
        padding: 0!important;
}



}

@media only screen and (min-width:768px){

.pddiv{
        width: 95%;
        height: auto;
        margin: 0 2.5%;
        padding: 30px 0 60px 0;
	text-align: center;	
}

.pddiv1{
        width: 50%;
        height: auto;
        margin: 0;
        padding: 0;
	float:left;
	text-align:left;
}

.pddiv1 img{
        width: 95%;
        height: auto;
        margin: 0 2.5%;
        padding: 0;
	text-align: center;
	border:0;	
}

.pddiv2{
        width: 50%;
        height: auto;
        margin: 0;
        padding: 0;
	float:left;
	text-align:left;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #595959;
        letter-spacing: 1px;
}

.pdtitle{
        width: 100%;
        height:auto;
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #595959;
        letter-spacing: 1px;
	text-align:left;
}

.pdname{
        width: 100%;
        height:auto;
        margin: 0 0 15px 0;
        padding: 0 0 10px 0;
        font-size: 20px;
        font-weight: 700;
        line-height: 31px;
        color: #111;
        letter-spacing: 1px;
	text-align:left;
	border-bottom:1px solid #ccc; 
}

.pdprice{
        width: 100%;
        height:auto;
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #900000;
        letter-spacing: 1px;
	text-align:right;
}

.pdprice span{
        font-size: 28px;
        font-weight: 700;
        line-height: 31px;
        color: #c00000;	
}

.pdprome{
        width: 100%;
        height:auto;
        margin:15px 0;
        padding:10px 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 25px;
        color: #333;
        letter-spacing: 1px;
	text-align:left;
	border-bottom:1px solid #ccc; 
}


.pdbutton{
        width: 100%;
        height:auto;
        margin: 0;
        padding: 0;
	text-align:left;
}

.pdbutton a{
	display:block;
	width:48%;
        margin:10px 1%;
        padding:10px 0;
	text-align:center;
	float:left;
	background:#CED60A;
        font-size: 18px;
        font-weight: 300;
        line-height: 25px;
        color: #000;
        letter-spacing: 1px;
}

.pddesc{
        width: 95%;
        height:auto;
        margin: 0 2.5%;
        padding: 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 31px;
        color: #111;
        letter-spacing: 1px;
	text-align:left;	
}

}



/* 會員  */

@media only screen and (max-width:768px){


.utitle{
        width: 90%;
        height:auto;
        margin:0 5%;
        padding:20px 0 15px 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
        color: #111;
        letter-spacing: 1px;
	text-align:center;
	border-bottom:1px solid #ccc; 	
}

.mbmenudiv{
        width: 90%;
        height:auto;
        margin:0 5%;
        padding:20px 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 25px;
        color: #333;
        letter-spacing: 1px;
	text-align:center;
	border-bottom:1px solid #ccc; 		

}

.mbmenudiv a{
	padding:0 10px;
        font-size: 16px;
        font-weight: 300;
        line-height: 25px;
        color: #595959;
        letter-spacing: 1px;
}

.mbmenudiv a:hover{
	color: #111;
	font-weight: 700;
}

.mbtitlediv{
        width: 100%;
        height:auto;
        margin:0;
        padding:30px 0 20px 0;
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        color: #111;
        letter-spacing: 1px;
	text-align:center;	
}




}

@media only screen and (min-width:768px){

.utitle{
        width: 60%;
        height:auto;
        margin:0 20%;
        padding:50px 0 20px 0;
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        color: #111;
        letter-spacing: 1px;
	text-align:center;
	border-bottom:1px solid #ccc; 	
}

.mbmenudiv{
        width: 80%;
        height:auto;
        margin:0 10%;
        padding:20px 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 25px;
        color: #333;
        letter-spacing: 1px;
	text-align:center;
	border-bottom:1px solid #ccc; 		

}

.mbmenudiv a{
	padding:0 20px;
        font-size: 16px;
        font-weight: 300;
        line-height: 25px;
        color: #595959;
        letter-spacing: 1px;
}

.mbmenudiv a:hover{
	color: #111;
	font-weight: 700;
}

.mbtitlediv{
        width: 100%;
        height:auto;
        margin:0;
        padding:30px 0 20px 0;
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        color: #111;
        letter-spacing: 1px;
	text-align:center;	
}








}



/* 購物車 */

@media only screen and (max-width:768px){

.Odtitle{ 
	width:98%; 
	margin:0 1%;
	padding:5px 0;
	height:auto; 
	font-size:12px; 
	border-bottom:1px solid #595959;
}

.Odtitle2{ 
	width:98%; 
	margin:0 1%; 
	font-size:12px; 
	height:auto; 
	border-bottom:1px solid #ededed; 
	padding:5px 0; 
}

.Odtitle2 input{ margin-top:35px;margin-top:0px\9;}
.odproduct{ line-height:30px; margin-top:10px;}
.oditem20{float:left; width:20%; }

.pdimgitem{ display:none; }
.pdimgitem img{ display:none; }
.oditem55{float:left; width:100%;text-align:center;line-height:28px;background:#f8f8f8;padding:5px 0;}
.oditem35{float:left; width:100%;text-align:center;line-height:28px;background:#f8f8f8;padding:5px 0;}
.oditem30{float:left; width:100%;text-align:center;line-height:28px;background:#f8f8f8;padding:5px 0;}
.oditem15{float:left; width:23%;text-align:center;padding:5px 0;line-height:30px;}
.oditem15 input{ width:50px; height:30px; border:1px solid #c2c2c2; background:#eee;}
.oditem10 {float:left; width:23%; text-align:center;padding:5px 0;line-height:30px;}
.oditem10 img{ width:80%; height:auto;}
.oditem10 input{width:80%; height:30px; border:1px solid #c2c2c2;background:#eee;margin-top:0;}
.oditem10 .Delete{ display:block; width:37px; height:37px;background:url(../images/Delete_icon.gif) no-repeat;text-indent:-199999px; margin:0 0 0 5px;}
.oditem10 .Delete:hover{ background:url(../images/Delete_icon-hover.gif) no-repeat;}
.oditem10n {float:left; width:20%; padding:0;}
.oditem10n input{width:80%; height:30px; border:1px solid #c2c2c2;background:#eee;margin-top:0;}

.TotalBox01 .left{ width:95%; padding:10px 5px;}
.TotalBox01 .right{ width:95%; height:auto; line-height:30px; padding:10px 5px;}

.TotalBox {
    width: 100%;
    height: 72px;
    background: #ededed;
    line-height: 24px;
    padding: 14px 0;
}

.Total {
    clear: both;
}

.Total1, .Total2, .Total3 {
    float: right;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

.Total3 {
    width: 45px;
    margin-right: 55px;
}

.Total2 {
    width: 120px;
}

.Total1 {
    width: 100px;
}

.TotalBox2 {
    line-height: 50px;
    color: #900000;
    clear: both;
}


.TotalBox01 {
    border-bottom: 2px solid #7a7979;
    border-top: 2px solid #7a7979;
    font-size: 12px;
    line-height: 21px;
    color: #7a7979;
    margin: 20px 0;
}

    .TotalBox01 .left {
        width: 400px;
        float: left;
        padding: 10px 0;
        padding-left: 20px;
    }

    .TotalBox01 .rigjht {
        width: 400px;
        height: 130px;
        float: right;
        line-height: 30px;
    }

        .TotalBox01 .rigjht .ps {
            margin-left: 85px;
            padding-left: 32px;
        }

.TtBox02 {
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0;
}

}

@media only screen and (min-width:768px){

.Odtitle{ height:50px; line-height:50px; font-size:12px; border-bottom:7px solid #efefef;}
.Odtitle{ width:100%; font-size:12px; clear:both; font-family:Verdana, Geneva, sans-serif;}
.Odtitle2{ width:100%; font-size:12px; clear:both; font-family:Verdana, Geneva, sans-serif; height:100px; border-bottom:1px solid #ededed; padding:5px 0; line-height:100px; }
.Odtitle2 input{ margin-top:35px;margin-top:0px\9;}
.odproduct{ line-height:30px; margin-top:10px;}
.oditem20{float:left; width:20%; }


.pdimgitem{ width:20%; float:left; }
.pdimgitem img{ height:90px; padding:3px; }
.oditem55{float:left; width:55%;line-height:30px;margin-top:20px}
.oditem35{float:left; width:35%;line-height:30px;margin-top:20px}
.oditem30{float:left; width:30%;line-height:30px;margin-top:20px}
.oditem15{float:left; width:15%;text-align:center;line-height:30px;margin-top:20px}
.oditem15 input{ width:50px; height:30px; border:1px solid #c2c2c2; line-height:30px; text-align:center; margin-top:10px;}
.oditem10 {float:left; width:10%; text-align:center;line-height:30px;margin-top:20px}
.oditem10 img{ width:70px; height:70px;}
.oditem10 input{ width:50px; height:30px; border:1px solid #c2c2c2; line-height:30px; text-align:center; margin-top:0;}
.oditem10 .Delete{ display:block; width:37px; height:37px;background:url(../images/Delete_icon.gif) no-repeat;text-indent:-199999px; margin:0 0 0 30px;}
.oditem10 .Delete:hover{ background:url(../images/Delete_icon-hover.gif) no-repeat;}
.oditem10n {float:left; width:10%; text-align:center;line-height:30px;margin-top:20px}
.oditem10n input{width:50px; height:30px; border:1px solid #c2c2c2; line-height:30px; text-align:center; margin-top:0;background:#eee;}

.TotalBox01 .left{ width:400px; float:left; padding:10px 0; padding-left:20px;}
.TotalBox01 .right{ width:400px; height:130px; float:right; border-left:1px solid #7a7979;line-height:30px;}



.TotalBox {
    width: 100%;
    height: 72px;
    background: #ededed;
    line-height: 24px;
    padding: 14px 0;
}

.Total {
    clear: both;
}

.Total1, .Total2, .Total3 {
    float: right;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

.Total3 {
    width: 45px;
    margin-right: 55px;
}

.Total2 {
    width: 120px;
}

.Total1 {
    width: 100px;
}

.TotalBox2 {
    line-height: 50px;
    color: #900000;
    clear: both;
}


.TotalBox01 {
    border-bottom: 2px solid #7a7979;
    border-top: 2px solid #7a7979;
    font-size: 12px;
    line-height: 21px;
    color: #7a7979;
    margin: 20px 0;
}

    .TotalBox01 .left {
        width: 400px;
        float: left;
        padding: 10px 0;
        padding-left: 20px;
    }

    .TotalBox01 .rigjht {
        width: 400px;
        height: 130px;
        float: right;
        border-left: 1px solid #7a7979;
        line-height: 30px;
    }

        .TotalBox01 .rigjht .ps {
            background: url(../images/shopping/ps.gif) 10px 55px no-repeat;
            margin-left: 85px;
            padding-left: 32px;
        }

.TtBox02 {
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0;
}




}






.shopbutton {
        width: 49%;
        height: auto;
        margin: 5px 1% 5px 0;
        padding: 7px 0;
        color: #111;
        font-family: 'Noto Sans TC', sans-serif;
        font-size: 15px;
        font-weight: 700;
        background-color: #eee;
        border: 0;
        cursor: pointer;
	float:left;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.shopbutton:hover {background-color: #ccc;}

.shopbutton2 {
        width: 49%;
        height: auto;
        margin: 5px 0 5px 1%;
        padding: 7px 0;
        color: #fff;
        font-family: 'Noto Sans TC', sans-serif;
        font-size: 15px;
        font-weight: 700;
        background-color: #a8a8a8;
        border: 0;
        cursor: pointer;
	float:left;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.shopbutton2:hover {background-color: #595959;}



@media only screen and (max-width:768px){


.contactformtitle {
	width: 95%;
	margin: 0 2.5%;
	text-align:left;
	padding:8px 5px;
	font-size:  13px;
	letter-spacing:1px;
	color:#595959;
}
.contactformtxt {
	width: 95%;
	margin: 0 2.5%;
	text-align:left;
	font-size:  14px;
	line-height:32px;
	letter-spacing:0px;
	color:#111;	
	font-weight:700;
}



.inputddl {
color: #595959;
margin:2px 2px 2px 0;
padding: 8px 13px;
background: #fff;
width: auto;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput {
color: #595959;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 95%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput2 {
color: #595959;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 60%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput3 {
color: #595959;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 60%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput {
color: #b0b0b0;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 95%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput2 {
color: #b0b0b0;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 55%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput3 {
color: #b0b0b0;
margin: 2px 0;
padding: 8px 13px;
background: #fff;
width: 25%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}



}

@media only screen and (min-width:768px){


.contactformtitle {
	width: 18%;
	float: left;
	text-align:right;
	padding:10px 5px;
	font-size:  15px;
	letter-spacing:1px;
	color:#333;
}
.contactformtxt {
	width: 80%;
	float: left;
	margin:5px 0;
	text-align:left;
	font-size:  14px;
	line-height:32px;
	letter-spacing:0px;
	color:#111;	
	font-weight:700;
}



.inputddl {
color: #595959;
margin:0 2px 0 0;
padding: 8px 13px;
background: #fff;
width: auto;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput {
color: #595959;
padding: 8px 13px;
background: #fff;
width: 95%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput2 {
color: #595959;
padding: 8px 13px;
background: #fff;
width: 55%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.txtinput3 {
color: #595959;
padding: 8px 13px;
background: #fff;
width: 25%;
border: 1px solid #ccc;
height: 36px;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput {
color: #b0b0b0;
padding: 8px 13px;
background: #fff;
width: 95%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput2 {
color: #b0b0b0;
padding: 8px 13px;
background: #fff;
width: 55%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.ntxtinput3 {
color: #b0b0b0;
padding: 8px 13px;
background: #fff;
width: 25%;
border: none;
height: 36px;
font: 13px/18px Arial, Helvetica, sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}



}





.contacttitle{width: 100%; line-height:180%; margin:5px 0 0 0; text-align:center; color:#B76D00;  font-size:1.1em;position:relative;font-weight:300;}
.contacttitle span{color:#B76D00;  font-size:1.1em;font-weight:700;}
.contactaddr{text-align:left;color:#333333;width:100%;word-wrap:break-word; word-break:break-all;font-size:1.2em; line-height:180%;}

#contactform {
position: relative;
background-color:#eeeeee; 
width: 100%;
}




.txttextarea {
color: #b0b0b0;
border: none;
padding: 8px 13px;
width: 95%;
height: 230px;
position: relative;
resize: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
font: 13px/18px Arial, Helvetica, sans-serif;
margin: 0;
}

.contactformbutton {
width: 100%;
height: 50px;
margin:10px 0;
}




/*   */

@media only screen and (max-width:768px){

.indexbigtitle{
	width:90%;
	height:auto;
	margin:0 5%;
	text-align:center;
	margin-bottom:30px;
	padding:0 0 8px 0; 
	font-size:16px;
	line-height:28px;
	font-weight:700;
	letter-spacing:1px;
	color:#595959;
}

.indexbigtitle span{
	display:block;
	padding:5px 0 0 0; 
	font-size:22px;
	font-weight:700;
	letter-spacing:1px;
	color:#3C1601;
	float:left;
}

.indexbigtitle img{	
	height:32px;
	width:auto;
	padding:0 10px 0 0; 
	margin:0 0 20px 0;		
	border:0;
	float:left;
}

}

@media only screen and (min-width:768px){


.indexbigtitle{
	width:240px;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding:0; 
	font-size:30px;
	font-weight:700;
	letter-spacing:3px;
	color:#3C1601;
}

.indexbigtitle span{
	display:block;
	padding:0 0 10px 0; 
	font-size:32px;
	font-weight:700;
	letter-spacing:3px;
	color:#3C1601;
	float:left;
}

.indexbigtitle img{	
	height:40px;
	width:auto;
	padding:0 14px 0 0; 
	margin:0 0 30px 0;		
	border:0;
	float:left;
}



}




.usergvStyle2{
	width:98%;
	margin:0 1%;
	border: 1px solid #E1E1E1;
}
.usergvStyle2 th{
	border-bottom: 1px solid #E1E1E1;
	font-size: 13px;
	font-weight: normal;
	height: 32px;
	color: #898989;
	text-align:center;
}
.usergvStyle2 th:hover
        {

 }
.usergvStyle2 tr{
	background-color: #ffffff;
	border-bottom: 1px solid #E1E1E1;
	height: 32px;
	font-size: 15px;
	word-wrap:break-word; 
	word-break:normal;
}
.usergvStyle2 tr:hover{

}
.usergvStyle2 td{
	font-size: 14px;
	font-variant: normal;
	line-height: 25px;
	letter-spacing:1px;
	word-wrap:break-word; 
	word-break:normal;  
	color:#111;            
}

.usergvStyle2 td img{
	width:95%;
	height:auto;
	margin:2.5%;         
}

        /*Change Rows*/
.usergvStyle2 .alt{
            
}
        /*Page*/
.usergvStyle2 .pgr table{
            
}
.usergvStyle2 .pgr td{ 
	padding:0px 5px 0px 5px; 
} 
.usergvStyle2 .pgr a{ 
        text-decoration:underline; 
} 
.usergvStyle2 .pgr a:hover
        {

}

/*   */

@media only screen and (max-width:768px){

.appmdiv{
	width:100%;
	height:auto;
	margin:0; 
	padding:0 0 15px 0;
	float:left;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #a8a8a8;
        letter-spacing: 1px;
	text-align:center;	
}

.appmdiv span{
	color:#049ec8;
	font-size: 20px;
	font-weight: 700;
}

.appmdiv img{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;	
}

.appqdiv{
	width:90%;
	height:auto;
	margin:20px 5%; 
	padding:0;
	border:0;
	text-align:center;
}

.appqdiv span{
	display:block;
	color:#2679F1;
	font-size: 24px;
	font-weight: 700;
	padding:10px 0 20px 0;
}

.appqdiv img{
	width:49%;
	height:auto;
	margin:0.5%; 
	padding:0;
	border:0;
	float:left;	
}

}

@media only screen and (min-width:768px){

.appmdiv{
	position: relative;
	width:32%;
	height:auto;
	margin:0 0.5%; 
	padding:0 0 15px 0;
	float:left;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: #a8a8a8;
        letter-spacing: 1px;
	text-align:center;
}

.appmdiv span{
	color:#049ec8;
	font-size: 24px;
	font-weight: 700;
}

.appmdiv img{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;	
}

.appmdiv a img{
	width:100%
	height:auto;
	margin:0; 
	padding:0;
	border:0;	
}


.appqdiv{
	width:90%;
	height:auto;
	margin:20px 5%; 
	padding:0;
	border:0;
	text-align:center;	
}

.appqdiv span{
	display:block;
	color:#2679F1;
	font-size: 24px;
	font-weight: 700;
	padding:10px 0 20px 0;
}

.appqdiv img{
	width:25%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;
	float:left;	
}


}









/*   */

@media only screen and (max-width:768px){


.sevbndiv{
	width:95%;
	height:auto;
	margin:20px 0; 
	padding:0 2.5%;
	text-align:center;
}

.sevbndiv img{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;	
}

.sevtitlediv{
	width:100%;
	height:auto;
	margin:0; 
	padding:20px 0;
	font-size: 22px;
	font-weight:700;
	line-height: 31px;
	color:#000;
	letter-spacing:1px;
	font-family: Arial, Verdana, Helvetica, 'Noto Sans TC', sans-serif, Meiryo;
}

.sevtitlediv img{
	width:15px;
	height:auto;
	margin:0 10px 0 0; 
	padding:0;
	border:0;
	z-index:98;	
}

.sevdiv{
	width:95%;
	height:auto;
	margin:20px 0; 
	padding:0 2.5%;
	text-align:left;
	background-color:#fff;
}

.sevdivc1{
	width:95%;
	height:auto;
	margin:0 2.5%; 
	padding:0;
	float:left;
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
        color: #a8a8a8;
        letter-spacing: 1px;
	text-align:left;
}

.sevdivc1 img{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;
}

.sevdivc2{
	width:95%;
	height:auto;
	margin:0 2.5%; 
	padding:0;
	float:left;
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
        color: #a8a8a8;
        letter-spacing: 1px;
	text-align:left;
}



.sevdivcitem{
	width:100%;
	height:auto;
	margin:0; 
	padding:0 0 15px 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        color: #a8a8a8;
        letter-spacing: 1px;
	
}

.sevdivcitem img{
	display:block;
	height:18px;
	width:auto;
	margin:0 5px 0 0; 
	padding:0;
	border:0;
	float:left;
		
}

.sev4div{
	width:95%;
	height:auto;
	margin:0 2.5%; 
	padding:0;	
}


.sev4diva{
	width:48%;
	height:220px;
	margin:1%; 
	padding:20px 0 0 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 31px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#0C87C2;
	text-align:center;
	float:left;
}

.sev4diva span{
	display:block;
	width:88%;
	font-size: 20px;
	line-height: 35px;
	padding:0;
	margin:0 6% 8px 6%;
	letter-spacing: 0px;
	border-bottom: 1px solid #fff;
}

.sev4divb{
	width:48%;
	height:220px;
	margin:1%; 
	padding:20px 0 0 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 31px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#6EBADE;
	text-align:center;
	float:left;
}

.sev4divb span{
	display:block;
	width:88%;
	font-size: 20px;
	line-height: 35px;
	padding:0;
	margin:0 6% 8px 6%;
	letter-spacing: 0px;
	border-bottom: 1px solid #fff;
}



.sev3diva{
	width:95%;
	height:auto;
	margin:1% 2.5%; 
	padding:20px 1%;
        font-size: 16px;
        font-weight: 300;
        line-height: 31px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#0C87C2;
	text-align:left;
	float:left;
}

.sev3diva span{
	display:block;
	width:88%;
	font-size: 20px;
	line-height: 35px;
	padding:0;
	margin:0 6% 8px 6%;
	letter-spacing: 0px;
	border-bottom: 1px solid #fff;
	text-align:center;
}

.sev3divb{
	width:95%;
	height:auto;
	margin:1% 2.5%; 
	padding:20px 1%;
        font-size: 16px;
        font-weight: 300;
        line-height: 31px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#6EBADE;
	text-align:left;
	float:left;
}

.sev3divb span{
	display:block;
	width:88%;
	font-size: 20px;
	line-height: 35px;
	padding:0;
	margin:0 6% 8px 6%;
	letter-spacing: 0px;
	border-bottom: 1px solid #fff;
	text-align:center;
}



}

@media only screen and (min-width:768px){

.sevbndiv{
	width:70%;
	height:auto;
	margin:20px 0; 
	padding:0 15%;
	text-align:center;
}

.sevbndiv img{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;	
}

.sevtitlediv{
	width:100%;
	height:auto;
	margin:0; 
	padding:30px 0;
	font-size: 28px;
	font-weight:700;
	line-height: 31px;
	color:#000;
	letter-spacing:1px;
	font-family: Arial, Verdana, Helvetica, 'Noto Sans TC', sans-serif, Meiryo;
}

.sevtitlediv img{
	width:15px;
	height:auto;
	margin:0 10px 0 0; 
	padding:0;
	border:0;
	z-index:98;	
}

.sevdiv{
	width:70%;
	height:auto;
	margin:20px 0; 
	padding:0 15%;
	text-align:left;
}

.sevdivc1{
	width:40%;
	height:auto;
	margin:0 10% 0 0; 
	padding:0;
	float:left;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: #a8a8a8;
        letter-spacing: 1px;
	text-align:left;
}

.sevdivc1 img{
	width:100%;
	height:auto;
	margin:0; 
	padding:0;
	border:0;
}

.sevdivc2{
	width:50%;
	height:auto;
	margin:0; 
	padding:0;
	float:left;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        color: #a8a8a8;
        letter-spacing: 1px;
	text-align:left;
}



.sevdivcitem{
	width:100%;
	height:auto;
	margin:0; 
	padding:0 0 25px 0;
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        color: #a8a8a8;
        letter-spacing: 1px;
	
}

.sevdivcitem img{
	display:block;
	height:24px;
	width:auto;
	margin:0 5px 0 0; 
	padding:0;
	border:0;
	float:left;
		
}

.sev4div{
	width:90%;
	height:auto;
	margin:0 5%; 
	padding:0;	
}


.sev4diva{
	width:25%;
	height:220px;
	margin:0; 
	padding:20px 0 0 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 31px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#0C87C2;
	text-align:center;
	float:left;
}

.sev4diva span{
	display:block;
	width:88%;
	font-size: 20px;
	line-height: 35px;
	padding:0;
	margin:0 6% 8px 6%;
	letter-spacing: 0px;
	border-bottom: 1px solid #fff;
}

.sev4divb{
	width:25%;
	height:220px;
	margin:0; 
	padding:20px 0 0 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 31px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#6EBADE;
	text-align:center;
	float:left;
}

.sev4divb span{
	display:block;
	width:88%;
	font-size: 20px;
	line-height: 35px;
	padding:0;
	margin:0 6% 8px 6%;
	letter-spacing: 0px;
	border-bottom: 1px solid #fff;
}



.sev3diva{
	width:31%;
	height:220px;
	margin:0; 
	padding:20px 1%;
        font-size: 16px;
        font-weight: 300;
        line-height: 31px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#0C87C2;
	text-align:left;
	float:left;
}

.sev3diva span{
	display:block;
	width:88%;
	font-size: 20px;
	line-height: 35px;
	padding:0;
	margin:0 6% 8px 6%;
	letter-spacing: 0px;
	border-bottom: 1px solid #fff;
	text-align:center;
}

.sev3divb{
	width:31%;
	height:220px;
	margin:0; 
	padding:20px 1%;
        font-size: 16px;
        font-weight: 300;
        line-height: 31px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#6EBADE;
	text-align:left;
	float:left;
}

.sev3divb span{
	display:block;
	width:88%;
	font-size: 20px;
	line-height: 35px;
	padding:0;
	margin:0 6% 8px 6%;
	letter-spacing: 0px;
	border-bottom: 1px solid #fff;
	text-align:center;
}


}




/*   */

@media only screen and (max-width:768px){


.chgdiv{
	width:90%;
	height:auto;
	margin:0 2.5%; 
	padding:20px 2.5%;
        font-size: 18px;
        font-weight: 700;
        line-height: 31px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#fff;
	text-align:left;
	float:left;
	border: 1px solid #ccc;	
}

.chgdiv1{
	width:40%;
	height:auto;
	margin:0; 
	padding:0;
	text-align:left;
	float:left;
}

.chgdiv1 img{
	width:90%;
	height:auto;
	margin:0 5%; 
	padding:0;
	border:0;
}

.chgdiv2{
	width:60%;
	height:auto;
	margin:0; 
	padding:10px 0 0 0;
	text-align:left;
	float:left;
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
        color: #0B2A3C;
        letter-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, 'Noto Sans TC', sans-serif, Meiryo;
}



.chgdiv2 span{
	font-size: 28px;
	line-height: 35px;
	font-family: Arial, Verdana, Helvetica, 'Noto Sans TC', sans-serif, Meiryo;
}


}

@media only screen and (min-width:768px){

.chgdiv{
	width:47%;
	height:220px;
	margin:0; 
	padding:10px 1%;
        font-size: 18px;
        font-weight: 700;
        line-height: 31px;
        color: #fff;
        letter-spacing: 1px;
	background-color:#fff;
	text-align:left;
	float:left;
	border: 1px solid #ccc;	
}

.chgdiv1{
	width:40%;
	height:auto;
	margin:0; 
	padding:0;
	text-align:left;
	float:left;
}

.chgdiv1 img{
	width:90%;
	height:auto;
	margin:0 5%; 
	padding:0;
	border:0;
}

.chgdiv2{
	width:60%;
	height:auto;
	margin:0; 
	padding:30px 0 0 0;
	text-align:left;
	float:left;
        font-size: 20px;
        font-weight: 700;
        line-height: 31px;
        color: #0B2A3C;
        letter-spacing: 1px;
	font-family: Arial, Verdana, Helvetica, 'Noto Sans TC', sans-serif, Meiryo;
}



.chgdiv2 span{
	font-size: 32px;
	line-height: 48px;
	font-family: Arial, Verdana, Helvetica, 'Noto Sans TC', sans-serif, Meiryo;
}






}


/*   */

@media only screen and (max-width:768px){

.unittitlediv1{
	width:100%;
	height:30px;
	margin:0; 
	padding:15px 0 ;
	text-align:center;
        font-size: 16px;
        font-weight: 300;
        line-height: 25px;
        color: #000;
        letter-spacing: 0px;	

}


}

@media only screen and (min-width:768px){

.unittitlediv1{
	width:100%;
	height:30px;
	margin:0; 
	padding:25px 0 ;
	text-align:center;
        font-size: 18px;
        font-weight: 300;
        line-height: 25px;
        color: #000;
        letter-spacing: 0px;	

}





}







/*   */

@media only screen and (max-width:768px){

.pdbox{
	width:91%;
    	height:auto;
	border: 1px solid #ddd;
	padding: 2%;
	margin: 5px 2%;
	float:left;
	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;		
}


}

@media only screen and (min-width:768px){





.pdbox{
	width:20%;
    	height:auto;
	border: 1px solid #ddd;
	padding: 1%;
	margin: 5px 1%;
	float:left;
	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;		
}





}





/*  */

@media only screen and (max-width:768px){


}

@media (min-width: 768px) and (max-width:1200px) {



}

@media only screen and (min-width:1200px){



}