﻿@charset "utf-8";
/* CSS Document */
@import url("reset.css");

body { background:url(../images/bg.jpg) no-repeat center top; background-color:#5cbdfc; font:12px/18px 微软雅黑,宋体,Arial; color:#666; }
a {color:#004479; text-decoration:none}
a:hover {color:#d54e21;}

/* font */
.blue { color:#00568f; }
.b { font-weight:bold; }
.orange { color:#F60; }
.ps { text-indent:25px; }

.b_1 { display:block; width:41px; padding-left:5px; height:20px; line-height:20px; color:#fff; background:url(../images/btn.png) no-repeat; text-align:left; }
.b_1:hover { color:#FF0; }
.b_1:active { color:#F60; }
.b_2 { display:block; text-align:center; background:url(../images/btn.png) no-repeat left -20px; width:74px; height:24px; font-weight:bold; font-size:14px; line-height:24px; color:#fff; }
.b_2:hover { color:#FF0; }
.b_2:active { color:#F60; }
.b_3 { font-weight:bold; font-size:14px; line-height:24px; color:#81b72f; }
.b_3:hover { color:#F60; }
.b_3:active { color:#81b72f; }
.b_4 { text-align:left; display:block; width:68px; height:20px; line-height:20px; background:url(../images/btn.png) no-repeat left -44px; color:#fff; padding-left:8px}
.b_4:hover { color:#FF0; }

.f_bo { color:#f4a400; font-weight:bold; }
.f_bb { color:#005693; font-weight:bold; }

.ipt_log { width:164px; height:24px; line-height:24px; background:url(../images/input.png) no-repeat; border:none; padding:0 10px 0 10px; color:#0096c9; font-weight:bold; font-size:14px; }

.more { display:block; background:url(../images/ico_more.jpg) no-repeat; width:14px; height:14px; }

.list { width:600px; margin:auto; line-height:25px; }
.list td { height:10px; padding:10px; border-bottom:1px #ddd dashed;}
.list .date { color:#bbb; width:120px;}
.list .title { overflow:hidden;}

/* input */
input { vertical-align:middle;}
.ipt_reg { height:25px; line-height:25px; padding:0 10px; border:1px #ddd solid; color:#666; }
.ipt_visa { height:25px; line-height:25px; padding:0 10px; border:1px #ddd solid; color:#666; display:inline-table; width:40px;}
.ipt_60 { width:60px;}
.ipt_80 { width:80px;}
.ipt_90 { width:90px;}
.ipt_100 { width:100px;}
.ipt_110 { width:100px;}
.ipt_120 { width:120px;}
.ipt_130 { width:130px;}
.ipt_140 { width:140px;}
.ipt_150 { width:150px;}
.ipt_180 { width:180px;}
.ipt_220 { width:220px;}


/*table */
.t_order { padding:0; display:block; border:1px #00568f solid; border-right:none; border-bottom:none; width:700px;}
.t_order th, .t_order td { border:1px #00568f solid; border-left:none; border-top:none; }
.t_order thead th { background:#00568f; color:#fff; height:30px; line-height:30px;}
.t_order tbody th, .t_order tbody td { text-align:left; padding:0 5px; height:30px; line-height:30px; }
.t_order tbody th { text-align:right; background:#EEF;}
.t_order p { line-height:18px;}


/* top */
.top { width:970px; margin:auto; height:130px; position:relative; }
.top .loginbar { background:#fff;height:29px; line-height:29px; float:right; color:#999; padding:0 10px;}
.top .toplink { background:#fff; width:242px; height:29px; line-height:29px; float:right; color:#999; text-align:center; }
.top .toplink li { display:inline; margin:auto 5px auto 5px; }
.top .nav { width:970px; height:35px; line-height:35px; clear:both; position:absolute; left:0; bottom:0; font-size:14px; font-weight:bold; color:#005693; }
.top .nav li { float:left; margin:auto 3px auto 3px; width:129px; height:35px;  text-align:center; background:#fff;  }
.top .nav a { color:#fff; display:block; width:129px; height:35px; background:url(../images/nav_tab01.png) repeat-x;}
.top .nav a:hover { color:#FF0;}

.contentDiv { width:960px; margin:auto; padding:5px; position:relative; background:#fff; }
.contentDiv .silder{ width:960px; height:360px; margin-bottom:95px; overflow:hidden; }
.contentDiv .ysbox { height:190px; position:absolute; top:260px; padding-left:9px; z-index:10; }
.contentDiv .ysbox img { float:left;  }

.contentDiv .df { background:#f0f0f0; padding:10px 0px 10px 17px; height:320px; }
.contentDiv .df dd { float:left;  }
.contentDiv .df .d1 { }
.contentDiv .news { width:610px; height:140px; background:#fff; border:1px #e0e0e0 solid; margin-bottom:10px; }
.contentDiv .news dl { width:285px; float:left; display:inline; }
.contentDiv .news .dlink { width:24px; float:left; height:125px; background:url(../images/dlink.png) repeat-y center; margin-top:8px; }
.contentDiv .news .n1 {margin-left:8px;}
.contentDiv .news dl dt { height:29px; font-size:14px; font-weight:bold; margin-bottom:5px; }
.contentDiv .news dl dt .more { display:block; float:right; margin-top:7px; background:url(../images/ico_more.jpg) no-repeat; width:14px; height:14px; }
.contentDiv .news dl dt .t1 { height:28px; line-height:28px; width:83px; border-bottom:1px #0096c9 solid; float:left;}
.contentDiv .news dl dt .t1 a { color:#005694;}
.contentDiv .news dl dt .t1 a span { color:#000;}
.contentDiv .news dl dt .t2 { height:28px; line-height:28px; width:202px; border-bottom:1px #d1d1d1 solid; float:left;}
.contentDiv .news dl dd { background:url(../images/icon_point.png) no-repeat left 8px; height:20px; width:270px; padding-left:10px; line-height:20px; display:block; overflow:hidden;}
.contentDiv .tlist { width:590px; height:144px;  background:#fff; border:1px #e0e0e0 solid; padding:10px; }
.contentDiv .t { height:15px; line-height:15px; color:#005694; font-size:14px; font-weight:bold;}
.contentDiv .t span { float:left; }
.contentDiv .tlist .more { float:right;}
.contentDiv .tlist table { width:100%; margin-top:5px;}
.contentDiv .tlist table thead td { height:30px; line-height:30px; font-weight:bold; color:#fff; background:#0096ca; text-align:center; }
.contentDiv .tlist table tbody td { height:30px; line-height:30px; color:#666; padding:0 10px 0 10px; text-align:center;}
/*d2*/
.contentDiv .df .d2 { width:20px; background:url(../images/dlink.png) repeat-y center; height:320px; }
/*d3*/
.contentDiv .df .d3 { width:300px; }
.contentDiv .df .d3 .ad { margin-top:10px;}
.contentDiv .log_box { width:271px; height:140px;  background:#fff; border:1px #e0e0e0 solid; padding:10px; padding-top:0; padding-bottom:0; overflow:hidden; }
.contentDiv .log_box dt { height:29px; font-size:14px; font-weight:bold; margin-bottom:5px; }
.contentDiv .log_box dl dt .t1 { height:28px; line-height:28px; width:83px; border-bottom:1px #0096c9 solid; float:left;}
.contentDiv .log_box dl dt .t1 a { color:#005694;}
.contentDiv .log_box dl dt .t1 a span { color:#000;}
.contentDiv .log_box dl dt .t2 { height:28px; line-height:28px; width:188px; border-bottom:1px #d1d1d1 solid; float:left;}
.contentDiv .log_box dl dt .t2 a { float:right; color:#0096c9; }
.contentDiv .log_box dl dt .t2 a:hover { float:right; color:#d54e21; }
.contentDiv .log_box dl dd { }
.contentDiv .log_box table th { width:60px; text-align:right; color:#3c3c3c; font-weight:bold; height:35px; line-height:35px;}
.contentDiv .log_box table td { height:25px; line-height:25px; width:200px;}
.contentDiv .log_box table td input { vertical-align:middle;}
.contentDiv .log_box table td a { float:left; margin-right:25px; vertical-align:middle; margin-top:5px;}

.contentDiv .footnav { margin-top:10px; height:130px; border-bottom:1px #dfdfdf solid;}
.contentDiv .footnav dd { float:left; height:110px;  }
.contentDiv .footnav .f {width:180px;}
.contentDiv .footnav .l { width:15px; background:url(../images/dlink.png) repeat-y center; }
.contentDiv .footnav a { display:block; margin-left:40px; color:#777; line-height:20px; }
.contentDiv .footnav a:hover { color:#d54e21; }
.contentDiv .footnav .title { color:#555; font-size:14px; font-weight:bold; line-height:40px;}

.contentDiv .foot { background:#f4f3f3; margin-top:10px; padding:10px; text-align:center; color:#7f7f7f; }
.contentDiv .foot p { margin:5px auto 5px auto;}
.contentDiv .foot span { margin:auto 5px auto 5px;}

/* 家庭浮层 */
.layer_family { background:url(../images/layer_family.png) no-repeat; width:440px; height:358px; position:absolute; top:5px; left:5px; z-index:9;}

/* 内页 */
.toptxt { display:none; width:650px; position:absolute; top:100px; right:20px; background-color:rgba(9,150,202,0.8); background:#0996ca\9; filter:alpha(opacity=80);  padding:5px; color:#fff; line-height:20px; font-weight:normal;}
.ob { width:960px; height:250px; overflow:hidden; }
.patchnav { height:48px; width:923px; background:#fff; border:3px #f0f0f0 solid; border-bottom:none; position:absolute; top:204px; left:20px;}
.patchnav dd { float:left; height:45px; line-height:45px; font-size:16px; font-weight:bold; }
.patchnav dd a { color:#777; }
.patchnav dd a:hover { color:#d54e21;}
.patchnav .l1 {width:180px; border-bottom:3px #005694 solid; text-align:right; padding-right:5px; color:#777; }
.patchnav .l2 { width:738px; border-bottom:3px #a9a9a9 solid; color:#005694;}
.content { overflow:hidden;}
.content .bar { height:30px; line-height:30px; background:#f0f0f0; color:#333; padding:0 10px 0 10px;}
.content { margin:auto 16px auto 16px; border:3px #f0f0f0 solid; border-top:none; overflow:auto; zoom:1; }
.content .lmenu { width:180px; float:left; text-align:right; margin-top:16px; }
.content .lmenu li { font-size:16px; font-weight:bold; color:#005693; height:30px; line-height:30px; margin-right:30px; }
.content .lmenu li a { font-size:14px; color:#777;}
.content .lmenu li a:hover { color:#d54e21; }
.content .box { background:url(../images/dlink.png) repeat-y left; float:left; width:720px; padding:10px; }
.content .box .c { margin:30px; }
.content .box2 { margin:40px; margin-top:0px; text-align:center;}
.content .box2 .t { margin:10px 40px 0 40px; height:50px; line-height:50px; font-size:24px; color:#005693; text-align:center; border-bottom:1px #ddd solid; }
.content .box2 .t .date { font-size:12px; font-weight:normal; color:#999;}
.content .box2 .c { margin:40px; text-align:left;}

.content .map { width:889px; margin:auto; padding-top:18px; }
.content .map table { margin:20px 0 20px 10px; color:#717171; line-height:25px;}
.content .map table strong { color:#005693;}

.content .qa { width:718px; margin:auto; padding:20px 0 20px 0; }
.content .qa dl { width:718px; margin-bottom:10px; }
.content .qa dt { height:35px; line-height:35px; color:#005c99; font-size:14px; font-weight:bold;}
.content .qa dd { }
.content .qa .t { background:url(../images/qa_t.png) no-repeat; height:15px; overflow:hidden;}
.content .qa .m { background:url(../images/qa_m.png) repeat-y; padding:5px 10px 5px 10px; width:697px;}
.content .qa .f { background:url(../images/qa_f.png) no-repeat; height:5px; overflow:hidden; }
.content .qa .m strong { color:#407625; }

/* photo */
.content .plist { display:block; overflow:auto; zoom:1;}
.content .plist li { width:109px; height:117px; background:url(../images/photofoot.png) no-repeat bottom; float:left; margin:10px 15px 10px 20px; display:inline; }
.content .plist li .pic { width:103px; height:103px; border:3px #e6e6e6 solid; overflow:hidden; display:block;}
.content .plist li img { vertical-align:middle;}

.content .page { height:19px; line-height:24px; background:#eee; text-align:center; margin-top:10px; padding-top:5px;}
.content .page ul {display:inline-block; *display:inline; zoom:1;}
.content .page li { width:12px; height:12px; overflow:hidden; background:url(../images/pagebtn.png) no-repeat left -12px; float:left; margin:auto 3px auto 3px;}
.content .page li a { display:block; width:12px; height:12px; overflow:hidden; background:url(../images/pagebtn.png) no-repeat;}
.content .page li a:hover { background:url(../images/pagebtn.png) no-repeat left -12px; }

/* travel */
.content .travel { margin:auto; }
.content .travel .loopbox { width:700px; border:3px #e0e0e0 solid; margin:auto; text-align:left; clear:both; overflow:auto; }
.content .travel .shardow { height:14px; overflow:hidden; background:url(../images/travel_shardow.png) no-repeat;}
.content .travel .tip { width:700px; height:25px; text-align:left; margin:auto; }
.content .travel .loopbox dt { float:left;  width:155px; height:125px; }
.content .travel .loopbox dt img { margin:15px 0 0 15px; width:123px; height:92px;}
.content .travel .loopbox .info { float:left; width:372px; height:95px; padding:15px 15px 0 0; }
.content .travel .loopbox .info p { color:#454545; line-height:19px;}
.content .travel .loopbox .clickbox { float:left; width:133px; height:115px; background:url(../images/travel_clickbg.png) no-repeat; text-align:center; }
.content .travel .loopbox .intor { width:680px; padding:10px; border-top:1px #ddd dashed; display:none; color:#999; clear:both;}
.content .travel .loopbox .clickbox a { margin:auto; margin-top:15px; }
.content .travel .tab { height:20px; border-bottom:1px #00568f solid; margin-bottom:10px; }
.content .travel .tab li { float:left; margin:auto 8px; height:20px; line-height:20px; padding:0 10px;}
.content .travel .tab .sl { background:#00568f; color:#fff;}

/* reg */

.content .reg { text-align:center; padding:20px;}
.reg .tb_reg { padding:0; margin:auto; width:500px;}
.reg .tb_reg th { width:100px; height:40px; line-height:40px; color:#999; text-align:right;  }
.reg .tb_reg td { height:40px; line-height:40px; text-align:left; padding-left:10px;}
.reg .tb_reg input { vertical-align:middle;}

/* visa */
.content .visa { width:700px; margin:auto; padding-top:30px;}
.visa table.db { margin:0; padding:0; background:#00568f; width:600px; color:#666;}
.visa table.db thead td { background:#00568f; color:#fff; font-weight:bold;}
.visa table.db td { background:#fff; height:30px; line-height:30px; padding:0 20px;}
.content .word { color:#666; }
.content .visa p { margin:8px 0;}
.content .visa .word ul { border-top:1px #00568f solid; background:#F2FAFD;}
.content .visa .word ul li { border:1px #00568f solid; line-height:25px; border-top:none; padding:0 10px;}
/* visa form */
.visa_form { width:900px; margin:auto; padding-top:20px;}
.visa_form .btnBar { padding:20px; text-align:center;}
.visa_form table { background:#00568f}
.visa_form table td { background:#fff; padding:5px; vertical-align:middle;}
.visa_form table thead td { background:#00568f; text-align:center; font-weight:bold; color:#fff; vertical-align:middle;}
/* visa pay */
.visa .pay { width:600px; background:#00568f}
.visa .pay td {background:#fff; padding:5px; vertical-align:middle; height:40px; line-height:40px; padding:10px;}

/* login page */
.left_log { width:650px; height:400px; border-right:1px #ddd dashed; text-align:center; float:left;}
.left_log dl { width:500px; margin:40px auto;}
.left_log dt { height:90px; font-size:16px; line-height:90px; text-align:left;}
.left_log dd { height:50px; line-height:50px; text-align:center; font-size:14px; color:#666;}
.left_log dd input { height:25px; line-height:25px; width:200px; border:1px #ddd solid; padding:0 10px; color:#999; font-weight:bold;}
.right_reg { width:250px; height:400px; float:left; padding:10px;}
.right_reg dl { width:220px; margin:40px auto;}
.right_reg dt { height:90px; font-size:16px; line-height:90px; text-align:left;}
.right_reg dd { text-align:left; line-height:30px; font-size:14px; color:#666;}
.right_reg dd input { height:25px; line-height:25px; width:200px; border:1px #ddd solid; padding:0 10px; color:#999; font-weight:bold;}
.right_reg { width:250px; height:400px; float:left; padding:10px;}

/* 会员专区 */
.m_table { display:block; width:700px; margin:20px 10px; background:#00568f;}
.m_table thead td { background:#00568f; font-weight:bold; color:#fff; vertical-align:middle;}
.m_table td { background:#fff; color:#666; padding:10px; vertical-align:middle;}
.m_tb { width:600px; margin:20px auto; }
.m_tb th { width:100px; text-align:right; height:30px; line-height:30px;}
.m_tb td { height:30px; line-height:30px; text-align:left; padding:0 20px;}


/* 订单 */
.order { margin:20px auto;}
.order .stept { height:60px;}
.order .stept li { float:left; width:205px; height:60px; background:#eee; margin:0 10px; line-height:30px;}
.order .stept .now { background:#00568f; color:#fff;}
.order .stept li b { font-weight:bold; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
.order .stept li p { font-weight:bold; font-size:14px; }
.order .o_form { text-align:left; width:700px; margin:20px auto;}
.order .olist { display:block; width:600px; margin:10px 0; background:#ccc; }
.order .olist th { background:#ddd; font-weight:bold; color:#666; padding:0 20px; width:100px;}
.order .olist td { background:#fff; color:#666; padding:10px;}

.order .olist2 { display:block; width:700px; margin:10px 0; background:#ccc; }
.order .olist2 thead * { background:#ddd; font-weight:bold; color:#666; padding:10px 20px;}
.order .olist2 th { background:#ddd; font-weight:bold; color:#666; padding:10px 20px; width:100px;}
.order .olist2 tbody td { background:#fff;  color:#666; padding:10px 20px;}

.order .olist3 { display:block; width:750px; margin:10px 0; background:#ccc; }
.order .olist3 thead * { background:#ddd; font-weight:bold; color:#666; padding:10px 20px;}
.order .olist3 th { background:#ddd; font-weight:bold; color:#666; padding:10px 10px; width:170px;}
.order .olist3 tbody td { background:#fff;  color:#666; padding:10px 20px;}
.order .btn { width:200px; margin:auto;}
.order .btn a { float:left; margin:auto 10px; }
