body {
	margin:0;
	border:0;
	width:100%;
	color: #000;
	font-size: 14px;
	line-height:170%;
}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	word-wrap: normal;
	word-break: normal;
	border-width:0;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

ul li a:hover ,
a:hover {
	color: #900;
	text-decoration: none;
}

/**
*
* =clear,clearfix
*
**/

/* regular clearing apply to column that should drop below previous ones. */
.clear {
    clear: both;
}

/* this needs to be first because FF3 is now supporting this */
.clearfix {
    display: inline-block;
}

/* clearing floats without extra markup */
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

/* hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* end hide from IE-mac */

.wrapper {
	overflow: hidden;
	width: 100%;
	position: relative;
	border: 0;
	text-align: center;
}


.wrapper .wrap {
	overflow: hidden;
}


/* + header
*----------------------------------------------------------------------------*/
#header {
	overflow: hidden;
	width: 100%;
	height: 70px;
	background: url(../images/all/top-bg.jpg) repeat-x 0 0;
}

#header .logoS {
	padding: 13px 0;
	float: left;
	background: #333333;
}

#header .icons {
	float: right;
}

#header .icons ul {
	overflow: hidden;
	margin: 20px 0 0;
}

#header .icons ul li {
	margin: 0 10px;
	float: left;
	width: 100px;
	color: #fff;
}

#header .icons ul li a {
	color: #fff;
}

#header .icons ul li img {
	margin: 0 5px 0 0;
}


/* + sidePage
*----------------------------------------------------------------------------*/
#sidePage {
	width: 210px;
	padding: 20px 0 0;
	min-height: 800px;
}

#sidePage .sidePageParent {
	margin: 0 0 1px;
	background: url(/apple/images/all/img-sideBg.png) repeat 0 0;
	height: 40px;
}

#sidePage aside.sidebar nav ul li span.icon1 ,
#sidePage aside.sidebar nav ul li span.icon2 ,
#sidePage aside.sidebar nav ul li span.icon3 ,
#sidePage aside.sidebar nav ul li span.icon4 ,
#sidePage aside.sidebar nav ul li span.icon5 ,
#sidePage aside.sidebar nav ul li span.icon6 ,
#sidePage aside.sidebar nav ul li span.icon7 ,
#sidePage aside.sidebar nav ul li span.icon8 ,
#sidePage aside.sidebar nav ul li span.icon9 ,
#sidePage aside.sidebar nav ul li span.icon49 ,
#sidePage aside.sidebar nav ul li span.icon55 {
	margin: 10px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/all/icon.png) no-repeat 0 1px;
}

#sidePage aside.sidebar nav ul li span.icon2 {
	background-position: 0 -18px;
}

#sidePage aside.sidebar nav ul li span.icon3 {
	background-position: 0 -39px;
}

#sidePage aside.sidebar nav ul li span.icon55 {
	background-position: 0 -59px;
}

#sidePage aside.sidebar nav ul li span.icon4 {
	background-position: 0 -79px;
}

#sidePage aside.sidebar nav ul li span.icon5 {
	background-position: 0 -99px;
}

#sidePage aside.sidebar nav ul li span.icon49 {
	background-position: 0 -119px;
}

#sidePage aside.sidebar nav ul li span.icon6 {
	background-position: 0 -139px;
}

#sidePage aside.sidebar nav ul li span.icon7 {
	background-position: 0 -159px;
}

#sidePage aside.sidebar nav ul li span.icon8 {
	background-position: 0 -179px;
}

#sidePage aside.sidebar nav ul li span.icon9 {
	background-position: 0 -199px;
}

#sidePage .sidePageParent p:hover ,
#sidePage ul li ,
#sidePage ul li a ,
#sidePage ul li a:hover {
	background: url(/apple/images/all/img-sideHoverBg.png) repeat 0 0;
}

#sidePage ul li {
	margin: 0 0 1px;
	border-bottom: 1px solid #2A818E;
}

#sidePage ul li a {
    display: block;
    position: relative;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

#sidePage aside.sidebar nav ul li ul.collapse li a {
	padding: 10px 0 10px 49px;
}

