*{
	box-sizing:border-box;
}
body{
	font-family:微軟正黑體, "Microsoft JhengHei", 新細明體, PMingLiU, sans-serif;
}
.col-4-1{	width:25%;	}
.col-4-2{	width:50%;	}
.col-4-3{	width:75%;	}
.col-4-4{	width:100%;	}
.col-3-1{	width:33.33%;	}
.col-3-2{	width:66.66%;	}
.col-3-3{	width:100%;		}
.col-2-1{	width:50%;	}
.col-2-2{	width:100%;	}
.col-custom{
}
.cdrow::after{
	content:"";
	clear:both;
	display:block;
}
[class*="col-"]{
	float:left;
	padding:5px;
}
h1,h2,h3,h4,h5,h6{
	font-family:font-family:微軟正黑體, "Microsoft JhengHei", 新細明體, PMingLiU, sans-serif;
	color:#55060e;
	margin:0.3em;
	line-height:1.2em;
}
p{
	font-family:font-family:微軟正黑體, "Microsoft JhengHei", 新細明體, PMingLiU, sans-serif;
	color:#333;
	margin:0.3em;
}
h1{ font-size:2em; }
h2{ font-size:1.5em; margin-top:1.5em; }
h3{ font-size:1.2em; margin-top:1.2em; }

/* general */
div.menu{
	width:300px;
	height:100%;
	position:fixed;
	background-color:#d3cfd0;
	top:0px;
	z-index:99;
}
div.menu-backdrop{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:0px;
	left:0px;
	z-index:98;
	display:none;
}
div.header{
	width:100%;
	height:50px;
	background-color:#000;
	background-image:url(/centurydragon/images/mobile/head_bg.png);
	background-position:bottom;
}
div.content{
	padding:0.3em;
}
#page{
	background-color:#f0eeef;
}
div.ui-panel-inner{
	padding:0px;
}
/* menu */
div.cdlangmenu{
	padding:0.5em;
}
a.cdlangmenu:link,a.cdlangmenu:visited{
	color:#600;
	text-decoration:none;
}
a.cdlangmenu:hover,a.cdlangmenu:active{
	color:#600;
	text-decoration:none;
}
div.cdmenu{
	background-color:#d3cfd0;
}
ul.cdmenu{
	display:block;
	list-style:none;
	text-indent:0;
	padding:0;
	margin:0;
}
li.cdmainmenu{
	display:block;
	list-style:none;
	background-color:none;
	background-image:url(/centurydragon/images/mobile/menu_bg.png);
	border:1px solid #666;
}
li.cdsubmenu{
	display:block;
	list-style:none;
	background-color:#d3cfd0;
	border:1px solid #666;
}
a.cdmainmenu{
	display:block;
	padding:0.7em 0.7em 0.7em 0.7em;
	text-shadow:none;
}
a.cdmainmenu:link,a.cdmainmenu:visited{
	color:#fff;
	text-decoration:none;
}
a.cdmainmenu:hover,a.cdmainmenu:active{
	color:#fff;
	text-decoration:none;
}
a.cdsubmenu{
	display:block;
	padding:0.5em 0.5em 0.5em 1.5em;
	text-shadow:none;
}
a.cdsubmenu:link,a.cdsubmenu:visited{
	color:#666;
	text-decoration:none;
}
a.cdsubmenu:hover,a.cdsubmenu:active{
	color:#666;
	text-decoration:none;
}

/* home */

/* product */
h2.cdprodpreviewhead{
	color:#fff;
	background-color:#55060e;
	text-shadow:none;
	padding:0.7em;
	margin:5px 0px 5px 0px;
	font-size:1em;
	text-align:left;
	vertical-align:middle;
}
div.cdprodpreviewlist{
	width:100%;
}
div.cdprodpreviewitem{
}
img.cdprodpreviewimg{
	width:95%;
}
p.cdprodpreviewtext{
	color:#55060e;
	font-size:0.9em;
	line-height:1em;
}

div.cdprodhead{
	/*position:fixed;*/
}
h1.cdproditem,h2.cdproditem{
	margin:0;
}
p.cdprodprice{
	color:#c61;
	font-size:1.2em;
}
p.cdproditem{
	color:#333;
	font-size:0.9em;
	margin:5px;
	text-align:justify;
}
div.cdproditemdesc{
	display:block;
	width:100%;
	height:50px;
	overflow:hidden;
}

/* order */
p.cdcartitem{
	font-size:0.9em;
	line-height:1.4em;
}

/* article */
p.cdart{
	color:#333;
	font-size:0.9em;
}
a.cdart{
	color:#600;
	text-decoration:underline;
}
img.cdart{
	width:100%;
}
div.cdartimg{
	margin:0.1em;
	float:right;
}
table.cdart{
	margin:5px;
}
td.cdart{
	padding:5px;
}

/* member */
div.cd-form-group{
	clear:both;
	padding:4px;
	vertical-align:middle;
}
label.cd-form{
	width:30%;
	float:left;
}
input.cd-form{
	width:70%;
	float:left;
}
textarea.cd-form{
	width:70%;
	float:left;
}
select.cd-form{
	width:70%;
	float:left;
}
img.cd-form{
	width:120px;
}
div.cd-form-img-group{
	width:85%;
	float:left;
}
div.cd-form-img{
	margin:3px;
	width:150px;
	height:150px;
	float:left;
	text-align:center;
}
div.cd-form-img-thumbnail{
	width:150px;
	height:100px;
	overflow:hidden;
}
input.cd-form-img-order{
	display:inline;
	width:50px;
	text-align:center;
}