﻿@-ms-viewport{width:device-width}

html, body{height:100%; min-width:100%; margin:0; padding:0; border:0}

body{font-family:verdana,Arial,Helvetica,sans-serif; font-size:80%; margin:0; padding:0}

.headerBack{background-color:#fff; border-bottom:5px solid #e3e3e3; height:100px; opacity:0.9; width:100%; z-index:100}

.ManuWraper{margin:auto; padding:0 40px}

.Logo{background:rgba(0,0,0,0) url("Image/Logo.png") no-repeat scroll 0 25px; float:left; padding:42px 123px}
/*----------------login------------------*/
.UserPanel{float:right; margin-top:33px}

 .UserPanel a{color:#333; cursor:pointer; font-size:15px; text-decoration:none}

 .UserPanel a:hover{text-decoration:underline; color:#333}

.Username{color:#333; float:left; font-family:Arial,Helvetica,sans-serif; font-size:11pt; line-height:22px; text-align:right}

.DfrColor{color:#265496}

.LogOut a{color:#333}

.LoginText{color:#aaa; font-size:25px; font-weight:bold; line-height:50px; margin:-20px -20px 21px; text-align:center; text-shadow:0 1px white}

.EroorText{font-family:Arial,Helvetica,sans-serif; font-size:11px; color:red}

/*----------------End login------------------*/
.Main_Wraper{margin:auto; min-height:500px; width:100%}

.Main_Design{margin:auto; min-height:650px; padding-top:10px; max-width:1260px}

.Textbox{border:1px solid #adadad; color:#404040; padding:4px 2px; width:190px}

 .Textbox:focus{outline:none; border:1px solid #7bc1f7; box-shadow:0px 0px 8px #7bc1f7; -moz-box-shadow:0px 0px 8px #7bc1f7; -webkit-box-shadow:0px 0px 8px #7bc1f7}

.Datetime{border:1px solid #adadad; color:#404040; padding:4px 2px; width:190px}

 .Datetime:focus{outline:none; border:1px solid #7bc1f7; box-shadow:0px 0px 8px #7bc1f7; -moz-box-shadow:0px 0px 8px #7bc1f7; -webkit-box-shadow:0px 0px 8px #7bc1f7}

.dropdown{border:1px solid #adadad; border-radius:3px; color:#333; cursor:pointer; font-family:tahoma; height:23px; padding:0 0 2px; text-indent:0.01px; width:200px}

.ContinueButton{border:1px solid #2a2c2f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-family:tahoma; font-size:11px; font-weight:bold; padding:5px; text-decoration:none; display:inline-block; text-shadow:-1px -1px 0 rgba(0,0,0,0.3); font-weight:bold; color:#FFF; cursor:pointer; background-color:#45484d; background-image:linear-gradient(to bottom,#45484d,#000)}

 .ContinueButton:hover{border:1px solid #151617; background-color:#2d2f32; background-image:linear-gradient(to bottom,#2d2f32,#1a1a1a)}

 .ContinueButton:active{position:relative; top:1px}
/*-------------------------foter------------------------*/
footer{height:150px; margin-top:50px; padding:0 2%}

.footer-mid{max-width:1260px; margin:auto}

.footer-address{width:29%; float:left; text-align:left}

footer p, h3{color:#606060; font-family:"Questrial",Verdana; font-size:16px; margin:0}

.footer-social{float:right; padding-top:70px}

 .footer-social ul li{display:inline}

  .footer-social ul li a{margin-right:10px; padding:10px 18px}

.FB{background:rgba(0,0,0,0) url("Image/social.png") no-repeat scroll 0 0}

.TW{background:rgba(0,0,0,0) url("Image/social.png") no-repeat scroll -50px 0}

.IN{background:rgba(0,0,0,0) url("Image/social.png") no-repeat scroll -100px 0}

.GP{background:rgba(0,0,0,0) url("Image/social.png") no-repeat scroll -150px 0px}

.FB:hover{background:rgba(0,0,0,0) url("Image/social.png") no-repeat scroll 0 -50px}

.TW:hover{background:rgba(0,0,0,0) url("Image/social.png") no-repeat scroll -50px -50px}

.IN:hover{background:rgba(0,0,0,0) url("Image/social.png") no-repeat scroll -100px -50px}

.GP:hover{background:rgba(0,0,0,0) url("Image/social.png") no-repeat scroll -150px -50px}

.Copy_Right{border-top:1px solid #babbbd; clear:both; color:#606060; height:30px; padding-top:15px; text-align:center}

/*-------------checkbox---------------*/
input[type=checkbox]{display:none}

 input[type=checkbox]+label{padding-left:29px; height:24px; display:inline-block; line-height:24px; background-repeat:no-repeat; background-position:7px 3px; cursor:pointer; font-size:small; text-decoration:none; vertical-align:middle; cursor:pointer; background-image:url(Image/CheckBox.png); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; z-index:20000}

 input[type=checkbox]:checked+label{background-position:7px -19px; background-image:url(Image/CheckBox.png); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}

/*-------------radio button---------------*/
input[type=radio]{display:none}

 input[type=radio]+label{padding-left:26px; height:21px; display:inline-block; line-height:21px; background-repeat:no-repeat; background-position:5px 4px; font-size:12px; vertical-align:middle; cursor:pointer; background-image:url(Image/RadioButton.png); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}

 input[type=radio]:checked+label{background-position:5px -16px; background-image:url(Image/RadioButton.png); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}

.EroorStar{color:red; font-size:10pt; font-family:Tahoma}

.selected{background-color:#A1DCF2}

.Deselected{background-color:#fff}
/*-------------End radio button---------------*/
/*------------update progress----------------*/
#progress_BG{position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:120; background-color:#000; filter:alpha(opacity=40); opacity:0.7; display:none}

#progress{position:fixed; top:40%; left:46%; text-align:center; z-index:200}

 #progress b{color:hsl(200,100%,18%); background-color:#ddd; padding:2px 5px}
