a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body {font-family: 'Helvetica', Arial, sans-serif; background: #fff; color: #000;}

.container {
	position: relative; display: block;
	margin: 20px auto; width: 800px; padding-top: 80px;
}

.header{
	position: absolute; display: block;	z-index: 4;
	top: 0; left: 0;
}

.selectPanel {
	position: relative; display: block;
	margin: 20px 0; z-index: 4;
}


.selectPanel .panel {
	position: relative; display: inline-block;	
}
.selectPanel .panel .title {
	position: relative; display: inline-block;	
	color: #cfb279; font-size: 20px; font-weight: bold;
	margin-bottom: 10px;

}


.selectPanel .panel .dropdown {
	position: relative; display: block; cursor: pointer;
	width: 155px; height: 40px; border: 1px solid #8f8f8f;
	background-color: #fff;
}

.selectPanel .panel .dropdown .selected {
	display: block; height: 100%; 
	box-sizing: border-box; padding: 10px;
	background: url(../img/arrow.png) 96% center no-repeat;

}

.selectPanel .panel .dropdown .ddList {
	position: absolute; display: none;
	width: 155px; border: 1px solid #8f8f8f;
	right: -157px; top: -1px;
}

.selectPanel .panel .dropdown .ddList .ddItem {
	position: relative; display: block; 
	height: 40px; background-color: #fff;
	border-bottom: 1px solid #8f8f8f;
	box-sizing: border-box; padding: 10px;
}
.selectPanel .panel .dropdown .ddList .ddItem:hover { background: #e7e7e7; }
.selectPanel .panel .dropdown .ddList .ddItem.active { background: #e7e7e7; }



.selectPanel .panel .dropdown .ddList .ddItem:last-child { border:none }
.selectPanel .panel .dropdown .ddList .ddItem i {
	position: absolute; display: block; width: 22px; height: 22px;
	right: 10px; top: 8px;
	border: 1px solid #aaa; border-radius: 100%;
}

.selectPanel .panel .dropdown:hover .ddList { display: block; }

.selectPanel .panel .dropdown .ddList .ddItem1 i { background: #ffffff; }
.selectPanel .panel .dropdown .ddList .ddItem2 i { background: #020202; }
.selectPanel .panel .dropdown .ddList .ddItem3 i { background: #7c7c7c; }

.selectPanel .panel .dropdown .ddList .ddItem4 i { background: #ff0000; }
.selectPanel .panel .dropdown .ddList .ddItem5 i { background: #006c99; }
.selectPanel .panel .dropdown .ddList .ddItem6 i { background: url(../img/ahsap.png) center center no-repeat; background-size: contain; }