@charset "utf-8";
.Bread_crumbs{ float: none;}
.FormCommentBtn,.Tiket,.Phone,.Fax,.email,.Add{background:url(../images/help/help.png) no-repeat;}
.HelpContent{ display: flex; flex-direction:row-reverse;}
.HelpLeft{width:282px; margin-right: 18px;}
.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: #e0eeeb; font-size:20px; padding: 10px; position: relative;}
.HelpCenterTitle:before{ content: ""; display: block; margin-right: 10px; border-radius: 50%; background: url(../images/help/new-help.png) 6px -441px no-repeat #aedbd2; width: 28px; height: 28px;}
.HelpCenterList{ padding:0 10px 15px; box-sizing: border-box;}
.HelpCenterList li{ display: flex; flex-wrap: wrap; align-items: baseline; font-size: 15px; line-height:34px; font-weight:700; clear:both;}
.HelpCenterList li span{ width:15px; height:9px; background: url(../images/help/new-help.png) -30px -450px no-repeat; cursor:pointer;}
.HelpCenterList > li > a { width: calc(100% - 15px); line-height: 24px; padding: 5px 0;}
.HelpCenterList .choose{ width: 15px; height: 9px; background-position: -60px -450px;}
.ulTitle{ width: 100%; display:block;}
.ulTitle li{clear:both; line-height:24px; overflow:hidden; padding-left:15px; font-weight:100; margin: 0 0 5px; font-size: 14px;}
.ulTitle li.current-article a{color:#90bfb6!important; text-decoration:underline!important;}
.ContactUs{ background: #FFFFFF; border:1px solid #ebebeb; height:auto; padding:10px 15px 15px; box-sizing: border-box;}
.ContactUs p{ text-align: center; line-height: 24px;font-size: 16px;}
.ContactUs p.ContactUsImg img{ width: 100%; height: auto;}
.ContactUs .ContactUsnBtn{ display:block; width: max-content; background: #aedbd2; padding: 5px 15px; border-radius: 3px; margin: 5px auto 0; font-weight: bold;font-size:16px}
.ContactUs .ContactUsnBtn:hover{ color: #FFFFFF; background: #90bfb6; text-decoration: none;}
.ContactUs .TitleTop{ background:#e0eeeb; padding: 10px 15px; font-weight: bold; font-size: 16px;}
/*.ContactUs p{line-height:34px; padding-left:15px;}
*/
.HelpRight{ background: #FFFFFF; width:calc(100% - 300px);}
.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;}
.searchRightBtn{ box-sizing: border-box; padding: 0 20px; background: #aedbd2; border-radius: 3px; cursor: pointer; color: #333333; text-align: center; font-size: 16px; font-weight: bold; width: 100%; height:42px; line-height: 42px; display:block;}
.searchRightBtn:hover{ background: #90bfb6; text-decoration: none; color: #ffffff;}
.searchRightinput{ font-size: 14px; border:1px solid #c3c3c3; height:42px; line-height:42px; padding:0 10px; box-sizing: border-box; width:100%;}
.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%; height: 36px;}
.HelpItemNav li:last-child span{ border-right-color: transparent;}
.HelpItemNav li span:before{ content: ""; display: block; margin: 0 auto 20px; width: 88px; height: 88px; border-radius: 50%; background: url(../images/help/new-help.png) no-repeat #eeeeee;}
.HelpItemNav li.Current, .HelpItemNav li:hover{ background: #aedbd2; color: #FFFFFF;}
.HelpItemNav li.Current span:before, .HelpItemNav li:hover span:before{ background-color: #90bfb6;}
.HelpItemNav li.FAQ span:before{ background-position: 32px 25px;}
.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.Guide span:before{ background-position: 23px -339px;}
.HelpItemNav li.FAQ:hover span:before, .HelpItemNav li.FAQ.Current span:before{ background-position: -58px 25px;}
.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;}
.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: #aedbd2 transparent transparent transparent;}
.HelpItemNav li.Current:after{ display: block;}
.HelpItemList{ background: #FFFFFF; padding: 15px 30px 30px; font-size: 16px; line-height: 38px;}
.HelpItemList > div{ display: none;}
.HelpItemList > div.Current{ display: block;}
.HelpItem{ background: #FFFFFF; padding: 15px; border-top: #f5f5f5 solid 15px;}
.HelpItem h3{ font-weight:bold; border-bottom:2px solid #90bfb6; margin-bottom:10px; padding: 10px; line-height:24px; font-size:18px;}
.Helplist dd{ padding:0 10px; line-height: 28px; font-size: 14px;}
/*.HelpItem dt a{ color:#666;}
.HelpItem dt span{ float:right; font-weight:100;}
.HelpItem dd{ line-height:22px; color:#000;}
.Helplist{ width:100%; margin-right:0; height:auto;}

.Helplist dd .Number{ float:right;}*/
.Select{padding-left:10px; clear:both; margin-top:10px; font-size: 14px;}
.Select a{color:#90bfb6!important;}
.help_main{ overflow:hidden; padding:0 10px; line-height:20px; font-size: 14px;}
.help_main p{clear:both;}
.help_main a{color:blue!important; text-decoration:none!important;}
.help_main a:hover{color:#90bfb6; text-decoration:underline!important;}
.ConText{color:#515152; line-height:20px; word-wrap:break-word;}
.ConText a{color:blue; text-decoration:none!important;}
.HelpPage{border-top:1px solid #e8e8e8; margin:20px 0 10px; padding:20px 10px 10px; overflow:hidden; font-size: 14px;}
.HelpPagePrevious{ padding-right: 10px; float:left;}
.HelpPageNext{ float:right; text-align: right;}
.HelpPage a{color:#90bfb6!important;}
.FormComment{background:#f5f5f5; border:1px solid #c9c9c9; clear:both; height:200px; padding-left:16px; width:484px; margin:15px 0 15px 10px;}
.FormCommentTop{margin-bottom:10px; margin-top:16px;}
.FormCommentTop span{color:#000; font-weight:bolder; margin-right:15px;}
.FormCommentTop input{margin-right:5px;}
.FormCommentTxt{width:400px; height:100px;}
.FormCommentBtn{background-position:0 -440px; width:106px; height:23px; display:block; margin:10px 0;}
.FormCommentBtn:hover{background-position:0 -480px;}
.FormCommentBtn:active{background-position:0 -520px;}
.FormCommentDown{clear:both; margin-left:16px; padding-bottom:30px; width:484px; line-height:25px;}
.FormCommentDown a{color:#90bfb6!important;}
.AskQuestionForm{height:auto; margin-top:10px; padding:10px; width:770px; clear:both;font-size: 15px;}
.FormRight{width:660px; float:left;}
.Tiket,.Phone,.Fax,.email,.Add{float:left; background-position:0 0; width:100px; margin-right:10px; height:35px;}
.Phone{background-position:0 -40px;}
.Fax{background-position:0 -80px;}
.email{background-position:0 -120px;}
.Add{background-position:0 -160px;}
.FormRightLine{line-height:35px;}
.PhoneTable{line-height:20px; border-collapse:collapse;}
.PhoneTable td{padding-left:10px;}
.ErrorText{color:#bb1320; line-height:16px;}
.inputText{height:18px; width:270px; border:1px solid #c7c7c7; line-height:18px; padding:2px 2px 0;font-size:15px;}
.TicketContent{border:1px solid #c7c7c7; padding:2px; resize:none; width:500px;font-size:15px}
.VerifyinputText{height:18px; width:50px; border:1px solid #c7c7c7; line-height:18px; padding:2px 2px 0;}
.Bginput{background:none repeat scroll 0 0 #f7f6e4; border-color:#949494;}
.ValidateCode{border:1px solid #8b4513; width:60px; height:20px; margin-left:4px;}
.ItemDetailTitle2{width:auto; 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 a{color:#000; text-decoration:underline; line-height:14px;}
.ItemDetailTitleConSearch li a:hover{color:#000; text-decoration:underline; line-height:14px;}
.ItemDetailTitleConSearch li a:active{color:#000; text-decoration:underline; line-height:14px;}
.NoticeDiv{width:auto; height:auto; border:solid 1px #dad595; background:#f4f1c9; margin-top:10px; margin-bottom:17px;}
.NoticeDiv span{font-size:14px; margin-left:10px; line-height:25px; padding-bottom:18px; color:#333;}
.NoticeDiv p{width:auto; margin-left:10px; margin-bottom:8px; margin-right:10px; line-height:16px;}
.NoticeDiv a{color:#90bfb6;}
.NoticeDiv a:hover{text-decoration:underline;}
.TitleText2 span{color:#b06505; font-weight:bolder;}
.fr{float:right;}
.checkImg input{float:left; height:auto; width:auto; margin:5px 5px 0 0; border:medium;}
#fileName{background:#f8f8f8;}
.isHelpfulBox{width: 400px;margin: 10px 0 10px 10px;}
.isHelpfulBox p{padding: 10px 0;}
.alreadyFeed{display: none; border: 1px #D5D9D9 solid;padding: 20px;}
.helpContainer{border: 1px #D5D9D9 solid;border-radius: 8px 8px 0 0;padding: 20px;}
.helpContainer .button span{padding: 5px 8px; border: 1px #D5D9D9 solid;margin-right:5px;display: inline-block; cursor: pointer}


.Tiket, .Phone, .Fax, .email, .Add,.WhatsApp{width: 114px;float: left;margin-right: 20px;height: 35px;}
.FormRight{width: 636px;}
.WhatsApp{background: url(../images/help/icon-whats-app.png) no-repeat;}


@media only screen and (max-width: 767px) {
    #ContentWarp {padding: 0;}
    .isHelpfulBox{width: auto;}
    .Ph-HelpCenter .HelpRight .MinHelpLink dd {padding: 0;}
    .Ph-HelpCenter .HelpRight .MinHelpLink dd ul li {padding: 0;}
    .HelpContent{ background: #f5f5f5; flex-wrap: wrap;}
    .HelpRight{ width: 100%;}
    .SearchPages{ padding: 10px; flex-wrap: wrap; float: none !important;}
    .searchLeft{ font-size: 14px; width: 100%; margin-bottom: 10px;}
    .searchLeft strong{ font-size: 16px; margin-bottom: 5px;}
    .searchRight{ width: 100%;}
    .searchRight li:first-child{ width: 73%; margin-right: 2%;}
    .searchRightinput{ font-size: 13px; height: 35px; line-height: 33px; padding: 0 5px;}
    .searchRight li:last-child{ width: auto;}
    .searchRightBtn{ padding: 0 10px; line-height: 35px; height: 35px;}
    .HelpItemNav{ padding: 10px 0;}
    .HelpItemNav li{ padding: 0; font-size: 15px; width: 35% !important;}
    .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.FAQ span:before{ background-position: 20px 17px;}
    .HelpItemNav li.Points span:before{ background-position: 12px -52px;}
    .HelpItemNav li.Ordering span:before{ background-position: 16px -114px;}
    .HelpItemNav li.Delivery span:before{ background-position: 10px -173px;}
    .HelpItemNav li.Guide span:before{ background-position: 14px -236px;}
    .HelpItemNav li.FAQ:hover span:before, .HelpItemNav li.FAQ.Current span:before{ background-position: -43px 17px;}
    .HelpItemNav li.Points:hover span:before, .HelpItemNav li.Points.Current span:before{ background-position: -50px -52px;}
    .HelpItemNav li.Ordering:hover span:before, .HelpItemNav li.Ordering.Current span:before{ background-position: -46px -114px;}
    .HelpItemNav li.Delivery:hover span:before, .HelpItemNav li.Delivery.Current span:before{ background-position: -51px -173px;}
    .HelpItemNav li.Guide:hover span:before, .HelpItemNav li.Guide.Current span:before{ background-position: -49px -236px;}
    .HelpItemNav li span font{ height: 32px;}
    .HelpItemNav li:after{border-width:10px 14px 0; bottom: -10px;}
    .HelpItemNav li.All{ font-size: 24px;}
    .HelpItemNav li.All span:before{ content: none;}
    .HelpItemList{ padding: 10px 10px 20px; font-size: 14px; line-height: 18px;}
    .HelpItemList li{ border-bottom: #e8e8e8 solid 1px; padding: 10px 0;}
    .HelpItem h3{ font-size: 16px; padding: 5px;}
    .HelpItem{ padding: 10px; border-top-width: 10px;}
    .Helplist dd{ line-height: 24px;}
    .HelpPage{ margin-bottom: 0; padding-bottom: 0;}
    .HelpPagePrevious{ padding-bottom: 10px; width: 100%;}
    .HelpPageNext{ float: left; width: 100%; text-align: left;}
    .HelpLeft{ width: 100%; margin: 10px 0 0;}
    .ContactUs{ width: 100%; padding: 0; border: none;}
    .ContactUsInf{ padding: 10px; justify-content: space-between; display: flex; align-items: center;}
    .ContactUsInf p{ width: 59%; line-height: 18px;}
    .ContactUsInf p:first-child{ width: 39%;}
    .ContactUs .ContactUsnBtn{ margin-top: 10px;}

    .PH-HelpAsk .WhatsApp{margin-bottom: 5px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #ContentWarp {padding: 10px 0;}
    .HelpCenterTitle{ font-size: 16px;}
    .HelpCenterList li{font-size: 14px;}
    .ulTitle li{ font-size: 13px;}
    .HelpLeft{ width: 242px; margin-right: 10px;}
    .HelpRight{ width: calc(100% - 252px);}
    .SearchPages{ padding: 10px; flex-wrap: wrap;}
    .searchLeft{ font-size: 14px; width: 100%; margin-bottom: 10px;}
    .searchRight{ width: 100%;}
    .searchLeft strong{ font-size: 15px; margin-bottom: 5px;}
    .HelpItemNav{ padding: 10px 0;}
    .HelpItemNav li{ padding: 10px 0; font-size: 15px; width: 35% !important;}
    .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.FAQ:hover span:before, .HelpItemNav li.FAQ.Current span:before{ background-position: -63px 20px;}
    .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;}
    .HelpItemNav li:after{border-width:10px 14px 0; bottom: -10px;}
    .HelpItemList{ padding: 10px 15px 15px; font-size: 14px; line-height: 26px;}
    .HelpItem h3{ font-size: 16px; padding: 5px;}
    .HelpItem{ padding: 10px; border-top-width: 10px;}
    .Helplist dd{ line-height: 26px;}
    .ContactUs{ padding: 10px 10px 15px;}
    .ContactUs p{ line-height: 21px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .HelpCenterTitle{ font-size: 18px;}
    .HelpLeft{ width: 242px; margin-right: 10px;}
    .HelpRight{ width: calc(100% - 252px);}
    .SearchPages{ padding: 15px 20px;}
    .searchLeft{ font-size: 14px; width: 260px;}
    .searchRight{ width: calc(100% - 260px);}
    .searchRight li:first-child{ width: calc(100% - 105px); margin-right: 5px;}
    .searchLeft strong{ font-size: 16px; margin-bottom: 5px;}
    .HelpItemNav{ padding: 10px 0;}
    .HelpItemNav li{ padding: 10px 0; font-size: 16px;}
    .HelpItemNav li span{ padding: 15px 0 10px;}
    .HelpItemNav li span:before{ width: 78px; height: 78px; margin-bottom: 15px;}
    .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.FAQ:hover span:before, .HelpItemNav li.FAQ.Current span:before{ background-position: -63px 20px;}
    .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;}
    .HelpItemNav li:after{border-width:10px 14px 0; bottom: -10px;}
    .HelpItemList{ padding: 10px 20px 20px; font-size: 15px; line-height: 32px;}
    .HelpItem{ padding: 10px; border-top-width: 10px;}
    .ContactUs{ padding: 10px 10px 15px;}
    .ContactUs p{ line-height: 21px;}
    .Ph-HelpDetail .help_main table {width: 100% !important;}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .HelpItemNav li span{ padding: 5px 0 0;}
    .HelpItemNav li span:before{ margin-bottom: 10px;}
}
@media only screen and (min-width: 1366px) and (max-width: 1535px) {
    .HelpLeft{ width: 252px; margin-right: 13px;}
    .HelpRight{ width: calc(100% - 265px);}
    .SearchPages{ padding: 20px 30px;}
    .searchLeft{ font-size: 15px;}
    .searchLeft strong{ font-size: 18px; margin-bottom: 5px;}
    .HelpItemNav li{ padding: 10px 0; font-size: 18px;}
    .HelpItemList{ padding: 15px 25px 25px;}
    .ContactUs{ padding: 10px 10px 15px;}

}
@media only screen and (min-width: 1800px) {
    .SearchPages{ padding: 30px 50px;}
}