*{margin:0; padding:0; outline:0px}
.left{float:left}
.right{float:right}
.clear{clear:both}
form, fieldset, form{border:none}
td, tr, th{border:1px solid #000}

body{background:url(../images/bg.jpg) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size: cover;
-o-background-size: cover; background-size: cover;}

#outer{width:980px; position:absolute; left:50%; margin:50px 0 0 -470px}
#layout{width:980px; float:left; background:#fff}

#header{width:980px; height:140px; float:left}
#header .left_head{width:300px; float:left; margin:7px 10px}
#header .left_head .logo{width:197px; height:126px;}

#header .right_head{width:200px; float:right; margin:10px 10px 0 10px; height:130px}
#header .right_head .phone{width:41px; height:49px; position:absolute; top:27px}
#header .right_head p{font:bold 14px Calibri, Tahoma, Arial, "Times New Roman"; font-style:italic; padding:10px 0 0 44px; color:#000}
#header .right_head p span{color:#d92e27; font-size:18px}
#header .right_head .menu{float:left; width:200px; height:20px; margin:40px 0 0 0}
#header .right_head .menu p{color:#d92e27; font:16px Calibri, Tahoma, Arial, "Times New Roman"; font-style:italic; padding:0}
#header .right_head .menu p a{color:#d92e27; text-decoration:none}
#header .right_head .menu p a:hover{color:#000; text-decoration:underline}

/*Slider*/
#slider{width:980px;height:355px; background:#fff url(../images/loading.gif) no-repeat 50% 50%; position:relative; margin:102px 0 0 0;}
#slider img {position:absolute; border:none; display:none;}
/* --------- Others ------- */
#slider {transform: translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0);}

#mid_container{width:980px; height:200px; float:left; background:#fff}
#mid_container .box1{width:325px; height:200px; float:left; background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top,  #dddddd 31%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#dddddd), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddddd 31%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddddd 31%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddddd 31%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dddddd 31%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */}

#mid_container .box1 h1{font:32px "Niconne", cursive, Times New Roman, Times, serif; color:#000; padding:5px}
#mid_container .box1 p{font:13px Calibri, Tahoma, Arial, "Times New Roman"; color:#000; padding:6px; text-align:justify}
#mid_container .box1 .btn a{background:url(../images/more.png) 0 0 no-repeat; width:74px; height:22px; cursor:pointer; float:right; text-decoration:none; margin:10px 10px 0 0}
#mid_container .box1 .btn a:hover{background-position:0 bottom; -webkit-transition: background 0.5s ease-in;-moz-transition: background 0.5s ease-in; -ms-transition: background 0.5s ease-in; -o-transition: background 0.5s ease-in; transition: background 0.5s ease-in;}


#mid_container .box2{width:325px; height:200px; float:left; margin-left:2px; background: #333337; /* Old browsers */
background: -moz-linear-gradient(top,  #333337 39%, #7c7c7c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(39%,#333337), color-stop(100%,#7c7c7c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #333337 39%,#7c7c7c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #333337 39%,#7c7c7c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #333337 39%,#7c7c7c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #333337 39%,#7c7c7c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333337', endColorstr='#7c7c7c',GradientType=0 ); /* IE6-9 */}

#mid_container .box2 h1{font:32px "Niconne", cursive, Times New Roman, Times, serif; color:#fff; padding:5px}
#mid_container .box2 p{font:12px Calibri, Tahoma, Arial, "Times New Roman"; color:#fff; padding:6px; text-align:justify}
#mid_container .box2 .btn a{background:url(../images/more.png) 0 0 no-repeat; width:74px; height:22px; cursor:pointer; float:right; text-decoration:none; margin:10px 10px 0 0}
#mid_container .box2 .btn a:hover{background-position:0 bottom; -webkit-transition: background 0.5s ease-in;-moz-transition: background 0.5s ease-in; -ms-transition: background 0.5s ease-in; -o-transition: background 0.5s ease-in; transition: background 0.5s ease-in;}

#mid_container .box3{width:326px; height:200px; float:left; margin-left:2px; background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top,  #dddddd 31%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#dddddd), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddddd 31%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddddd 31%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddddd 31%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dddddd 31%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */}

#mid_container .box3 h1{font:32px "Niconne", cursive, Times New Roman, Times, serif; color:#000; padding:5px}
#mid_container .box3 p{font:12px Calibri, Tahoma, Arial, "Times New Roman"; color:#000; padding:6px; text-align:justify}
#mid_container .box3 .btn a{background:url(../images/more.png) 0 0 no-repeat; width:74px; height:22px; cursor:pointer; float:right; text-decoration:none; margin:10px 10px 0 0}
#mid_container .box3 .btn a:hover{background-position:0 bottom; -webkit-transition: background 0.5s ease-in;-moz-transition: background 0.5s ease-in; -ms-transition: background 0.5s ease-in; -o-transition: background 0.5s ease-in; transition: background 0.5s ease-in;}

#foot_container{width:980px; height:260px; float:left; background:#fff}
#foot_container .content{width:560px; height:250px; float:left; margin:0; border-right:1px solid #ccc}
#foot_container .content h1{font:bold 22px Calibri, Tahoma, Arial, "Times New Roman"; color:#d92e27; font-style:italic; padding:10px}
#foot_container .content p{font:14px/21px Calibri, Tahoma, Arial, "Times New Roman"; color:#000; padding:10px; text-align:justify}
#foot_container .content .btn a{background:url(../images/more.png) 0 0 no-repeat; width:74px; height:22px; cursor:pointer; float:right; text-decoration:none; margin:10px 10px 0 0}
#foot_container .content .btn a:hover{background-position:0 bottom; -webkit-transition: background 0.5s ease-in;-moz-transition: background 0.5s ease-in; -ms-transition: background 0.5s ease-in; -o-transition: background 0.5s ease-in; transition: background 0.5s ease-in;}

#foot_container .content_right{width:410px; height:250px; float:left; margin:0;}
#foot_container .content_right .img{width:36px; height:54px; margin:5px auto}
#foot_container .content_right h1{font:bold 18px Calibri, Tahoma, Arial, "Times New Roman"; color:#d92e27; padding:5px 0 0 15px}
#foot_container .content_right p{font:bold 14px Calibri, Tahoma, Arial, "Times New Roman"; color:#000; padding:5px 0 0 10px; text-align:center}
#foot_container .content_right p a{color:#000; text-decoration:none}
#foot_container .content_right p a:hover{color:#000; text-decoration:underline}
#foot_container .content_right p span{font:12px Calibri, Tahoma, Arial, "Times New Roman"; color:#ccc; padding:5px 0 0 10px; text-align:center}
#foot_container .content_right p span a{color:#ccc; text-decoration:none}

#inner_container{width:970px; height:auto; margin:10px 0 5px 0; float:left; background:#fff; padding:5px}
#inner_container h1{font:32px "Niconne", cursive, Times New Roman, Times, serif; color:#d92e27; padding:5px}
#inner_container h2{font:22px Times New Roman, Times, serif; color:#000; padding:5px}
#inner_container p{font:14px/17px Calibri, Tahoma, Arial, "Times New Roman"; color:#000; padding:6px; text-align:justify}
#inner_container p a{color:#000; text-decoration:none}
#inner_container p a:hover{color:#000; text-decoration:underline}

#inner_container .tour{width:970px; height:230px; float:left}
#inner_container .tour .country_box{width:236px; float:left; margin:2px; border:1px solid #ccc; height:218px}
#inner_container .tour .country_box h1{font:21px "Lustria", Times New Roman, Times, serif; color:#fff; background:#d92e27; padding:0 0 0 5px}
#inner_container .tour .country_box .img{width:236px; height:150px; float:left}
#inner_container .tour .country_box .view a{background:url(../images/view.jpg) 0 0 no-repeat; width:100px; height:34px; cursor:pointer; float:right; text-decoration:none; margin:5px 0 0 0}
#inner_container .tour .country_box .view a:hover{background-position:0 bottom; -webkit-transition: background 0.5s ease-in;-moz-transition: background 0.5s ease-in; -ms-transition: background 0.5s ease-in; -o-transition: background 0.5s ease-in; transition: background 0.5s ease-in;}


#foot_menu{width:980px; height:40px; float:left; background:#ccc}
#foot_menu .menu{width:960px; float:left; margin:0; padding:10px}
#foot_menu .menu ul{list-style-type:none; margin:0; padding:0px 0 0 190px}
#foot_menu .menu ul li{font:bold 14px Calibri, Tahoma, Arial, "Times New Roman"; display:inline; text-align:center;}
#foot_menu .menu ul li a{color:#000; text-decoration:none}
#foot_menu .menu ul li a:hover{color:#000; text-decoration:underline}

#footer{width:980px; height:250px; float:left; background:#fff}
#footer .content{width:405px; height:250px; margin:0 0 0 283px;}
#footer .content .img{width:36px; height:54px; margin:5px auto}
#footer .content h1{font:bold 18px Calibri, Tahoma, Arial, "Times New Roman"; color:#d92e27; padding:5px 0 0 15px}
#footer .content p{font:bold 14px Calibri, Tahoma, Arial, "Times New Roman"; color:#000; padding:5px 0 0 15px; text-align:center}
#footer .content p a{color:#000; text-decoration:none}
#footer .content p a:hover{color:#000; text-decoration:underline}
#footer .content p span{font:12px Calibri, Tahoma, Arial, "Times New Roman"; color:#ccc; padding:5px 0 0 10px; text-align:center}
#footer .content p span a{color:#ccc; text-decoration:none}