/* + contentMain
*----------------------------------------------------------------------------*/
.contentMain {
	overflow: hidden;
	min-height: 820px;
	background: url(/apple/images/all/body-bg.png) repeat 0 0;
	box-shadow: 0 0 10px #757575;
	-moz-box-shadow: 0 0 10px #757575;
	-webkit-box-shadow:0 0 10px #757575;
}

.contentMain h3 {
	margin: 20px 0px 15px 0px;
	color: #666;
	font-size: 30px;
	letter-spacing: -1px;
	font-weight: bold;
}

.contentMain .article {
	overflow: hidden;
	margin: 20px 0 0;
	width: 100%;
}

.contentMain .article form fieldset {
	border: 0;
	width: 100%;
}

.contentMain .article form fieldset .competence ,
.contentMain .article form fieldset p ,
.contentMain .article form fieldset ul#productUL ,
.contentMain .article form fieldset ul#photoUL {
	overflow: hidden;
	margin: 10px 0;
}

.contentMain .article form fieldset p {
	padding-bottom: 10px;
	border-bottom: 1px #F2F2F2 solid;
}

.contentMain .article form fieldset p.pName {
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 0;
	height: 27px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.contentMain .article form fieldset p.webSite a {
	opacity: 1;
}

.contentMain .article form fieldset p.webSite a:hover {
	opacity: 0.7;
}

.contentMain .article form fieldset .titleTyp p {
	margin-left: 10px;
	padding: 0;
	border: 0;
}

.contentMain .article form fieldset ul#productUL li ,
.contentMain .article form fieldset ul#photoUL li {
	overflow: hidden;
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px #ccc solid;
}

.contentMain .article form fieldset .competence p ,
.contentMain .article form fieldset p label ,
.contentMain .article form fieldset .writList label {
	margin: 0 10px 0 0;
	width: 120px;
	display: inline-block;
	font-size: 15px;
	text-align: right;
}

.contentMain .article form fieldset p input ,
.contentMain .article form fieldset p textarea ,
.contentMain .article form fieldset .writList input ,
.contentMain .article form fieldset .writList input ,
.contentMain .article .listTyp .userName input ,
.contentMain .article form fieldset ul#productUL li input.productInp ,
.contentMain .article form fieldset ul#photoUL li input.photoInp ,
.contentMain form p select {
	overflow: hidden;
	padding: 5px 0;
	border: 1px #ccc solid;
}

.contentMain .article form fieldset p.btn {
	margin: 30px;
	float: right;
}

.contentMain .article form fieldset p input#btnOK ,
.writList p input#btnImg ,
.contentMain .article p input#btnOK ,
.contentMain .article form fieldset p input#btnCancel ,
.contentMain .article form fieldset p.btn input#btnOK ,
.contentMain .article form fieldset p.btn input#btnReset ,
.contentMain .article form fieldset p input#btnDel ,
.contentMain .article form fieldset p input#btnVis ,
.contentMain .article form fieldset p input#btnUnVis ,
.contentMain .article form fieldset p input#btnGO ,
.contentMain .article form fieldset p input#btnIImg ,
.contentMain .article form fieldset p input#btnImg1,
.contentMain .article form fieldset p input#btnImg2 ,
.contentMain .article form fieldset p input#btnImg3 ,
.contentMain .article form fieldset p input#btnImg4 ,
.contentMain .article form fieldset p input#btnMulti ,
.contentMain .article form fieldset .writList input#btnImg ,
.contentMain .article form fieldset .writList a#up,
.contentMain .article form fieldset .writList input#btnMIcon ,
.contentMain .article form fieldset p input#btnAddK ,
.contentMain .article form fieldset p input#btnAddL ,
.contentMain .article form fieldset .writList input#btnImg1 ,
.contentMain .article form fieldset .writList input#btnImg2 ,
.contentMain .article form fieldset .writList input#btnImg3 ,
.contentMain .article form fieldset .writList input#btnQRCode ,
.contentMain .article form fieldset .writList input#btnLOGO ,
.contentMain .article form fieldset ul#productUL li input.del ,
.contentMain .article form fieldset ul#photoUL li input.del {
	padding: 5px 10px;
	border: 0;
	font-size: 16px;
	background: #1D63D7;
	color: #fff;
	opacity: 0.7;
}

