@charset "utf-8";

/*__________________________________________________________________*/

/* @group China language */

#cn_landing .detail_box,
#cn_landing .detail_box > div { position: relative; }

#cn_landing .detail_box { margin-bottom: 25px; padding: 0; background: transparent url(/images/cn/mainbg_middle.gif) repeat-y 0 0; }
#cn_landing .detail_box:before { content: " "; display: block; height: 6px; background: transparent url(/images/cn/mainbg_top.gif) no-repeat 0 0; }
#cn_landing .detail_box:after { content: " "; display: block; height: 5px; background: transparent url(/images/cn/mainbg_bottom.gif) no-repeat 0 100%; }

#cn_landing .titllecopy { margin: 21px 0 30px; }
#cn_landing .titllecopy > img { position: absolute; top: 0; left: 20px; }
#cn_landing .titllecopy h2 { margin: 0 0 10px 276px; }
#cn_landing .titllecopy > p { width: 660px; margin: 0 0 1em 276px; }
#cn_landing p.attention { font-size: 0.8em; color: #999; }

#cn_landing .section { width: 918px; min-height: 160px; margin: 0 0 30px 21px; }
* html #cn_landing .section{ height: 160px;}
#cn_landing .section h3 { margin-left: 254px; }
#cn_landing .section > img { position: absolute; top: 0; left: 0; }
#cn_landing .section > p{ width: 660px; margin: 10px 0 0 254px; }
#cn_landing .section .attention { margin-top: 1em; }
#cn_landing .shoplist { width: 920px; margin: 0 0 30px 21px; padding-top: 15px; border-top: 1px dotted #B5B5B4;}
#cn_landing .shoplist h3{ position: absolute; top: 15px; left: 0; }
#cn_landing .shoplist dl{ margin: 0 0 0 80px; padding-left: 10px; background: transparent url(/images/cn/howto-shopline.gif) repeat-y 0 0; }

#cn_landing .shoplist dt img { float: left;}
#cn_landing .shoplist a { float: left; font-weight: bold; text-decoration: underline; }
#cn_landing .shoplist dl dd{ width: 660px; }
#cn_landing .shoplist dl dd p{ margin-bottom: 1em; }
#cn_landing .shoplist .creditcard { margin-top: 1em; font-size: 0.8em; }
#cn_landing .shoplist .creditcard img { vertical-align: bottom; }
* html #cn_landing .shoplist .creditcard img { vertical-align: middle; }
#cn_landing .shoplist dt:after{ content: " "; clear: both; display: block; height: 0; visibility: hidden; }


#cn_landing #newshop h2{ margin: 10px 0 12px 20px;font-weight: bold; color: #3296dc; font-size: 2.2em;}
#cn_landing #newshop p { width: 910px; margin: 0 auto; font-size: 1.1em; }
#cn_landing #newshop .price { width: 916px; margin: 10px auto 0; text-align: center; }
#cn_landing #newshop .price img { width: 916px; heght: 51px; }
#cn_landing #newshop .price p { margin-top: 5px;font-size: 0.9em; color: #7F7F7F; }
#cn_landing #newshop .shoplist { width: 680px; border: none; margin: 30px 0 30px 21px; padding: 0; }
#cn_landing #newshop .shoplist dl{ position: relative; min-height: 170px; margin-bottom: 20px; }
#cn_landing #newshop .shoplist dl dd{ width: 590px; min-height: 140px; word-break: break-all; }
* html #cn_landing #newshop .shoplist dl dd{ height: 140px;}
#cn_landing #newshop .shoplist dl dd p{ width: 590px; line-height: 1.8;}
#cn_landing #newshop .shoplist img.map { position: absolute; top: 0; left: 610px; }

/* @end */


/* @group Tablet */

.tablet #cn_landing .detail_box { margin-right: 5px; padding: 6px 0; border: 1px solid #e4e4e4; background: #f5f5f0 !important; -webkit-box-shadow: 1px 1px 3px #aaa; box-shadow: 1px 1px 3px #aaa; }
.tablet #cn_landing .detail_box::before,
.tablet #cn_landing .detail_box::after { height: 0; background: none; }

.tablet #cn_landing #maincontents p,
.tablet #cn_landing #maincontents #newshop .price img,
.tablet #cn_landing #maincontents .titllecopy,
.tablet #cn_landing #maincontents .section
.tablet #cn_landing #maincontents .titllecopy > p,
.tablet #cn_landing #maincontents .section > p { position: relative; width: 100% !important; padding: 0 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.tablet #cn_landing #maincontents #newshop .price,
.tablet #cn_landing #maincontents .shoplist dl,
.tablet #cn_landing #maincontents .shoplist dd,
.tablet #cn_landing #maincontents #newshop dl dd { width: 100% !important; }
.tablet #cn_landing .detail_box:not(#newshop) .shoplist dl dd p { max-width: 90% !important; }

.tablet #cn_landing .titllecopy > p { max-width: 71.5% !important; margin: 0.8em 0 0 27%; }
.tablet #cn_landing .section > p { max-width: 72% !important; margin: 0.8em 0 0 26%; }



@media screen and ( max-width: 1023px ){
	.tablet #cn_landing .titllecopy > p { max-width: 97.5% !important; margin: 1em 0 0 0; padding: 0 !important; }
	.tablet #cn_landing .section > p { max-width: 78% !important; margin: 1em 0 0 0; padding: 0 !important; }
	.tablet #cn_landing .titllecopy h2 { margin-left: 0.2em; }
	.tablet #cn_landing .section h3 { margin-left: 0; }
	.tablet #cn_landing .titllecopy > img,
	.tablet #cn_landing .section > img { position: relative; left: 0; top: 1em; margin-bottom: 1em; }
	.tablet #cn_landing #maincontents .shoplist h3 { position: relative; top: -1em; }
	.tablet #cn_landing #maincontents .shoplist dl { max-width: 74% !important; margin-left: 0; }
	.tablet #cn_landing #newshop .shoplist { position: relative; }
	.tablet #cn_landing #newshop .shoplist img.map { left: auto; right: -190px;  width: 200px; height: auto; }
	.tablet #cn_landing .detail_box:not(#newshop) .shoplist { border-top: none; }
	.tablet #cn_landing .detail_box:not(#newshop) .shoplist dd p { max-width: 100% !important; margin-right: 0; padding-right: 0; }
}

@media screen and ( orientation: portrait ) and ( max-width: 767px ){
	.tablet #cn_landing .titllecopy > p { max-width: 100% !important; }
	.tablet #cn_landing .section > p { max-width: 58% !important; }
	.tablet #cn_landing #maincontents .shoplist dl { max-width: 78% !important; }
	.tablet #cn_landing #newshop .shoplist img.map { position: static; margin: 1em; width: 224px;  }
	.tablet #cn_landing .detail_box:not(#newshop) .shoplist dl dd p { max-width: 76% !important; }
}

@media screen and ( orientation: portrait ) and ( min-width: 768px ) and ( max-width: 1023px ){

}

@media screen and  ( min-width: 1024px ){
}

/* @end */