.ContentsWidth {margin:0px auto;width:100%;max-width:1280px;overflow:auto;}
.SubSpace {padding:30px;}
.Mblock {display:none;}
/* TOP */

.TopLine {width:100%;height:79px;border-bottom:1px solid #336633;}
.Logo {float:left;margin:15px;width:180px;}
.Logo > a > img {height:100%;}

.TopRightLink {float:right;margin:15px;width:calc(100% - 240px);}
.TopRightLink > .Menu {float:left;width:70%;}
.TopRightLink > .Menu > div {float:left;margin-top:14px;width:15%;line-height:36px;text-align:center;}
.TopRightLink > .Menu > div > a {font-size:14px;font-weight:600;color:#666;}
.TopRightLink > .TMenu {float:right;}
.TopRightLink > .TMenu > div {float:left;margin:14px 10px 0px 10px;line-height:36px;}
.TopRightLink > .TMenu > div > a {font-size:12px;color:#666;}
.TopRightLink > .TMenu > div > a > span {padding:2px 5px;font-size:11px;font-weight:600;color:#FFF;
border-radius:3px;background:#666;}
.GraySpace {height:15px;background:#F2F2F2;}
.MMenu {display:none;}



.MainVisualSet {width:100%;border-top:1px solid #cacaca;border-bottom:1px solid #336633;}
.VisualCSInfo {float:left;margin-left:10px;width:199px;}
.VisualCSInfo > .Title {padding:30px 0px 8px 8px;line-height:18px;font-size:14px;font-weight:600;color:#666;border-bottom:1px solid #666666;}
.VisualCSInfo > .Phone {padding:15px 10px 10px 10px;line-height:24px;font-size:14px;color:#666;}
.VisualCSInfo > .Phone > div > span {font-size:16px;font-weight:600;}
.VisualCSInfo > .Mail {padding:10px 10px 8px 10px;line-height:16px;font-size:11px;font-weight:600;color:#666;border-top:1px solid #CCC;}
.VisualCSInfo > .Mail  > div > a {color:#666;}

#sliderWrap {overflow: hidden;position: relative;}
#sliderWrap .swipe-wrap {overflow: hidden;position: relative;}
#sliderWrap .swipe-wrap > div {float: left;width: 100%;position: relative;margin: 0px auto;}
#sliderWrap .swipe-wrap > div img {width: 100%;	z-index: 10;}

.MainVisual {position:relative;float:left;margin:10px 0px;padding-left:15px;width:calc(100% - 225px);border-left:1px solid #CCC;}
.MainVisual > .IMGSet {width:100%;text-align:center;}
.MainVisual > .IMGSet > div {width:100%;text-align:center;}
.MainVisual > .IMGSet > div > div > img {width:100%;max-width:640px;max-height:175px;}

.VArrowL {position:absolute;top:65px;left:30px;z-index:100;}
.VArrowR {position:absolute;top:65px;right:30px;z-index:100;}



.ContentsSet {width:100%;}
.SubBg {background:url('../../img/inc/contents_bg.png') repeat-y;}

/* LEFT */
.LeftSet {float:left;width:209px;padding-bottom:50px;}
.LeftSet > .LeftSearch {margin:15px 10px 0px 10px;border:1px solid #666666;}
.LeftSet > .LeftSearch > form > .SearchInput {float:left;}
.LeftSet > .LeftSearch > form > .SearchInput > input {width:125px;height:26px;line-height:18px;border:0px;}
.LeftSet > .LeftSearch > form > .SearchBtn {float:right;}


.LeftMenu {margin-left:10px;}
.LeftMenu > .D1 {margin:10px 0px 10px 0px;padding:10px 0px 8px 8px;line-height:16px;
font-size:16px;font-weight:600;color:#666;
border-bottom:1px solid #666666;}
.LeftMenu > .D2Set {}
.LeftMenu > div > .D2 {padding:5px 0px 5px 8px;line-height:14px;font-size:12px;cursor:pointer;}
.LeftMenu > div > .On {font-weight:600;color:#333;background:#ffffb5;cursor:pointer;}
.LeftMenu > div > .D3Set {display:none;}
.LeftMenu > div > .D3Set_Open {display:block;}
.LeftMenu > div > div > .D3 {margin-left:5px;padding:5px 0px 5px 8px;line-height:14px;font-size:12px;color:#333;cursor:pointer;}



/* CONTENTS */

.DefaultContentsSet {float:right;padding:15px 30px;width:calc(100% - 285px);}
.DefaultContentsSet > .Title {padding:5px 0px;font-size:19px;font-weight:600;color:#395721;letter-spacing:-1px;}
.SectionList {width:100%;border-bottom:2px solid #336633;border-left:1px solid #CCC;overflow:hidden;}
.SectionList > div {float:left;width:calc(16.66% - 1px);border-right:1px solid #CCC;cursor:pointer;}
.SectionList > .SectionBox > .Image {width:100%;}
.SectionList > .SectionBox > .Image > img {width:100%;}
.SectionList > .SectionBox > .TextBox {padding:10px;line-height:12px;
font-size:12px;font-weight:600;color:#333;
text-align:center;background:#f6f6f6;}
.SectionList > .SectionBox > .TextBox > li {line-height:16px;}
.SectionList > .SectionBox > .TextBox > .Script {height:48px;
overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.SectionContents {padding:9px;height:40px;background:#f6f6f6;}
.SectionContents > .SubMenu {float:left;padding-left:10px;height:40px;
line-height:40px;font-size:12px;font-weight:600;color:#666;}
.SectionContents > .SubMenu > li {float:left;margin:0px 10px;cursor:pointer;}
.SectionContents > .SubMenu > li > span {margin-right:5px;}

.SectionContents > .Search {float:right;height:40px;line-height:40px;font-size:12px;}
.SectionContents > .Search > div {float:left;margin-left:5px;}
.SectionContents > .Search > .InputBox > input {padding:0px 10px;height:34px;line-height:34px;border:3px solid #336633;}
.SectionContents > .Search > .Button > input {padding:0px 10px;height:40px;line-height:38px;cursor:pointer;
border:1px solid #b0992f;border-radius:3px;
background:#ffcf00;background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcf00), to(#fed000));
background-image: -webkit-linear-gradient(top, #ffcf00, #fed000);
background-image: -moz-linear-gradient(top, #ffcf00, #fed000);
background-image: -ms-linear-gradient(top, #ffcf00, #fed000);
background-image: -o-linear-gradient(top, #ffcf00, #fed000);
background-image: linear-gradient(to bottom, #ffcf00, #fed000);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffcf00, endColorstr=#fed000);}


.DefaultContentsSet > .SubTitle {margin:2px 0px 10px 0px;padding:5px 0px;line-height:24px;letter-spacing:-1px;}
.DefaultContentsSet > .SubTitle > .Title {float:left;width:15.16%;font-size:22px;font-weight:600;color:#395721;
border-bottom:5px solid #336633;}
.DefaultContentsSet > .SubTitle > .Script {float:right;margin-top:3px;width:84.84%;font-size:18px;font-weight:100;color:#999;
text-align:right;border-bottom:1px solid #CCC;}

.DefaultContentsSet > .SubTitle2 {margin:2px 0px 10px 0px;padding:5px 0px;line-height:24px;letter-spacing:-1px;
border-bottom:1px solid #CCC;overflow:hidden;}
.DefaultContentsSet > .SubTitle2 > .Title {float:left;font-size:20px;font-weight:600;color:#395721;}
.DefaultContentsSet > .SubTitle2 > .Script {float:right;font-size:18px;font-weight:100;color:#999;text-align:right;}

.SubD2Menu {text-align:center;}
.SubD2Menu > div {display:inline-block;margin:2px 0px;padding:3px 10px;line-height:24px;
font-size:11px;font-weight:400;color:#333;letter-spacing:-1px;
background:#F6F6F6;border:1px solid #CCC;border-radius:3px;cursor:pointer;}
.SubD2Menu > div:hover {color:#FFF;background:#336633;}
.SubD2Menu > .SubD2MenuOn {color:#FFF;background:#999;}



.DefaultContentsSet > .ListTitle {margin:20px 0px 10px 0px;padding:5px 0px;line-height:30px;
font-size:20px;font-weight:600;color:#395721;letter-spacing:-1px;}
.DefaultContentsSet > .ListTitle > li {width:15.16%;border-bottom:5px solid #336633;}
.DefaultContentsSet > .ListTitle2 {margin:20px 0px 10px 0px;padding:5px 0px;line-height:30px;
font-size:16px;font-weight:200;color:#333;letter-spacing:-1px;border-bottom:1px solid #EFEFEF;}

.DefaultContentsSet > .ProductList {}
.DefaultContentsSet > .ProductList > div {float:left;margin-top:10px;margin-bottom:10px;margin-right:1.5%;width:15.16%;cursor:pointer;}
.DefaultContentsSet > .ProductList > div > .Image {width:calc(100% - 2px);border:1px solid #EEE;overflow:hidden;}
.DefaultContentsSet > .ProductList > div > .Image > img {width:100%;}
.DefaultContentsSet > .ProductList > div > .Name {padding:7px 0px;height:42px;line-height:16px;font-size:12px;color:#666;text-align:center;
overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}



.ListCounter {padding:30px 0px;height:30px;font-size:12px;line-height:30px;text-align:center;}
.ListCounter a {margin:0px 10px;color:#666;}
.ListCounter span {margin:0px 10px;color:#999;}




.BottomMenuLine {line-height:38px;
background:#F3F3F3;border-top:1px solid #666;border-bottom:1px solid #CCC;}
.BottomMenu {line-height:38px;font-size:12px;text-align:center;}
.BottomMenu > a {color:#666;}
.BottomMenu > span {margin:0px 20px;font-size:10px;color:#DDD;}

.BottomLine {position:relative;}
.BottomLine > div {padding:30px 0px;}
.BottomLogo {float:left;margin-left:29px;width:180px;}
.BottomLogo > img {width:100%;}
.BottomInfo {float:left;margin-left:15px;padding:5px 15px;line-height:22px;
font-size:12px;color:#333;letter-spacing:-0.5px;}
.BottomInfo > li > span {margin:0px 5px 0px 8px;font-size:10px;color:#CCC;}
.BottomInfo > li > a {padding:2px 5px;font-size:10px;color:#FFF;background:#999;border-radius:3px;}

.BottomMark {float:right;margin-right:15px;}
.BottomMark > li {float:left;margin:0px 5px;}




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

	.Logo {margin:15px;width:160px;}
	.Logo > a > img {height:100%;}

	.TopRightLink {float:right;margin:15px;width:calc(100% - 240px);}

	.TopRightLink > .TMenu > div {margin:14px 3px 0px 3px;}
	.TopRightLink > .TMenu > div > a {font-size:11px;letter-spacing:-0.5px;}
	.VArrowL, .VArrowR {display:none;}

	.VisualCSInfo {width:179px;}
	.VisualCSInfo > .Title {padding:30px 0px 8px 8px;}
	.VisualCSInfo > .Phone {padding:15px 5px 10px 5px;}
	.VisualCSInfo > .Mail {padding:10px 5px 8px 5px;}

	.SubBg {background-position:-20px 0px;}

	/* LEFT */
	.LeftSet {width:189px;}
	.LeftSet > .LeftSearch > .SearchInput > input {width:105px;}

	.LeftMenu > .D1 {letter-spacing:-2px;}
	.LeftMenu > div > .D2 {letter-spacing:-1px;}
	.LeftMenu > div > div > .D3 {letter-spacing:-1px;}

	.DefaultContentsSet {float:right;padding:15px;width:calc(100% - 235px);}

	.SectionList > .SectionBox > .TextBox {font-size:11px;letter-spacing:-1px;}
	.SectionContents > .SubMenu {padding-left:5px;height:36px;line-height:36px;letter-spacing:-1px;}
	.SectionContents > .Search > .InputBox > input {height:30px;line-height:30px;font-size:11px;}
	.SectionContents > .Search > .Button > input {height:36px;line-height:34px;font-size:11px;}

	.DefaultContentsSet > .ListTitle > li {width:23.5%;}
	.DefaultContentsSet > .ProductList > div {margin-right:1.5%;width:23.5%;}

	.DefaultContentsSet > .SubTitle2 > .Title {font-size:18px;}
	.DefaultContentsSet > .SubTitle2 > .Script {font-size:14px;}

	.BottomMenuLine {line-height:34px;}
	.BottomMenu {line-height:34px;font-size:11px;}
	.BottomLogo {width:160px;}
	.BottomMark > li {margin:0px 2px;}
	.BottomMark > li > img {width:50px;}


}

@media screen and (max-width:860px) {
	.TopRightLink > .Menu {margin-top:3px;width:100%;}
	.TopRightLink > .TMenu {float:none;position:absolute;top:-10px;right:10px;font-size:10px;}
	.VisualCSInfo > .Title {padding:20px 0px 8px 8px;}
	.VisualCSInfo > .Phone {padding:10px 5px 10px 5px;}
	.VisualCSInfo > .Mail {padding:5px 5px 8px 5px;}

	.SectionList > div {width:calc(33.33% - 1px);}
	
	.SectionContents {height:80px;text-align:center;}	
	.SectionContents > .SubMenu {float:none;display:inline-block;}
	.SectionContents > .Search {float:none;display:inline-block;}


	.DefaultContentsSet > .SubTitle > .Title {width:31.83%;}
	.DefaultContentsSet > .SubTitle > .Script {width:68.17%;font-size:16px;}

	.DefaultContentsSet > .ListTitle > li {width:31.83%;}
	.DefaultContentsSet > .ProductList > div {margin-right:1.5%;width:31.83%;}
}
@media screen and (max-width:720px) {
	.TopRightLink {display:none;}
	.MMenu {display:block;float:right;margin-top:28px;margin-right:20px;width:24px;}
	.MMenu img {width:100%;}

	.MainVisualSet {border-top:0px;}
	.VisualCSInfo {float:none;margin:0px;padding-bottom:10px;width:100%;text-align:center;background:#EFEFEF;}
	.VisualCSInfo  > div {display:inline-block;}
	.VisualCSInfo > .Title {padding:5px 10px;width:60%;line-height:24px;font-size:12px;border-bottom:1px solid #CCC;}
	.VisualCSInfo > .Phone {padding:10px 10px 0px 10px;line-height:14px;font-size:12px;color:#666;}
	.VisualCSInfo > .Phone > div {float:none;display:inline-block;margin:0px 5px;}
	.VisualCSInfo > .Phone > div > span {font-size:14px;font-weight:600;}
	.VisualCSInfo > .Mail {padding:0px 10px 0px 10px;line-height:14px;font-size:11px;border-top:0px;}
	.VisualCSInfo > .Mail > div {float:none;display:inline-block;margin:0px 5px;}


	.MainVisual {position:relative;float:none;margin:0px 0px 10px 0px;padding:10px 0px 0px 0px;width:100%;border-left:0px;border-top:1px solid #cacaca;}
	.GraySpace {height:5px;}

	.LeftSet {display:none;}
	.SubBg {background:none;;}
	.DefaultContentsSet {float:none;padding:15px;width:calc(100% - 30px);}




	.ListCounter {padding:30px 0px;height:30px;font-size:12px;line-height:30px;text-align:center;}
	.ListCounter a {margin:0px 3px;color:#666;}
	.ListCounter span {margin:0px 3px;color:#999;}



	.BottomMenuLine {line-height:34px;}
	.BottomMenu {line-height:34px;font-size:11px;}
	.BottomMenu > span {margin:0px 5px;font-size:9px;}




	.BottomLogo {float:none;}
	.BottomInfo {float:none;margin:20px 10px 0px 10px;font-size:11px;}
	.BottomMark {position:absolute;float:none;top:34px;right:15px;}
	.BottomMark > li > img {width:40px;}
}
@media screen and (max-width:480px) {

	.Logo {margin:15px 0px 15px 5px;}
	.ContentsWidth {max-width:320px;}
	.DefaultContentsSet > .Title {font-size:14px;text-align:center;letter-spacing:-0.5px;}
	.SectionContents > .SubMenu > li {float:left;margin:0px 5px;}
	.SectionContents > .SubMenu > li > span {margin-right:2px;}

	.DefaultContentsSet > .SubTitle > .Title {width:100%;text-align:center;}
	.DefaultContentsSet > .SubTitle > .Script {display:none;}
	.DefaultContentsSet > .SubTitle2 > .Title {width:100%;text-align:center;}
	.DefaultContentsSet > .SubTitle2 > .Script {display:none;}
	.SubD2Menu > div {width:40%;}
	.DefaultContentsSet > .ListTitle {line-height:24px;font-size:14px;letter-spacing:-0.5px;text-align:center;}
	.DefaultContentsSet > .ListTitle > li {display:inline-block;width:31.83%;border-bottom:3px solid #336633;}
	.DefaultContentsSet > .ListTitle2 {margin-top:0px;line-height:24px;font-size:14px;letter-spacing:-0.5px;text-align:center;}
	.Mhidden {display:none;}
	.Mblock {display:block;}

	
	.ListCounter {height:18px;font-size:11px;line-height:18px;}
	.ListCounter a {margin:0px 2px;}
	.ListCounter span {margin:0px 2px;}
	.ListCounter img {width:18px;}

}


/* VIEW */


.DefaultContentsSet > .ViewTitle {margin:0px 0px 5px 0px;line-height:40px;
border-bottom:1px solid #CCC;overflow:hidden;}
.DefaultContentsSet > .ViewTitle > li {float:left;padding:0px 5px;
font-size:24px;font-weight:600;color:#333;letter-spacing:-1px;border-bottom:2px solid #395721;}
.DefaultContentsSet > .Navigation {margin-bottom:10px;line-height:18px;font-size:12px;font-weight:200;color:#333;}
.DefaultContentsSet > .Navigation > li {padding:0px 5px;}


.ItemOverviewSet {margin-top:20px;}
.ItemImage {padding:10px 0px;width:100%;}
.ItemImage > div {margin:0px auto;max-width:440px;width:100%;border:1px solid #CCC;}
.ItemImage > div > img{width:100%;}
.ItemImage2 {padding:10px 0px;width:100%;}
.ItemImage2 > div {margin:0px auto;max-width:100%;width:100%;border:1px solid #CCC;}
.ItemImage2 > div > img{width:100%;}

.DownloadBtnSet {text-align:center;}
.DownloadBtnSet > div {display:inline-block;line-height:36px;font-size:14px;font-weight:400;
border-radius:3px;cursor:pointer;}
.DownloadBtnSet > div > img {margin-top:-4px;margin-right:5px;height:30px;}
.DownloadBtnSet > .Acrobat {padding:0px 15px 0px 5px;color:#FFF;background:#c11e07;}
.DownloadBtnSet > .Inquiry {padding:0px 15px 0px 5px;color:#FFF;background:#999;}
.DownloadBtnSet > .Spec {padding:0px 15px 0px 5px;color:#FFF;background:#999;}

.ItemInfomation {width:100%;}
.ItemDetailBox {margin-top:8px;overflow-x:auto;overflow-y:hidden;}
.ItemDetailBox > table {margin:5px 0px;border-left:1px solid #CCC;}
.ItemDetailBox > table > thead > tr > th {height:24px;font-size:12px;font-weight:200;line-height:24px;color:#999;
border-top:1px solid #CCC;border-bottom:1px solid #CCC;border-right:1px solid #CCC;background:#F6F6F6;white-space:nowrap;}
.ItemDetailBox > table > tbody > tr > td {padding:3px;font-size:13px;line-height:18px;color:#666;
text-align:center;border-bottom:1px solid #CCC;border-right:1px solid #CCC;white-space:nowrap;}
.ItemDetailBox > table > tbody > tr > td > .AddCount {padding:1px 5px;width:45px;height:18px;text-align:right;}
.ItemDetailBox > table > tbody > tr > td > .Count {padding:1px 5px;width:45px;height:18px;text-align:right;}
.ItemDetailBox > table > tbody > tr > td > .AddCartBtn {padding:6px 10px;font-size:10px;color:#FFF;
background:#333;border:0px;border-radius:3px;cursor:pointer;}
.ItemDetailBox > table > tbody > tr > td > .InqBtn {padding:6px 10px;font-size:10px;color:#FFF;
background:#d6a585;border:0px;border-radius:3px;cursor:pointer;}
.ItemDetailBox > table > tbody > tr > td > select {padding:6px 10px;line-height:24px;font-size:12px;border:1px solid #CCC;border-radius:3px;}
.ItemDetailBox > table > tbody > tr > td > span {font-size:10px;font-weight:400;color:#FF6600;}
.IcoWon {font-size:16px;color:#666;}
.ItemMainPrice {font-size:24px;font-weight:800;color:#ff6600;}

.ItemTotalPriceSet {margin-top:10px;padding:10px 0px;border-top:1px solid #cc3333;}
.ItemTotalTitle {float:left;margin-left:10px;height:30px;font-size:12px;line-height:40px;color:#999;}
.ItemTotalPrice {float:right;margin-right:10px;height:30px;font-size:16px;font-weight:800;line-height:40px;color:#666;}
.ItemBtnSet {padding:20px 0px;text-align:center;}


.ItemDetailTabSet {margin-top:50px;height:63px;border-bottom:3px solid #333;}
.ItemDetailTabSet > div {float:left;margin-right:1px;width:160px;height:60px;font-size:14px;line-height:60px;text-align:center;cursor:pointer;}
.ItemDetailTab_on {font-weight:800;color:#FFF;background:#cf4249;border:1px solid #cf4249;cursor:pointer;}
.ItemDetailTab {font-weight:100;color:#666;background:#FFF;border:1px solid #CCC;}
.ItemDetailTab:hover {font-weight:800;color:#FFF;background:#cf4249;border:1px solid #cf4249;}
.ItemDetail{margin:30px 0px;}
.ItemDetail > img {width:100%;}

.ViewTitleSet {padding-top:80px;text-align:center;border-bottom:1px solid #EFEFEF;}
.ViewTitleTxt {padding-bottom:6px;line-height:24px;font-size:18px;font-weight:600;color:#333;}


.BlockContents {margin:5px;padding:20px 0px;font-size:12px;font-weight:100;color:#999;line-height:20px;border-top:1px solid #F0F0F0;}
.BlockContents > img {margin:10px 0px;width:100%;border:1px solid #CCC;}



    @media screen and (max-width:860px) {
	.ItemDetailBox > table > thead > tr > th {letter-spacing:-1px;}
	.ItemDetailBox > table > tbody > tr > td {letter-spacing:-1px;}
	}
    



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


	.DefaultContentsSet > .ViewTitle {line-height:36px;}
	.DefaultContentsSet > .ViewTitle > li {float:none;font-size:18px;text-align:center;border-bottom:0px;}
	.DefaultContentsSet > .Navigation > li {text-align:center;}

	.ItemOverviewSet {margin-top:10px;}
	.ItemDetailTabSet {margin-top:30px;height:43px;border-bottom:3px solid #333;}
	.ItemDetailTabSet > div {margin-right:0px;width:78px;height:40px;font-size:9px;line-height:40px;}
	.ItemDetail{margin:20px 0px;}
	.ItemDetail > img {width:100%;}
	.ViewSideTab {display:none;}
	}


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

	.DownloadBtnSet > div {line-height:30px;font-size:12px;}
	.DownloadBtnSet > div > img {margin-top:-4px;margin-right:5px;height:20px;}
	.DownloadBtnSet > .Acrobat {padding:0px 10px 0px 5px;}
	.DownloadBtnSet > .Inquiry {padding:0px 10px 0px 5px;}
	.DownloadBtnSet > .Spec {padding:0px 10px 0px 5px;}
	.ItemDetailBox > table > thead > tr > th {font-size:10px;}
	.ItemDetailBox > table > tbody > tr > td {font-size:11px;}
	.BlockContents {font-size:11px;}
	}



/* CART */



.ItemDetailBox > table > thead > tr > th > .CheckBox {width:12px;height:12px;border:1px solid #666;}
.ItemDetailBox > table > tbody > tr > td > .CheckBox {width:12px;height:12px;border:1px solid #666;}
.ItemDetailBox > table > tbody > tr > td > img {width:40px;}
.ItemDetailBox > table > tbody > tr > td > .Delete {padding:2px 5px;font-size:10px;color:#333;
background:#FFF;border:1px solid #CCC;;border-radius:3px;cursor:pointer;}

.CartTransSet {margin-bottom:20px;padding:10px 20px;font-size:12px;line-height:24px;text-align:center;
border:1px solid #CCC;background:#F0F0F0;font-size:18px;font-weight:800;}
.CartTransText {padding:0px 3px;color:#666;font-size:15px;}

.CartTransSet2 {margin-bottom:20px;padding:10px 20px;font-size:10pt;line-height:24px;text-align:left;border:1px solid #CCC;}


.CartTotalPriceSet {margin-bottom:20px;padding:10px 20px;font-size:12px;line-height:24px;text-align:right;
border:1px solid #CCC;background:#F0F0F0;}
.CartTotalPriceWrap {float:right;}
.CartTotalText {float:left;padding:0px 3px;color:#666;}
.CartTotalWon {float:left;font-weight:800;color:#666}
.CartTotalPrice {float:left;padding:0px 3px;font-size:18px;font-weight:800;color:#333;letter-spacing:-1px;}

.CartTotalPriceSet2 {margin-bottom:20px;padding:10px 20px;font-size:12px;line-height:24px;text-align:right;
border:1px solid #CCC;background:#F0F0F0;}
.CartTotalPriceWrap2 {float:right;}
.CartTotalText2 {float:left;padding:0px 3px;color:#666;font-size:18px;}
.CartTotalWon2 {float:left;font-weight:800;color:#666}
.CartTotalPrice2 {float:left;padding:0px 3px;font-size:20px;font-weight:800;color:#333;letter-spacing:-1px;}


.CartBtnSet {padding-bottom:30px;line-height:40px;text-align:center;}
.BtnSet {padding:30px 0px;line-height:40px;text-align:center;}
.BtnSet2 {padding:5px 0px;line-height:40px;text-align:center;}

.OrderOptionScript {padding:10px 5px;line-height:16px;font-size:12px;color:#666;text-align:center;background:#fffee9;border:1px solid #EFEFEF;border-radius:4px;}
.OrderOptionScript > span {font-weight:600;color:#FF3300;}



	@media screen and (max-width:720px) {
	.SectionTitle {padding-bottom:3px;font-size:18px;line-height:24px;}
	.CartItemIMG {clear:both;width:48px;}
	.CartItemName {font-size:14px;}
	.CartItemOption {margin-top:10px;font-size:11px;line-height:16px;}
	.CartItemEA{clear:both;}
	.CartItemPrice, .CartDelivryPrice {text-align:center;font-size:12px;}
	.CartItemPrice > span, .CartDelivryPrice > span {font-size:10px;}
	
	.CartPriceSet {height:30px;line-height:30px;}
	.CartPriceSet > div {float:right;}
	.CartPrice {font-size:18px;font-weight:800;color:#FF6600;}
	.CartWon {font-size:14px;color:#333;font-weight:800;}

	.BtnConfirm {padding:5px;font-size:12px;}
	
	
	}

	@media screen and (max-width:480px) {
	.BtnConfirm {padding:2px 5px;font-size:11px;letter-spacing:-1px;}
	}



/* ORDER */

.BlockTitle {float:left;margin-top:30px;padding:3px;line-height:24px;font-size:16px;font-weight:600;color:#666;letter-spacing:-2px;}
.BlockTitleAddCheck {float:left;margin:29px 0px 0px 5px;padding:3px;padding:3px;line-height:24px;font-size:11px;font-weight:100;color:#999;}
.DeleveryScript {clear:both;padding:3px 10px;font-size:11px;font-weight:400;color:#FF6600;line-height:14px;background:#fffee9;border:1px solid #EFEFEF;border-radius:3px;}
#HiddenMSG {display:none;}

.OrderTable {border-top:1px solid #666;border-bottom:1px solid #CCC;}
.OrderTable > tbody > tr > th {padding:10px 5px;width:100px;line-height:20px;
font-size:12px;font-weight:100;color:#666;letter-spacing:-1px;;
background:#F0F0F0;border-top:1px dotted #CCC;}
.OrderTable > tbody > tr > td {padding:5px;font-size:12px;border-top:1px dotted #CCC;}
.OrderTable > tbody > tr > td > input {padding:0px 5px;height:24px;font-size:12px;color:#333;border:1px solid #AAA;border-radius:3px;}
.OrderTable > tbody > tr > td > select {padding:0px 0px 0px 10px;height:24px;font-size:12px;border:1px solid #AAA;border-radius:3px;}
.OrderTable > tbody > tr > td > textarea {padding:10px;line-height:18px;width:calc(100% - 20px);height:300px;font-size:12px;border:1px solid #AAA;}
.TableComment {padding-bottom:10px !important;line-height:14px !important;font-size:12px !important;color:#FF6600;
border-top:0px !important;letter-spacing:-1px;}
.OrderPrice {color:#333;font-weight:600;}
.OrderToTal {color:#FF6600;font-weight:800;}

.PaymentType {font-size:12px;color:#666;}
.PaymentType > span {margin-right:10px;}
.PaymentOption {padding-top:15px;display:none;}

.InnerTable {border:2px solid #CCC;background:#F0F0F0;}
.InnerTable > tbody > tr > th {padding:5px 0px;width:65px;line-height:16px;font-size:12px;font-weight:100;color:#666;border-top:1px dotted #CCC;}
.InnerTable > tbody > tr > td {padding:5px;font-size:11px;line-height:16px;border-top:1px dotted #CCC;}
.InnerTable > tbody > tr > td > select {padding:0px 0px 0px 10px;height:24px;font-size:12px;border:1px solid #AAA;border-radius:3px;}
.InnerTable > tbody > tr > td > input {padding:0px 10px;height:22px;font-size:12px;border:1px solid #AAA;border-radius:3px;}

.AgreeBox {margin:20px auto;}
.AgreeText {padding:20px 10px;height:130px;line-height:18px;font-size:12px;color:#999;border:1px solid #CCC;border-bottom:1px solid #CCC;overflow-y:scroll;}
.AgreeCheck {margin:10px;font-size:12px;}
    
	@media screen and (max-width:600px) {
		.BlockContents {font-size:12px;line-height:17px;}
    }

/* LOGIN */
.LoginTable {border-top:2px solid #993333;border-bottom:1px solid #CCC;}
.LoginTable > tbody > tr > th {padding:10px 5px;width:100px;line-height:20px;font-size:12px;font-weight:100;color:#666;background:#F0F0F0;border-top:1px dotted #CCC;}
.LoginTable > tbody > tr > td {padding:5px;font-size:12px;border-top:1px dotted #CCC;}
.LoginTable > tbody > tr > td > input {padding:0px 5px;height:28px;font-size:12px;color:#333;border:1px solid #AAA;border-radius:3px;}
.LoginTable > tbody > tr > td > select {padding:0px 0px 0px 10px;height:30px;font-size:12px;border:1px solid #AAA;border-radius:3px;}
.LoginTable > tbody > tr > td > .Must {height:26px;border:2px solid #FF0000;}
.LoginTable > tbody > tr > td > textarea {padding:0px 0px 0px 10px;width:95%;height:120px;font-size:14px;border:1px solid #AAA;}


.LoginText {margin-top:20px;padding-top:10px;text-align:center;font-size:12px;line-height:24px;border-top:1px solid #EFEFEF;}
.LoginText > span {padding:0px 10px;}
.LoginText > span > a {font-size:13px;font-weight:600;color:#333;}
.MemberCheckipin {padding-top:15px;display:none;}


	@media screen and (max-width:720px) {
		.LoginText > span {display:block;}
		.OrderTable > tbody > tr > th {width:80px;}
		.LoginTable > tbody > tr > th {width:80px;}
	}


/* EVENT */
.EventVisualBanner {margin-top:10px;}
.EventVisual > img {width:100%;}
/* INPUT */
.InputW4 {width:32px;text-align:center;}
.InputW5 {width:40px;text-align:center;}
.InputW8 {width:70%;}
.InputW {width:90%;}
.WSelect {width:100%;}


	@media screen and (max-width:480px) {
		.MWidth {margin-top:3px;width:90%}
	}

/* CS CENTER */



.CSSet {margin-top:40px;width:100%;}
.CSCenterSet {padding:15px 0px;border:0px;width:100%;text-align:center;vertical-align:top;}

.BankAccount {display:inline-block;margin:3px 20px;width:43%;text-align:left;}
.TitleSet02 {float:left;padding-bottom:20px;font-size:16px;font-weight:600;color:#333;}
.TitleSet02More {float:right;font-size:9px;font-weight:800;}
.TitleSet02More > a {color:#FF9900;}
.BAName {padding-top:10px;font-size:14px;font-weight:600;color:#999;}
.BANum {height:20px;font-size:21px;font-weight:800;line-height:18px;color:#666;}

.MainBoard {display:inline-block;margin:3px 20px;width:43%;}
.MainBoardListTitle {float:left;width:150px;font-size:12px;line-height:20px;color:#999;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.MainBoardListTitle > a {color:#999;}
.MainBoardListDate {float:right;width:70px;font-size:9px;line-height:20px;color:#999;}
.MainBoardListDate > a {color:#999;}

    
	@media screen and (max-width:960px) {
		.CSCenterSet > div {width:42%;}


    }
    
	@media screen and (max-width:720px) {
		.CSCenterSet > div {width:41%;}


    }
    
	@media screen and (max-width:480px) {
		.CSCenterSet > div {width:95%;}


    }








/* BOARD */


.BoardTable {border-top:3px solid #999;border-bottom:1px solid #CCC;}
.BoardTable > thead > tr > th {padding:5px;font-size:11px;font-weight:600;color:#666;background:#F0F0F0;}
.BoardTable > thead > tr > th > input {width:11px;height:11px;}
.BoardTable > tbody > tr > td {padding:7px 5px;border-top:1px dotted #CCC;}
.BoardTable > tbody > tr > td > input {width:11px;height:11px;}

.BoardItem {font-size:12px;color:#333;font-weight:100;line-height:22px;text-align:center;}
.BoardItemInfo {font-size:12px;color:#333;font-weight:600;line-height:22px;}
.BoardItemInfo > span {margin-left:10px;font-size:9px;color:#666;}
.BoardItemview {padding:10px !important;font-size:12px;color:#999;line-height:18px;}
.BoardTitle {font-size:12px;color:#333;font-weight:100;line-height:22px;
overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.BoardTitle a {color:#333;}
.BoardTitleView {font-size:12px;color:#333;font-weight:100;line-height:22px;}
.BoardTitleView > img {margin:0px 10px 10px 5px;width:120px;}
.BoardBGAdd {background:#F0F0F0;}
.BoardOption {float:right;margin-top:28px;}
    
	@media screen and (max-width:600px) {
		.BoardItemInfo > span {display:block;}


    }




/* ABOUT */

.TitleH1 {margin:20px 0px;font-size:14px;font-weight:600;color:#666;}
.ScriptH1 {padding:20px 0px;line-height:18px;font-size:12px;font-weight:200;color:#666;}
.TriBlockSet {text-align:center;}
.TriBlockSet > div {display:inline-block;width:30%;padding:0px 1%;vertical-align:top;}
.TriBlockSet > div > .Circle {margin:10px auto;width:120px;height:120px;background:#90a899;border-radius:180px;overflow:hidden;}
.TriBlockSet > div > .Circle > img {margin:25%;width:50%;height:50%;}
.TriBlockSet > div > .Title {line-height:24px;font-size:14px;font-weight:600;color:#666;}
.TriBlockSet > div > .Script {margin-top:5px;line-height:18px;font-size:12px;font-weight:200;color:#666;text-align:left;}
.TriBlockSet > div > .Script > li {padding:2px 0px;}



	@media screen and (max-width:720px) {
		.TriBlockSet > div {display:block;width:100%;padding:20px 0px;}
		.TriBlockSet > div > .Title {font-size:12px;}
		.TriBlockSet > div > .Script {font-size:12px;text-align:center;}
    }



/* POPUP */
.PopBg {position:fixed;width:100%;height:100%;background-color: rgba( 0, 0, 0, 0.7 );z-index:10000;display:none;}
.PopBg > div > .TitleSet {padding:5px 15px;line-height:30px;background:#666;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.PopBg > div > .TitleSet > .Title {float:left;font-size:14px;font-weight:800;color:#FFF;}
.PopBg > div > .TitleSet > .Close {float:right;margin-top:-2px;font-size:7px;color:#FFF;cursor:pointer;}

.PopBg > div > .ContentsSet {}
.PopBg > div > .ContentsSet > .ItemInfo {margin:10px 5px;width:270px;}
.PopBg > div > .ContentsSet > .ItemInfo > .Image {float:left;width:68px;border:1px solid #CCC;border-radius:3px;overflow:hidden;}
.PopBg > div > .ContentsSet > .ItemInfo > .Image > img {width:100%;}
.PopBg > div > .ContentsSet > .ItemInfo > .Name {float:left;width:180px;padding:20px 10px;
font-size:12px;font-weight:400;color:#333;line-height:18px;}
.PopBg > div > .ContentsSet > .ItemInfo > .Name > span {
font-size:11px;font-weight:200;color:#999;}
.PopBg > div > .ContentsSet > .ItemInfo > .Infomation {float:left;width:180px;padding:0px 10px;
font-size:12px;font-weight:400;color:#333;line-height:22px;}
.PopBg > div > .ContentsSet > .ItemInfo > .Infomation > span {
font-size:11px;font-weight:400;color:#999;}
.PopBg > div > .ContentsSet > .ItemInfo > .Infomation > input {padding:0px 5px;width:80px;height:18px;
font-size:12px;font-weight:200;color:#333;line-height:18px;border:1px solid #CCC;text-align:right;}
.PopBg > div > .ContentsSet > .Status {margin:5px 0px;padding:5px;font-size:12px;line-height:20px;border:1px solid #CCC;background:#F6F6F6;}



.PopBg > div > .ContentsSet {padding:10px 0px;}
.PopBg > div > .ContentsSet > .Script {padding:10px 5px;line-height:18px;font-size:12px;text-align:center;}
.PopBg > div > .ContentsSet > .Script > span {font-weight:800;color:#333;}
.PopBg > div > .ContentsSet > .InputArea {}
.PopBg > div > .ContentsSet > .InputArea > textarea {padding:10px 5px;width:268px;height:100px;line-height:18px;
font-size:12px;border:1px solid #CCC;}
.PopBg > div > .ContentsSet > .Button > input {
width:278px;height:38px;line-height:38px;
font-size:14px;font-weight:600;font-weight:800;color:#FFF;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;background:#ff9933;border:1px solid #ff6633;cursor:pointer;}




.PopBg > div > .ContentsSet > .JoinWay {margin:5px 0px;padding:5px 15px;line-height:30px;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;font-weight:800;}
.PopBg > div > .ContentsSet > .JoinWay > img {margin-right:20px;width:24px;}

.PopBg > div > .ContentsSet > .LoginSet > form > .Textbox > input {
padding:0px 10px;width:258px;height:38px;line-height:38px;
font-size:14px;font-weight:600;color:#999;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;border:1px solid #CCC;}
.PopBg > div > .ContentsSet > .LoginSet > form > .Textbox {margin:2px 0px;}


.PopBg > div > .ContentsSet > .LoginSet > form > .Checkbox > div {float:left;line-height:24px;font-size:12px;}
.PopBg > div > .ContentsSet > .LoginSet > form > .Checkbox > .Checkbox {margin:3px 5px;}
.PopBg > div > .ContentsSet > .LoginSet > form > .Checkbox > .Checkbox > input {border:1px solid #999;}
.PopBg > div > .ContentsSet > .LoginSet > form > .Button > input {
width:278px;height:38px;line-height:38px;
font-size:14px;font-weight:600;font-weight:800;color:#FFF;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;background:#ff9933;border:1px solid #ff6633;}

.PopBg > div > .ContentsSet > .JoinMSG {margin-top:10px;padding-top:15px;line-height:20px;font-size:12px;color:#999;text-align:center;border-top:1px solid #EFEFEF;}
.PopBg > div > .ContentsSet > .JoinMSG > a {margin:0px 10px;font-weight:800;color:#FF6600;}



.
Popup {position:absolute;top:50%;left:50%;margin-top:-240px;margin-left:-160px;padding:20px;width:280px;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;background:#FFF;}
.OrderPopup {position:absolute;top:50%;left:50%;margin-top:-240px;margin-left:-160px;padding:20px;width:280px;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;background:#FFF;}


.LoginPopup {position:absolute;top:50%;left:50%;margin-top:-240px;margin-left:-160px;padding:20px;width:280px;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;background:#FFF;}
.FindPopup {position:absolute;top:50%;left:50%;margin-top:-240px;margin-left:-160px;padding:20px;width:280px;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;background:#FFF;}





.DirectReview {position:absolute;margin-top:-46px;padding-top:20px;width:70px;height:50px;line-height:16px;
font-size:11px;font-weight:800;color:#FFF;text-align:center;
-webkit-border-radius: 100px; -moz-border-radius: 100px;border-radius: 100px;border:3px solid #66ccff;background:#3366cc;z-index:1100;cursor:pointer;}
.DirectReview:hover {background:#E0E0E0;color:#333;}