.contentMain .article form fieldset p.btn input#btnReset ,
.contentMain .article form fieldset p input#btnCancel {
	background: #D0CFCF;
	color: #000;
}

.contentMain .article form fieldset p.btn input#btnOK:hover ,
.writList p input#btnImg:hover ,
.contentMain .article p input#btnOK:hover ,
.contentMain .article form fieldset p.btn input#btnReset:hover ,
.contentMain .article form fieldset p input#btnOK:hover ,
.contentMain .article form fieldset p input#btnCancel:hover ,
.contentMain .article form fieldset p input#btnDel:hover ,
.contentMain .article form fieldset p input#btnVis:hover ,
.contentMain .article form fieldset p input#btnUnVis:hover ,
.contentMain .article form fieldset p input#btnGO:hover ,
.contentMain .article form fieldset p input#btnIImg:hover,
.contentMain .article form fieldset p input#btnImg1:hover,
.contentMain .article form fieldset p input#btnImg2:hover ,
.contentMain .article form fieldset p input#btnImg3:hover ,
.contentMain .article form fieldset p input#btnImg4:hover ,
.contentMain .article form fieldset p input#btnMulti:hover ,
.contentMain .article form fieldset .writList input#btnImg:hover ,
.contentMain .article form fieldset .writList a#up:hover , 
.contentMain .article form fieldset .writList input#btnMIcon:hover ,
.contentMain .article form fieldset p input#btnAddK:hover ,
.contentMain .article form fieldset p input#btnAddL:hover ,
.contentMain .article form fieldset .writList input#btnImg1:hover ,
.contentMain .article form fieldset .writList input#btnImg2:hover ,
.contentMain .article form fieldset .writList input#btnImg3:hover ,
.contentMain .article form fieldset .writList input#btnQRCode:hover ,
.contentMain .article form fieldset .writList input#btnLOGO:hover ,
.contentMain .article form fieldset ul#productUL li input.del:hover ,
.contentMain .article form fieldset ul#photoUL li input.del:hover {
	opacity: 1;
}

.contentMain .article .abbNew {
	overflow: hidden;
	margin: 10px 0;
	padding: 5px;
	background: #35aa47;
	opacity: 0.8;
}

.contentMain .article .abbNew:hover {
	opacity: 1;
}

.contentMain .article .abbNew a ,
.contentMain .article .abbNew input#btnAdd,
.contentMain .article .abbNew input#btnMulti {
	padding: 0 0 0 25px;
	background: url(../images/all/icon2.png) no-repeat 0 1px;
	color: #fff;
	font-size: 16px;
}

.contentMain .article .titleTyp ,
.contentMain .article .listTyp {
	overflow: hidden;
	padding: 5px 0;
	background: #4b8df8;
	color: #fff;
	font-size: 14px;
}

.contentMain .article .listTyp {
	margin: 10px 0;
	background: #fff;
	color: #000;
	border-bottom: 1px #E4DFDF solid;
}

.contentMain .article .titleTyp .visible ,
.contentMain .article .titleTyp .loginName ,
.contentMain .article .titleTyp .userName ,
.contentMain .article .titleTyp .mail ,
.contentMain .article .titleTyp .operating ,
.contentMain .article .listTyp .visible ,
.contentMain .article .listTyp .loginName ,
.contentMain .article .listTyp .userName ,
.contentMain .article .listTyp .mail ,
.contentMain .article .listTyp .operating {
	margin: 0 10px;
	float: left;
	width: 100px;
	text-align: center;
}

.contentMain .article .listTyp .visible ,
.contentMain .article .listTyp .loginName ,
.contentMain .article .listTyp .userName ,
.contentMain .article .listTyp .mail ,
.contentMain .article .listTyp .operating {
	height: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	line-height: 30px;
}

.contentMain .article .titleTyp .visible ,
.contentMain .article .listTyp .visible {
	width: 30px;
}

.contentMain .article .titleTyp .mail ,
.contentMain .article .listTyp .mail {
	height: 22px;
	width: 150px;
}

