@charset "utf-8"; 
.HelpCenter{background: #FFFFFF;border: 1px solid #e8e8e8;box-sizing: border-box;margin-bottom: 15px;}
.HelpCenterTitle{margin-bottom: 10px;display: flex;justify-content: flex-start;align-items: center;background: #FFEEEE;font-size: 22px;padding: 15px 20px;position: relative;}
.HelpCenterTitle:before{content: ""; display: block;margin-right: 10px;border-radius: 50%;background: url(../../imagesNew/help/new-help.png) 6px -441px no-repeat #191C1F;width: 28px;height: 28px;}
.HelpCenterList{padding: 0 20px 15px;box-sizing: border-box;}
.HelpCenterList li{display: flex;flex-wrap: wrap;align-items: baseline;font-size: 16px;font-weight: 700;clear: both;}
.HelpCenterList li span{width: 15px;height: 9px;background: url(../../imagesNew/help/new-help.png) -30px -450px no-repeat;cursor: pointer;}
.HelpCenterList > li > a{width: calc(100% - 15px);line-height: 24px;padding: 5px 0;}
.UlTitle{display: none;}
.UlTitle li{clear: both;overflow: hidden;padding-left: 15px;font-weight: 100;margin: 0 0 10px;font-size: 14px;line-height: 24px;}
.UlTitle li.Current a{color: #E73C17}
.UlTitle.Show{display: block;}
.HelpCenterList li span{background: url(../../imagesNew/help/icon-arrow.png) no-repeat;width: 8px;height: 14px;margin-bottom: 10px;display: inline-block;background-position: 0;margin-right: 10px;}
.HelpCenterList > li > a{width: calc(100% - 23px);line-height: 30px;}
.HelpCenterList li span.Show{transform: rotate(90deg);}
.ItemDetailTitle2{font-size: 14px; height:26px; line-height:26px; color:#666; padding-left:11px; margin-bottom:5px; margin-top:15px; clear:both;}
.ItemDetailTitleCon{width:752px; padding-top:10px; padding-bottom:30px; padding-right:13px; overflow:hidden; margin:0!important; padding-left:0!important;}
.ItemDetailTitleConSearch{width:auto; font-size: 14px; padding-top:10px; padding-bottom:30px; padding-right:13px; overflow:hidden;}
.ItemDetailTitleConSearch ul{list-style:none; margin:0; padding-left:12px!important;}
.ItemDetailTitleConSearch li{list-style:none; font-size:14px; line-height: 24px; padding:2px 0; font-family:Arial,Helvetica,sans-serif;}
.ItemDetailTitleConSearch li span{display: inline-block;}
.ItemDetailTitleConSearch li a{color:#000; text-decoration:underline; line-height:14px;display: inline;}
.ItemDetailTitleConSearch li a:hover{color:#000; text-decoration:underline; line-height:14px;}
.ItemDetailTitleConSearch li a:active{color:#000; text-decoration:underline; line-height:14px;}
.TitleText2 span{color:#b06505; font-weight:bold;}
.SearchPages{display: flex;align-items: center;padding: 25px 40px;width: 100%;box-sizing: border-box;background: #FFFFFF;}
.searchLeft{width: 310px;line-height: 18px;font-size: 16px;color: #666;}
.searchLeft strong{font-size: 20px;color: #333333;margin-bottom: 10px;display: inline-block;}
.searchRight{display: flex;width: calc(100% - 310px);}
.searchRight li:first-child{width: calc(100% - 110px);margin-right: 10px;}
.txtTips{color: #999999;}
.searchRightinput{font-size: 14px;border: 1px solid #c3c3c3;height: 42px;line-height: 42px;padding: 0 10px;box-sizing: border-box;width: 100%;}
.searchRightBtn{box-sizing: border-box;padding: 0 20px;background: #191C1F;border-radius: 3px;cursor: pointer;color: #ffffff;text-align: center;font-size: 16px;font-weight: bold;width: 100%;height: 42px;line-height: 42px;display: block;}
.HelpItemNav{background: #F5F5F5;padding: 15px 0;}
.HelpItemNav ul{display: flex;}
.HelpItemNav li{background: #FFFFFF;position: relative;cursor: pointer;width: 20%;text-align: center;font-size: 20px;padding: 15px 0;}
.HelpItemNav li span{display: flex;flex-wrap: wrap;padding: 20px 0 15px;border-right: #e8e8e8 solid 1px;}
.HelpItemNav li span font{display: block;width: 100%;}
.HelpItemNav li.Current, .HelpItemNav li:hover{background: #FF886F;color: #FFFFFF;}
.HelpItemNav li span:before{content: "";display: block;margin: 0 auto 20px;width: 88px;height: 88px;border-radius: 50%;background: url(../../imagesNew/help/new-help.png) no-repeat #eeeeee;}
.HelpItemNav li.Current span:before, .HelpItemNav li:hover span:before{background-color: #E73C17;}
.HelpItemNav li.FAQ span:before{background-position: 32px 25px;}
.HelpItemNav li.FAQ:hover span:before, .HelpItemNav li.FAQ.Current span:before{background-position: -58px 25px;}
.HelpItemNav li:after{position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);content: "";display: none;border-style: solid;border-width: 15px 19px 0;border-color: #FF886F transparent transparent transparent;}
.HelpItemNav li.Current:after{display: block;}
.HelpItemNav li.Points span:before{background-position: 19px -70px;}
.HelpItemNav li.Ordering span:before{background-position: 25px -161px;}
.HelpItemNav li.Delivery span:before{background-position: 17px -248px;}
.HelpItemNav li:last-child span{border-right-color: transparent;}
.HelpItemNav li.Guide span:before{background-position: 23px -339px;}
.HelpItemNav li.Points:hover span:before, .HelpItemNav li.Points.Current span:before{background-position: -71px -70px;}
.HelpItemNav li.Ordering:hover span:before, .HelpItemNav li.Ordering.Current span:before{background-position: -65px -161px;}
.HelpItemNav li.Delivery:hover span:before, .HelpItemNav li.Delivery.Current span:before{background-position: -73px -248px;}
.HelpItemNav li.Guide:hover span:before, .HelpItemNav li.Guide.Current span:before{background-position: -67px -339px;}
.HelpItemList{background: #FFFFFF;padding: 15px 30px 30px;font-size: 16px;line-height: 38px;}
.HelpItemList > div{display: none;}
.HelpItemList > div.Current{display: block;}
.ContactUs{background: #FFFFFF;border: 1px solid #ebebeb;height: auto;padding: 10px 15px 15px;box-sizing: border-box;}
.ContactUs .TitleTop{background: #191C1F;padding: 10px 15px;font-weight: bold;font-size: 16px;color: #ffffff;}
.ContactUs p{text-align: center;line-height: 24px;font-size: 16px;}
.ContactUs .ContactUsnBtn{display: block;width: max-content;background: #191C1F;padding: 5px 15px;border-radius: 3px;margin: 5px auto 0;font-weight: bold;font-size: 16px;color: #ffffff;}
.HelpItem{background: #FFFFFF;padding: 15px;border-top: #f5f5f5 solid 15px;}
.AskQuestionForm{height: auto;padding: 10px;width: 970px;clear: both;font-size: 16px;}
.FormCommentBtn, .Tiket, .Phone, .Fax, .email, .Add{background: url(../../imagesNew/help/help.png) no-repeat;}
.Tiket, .Phone, .Fax, .email, .Add, .WhatsApp_help{width: 104px;float: left;margin-right: 20px;height: 35px;}
.FormRight{width: 846px;float: left;}
.SuccessInfo{background: url(../../imagesNew/help/setting-right-img.gif) no-repeat scroll 5px 10px #EBFEE0;border: 1px solid #BEDDB3;margin-top: 10px;padding: 10px 10px 10px 28px;}
.inputText{width: 270px;border: 1px solid #c7c7c7;padding: 5px;font-size: 16px;}
.ErrorText{color: #bb1320;line-height: 16px;}
.TicketContent{border: 1px solid #c7c7c7;padding: 5px;resize: none;width: 600px;font-size: 16px;box-sizing: border-box;}
.VerifyinputText{height: 18px;width: 50px;border: 1px solid #c7c7c7;line-height: 18px;padding: 2px 2px 0;}
.ValidateCode{border: 1px solid #8b4513;width: 60px;height: 20px;margin-left: 4px;}
#fileName{background: #f8f8f8;}
.AddFile, .TicketSubmit, .TicketSubmit:hover, .TicketSubmit:active, .TicketReset, .TicketReset:hover, .TicketReset:active {background-image: url(../../imagesNew/help/help.png);}
.TicketSubmit{background-position: 0 -680px;width: 64px;height: 24px;margin-right: 10px;float: left;}
.TicketReset{background-position: 0 -560px;width: 64px;height: 24px;float: left;}
.TicketSubmit:hover {background-position: 0 -720px;}
.TicketReset:hover {background-position: 0 -600px;}
.Phone{background-position: 0 -40px;}
.PhoneTable{line-height: 20px;border-collapse: collapse;}
.PhoneTable td{padding-left: 10px;}
.email{background-position: 0 -120px;}
.FormRightLine{line-height: 35px;}
.WhatsApp_help{background: url(../../imagesNew/help/icon-whats-app.png) no-repeat;}
.Add{background-position: 0 -160px;}
.HelpItem h3{font-weight: bold;border-bottom: 2px solid #191C1F;margin-bottom: 10px;padding: 10px;line-height: 24px;font-size: 18px;}
.fr{float: right;}
.Helplist dd{padding: 0 10px;line-height: 28px;font-size: 14px;}
.Helplist dd a{display: inline;}
.help_main p{ line-height: 28px;}
.HelpPage{ line-height: 20px; padding: 10px; margin: 10px 0;border-top: 1px solid #e8e8e8;}
.IsHelpfulBox {width: 400px;margin: 10px 0 10px 10px;}
.HelpContainer {border: 1px #D5D9D9 solid;border-radius: 8px 8px 0 0;padding: 20px;}
.IsHelpfulBox p {padding: 10px 0;}
.HelpContainer .button span {padding: 5px 8px;border: 1px #D5D9D9 solid;margin-right: 5px;display: inline-block;cursor: pointer;}
.HelpContainer .button span {padding: 5px 8px;border: 1px #D5D9D9 solid;margin-right: 5px;display: inline-block;cursor: pointer;}
.AlreadyFeed {display: none;border: 1px #D5D9D9 solid;padding: 20px;}
.HelpPagePrevious {padding-right: 10px;float: left;}
.HelpPageNext {float: right;text-align: right;}
.Select {padding-left: 10px;clear: both;margin-top: 10px;font-size: 14px;}
.help_main img{width: auto;}
.help_main a,.HelpPage a,.Select a{color: #E73C17;}
@media screen and (max-width:767px) {
    .SearchPages, .HelpRight .SearchPages{border: none;width: 100%;background: #fafafa;height: auto;padding: 10px 0;flex-wrap: wrap;}
    .searchRight,.searchRight, .HelpRight .searchRight{padding: 10px;width: 100%;box-sizing: border-box;}
    .searchLeft, .searchLeft, .HelpRight .searchLeft{padding: 10px 10px 0;width: 100%;box-sizing: border-box;}
    .searchLeft strong{font-size: 16px;margin-bottom: 5px;}
    .searchRight li:first-child{width: 73%;margin-right: 2%;}
    .searchRight li:last-child{width: auto;}
    .Ph-HelpCenter .searchRightinput, .Ph-HelpDetail .searchRightinput{width: 100%;box-sizing: border-box;margin-right: 0;height: 35px;line-height: 2.1875rem;padding-left: 10px;}
    .HelpItemNav{padding: 10px 0;}
    .HelpItemNav li{padding: 0;font-size: 15px;width: 35%}
    .HelpItemNav li:after{border-width: 10px 14px 0;bottom: -10px;}
    .HelpItemNav li.All{font-size: 24px;padding: 0;width: 35%;}
    .HelpItemNav li span{height: 100px;padding: 10px;align-items: center;}
    .HelpItemNav li span:before{width: 58px;height: 58px;margin-bottom: 10px;background-size: 100px auto;}
    .HelpItemNav li.All{ font-size: 24px;}
    .HelpItemNav li.All span:before{ content: none;}
    .HelpItemNav li.FAQ span:before{background-position: 20px 17px;}
    .HelpItemNav li.FAQ:hover span:before, .HelpItemNav li.FAQ.Current span:before{background-position: -43px 17px;}
    .HelpItemNav li.Points span:before{background-position: 12px -52px;}
    .HelpItemNav li.Points:hover span:before, .HelpItemNav li.Points.Current span:before{background-position: -50px -52px;}
    .HelpItemNav li.Ordering span:before{background-position: 16px -114px;}
    .HelpItemNav li.Ordering:hover span:before, .HelpItemNav li.Ordering.Current span:before{background-position: -46px -114px;}
    .HelpItemNav li.Delivery span:before{background-position: 10px -173px;}
    .HelpItemNav li.Delivery:hover span:before, .HelpItemNav li.Delivery.Current span:before{background-position: -51px -173px;}
    .HelpItemNav li.Guide span:before{background-position: 14px -236px;}
    .HelpItemNav li.Guide:hover span:before, .HelpItemNav li.Guide.Current span:before{background-position: -49px -236px;}
    .HelpItemNav li span font{height: 32px;}
    .HelpItemList{padding: 10px 10px 20px;font-size: 14px;line-height: 18px;}
    .HelpRight .MinHelpLink{width: 100%;float: left;}
    .HelpRight .MinHelpLink dt{border-top: none;cursor: pointer;line-height: 3.125rem;border-bottom: #e6e4e4 solid 1px;position: relative;padding: 0 10px;font-size: 0.9375rem;font-weight: 700;display: flex;align-items: center;justify-content: space-between;}
    .MinHelpLink dt em{background: url(../../imagesNew/master/icon-pandcaring.png) no-repeat;width: 13px;height: 8px;background-position: 0 -64px;display: block;}
    .MinHelpLink .UnFold em{transform: rotate(180deg);}
    .HelpRight .MinHelpLink dd{border-bottom: #e6e4e4 solid 1px;padding: 0;display: none;}
    .HelpRight .MinHelpLink dd ul{padding: 0 10px;}
    .HelpRight .MinHelpLink dd ul li{padding: 0;border-bottom: 1px #f1f1f1 solid;line-height: 45px;font-size: 13px;}
    .HelpRight .MinHelpLink dd ul li a{font-size: 0.8125rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
    .HelpItemList li{border-bottom: #e8e8e8 solid 1px;padding: 10px 0;}
    .HelpItemList .hidden-md{display: none !important;}
    .HelpItemList > div.Current{display: block !important;}
    .HelpItem{padding: 10px;}
    .HelpItem h3{font-size: 16px;}
    .FormRight,.TicketContent ,.FormRight table,.inputText{width: 100%;}
    .AskQuestionForm{width: 100%;padding: 0;font-size: 14px;margin-top: 10px;}
    .Tiket, .Phone, .Fax, .email, .Add, .WhatsApp_help{margin-bottom: 10px;}
    .FormRight tr{display: flex;flex-wrap: wrap;margin-bottom: 10px;}
    .FormRight tr td:first-child{width: 100% !important;text-align: left;height: auto;margin-bottom: 5px;}
    .inputText{margin-top: 0;}
    .inputText{font-size: 14px;}
    .PhoneTable tr{display: table-row;margin-bottom: 0;}
    .PhoneTable tr td:first-child{width: 28% !important;}
    .help_main p{ line-height: 24px;}
    .HelpPagePrevious{display: none;}
    .HelpPageNext{float: left;}
    .IsHelpfulBox{width: 100%;margin: 10px 0;}
    .HelpContainer{padding: 10px;}
    .ContactUs{border: none;padding: 10px;}
    .ContactUsInf{display: flex;align-items: center;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .HelpCenterTitle{font-size: 18px;padding: 10px 15px;}
    .HelpCenterList{padding: 0 15px 15px;}
    .HelpCenterList li{font-size: 15px;}
    .HelpCenterList > li > a{line-height: 22px;}
    .UlTitle li{line-height: 22px;margin-bottom: 5px;}
    .SearchPages{padding: 15px;flex-wrap: wrap;}
    .searchLeft,.searchRight{width: 100%;}
    .searchLeft{margin-bottom: 10px;}
    .searchLeft strong{font-size: 16px;margin-bottom: 5px;}
    .searchLeft span{font-size: 14px;}
    .HelpItemNav li{width: 35%;padding: 10px 0;font-size: 15px;}
    .HelpItemNav li:after{border-width: 10px 14px 0;bottom: -10px;}
    .HelpItemNav li span{padding: 10px 0 5px;}
    .HelpItemNav li span:before{width: 78px;height: 78px;margin-bottom: 10px;}
    .HelpItemNav li.FAQ span:before{background-position: 27px 20px;}
    .HelpItemNav li.Points span:before{background-position: 14px -75px;}
    .HelpItemNav li.Ordering span:before{background-position: 20px -166px;}
    .HelpItemNav li.Delivery span:before{background-position: 12px -253px;}
    .HelpItemNav li.Guide span:before{background-position: 18px -344px;}
    .HelpItemNav li.Guide:hover span:before, .HelpItemNav li.Guide.Current span:before{background-position: -72px -344px;}
    .HelpItemNav li.Delivery:hover span:before, .HelpItemNav li.Delivery.Current span:before{background-position: -73px -253px;}
    .HelpItemNav li.Ordering:hover span:before, .HelpItemNav li.Ordering.Current span:before{background-position: -70px -166px;}
    .HelpItemNav li.Points:hover span:before, .HelpItemNav li.Points.Current span:before{background-position: -76px -75px;}
    .HelpItemNav li.FAQ:hover span:before, .HelpItemNav li.FAQ.Current span:before{background-position: -63px 20px;}
    .HelpItemList{padding: 15px;}
    .ContactUs p{font-size: 14px;line-height: 20px;}
    .ContactUs .ContactUsnBtn{font-size: 14px;padding: 3px 12px;}
    .AskQuestionForm{width: auto;}
    .FormRight {width: 100%;}
    .TicketContent{width: 100%;}
    .FormRight tr td:first-child{width: 23% !important;}
    .Tiket, .Phone, .Fax, .email, .Add, .WhatsApp_help{margin-bottom: 10px;}
    .help_main p{ line-height: 26px;}
    .HelpPage span{ float: none; display: block;}
    .HelpPage .HelpPageNext{ text-align: left; padding-top: 5px;}

}
@media screen and (min-width:1024px) and (max-width:1365px) {
    .HelpCenterTitle{padding: 10px 15px;font-size: 20px;}
    .HelpCenterList{padding:  0 15px 15px;}
    .HelpCenterList > li > a{line-height: 26px;}
    .SearchPages{padding: 20px;}
    .searchLeft strong{font-size: 18px;}
    .searchRightBtn{font-size: 14px;}
    .HelpItemNav li{font-size: 16px;}
    .HelpItemNav li{padding: 10px 0;font-size: 16px;width: 30%;}
    .HelpItemNav li.FAQ span:before{background-position: 27px 20px;}
    .HelpItemNav li.FAQ:hover span:before, .HelpItemNav li.FAQ.Current span:before{background-position: -63px 20px;}
    .HelpItemNav li:after{border-width: 10px 14px 0;bottom: -10px;}
    .HelpItemNav li span{padding: 5px 0 0;}
    .HelpItemNav li span:before{margin-bottom: 10px;width: 78px;height: 78px;}
    .HelpItemNav li.Points span:before{background-position: 14px -75px;}
    .HelpItemNav li.Ordering span:before{background-position: 20px -166px;}
    .HelpItemNav li.Delivery span:before{background-position: 12px -253px;}
    .HelpItemNav li.Guide span:before{background-position: 18px -344px;}
    .HelpItemNav li.Points:hover span:before, .HelpItemNav li.Points.Current span:before{background-position: -76px -75px;}
    .HelpItemNav li.Ordering:hover span:before, .HelpItemNav li.Ordering.Current span:before{background-position: -70px -166px;}
    .HelpItemNav li.Delivery:hover span:before, .HelpItemNav li.Delivery.Current span:before{background-position: -73px -253px;}
    .HelpItemNav li.Guide:hover span:before, .HelpItemNav li.Guide.Current span:before{background-position: -72px -344px;}
    .HelpItemList{padding: 15px 15px 20px;}
    .AskQuestionForm{width: auto;}
    .FormRight {width: 666px;}
    .TicketContent{width: 510px;}
    .Tiket, .Phone, .Fax, .email, .Add, .WhatsApp_help{margin-bottom: 10px;}
}
@media screen and (min-width:1782px) {
    .HelpCenterTitle{font-size: 24px;}
    .HelpCenterList li{font-size: 18px;}
    .UlTitle li{font-size: 16px;}
    .searchLeft strong,.HelpItemNav li{font-size: 22px;}
    .searchRightBtn{font-size: 18px;}
    .HelpItemList li{font-size: 18px;}
    .HelpItem h3{font-size: 20px;}
    .AskQuestionForm,.inputText,.TicketContent{font-size: 18px;}
    .Helplist dd{font-size: 16px;line-height: 30px;}
}