/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, ul, li, form, img, table, td, div, strong { margin:0; padding:0; border:0; outline:0; list-style:none; }

input, button,textarea{ margin:0; font-size:14px; vertical-align:middle; font-family:Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif; }

body{ font-family:Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif; margin:0; color:#666; font-size:16px; background:#F2F2F2; }

table{ border-collapse:collapse; border-spacing:0; }

a{
	text-decoration:none;
	outline:none;
	color:#333;
	-webkit-transition:all 400ms ease-out;
	-mozilla-transition:all 400ms ease-out;
	-ms-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}

a:hover{
	text-decoration:none;
	-moz-transition:color .4s linear;
	-webkit-transition:color .4s linear;
	transition:color .4s linear;
}

img{
	-webkit-transition:all 400ms ease-out;
	-mozilla-transition:all 400ms ease-out;
	-ms-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}

.cl{ height:0; font-size:1px; clear:both; line-height:0; }

a,img,button,input,textarea{ -webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-appearance:none; }

.none{ display:none; }

*:focus{ outline:none; }

i,em,ins,u{ font-style:normal; text-decoration:none; }	

nav,footer,section,header,article{display:block;}

.wrap{ width:100%; margin:0 auto; max-width:750px; min-width:320px; overflow:hidden; }

.fl{ float:left; }

.fr{ float:right; }

.pr{ position:relative; }

.pa{ position:absolute; }

.oh{ overflow:hidden; }

button{ -webkit-appearance:none; }

::-webkit-scrollbar{ width:10px; height:10px; display:none; }

::-webkit-scrollbar-track{ background:#F1F1F1; }

::-webkit-scrollbar-track:hover{ background:#EEE; }

::-webkit-scrollbar-thumb{ border-radius:10px; background:#B9B9B9; display:none; }

::-webkit-scrollbar-thumb:hover{ background:#747474; }

::-webkit-scrollbar-thumb:active{ background:#555; }


/* VIEW */

.header { background:#FFF; }

.header h1 { text-align:center; font-size:24px; height:60px; line-height:60px; }

.header h1 a { color:#3D5BA9; }

.top img { width:100%; }

.view { background:#FFF; padding:5px 15px 15px 15px; border-radius:5px; }

.viewTile { text-align:center; padding:20px 10px 0 10px; font-weight:bold; line-height:30px; color:#F90; }

.viewText { padding:10px 0; line-height:30px; }

.viewText p { padding:8px 0; }

.page { text-align:center; line-height:40px; }

.page b { font-weight:normal; }

.page a { color:#F90; }

.indexIcoView { padding:15px; background:#FFF; border-radius:5px; }

.indexIco table { border-left:#C3CEE9 dotted 2px; border-top:#C3CEE9 dotted 2px; }

.indexIco table td { border-right:#C3CEE9 dotted 2px; border-bottom:#C3CEE9 dotted 2px; text-align:center; line-height:50px; padding:20px 0 5px 0; color:#3D5BA9; font-size:16px;}

.indexIco table td img { width:70px; }

.indexCompany { padding:15px; }

.indexCompany ul li { background:#FFF; padding:15px; border-radius:5px; }

.indexCompanyImg img { width:100px; border-radius:5px; }

.indexCompanyText { padding-left:20px; }

.indexCompanyText h3 { font-size:19px; height:30px; line-height:30px; margin-bottom:5px; }

.indexCompanyText span { display:block; line-height:30px; font-size:20px; }

.indexCompanyText span a { color:#FF9900; font-weight:bold; }

.indexCompanyHot { width:90px; height:30px; line-height:30px; background:url(brand.png) #F90 no-repeat center left; color:#FFF; padding-left:35px; border-radius:5px; margin-bottom:5px;}

.indexArticle { padding:15px; }

.indexArticleTitle { background:url(index_title_bg.jpg) repeat-x bottom; }	

.indexArticleTitle h3 { width:120px; height:45px; line-height:44px; font-size:20px; margin:0 auto; text-align:center; color:#3D5BA9; border-bottom:#3D5BA9 solid 5px;}

.indexArticleMore { padding:10px 0; }

.indexArticleMore a { display:block; width:200px; height:40px; line-height:39px; margin:0 auto; background:#3D5BA9; color:#FFF; text-align:center; border-radius:20px;}

.indexArticleMore a:hover { background:#F90; }

.indexKaisuoPrice { padding:20px 0 0 0; }

.indexKaisuoPrice table { border-left:#DDD solid 1px; border-top:#DDD solid 1px; }

.indexKaisuoPrice table td { border-right:#DDD solid 1px; border-bottom:#DDD solid 1px; padding:10px; }

.indexKaisuoList { padding:20px 5px 0 5px; }

.indexKaisuoListView { text-align:center; line-height:50px; padding-bottom:10px; }

.indexKaisuoListView img { width:100%; border-radius:5px; border:#EEE solid 1px; }

.indexKaisuoBrand { margin:10px 0 5px 5px; line-height:30px; font-size:14px; color:#999; }



/* FOOTER */

.indexWelfare { padding:15px; }

.indexShop { padding:15px 0; }

.indexShop p { text-align:center; line-height:30px; padding:20px 0; }

.indexShop ul { padding:15px 0 0 0; }

.indexShop ul li { margin-bottom:20px; }

.indexShop ul li a { display:block; width:200px; height:40px; line-height:39px; margin:0 auto; background:#3D5BA9; color:#FFF; text-align:center; border-radius:20px; }

.indexShop ul li a:hover { background:#F90; }

.vx { margin-top:15px; }

.vx h4 { text-align:center; line-height:30px; font-size:16px; }

.vx h4 strong { color:#F90; font-family:Arial, Helvetica, sans-serif; font-size:20px; margin:0 3px; }

.vx p { text-align:center; margin-top:10px; }

.vx p img { width:230px; border:#CCC dotted 2px; padding:14px; }