@charset "utf-8";
/* CSS Document */
body{ background:#DBDBDB;font-family:"Times New Roman","宋体"; font-size:13px}
h1,h2,h3,h4,h5,h6{ font-family:"Times New Roman","宋体"}
a{ text-decoration:none}
.black{ background:#000; color:#666}
.ftop{ width:100%; height:50px; line-height:50px; background:none repeat scroll 0 0 #c5c5c5; overflow:hidden; position:fixed; bottom:129px}
.ftop table{ width:220px}
.ftop table .td1{ width:184px}
.inbody .ftop{ position:fixed; bottom:130px; z-index:999; background:url(../images/index/indebg.png) repeat}
.black .ftop{ background:#111}
.ftop form{padding:10px 0 10px 20px; float:left}
.search_txt {background:#DBDBDB;border: medium none;color: #999999;height: 30px;line-height: 30px;outline: medium none; padding: 0 0 0 15px;width: 180px;}
.black .search_txt,.inbody .search_txt{color:#BDA986}
.search_btn {background:url(../images/comm/search.png) #dbdbdb 4px 7px no-repeat;border: medium none;cursor: pointer;height: 30px;outline: medium none; text-indent: -9999px;width: 30px;}
.black .search_txt,.inbody .search_txt{background:#292929}
.black .search_btn,.inbody .search_btn{background:url(../images/comm/bsearch.png) #292929 4px 7px no-repeat}
.flink{float:left; padding:15px 0 0 23px}
.flink li{ float:left; display:block; width:20px; height:20px; margin:0 17px 0 0 }
.flink a{display:block; float:left; width:20px; height:20px}
.fb a{ background:url(../images/comm/facebook.png) center center no-repeat}
.black .fb a,.inbody .fb a{ background:url(../images/comm/bfacebook.png) center center no-repeat}
.gnt a{ background:url(../images/comm/gntlogo.png) center center no-repeat}
.flink .gnn a{ width:53px; height:20px; background:url(../images/comm/gnt.png)}
.inbody .flink .gnn a,.black .flink .gnn a{ background:url(../images/comm/bgnt.png)}
.black .gnt a,.inbody .gnt a{ background:url(../images/comm/bgntlogo.png) center center no-repeat}
.fright{float:right; height:30px; padding:10px 20px 0 0}
.goselec{ width:130px; height:30px; background:url(../images/comm/selectarrow.png) 105px 13px no-repeat #DBDBDB; overflow:hidden; padding:0; float:right; position:relative}
.black .goselec,.inbody .goselec{background:url(../images/comm/selectarrow.png) 105px 13px no-repeat #292929;}
.fright select{ background:none; border:none; width:150px; margin:0; padding:6px 0 7px 15px; height:30px; position:absolute;top:0; color:#BDA986; font-size:100% }
.copy{float:right; color:#E4E4E4; font-size:100%; line-height:30px; font-family:Arial, Helvetica, sans-serif; margin-right:24px}
.black .copy,.inbody .copy{ color:#343434}
.copy a{color:#E4E4E4; text-decoration:underline}
.black .copy a,.inbody .copy a{color:#343434}
footer{ width:100%; height:72px; background:url(../images/comm/footer.jpg) #BDAA89 repeat-y; text-align:center; padding:28px 0 ; float:left; border-top:1px solid #D1D1D1; position:fixed; bottom:0; z-index:999}
footer br{ display:none}
footer p{ color:#D7CBB6; font-size:100%; font-family:Arial, Helvetica, sans-serif}
footer p a{color:#D7CBB6; text-decoration:underline}
footer h2,.login footer h2{color: #3E1E1E;
    font-family: "Microsoft JhengHei","微軟正黑體","ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体";
    font-size: 470%;
    font-weight: normal;
    margin: 0 auto;
	letter-spacing:4px;
	text-align:center;
    width: 980px;
	height:70px; line-height:70px}
.forban{}

.noheader{ width:100%; height:130px; margin:0 auto; background:url(../images/comm/headerbg.png) bottom center no-repeat  #dbdbdb;  overflow: visible;position:fixed;top:0; padding:30px 0 0; z-index:9999}
.inbody .noheader{ background:#000; display:none}
.hin{width:1000px; margin:0 auto; position:relative;}
.black .noheader{background:url(../images/product/headerbg.png)  bottom center no-repeat #000}
.noheader h1{ float:left; width:115px; height:110px;background-image:url(../images/comm/logo.png); display:block; background-repeat:no-repeat}
.black .noheader h1{background:url(../images/product/logo.png) no-repeat}
.noheader h1 a{ display: block;height: 100%;margin: 0;padding: 0;text-indent: -9999px;width: 100%;}
.noheader nav{ float:left; width:880px; font-family:"宋体";	font-size:110% }
#menu * { transition: none;-moz-transition: none;-webkit-transition: none;-ms-transition: none;-o-webkit-transition: none;}
#menu {	z-index:1000; visibility:hidden; width:879px; margin:0 0 0 0px} 
.dropmenu {	width:1060px; padding:0; position:relative; height:32px; }
.dropmenu a { text-decoration:none}
.dropmenu .root-item { zoom:1; height:32px; line-height:32px; overflow:visible; vertical-align:middle; float:left;}
.dropmenu .root-name { display:block; z-index:1001; cursor:pointer; text-align:center}
.dropmenu .root-name span {	display: block;	height:32px; line-height:32px; color:#796542; text-align:center; padding:0 11px; letter-spacing:3px; background:url(../images/comm/mdot.gif) left center no-repeat }
.black .dropmenu .root-name span{ color:#BDA986}
.dropmenu .root-item:first-child span{ background:none}
.dropmenu .root-item:first-child+li+li+li+li+li+li .root-name span{ padding-right:5px}
.dropmenu .active .root-name { color:#594A31;}
.dropmenu .active .root-name span {	color:#BDA986 }
.black .dropmenu .active .root-name span {	color:#DACFBC }
.dropmenu .no-sub .root-name span {	color:#594A31}
.dropmenu .sub-list { overflow: hidden;}
.dropmenu .active .sub-list { visibility: visible; top:22px; padding:15px 0;}
/*.dropmenu .sub-list li {}
.dropmenu .sub-list a {}
.dropmenu .sub-list a: hover {}*/
.sub-menu {	z-index: 1000; position:absolute; visibility: hidden; color:#61646E;margin-left:0;top:50px; text-align:center;}
.dropmenu .active .section-1 {left:-22px; width:180px }
.dropmenu .active .section-1  li{width:180px}
.dropmenu .active .section-2 {left:128px; width:160px}
.dropmenu .active .section-3{left:250px; width:160px}
.dropmenu .active .section-2 li,.dropmenu .active .section-4 li{ width:160px}
.dropmenu .active .section-4 {left:343px; width:160px}
.sub-menu ul { display:block; overflow:hidden; float:left; padding:7px 0 0 0; background:url(../images/comm/arroe.png) top center no-repeat; margin:0}
.sub-menu ul li { display:block; font-size:100%; letter-spacing:1px; line-height:100%; overflow:hidden; background:#BDA986; border-bottom:1px solid #AA9878; font-family: "Times New Roman", "宋體"}
.sub-menu ul li a { color:#000000; display:block; padding:13px 0}
.sub-menu ul li:hover a { color:#FFF}
.sub-menu ul li:hover{ background:#B19A72}
.sub-menu ul li.title { color:#002652; font-size:15px; font-weight:bold; padding:0 0 10px 0; margin:0; border-bottom:1px solid #CCC; width:100%}
.menu-wide {}
.menu-wide li {text-align:center}
.menu-max { width:400px;}
.menu-max li { width:380px;}
.menu-product {}
.menu-product li { width:160px;}
#menu .shortcut-new { width:820px; float:left; }
#menu .shortcut-new li { margin:0 0 0 35px; float:left; overflow:hidden; padding:0; width:170px;}
#menu .shortcut-new li a span { display:block; overflow:hidden; width:100%; text-align:center; font-size:12px;}
#menu .shortcut-new li a span:first-child { height:180px; margin-bottom:10px;} 
#menu .shortcut-new li a span img { display:block; height:180px; width:auto; margin:0 auto}
#menu .shortcut-big { width:680px; float:right; }
#menu .shortcut-big li { margin:0; float:left; overflow:hidden; padding:0; width:315px;}
#menu .shortcut-big li:first-child { margin-right:50px}
#menu .shortcut-big li a span { display:block; overflow:hidden; width:100%; text-align:center; font-size:12px;}
#menu .shortcut-big li a span:first-child { height:175px; margin-bottom:15px;} 
/*about*/
.nart{ width:1000px; margin:160px auto 180px; padding:47px 0 80px; overflow:hidden}
.cir{ width:100%; text-align:center}
.cir li{ display:inline-block; background-image:url(../images/about/circle.png); margin:0 12px 0 20px; width:218px; height:178px; text-align:center; padding:40px 8px 8px 0; color:#fff; font-size:160%; line-height:60px;  background-repeat:no-repeat; background-size:226px 226px; }
#plistn{padding-bottom:50px; margin:160px auto 0px; max-width:800px}
.maxw{ width:800px; margin:0 auto; overflow:hidden; text-align:center}
.nart h2,.boedit h2{ font-size:175%; color:#987D52; text-align:center; letter-spacing:2px; padding-bottom:15px; width:100%; overflow:hidden}
.nart h2 br{ display:none}
.mimg{ display:none}
.nimg{ position:relative;top:-50px; z-index:-1}
.news .nh2{ color:#000; text-align:center; position:relative;top:-15px; padding-bottom:15px}
.news .nh2 span{ color:#796542}
.boedit h3{ font-size:20px; padding:0 0 19px; letter-spacing:2px;}
.nart h3{ color:#333; line-height:160%; font-size:135%; text-align:center; width:72%; margin:0 auto}
.nart h4,.boedit h4{ font-size:145%; line-height:180%; letter-spacing:0.9px}
.coimg{ margin:60px auto 0; display:block; }
.celimg{ display:none; margin:0 auto;}
.dodo{ padding:30px 0 0}
.gotxt{ max-width:500px; width:100%; color:#333; margin:0 auto 84px;}
.gotxt li{ font-size:100%; line-height:150%; position:relative;top:-30px; float:left; width:42px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-family:微軟正黑體,Arial}
.t01{ display:block; padding:0 82% 0 0}
.wmus{ padding:30px 0 38px}
.ltab{ max-width:657px; width:100%; margin:0 0 0 40px; overflow:hidden}
.ltab ul{ display:table}
.ltab ul:first-child{ margin-bottom:83px}
.ltab ul+ul{ margin-bottom:30px}
.ltab ul li{ display:table-cell; vertical-align:top; text-align:center}
.ltab ul li:first-child{ width:380px}
#rha01{ padding:146px 0 0 60px}
#rha02{ padding:8px 0 0 60px}
#rha03{ padding:122px 0 0 60px}
.ltab ul .trha{ font-size:18px; color:#735F3E; line-height:160%; text-align:left}
.black .nart h4{ color:#BDA986}
.nart h5,.boedit h5{ font-size:15px}
.nart h6,.boedit h6{ font-size:110%}
.nart p{ font-size:100%; text-align:center; color:#777; line-height:220%; letter-spacing:1.2px; padding-bottom:25px; width:100%; overflow:hidden}
.intimg{padding:30px 0 0 25px;box-sizing: border-box}
.samt{ max-width:560px; width:100%; display:block; margin:13px auto 50px; overflow:hidden}
.samt li{ width:113px; height:113px; background-size:113px auto; display:block; float:left; margin:0 13px 20px; color:#fff; font-size:140%; background-position:top left; text-align:center}
.sa01{ line-height:135px}
.samt .sa02{ line-height:150%; padding:50px 0 0; height:63px }
.lamm{ width:100%; max-width:674px; margin:13px auto 0; overflow:hidden}
.lamm li{ float:left; margin:0 11px 22px}
.abul ul{ float:left; padding:19px 0 0 50px; background:url(../../smarteditupfiles/chinese/about/arrow.png) 11px 92px no-repeat; text-align:center; font-size:115%; letter-spacing:2px; color:#555}
.black .nart p{ color:#666}
.abul img{ padding-bottom:14px}
.abul ul:first-child{ padding-left:0; background:none}
.mbigh1{ text-align:center; font-size:270%; line-height:120%; color:#000; letter-spacing:2px; padding-bottom:30px}
.black .mbigh1{ color:#fff}
.par{ width:860px; margin:160px auto 180px;  padding:47px 0 80px; overflow:hidden}
.pone{ float:left; width:370px; margin:0 30px 0; height:537px; overflow:hidden}
.pone li{ float:left}
.pone .pic{ width:100%; height:215px; display:block; overflow:hidden}
.pone .plogo{ width:120px; height:143px; background-position: center center; margin-right:12px; text-align:center; background-repeat:no-repeat}
.pone .add{ width:238px; font-size:100%; color:#838383; line-height:120%; padding:30px 0 3px; letter-spacing:1px;font-family:"宋体"; margin:0}
.pone .name{ width:238px; font-size:180%; color:#000; line-height:120%; padding:0 0 7px;font-family:"Times New Roman","宋体"}
.pone .kind{ width:238px; font-size:105%; color:#987D52; line-height:120%; letter-spacing:3px;font-family:"宋体"}
.pone .des{ width:370px; font-size:100%; color:#777; line-height:180%; background:url(../images/about/lin.gif) top repeat-x; padding-top:21px}
.pone .pic img{ width:100%; height:auto}
.prin{ width:1000px; margin:160px auto 0; padding:60px 0 0; overflow:hidden}
.propic{ width:290px; float:left; margin:0 95px 0 55px; text-align:center}
.propic img{ max-width:290px; max-height:550px}
.pdel{ width:560px; float:left; position:relative}
.pdel strong{ font-weight:bold}
.pola .brand{ color:#fff; font-size:250%; padding-bottom:10px; letter-spacing:2px}
.pola .kind{font-size:26px; color:#AA8E60; padding-bottom:12px}
.pola .kind br{ display:none}
.pola .des{ font-size:100%; color:#666; line-height:220%;max-height:140px; display:block; overflow:hidden; padding:0 0 10px}
.pola li span{ font-size:110%; color:#fff; padding:0 5px 0 0; min-width:40px;font-family:"Times New Roman","宋体"}
.pola .wine .white{ position:relative;top:-5px}

.pola .wine{ border-top:1px solid #222; height:45px; line-height:45px}
.pola .level{ font-size:100%; color:#666; border-top:1px solid #222; line-height:220%; padding:10px 0}
.pola .wine{ color:#AA8E60}
.pola .wine .big{ font-size:220%; color:#AA8E60; letter-spacing:1px}
.pola .wine .sma{ font-size:110%; color:#AA8E60}
.pola .tetra{ border-top:1px solid #222; padding:;  display:block; padding:10px 0 17px}
.pola .tetra span,.pola .tetra .tword{ display:table-cell}
.pola .tetra .tword{ font-size:100%; color:#666;line-height:200%; padding:0}
.pbot{ width:1000px; text-align:center; padding:23px 0 80px; overflow:hidden; float:left}
.pbot ul{ padding-bottom:50px; overflow:hidden}
.bologo{ width:1000px; height:135px; background:url("../images/consortium/logoline.jpg") no-repeat scroll 0 58px; display:block; float:left; margin-bottom:35px}
.boname{ width:1000px; float:left; text-align:center; color:#796542; font-size:240%; padding-bottom:10px; letter-spacing:2px}
.boname h4{ color:#987d52; font-size:150%;  letter-spacing:1px; padding-bottom:10px}
.boyear{width:1000px; height:22px; font-size:160%; letter-spacing:1px; color:#987D52; float:left; margin-bottom:20px}
.bodes{ font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#777; line-height:220%; width:800px; margin:0 100px; overflow:hidden; float:left; padding-bottom:30px}
.bodes strong{ font-weight:bold}
.bodes h4{ color:#987d52; font-size:130%; padding-bottom:5px; letter-spacing:1px;}
.pclass{ width:930px; margin:0 35px; overflow:hidden; float:left; padding:50px 0 0; text-align:center}
.pclass ul{ width:280px; margin:0 13px 50px;overflow:hidden;background:url(../images/product/grayline.gif) bottom repeat-x; display: inline-block; padding-bottom:10px}
.cpb li{ text-align:center; border-top: 1px solid #c5c5c5}
.cpb .pic{width:105px; height:240px; overflow:hidden; margin:0 auto; background:none}
.cpb .pic img{ width:100%; height:auto}
.cpb .title{ font-size:130%; color:#796542; padding:16px 0; letter-spacing:1px; border-top:none}
.cpb a .title{color:#fff}
.cpb .star{ font-size:110%; color:#666; padding:11px 0 7px}
.cpb a .star{color:#ccc}
.cpb .star h3{ padding:0 0 3px; font-size:100%; letter-spacing:1px }
.cpb .gold{ font-size:210%; font-style:italic; color:#6A593C; padding:11px 0 12px}
.cpb .gold span{ font-size:50%}
.cpb a .gold{color:#6A593C}
.bbbom{width:100%; background:#222; padding:0; float:left; margin:0 0 180px}
.bin{ width:900px; margin:0 auto; padding:50px 0 0}
.bbedit{ width:550px; float:left;color: #777;font-size: 100%;letter-spacing: 1px;line-height: 200%; padding-bottom:15px}
.bah2{ font-size:220%; color:#fff; letter-spacing:3px; padding:0 0 25px}
.bbedit p{ padding-bottom:21px}
.gemore{width:130px; height:34px; line-height:34px; color:#fff; text-align:center; display:block; background:#AA8E60; margin-top:7px}
#ga{ background:#676767; color:#fff}
#wbbom .bin .bbedit .bah2{ color:#000}
.otblog{width:300px; float:right; padding:50px 0 0; height:350px; overflow:hidden}
.otblog h2{ font-size:21px; letter-spacing:1px; color:#fff; padding-bottom:25px}
.obone{border-top:1px solid #393939; padding:18px 0 17px;}
.obone .tit{ line-height:120%; color:#fff; font-size:115%; padding:0 0 10px}
.obone a .tit{color:#fff}
.obone .txt{ font-size:100%; color:#777; line-height:200%; letter-spacing:1px}
.obone a .txt{}
.alcohol{ width:900px; margin:0 auto 180px; overflow:hidden; padding-bottom:85px; text-align:center}
.aline{ width:800px; height:1px; display:block; margin:0 auto; border-top:1px solid #c5c5c5}
.alcohol h1{height:129px; line-height:166px; color:#000; font-size:250%; text-align:center; letter-spacing:5px}
.alone{ width:240px; display:inline-block; margin:24px 28px 5px}
.alone .pic{ width:240px; height:240px; overflow:hidden; padding:0 0 20px;text-align:center}
.alone .pic img{ text-align:center}
.alone .name{ width:222px; text-align:center; font-size:140%; color:#000; line-height:120%; letter-spacing:1px; padding-bottom:9px; font-family:"Times New Roman", "宋體"; margin:0 9px}
.alone .kind{ color:#999; font-size:135%; text-align:center}
.channel{ width:860px; margin:160px auto 180px; padding:47px 0 30px; overflow:hidden}
.chone{ width:370px; margin:0 30px 50px; float:left; max-height:460px; overflow:hidden}
.chone .pic{ width:370px; height:120px; display:block;}
.chone .name{ font-size:170%; color:#fff; width:370px; display:block; background:url(../images/product/chine.gif) top repeat-x; letter-spacing:2px; line-height:120%; padding:27px 0 11px}
.chone .des{ font-size:100%; color:#666; line-height:180%}
.chone .des p{ padding: 0 0 24px}
.channel #chn1{ width:800px; margin:0 30px; float:left;background:url(../images/product/chine.gif) top repeat-x; padding:45px 0 32px}
.h4line{ width:866px; margin:0 auto; text-align:center; color:#BDA986; font-style:italic}
.booktab{ width:800px; margin:0 auto}
.booktab th{ background:#222222; color:#999; font-size:90%; height:40px; line-height:40px; text-align:left; padding:0 20px}
.booktab  td{ line-height:200%; font-size:100%; border-bottom:1px dotted #333; padding:17px 20px}
/*金釀聯盟酒品*/
.conlist{ width:1000px; margin:160px auto 180px; padding:37px 0 40px; overflow:hidden}
.conlist .mbigh1{ padding-bottom:42px}
.fosele{ width:900px; margin:0 auto; overflow:hidden; padding-bottom:90px; display:none}
.selone{ width:300px; float:left; display:block}

.selone .tit{ width:300px; color:#000; font-size:135%; letter-spacing:0px; padding-bottom:22px }
.selone .check{ float:left; display:table-cell; width:150px; font-size:110%; color:#666; padding:7px 0}
.selone:first-child,.selone:first-child+ul,.selone:first-child .tit,.selone:first-child+ul .tit{ width:260px;}
.selone:first-child .check,.selone:first-child+ul .check{ width:130px}
.selone:first-child+ul+ul,.selone:first-child+ul+ul .tit{ width:380px;}
.selone:first-child+ul+ul .check{ width:190px}
.check input[type="radio"]{ display:none;}
.check label{ cursor:pointer}
input[type="radio"] + label span { display:inline-block;width:6px;height:6px;background:url(../images/consortium/check.gif) right top no-repeat;margin:-1px 4px 0 0;vertical-align:middle;cursor:pointer; margin-right:8px}
input[type="radio"]:checked + label span {background:url(../images/consortium/check.gif) left top no-repeat;}
.dlist{margin:0 auto; background:url(../images/consortium/shadow.jpg) 50px 180px no-repeat; overflow:hidden; padding:0 0 100px}
.drone{ width:230px; margin:0 10px; float:left; display:block; text-align:center; font-family:Arial, Helvetica, sans-serif}
.drone .pic,.adroll .pic{ width:230px; height:240px; display:block; overflow:hidden; padding:0 0 12px; text-align:center; display:block}
.drone .name,.adroll ul h3{ width:230px; color:#000; font-size:135%; line-height:120%; padding:0 0 4px}
.drone .kind,.adroll ul h4{ width:230px; color:#999; font-size:100%}
#wpola .brand{ color:#000}
#wpola .brand br{ display:none}
#wpola .kind{ color:#666}
#wpola .kind br{ display:none}
#wpola .des{ color:#777}
#wpola .level,#wpola .wine,#wpola .tetra{ border-top:1px solid #C5C5C5}
#wpola li span{ color:#000}
#wpola .wine .big,#wpola .wine .sma{ color:#333}
#wpola .tetra .tword{ color:#777}
.sharefb{ position:absolute; width:75px; height:26px; display:block; background:url(../images/consortium/share.png) no-repeat; right:0; top:-36px}
.sharefb:hover,.cmbtn a:hover,.drone a:hover,.adroll ul li a:hover,.obone a:hover,.oubtn:hover,.brig:hover,.boclas li a:hover,.backli:hover,.cobtn:hover,.mor a:hover,.gemore:hover,.fb a:hover,.gnt a:hover,.nbali:hover{ opacity:0.6; transition: opacity 0.5s ease 0s;}
#wpola .cmbtn{}
.cmbtn a{ width:190px; height:40px; line-height:40px; text-align:center; font-size:110%; color:#FFF; background:#A27C4A; display:block; float:right; }
#trbom{ padding-bottom:50px}
#trbom .bologo{ background:url(../images/consortium/logoline.jpg) no-repeat scroll 0 58px}
#trbom .boname{ color:#000}
#trbom .boyear{background:none; color:#987D52}
#trbom .bodes{ padding:0 0 50px}
.oth2{ font-size:160%; color:#000; letter-spacing:2px; padding-bottom:65px}
.otdr{ width:1000px; margin:0 auto; text-align:center; background:url(../images/consortium/shadow.jpg) 0 267px no-repeat; overflow:hidden }

div#adroll_wrap { width:960px; overflow:hidden; margin:0 auto 0 auto; } 
div#adroll_wrap div.btnPrev { width:15px; height:26px; float:left; cursor:pointer; outline:none; margin:132px 94px 0 0;}
div#adroll_wrap div.btnNext { width:15px; height:26px; float:left; cursor:pointer ; outline:none ;margin:132px 0 0 84px;}
div#adroll_wrap div.btnPrev:hover,div#adroll_wrap div.btnNext:hover,.blef:hover, {opacity:0.5; transition: opacity 0.5s ease 0s;}
div#adroll_wrap div.adroll { width:750px; height:350px; float:left; overflow:hidden; position:relative; outline:none;}
div#adroll_wrap div.adroll ul { display:block; width:750px; padding:0; margin:0; list-style:none; position:absolute ; left:0; top:0}
div#adroll_wrap div.adroll ul li { display:block; padding:0; margin:0; list-style:none; width:210px; height:300px; margin:0 20px; float:left; position:relative }
div#adroll_wrap div.adroll ul li a { display:block; width:100%; height:100%;}
#wbbom{ background:#F0F0F0;}
#wbbom .otblog h2{ color:#000;}
#wbbom .obone a .tit{ color:#333}
#wbbom .obone{ border-top:1px solid #D7D7D7}
.add{ width:685px; margin:160px auto 180px; padding:47px 0 100px; overflow:hidden}
.add .mbigh1{ padding:0 0 26px}
.add .ps{ text-align:center; font-size:100%; color:#777; line-height:220%; padding:0 0 40px}
.add .ps a{ color:#A27C4A; font-weight:normal}
.aform{ width:615px; margin:0 auto}
.blala li{float:left; display:block}
.in01 input,.in02 input,.in03 input,.code input,.tetra textarea{border:1px solid #ccc; background:#E4E4E4; font-size:100%; color:#999; margin:0 2.5px 5px}
.in01 input,.in02 input,.in03 input,.code input{ height:38px; line-height:38px; padding:0 15px}
.blala select{ height:40px; padding:9px 0 7px 15px;background:none; border:none; color:#999}
.syear,.smon,.blala .subject{border:1px solid #ccc; background:url(../images/contact/arrow.gif) right no-repeat #E4E4E4;overflow:hidden; height:40px; margin:0 2.5px 5px}
.syear{ width:133px; }
.smon{ width:78px}
.in01 input{ width:268px}
.in02 input{ width:273px}
.in03 input{ width:578px}
.code input{ width:138px; margin:0 5px 0; float:right}
.syear select{ width:155px;margin: -1px 0 0 -1px;}
.smon select{ width:100px}
.blala .subject{ width:608px}
select option {padding: 6px 8px; border:none}
.tetra textarea{ width:578px; padding:15px; height:88px; margin:0 2.5px 20px}
.cmem{width:615px; text-align:right; font-size:110%; color:#333; padding:18px 0 24px; position:relative}
.cmem input{ margin-right:9px; position:absolute;top:17px; left:273px}
.cmem a{ color:#8D7650; border-bottom:1px solid #BDAA87; padding:0 0 4px 5px}
.code{width:615px;}
.code .oubtn{ float:right; width:100px; height:40px; line-height:40px; text-align:center; display:block; color:#fff; background:#A27C4A; font-size:110%; margin:0 2.5px 0 0}
.code .cooimg{ float:right}
.subject select{ width:630px}
#cook{ width:105px; margin:0 auto; height:300px}
#cook .code{width:105px}
#boh1{ padding:47px 0 30px; margin:160px auto 0}
.lasch{ width:800px; margin:0 auto; border-top:1px dotted #838383; text-align:center; font-size:150%; font-family:"宋体"; padding:55px 0 30px; overflow:hidden}
.lasch .oubtn{background:#a27c4a;color: #fff;display: block; float: right;font-size: 14px;height: 40px;line-height: 40px;margin:30px 350px 0;text-align: center;width: 100px;	}
/*blog*/
.comtab{}
.comtab th{ border-bottom:1px solid #C8C8C8; padding:5px; text-align:left; background:#CCC2B0; color:#fff}
.comtab th p{ padding-bottom:0; color:#fff}
.comtab td{ border-bottom:1px dotted #C8C8C8; padding:5px; color: #777;font-size: 100%;letter-spacing: 1.2px;line-height: 220%;}
.comtab td img{ width:120px; height:auto}
.comtab td p{ padding-bottom:0}
.phonew{ display:none}
.masonry{ width:980px; margin:0 auto; clear:both}
.masonry .item{width:300px; margin:0 10px 73px; overflow:hidden;  float: left;}
.btou{ width:100%; float:left}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 200px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
		  z-index:9999
}
#container{ width:960px; margin:0 auto 180px; clear: both;}
.box{ width:300px; margin:0 10px 73px; overflow:hidden;  float: left;}
.box a{width:100%; height:100%; overflow:hidden; display:block}
.forbox .pic{ width:300px; overflow:hidden; vertical-align:top; margin:0; padding:0; display:inherit; min-height:3px}
.forbox .pic img{ width:100%; height:auto}
.forbox .tit{ line-height:120%; font-size:170%; color:#000; padding:12px 0 5px; width:300px; float:left}
.forbox .des{ font-size:100%; line-height:200%; color:#777; width:300px; float:left}
#append{ width:940px; height:40px; line-height:40px; text-align:center; background:#A27C4A; color:#fff; display:block; margin:0 auto 30px; border:none; font-size:110%; position:relative;top:-30px}
#append-button{ width:960px; height:40px; line-height:40px; text-align:center; background:#A27C4A; color:#fff; display:block; margin:0 auto 30px; border:none; font-size:110%; position:relative;top:-30px}
.boedit{width:1000px; padding:47px 0 90px; margin:160px auto 0; position:relative; min-height:300px}
.boedit strong{ font-weight:bold}
.boedit .mbigh1{ padding:0 0 40px}
.boedit p{  color: #777;font-size: 100%;letter-spacing: 1.2px;line-height: 220%;padding-bottom: 25px}
.boedit .sharefb{ top:39px}
.blef{ width:30px; height:555px; display:block; background:url(../images/blog/left.png) no-repeat; position:absolute;top:400px; left:10px}
.brig{ width:30px; height:555px; display:block; background:url(../images/blog/right.png) no-repeat; position:absolute;top:400px; right:10px}
@media screen and (min-width: 1920px) and (max-width: 5000px) {
	.blef{left:250px}
	.brig{right:250px}
	}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
	.blef{left:140px}
	.brig{right:140px}
	}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
	.blef{left:110px}
	.brig{right:110px}
}
.lincla{ width:1000px; height:40px; line-height:40px; margin:0 auto; padding:0 0 30px; font-size:110%}
.boclas li{ float:left; margin-right:30px}
.boclas li a{ color:#A27C4A}
.backli,.cobtn{ float:right; background:#A27C4A; height:40px;line-height:40px; text-align:center; color:#fff; margin-left:10px}
.backli{ width:140px;}
.cobtn{ width:190px}
.reblo{ width:100%; background:#EFEFEF; padding:53px 0 170px; overflow:hidden}
.retit{ font-size:220%; color:#000; text-align:center; padding:0 0 17px; letter-spacing:3px}
.brin{ width:1000px; margin:0 auto; border-top:1px solid #D7D7D7; padding:38px 0 0}
.brin ul{ width:295px; height:180px; overflow:hidden; display:block; float:left; margin:0 0 20px 25px}
.brin ul:first-child{ margin-left:30px}
.bone .tit{ font-size:170%; line-height:120%; padding:0 0 8px}
.bone .des{ color:#777; font-size:100%; line-height:200%; height:100px; margin-bottom:5px; overflow:hidden}
.mor a{ width:100px; height:40px; line-height:40px; color:#fff; display:block; text-align:center; background:#A27C4A; font-size:110%}

/*index*/
.inbody{ background:#000}
#inhd{ position:absolute; top:70px; left:0; z-index:9999; width:980px; padding-left:70px}
#inhd h1{ width:120px; height:110px; display:block; background:url(../images/index/logo.png) no-repeat; float:left; margin-right:34px}
#inhd h1 a{display: block;height: 100%;margin: 0;padding: 0;text-indent: -9999px;width: 100%;}
.inul{ float:left; background:url(../images/index/lili.png) no-repeat}
.inul li{ float:left; font-size:110% ; height:180px; width:72px; font-family:"宋體"; line-height:140% }
/*.inul li{ float:left; font-size:110%; background:url(../images/index/line.png) left repeat-y ; height:140px; width:72px; font-family:"宋體"; line-height:140% }*/
.inul li:first-child{ background:none}
.inul li a{ color:#BDA986;padding:0 29px 0 27px; width:16px; display:block; float:left; overflow:hidden; height:180px; text-align:center}
.inbody footer{ position:fixed; bottom:0; z-index:999}
/*login*/
.login{background-position:top center; background-color: #000; background-image:url(../images/index/lobg.jpg); background-repeat: no-repeat}
#nolo{ background:url(../images/index/nolobg.jpg)  top center no-repeat #000}
#lolo h1{background: url("../images/index/logo.png") no-repeat;display: block;height: 110px;width: 95px; margin:60px auto 0}
#lolo h1 a{display: block;height: 100%; margin: 0; padding: 0;text-indent: -9999px; width: 100%;}
.login h3{ color:#C6B495; text-align:center; font-size:330%; padding:93px 0 18px; letter-spacing:2px; font-family:微軟正黑體;text-shadow:1px 1px 12px rgba(0, 0, 0, 0.6)}
#nolo h3{ padding-top:135px}
.login h3 span{ font-family:Arial, Helvetica, sans-serif; font-size:110%}
.login p{ font-size:165%; color:#D7CAB5; text-align:center; font-family:Arial, Helvetica, sans-serif;text-shadow:1px 1px 12px rgba(0, 0, 0, 0.6)}
.loform{ width:313px; margin:88px auto 0; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:150%}
.loform li{ margin:2.5px; overflow:auto; overflow:hidden; display:block; height:55px; background:url(../images/index/loarrow.png) #fff top right no-repeat; float:left}
.loform li select{padding:6px 0 10px 13px; color:#999; font-size:100%; background:none; border:none; letter-spacing:1px}
.loform li option{ border:none}
.lfo{ width:150px}
.lfo select{ width:168px}
.lfy{ width:90px}
.lfy select{ width:108px}
.lfl{ width:340px}
.lfl select{ width:458px}
.loform .lobtn{ background:none; width:313px; font-size:110%; letter-spacing:1.5px}
.lobtn a{ display:block; width:143px; height:55px; text-align:center; color:#fff; line-height:55px; background:#AA8E60; box-shadow:1px 1px 12px rgba(0, 0, 0, 0.6);}
.loleft{float:left;}
.loright{float:right;}
.lobtn a:hover{ opacity:0.8; transition: opacity 0.5s ease 0s;}
.login .locopy{ text-align:center; font-size:100%; color:#797368 ; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; padding-top:190px; letter-spacing:0 }
.login .locopy a{color:#797368 ; text-decoration:underline}
.locopy span{ padding-right:10px}
/*new*/
.news .mbigh1{ width:800px; margin:160px auto 0; position:relative}
.mbigh1 span{ background:url("../images/contact/arrow.gif") no-repeat scroll right center #e4e4e4; width:138px; height:38px; border:1px solid #ccc; overflow:hidden; display:block; position:absolute;top:50px; left:0}
.mbigh1 span select{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;color: #999; height: 40px; padding: 9px 0 7px 15px; width:155px}
.news .box{ width:800px; height:49px; line-height:49px; border-bottom:1px dotted #838383; margin:0 auto}
.box ul{ display:table}
.news .box li{ display:table-cell; float:left; font-size:100%; overflow:hidden}
.ntype{ width:110px; text-align:center; color:#000; margin-right:30px}
.nnex{ width:540px; margin-right:30px}
#search .nnex{ width:800px}
.nnex a{ color:#666;}
.nnex a:hover{ color:#333}
.ndate{width:90px; text-align:center; color:#999; font-family:Arial, Helvetica, sans-serif}
.news #container{ min-height:400px; padding-bottom:50px; width:800px; margin:0 auto 180px}
.ntt{ width:760px; background:#ADADAD; margin:0 auto; display:table; padding:15px 18px 15px 22px; margin-bottom:34px}
.ntt li{ display:table-cell}
.ntit{ color:#333; font-size:115%; width:675px; overflow:hidden; line-height:110%}
.ntt .ndate{ color:#DBDBDB; font-size:100%;}
.newseditor{ width:800px; font-size:100%; color:#777; line-height:220%; margin:0 auto; letter-spacing:1px; border-bottom:1px dotted #838383; padding-bottom:46px}
.newseditor p{ padding-bottom:28px; text-align:left}
.nbali{ margin:29px auto 0 ; clear:both; width:120px; height:40px; line-height:40px; font-size:110%; display:block; background:#A27C4A; color:#fff; text-align:center}
.trrbox{ width:800px; margin:0 auto}
.trrbox ul{ width:248px; height:226px; display:block; border:1px solid #C5A881; border-radius:5px; text-align:center; margin:0 25px 0 0; float:left; padding:22px 0 0; overflow:hidden; margin-bottom:25px}
.foo18{position:fixed; bottom:0}
.seel{ width:100%; padding:2% 0 3%; height:50px}
.stle{background: url("../images/contact/arrow.gif") no-repeat scroll right center #e4e4e4; border: 1px solid #ccc;height: 40px;margin: 0 1% 5px;overflow: hidden; float:left; width:47.7%}
.stle select{background: none; border: none;color: #999; height: 40px; padding: 9px 0 7px 15px; width:105%}
.allstore{ width:100%; float:left}
.sone{ width:98%; border-top:1px solid #BBAE98; float:left; margin:0 1%; position:relative}
.sone:first-child{ border-top:none}
.sone li{ width:60%; float:left; padding:4px 0}
.sone .spic{ width:18%; padding:1% 5% 1% 1%; float:left; display:block}
.sone .spic img{ width:100%}
.sone span{ display:block; text-align:left}
.swrd{ font-size:70%; -webkit-transform:scale(0.66); display:inline-block; color:#666; width:14%; font-family:Arial, Helvetica, sans-serif; float:left}
.sone .sname{height:13px; line-height:13px; padding:10px 0 4px}
.sname .del{ font-size:100%; color:#666 }
.snadd{line-height:18px; height:18px}
.snadd .del{ color:#000; font-size:18px}
.sname{ height:18px; line-height:18px;}
.stel,.sopn{ height:16px; line-height:16px}
.stel .del{ font-size:16px; color:#987D52}
.sopn .del{ font-size:16px; color:#666}
.gmap .oubtn{background: none repeat scroll 0 0 #a27c4a;color: #fff;display: block; float: right;font-size: 110%;height: 40px;line-height: 40px; margin: 0 2.5px 0 0;text-align: center; width: 100px;}
.sone .gmap{ width:20%; position:absolute; top:30px;right:0}
/*menu*/
.container {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
	padding:17px 0 0;
}
.toggleMenu {
    display:  none;
    color: #fff;
	background:url(../images/comm/mmenu.png) no-repeat;
	width:35px; height:53px;
	background-size:35px auto;
	margin:0 10px	 
}
.nav {list-style: none;*zoom: 1;}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 13em;
	background:url("../images/comm/arroe.png") no-repeat scroll 55px 0;
	padding:7px 0 0;
}
.nav a {
    padding: 13px 11px;
    color:#796542;
	font-size:110%;
	letter-spacing:2px;
	text-align:center
}

.nav li {
    position: relative;
}
.nav > li {float: left;}
.nav > li > .parent {
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
	background:url("../images/comm/mdot.gif") no-repeat scroll left center

}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
	
}
.nav li li:first-child a{border-top:none}
.nav li li a {
    display: block;
    background: #bda986;
    position: relative;
	left:-10%;
    z-index:100;
    border-top: 1px solid #aa9878;
	color:#000;
}
.nav li li a:hover{background:#B19A72; color:#fff}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}
.mlang{ display:none}

@media screen and (max-width: 1024px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
		
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
		padding:0;
    }
	.nav > li > a{ background :#bda986;color:#000; border-top:1px solid #D5C7B0}
    .nav li li a {left:0; background:#B39B73; border-top:1px solid #9D8355}

}
#wpola #price{ border-top:none}
#wpola #price .big{ font-size:240%}
.twul{float:right; width:46%; margin:0 2%;}

/*font*/
@font-face {
	font-family: 'icomoon';
	src:url('../../fonts/icomoon.eot?-7qgflr');
	src:url('../../fonts/icomoon.eot?#iefix-7qgflr') format('embedded-opentype'),
		url('../../fonts/icomoon.woff?-7qgflr') format('woff'),
		url('../../fonts/icomoon.ttf?-7qgflr') format('truetype'),
		url('../../fonts/icomoon.svg?-7qgflr#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-Drink-mark:before {
	content: "\e600";
	position:relative;
	top:5px
}


/*20150923 add member part*/
#member_button{
  position: absolute;  
  top:-30px;
  right:80px;
}
#member_button a{
  font-size:13px;
  color:#656565;
}
#member_button ul a{
  color:#353535;
}
@media screen and (max-width: 1024px){
  #member_button{
  	position: relative;
  	top:0px;
  	right:auto;
  }
  #member_button a,#member_button ul a{
    font-size:inherit;
    color:inherit;
  }

}
img.step{
	width:99%;
	height:auto;
	margin:auto;
}
@media screen and (max-width: 640px){
  img.step{display:none;}
}
.member_info,.m_info{   
  border:1px #858585 solid;
  background:#ffffff;
  margin-top:30px;
  padding:0px;
  padding-top:10px;
  padding-bottom: 10px;
  width:99%;
  height:200px;
  overflow: auto;
  text-align: left;
  background:#E3E3E3;
  color:#656565;
  font-size:13px;
  line-height: 25px;
}
.member_info div{
  margin:10px;	
}
.member_info div span{
  font-size:13px;
  font-weight: bold;
  color:#333333;
}
.member_info div h2{
  text-align: center;  	
  font-size:17px;
  font-weight: bold;
  color:#333333;
  margin-top:30px;
  margin-bottom:30px;
}
.m_info{
	background:#FFFFFF;
	height:auto;
        min-height:6em;
} 
.m_info h2{
	font-size:21px;
	text-align: center;
	color:#151515;
	line-height: 150%;
	font-weight: bold;
}
.m_info div{ 
	width:80%;
	min-width: 320px;
	margin:auto;
	margin-top:20px;
	text-align: left;
	font-size:13px;
	line-height: 140%;
	color:#656565;
}
.button{
  margin-top:30px;
  text-align: left;	
}
.button a{
  display:block;
  border-radius:5px;
  background:#9b8155;
  text-align: center;
  float: right;
  color:#FFFFFF; 
  line-height: 20px;
  padding:3px;
  width:80px;
  margin-right:20px;
}
.log_button a{
  float: none;
  width:150px;
  margin:auto;
  margin-top:30px;	
}

#m_form input,#m_form select,#m_form option{
	background:#FFFFFF;
}

#m_form input[type="radio"]{
	width:auto;
	height:auto;
	margin-top:15px;
}
#m_form li{
	min-width: 304px;
	vertical-align: middle;
	position: relative;
}
#m_form #account_check{
	position: absolute;
	right:10px;
	top:15px;
}
#m_form .sex{
	text-align: center;
	color:#656565;
}
#m_form .address,#m_form .shop{
	width:100%;
	clear:both;
}
#m_form .address select,#m_form .shop select{
	width:30%; 
	border:#cccccc 1px solid;
	margin-left:2px;
}
@media screen and (max-width: 640px){
   #m_form .address select,#m_form .shop select{
   	  width:99%; 
   	  margin-top:5px;
   }
}
#m_form .shop select{
	width:99.4%;
	margin-bottom: 10px; 
}
#m_form .address input{
	width:32%;
}
#m_form2{
	text-align: center;
}
#m_form2 input{
	width:95%;
	margin:auto;
	height:35px;
	line-height: 35px;
	padding:2px;
	color:#656565;
    background:#e4e4e4;
	border:#cccccc 1px solid;
}
#m_form2 .oubtn{
	float: none;
	margin:auto;
	margin-top:10px;
}
#remail_check{
	font-size:13px;
	color:#454545;
	text-align: center;
	line-height: 150%;
}