@font-face {font-family: B Yekan;src: url("../fonts/BYekan.ttf") format("truetype")        ;}
    @font-face {font-family: Yekan Bakh;src: url("../fonts/YekanBakh.ttf") format("truetype")  ;}
    @font-face {font-family: Tahoma;src: url("../fonts/Tahoma.ttf")  format("truetype")        ;}
    @font-face {font-family: B Leyla;src: url("../fonts/BLeyla.ttf")  format("truetype")       ;}
    @font-face {font-family: B Jadid;src: url("../fonts/BJadid.ttf") format("truetype")        ;}
    @font-face {font-family: B Titr;src: url("../fonts/BTitr.ttf")   format("truetype")        ;}
    @font-face {font-family: B Tabassom;src: url("../fonts/BTabassom.ttf") format("truetype")  ;}
    @font-face {font-family: B Shabnam;src: url("../fonts/Shabnam.ttf") format("truetype")     ;}
    @font-face {font-family: Dastnevis;src: url("../fonts/Dastnevis.ttf") format("truetype")   ;}
    @font-face {font-family: IRANYekanX;src: url("../fonts/IRANYekanX.ttf") format("truetype") ;}
    

    /* body {overflow-x: hidden;background: linear-gradient(to top, #14035e, #14035e);user-select: none;height: 900px;} */
    body {overflow-x: hidden;background: linear-gradient(to top, #000, #000);user-select: none;height: 900px;}
    /*background-image: linear-gradient(to bottom,#fff, #fc9ded, #fff, #fc9ded, #fff, #fc9ded, #fff);background-repeat: no-repeat;*/
    /* body{overflow-x: hidden;background-color: #cbecfc;user-select: none                     ;} */
    ::-webkit-scrollbar {width:7px;background-color:#f0f0f0                                  ;}
    ::-webkit-scrollbar-thumb{background-color: #b8b8b8                                      ;}



    .TopPanel{position: absolute;width: 1850px;height: 85px;right: 50%;transform: translateX(Calc(50%));top: 5px;border: 1px solid transparent;border-radius: 0px;}
    .TopPanel .TopPanel_MidPanel{position: absolute;width: 1600px;height: 79px;right: 50%;transform: translateX(Calc(50%));top: 2px;border: 1px solid transparent;border-radius: 0px;}
    .TopPanel .TopPanel_MidPanel img{position: absolute;width: 120px;height: 50px;right: 12px;top: 12px;cursor: pointer;transition: transform 0.5s ease;}  .TopPanel .TopPanel_MidPanel img:hover{transform: scale(1.03);}
    .TopPanel .TopPanel_MidPanel #line{position: absolute;width: 1px;height: 41px;border: 1px solid transparent;border-right-color: #FFA500;top: 19px;right: 150px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_Store {position: absolute;color: #000;font-family: 'Yekan Bakh';font-size: 16px;right: 160px;top: 21px;width: 95px;border: 1px solid transparent;
     direction: rtl;text-align: center;padding: 5px;padding-right: 10px;height: 25px;cursor: pointer;background-color: #FFA500;border-radius: 5px;}    .TopPanel .TopPanel_MidPanel #TopPanel_Store:hover{background-color: #000;color: #77f777;border: 1px solid #77f777;border-radius: 5px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_Inf {position: absolute;color: #FFA500;font-family: 'Yekan Bakh';font-size: 16px;right: 280px;top: 21px;width: 95px;border: 1px solid transparent;
     direction: rtl;text-align: center;padding: 5px;padding-right: 10px;height: 25px;cursor: pointer;border-right-color: #FFA500;font-weight: 100;}  .TopPanel .TopPanel_MidPanel #TopPanel_Inf:hover{color: #77f777;border: 1px solid #77f777;border-radius: 5px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_Order {position: absolute;color: #FFA500;font-family: 'Yekan Bakh';font-size: 16px;right: 400px;top: 21px;width: 100px;border: 1px solid transparent;
     direction: rtl;text-align: center;padding: 5px;padding-right: 10px;height: 25px;cursor: pointer;border-right-color: #FFA500;}  .TopPanel .TopPanel_MidPanel #TopPanel_Order:hover{color: #77f777;border: 1px solid #77f777;border-radius: 5px;}
     .TopPanel .TopPanel_MidPanel #TopPanel_login {position: absolute;color: #FFA500;font-family: 'Yekan Bakh';font-size: 16px;left: 0px;top: 21px;width: 300px;border: 1px solid transparent;
     direction: rtl;text-align: left;padding: 5px;height: 25px;cursor: pointer;padding-left: 5px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_account {position: absolute;color: #FFA500;font-family: 'Yekan Bakh';font-size: 16px;left: 0px;top: 21px;width: 150px;border: 1px solid transparent;
     direction: rtl;text-align: left;padding: 5px;height: 25px;cursor: pointer;padding-left: 5px;}    

    .TopPanel .TopPanel_MidPanel .xscore{position: absolute;width: 195px;height: 25px;float: left;left: 95px;top: 50px;user-select: none;border: 1.0px solid transparent;border-radius: 1px;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarA{position: absolute;float: left;left: 2px  ;width: 25px;top: 1px;height: 22px;border: 1px solid transparent;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarB{position: absolute;float: left;left: 2px  ;width: 25px;top: 1px;height: 22px;border: 1px solid transparent;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarC{position: absolute;float: left;left: 30px ;width: 25px;top: 1px;height: 22px;border: 1px solid transparent;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarD{position: absolute;float: left;left: 30px ;width: 25px;top: 1px;height: 22px;border: 1px solid transparent;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarE{position: absolute;float: left;left: 58px ;width: 25px;top: 1px;height: 22px;border: 1px solid transparent;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarF{position: absolute;float: left;left: 58px ;width: 25px;top: 1px;height: 22px;border: 1px solid transparent;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarG{position: absolute;float: left;left: 86px ;width: 25px;top: 1px;height: 22px;border: 1px solid transparent;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarH{position: absolute;float: left;left: 86px ;width: 25px;top: 1px;height: 22px;border: 1px solid transparent;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarI{position: absolute;float: left;left: 114px;width: 25px;top: 1px;height: 22px;border: 1px solid transparent;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarJ{position: absolute;float: left;left: 114px;width: 25px;top: 1px;height: 22px;border: 1px solid transparent;}

    .TopPanelVideo{position: absolute;right: 50%;transform: translateX(Calc(50%));border: 1px dashed #FFA500;top: 100px;width: 1600px;height: 696px;border-radius: 40px;padding: 5px;cursor: pointer;}
    .TopPanelVideo video{position: absolute;width: 1600px;height: 696px;top: 5px;right: 50%;transform: translateX(Calc(50%));object-fit: cover;object-position: center;pointer-events: none;border-radius: 40px;}
    .BtmPanelVideo{position: absolute;width: 350px;top: 815px;right: 50%;transform: translateX(50%);border: 1px solid transparent;height: 40px;}
    .BtmPanelVideo #LBtmPanelVideo_001{position: absolute;border-radius: 10px;border: 1px solid #FFA500;width: 30px;height: 15px;top: 12px;left: 50px;background-color: #FFA500;}
    .BtmPanelVideo #LBtmPanelVideo_002{position: absolute;border-radius: 50%;border: 1px solid #FFA500;width: 15px;height: 15px;top: 12px;left: 100px;background-color: #000;}
    .BtmPanelVideo #LBtmPanelVideo_003{position: absolute;border-radius: 50%;border: 1px solid #FFA500;width: 15px;height: 15px;top: 12px;left: 150px;background-color: #000;}
    .BtmPanelVideo #LBtmPanelVideo_004{position: absolute;border-radius: 50%;border: 1px solid #FFA500;width: 15px;height: 15px;top: 12px;left: 200px;background-color: #000;}
    .BtmPanelVideo #LBtmPanelVideo_005{position: absolute;border-radius: 50%;border: 1px solid #FFA500;width: 15px;height: 15px;top: 12px;left: 250px;background-color: #000;}

    .UIPanelInf {--panel-position-x: 520px;position: absolute;right: 50%;top: 80px;width: 250px;height: 400px; border: 1px solid #FFA500;border-radius: 10px;background-color: #000;z-index: 1;overflow: hidden;
    transform: translateX(var(--panel-position-x)) scaleY(0);transform-origin: top center; opacity: 0; animation: UIPanelInfIn 700ms ease-out forwards;}
    @keyframes UIPanelInfIn {from {transform: translateX(var(--panel-position-x)) scaleY(0); opacity: 0;}  to { transform: translateX(var(--panel-position-x)) scaleY(1); opacity: 0.98;}}

    .PanelOrder{position: fixed; left: 50%; transform: translate(-50%, -50%) scale(0.7);top: 450px;width: 680px;height: 600px;border: 1px solid #FFA500;background-color: #000;
     border-radius: 10px;animation: PanelOrderIn 300ms ease-out forwards;z-index: 1;overflow: hidden;}
     @keyframes PanelOrderIn { from { transform: translate(-50%, -40%) scale(0.4); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 0.95; }}
    .PanelOrderOut {animation: EtbHistoryOut 220ms ease-in forwards;}
     @keyframes EtbHistoryOut{from{transform: translate(-50%, -50%) scale(1);opacity:0.95;}
     to{transform: translate(-50%, -40%) scale(0.4);opacity:0;}}
    .PanelOrder #PanelOrder_BtClose{position: absolute;left: 20px;top: 20px;width: 25px;height: 25px;border: 1px solid transparent;cursor: pointer;}
    .PanelOrder #PanelOrder_txt{position: absolute;right: 20px;top: 55px;font-size: 22px;font-family: 'Yekan Bakh';font-style: normal;color: #fff;border: 1px solid transparent;width: 650px;direction: rtl;text-align: right;}
    
    .PanelOrder #PanelOrder_CountySelect{position: absolute;top: 171px;height: 47px;border-radius: 5px;right: 50%;transform: translateX(Calc(50% + 170px));cursor: pointer;font-size: 22px;font-family: 'Yekan Bakh';font-style: normal;
     border: 1px solid #fff;width: 250px;direction: ltr;text-align: center;background-color: #464646;color: #fff;}
    .PanelOrder #PanelOrder_LCountySelect{position: absolute;top: 145px;height: 40px;border-radius: 5px;right: 50%;transform: translateX(Calc(50% + 185px));font-size: 12px;font-family: 'Yekan Bakh';font-style: normal;
     border: 1px solid transparent;width: 200px;direction: ltr;text-align: right;background-color: #000;color: #b8b8b8;}    
    .PanelOrder #PanelOrder_Phone{position: absolute;top: 170px;height: 45px;border-radius: 5px;right: 50%;transform: translateX(Calc(50% - 100px));font-size: 22px;font-family: 'Yekan Bakh';font-style: normal;
     border: 1px solid #fff;width: 250px;direction: ltr;text-align: center;background-color: #000;color: #fff;} .PanelOrder #PanelOrder_Phone:focus{outline: none;background-color: #000 !important;}
    .PanelOrder #PanelOrder_Address{position: absolute;top: 240px;height: 45px;border-radius: 5px;right: 50%;transform: translateX(Calc(50% + 34px));font-size: 22px;font-family: 'Yekan Bakh';font-style: normal;
     border: 1px solid #fff;width: 517px;direction: rtl;text-align: right;background-color: #000;color: #fff;} .PanelOrder #PanelOrder_Address:focus{outline: none;background-color: #000 !important;} .PanelOrder #PanelOrder_Address::placeholder {text-align: center; direction: rtl;}
    .PanelOrder #PanelOrder_Des{position: absolute;top: 315px;height: 45px;border-radius: 5px;right: 50%;transform: translateX(Calc(50% + 34px));font-size: 22px;font-family: 'Yekan Bakh';font-style: normal;
     border: 1px solid #fff;width: 517px;direction: rtl;text-align: right;background-color: #000;color: #fff;} .PanelOrder #PanelOrder_Des:focus{outline: none;background-color: #000 !important;} .PanelOrder #PanelOrder_Des::placeholder {text-align: center; direction: rtl;}
    .PanelOrder #PanelOrder_FixType{position: absolute;top: 397px;height: 50px;border-radius: 5px;right: 50%;transform: translateX(Calc(50% + 140px));cursor: pointer;font-size: 22px;font-family: 'Yekan Bakh';font-style: normal;
     border: 1px solid #fff;width: 200px;direction: ltr;text-align: center;background-color: #464646;color: #fff;} .PanelOrder #PanelOrder_FixType:focus{outline: none;background-color: #000 !important;}
    .PanelOrder #PanelOrder_LFixType{position: absolute;top: 372px;height: 20px;border-radius: 5px;right: 50%;transform: translateX(Calc(50% + 34px));font-size: 12px;font-family: 'Yekan Bakh';font-style: normal;
     border: 1px solid transparent;width: 517px;direction: ltr;text-align: center;background-color: #000;color: #b8b8b8;}
    .PanelOrder #PanelOrder_BtOk{position: absolute;left: 160px;top: 397px;width: 200px;height: 50px;border: 1px solid #fff;border-radius: 5px;cursor: pointer;background-color: #464646;color: #fff;font-size: 16px;
     font-family: 'Yekan Bakh';} .PanelOrder #PanelOrder_BtOk:active{width: 196px;left: 162px;top: 399px;height: 46px;}
     .PanelOrder #PanelOrder_BtxOk{position: absolute;left: 160px;top: 397px;width: 200px;height: 50px;border: 1px solid #939393;border-radius: 5px;cursor: pointer;background-color: #464646;color: #939393;font-size: 16px;
     font-family: 'Yekan Bakh';}

    .PanelOrder .PanelOrder_DivxToRegist{position: absolute;width: 520px;right: 50%;height: 90px;transform: translateX(Calc(50% + 32px));top: 465px;border: 1px solid #fff;border-radius: 5px;background-color: #464646;}
    .PanelOrder .PanelOrder_DivxToRegist #PanelOrder_txxSmsCode{position: absolute;right: 45px;top: 20px;border: 1px solid #939393;border-radius: 5px;width: 200px;height: 42px;font-size: 22px;font-family: 'Yekan Bakh';
     background-color: #464646;color: #939393;text-align: center;direction: ltr; letter-spacing: 12px;padding: 5px;} .PanelOrder .PanelOrder_DivToRegist #PanelOrder_txSmsCode:focus{outline: none;}
    .PanelOrder .PanelOrder_DivxToRegist #PanelOrder_BtxSave{position: absolute;left: 45px;top: 20px;border: 1px solid #939393;border-radius: 5px;width: 200px;height: 55px;font-size: 22px;font-family: 'Yekan Bakh';
     background-color: #464646;color: #939393;text-align: center;direction: ltr; letter-spacing: 12px;padding: 5px;}
    .PanelOrder .PanelOrder_DivToRegist {--regist-x: calc(50% + 32px); position: absolute; width: 520px; height: 90px; right: 50%; top: 465px; border: 1px solid #fff; border-radius: 5px; opacity: 0; transform: translateX(var(--regist-x)) translateY(35px) scale(0.94); transform-origin: center bottom; animation: PanelOrderRegistIn 700ms cubic-bezier(0.22, 1, 0.36, 1) forwards;}
    .PanelOrder .PanelOrder_DivToRegist {--regist-x: calc(50% + 32px); position: absolute; width: 520px; height: 90px; right: 50%; top: 465px; border: 1px solid #fff; border-radius: 5px; opacity: 0; transform: translateX(var(--regist-x)) translateY(55px) scale(0.35); transform-origin: center center; animation: PanelOrderRegistPopIn 750ms cubic-bezier(0.25, 1, 0.5, 1) forwards;}

    @keyframes PanelOrderRegistPopIn{0%{opacity:0;filter:blur(6px);transform:translateX(var(--regist-x)) translateY(55px) scale(.35)}75%{opacity:1;filter:blur(0);transform:translateX(var(--regist-x)) translateY(-8px) scale(1.04)}100%{opacity:1;filter:blur(0);transform:translateX(var(--regist-x)) translateY(0) scale(1)}}
    .CoIntroSection{width:100%;max-width:900px;margin:40px auto;padding:30px 25px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);border:1px solid #eef0f3;direction:rtl;text-align:center;box-sizing:border-box}
    .CoIntroContent .CoIntroSectionTitle{font-size:1.6rem;font-weight:800;color:#1a202c;margin-bottom:18px;line-height:1.4;position:relative;display:inline-block}
    .CoIntroContent .CoIntroSectionTitle::after{content:"";display:block;width:60px;height:3px;background:#d4af37;margin:10px auto 0;border-radius:2px}
    .CoIntroContent .CoIntroLead{font-size:1.1rem;font-weight:500;color:#2d3748;line-height:1.8;margin-bottom:14px}
    .CoIntroContent .CoIntroDescription{font-size:.95rem;color:#718096;line-height:1.85;margin:0}
    


     .PanelOrder .PanelOrder_DivToRegist #PanelOrder_txSmsCode{position: absolute;right: 45px;top: 20px;border: 1px solid #fff;border-radius: 5px;width: 200px;height: 42px;font-size: 22px;font-family: 'Yekan Bakh';
     background-color: #000;color: #fff;text-align: center;direction: ltr; letter-spacing: 12px;padding: 5px;} .PanelOrder .PanelOrder_DivToRegist #PanelOrder_txSmsCode:focus{outline: none;}
     .PanelOrder .PanelOrder_DivToRegist #PanelOrder_BtSave{position: absolute;left: 45px;top: 20px;border: 1px solid #fff;border-radius: 5px;width: 200px;height: 55px;font-size: 22px;font-family: 'Yekan Bakh';
     background-color: #464646;color: #fff;text-align: center;direction: ltr; letter-spacing: 12px;padding: 5px;cursor: pointer;}
     .PanelOrder .PanelOrder_DivToRegist #PanelOrder_BtSave:active{width: 196px;height: 51px;top: 22px;left: 47px;}
     .PanelOrder #PanelOrder_Lwait{position: absolute;right: 50%;transform: translateX(50%);color: #FFA500;background-color: transparent;font-size: 22px;font-family: 'Yekan Bakh';
      border: 1px solid transparent;width: 650px;height: 30px;top: 500px;text-align: center;direction: rtl;padding: 5px;}
    /*CSS_login528001------------------------------------------------------------------------------------------------------------------------------------------------*/
    .Loginform{position: fixed; left: 50%; transform: translate(-50%, -50%) scale(0.7);top: 450px;width: 480.0px;height: 385.0px;border: 1px solid #FFA500;background-color: #000;
     border-radius: 10px;animation: LoginformIn 300ms ease-out forwards;z-index: 1;overflow: hidden;}
     @keyframes LoginformIn { from { transform: translate(-50%, -40%) scale(0.4); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 0.95; }}
    .LoginformOut {animation: EtbHistoryOut 220ms ease-in forwards;}
     @keyframes EtbHistoryOut{from{transform: translate(-50%, -50%) scale(1);opacity:0.95;}
     to{transform: translate(-50%, -40%) scale(0.4);opacity:0;}}

    .Loginform #MenuInput{position: absolute;width: 60px;height: 15px;color: #000;border: 1px solid #fff;border-radius: 3px;background-color: #fff;font-size: 12px;font-family: 'Yekan Bakh';top: 30px;
    float: right;right: 5px;text-align: center;padding: 5px;cursor: pointer;} .Loginform #MenuInput:hover{color: #000;background-color: #fff;}
    .Loginform #MenuRegist{position: absolute;width: 60px;height: 15px;color: #fff;border: 1px solid #fff;border-radius: 3px;background-color: transparent;font-size: 12px;font-family: 'Yekan Bakh';top: 30px;
    float: right;right: 80px;text-align: center;padding: 5px;cursor: pointer;} .Loginform #MenuRegist:hover{color: #000;background-color: #fff;}
    .Loginform #MenuLost{position: absolute;width: 135px;height: 15px;color: #fff;border: 1px solid #fff;border-radius: 3px;background-color: transparent;font-size: 12px;font-family: 'Yekan Bakh';top: 60px;
    float: right;right: 5px;text-align: center;padding: 5px;cursor: pointer;} .Loginform #MenuLost:hover{color: #000;background-color: #fff;}
    .Loginform #ltime{position: absolute;width: 110px;height: 40px;color: #fff;border: 1px solid transparent;border-radius: 3px;background-color: transparent;font-size: 36px;font-family: 'Yekan Bakh';font-weight: 600;top: 38px;
    float: left;left: 50px;text-align: center;padding: 5px;cursor: pointer;}
    .Loginform #lxtime{position: absolute;width: 120px;height: 20px;color: #fff;border: 1px solid transparent;border-radius: 3px;background-color: transparent;font-size: 10px;font-family: 'Yekan Bakh';top: 90px;
    float: left;left: 50px;text-align: center;}
    .Loginform #Blogo{position: absolute;width: 20%;height: 25%;top: 10.0px;float: right;right: 50%;transform: translate(50%,0); border: 1.0px dashed transparent;border-radius: 50%; outline: 4px dotted #fff;
    user-select: none;background-color: #fff;padding: -30px;}
    .Loginform #Btclose{position: absolute;width: 20px;height: 20px;top: 15px;float: left;left: 15px;cursor: pointer;}
    .Loginform .UxLoginform{position: absolute;width: 478px;height: 263px;float: right;right: 50%;transform: translateX(50%);top: 120px;border: 1.0px solid transparent;border-radius: 0 0 10px 10px;
    user-select: none;background-color: #000;overflow: hidden;}
    .Loginform .UxLoginform #UxLoginForm_txaccount{position: absolute;float: right;right: 50%;transform: translateX(50%);top: 30px;border: 1.0px solid #fff;border-radius: 3.50px;width: 290.0px;height: 55px;font-family: 'B Yekan';
    user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;outline: 3.50px solid transparent;direction: ltr;}
    .Loginform .UxLoginform #UxLoginForm_txaccount::placeholder{color: #f0f0f0;font-family: 'B Yekan';text-align: center;font-size: 15.50px;}
    .Loginform .UxLoginform #LBaccount{position: absolute;float: right;right: 50%;transform: translateX(-80px);top: 8px;border: 1.0px solid transparent;width: 70px;height: 18px;font-family: 'Yekan Bakh';
    user-select: none;text-align: right;font-size: 16px;color: #fff;background-color: transparent;direction: ltr;padding-bottom: 2px;}
    .Loginform .UxLoginform #LBpassword{position: absolute;float: right;right: 50%;transform: translateX(-80px);top: 88px;border: 1.0px solid transparent;width: 70px;height: 18px;font-family: 'Yekan Bakh';
    user-select: none;text-align: right;font-size: 16px;color: #fff;background-color: transparent;direction: ltr;padding-bottom: 2px;}
    .Loginform .UxLoginform #Btpassword{position: relative;float: right;right: 50%;transform: translateX(50%);top: 110px;border: 1.0px solid #fff;border-radius: 4.0px;width: 290.0px;height: 55px;font-family: 'B Yekan';
    user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;outline: 4.0px solid transparent;direction: ltr;}
    .Loginform .UxLoginform #Bpassword{position: absolute;float: right;right: 50%;transform: translateX(50%);top: 110px;border: 1.0px solid #fff;border-radius: 4.0px;width: 290.0px;height: 55px;font-family: 'B Yekan';
    user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;outline: 4.0px solid transparent;direction: ltr;}
    .Loginform .UxLoginform #Bpassword::placeholder{color: #f0f0f0;font-family: 'B Yekan';text-align: center;font-size: 15.50px;}
    .Loginform .UxLoginform #Bsubmit{position: absolute;color: #FFA500;font-family: 'B Yekan';font-size: 20px;float: right;right: 50%;transform: translateX(calc(50% - 78px));top: 190px; width: 140px;border: 1.0px solid #fff;
    height: 55px;text-align: center;direction: rtl;cursor: pointer;background-color: #000;border-radius: 8.0px;}
    .Loginform .UxLoginform #Bsubmit:hover{background-color: #000;color: #77f777;border: 1.0px solid #77f777;}
    .Loginform .UxLoginform #Bsubmit:active{background-color: #fff;color: #000;}
    .Loginform .UxLoginform #BTsmstologin{position: absolute;color: #FFA500;font-family: 'B Yekan';font-size: 20px;float: right;right: 50%;transform: translateX(calc(50% + 75px));top: 190px; width: 140px;border: 1.0px solid #fff;
    height: 55px;text-align: center;direction: rtl;cursor: pointer;background-color: #000;border-radius: 8.0px;}
    .Loginform .UxLoginform #BTsmstologin:hover{background-color: #000;color: #77f777;border: 1.0px solid #77f777;}
    .Loginform .UxLoginform #BTsmstologin:active{background-color: #fff;color: #000;}
    .Loginform .UxLoginform #BTXsmstologin{position: absolute;color: #d1d1d1;font-family: 'B Yekan';font-size: 20px;float: right;right: 50%;transform: translateX(calc(50% + 75px));top: 190px; width: 140px;border: 1.0px solid #fff;
    height: 55px;text-align: center;direction: rtl;cursor: pointer;background-color: #000;border-radius: 8.0px;}
    .Loginform .UxLoginform #BLcheckbox{position: absolute;float: right;right: 50%;transform: translateX(calc(50% + 105px));top: 85px;border: 1.0px solid transparent;border-radius: 2.0px;width: 70px;height: 15px;
    font-family: 'B Yekan'; user-select: none;text-align: center;font-size: 10px;color: #fff;background-color: transparent;cursor: pointer;padding-right: 25px;padding-top: 5px; padding-bottom: 5px;}
    .Loginform .UxLoginform #BLcheckbox #Bcheckbox{position: absolute;top: 3px;width: 12px;height: 12px;border: 1px solid transparent;float: right;right: 50%;transform: translateX(calc(50% + 35px));}
    .Loginform .UxLoginform #ltime{position: absolute;float: left;left: 164.0px;top: 290.0px;font-size: 15.50px;font-family: 'B Yekan';color: #fff;}
    .Loginform .UxLostform{position: absolute;width: 478px;height: 263px;float: right;right: 50%;transform: translateX(50%);top: 120px;border: 1.0px solid transparent;border-radius: 0 0 10px 10px;
    user-select: none;background-color: #000;overflow: hidden;}
    .Loginform .UxLostform #tphone{position: absolute;float: right;right: 50%;transform: translateX(50%);top: 30px;border: 1.0px solid #fff;border-radius: 3.50px;width: 290.0px;height: 55px;font-family: 'B Yekan';
    user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;outline: 3.50px solid transparent;direction: ltr;}
    .Loginform .UxLostform #tphone::placeholder{color: #f0f0f0;font-family: 'B Yekan';text-align: center;font-size: 15.50px;}
    .Loginform .UxLostform #BLostsubmit{position: absolute;color: #FFA500;font-family: 'B Yekan';font-size: 20px;float: right;right: 50%;transform: translateX(calc(50% - 78px));top: 190px; width: 140px;border: 1.0px solid #fff;
    height: 55px;text-align: center;direction: rtl;cursor: pointer;background-color: #000;border-radius: 8.0px;}
    .Loginform .UxLostform #BLostsubmit:hover{background-color: #000;color: #77f777;border: 1.0px solid #77f777;}
    .Loginform .UxLostform #BLostsubmit:active{background-color: #fff;color: #000;}
    .Loginform .UxLostform #BTLostsmstologin{position: absolute;color: #FFA500;font-family: 'B Yekan';font-size: 20px;float: right;right: 50%;transform: translateX(calc(50% + 75px));top: 190px; width: 140px;border: 1.0px solid #fff;
    height: 55px;text-align: center;direction: rtl;cursor: pointer;background-color: #000;border-radius: 8.0px;}
    .Loginform .UxLostform #BTLostsmstologin:hover{background-color: #000;color: #77f777;border: 1.0px solid #77f777;}
    .Loginform .UxLostform #BTLostsmstologin:active{background-color: #fff;color: #000;}
    .Loginform .UxLostform #BTXLostsmstologin{position: absolute;color: #d1d1d1;font-family: 'B Yekan';font-size: 20px;float: right;right: 50%;transform: translateX(calc(50% + 75px));top: 190px; width: 140px;border: 1.0px solid #fff;
    height: 55px;text-align: center;direction: rtl;cursor: pointer;background-color: #000;border-radius: 8.0px;}
    .Loginform .UxLostform #BLLostcheckbox{position: absolute;float: right;right: 50%;transform: translateX(calc(50% + 105px));top: 85px;border: 1.0px solid transparent;border-radius: 2.0px;width: 70px;height: 15px;
    font-family: 'B Yekan'; user-select: none;text-align: center;font-size: 10px;color: #fff;background-color: transparent;cursor: pointer;padding-right: 25px;padding-top: 5px; padding-bottom: 5px;}
    .Loginform .UxLostform #LBLostpassword{position: absolute;float: right;right: 50%;transform: translateX(-80px);top: 88px;border: 1.0px solid transparent;width: 70px;height: 18px;font-family: 'Yekan Bakh';
    user-select: none;text-align: right;font-size: 16px;color: #fff;background-color: transparent;direction: ltr;padding-bottom: 2px;}
    .Loginform .UxLostform #BtLostpassword{position: relative;float: right;right: 50%;transform: translateX(50%);top: 110px;border: 1.0px solid #fff;border-radius: 4.0px;width: 290.0px;height: 55px;font-family: 'B Yekan';
    user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;outline: 4.0px solid transparent;direction: ltr;}
    .Loginform .UxLostform #BLostpassword{position: absolute;float: right;right: 50%;transform: translateX(50%);top: 110px;border: 1.0px solid #fff;border-radius: 4.0px;width: 290.0px;height: 55px;font-family: 'B Yekan';
    user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;outline: 4.0px solid transparent;direction: ltr;}
    .Loginform .UxLostform #BLostpassword::placeholder{color: #f0f0f0;font-family: 'B Yekan';text-align: center;font-size: 15.50px;}
    .Loginform .UxLostform #BLLostcheckbox #BLostcheckbox{position: absolute;top: 3px;width: 12px;height: 12px;border: 1px solid transparent;float: right;right: 50%;transform: translateX(calc(50% + 35px));}
    .Loginform .UxLostform #ltime{position: absolute;float: left;left: 164.0px;top: 290.0px;font-size: 15.50px;font-family: 'B Yekan';color: #fff;}
    .Loginform .UxLostform #LLostphone{position: absolute;float: right;right: 50%;transform: translateX(-50px);top: 8px;border: 1.0px solid transparent;width: 100px;height: 18px;font-family: 'Yekan Bakh';user-select: none;text-align: right;font-size: 16px;color: #fff;background-color: transparent;direction: ltr;padding-bottom: 2px;}
    .Loginform .UxRgstform{position: absolute;width: 478px;height: 263px;float: right;right: 50%;transform: translateX(50%);top: 120px;border: 1.0px solid transparent;border-radius: 0 0 10px 10px; user-select: none;background-color: #000;overflow: hidden;}
    .Loginform .UxRgstform #BTRgstaccount{position: absolute;float: right;right: 50%;transform: translateX(-5px);top: 30px;border: 1.0px solid #fff;border-radius: 3.50px;width: 190px;height: 55px;font-family: 'B Yekan';user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;outline: 3.50px solid transparent;direction: ltr;}
    .Loginform .UxRgstform #BTRgstaccount::placeholder{color: #f0f0f0;font-family: 'B Yekan';text-align: center;font-size: 15.50px;}
    .Loginform .UxRgstform #LBRgstaccount{position: absolute;float: right;right: 50%;transform: translateX(-130px);top: 8px;border: 1.0px solid transparent;width: 70px;height: 18px;font-family: 'Yekan Bakh';user-select: none;text-align: left;font-size: 16px;color: #fff;background-color: transparent;direction: ltr;padding-bottom: 2px;}
    .Loginform .UxRgstform #BTRgstphone{position: absolute;float: right;right: 50%;transform: translateX(205px);top: 30px;border: 1.0px solid #fff;border-radius: 3.50px;width: 200px;height: 55px;font-family: 'B Yekan';user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;outline: 3.50px solid transparent;direction: ltr;}
    .Loginform .UxRgstform #BTRgstphone::placeholder{color: #f0f0f0;font-family: 'B Yekan';text-align: center;font-size: 15.50px;}
    .Loginform .UxRgstform #LBRgstphone{position: absolute;float: right;right: 50%;transform: translateX(95px);top: 8px;border: 1.0px solid transparent;width: 100px;height: 18px;font-family: 'Yekan Bakh';user-select: none;text-align: left;font-size: 16px;color: #fff;background-color: transparent;direction: ltr;padding-bottom: 2px;}
    .Loginform .UxRgstform #BTRgstgmail{position: absolute;float: right;right: 50%;transform: translateX(205px);top: 110px;border: 1.0px solid #fff;border-radius: 3.50px;width: 200px;height: 55px;font-family: 'B Yekan';user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;outline: 3.50px solid transparent;direction: ltr;}
    .Loginform .UxRgstform #BTRgstgmail::placeholder{color: #f0f0f0;font-family: 'B Yekan';text-align: center;font-size: 15.50px;}
    .Loginform .UxRgstform #LBRgstgmail{position: absolute;float: right;right: 50%;transform: translateX(40px);top: 90px;border: 1.0px solid transparent;width: 38px;height: 18px;font-family: 'Yekan Bakh';user-select: none;text-align: left;font-size: 16px;color: #fff;background-color: transparent;direction: ltr;padding-bottom: 2px;}
    .Loginform .UxRgstform #LBRgstpassword{position: absolute;float: right;right: 50%;transform: translateX(-135px);top: 88px;border: 1.0px solid transparent;width: 70px;height: 18px;font-family: 'Yekan Bakh';user-select: none;text-align: right;font-size: 16px;color: #fff;background-color: transparent;direction: ltr;padding-bottom: 2px;}
    .Loginform .UxRgstform #BtRgstpassword{position: relative;float: right;right: 50%;transform: translateX(-5px);top: 110px;border: 1.0px solid #fff;border-radius: 4.0px;width: 190px;height: 55px;font-family: 'B Yekan';user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;outline: 4.0px solid transparent;direction: ltr;}
    .Loginform .UxRgstform #BRgstpassword{position: absolute;float: right;right: 50%;transform: translateX(-5px);top: 110px;border: 1.0px solid #fff;border-radius: 4.0px;width: 190px;height: 55px;font-family: 'B Yekan';user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;outline: 4.0px solid transparent;direction: ltr;}
    .Loginform .UxRgstform #BRgstpassword::placeholder{color: #f0f0f0;font-family: 'B Yekan';text-align: center;font-size: 15.50px;}
    .Loginform .UxRgstform #BLRgstcheckbox{position: absolute;float: right;right: 50%;transform: translateX(calc(50% - 45px));top: 85px;border: 1.0px solid transparent;border-radius: 2px;width: 70px;height: 15px;font-family: 'B Yekan'; user-select: none;text-align: center;font-size: 10px;color: #fff;background-color: transparent;cursor: pointer;padding-right: 25px;padding-top: 5px; padding-bottom: 5px;user-select: none;}
    .Loginform .UxRgstform #BRgstcheckbox{position: absolute;top: 3px;width: 12px;height: 12px;border: 1px solid transparent;float: right;right: 50%;transform: translateX(calc(50% + 35px));cursor: pointer;}
    .Loginform .UxRgstform #LValidCode{position: absolute;float: right;right: 50%;transform: translateX(258px);top: 8px;border: 1px solid transparent;width: 40px;height: 18px;font-family: 'Yekan Bakh';user-select: none;text-align: center;font-size: 16px;color: #fff;background-color: transparent;direction: ltr;padding-bottom: 2px;}
    .Loginform .UxRgstform #BtRgstCode{position: absolute;color: #FFA500;font-family: 'B Yekan';font-size: 20px;left: 38px;top: 190px; width: 140px;border: 1.0px solid #fff;height: 55px;text-align: center;direction: rtl;cursor: pointer;background-color: #000;border-radius: 8.0px;}
    .Loginform .UxRgstform #BtRgstCode:hover{background-color: #000;color: #77f777;border: 1.0px solid #77f777;}
    .Loginform .UxRgstform #BtRgstCode:active{background-color: #fff;color: #000;}
    .Loginform .UxRgstform #BtXRgstCode{position: absolute;color: #fff;font-family: 'B Yekan';font-size: 20px;left: 38px;top: 190px; width: 140px;border: 1.0px solid #fff;height: 55px;text-align: center;direction: rtl;cursor: pointer;background-color: #000;border-radius: 8.0px;}
    .Loginform .UxSucBySmsform{position: absolute;width: 478px;height: 263px;float: right;right: 50%;transform: translateX(50%);top: 120px;border: 1.0px solid transparent;border-radius: 0 0 10px 10px;
    user-select: none;background-color: #000;overflow: hidden;}
    .Loginform .UxSucBySmsform #LValidCode{position: absolute;right: 50%;transform: translateX(50%);border: 1px solid transparent;top: 30px;width: 300px;height: 22px;color: #fff;font-size: 12px;font-family: 'Yekan Bakh';
    text-align: center;direction: rtl;padding-top: 5px;}
    .Loginform .UxSucBySmsform #BtRgstPhoneOk{position: absolute;right: 50%;transform: translateX(50%);border: 1px solid #fff;top: 80px;width: 180px;height: 80px;color: #fff;font-size: 25px;font-family: 'Yekan Bakh';
    text-align: center;direction: ltr;letter-spacing: 22px;padding-left: 20px;padding-right: 5px;background-color: transparent;}
    .Loginform .UxSucBySmsform #BtRgstPhoneOk:focus{outline: none;}
    .Loginform .UxSucBySmsform #BtRegist{position: absolute;color: #FFA500;font-family: 'B Yekan';font-size: 20px;float: right;right: 50%;transform: translateX(calc(50%));top: 190px; width: 150px;border: 1.0px solid #fff;
    height: 60px;text-align: center;direction: rtl;cursor: pointer;background-color: #000;border-radius: 8.0px;}
    .Loginform .UxSucBySmsform #BtRegist:hover{background-color: #000;color: #77f777;border: 1.0px solid #77f777;}
    .Loginform .UxSucBySmsform #BtRegist:active{background-color: #fff;color: #000;}
    /*------------------------------------------------------------------------------------------------------------------------------------------------*/
    .Accordion {position: absolute; width: 1600px; right: 50%;transform: translateX(50%);direction: rtl;top: 920px;}
    .Accordion #Accordion_LTitle{position: absolute;width: 1590px;right: 50%;transform: translateX(50%);top: -55px;text-align: right;direction: rtl;font-size: 20px;font-family: 'B Titr';color: #fff;
    border-radius: 8px;height: 48px;background-color: #000;padding-right: 10px;}
    .AccordionItem { margin-bottom: 10px; border: 1px solid #FFA500; border-radius: 8px; overflow: hidden; background-color: #000;}
    .AccordionTitle { width: 100%; min-height: 48px; padding: 12px 15px; display: flex; align-items: center; justify-content: flex-start; gap: 8px; direction: rtl; border: 0; background-color: #111; color: #fff;
    font: inherit; text-align: right; cursor: pointer; font-size: 16px; font-family: 'Yekan Bakh';}
    .AccordionIcon {color: #FFA500; font-size: 24px; font-weight: bold; line-height: 1;}
    .AccordionTitle:hover { background-color: #1b1b1b;}
    .AccordionContent {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 300ms ease;}
    .AccordionContentInner { min-height: 0; padding: 0 15px; overflow: hidden; color: #ddd;line-height: 2; opacity: 0; transition: padding 300ms ease, opacity 200ms ease;font-size: 12px; font-family: 'Yekan Bakh';}
    .AccordionItem.is-open .AccordionContent { grid-template-rows: 1fr;}
    .AccordionItem.is-open .AccordionContentInner {padding: 15px; opacity: 1;}
    .AccordionItem.is-open .AccordionIcon {transform: rotate(45deg);}


    .Footer{position: absolute;float: right;right: 50%;transform: translateX(50%);top: 1800px;width: 1912px;height: 385.0px;z-index: 0;border: 1.0px solid #000;background-color: transparent;}
    .Footer .Dintroduction{position: absolute;width: 100.0px;height: 100.0px;bottom: 200.0px;float: right;right: 50%;transform: translateX(calc(50% + 0px));border: 1.0px solid transparent;}
    .Footer .Dintroduction #Lintroduction{position: absolute;font-size: 10px;font-family: 'B Yekan';color: #fefeea;top: -20.0px;float: right;right: 50%;transform: translateX(50%);width: 100%;border: 1.0px solid transparent;
    text-align: center;}
    .Footer .Dintroduction #introduction {position: absolute;width: 86.5px;height: 86.5px;bottom: 5.0px;float: right;right: 50%;transform: translateX(50%);border: 1.0px solid transparent;border-radius: 5.0px;
    outline: 1.0px solid #fff;}
    .Footer #xfooter_online{position: absolute;width: 100px;height: 20px;bottom: 250.0px;float: right;color:#FFA500;right: 461.0px;user-select: none;
    font-family:'Tahoma';font-size:10.5px;text-align:right;direction:rtl;padding-right:35px;}
    .Footer #xfooter_online img{position:absolute;top:0px;float:right;right:6px;width: 20px;height: 20px;}
    .Footer #xfooter_online_chart{position: absolute;border-bottom:1.0px solid #FFA500;width: 152.6px;height:30px;bottom: 250.0px;float:left;left: 461.0px;}
    .Footer #xfooter_online_chart #xfooter_visit{position: absolute;width: 100px;top: 18px;float: left;color:#FFA500;user-select: none;
    font-family:'Tahoma';font-size:10.5px;text-align:right;direction:rtl;left:125px;height:20px;padding-right:35px;}
    .Footer #xfooter_online_chart #xfooter_visit img{position:absolute;top:-1.0px;float:right;right:0px;width: 20px;height: 20px;}
    .Footer #xfooter_online_chart #xfooter_chart_one{position: absolute;border:1.0px solid #FFA500;width: 11.5px;float:left;left: 0px;background-color:#FFA500;opacity:0.3;}
    .Footer #xfooter_online_chart #xfooter_chart_two{position: absolute;border:1.0px solid #FFA500;width: 11.5px;float:left;left: 25.0px;background-color:#FFA500;opacity:0.4;}
    .Footer #xfooter_online_chart #xfooter_chart_three{position: absolute;border:1.0px solid #FFA500;width: 11.5px;float:left;left: 44.0px;background-color:#FFA500;opacity:0.5;}
    .Footer #xfooter_online_chart #xfooter_chart_four{position: absolute;border:1.0px solid #FFA500;width: 11.5px;float:left;left: 63.5px;background-color:#FFA500;opacity:0.6;}
    .Footer #xfooter_online_chart #xfooter_chart_five{position: absolute;border:1.0px solid #FFA500;width: 11.5px;float:left;left: 82.5px;background-color:#FFA500;opacity:0.7;}
    .Footer #xfooter_online_chart #xfooter_chart_six{position: absolute;border:1.0px solid #FFA500;width: 11.5px;float:left;left: 101.5px;background-color:#FFA500;opacity:0.8;}
    .Footer #xfooter_online_chart #xfooter_chart_seven{position: absolute;border:1.0px solid #FFA500;width: 11.5px;float:left;left: 121.0px;background-color:#FFA500;opacity:0.9;}
    .Footer #xfooter_online_chart #xfooter_chart_eight{position: absolute;border:1.0px solid #FFA500;width: 11.5px;float:left;left: 139.5px;background-color:#FFA500;opacity:1;}
    .Footer #xfooter_online_chart #chart_day7{position: absolute;width: 11.5px;height: 35.5px;top: 46.0px;float:left;left: 0px;color:#FFA500;}
    .Footer #xfooter_online_chart #chart_day7 #chart_Lday7{position: absolute;transform:rotate(-90deg);font-size:10.5px;left: 0px;width:100%;top:15px;font-family:'B Yekan';}
    .Footer #xfooter_online_chart #chart_day6{position: absolute;width: 11.5px;height: 35.5px;top: 46.0px;float:left;left: 27.0px;color:#FFA500;}
    .Footer #xfooter_online_chart #chart_day6 #chart_Lday6{position: absolute;transform:rotate(-90deg);font-size:10.5px;left: 0px;width:100%;top:15px;font-family:'B Yekan';}
    .Footer #xfooter_online_chart #chart_day5{position: absolute;width: 11.5px;height: 35.5px;top: 46.0px;float:left;left: 46.0px;color:#FFA500;}
    .Footer #xfooter_online_chart #chart_day5 #chart_Lday5{position: absolute;transform:rotate(-90deg);font-size:10.5px;left: 0px;width:100%;top:15px;font-family:'B Yekan';}
    .Footer #xfooter_online_chart #chart_day4{position: absolute;width: 11.5px;height: 35.5px;top: 46.0px;float:left;left: 65.5px;color:#FFA500;}
    .Footer #xfooter_online_chart #chart_day4 #chart_Lday4{position: absolute;transform:rotate(-90deg);font-size:10.5px;left: 0px;width:100%;top:15px;font-family:'B Yekan';}
    .Footer #xfooter_online_chart #chart_day3{position: absolute;width: 11.5px;height: 35.5px;top: 46.0px;float:left;left: 84.5px;color:#FFA500;}
    .Footer #xfooter_online_chart #chart_day3 #chart_Lday3{position: absolute;transform:rotate(-90deg);font-size:10.5px;left: 0px;width:100%;top:15px;font-family:'B Yekan';}
    .Footer #xfooter_online_chart #chart_day2{position: absolute;width: 11.5px;height: 35.5px;top: 46.0px;float:left;left: 104.0px;color:#FFA500;}
    .Footer #xfooter_online_chart #chart_day2 #chart_Lday2{position: absolute;transform:rotate(-90deg);font-size:10.5px;left: 0px;width:100%;top:15px;font-family:'B Yekan';}
    .Footer #xfooter_online_chart #chart_day1{position: absolute;width: 11.5px;height: 35.5px;top: 46.0px;float:left;left: 123.0px;color:#FFA500;}
    .Footer #xfooter_online_chart #chart_day1 #chart_Lday1{position: absolute;transform:rotate(-90deg);font-size:10.5px;left: 0px;width:100%;top:15px;font-family:'B Yekan';padding-top: 0px;}
    .Footer #xfooter_online_chart #chart_day0{position: absolute;width: 11.5px;height: 35.5px;top: 46.0px;float:left;left: 142.0px;color:#FFA500;}
    .Footer #xfooter_online_chart #chart_day0 #chart_Lday0{position: absolute;transform:rotate(-90deg);font-size:10.5px;left: 0px;width:100%;top:15px;font-family:'B Yekan';}
    .Footer #TopPanel_AppDownload{position: absolute;left: 250px;width: 120px;height: 20px;font-size: 12px;font-family: 'Yekan Bakh';top: 250px;color: #FFA500;border: 1px solid transparent;padding: 4px;text-align: left;
    padding-left: 5px;text-decoration-line: underline;}
    .Footer #imgDMSS{position: absolute;width: 20px;left: 255px;height: 20px;border: 1px dotted #FFA500;top: 279px;border-radius: 50%;cursor: pointer;}
    .Footer #DMSS{position: absolute;width: 300px;left: 277px;height: 20px;border: 1px solid transparent;top: 280px;color: #FFA500;text-align: left;padding-left: 5px;cursor: pointer;font-size: 12px;font-family: 'Yekan Bakh';}
    .Footer #imgXMEye{position: absolute;width: 20px;left: 255px;height: 20px;border: 1px dotted #FFA500;top: 304px;border-radius: 50%;cursor: pointer;}
    .Footer #XMEye{position: absolute;width: 300px;left: 277px;height: 20px;border: 1px solid transparent;top: 305px;color: #FFA500;text-align: left;padding-left: 5px;cursor: pointer;font-size: 12px;font-family: 'Yekan Bakh';}
    .Footer #TopPanel_iosDownload{position: absolute;left: 550px;width: 120px;height: 20px;font-size: 12px;font-family: 'Yekan Bakh';top: 250px;color: #FFA500;border: 1px solid transparent;padding: 4px;text-align: left;
    padding-left: 5px;text-decoration-line: underline;}
    .Footer #TopPanel_winDownload{position: absolute;left: 850px;width: 120px;height: 20px;font-size: 12px;font-family: 'Yekan Bakh';top: 250px;color: #FFA500;border: 1px solid transparent;padding: 4px;text-align: left;
    padding-left: 5px;text-decoration-line: underline;}

    .SuccessCaution { position: fixed;min-width: 200px; width: max-content; height: 46px; top: 10px; left: 10px; border: 1px solid #322873; border-radius: 5px; background-color: #70ffd8; z-index: 1000; opacity: 0; transform: translateX(-120%);
    animation: SuccessCautionIn 300ms ease-out forwards;display: flex;padding: 0 16px;}
    @keyframes SuccessCautionIn { to { transform: translateX(0); opacity: 0.85;}}
    .SuccessCaution #LSuccessCaution,
    .XSuccessCaution #LXSuccessCaution {width: 100%; text-align: center; direction: rtl; color: #322873; font-size: 14.5px; font-family: 'B Titr';white-space: nowrap;margin-top: 10px;margin-bottom: 15px;height: auto;}
    .XSuccessCaution { position: fixed; min-width: 200px; width: max-content; height: 46px; top: 10px; left: 10px; border: 1px solid #322873; border-radius: 5px; background-color: #70ffd8; overflow: hidden; z-index: 1000; opacity: 0.85;
    transform: translateX(0); animation: XSuccessCautionOut 300ms ease-in forwards;}
    @keyframes XSuccessCautionOut { to { transform: translateX(-120%); opacity: 0;}}
    /**/
    .UnSuccessCautionNo_A { position: fixed; min-width: 200px; width: max-content;height: 46px; top: 10px; left: 10px; border: 1px solid #322873; border-radius: 5px; background-color: #ee4ccc; z-index: 1000; opacity: 0; transform: translateX(-120%);
    animation: UnSuccessCautionNo_AIn 300ms ease-out forwards;display: flex;padding: 0 16px;}
    @keyframes UnSuccessCautionNo_AIn { to { transform: translateX(0); opacity: 0.85;}}
    .UnSuccessCautionNo_A #LUnSuccessCautionNo_A,
    .XUnSuccessCautionNo_A #LXUnSuccessCautionNo_A {width: 100%; text-align: center; direction: rtl; color: #322873; font-size: 14.5px; font-family: 'B Titr'; white-space: nowrap;margin-top: 10px;margin-bottom: 15px;height: auto;}
    .XUnSuccessCautionNo_A { position: fixed; min-width: 200px; width: max-content; height: 46px; top: 10px; left: 10px; border: 1px solid #322873; border-radius: 5px; background-color: #ee4ccc; overflow: hidden; z-index: 1000; opacity: 0.85;
    transform: translateX(0); animation: XUnSuccessCautionNo_AOut 300ms ease-in forwards;}
    @keyframes XUnSuccessCautionNo_AOut { to { transform: translateX(-120%); opacity: 0;}}
    /**/
    .UnSuccessCautionWRongEmail { position: fixed; width: 250px; height: 46px; top: 10px; left: 10px; border: 1px solid #322873; border-radius: 5px; background-color: #ee4ccc; z-index: 1000; opacity: 0; transform: translateX(-120%);
    animation: UnSuccessCautionWRongEmailIn 300ms ease-out forwards;}
    @keyframes UnSuccessCautionWRongEmailIn { to { transform: translateX(0); opacity: 0.85;}}
    .UnSuccessCautionWRongEmail #LUnSuccessCautionWRongEmail { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center; direction: rtl; color: #322873; font-size: 14.5px; font-family: 'B Titr'; white-space: nowrap;}
    .XUnSuccessCautionWRongEmail { position: fixed; width: 250px; height: 46px; top: 10px; left: 10px; border: 1px solid #322873; border-radius: 5px; background-color: #ee4ccc; overflow: hidden; z-index: 1000; opacity: 0.85;
    transform: translateX(0); animation: XUnSuccessCautionWRongEmailOut 300ms ease-in forwards;}
    @keyframes XUnSuccessCautionWRongEmailOut { to { transform: translateX(-120%); opacity: 0;}}
    .XUnSuccessCautionWRongEmail #LXUnSuccessCautionWRongEmail { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center; direction: rtl; color: #322873; font-size: 14.5px; font-family: 'B Titr'; white-space: nowrap;}
    /**/
    .UnSuccessCautionLimitSmscode {position: fixed; width: 269px; height: 195px; top: 410px; left: 50%; transform: translate(-50%, -50%) scale(0.7); border: 1px solid #322873; border-radius: 5px; background-color: #fc9ded; overflow: hidden; z-index: 1000;
    opacity: 0; animation: UnSuccessCautionLimitSmscodeIn 220ms ease-out forwards;}
    @keyframes UnSuccessCautionLimitSmscodeIn { from { transform: translate(-50%, -40%) scale(0.4); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 0.85; }}
    .UnSuccessCautionLimitSmscode #LUnSuccessCautionLimitSmscode { position: absolute; top: 35px; left: 50%; transform: translateX(-50%); width: 90%; text-align: center; direction: rtl; color: #322873; font-size: 12px; font-family: 'B Titr';}
    .UnSuccessCautionLimitSmscode #imgUnSuccessCautionLimitSmscode { position: absolute; top: 10px; left: 10px; width: 14.5px; height: 14.5px; cursor: pointer;}
    .UnSuccessCautionLimitSmscode #BtUnSuccessCautionLimitSmscode {position: absolute; top: 154px; left: 50%; transform: translateX(-50%); width: 35%; text-align: center; direction: rtl; background-color: #eee; border: 1px solid #322873; border-radius: 10px; color: #322873; font-size: 14.5px; font-family: 'B Titr'; cursor: pointer;}
    .UnSuccessCautionLimitSmscode #imgbUnSuccessCautionLimitSmscode {position: absolute; top: 74px; left: 50%; transform: translateX(-50%); width: 67.5px; height: 67.5px; border-radius: 50%; cursor: pointer;}
    /**/
    .UnSuccessJupmEmptyCell {position: fixed; width: 269px; height: 195px; top: 410px; left: 50%; transform: translate(-50%, -50%) scale(0.7); border: 1px solid #322873; border-radius: 5px; background-color: #fc9ded; overflow: hidden; z-index: 1000;
    opacity: 0; animation: UnSuccessJupmEmptyCellIn 220ms ease-out forwards;}
    @keyframes UnSuccessJupmEmptyCellIn { from { transform: translate(-50%, -40%) scale(0.4); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 0.85; }}
    .UnSuccessJupmEmptyCell #LUnSuccessJupmEmptyCell { position: absolute; top: 35px; left: 50%; transform: translateX(-50%); width: 90%; text-align: center; direction: rtl; color: #322873; font-size: 12px; font-family: 'B Titr';}
    .UnSuccessJupmEmptyCell #imgUnSuccessJupmEmptyCell { position: absolute; top: 10px; left: 10px; width: 14.5px; height: 14.5px; cursor: pointer;}
    .UnSuccessJupmEmptyCell #BtUnSuccessJupmEmptyCell {position: absolute; top: 154px; left: 50%; transform: translateX(-50%); width: 35%; text-align: center; direction: rtl; background-color: #eee; border: 1px solid #322873; border-radius: 10px; color: #322873; font-size: 14.5px; font-family: 'B Titr'; cursor: pointer;}
    .UnSuccessJupmEmptyCell #imgbUnSuccessJupmEmptyCell {position: absolute; top: 74px; left: 50%; transform: translateX(-50%); width: 67.5px; height: 67.5px; border-radius: 50%; cursor: pointer;}
    /**/
    .UnSuccessCautionLimitPassword {position: fixed; width: 269px; height: 195px; top: 410px; left: 50%; transform: translate(-50%, -50%) scale(0.7); border: 1px solid #322873; border-radius: 5px; background-color: #fc9ded; overflow: hidden; z-index: 1000;
    opacity: 0; animation: UnSuccessCautionLimitPasswordIn 220ms ease-out forwards;}
    @keyframes UnSuccessCautionLimitPasswordIn { from { transform: translate(-50%, -40%) scale(0.4); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 0.85; }}
    .UnSuccessCautionLimitPassword #LUnSuccessCautionLimitPassword { position: absolute; top: 35px; left: 50%; transform: translateX(-50%); width: 90%; text-align: center; direction: rtl; color: #322873; font-size: 12px; font-family: 'B Titr';}
    .UnSuccessCautionLimitPassword #imgUnSuccessCautionLimitPassword { position: absolute; top: 10px; left: 10px; width: 14.5px; height: 14.5px; cursor: pointer;}
    .UnSuccessCautionLimitPassword #BtUnSuccessCautionLimitPassword {position: absolute; top: 154px; left: 50%; transform: translateX(-50%); width: 35%; text-align: center; direction: rtl; background-color: #eee; border: 1px solid #322873; border-radius: 10px; color: #322873; font-size: 14.5px; font-family: 'B Titr'; cursor: pointer;}
    .UnSuccessCautionLimitPassword #imgbUnSuccessCautionLimitPassword {position: absolute; top: 74px; left: 50%; transform: translateX(-50%); width: 67.5px; height: 67.5px; border-radius: 50%; cursor: pointer;}
    /**/
    .UnSuccessJupmEqualCell {position: fixed; width: 269px; height: 195px; top: 410px; left: 50%; transform: translate(-50%, -50%) scale(0.7); border: 1px solid #322873; border-radius: 5px; background-color: #fc9ded; overflow: hidden; z-index: 1000;
    opacity: 0; animation: UnSuccessJupmEqualCellIn 220ms ease-out forwards;}
    @keyframes UnSuccessJupmEqualCellIn { from { transform: translate(-50%, -40%) scale(0.4); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 0.85; }}
    .UnSuccessJupmEqualCell #LUnSuccessJupmEqualCell { position: absolute; top: 35px; left: 50%; transform: translateX(-50%); width: 90%; text-align: center; direction: rtl; color: #322873; font-size: 12px; font-family: 'B Titr';}
    .UnSuccessJupmEqualCell #imgUnSuccessJupmEqualCell { position: absolute; top: 10px; left: 10px; width: 14.5px; height: 14.5px; cursor: pointer;}
    .UnSuccessJupmEqualCell #BtUnSuccessJupmEqualCell {position: absolute; top: 154px; left: 50%; transform: translateX(-50%); width: 35%; text-align: center; direction: rtl; background-color: #eee; border: 1px solid #322873; border-radius: 10px; color: #322873; font-size: 14.5px; font-family: 'B Titr'; cursor: pointer;}
    .UnSuccessJupmEqualCell #imgbUnSuccessJupmEqualCell {position: absolute; top: 74px; left: 50%; transform: translateX(-50%); width: 67.5px; height: 67.5px; border-radius: 50%; cursor: pointer;}
    /**/
    .UnSuccessGetwin {position: fixed; width: 269px; height: 195px; top: 410px; left: 50%; transform: translate(-50%, -50%) scale(0.7); border: 1px solid #322873; border-radius: 5px; background-color: #fc9ded; overflow: hidden; z-index: 1000;
    opacity: 0; animation: UnSuccessGetwinIn 220ms ease-out forwards;}
    @keyframes UnSuccessGetwinIn { from { transform: translate(-50%, -40%) scale(0.4); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 0.85; }}
    .UnSuccessGetwin #LUnSuccessGetwin { position: absolute; top: 38.5px; left: 50%; transform: translateX(-50%); width: 90%; text-align: center; direction: rtl; color: #322873; font-size: 14.5px; font-family: 'B Titr';}
    .UnSuccessGetwin #imgUnSuccessGetwin { position: absolute; top: 10px; left: 10px; width: 14.5px; height: 14.5px; cursor: pointer;}
    .UnSuccessGetwin #BtUnSuccessGetwin {position: absolute; top: 154px; left: 50%; transform: translateX(-50%); width: 35%; text-align: center; direction: rtl; background-color: #eee; border: 1px solid #322873; border-radius: 10px; color: #322873; font-size: 14.5px; font-family: 'B Titr'; cursor: pointer;}
    .UnSuccessGetwin #imgbUnSuccessGetwin {position: absolute; top: 74px; left: 50%; transform: translateX(-50%); width: 67.5px; height: 67.5px; border-radius: 50%; cursor: pointer;}

    









@media screen and (min-width: 0px) and (max-width: 480px) {
     body{height:80.0vh;}

    .TopPanel{width: 350px;height: 40px;top: 5px;}
    .TopPanel .TopPanel_MidPanel{width: 320px;height: 34px;top: 2px;}
    .TopPanel .TopPanel_MidPanel img{width: 70px;height: 32px;right: -2px;top: 2px;}
    .TopPanel .TopPanel_MidPanel #line{width: 1px;height: 25px;top: 5px;right: 75px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_Store {font-size: 9px;right: 80px;top: 7px;width: 30px;padding: 3px;padding-right: 1px;height: 15px;border-radius: 1px;} .TopPanel .TopPanel_MidPanel #TopPanel_Store:hover{border-radius: 1px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_Inf {font-size: 9px;right: 120px;top: 7px;width: 38px;padding: 3px;padding-right: 5px;height: 15px;}    .TopPanel .TopPanel_MidPanel #TopPanel_Inf:hover{border-radius: 1px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_Order {font-size: 9px;right: 170px;top: 7px;width: 50px;padding: 3px;padding-right: 5px;height: 15px;}  .TopPanel .TopPanel_MidPanel #TopPanel_Order:hover{border-radius: 1px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_login {font-size: 9px;left: -10px;top: 7px;width: 90px;padding: 3px;height: 15px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_account {font-size: 9px;left: 0px;top: 7px;width: 150px;padding: 3px;height: 15px;}

    .TopPanel .TopPanel_MidPanel .xscore{width: 115px;height: 20px;left: 10px;top: 35px;border: 1.0px solid transparent;border-radius: 1px;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarA{left: 2px ;width: 17px;top: 1px;height: 16px;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarB{left: 2px ;width: 17px;top: 1px;height: 16px;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarC{left: 24px;width: 17px;top: 1px;height: 16px;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarD{left: 24px;width: 17px;top: 1px;height: 16px;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarE{left: 46px;width: 17px;top: 1px;height: 16px;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarF{left: 46px;width: 17px;top: 1px;height: 16px;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarG{left: 68px;width: 17px;top: 1px;height: 16px;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarH{left: 68px;width: 17px;top: 1px;height: 16px;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarI{left: 90px;width: 17px;top: 1px;height: 16px;}
    .TopPanel .TopPanel_MidPanel .xscore #imgstarJ{left: 90px;width: 17px;top: 1px;height: 16px;}

    .PanelOrder {width: 340px; height: 355px; top: 225px; left: 50%; transform: translate(-50%, -50%) scale(0.7); border-radius: 10px;}
    .PanelOrder #PanelOrder_BtClose{left: 12px;width: 15px;height: 15px;top: 12px;}
    .PanelOrder #PanelOrder_txt{right: 10px;top: 30px;font-size: 10px;width: 320px;}
    .PanelOrder #PanelOrder_CountySelect{top: 83px;height: 43px;border-radius: 2px;transform: translateX(Calc(50% + 90px));font-size: 12px;width: 120px;}
    .PanelOrder #PanelOrder_LCountySelect{top: 68px;height: 40px;border-radius: 2px;transform: translateX(Calc(50% + 55px));font-size: 8px;width: 180px;}
    .PanelOrder #PanelOrder_Phone{top: 83px;height: 40px;border-radius: 2px;transform: translateX(Calc(50% - 55px));font-size: 12px;width: 150px;}
    .PanelOrder #PanelOrder_Address{top: 132px;height: 40px;border-radius: 2px;transform: translateX(Calc(50% + 9px));font-size: 12px;width: 277px;}
    .PanelOrder #PanelOrder_Des{top: 180px;height: 40px;border-radius: 2px;transform: translateX(Calc(50% + 9px));font-size: 12px;width: 277px;}
    .PanelOrder #PanelOrder_FixType{top: 248px;height: 40px;border-radius: 2px;transform: translateX(Calc(50% + 90px));font-size: 12px;width: 120px;}
    .PanelOrder #PanelOrder_LFixType{top: 232px;height: 40px;border-radius: 2px;transform: translateX(Calc(50% + 20px));font-size: 8px;width: 250px;}
    .PanelOrder #PanelOrder_BtOk{left: 34px;top: 248px;width: 110px;height: 40px;border-radius: 3px;font-size: 12px;} .PanelOrder #PanelOrder_BtOk:active{width: 106px;left: 36px;top: 250px;height: 36px;}
    .PanelOrder #PanelOrder_BtxOk{left: 34px;top: 248px;width: 110px;height: 40px;border-radius: 3px;font-size: 12px;}
    .PanelOrder .PanelOrder_DivToRegist{width: 285px;height: 50px;transform: translateX(Calc(50% + 8px));top: 295px;border-radius: 3px;}
    @media (max-width: 768px) {.PanelOrder .PanelOrder_DivToRegist {--regist-x: calc(50% + 8px); width: 285px;height: 50px; top: 295px; border-radius: 3px; }}
    .PanelOrder .PanelOrder_DivToRegist #PanelOrder_txSmsCode{right: 12px;top: 5px;border-radius: 2px;width: 120px;height: 33px;font-size: 16px;letter-spacing: 8px;padding: 3px;}
    .PanelOrder .PanelOrder_DivxToRegist{width: 285px;height: 50px;transform: translateX(Calc(50% + 8px));top: 295px;border-radius: 3px;}
    .PanelOrder .PanelOrder_DivxToRegist #PanelOrder_txxSmsCode{right: 12px;top: 5px;border-radius: 2px;width: 120px;height: 33px;font-size: 16px;letter-spacing: 8px;padding: 3px;}
    .PanelOrder .PanelOrder_DivxToRegist #PanelOrder_BtxSave{left: 20px;top: 5px;width: 120px;height: 40px;border-radius: 3px;font-size: 12px;} 
    .PanelOrder .PanelOrder_DivToRegist #PanelOrder_BtSave{left: 20px;top: 5px;width: 120px;height: 40px;border-radius: 3px;font-size: 12px;} 
    .PanelOrder .PanelOrder_DivToRegist #PanelOrder_BtSave:active{left: 22px;width: 116px;top: 7px;height: 34px;}
    .PanelOrder #PanelOrder_Lwait{font-size: 12px;width: 320px;height: 20px;top: 310px;padding: 2px;}

    .CoIntroSection{margin:20px auto;padding:20px 15px;border-radius:8px}
    .CoIntroContent .CoIntroSectionTitle{font-size:1.25rem}
    .CoIntroContent .CoIntroLead{font-size:.95rem}.CoIntroContent .CoIntroDescription{font-size:.85rem}


    .TopPanelVideo{width: 320px;height: 200px;top: 50px;border-radius: 12px;border: 1px dashed #FFA500;}
    .TopPanelVideo video{width: 320px;height: 200px;top: 3px;border-radius: 12px;}
    .BtmPanelVideo{width: 160px;top: 268px;height: 25px;}
    .BtmPanelVideo #LBtmPanelVideo_001{border-radius: 5px;width: 20px;height: 10px;top: 6px;left: 10px;}
    .BtmPanelVideo #LBtmPanelVideo_002{border-radius: 50%;width: 10px;height: 10px;top: 6px;left: 40px;}
    .BtmPanelVideo #LBtmPanelVideo_003{border-radius: 50%;width: 10px;height: 10px;top: 6px;left: 70px;}
    .BtmPanelVideo #LBtmPanelVideo_004{border-radius: 50%;width: 10px;height: 10px;top: 6px;left: 100px;}
    .BtmPanelVideo #LBtmPanelVideo_005{border-radius: 50%;width: 10px;height: 10px;top: 6px;left: 130px;}

    .UIPanelInf {--panel-position-x: 40px;top: 45px;width: 120px;height: 170px;border-radius: 7px;transform: translateX(val(--panel-position-x)) scaleY(0);}

    .Accordion {width: 320px; top: 360px;}
    .Accordion #Accordion_LTitle{width: 320px;top: -40px;font-size: 14px;border-radius: 4px;height: 35px;padding-right: 5px;}
    .AccordionItem {margin-bottom: 5px; border-radius: 5px;}
    .AccordionTitle {min-height: 35px; padding: 12px 15px; gap: 8px; font-size: 10px;}
    .AccordionIcon {font-size: 12px;}
    .AccordionContent {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 300ms ease;}
    .AccordionContentInner {padding: 0 15px;}
    .AccordionItem.is-open .AccordionContent { grid-template-rows: 1fr;}
    .AccordionItem.is-open .AccordionContentInner {padding: 15px; opacity: 1;}
    .AccordionItem.is-open .AccordionIcon {transform: rotate(45deg);}

    /*CSS0_480_login528001*/
    .Loginform{width: 300px;height: 260px;top: 220px;border-radius: 10.0px;overflow: hidden;}
    .Loginform #Blogo{width: 25%;height: 30%;top: 5px;outline: 3px dotted #fff;outline-offset: 1.0px;}
    .Loginform #MenuInput{width: 40px;height: 15px;font-size: 8px;top: 15px;right: 5px;padding: 3px;}
    .Loginform #MenuRegist{width: 40px;height: 15px;font-size: 8px;top: 15px;right: 55px;padding: 3px;}
    .Loginform #MenuLost{width: 90px;height: 15px;font-size: 8px;top: 40px;right: 5px;padding: 3px;}
    .Loginform #Btclose{width: 15px;height: 15px;top: 8px;float: left;left: 8px;}
    .Loginform #ltime{width: 75px;height: 25px;font-size: 28px;top: 25px;left: 25px;padding: 3px;color: #fff;}
    .Loginform #lxtime{width: 80px;height: 10px;font-size: 7px;top: 60px;left: 25px;}
    .Loginform .UxLoginform{width: 298px;height: 158px;top: 90px;border-radius: 0 0 10px 10px;}
    .Loginform .UxLoginform #UxLoginForm_txaccount{top: 15px;border-radius: 3.5px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLoginform #LBaccount{transform: translateX(-72px);top: 1px;width: 42px;height: 10px;font-size: 10px;padding-bottom: 1px;}
    .Loginform .UxLoginform #LBpassword{transform: translateX(-72px);top: 60px;width: 42px;height: 10px;font-size: 10px;padding-bottom: 1px;}
    .Loginform .UxLoginform #Btpassword{top: 75px;border-radius: 4.0px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLoginform #Bpassword{top: 75px;border-radius: 4.0px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLoginform #Bpassword::placeholder{font-size: 20px;}
    .Loginform .UxLoginform #Bsubmit{font-size: 20px;top: 123px; width: 110px;height: 35px;border-radius: 4px;transform: translateX(calc(50% - 56px));}
    .Loginform .UxLoginform #BTsmstologin{font-size: 20px;top: 123px; width: 100px;height: 35px;border-radius: 4px;transform: translateX(calc(50% + 62px));}
    .Loginform .UxLoginform #BTXsmstologin{font-size: 20px;top: 123px; width: 100px;height: 35px;border-radius: 4px;transform: translateX(calc(50% + 62px));}
    .Loginform .UxLoginform #BLcheckbox{top: 62px;border-radius: 2.0px;width: 60px;height: 12px;font-size: 8px;transform: translateX(calc(50% + 75px));padding-right: 5px;padding-top: 0px;padding-bottom: 0px;}
    .Loginform .UxLoginform #BLcheckbox #Bcheckbox{top: -3px;width: 10px;height: 10px;transform: translateX(calc(50% + 35px));}
    .Loginform .UxLostform{width: 298px;height: 158px;top: 90px;border-radius: 0 0 10px 10px;}
    .Loginform .UxLostform #tphone{top: 15px;border-radius: 3.5px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLostform #LLostphone{transform: translateX(-52px);top: 1px;width: 62px;height: 10px;font-size: 10px;padding-bottom: 1px;}
    .Loginform .UxLostform #BLostsubmit{font-size: 20px;top: 123px; width: 110px;height: 35px;border-radius: 4px;transform: translateX(calc(50% - 56px));}
    .Loginform .UxLostform #BTLostsmstologin{font-size: 20px;top: 123px; width: 100px;height: 35px;border-radius: 4px;transform: translateX(calc(50% + 62px));}
    .Loginform .UxLostform #BTXLostsmstologin{font-size: 20px;top: 123px; width: 100px;height: 35px;border-radius: 4px;transform: translateX(calc(50% + 62px));}
    .Loginform .UxLostform #BLLostcheckbox{top: 62px;border-radius: 2.0px;width: 60px;height: 12px;font-size: 8px;transform: translateX(calc(50% + 75px));padding-right: 5px;padding-top: 0px;padding-bottom: 0px;}
    .Loginform .UxLostform #BLLostcheckbox #BLostcheckbox{top: -3px;width: 10px;height: 10px;transform: translateX(calc(50% + 35px));}
    .Loginform .UxLostform #LBLostpassword{transform: translateX(-72px);top: 60px;width: 42px;height: 10px;font-size: 10px;padding-bottom: 1px;}
    .Loginform .UxLostform #BtLostpassword{top: 75px;border-radius: 4.0px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLostform #BLostpassword{top: 75px;border-radius: 4.0px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLostform #BLostpassword::placeholder{font-size: 20px;}
    .Loginform .UxRgstform{width: 298px;height: 158px;top: 90px;border-radius: 0 0 10px 10px;}
    .Loginform .UxRgstform #BTRgstaccount{transform: translateX(-5px);top: 30px;border-radius: 3.50px;width: 115px;height: 30px;font-size: 12px;}
    .Loginform .UxRgstform #BTRgstaccount::placeholder{font-size: 12px;}
    .Loginform .UxRgstform #LBRgstaccount{transform: translateX(-63px);top: 12px;width: 60px;height: 18px;font-size: 12px;padding-bottom: 2px;}
    .Loginform .UxRgstform #BTRgstphone{transform: translateX(115px);top: 30px;border-radius: 3.50px;width: 110px;height: 30px;font-size: 12px;}
    .Loginform .UxRgstform #BTRgstphone::placeholder{font-size: 12px;}
    .Loginform .UxRgstform #LBRgstphone{transform: translateX(82px);top: 12px;width: 80px;height: 18px;font-size: 12px;padding-bottom: 2px;}
    .Loginform .UxRgstform #LBRgstpassword{transform: translateX(-77px);top: 63px;width: 90px;height: 18px;font-size: 12px;padding-bottom: 2px;}
    .Loginform .UxRgstform #BtRgstpassword{transform: translateX(-5px);top: 80px;border-radius: 4.0px;width: 115px;height: 30px;font-size: 12px;}
    .Loginform .UxRgstform #BRgstpassword{transform: translateX(-5px);top: 80px;border-radius: 4.0px;width: 115px;height: 30px;font-size: 12px;}
    .Loginform .UxRgstform #BRgstpassword::placeholder{font-size: 12px;}
    .Loginform .UxRgstform #BTRgstgmail{transform: translateX(115px);top: 80px;border-radius: 3.50px;width: 110px;height: 30px;font-size: 12px;}
    .Loginform .UxRgstform #BTRgstgmail::placeholder{font-size: 12px;}
    .Loginform .UxRgstform #LBRgstgmail{transform: translateX(40px);top: 63px;width: 38px;height: 18px;font-size: 12px;padding-bottom: 2px;}
    .Loginform .UxRgstform #BLRgstcheckbox{transform: translateX(calc(50% - 32px));top: 62px;border-radius: 2px;width: 50px;height: 8px;font-size: 8px;padding-right: 25px;padding-top: 5px;padding-bottom: 5px;}
    .Loginform .UxRgstform #BRgstcheckbox{top: 1px;width: 12px;height: 12px;transform: translateX(calc(50% + 25px));}
    .Loginform .UxRgstform #LValidCode{transform: translateX(243px);top: 8px;width: 40px;height: 18px;font-size: 12px;padding-bottom: 2px;}
    .Loginform .UxRgstform #BtRgstCode{font-size: 12px;left: 24px;top: 125px; width: 100px;height: 30px;border-radius: 3px;}
    .Loginform .UxRgstform #BtXRgstCode{font-size: 12px;left: 24px;top: 125px; width: 100px;height: 30px;border-radius: 3px;}
    .Loginform .UxSucBySmsform{width: 298px;height: 158px;top: 90px;border-radius: 0 0 10px 10px;}
    .Loginform .UxSucBySmsform #LValidCode{top: 23px;width: 220px;height: 16px;font-size: 10px;padding-top: 3px;}
    .Loginform .UxSucBySmsform #BtRgstPhoneOk{top: 55px;width: 120px;height: 45px;font-size: 18px;letter-spacing: 12px;padding-left: 20px;padding-right: 5px;}
    .Loginform .UxSucBySmsform #BtRegist{font-size: 12px;top: 115px; width: 120px;height: 40px;border-radius: 3px;}


    .Footer{top: 950px;width: 402px;height: 300px;}
    .Footer #xfooter_online{width: 70px;height: 12px;bottom: 200px;right: 40px;font-size: 8px;padding-right: 15px;border: 1px solid transparent;}
    .Footer #xfooter_online img{top:0px;right: 2px;width: 10px;height: 10px;}
    .Footer #xfooter_online_chart{border-bottom: 1px solid #FFA500;width: 80px;height: 30px;bottom: 200px;left: 40px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #xfooter_visit{width: 50px;top: 60px;font-size: 8px;left:  5px;height: 12px;padding-right: 15px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #xfooter_visit img{top: 2px;right: 2px;width: 10px;height: 10px;}
    .Footer #xfooter_online_chart #xfooter_chart_one{border:1.0px solid #FFA500;width: 6px;left: 0px;}
    .Footer #xfooter_online_chart #xfooter_chart_two{border:1.0px solid #FFA500;width: 6px;left: 10px;}
    .Footer #xfooter_online_chart #xfooter_chart_three{border:1.0px solid #FFA500;width: 6px;left: 20px;}
    .Footer #xfooter_online_chart #xfooter_chart_four{border:1.0px solid #FFA500;width: 6px;left: 30px;}
    .Footer #xfooter_online_chart #xfooter_chart_five{border:1.0px solid #FFA500;width: 6px;left: 40px;}
    .Footer #xfooter_online_chart #xfooter_chart_six{border:1.0px solid #FFA500;width: 6px;left: 50px;}
    .Footer #xfooter_online_chart #xfooter_chart_seven{border:1.0px solid #FFA500;width: 6px;left: 60px;}
    .Footer #xfooter_online_chart #xfooter_chart_eight{border:1.0px solid #FFA500;width: 6px;left: 70px;}
    /**/
    .Footer #xfooter_online_chart #chart_day7{width: 6px;height: 20px;top: 32px;left: 0px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day7 #chart_Lday7{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day6{width: 6px;height: 20px;top: 32px;left: 10px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day6 #chart_Lday6{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day5{width: 6px;height: 20px;top: 32px;left: 20px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day5 #chart_Lday5{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day4{width: 6px;height: 20px;top: 32px;left: 30px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day4 #chart_Lday4{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day3{width: 6px;height: 20px;top: 32px;left: 40px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day3 #chart_Lday3{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day2{width: 6px;height: 20px;top: 32px;left: 50px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day2 #chart_Lday2{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day1{width: 6px;height: 20px;top: 32px;left: 60px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day1 #chart_Lday1{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day0{width: 6px;height: 20px;top: 32px;left: 70px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day0 #chart_Lday0{font-size: 8px;left: 0px;top: 5px;}
    .Footer #TopPanel_AppDownload{left: 32px;width: 121px;height: 15px;font-size: 10px;top: 159px;}
    .Footer #imgDMSS{width: 20px;left: 15px;height: 20px;border: 1px solid #FFA500;top: 184px;}
    .Footer #DMSS{width: 120px;left: 37px;height: 20px;top: 185px;padding-left: 5px;font-size: 12px;}
    .Footer #imgXMEye{width: 20px;left: 15px;height: 20px;border: 1px solid #FFA500;top: 209px;}
    .Footer #XMEye{width: 120px;left: 37px;height: 20px;top: 210px;padding-left: 5px;font-size: 12px;}
    /**/
    .Footer #TopPanel_iosDownload{left: 170px;width: 121px;height: 15px;font-size: 10px;top: 159px;}
    /**/
    .Footer #TopPanel_winDownload{left: 290px;width: 121px;height: 15px;font-size: 10px;top: 159px;}


    .SuccessCaution { min-width: 150px; height: 30px; top: 60px; left: 20px; transform: translateX(-120%);}
    .SuccessCaution #LSuccessCaution, .XSuccessCaution #LXSuccessCaution { font-size: 10px;margin-top: 6px;margin-bottom: 10px;}
    .XSuccessCaution { min-width: 150px; height: 30px; top: 60px; left: 20px; transform: translateX(0);}
    /**/
    .UnSuccessCautionNo_A { min-width: 150px; height: 30px; top: 60px; left: 20px; transform: translateX(-120%);}
    .UnSuccessCautionNo_A #LUnSuccessCautionNo_A, .XUnSuccessCautionNo_A #LXUnSuccessCautionNo_A { font-size: 10px;margin-top: 6px;margin-bottom: 10px;}
    .XUnSuccessCautionNo_A { min-width: 150px; height: 30px; top: 60px; left: 20px; transform: translateX(0);}
    /**/
    .UnSuccessCautionWRongEmail { width: 165px; height: 30px; top: 60px; left: 20px; transform: translateX(-120%);}
    .UnSuccessCautionWRongEmail #LUnSuccessCautionWRongEmail { font-size: 10px;}
    .XUnSuccessCautionWRongEmail { width: 165px; height: 30px; top: 60px; left: 20px; transform: translateX(0);}
    .XUnSuccessCautionWRongEmail #LXUnSuccessCautionWRongEmail {font-size: 10px;}
    /**/
    .UnSuccessCautionLimitSmscode {width: 220px; height: 170px; top: 250px;border-radius: 5px;}
    .UnSuccessCautionLimitSmscode #LUnSuccessCautionLimitSmscode {top: 30px;font-size: 12px; font-family: 'B Titr';}
    .UnSuccessCautionLimitSmscode #imgUnSuccessCautionLimitSmscode {top: 10px; left: 10px; width: 14.5px; height: 14.5px;}
    .UnSuccessCautionLimitSmscode #BtUnSuccessCautionLimitSmscode {top: 135px; border-radius: 3px; font-size: 11px;padding: 5px;}
    .UnSuccessCautionLimitSmscode #imgbUnSuccessCautionLimitSmscode {top: 55px; width: 67.5px; height: 67.5px;}
    /**/
    .UnSuccessCautionLimitPassword {width: 220px; height: 170px; top: 250px;border-radius: 5px;}
    .UnSuccessCautionLimitPassword #LUnSuccessCautionLimitPassword {top: 30px;font-size: 12px; font-family: 'B Titr';}
    .UnSuccessCautionLimitPassword #imgUnSuccessCautionLimitPassword {top: 10px; left: 10px; width: 14.5px; height: 14.5px;}
    .UnSuccessCautionLimitPassword #BtUnSuccessCautionLimitPassword {top: 135px; border-radius: 3px; font-size: 11px;padding: 5px;}
    .UnSuccessCautionLimitPassword #imgbUnSuccessCautionLimitPassword {top: 55px; width: 67.5px; height: 67.5px;}
    /**/
    .UnSuccessJupmEmptyCell {width: 220px; height: 170px; top: 250px;border-radius: 5px;}
    .UnSuccessJupmEmptyCell #LUnSuccessJupmEmptyCell {top: 30px;font-size: 12px; font-family: 'B Titr';}
    .UnSuccessJupmEmptyCell #imgUnSuccessJupmEmptyCell {top: 10px; left: 10px; width: 14.5px; height: 14.5px;}
    .UnSuccessJupmEmptyCell #BtUnSuccessJupmEmptyCell {top: 135px; border-radius: 3px; font-size: 11px;padding: 5px;}
    .UnSuccessJupmEmptyCell #imgbUnSuccessJupmEmptyCell {top: 55px; width: 67.5px; height: 67.5px;}
    /**/
    .UnSuccessJupmEqualCell {width: 220px; height: 170px; top: 250px;border-radius: 5px;}
    .UnSuccessJupmEqualCell #LUnSuccessJupmEqualCell {top: 30px;font-size: 12px; font-family: 'B Titr';}
    .UnSuccessJupmEqualCell #imgUnSuccessJupmEqualCell {top: 10px; left: 10px; width: 14.5px; height: 14.5px;}
    .UnSuccessJupmEqualCell #BtUnSuccessJupmEqualCell {top: 135px; border-radius: 3px; font-size: 11px;padding: 5px;}
    .UnSuccessJupmEqualCell #imgbUnSuccessJupmEqualCell {top: 55px; width: 67.5px; height: 67.5px;}
    /**/
    .UnSuccessGetwin {width: 220px; height: 170px; top: 250px;border-radius: 5px;}
    .UnSuccessGetwin #LUnSuccessGetwin {top: 30px;font-size: 12px; font-family: 'B Titr';}
    .UnSuccessGetwin #imgUnSuccessGetwin {top: 10px; left: 10px; width: 14.5px; height: 14.5px;}
    .UnSuccessGetwin #BtUnSuccessGetwin {top: 135px; border-radius: 3px; font-size: 11px;padding: 5px;}
    .UnSuccessGetwin #imgbUnSuccessGetwin {top: 55px; width: 67.5px; height: 67.5px;}


}





@media screen and (min-width: 481px) and (max-width: 768px) { }





@media screen and (min-width: 769px) and (max-width: 1024px) { 
     body{height:80.0vh;}
    .TopPanel{width: 650px;height: 65px;top: 5px;}
    .TopPanel .TopPanel_MidPanel{width: 620px;height: 59px;top: 2px;}
    .TopPanel .TopPanel_MidPanel img{width: 100px;height: 52px;right: -2px;top: 2px;}
    .TopPanel .TopPanel_MidPanel #line{width: 1px;height: 42px;top: 5px;right: 120px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_Store {font-size: 14px;right: 124px;top: 9px;width: 50px;padding: 2px;padding-top: 5px;padding-right: 2px;height: 25px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_Inf {font-size: 14px;right: 185px;top: 9px;width: 58px;padding: 2px;padding-top: 5px;padding-right: 10px;height: 25px;} .TopPanel .TopPanel_MidPanel #TopPanel_Inf:hover{border-radius: 2px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_Order {font-size: 14px;right: 260px;top: 9px;width: 75px;padding: 2px;padding-right: 10px;height: 25px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_login {font-size: 14px;left: 0px;top: 7px;width: 250px;padding: 2px;padding-top: 5px;height: 30px;}
    .TopPanel .TopPanel_MidPanel #TopPanel_account {font-size: 14px;left: 0px;top: 7px;width: 250px;padding: 2px;padding-top: 5px;height: 30px;}

    .PanelOrder {width: 580px; height: 430px; top: 290px; left: 50%; transform: translate(-50%, -50%) scale(0.7); border-radius: 10px;}
    .PanelOrder #PanelOrder_BtClose{left: 12px;width: 25px;height: 25px;top: 12px;}
    .PanelOrder #PanelOrder_txt{right: 20px;top: 45px;font-size: 18px;width: 550px;}
    .PanelOrder #PanelOrder_Phone{top: 110px;height: 45px;border-radius: 2px;transform: translateX(Calc(50% + 20px));font-size: 20px;width: 200px;}
    .PanelOrder #PanelOrder_Address{top: 165px;height: 45px;border-radius: 2px;transform: translateX(Calc(50% + 20px));font-size: 20px;width: 200px;}
    .PanelOrder #PanelOrder_BtOk{left: 12px;top: 197px;width: 150px;height: 45px;border-radius: 5px;font-size: 12px;} .PanelOrder #PanelOrder_BtOk:active{width: 123px;left: 113px;top: 398px;height: 43px;}
    .PanelOrder #PanelOrder_BtxOk{left: 12px;top: 197px;width: 150px;height: 45px;border-radius: 5px;font-size: 12px;}
    .PanelOrder .PanelOrder_DivToRegist{width: 120px;height: 40px;transform: translateX(Calc(50% + 32px));top: 220px;border-radius: 5px;}
    /**/
    .PanelOrder .PanelOrder_DivToRegist #PanelOrder_txSmsCode{right: 12px;top: 5px;border-radius: 2px;width: 120px;height: 33px;font-size: 16px;letter-spacing: 8px;padding: 3px;}
    .PanelOrder .PanelOrder_DivxToRegist{width: 285px;height: 50px;transform: translateX(Calc(50% + 8px));top: 295px;border-radius: 3px;}
    .PanelOrder .PanelOrder_DivxToRegist #PanelOrder_txxSmsCode{right: 12px;top: 5px;border-radius: 2px;width: 120px;height: 33px;font-size: 16px;letter-spacing: 8px;padding: 3px;}
    .PanelOrder .PanelOrder_DivxToRegist #PanelOrder_BtxSave{left: 20px;top: 5px;width: 120px;height: 40px;border-radius: 3px;font-size: 12px;} 
    .PanelOrder .PanelOrder_DivToRegist #PanelOrder_BtSave{left: 20px;top: 5px;width: 120px;height: 40px;border-radius: 3px;font-size: 12px;} 
    .PanelOrder .PanelOrder_DivToRegist #PanelOrder_BtSave:active{left: 22px;width: 116px;top: 7px;height: 34px;}
    .PanelOrder #PanelOrder_Lwait{font-size: 12px;width: 320px;height: 20px;top: 310px;padding: 2px;}

    .TopPanelVideo{width: 620px;height: 400px;top: 85px;border-radius: 12px;border: 2px dashed #FFA500;}
    .TopPanelVideo video{width: 620px;height: 400px;top: 2px;border-radius: 12px;}
    .BtmPanelVideo{width: 220px;top: 504px;height: 30px;}
    .BtmPanelVideo #LBtmPanelVideo_001{border-radius: 5px;width: 20px;height: 10px;top: 6px;left: 10px;}
    .BtmPanelVideo #LBtmPanelVideo_002{border-radius: 50%;width: 10px;height: 10px;top: 6px;left: 50px;}
    .BtmPanelVideo #LBtmPanelVideo_003{border-radius: 50%;width: 10px;height: 10px;top: 6px;left: 90px;}
    .BtmPanelVideo #LBtmPanelVideo_004{border-radius: 50%;width: 10px;height: 10px;top: 6px;left: 130px;}
    .BtmPanelVideo #LBtmPanelVideo_005{border-radius: 50%;width: 10px;height: 10px;top: 6px;left: 170px;}

    .UIPanelInf {--panel-position-x: 125px;top: 65px;width: 160px;height: 220px;border-radius: 7px;transform: translateX(val(--panel-position-x)) scaleY(0);}

    .Accordion {width: 630px; top: 540px;}
    .AccordionItem {margin-bottom: 5px; border-radius: 5px;}
    .AccordionTitle {min-height: 48px; padding: 12px 15px; gap: 8px; font-size: 10px;}
    .AccordionIcon {font-size: 12px;}
    .AccordionContent {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 300ms ease;}
    .AccordionContentInner {padding: 0 15px;}
    .AccordionItem.is-open .AccordionContent { grid-template-rows: 1fr;}
    .AccordionItem.is-open .AccordionContentInner {padding: 15px; opacity: 1;}
    .AccordionItem.is-open .AccordionIcon {transform: rotate(45deg);}

     /*CSS0_480_login528001*/
    .Loginform{width: 300px;height: 260px;top: 220px;border-radius: 10.0px;overflow: hidden;}
    .Loginform #Blogo{width: 25%;height: 30%;top: 5px;outline: 3px dotted #fff;outline-offset: 1.0px;}
    .Loginform #MenuInput{width: 40px;height: 15px;font-size: 8px;top: 15px;right: 5px;padding: 3px;}
    .Loginform #MenuRegist{width: 40px;height: 15px;font-size: 8px;top: 15px;right: 55px;padding: 3px;}
    .Loginform #MenuLost{width: 90px;height: 15px;font-size: 8px;top: 40px;right: 5px;padding: 3px;}
    .Loginform #Btclose{width: 15px;height: 15px;top: 8px;float: left;left: 8px;}
    .Loginform #ltime{width: 75px;height: 25px;font-size: 28px;top: 25px;left: 25px;padding: 3px;color: #fff;}
    .Loginform #lxtime{width: 80px;height: 10px;font-size: 7px;top: 60px;left: 25px;}
    .Loginform .UxLoginform{width: 298px;height: 158px;top: 90px;border-radius: 0 0 10px 10px;}
    .Loginform .UxLoginform #UxLoginForm_txaccount{top: 15px;border-radius: 3.5px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLoginform #LBaccount{transform: translateX(-72px);top: 1px;width: 42px;height: 10px;font-size: 10px;padding-bottom: 1px;}
    .Loginform .UxLoginform #LBpassword{transform: translateX(-72px);top: 60px;width: 42px;height: 10px;font-size: 10px;padding-bottom: 1px;}
    .Loginform .UxLoginform #Btpassword{top: 75px;border-radius: 4.0px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLoginform #Bpassword{top: 75px;border-radius: 4.0px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLoginform #Bpassword::placeholder{font-size: 20px;}
    .Loginform .UxLoginform #Bsubmit{font-size: 20px;top: 123px; width: 110px;height: 35px;border-radius: 4px;transform: translateX(calc(50% - 56px));}
    .Loginform .UxLoginform #BTsmstologin{font-size: 20px;top: 123px; width: 100px;height: 35px;border-radius: 4px;transform: translateX(calc(50% + 62px));}
    .Loginform .UxLoginform #BTXsmstologin{font-size: 20px;top: 123px; width: 100px;height: 35px;border-radius: 4px;transform: translateX(calc(50% + 62px));}
    .Loginform .UxLoginform #BLcheckbox{top: 62px;border-radius: 2.0px;width: 60px;height: 12px;font-size: 8px;transform: translateX(calc(50% + 75px));padding-right: 5px;padding-top: 0px;padding-bottom: 0px;}
    .Loginform .UxLoginform #BLcheckbox #Bcheckbox{top: -3px;width: 10px;height: 10px;transform: translateX(calc(50% + 35px));}
    .Loginform .UxLostform{width: 298px;height: 158px;top: 90px;border-radius: 0 0 10px 10px;}
    .Loginform .UxLostform #tphone{top: 15px;border-radius: 3.5px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLostform #LLostphone{transform: translateX(-52px);top: 1px;width: 62px;height: 10px;font-size: 10px;padding-bottom: 1px;}
    .Loginform .UxLostform #BLostsubmit{font-size: 20px;top: 123px; width: 110px;height: 35px;border-radius: 4px;transform: translateX(calc(50% - 56px));}
    .Loginform .UxLostform #BTLostsmstologin{font-size: 20px;top: 123px; width: 100px;height: 35px;border-radius: 4px;transform: translateX(calc(50% + 62px));}
    .Loginform .UxLostform #BTXLostsmstologin{font-size: 20px;top: 123px; width: 100px;height: 35px;border-radius: 4px;transform: translateX(calc(50% + 62px));}
    .Loginform .UxLostform #BLLostcheckbox{top: 62px;border-radius: 2.0px;width: 60px;height: 12px;font-size: 8px;transform: translateX(calc(50% + 75px));padding-right: 5px;padding-top: 0px;padding-bottom: 0px;}
    .Loginform .UxLostform #BLLostcheckbox #BLostcheckbox{top: -3px;width: 10px;height: 10px;transform: translateX(calc(50% + 35px));}
    .Loginform .UxLostform #LBLostpassword{transform: translateX(-72px);top: 60px;width: 42px;height: 10px;font-size: 10px;padding-bottom: 1px;}
    .Loginform .UxLostform #BtLostpassword{top: 75px;border-radius: 4.0px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLostform #BLostpassword{top: 75px;border-radius: 4.0px;width: 220px;height: 40px;font-size: 20px;outline: 1px solid transparent;}
    .Loginform .UxLostform #BLostpassword::placeholder{font-size: 20px;}
    .Loginform .UxRgstform{width: 298px;height: 158px;top: 90px;border-radius: 0 0 10px 10px;}
    .Loginform .UxRgstform #BTRgstaccount{transform: translateX(-5px);top: 30px;border-radius: 3.50px;width: 115px;height: 30px;font-size: 12px;}
    .Loginform .UxRgstform #BTRgstaccount::placeholder{font-size: 12px;}
    .Loginform .UxRgstform #LBRgstaccount{transform: translateX(-63px);top: 12px;width: 60px;height: 18px;font-size: 12px;padding-bottom: 2px;}
    .Loginform .UxRgstform #BTRgstphone{transform: translateX(115px);top: 30px;border-radius: 3.50px;width: 110px;height: 30px;font-size: 12px;}
    .Loginform .UxRgstform #BTRgstphone::placeholder{font-size: 12px;}
    .Loginform .UxRgstform #LBRgstphone{transform: translateX(82px);top: 12px;width: 80px;height: 18px;font-size: 12px;padding-bottom: 2px;}
    .Loginform .UxRgstform #LBRgstpassword{transform: translateX(-77px);top: 63px;width: 90px;height: 18px;font-size: 12px;padding-bottom: 2px;}
    .Loginform .UxRgstform #BtRgstpassword{transform: translateX(-5px);top: 80px;border-radius: 4.0px;width: 115px;height: 30px;font-size: 12px;}
    .Loginform .UxRgstform #BRgstpassword{transform: translateX(-5px);top: 80px;border-radius: 4.0px;width: 115px;height: 30px;font-size: 12px;}
    .Loginform .UxRgstform #BRgstpassword::placeholder{font-size: 12px;}
    .Loginform .UxRgstform #BTRgstgmail{transform: translateX(115px);top: 80px;border-radius: 3.50px;width: 110px;height: 30px;font-size: 12px;}
    .Loginform .UxRgstform #BTRgstgmail::placeholder{font-size: 12px;}
    .Loginform .UxRgstform #LBRgstgmail{transform: translateX(40px);top: 63px;width: 38px;height: 18px;font-size: 12px;padding-bottom: 2px;}
    .Loginform .UxRgstform #BLRgstcheckbox{transform: translateX(calc(50% - 32px));top: 62px;border-radius: 2px;width: 50px;height: 8px;font-size: 8px;padding-right: 25px;padding-top: 5px;padding-bottom: 5px;}
    .Loginform .UxRgstform #BRgstcheckbox{top: 1px;width: 12px;height: 12px;transform: translateX(calc(50% + 25px));}
    .Loginform .UxRgstform #LValidCode{transform: translateX(243px);top: 8px;width: 40px;height: 18px;font-size: 12px;padding-bottom: 2px;}
    .Loginform .UxRgstform #BtRgstCode{font-size: 12px;left: 24px;top: 125px; width: 100px;height: 30px;border-radius: 3px;}
    .Loginform .UxRgstform #BtXRgstCode{font-size: 12px;left: 24px;top: 125px; width: 100px;height: 30px;border-radius: 3px;}
    .Loginform .UxSucBySmsform{width: 298px;height: 158px;top: 90px;border-radius: 0 0 10px 10px;}
    .Loginform .UxSucBySmsform #LValidCode{top: 23px;width: 220px;height: 16px;font-size: 10px;padding-top: 3px;}
    .Loginform .UxSucBySmsform #BtRgstPhoneOk{top: 55px;width: 120px;height: 45px;font-size: 18px;letter-spacing: 12px;padding-left: 20px;padding-right: 5px;}
    .Loginform .UxSucBySmsform #BtRegist{font-size: 12px;top: 115px; width: 120px;height: 40px;border-radius: 3px;}


    .Footer{top: 1250px;width: 630px;height: 300px;}
    .Footer #xfooter_online{width: 70px;height: 12px;bottom: 200px;right: 10px;font-size: 8px;padding-right: 15px;border: 1px solid transparent;}
    .Footer #xfooter_online img{top:0px;right: 2px;width: 10px;height: 10px;}
    /**/
    .Footer #xfooter_online_chart{border-bottom: 1px solid #666122;width: 80px;height: 30px;bottom: 200px;left: 10px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #xfooter_visit{width: 50px;top: 60px;font-size: 8px;left:  5px;height: 12px;padding-right: 15px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #xfooter_visit img{top: 2px;right: 2px;width: 10px;height: 10px;}
    .Footer #xfooter_online_chart #xfooter_chart_one{width: 6px;left: 0px;}
    .Footer #xfooter_online_chart #xfooter_chart_two{width: 6px;left: 10px;}
    .Footer #xfooter_online_chart #xfooter_chart_three{width: 6px;left: 20px;}
    .Footer #xfooter_online_chart #xfooter_chart_four{width: 6px;left: 30px;}
    .Footer #xfooter_online_chart #xfooter_chart_five{width: 6px;left: 40px;}
    .Footer #xfooter_online_chart #xfooter_chart_six{width: 6px;left: 50px;}
    .Footer #xfooter_online_chart #xfooter_chart_seven{width: 6px;left: 60px;}
    .Footer #xfooter_online_chart #xfooter_chart_eight{width: 6px;left: 70px;}
    /**/
    .Footer #xfooter_online_chart #chart_day7{width: 6px;height: 20px;top: 32px;left: 0px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day7 #chart_Lday7{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day6{width: 6px;height: 20px;top: 32px;left: 10px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day6 #chart_Lday6{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day5{width: 6px;height: 20px;top: 32px;left: 20px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day5 #chart_Lday5{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day4{width: 6px;height: 20px;top: 32px;left: 30px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day4 #chart_Lday4{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day3{width: 6px;height: 20px;top: 32px;left: 40px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day3 #chart_Lday3{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day2{width: 6px;height: 20px;top: 32px;left: 50px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day2 #chart_Lday2{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day1{width: 6px;height: 20px;top: 32px;left: 60px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day1 #chart_Lday1{font-size: 8px;left: 0px;top: 5px;}
    .Footer #xfooter_online_chart #chart_day0{width: 6px;height: 20px;top: 32px;left: 70px;border: 1px solid transparent;}
    .Footer #xfooter_online_chart #chart_day0 #chart_Lday0{font-size: 8px;left: 0px;top: 5px;}
    .Footer #TopPanel_AppDownload{left: 32px;width: 121px;height: 15px;font-size: 10px;top: 159px;}
    .Footer #imgDMSS{width: 20px;left: 15px;height: 20px;border: 1px solid #FFA500;top: 184px;}
    .Footer #DMSS{width: 120px;left: 37px;height: 20px;top: 185px;padding-left: 5px;font-size: 12px;}
    .Footer #imgXMEye{width: 20px;left: 15px;height: 20px;border: 1px solid #FFA500;top: 209px;}
    .Footer #XMEye{width: 120px;left: 37px;height: 20px;top: 210px;padding-left: 5px;font-size: 12px;}
    .Footer #TopPanel_iosDownload{left: 170px;width: 121px;height: 15px;font-size: 10px;top: 159px;}
    .Footer #TopPanel_winDownload{left: 290px;width: 121px;height: 15px;font-size: 10px;top: 159px;}
    
}




@media screen and (min-width: 1025px) and (max-width: 1280px) { }