@charset "utf-8";
body{ overflow:hidden;}
span,h2,h3,h4,h5,h6{ line-height:100%;}
#header{ position:fixed; background-color:#FFF; top:0; left:50%; margin-left:-600px; border-bottom:1px solid #ccc; position:0.8;}
#content{ margin:89px 0 0 0; padding:0; position:relative; +top:89px;}

a.link{ display:block; width:158px; height:38px; border:1px solid #00a4b4; border-radius:4px; text-align:center; line-height:38px; color:#00a4b4; font-size:20px;  -webkit-transition:all 300ms ease-in; transition:all 300ms ease-in;}

#view_wrap{ width:1200px; margin:0 auto;  position:relative; top:0;}
#view_wrap .item{ width:1200px; border-bottom:1px solid #fff;}

#page{ width:10px; height:88px; position:fixed; top:100px; right:50px;}
#page span{ display:block; width:10px; height:10px; border-radius:50%; background-color:#DBDBDB; text-indent:-9999px; margin-bottom:16px;}
#page span.cur{ background-color:#B8B8B8;}

.all{ height:572px }
.all span{ display:block; line-height:100%; font-size:20px; color:#4d4d4d; text-align:center; padding-bottom:15px;}
.all img{ display:block; margin:0 auto; padding-top:45px;}
.all .color_text{ text-align:center; padding-bottom:30px;}
.all .color_text span{ font-size:48px; color:#3199f2; padding:0 0 0 0; display:inline;}
.all .color_text span.orang{ color:#f8be27;}
.all .orange{ color:#f98335; font-weight:normal;}

.health{ height:540px; position:relative; padding-left:50px; background:url(../images/guide_card_view/39.png) 485px 154px no-repeat;}
.health h2{ font-size:36px; color:#00a4b4; padding:0 0 25px 0;}
.health h3{ font-size:24px; color:#9cc813; padding-bottom:17px;}
.health h4{ font-size:20px; color:#4d4d4d; padding-bottom:15px;}
.health .line{ height:35px;}
.health .link{ margin-top:23px; color:#00a4b4; }
.health  .link:hover{ background-color:#00a4b4; color:#fff;}

.cheap{ height:620px; position:relative; padding-left:250px; background:url(../images/guide_card_view/cheap.png) center bottom no-repeat;}
.cheap h2{ font-size:36px; color:#2ca1d2; padding-bottom:15px;}
.cheap h3{ font-size:24px; color:#fac54f; padding-bottom:18px;}
.cheap h4{ font-size:20px; color:#4d4d4d; padding-bottom:14px;}
.cheap .line{ height:25px;}
.cheap .link{ margin-top:20px; color:#2ca1d2; border-color:#2ca1d2;}
.cheap .link:hover{ background-color:#2ca1d2; color:#fff;}

.vip{ width:1060px; height:607px; margin:0 auto; position:relative;}
.vip img{ float:left; padding-right:82px;}
.vip .text{ float:left; width:420px; overflow:hidden; padding-top:50px;}
.vip .text h2{ font-size:36px; color:#3199f2; padding-bottom:24px;}
.vip .text h3{ font-size:24px; color:#8e5724; padding-bottom:18px;}
.vip .text h4{ font-size:20px; color:#4d4d4d; padding-bottom:15px;}
.vip .text .line{ height:35px;}
.vip .text .link{ margin-top:15px; color:#3199f2; border-color:#3199f2;}
.vip .text .link:hover{ background-color:#3199f2; color:#fff;}
.vip .text .vip_text{ width:420px; text-justify:inter-ideograph; text-align:justify;}
.vip .text .vip_text h4{  line-height:160%;}
.footer_warp{ width:1200px; height:258px; position:fixed; left:50%; margin-left:-600px; bottom:-258px; z-index:2; background-color:#fff;}