@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif, Tahoma; font-size:14px; line-height:18px; color:#fff; background:url(../images/bg/bgInner_destop.jpg) no-repeat top center}

	

/*****************************************************Font*****************************************************/

a { text-decoration:none; color:#fff; outline:none;}
a:hover { text-decoration: underline;outline:none;}
.content { width:986px; margin:0 auto; position:relative}
.clear { clear:both}

p { margin:0 0 15px 0 !important; padding:0}

h1 { font-size:24px ;font-family: 'HelveticaNeueLT Std Cn'; font-weight:normal !important;}
h2 { font-size:16px; color:#01d1fd; padding-bottom:10px !important; text-transform:uppercase}
h4 { font-size:24px; font-family: 'HelveticaNeueLT Std Cn';padding-bottom:10px !important; text-transform:uppercase; line-height:25px; font-weight:normal;}

.txtwelcome { color:#01d1fd; margin-bottom:20px; font-weight:normal;}
.txthead { color:#01d1fd; margin-bottom:20px; text-transform:uppercase;font-weight:normal !important;} 
.txtheadApp { color:#01d1fd; margin-bottom:20px; text-transform:uppercase; position:absolute; top:-35px;} 
.txtBriefNews {  color:#ffcc01; text-transform:capitalize; margin-bottom:5px !important}
.txtBriefNews span { color:#fff; font-size:12px !important}
.txtTopicNews { color:#ffcc01; margin-bottom:15px !important; font-size:16px !important; font-weight:normal; } 
.txtTopicNews p { color:#fff; font-size:12px !important; margin:0 0 5px 0 !important; padding:0; font-weight:bold; text-transform:capitalize;}

.txtContact { color:#01d1fd; margin-bottom:0; font-size:16px !important; padding-bottom:0 !important; font-weight:bold;} 
.txtAward { color:#01d1fd; margin-bottom:10px; font-size:16px !important; padding-bottom:0 !important; } 
.txtBusiMain {font-family:Arial, Helvetica, sans-serif; font-size:18px !important; font-weight:bold; padding-bottom:0 !important}
.txtBusi {font-family:Arial, Helvetica, sans-serif; font-size:16px !important; font-weight:bold; padding-bottom:0 !important}

/*****************************************************end Font*****************************************************/


/*****************************************************Main*****************************************************/
#Wrapper { width:100%;}
#Header { width:986px; margin:0 auto;position:relative; }
#Container {margin:0 0 20px 0; padding:0 0 20px 0; width:100%}
#ContainerIndex {margin:0 0 0 0; padding:0 0 0 0; width:100%}
#Container .shadow {/* background:url(../images/bg/shadow_content.png) repeat-x top left;*/ padding:20px 0 0 0}
#ContainerIndex .shadowIndex {/* background:url(../images/bg/shadow_content.png) repeat-x top left;*/ padding:20px 0 0 0}
h1.logo { text-align:center; padding:13px 0; margin:0}
.Language { position:absolute; right:10px; top:35px;}

#MenuTop, #MenuTop1{ margin:10px 0 6px 0 ; }
#MenuTop ul, #MenuTop1 ul { margin:0; padding:0}
#MenuTop ul li, #MenuTop1 ul li { margin:0; padding:0; list-style:none; display: block; float: left;}
#MenuTop ul li a, #MenuTop1 ul li a {  font-family: 'HelveticaNeueLT Std Cn';font-size: 18px; color:#6e6e6e; font-weight: normal; text-decoration:none; padding:0 0 3px 0; margin:0 45px 0 0; text-transform:uppercase}
#MenuTop ul li a:hover, #MenuTop1 ul li a:hover  { border-bottom:3px solid #ffcc01;}
#MenuTop ul li a.selectMn, #MenuTop1 ul li a.selectMn {  font-family: 'HelveticaNeueLT Std Cn';font-size:18px; color:#ffcc01; font-weight:normal; text-decoration:none; padding:0 0 3px 0; margin:0 45px 0 0; text-transform:uppercase; border-bottom:3px solid #ffcc01;}

#dropdown { }
.dropdown {position:absolute; top:125px; z-index:1000;    background:#dbdbdb; padding:20px 0 10px 10px; border-radius:4px;/*-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;*/color:#393838}
.boxmn { float:left; width:141px; margin:0 10px 0 0; padding:10px 0;}
.boxmn p.txtmn { font-size: 14px; color:#393838; font-weight:normal; margin:5px 0 0 0 !important}
.boxmn a p.txtmn  {color:#393838;}
.boxmn a:hover p.txtmn  {color:#021965 !important}
.dropdown a { border-bottom:none !important;}
.dropdown a:hover { border-bottom:none !important; color:#01d1fd}

#MenuTop ul li ul, #MenuTop1 ul li ul  {}
#MenuTop ul li ul li a:hover, #MenuTop1 ul li ul li a:hover  { border-bottom:none !important;}


/*****************************************************end Main*****************************************************/


/*****************************************************Banner Index*****************************************************/
#BannerIndex { width:990px; margin:0 auto 20px auto;}
#BannerIndex li { list-style:none;}
#BannerIndex li img { border:1px solid #fff}

h3 {font-family: 'HelveticaNeueLT Std Cn';font-size:20px;line-height:28px; text-align:left; color:#fff; margin:10px 0 0 10px; padding-bottom:5px; display:block; position:absolute; width:176px; z-index:2000; text-transform:uppercase; font-weight:normal;}
h3.coffee { border-bottom:1px solid #a52d32}
h3.coffee span { color:#a52d32;}
h3.fac { border-bottom:1px solid #00a950}
h3.fac span { color:#00a950; }

h3.duty { border-bottom:1px solid #FF3}
h3.duty span { color:#FF3; }
h3.tea { border-bottom:1px solid #F60}
h3.tea span { color:#F60; }

h3.ban { border-bottom:1px solid #FC6; }
h3.ban span { color:#FC6; }


/*****************************************************end Banner Index*****************************************************/


/*****************************************************Index*****************************************************/
#ContentInex { color:#fff;}
#ContentInex .boxWelcome { width:560px; float:left;}
#ContentInex .boxMapG { width:399; float:right; margin:35px 0 0 0}

.readMore { padding:4px 0 0 10px; color:#01d1fd; margin:15px 0 0 0; background:url(../images/bullet_more.png) no-repeat top left; font-size:12px}
.readMore a { color:#01d1fd; text-decoration:none;}
.readMore a:hover { color:#01d1fd; text-decoration:none; }
.readMore:hover { background: url(../images/bullet_more.png) no-repeat top left; color:#ff0;padding:4px 0 0 10px; }
.readMore:hover a { color:#ff0}

/*****************************************************end Index*****************************************************/


/*****************************************************Page Inner*****************************************************/
#BannerInner { width:990px; margin:0 auto; background: url(../images/bg/bgbanner_inner.png) no-repeat top left; padding:3px 5px 15px 3px}
#Nav { margin:0 10px 20px 0; text-align:right; color:#FC0; font-size:12px;}
#Nav a { color:#fff;}
#Nav a:hover { color:#fff; text-decoration:underline;}

#Nav img { margin:0 7px}
#slideLeft { width:210px; float:left; margin:0 20px 0 0}
#slideRight { width:750px; float:left; text-align:justify}



/*Menu Left*/
#MnLeft { margin:10px 0 0 0}
#MnLeft li { list-style:none; border-bottom:1px solid #e9e9e9; }
#MnLeft li a  { background:url(../images/bullet_mnleft.png) no-repeat top left; padding:4px 0 5px 10px; color:#fff;display:block; text-decoration:none; line-height:26px;}
#MnLeft li a:hover  { background:url(../images/bullet_mnleft_over.png) no-repeat top left; padding:4px 0 5px 10px; color:#ffcc01;display:block; text-decoration:none;}
/*#MnLeft li:hover { border-bottom:1px solid #ffcc01;}*/
#MnLeft li a.selectMnLeft  { background:url(../images/bullet_mnleft_over.png) no-repeat top left; padding:4px 0 5px 10px; color:#ffcc01;display:block; text-decoration:none;}



/*Business*/
#Business { margin:20px 0 0 0; height:540px;}
.boxDao { width:450px;position: relative; height:532px; float:left;}
.boxFac { width:539px;position: relative; height:260px; float:left; margin:0 10px 11px 0}
.boxDuty { width:262px;position: relative; height:260px; float:left; margin:0 10px 11px 0}
.boxTea { width:262px;position: relative; height:260px; float:left; margin:0 0 11px 2px}

#Business img {	background:#000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;}


#coverCoffee { background:url(../images/imghead/business/01.jpg) no-repeat top left; position:absolute; width:450px; height:532px; z-index:10}
#coverFac { background:url(../images/imghead/business/factory.jpg) no-repeat top left; position:absolute; width:539px; height:260px; z-index:10}
#coverDuty{ background:url(../images/imghead/business/dutyfree.jpg) no-repeat top left; position:absolute; width:262px; height:260px; z-index:10}
#coverTea{ background:url(../images/imghead/business/tea.jpg) no-repeat top left; position:absolute; width:262px; height:260px; z-index:10}
#coverBan{ background:url(../images/imghead/business/residence.jpg) no-repeat top left; position:absolute; width:262px; height:260px; z-index:10}

#ShaCoffee {width:389px; background:url(../images/imghead/business/bgsha.png) repeat-x bottom left; position:absolute; bottom:0; height:280px; padding:25px; z-index:15}
#ShaFac {width:490px; background:url(../images/imghead/business/bgsha2.png) repeat-x bottom left; position:absolute; bottom:0; height:185px; padding:25px;z-index:15}
#ShaDuty {width:212px; background:url(../images/imghead/business/bgsha2.png) repeat-x bottom left; position:absolute; bottom:0; height:185px; padding:25px;z-index:15}
#ShaTea {width:212px; background:url(../images/imghead/business/bgsha2.png) repeat-x bottom left; position:absolute; bottom:0; height:185px; padding:25px;z-index:15}
#ShaBandao {width:212px; background:url(../images/imghead/business/bgsha2.png) repeat-x bottom left; position:absolute; bottom:0; height:185px; padding:25px;z-index:15}



/*News*/
#News { margin:0 0 25px -38px; padding:10px 0 0 0}
.boxNews {  width:215px; float: left; margin:0 0 0 38px; background:#000;-moz-box-shadow:1px 1px 10px #000;-webkit-box-shadow:1px 1px 5px #000;box-shadow:1px 1px 5px #000;}
.boxNews img  { border-bottom:3px solid #fff} 
 div.brief { width:270px; padding:0; margin:10px 0 0 0;}
.boxNews div.brief h2 { color:#062d91; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important;}
.boxNews:hover img { border-bottom:3px solid #FC0; }
.boxNews:hover  div.brief { color:#062d91}

#NewsInner { margin:0 0 25px 0; padding:10px 0 50px 0}
#boxNewsGall  { float:right; width:445px; }
.boxNewsGall {  float:right; background: url(../images/bg/bgGallNews.png) no-repeat bottom left; padding-bottom:15px; margin:0 0 15px 35px;position: relative; height:281px;}
.boxNewsGall img {background:#000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;}

#NewsInner  a { text-decoration:none;}
#NewsInner  a:hover { text-decoration: underline !important;}


.boxIconNews { }
ul.iconNews { margin:0; display:block; float:left;}
ul.iconNews li { display:block; float:right; margin:0 15px  0 10px;  padding-bottom:0;}
ul.iconNews li:hover {/* border-bottom:2px solid #FC0*/}
ul.iconNews li a { color:#fff; text-decoration:none; display: block; float:right;}
ul.iconNews li a:hover { color:#fff; text-decoration:none;}

.iconBack {color:#fff; margin:20px 0}
.iconBack a { background: url(../images/icon_back.png) no-repeat top left; padding:8px 0 18px 25px; color:#fff; text-decoration:none;}
.iconBack a:hover { color:#FC0; text-decoration:none; }

.bggallery { background:url(../images/bg/bgtrans_gall.png) repeat-x left; padding:10px 10px 10px 0; width:425px; position:absolute;bottom:15px}

.icon_play { background:url(../images/cover/icon_over.png) no-repeat top center; position:absolute; width:108px; height:77px;}
.icon_play:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.boxvdoclip { margin:15px 15px 0 45px ; padding:0 }
.boxvdoclip ul { margin:0; padding:0 }
.boxvdoclip ul li { margin:0 15px 0 0; padding:0; list-style:none; display:block; float:left; width:108px; position:relative;}


.imgHover{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.imgHover:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}



/*Contact us*/
.Address { float:left; width:270px;} 
.Address a { color:#01d1fd; text-decoration:none;}
.Address a:hover { color:#01d1fd; text-decoration: underline;}

.ContactForm { width:420px; float:right;}
.boxForm { margin:20px 0 0 0;}
.bannerLeft { width:250px; float:left; margin:0 30px 0 0}
.bannerLeft img {  background:#000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;}


.txtbox { background:url(../images/bg/bgTxtfield.png) no-repeat top left; padding:8px ; color:#3e3e3e; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:none; margin-bottom:4px; width:378px;}
.txtarea{ background: url(../images/bg/bgTxtarea.png) no-repeat top left; padding:8px 8px 20px 8px ; color:#3e3e3e; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:none; margin-bottom:4px; width:378px;}
.btn { background:#01d1fd; padding:8px 16px 8px 16px; color:#039; border-bottom:none; border-left:none;border-top:none;border-right:none;font-size:14px; margin:0 7px 0 0; cursor:pointer; font-weight:bold; border-radius:5px; text-transform:uppercase;}
.btn:hover {}


/*Awards*/
#Awards { margin:0 0 0 0; padding:10px 0 0 0}
.boxAward { width:275px; float:left; margin:0 0 40px 40px; position:relative}
.boxAward img { background:#000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000; }
.boxAward a { text-decoration:none;}
.boxAward a:hover { text-decoration:none;}

.boxAward p.readMore { padding:4px 0 0 10px; color:#01d1fd; margin:15px 0 0 0; background:url(../images/bullet_more.png) no-repeat top left}
.boxAward p.readMore a { color:#01d1fd; text-decoration:none;}
.boxAward p.readMore a:hover { color:#01d1fd; text-decoration:none;}
.boxAward:hover p.readMore  { color:#ffcc01; text-decoration: none; background:url(../images/bullet_more_over.png) no-repeat top left; }

.boxAward:hover p.readMore a {border-bottom:2px solid #ffcc01}
.boxAward:hover  img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


#bgAward { background: url(../images/bg/bgAward.png) no-repeat top; padding:0 0 70px 0}
.bgAward { height:400px}
.DetailAward { padding:25px 15px 25px 25px;color:#555}
.ImgAward { width:440px; float:left; }

.tabnews { margin:30px 0; padding:0; border-bottom:2px solid #838383;}
.tabnews ul { margin:0; padding:0;}
.tabnews ul li { margin:0; padding:0; list-style:none; text-transform:uppercase}
.tabnews ul li a { margin:0 6px -2px 0; padding:20px 0; text-align:center; width:188px; float:left; display:block; list-style:none; background:url(../images/tab_news.png) no-repeat top left; font-size:16px; font-weight:bold; text-shadow:1px 1px #111}
.tabnews ul li a.selectNews { background:url(../images/tab_news_de.png) no-repeat top left;}
.tabnews ul li a:hover  { text-decoration:none; color:#ffe400}
.tabnews ul li a.selectNews:hover { text-decoration:none; color:#fff}
.icon_tv { position:absolute; padding-top:0; top:0; width:270px; text-align:center; background: url(../images/icon_youtube.png) no-repeat top center;height:174px;}


/*****************************************Footer***************************************/
#Footer { background:#fff; width:100%;padding:15px 0;  color:#4c4c4c !important; position:relative;}
.Footer { width:242px; float:left;}
.Footer h2 { list-style:none;font-size:14px;font-family: Arial, Helvetica, sans-serif; font-weight: bold !important; color:#6e6e6e;margin:0 0 10px 0; text-transform:uppercase; text-decoration:none;}
.Footer h2 a {color:#6e6e6e;border-bottom:2px solid #fff; text-decoration:none;}
.Footer h2 a:hover  {color:#6e6e6e;border-bottom:2px solid #ffea01; text-decoration:none;}
.Footer ul {margin:0 0 15px 0}
.Footer ul li { list-style:none; background:url(../images/bullet_footer.png) no-repeat top left; padding:3px 0 0 8px; }
.Footer ul li a { color:#4c4c4c; border-bottom:2px solid #fff; text-decoration:none;}
.Footer ul li a:hover {color:#4c4c4c; border-bottom:2px solid #ffea01; text-decoration:none;}

.showsitemap { text-align:right; margin-bottom:10px}
.copyr { text-align:center; width:986px; margin:10px 0; font-size:11px; position:relative; color:#4c4c4c}
.copyr a { color:#4c4c4c; text-decoration:none; }
.copyr a:hover { color:#4c4c4c; text-decoration: underline !important; }



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	body { background:url(../images/bg/bgInner.jpg) no-repeat top center}

#Footer {  width:100%;padding:15px 6px; }

a { text-decoration:none !important; color:#fff; outline:none;}
a:hover { text-decoration: none  !important;outline:none;}

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	body {background:url(../images/bg/bgInner.jpg) no-repeat top center}
#Footer {  width:100%;padding:15px 6px; }

a { text-decoration:none !important; color:#fff; outline:none;}
a:hover { text-decoration: none  !important;outline:none;}

}

.FacbannerLeft { width:485px; float:left; margin:0 20px 0 0}
.FacDetail { width:478px; float:left;}