.contentMain .article .titleTyp .operating ,
.contentMain .article .listTyp .operating {
	overflow: hidden;
	width: 225px;
}

ul.photoUL li .operating .modification ,
ul.photoUL li .operating .delete ,
.contentMain .article .listTyp .operating .modification ,
.contentMain .article .listTyp .operating .shutDown ,
.contentMain .article .listTyp .operating .delete {
	overflow: hidden;
	float: left;
	margin: 0 5px;
	width: 80px;
	padding: 5px 10px;
	background: #192E66;
	opacity: 0.8;
}

ul.photoUL li .operating .modification span ,
ul.photoUL li .operating .delete span ,
.contentMain .article .listTyp .operating .modification span ,
.contentMain .article .listTyp .operating .shutDown span ,
.contentMain .article .listTyp .operating .delete span {
	float: left;
	width: 20px;
	height: 20px;
	display: block;
	background: url(../images/all/icon2.png) no-repeat 0 -40px;
}

ul.photoUL li .operating .delete ,
.contentMain .article .listTyp .operating .delete {
	background: #FD1B2C;
}

.contentMain .article .listTyp .operating .shutDown {
	background: #F49120;
}

ul.photoUL li .operating .delete span ,
.contentMain .article .listTyp .operating .delete span {
	background-position: 0 -58px;
}

.contentMain .article .listTyp .operating .shutDown span {
	background-position: 0 -78px;
}

ul.photoUL li .operating .modification a ,
ul.photoUL li .operating .delete a ,
.contentMain .article .listTyp .operating .modification a ,
.contentMain .article .listTyp .operating .delete a ,
.contentMain .article .listTyp .operating .shutDown a {
	padding: 0 0 0 10px;
	color: #fff;
}

ul.photoUL li .operating .modification:hover ,
ul.photoUL li .operating .delete:hover ,
.contentMain .article .listTyp .operating .modification:hover ,
.contentMain .article .listTyp .operating .delete:hover ,
.contentMain .article .listTyp .operating .shutDown:hover {
	opacity: 1;
}

.contentMain .article form fieldset .competence p {
	float: left;
}

.contentMain .article form fieldset .competence ul.menuList {
	margin: 0 0 0 20px;
	float: left;
}

.contentMain .article form fieldset .competence ul.menuList li {
	overflow: hidden;
	width: 800px;
	font-size: 18px;
}

.contentMain .article form fieldset .competence ul.menuList li input {
	margin: 0 10px 0 0;
}

.contentMain .article form fieldset .competence ul.menuList li ul {
	overflow: hidden;
	margin: 10px 0;
	padding: 10px 0 10px 20px;
	background: #F7EDCE;
	border-bottom: 2px #F9CD4C solid;
}

.contentMain .article form fieldset .competence ul.menuList li ul li {
	margin: 5px 0;
	width: 155px;
	float: left;
	font-size: 16px;
}

.contentMain .article form fieldset p input#btnDel ,
.contentMain .article form fieldset p input#btnVis ,
.contentMain .article form fieldset p input#btnUnVis ,
.contentMain .article form fieldset ul#productUL li input.del ,
.contentMain .article form fieldset ul#photoUL li input.del {
	background: #1B1C1D;
	border-radius: 5px;
}

.writList {
	overflow: hidden;
	margin: 10px 0;
}

.ckeList {
	float: left;
}

.contentMain .article form fieldset .writList label {
	float: left;
}

.writList a {
	float: left;
	margin: 0 10px;
}

ul.photoUL ,
ul.templateList ,
ul.templateList2 {
	overflow: hidden;
}

ul.templateList {
	border-bottom: 1px #ccc solid;
}

ul.photoUL li ,
ul.templateList2 li {
	overflow: hidden;
	margin: 10px;
	float: left;
	width: 210px;
}

ul.templateList2 li {
	width: 90%;
	height: 120px;
}

ul.templateList2 li .photo {
	float: left;
	width: 120px;
}

