@charset "utf-8";
@import url("btns.css");


/* Reset */
*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
html{overflow-y:auto;  overflow-x:auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'Tahoma','Verdana',sans-serif;font-size:12px; color:#787878;}
body{background-color:#f2f2f2; *word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle; border:0;}
select{margin: 0em;font: -webkit-small-control;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;text-align: start; font-size:12px;}
optgroup {font-weight: bolder;}
img{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#747474; text-decoration:none}
a:hover{color:#747474; text-decoration:none}
button *{position:relative}
legend,hr{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
caption{visibility:hidden;overflow:hidden;top:0;width:0;height:0;font-size:0;line-height:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0;}
table caption{display:none;}

/* \\\\\\\\\\\\\\\\\    DEMO CODE   ///////////////////////////////// */
.overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none;}
.modal {display: none; background: #FFF; padding: 0 20px 20px 20px; overflow: auto; z-index: 1001; position: absolute; left:50%; margin-left:0%; min-width:300px; min-height: 70px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

/* \\\\\\\\\\\\\\\\\    END MODAL CODE   ///////////////////////////////// */

/*Alert Pop*/
.popAlert {position:relative; width:300px; height:auto;}
.popAlert h3 {font-size:14px; color:#333; margin-bottom:10px; border-bottom:1px solid #e1e1e1; margin-top:15px; letter-spacing:-1px; padding-bottom:15px;}
.popAlert .closeBtn {position:absolute; right:0; top:0; cursor:pointer;}
.popAlert p {text-align:center; margin-bottom:3px; font-size:13px;}

/* forgotten password */
.popForgotten {position:relative; width:500px; height:auto;}
.popForgotten h3 {font-size:14px; color:#333; margin-bottom:10px; border-bottom:1px solid #e1e1e1; margin-top:15px; letter-spacing:-1px; padding-bottom:15px;}
.popForgotten .closeBtn {position:absolute; right:0; top:0; cursor:pointer;}
.popForgotten p {text-align:center; margin-bottom:3px; font-size:13px;}
.popForgotten p.emailArea {text-align:center; margin-bottom:3px; font-size:13px; margin-top:10px;}



/* Layout */
#wrap {position:relative;width:100%;}
#header {
/* 	position:relative; width:100%; height:auto; */
	width:100%;
	height:160px;
	position:fixed;
	z-index:999;
	top:0px;
	left:0px;
	-webkit-box-shadow: 0 1px 2px 0 #f2f2f2;
	box-shadow: 0 1px 2px 0 #f2f2f2;
	background-color:#f2f2f2;
}
#gnb {position:relative; width:100%; height:40px; background:#484848;}
#mSearch {position:relative; width:760px; height:43px; margin:0 auto; padding:15px 0 15px 0;}

/*for IE */
*:first-child+html #naviArea {position:relative; width:1000px; height:38px; margin:0 auto; margin-bottom:10px; background:#A50C16;}
#naviArea {position:relative; width:1000px; height:38px; margin:0 auto; margin-bottom:10px; background:#A50C16\0/IE8;}
:root #naviArea {position:relative; width:1000px; height:38px; margin:0 auto; margin-bottom:10px; background:#A50C16\9;}

#naviArea {position:relative; width:1000px; height:38px; margin:0 auto; margin-bottom:10px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
background-image:#A50C16 -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #A50C16),
	color-stop(1, #CD1C28)
);
background-image: -o-linear-gradient(top, #A50C16 0%, #CD1C28 100%);
background-image: -moz-linear-gradient(top, #A50C16 0%, #CD1C28 100%);
background-image: -webkit-linear-gradient(top, #A50C16 0%, #CD1C28 100%);
background-image: -ms-linear-gradient(top, #A50C16 0%, #CD1C28 100%);
background-image: linear-gradient(to top, #A50C16 0%, #CD1C28 100%);
}

#container {position:relative; width:1000px; height:100%; margin:0 auto; margin-bottom:30px; overflow:hidden;top:160px;}
#leftArea {position:relative; float:left; width:180px; height:100%;}
#sContents {position:relative; float:right; width:810px; height:100%;}
#Contents_single {position:relative; width:810px; height:100%; margin:0 auto;}
#conArea {position:relative; width:790px; height:100%; margin:0 auto; overflow:hidden;}
#mContents {position:relative; float:left; width:770px; height:100%;}
#mRight {position:relative; float:right; width:220px; height:100%;}
#footer {clear:both; position:relative; width:1000px; height:140px; margin:0 auto; border-top:1px solid #e3e3e3; padding-top:20px;top:150px;}


/* gnb */
#gnb .gnbMenu {position:relative; width:1000px; height:40px; margin:0 auto; color:#FFF; line-height:40px;}
#gnb .gnbMenu .snsArea {float:left; padding-left:12px;}
#gnb .gnbMenu .snsArea img {margin-bottom:5px;}
#gnb .myMenu {float:right;}
#gnb .myMenu a {color:#FFF;}
#gnb .myMenu a:hover {color:#ffef78;}
#gnb .myMenu li {float:left; background:url(/v2/common/images/pix_gnb.gif) no-repeat right center; padding-right:13px; margin-right:13px;}
#gnb .myMenu li.end {background:none; padding-right:0px; margin-right:0px;}

/* select Lang */
.selLang {position:absolute; background:#484848; right:0px; padding-bottom:5px; z-index: 100}
.selLang .langBox {width:80px; height:100%;}
.selLang .langBox li {width:80px; height:30px; line-height:30px; background:none !important; text-align:center; padding-right:0px !important; margin-right:0px !important;}
.selBankcode {width:200px;border: 3px solid #cd1c28; right:0px; padding:3px;}

/* mSearch */
#mSearch .logo {float:left; width:138px; height:42px;}
#mSearch .searchBox {float:right; position:relative; width:592px; height:36px; border:3px solid #cd1c28; background:#FFF;}
.m_inputSearch {width:266px; height:34px; border:1px solid #FFF; background:#FFF; color:#000; font-size:14px; font-weight:bold; padding-left:10px;}
.selCate {width:120px; padding-right:10px;}
.selCate_s {width:100px; padding-right:10px;}
.btnSearch {position:absolute; right:0; width:91px; height:36px; background:#cd1c28; text-align:center; line-height:36px; font-size:12px;}
.btnSearch a {display:block; width:100%; color:#FFF; font-weight:bold;}

/* navigation */
.navi {position:relative; width:1000px; height:38px;}
.navi li {float:left; width:156px; height:38px; text-align:center; font-weight:bold; color:#FFF; line-height:36px;}
.navi li a {float:left; width:156px; height:38px; text-align:center; font-weight:bold; color:#FFF; line-height:36px;}
.navi li.home {float:left; width:58px; height:38px; text-align:center; font-weight:bold; color:#FFF;}
.navi li.home a {float:left; width:58px; height:38px; text-align:center; font-weight:bold; color:#FFF;}
.navi li.home img {margin-top:9px;}
.navi li.pix {float:left; width:1px; opacity:0.4;}

#subNavi {position:absolute; width:1000px; height:auto; left:50%; margin-left:-500px; top:38px; z-index:100;}
#subNavi a {color:#FFF;}
#subNavi a:hover {color:#FFF;}
#subNavi .subMenu_1 {width:156px; height:100%; background:#6f040b; margin-left:59px; padding-top:3px; padding-bottom:7px;
border-radius:5px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

/*모질라 구버전*/
-moz-border-radius:5px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;

/*사파리, 구글 크롬 구버전*/
-webkit-border-radius:5px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
#subNavi .subMenu_1 li {display:block; padding:5px 5px 5px 15px; margin-top:0px;}

#subNavi .subMenu_2 {width:156px; height:100%; background:#6f040b; margin-left:216px; padding-top:3px; padding-bottom:7px;
border-radius:5px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

/*모질라 구버전*/
-moz-border-radius:5px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;

/*사파리, 구글 크롬 구버전*/
-webkit-border-radius:5px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
#subNavi .subMenu_2 li {display:block; padding:5px 5px 5px 15px; margin-top:0px;}

#subNavi .subMenu_3 {width:156px; height:100%; background:#6f040b; margin-left:373px; padding-top:3px; padding-bottom:7px;
border-radius:5px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

/*모질라 구버전*/
-moz-border-radius:5px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;

/*사파리, 구글 크롬 구버전*/
-webkit-border-radius:5px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
#subNavi .subMenu_3 li {display:block; padding:5px 5px 5px 15px; margin-top:0px;}

#subNavi .subMenu_4 {width:156px; height:100%; background:#6f040b; margin-left:530px; padding-top:3px; padding-bottom:7px;
border-radius:5px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

/*모질라 구버전*/
-moz-border-radius:5px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;

/*사파리, 구글 크롬 구버전*/
-webkit-border-radius:5px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
#subNavi .subMenu_4 li {display:block; padding:5px 5px 5px 15px; margin-top:0px;}

#subNavi .subMenu_5 {width:156px; height:100%; background:#6f040b; margin-left:687px; padding-top:3px; padding-bottom:7px;
border-radius:5px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

/*모질라 구버전*/
-moz-border-radius:5px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;

/*사파리, 구글 크롬 구버전*/
-webkit-border-radius:5px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
#subNavi .subMenu_5 li {display:block; padding:5px 5px 5px 15px; margin-top:0px;}

#subNavi .subMenu_6 {width:156px; height:100%; background:#6f040b; margin-left:844px; padding-top:3px; padding-bottom:7px;
border-radius:5px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;

/*모질라 구버전*/
-moz-border-radius:5px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;

/*사파리, 구글 크롬 구버전*/
-webkit-border-radius:5px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
#subNavi .subMenu_6 li {display:block; padding:5px 5px 5px 15px; margin-top:0px;}

/* main Banner */
.mBnr {position:relative; width:770px; height:254px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; margin-bottom:10px;}

/* common Product Area */
.mProArea {position:relative; width:768px; height:auto; background:#FFF; border:1px solid #e3e3e3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; overflow:hidden;}
.mProArea h3 {position:relative; width:728px; height:41px; background:url(/v2/common/images/icon_title.png), url(/v2/common/images/bg_title.gif); background-repeat: no-repeat, repeat-x; background-position:14px 11px, left top; color:#3a3a3a; font-size:14px; padding-left:40px; line-height:40px; font-family:Tahoma !important; font-weight:normal;}


/*for IE */
*:first-child+html .mProArea h3 {position:relative; width:728px; height:41px; background:#e9e9e9 url(/v2/common/images/icon_title.png) no-repeat 14px 11px; color:#3a3a3a; font-size:14px; padding-left:40px; line-height:40px; font-family:Tahoma !important; font-weight:normal;}

.mProArea h3 {position:relative; width:728px; height:41px; background:#e9e9e9 url(/v2/common/images/icon_title.png) no-repeat 14px 11px\0/IE8; color:#3a3a3a; font-size:14px; padding-left:40px; line-height:40px; font-family:Tahoma !important; font-weight:normal;}


.mProArea h3 .more {position:absolute; right:15px; top:0; color:#808080; font-size:11px; font-weight:normal; line-height:40px;}

.mProArea .tabMenu {position:relative; width:768px; height:41px; background:url(/v2/common/images/bg_title.gif) repeat-x;}
.mProArea .tabMenu li {float:left; width:112px; height:41px; color:#3a3a3a; font-size:14px; text-align:center; border-right:1px solid #e3e3e3; line-height:40px;}
.mProArea .tabMenu li a {float:left; width:112px; height:41px; color:#3a3a3a; font-size:14px; text-align:center; border-right:1px solid #e3e3e3; line-height:40px;}
.mProArea .tabMenu li a:hover {float:left; width:112px; height:41px; color:#c51925; font-size:14px; text-align:center; border-right:1px solid #e3e3e3; line-height:40px; background:#FFF url(/v2/common/images/ar_tab.gif) no-repeat bottom center;}
.mProArea .tabMenu li.on a {float:left; width:112px; height:41px; color:#c51925; font-size:14px; text-align:center; border-right:1px solid #e3e3e3; line-height:40px; background:#FFF url(/v2/common/images//ar_tab.gif) no-repeat bottom center;}


.mProArea .tabMenu .more {position:absolute; right:15px; top:0; color:#808080; font-size:11px; font-weight:normal; line-height:40px;}

.mProArea .proList {position:relative; width:738px; height:100%; padding-top:10px; margin:0 auto; overflow:hidden;}
.mProArea .proList .proBar {position:absolute; left:50%; margin-left:-369px; top:136px; z-index:100;}
.mProArea .proList li {float:left; width:127px; height:auto; padding-left:10px; padding-right:10px; margin-bottom:15px;}

.proThumb {position:relative; width:127px; height:auto;}
.proThumb .goodPic {position:relative; width:127px; height:135px; text-align:center; overflow:hidden;}
.proThumb .goodInfo {position:relative; width:127px; height:auto; margin-top:11px; padding-bottom:11px; border-bottom:1px solid #d6d6d6;}
p.proTitle {height:30px; overflow: hidden;}
p.price {color:#484848; padding-top:5px;}


/* Calender */
/* .calArea {position:relative; width:200px; height:234px; background:#FFF; border:1px solid #e3e3e3; padding:9px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; margin-bottom:10px;} */
.calArea {position:relative; width:200px; height:100px; background:#FFF; border:1px solid #e3e3e3; padding:9px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; margin-bottom:10px;}
.calArea h3 {position:relative; height:39px; background:url(/v2/common/images/icon_cal.gif) no-repeat 6px 5px; padding-left:45px; font-size:16px; color:#484848; padding-bottom:10px; border-bottom:1px solid #e3abaf; font-weight:normal; line-height:43px;}
.calArea .listArea {position:relative; width:160px; height:auto; margin:0 auto; margin-top:10px;}
.calArea .listArea li {float:left; width:160px; height:24px; background:url(/v2/common/images/bullet01.gif) no-repeat 5px 7px; font-size:13px; padding-left:15px;}
.calArea .bnrSmall {clear:both; position:relative; width:200px; height:76px; background:#CCC;}

/* mainRight Product */
.mRightPro {position:relative; width:200px; height:auto; background:#FFF; border:1px solid #e3e3e3; padding:9px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; margin-bottom:10px; padding-bottom:19px;}
.mRightPro h3 {position:relative; height:30px; background:url(/v2/common/images/icon_title.png) no-repeat 0px 3px; padding-left:25px; font-size:14px; color:#484848; border-bottom:1px solid #e3abaf; font-weight:normal; line-height:22px;}
.mRightPro li {float:left; width:200px; height:auto; padding-top:18px; border-bottom:1px dotted #bfbfbf; padding-bottom:18px;}
.mRightPro li dt, dd {float:left;}
.mRightPro li dt {width:70px; text-align:center;}
.mRightPro li dd {width:130px; text-align:left;}
.goodInfo_r {position:relative; width:130px; height:auto; padding-bottom:11px;}
p.buyBtn {padding-top:6px;}

/* footer */
.copyright {position:relative; float:left; width:770px; height:100%;}
.copyright .logoBottom {float:left; position:relative; width:153px; text-align:center; margin-top:20px;}
.copyright .copyInfor {float:left; position:relative; width:458px; line-height:20px;}
.copyright .logoftc  {float:left; position:relative; width:153px; text-align:center; margin-top:20px;}
.copyInfor p.copy {background:none; color:#4b4b4b; font-weight:bold; margin-top:5px;}
.copyInfor p.icon_location {background:url(/v2/common/images/icon_location.gif) no-repeat 0 2px; padding-left:25px;}
.copyInfor p.icon_telling {background:url(/v2/common/images/icon_tel.gif) no-repeat 0 4px; padding-left:25px;}
.copyInfor p.icon_post {background:url(/v2/common/images/icon_mail.gif) no-repeat 0 3px; padding-left:25px;}

.copyRight {position:relative; float:right; width:220px; height:100%;}
.copyRight p.weJoin {color:#4b4b4b; font-weight:bold; margin-bottom:7px;}

/* leftMenu */
.cateTitle {position:relative; width:180px; height:auto; background:url(/v2/common/images/bullet02.gif) no-repeat 0 57px; padding:53px 0 18px 10px; color:#df4e58; font-size:18px; font-weight:bold;}
.cateMenu {position:relative; width:178px; height:auto; border:1px solid #e3e3e3; overflow:hidden;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.cateMenu li {float:left; width:161px; height:33px; color:#484848; font-size:13px; background:url(/v2/common/images/bg_category.gif) repeat-x; line-height:33px; padding-left:17px;}
.cateMenu li a {float:left; width:161px; height:33px; color:#484848; font-size:13px;}
.cateMenu li a:hover {float:left; width:161px; height:33px; color:#df4e58; font-size:13px; font-weight:bold; background:url(/v2/common/images/ar_right.gif) no-repeat 140px center;}
.cateMenu li.on a {float:left; width:161px; height:33px; color:#df4e58; font-size:13px; font-weight:bold; background:url(/v2/common/images/ar_right.gif) no-repeat 140px center;}

/* location */
.location {position:relative; width:790px; height:35px; background:url(/v2/common/images/bg_location.gif) repeat-x bottom; line-height:23px; text-align:right; font-size:11px;}

/* commTitleArea */
.commTitleArea {position:relative; width:790px; height:57px; line-height:57px;}
.commTitleArea span.cateTitle_b {color:#282828; font-size:18px; font-weight:bold;}
.commTitleArea span.snsShare {position:absolute; right:0; color:#6e6e6e; font-size:14px; font-style:italic; text-align:right; line-height:57px;}

/* sortArea */
.sortArea {position:relative; width:772px; height:29px; padding-left:16px; line-height:29px; color:#282828; font-size:12px; border:1px solid #f2caca; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #FBE8EA)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FBE8EA 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FBE8EA 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FBE8EA 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FBE8EA 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #FBE8EA 100%);
}
.sortArea .sortOption {position:absolute; right:0; top:0;}
.sortArea .sortOption li {float:left; padding-right:20px; margin-right:20px; background:url(/v2/common/images/pix_sort.gif) no-repeat right center;}
.sortArea .sortOption li.end {float:left; padding-right:20px; margin-right:0px; background:none;}
.sortArea .sortOption li a {float:left;}
.sortArea .sortOption li a:hover {color:#b3121d;}
.sortArea .sortOption li.on a {color:#b3121d;}

/* pagenate */
.pagenateArea {position:relative; width:100%; height:45px; clear:both;}
.pagenateArea .sortResult {float:left; line-height:45px; color:#6e6e6e; font-size:11px; font-style:italic; padding-left:10px;}
.pagenateArea .pagenate {float:right; width:350px; text-align:right; padding-right:10px; padding-top:15px;}
.pagenate li {display:inline-block; width:17px; height:15px; line-height:13px; border:1px solid #c4c4c4; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-align:center; font-size:11px; color:#393939; overflow:hidden;}
*:first-child+html .pagenate li {display:inline; margin-right:5px;}
.pagenate li a {display:inline-block; width:17px; height:15px; overflow:hidden;}
.pagenate li a:hover {color:#FFF; background:#393939; border:1px solid #393939 !important; line-height:13px;}
.pagenate li.on a {color:#FFF; background:#393939; border:1px solid #393939 !important; line-height:13px;}

/* goodsList */
.goodsList {position:relative; width:790px; margin-top:1px;}
.goodsList li {float:left; position:relative; width:758px; height:140px; padding:15px; background:#FFF; border:1px solid #e3e3e3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;margin-top:-1px;}
.goodsList li dt, dd {float:left;}
.goodsList li dt {width:124px; text-align:center;}
.goodsList li dd.proSec {width:470px; padding-left:18px;}

.proSubject {padding-top:5px; height:50px; display:table-cell; vertical-align:middle; color:#282828; font-size:14px;}
.proSubject a {color:#282828;}
.proSubject a:hover {color:#c51925; text-decoration:underline;}
.goodsList li dd.proSec .proIntro {position:relative;}
.goodsList li dd.proSec .proIntro li {position:relative; width:220px; height:22px; line-height:24px !important; padding:0 0 0 10px; margin:0; border:0; border-radius:0; background:url(/v2/common/images/bullet03.gif) no-repeat left 12px; color:#787878;}

.goodsList li dd.buySec {float:right; width:126px; padding-top:65px;}

/* tagArea */
.tagArea {position:relative; padding-top:6px;}
.tagBox {color:#FFF; padding:3px 6px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font-size:11px;}

/* proDetail */
.proDetail {position:relative; width:768px; height:auto; background:#FFF; padding:30px 10px 30px 10px; border:1px solid #e3e3e3; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px;}
.proImgSet {float:left; position:relative; width:342px; height:auto; padding-right:10px; margin-right:10px; border-right:1px solid #e3e3e3; overflow:hidden;}
.proImgSet .bImg {position:relative; width:342px; height:auto; text-align:center; margin-bottom:1px;}
.proImgSet .sImgSet {position:relative; width:342px; height:auto;}
.proImgSet .sImgSet li {float:left; width:114px; text-align:center;}

.goodsDetail {float:right; width:390px; height:auto;}
.goodsDetail p {position:relative; line-height:24px;}
.goodsDetail p.notify {text-decoration:underline; line-height:24px; padding-top:10px;}

.goodsDetail p.QtyBox {position:relative;} 
.goodsDetail p.QtyBox .arQty {position:absolute; width:15px; left:82px; top:10px;}
.goodsDetail p.QtyBox .arQty img {padding:0;}

.proReady {position:relative; clear:both; height:30px; background:#FFF; line-height:30px; padding-top:15px; text-align:center; font-size:13px;}
.proSubject_b {padding-top:5px; height:80px; display:table-cell; vertical-align:middle; color:#282828; font-size:16px; line-height:24px;}

.detailinfor {position:relative; width:390px; margin-top:10px;}
/* .detailinfor li {float:left; width:100%; height:20px; line-height:20px !important; padding:0 0 0 10px; margin:0; border:0; border-radius:0; background:url(/v2/common/images/bullet03.gif) no-repeat left 10px; color:#787878;} */
.detailinfor li {float:left; width:100%; line-height:20px !important; padding:0 0 0 10px; margin:0; border:0; border-radius:0; background:url(/v2/common/images/bullet03.gif) no-repeat left 10px; color:#787878;}


/* commBox */
.commBox {position:relative; width:788px; height:auto; background:#FFF; border:1px solid #e3e3e3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; overflow:hidden; margin-top:0px;}
.commBox h3 {position:relative; width:748px; height:41px; background:url(/v2/common/images/icon_title.png),url(/v2/common/images/bg_title.gif); background-repeat: no-repeat, repeat-x; background-position:14px 11px, left top; color:#3a3a3a; font-size:14px; padding-left:40px; line-height:40px; font-family:Tahoma !important; font-weight:normal;}
.commBox .etcTxt {position:absolute; right:20px; font-size:12px; font-weight:normal;}
.commBox .etcTxt01 {position:absolute; right:0px; font-size:12px; font-weight:normal; top:7px;}
.commBox .commInfor {position:relative; width:748px; padding:20px 0 20px 0; margin:0 auto; font-size:12px;}
.commBox .commInfor p {line-height:18px;}
.commBox .commInfor p.quest {font-size:14px; font-style:italic; line-height:24px; text-decoration:underline;}
.commBox .commInfor p.titSubject {position:relative; font-size:14px; line-height:24px; border-bottom:1px dotted #333; padding-bottom:10px; margin-bottom:10px;}
.commBox .commInfor p.titSubject .sharing {position:absolute; right:0;}
.smallFont {font-size:10px;}
.commBox .commInfor table {width:100%;}
.commBox .commInfor th {background:#333; border:1px solid #ccc; color:#FFF; padding:5px;}
.commBox .commInfor td {background:#FFF; border:1px solid #ccc; color:#777; padding:5px;}

.commBox .proList {position:relative; width:738px; height:100%; padding-top:10px; margin:0 auto; overflow:hidden;}
.commBox .proList .proBar {position:absolute; left:50%; margin-left:-369px; top:136px; z-index:100;}
.commBox .proList li {float:left; width:127px; height:auto; padding-left:10px; padding-right:10px; margin-bottom:15px;}

/* CalendarArea */
#calenderArea {position:relative; width:100%;}
#calenderArea h3 {padding:20px 0 10px 0; color:#000; border-bottom:1px solid #000; font-size:16px; font-weight:normal; margin-bottom:10px;}
#calenderArea p {margin-bottom:5px;}

/* member */
.memBox {position:relative; width:730px; height:100%; margin:0 auto; padding:20px 0 20px 0;}
.memBox table {padding:0; width:730px;}
.memBox table th {text-align:left; font-weight:normal; padding:5px;}
.memBox table th.mTitle {text-align:left; font-weight:bold; padding:5px; height:30px; font-size:11px; color:#000; border-bottom:1px solid #333;}
.memBox table th.mTitle_top {text-align:left; font-weight:bold; padding:5px; height:30px; font-size:11px; color:#000; border-bottom:1px solid #333; border-top:1px solid #333;}
.memBox table td {position:relative; text-align:left; font-weight:normal; padding:5px;}
.memBox table td.mCon {text-align:left; font-weight:normal; padding:5px; height:30px; border-bottom:1px dotted #999;}
.memBox table td.mCon_end {text-align:left; font-weight:normal; padding:5px; height:30px; border-bottom:1px solid #333;}
/* .memBox table td.mCon a {text-decoration:underline;} */
.memBox table td.mCon_end a {text-decoration:underline;}
.memBox table td div.proSet {position:relative;}
.memBox table td div.proSet .thumb {display:inline-block; float:left; margin:0 5px 0 0;}
.memBox table td div.proSet .thumb img {display:block; margin-top:5px;}
.memBox table td div.proSet p.goodsTitle {padding:10px 0 5px 0;}
.memBox table td div.proSet p {margin-bottom:0px;}
.memBox p.QtyBox {position:relative;} 
.memBox p.QtyBox .arQty {position:absolute; width:15px; left:77px; top:0px;}
.memBox p.QtyBox .arQty img {padding:0;}
.memBox p.point {padding-bottom:10px; border-bottom:1px dotted #333;}
.memBox p.bullet04 {clear:both; background:url(/v2/common/images/bullet04.gif) no-repeat 0 16px; padding-left:15px; padding-bottom:10px; border-bottom:1px dotted #333; font-size:13px; color:#000; height:30px; line-height:36px; font-weight:bold;}
.memBox p.dot01 {background:url(/v2/common/images/bullet01.gif) no-repeat 5px 7px; font-size:14px; padding-left:15px; padding-bottom:10px; line-height:20px;}
.memBox p.line {text-align:left; font-weight:normal; padding:10px; margin-top:10px; border-top:1px otted #333;}

.memBox dl {margin-top:5px; padding-bottom:10px; overflow:hidden;}
.memBox dt,dd {float:left; line-height:100%; display:table-cell; vertical-align:middle;}
.memBox dt {float:left; width:140px; background:url(/v2/common/images/bullet04.gif) no-repeat 0 60%; color:#333; font-size:12px; padding-left:12px; margin-top:10px;}
.memBox dd {height:25px; padding:5px;}
.memBox dd.inputNum {float:left; width:80px;}
.memBox dd.btnSec {float:left; width:100px;}
.memBox dd.btnSec a {text-decoration:none !important;}
.memBox dd.numArea {float:left; width:300px; margin-top:4px; font-weight:bold; color:#333;}

.memBox .partArea {position:relative; padding-top:10px; padding-bottom:20px; width:710px; overflow:hidden; padding-left:20px;}
.memBox .partArea p {margin-bottom:5px;}
.memBox .partArea .conLeftArea {float:left; position:relative; width:350px; height:auto; line-height:20px;}
.memBox .partArea .conCenterArea {position:relative; width:350px; height:auto; line-height:20px; margin:0 auto;}
.memBox .partArea .conCenterArea .txtRight {position:absolute; right:30px;}
.memBox .partArea .conRightArea {float:right; position:relative; width:350px; height:auto;}
.memBox .partArea .conRightArea_paid {float:right; position:relative; width:250px; height:auto;}
.memBox .partArea .conRightArea_paid p{line-height:24px;}
.memBox .partArea .conRightArea_paid .countAmount {position:absolute; right:25px; color:#000; font-weight:bold;}
.memBox .txtDetail {position:relative; padding:10px; overflow:hidden;}
.memBox .txtDetail  p {background:url(/v2/common/images/bullet01.gif) no-repeat 5px 9px; font-size:13px; padding-left:15px; line-height:20px;}
.memBox .txtDetail  p.noDot {position:relative; background:none; font-size:13px; padding-left:10px; line-height:30px;}
.memBox .txtDetail  li {float:left; padding-right:35px; padding-top:10px;}
.memBox .txtDetail  p .numPaid {position:absolute; left:250px;}
.memBox .txtDetail  p a {text-decoration:underline !important; color:#000;}
.italic {font-style:italic;}
.italic a {text-decoration:underline;}
.titCau {text-decoration:underline !important; margin-top:10px;}
.txtCau {line-height:18px !important; margin-bottom:10px;}

/* btnArea */
.btnArea {text-align:center; padding:20px;}

.red {background:#d95d66;}
.blue {background:#136eea;}
.gray {background:#a9a9a9;}
.dblue {background:#1c41aa;}
.sky {background:#13b4ea;}
.dgray {background:#7a7a7a;}
.green {background:#698b0f;}
.orange {background:#da5403;}

/* text */
.tRed {color:#c41824 !important;}
.tRed_o {color:#f2000f !important;}
.bold {font-weight:bold;}
.tBlack {color:#282828;}
.tBlue {color:#1387ea;}
.tBlue > a {color:#1387ea;}
.tSky {color:#13b4ea;}
.tSky > a {color:#13b4ea;}
.tGreen {color:#5ab600;}
.tOrange {color:#da5403 !important;}
.through {text-decoration:line-through;}
.ft14 {font-size:14px !important;}
.alLeft {text-align:left !important;}
.alRight {text-align:right !important;}
.alCenter {text-align:center !important;}

/* padding */
.padR20 {padding-right:20px;}
.padTB1015 {padding:10px 0 15px 0;}
.padB10 {padding-bottom:0px !important;}
.pad10 {padding-top:10px !important;}
.pad20 {padding-top:20px !important;}
.pad30 {padding-top:30px !important;}
.padZero {padding:0 !important;}

/* input */
.qty {width:51px; height:30px; border:1px solid #dddddd; text-align:center; font-size:14px; font-weight:bold; line-height:30px;}
.inputNotify {width:230px; height:40px; border:1px solid #dddddd; font-size:12px; line-height:30px; font-style:italic; padding-left:10px;}
.inputMem {height:30px; border:1px solid #dddddd; font-size:12px; padding-left:10px;}

/* .inputMem {height:30px; border:1px solid #dddddd; font-size:12px; line-height:30px; padding-left:10px;}*/
.inputCount {height:20px; border:1px solid #dddddd; font-size:12px; line-height:20px; padding-left:10px; padding-right:10px; text-align:center;}
.inputMem_dis {height:30px; border:1px solid #dddddd; font-size:12px; line-height:30px; padding-left:10px; background:#dddddd;}
.boxSel {border:1px solid #dddddd; font-size:10px;}
/* size */
.wd40 {width:40px !important;}
.wd60 {width:60px !important;}
.wd70 {width:70px !important;}
.wd80 {width:80px !important;}
.wd100 {width:100px !important;}
.wd150 {width:150px !important;}
.wd180 {width:180px !important;}
.wd205 {width:205px !important;}
.wd229 {width:229px !important;}
.wd300 {width:300px !important;}
.wd570 {width:570px !important;}
.wd600 {width:600px !important;}