ul.photoUL li .photo ,
ul.templateList2 li .photo a {
	padding: 0;
	width: 200px;
	height: 200px;
	border: 1px #c5c0bc solid;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}

ul.templateList2 li .photo a.fancybox {
	float: none;
	width: 100px;
	height: 100px;
}

ul.photoUL li .photo img ,
ul.templateList2 li .photo img {
	max-width: 100%;
	max-height: 100%;
}

ul.templateList2 li p {
	float: left;
	width: 20%;
}

ul.photoUL li .operating .modification ,
ul.photoUL li .operating .delete {
	width: 60px;
	line-height: 18px;
}

ul.templateList li {
	margin: 5px;
	padding: 5px 10px;
	float: left;
	width: 15%;
	background: #40B697;
	opacity: 0.8;
}

ul.templateList li:hover {
	opacity: 1;
}

ul.templateList li a {
	color: #fff;
}

.contentMain .article form fieldset .list {
	margin: 5px 10px 5px 0;
	float: left;
	width: 600px;
}

a.fancybox {
	float: left;
	margin: 0 10px;
}

.contentMain .article form fieldset ul#productUL li input ,
.contentMain .article form fieldset ul#photoUL li input {
	margin: 0 10px;
}

.contentMain #countBtn a {
	margin: 10px 10px 10px 0;
	padding: 5px 10px;
	background: #2fade7;
	border: 1px #2B65EF solid;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-radius: 2px;
	color: #fff;
	display: inline-block;
}

.contentMain #countBtn a.action ,
.contentMain #countBtn a:hover {
	background: #fb9800;
}

.contentMain ul.countSearch li {
	margin: 10px 0;
	font-size: 18px;
	line-height: 35px;
}

.contentMain ul.countSearch li img {
	margin-right: 10px;
}


/**********適應性**********/
/************************/
@media only screen and (min-width : 320px) {
	body {
		background: none;
	}
	#header .logoS {
		width: 60px;
	}
	#header .icons {
		width: 240px;
	}
	#sidePage {
		float: none;
		display: none;
	}
	#dl-menu {
		display: block;
	}
	.contentMain {
		padding: 10px;
	}
	.contentMain .article .titleTyp .mail, .contentMain .article .listTyp .mail {
		width: 100px;
	}
	.contentMain .article .titleTyp .operating, .contentMain .article .listTyp .operating {
		width: 105px;
	}
	ul.photoUL li .operating .modification, ul.photoUL li .operating .delete, .contentMain .article .listTyp .operating .modification, .contentMain .article .listTyp .operating .shutDown, .contentMain .article .listTyp .operating .delete {
		width: 20px;
	}
	.contentMain .article .listTyp .loginName {
		overflow: hidden;
		width: 80px;
	}
	ul.photoUL li .operating .modification a, ul.photoUL li .operating .delete a, .hiden {
		display: none;
	}
	.contentMain .article form fieldset label {
		float: left;
	}
	.contentMain .article form fieldset p.btn {
		float: left;
	}
}

@media only screen and (min-width : 640px) {
	.hiden {
		display: block;
	}
	.shiden {
		display: none;
	}
}

@media only screen and (min-width : 1024px) {
	body {
		background: url(/apple/images/all/img-bodyBg.jpg) #32C2CD repeat 0 0;
	}
	#header .logoS {
		width: 210px;
	}
	#header .icons {
		width: 400px;
	}
	#sidePage {
		float: left;
		display: block;
	}
	#dl-menu {
		display: none;
	}
	.contentMain {
		padding: 10px 30px;
	}
	.contentMain .article .listTyp .loginName {
		width: 100px;
	}
	.contentMain .article .titleTyp .mail, .contentMain .article .listTyp .mail {
		width: 150px;
	}
	.contentMain .article .titleTyp .operating, .contentMain .article .listTyp .operating {
		width: 205px;
		line-height: normal;
	}
	ul.photoUL li .operating .modification, ul.photoUL li .operating .delete, .contentMain .article .listTyp .operating .modification, .contentMain .article .listTyp .operating .shutDown, .contentMain .article .listTyp .operating .delete {
		width: 70px;
	}
	ul.photoUL li .operating .modification a, ul.photoUL li .operating .delete a, .contentMain .article .listTyp .operating .modification a, .contentMain .article .listTyp .operating .delete a, .contentMain .article .listTyp .operating .shutDown a {
		display: inline-block;
	}
}