body{margin:0px;padding:0px;font-family:'SegoeUILight', Helvetica, sans-serif;font-size:12px;line-height:18px; background-color:#fafafa;}
@font-face{font-family:'SegoeUILight';src:url('segoeuil_0.eot');src:url('segoeuil_0.eot') format('embedded-opentype'), url('segoeuil_0.woff') format('woff'), url('segoeuil_0.ttf') format('truetype'), url('segoeuil_0.svg#SegoeUILight') format('svg');}
a{text-decoration:none;}
.hide{display:none}
a:hover{text-decoration:underline;color:#0792c6;}
ul, li{list-style:none;list-style-type:none;padding:0px;margin:0px;}
.wpage{width:960px;margin:0 auto;}
.topmenu{ background:#212121;height:80px;}
.topmenu .logo{width:424px; height:42px; float:left; background:url(../images/logo.png) no-repeat; margin:19px 0 0 0}
.topmenu .box-user{width: auto; height:50px; float:right; margin:16px 0 0 0}
.topmenu .box-user .avatar{width: 44px; height:44px; float:left; margin:0 0 0 0}
.topmenu .box-user .box-link{max-width:150px; height:44px; float:left; margin:0 0 0 10px; font-size:15px;}
.topmenu .box-user .box-link .user-name{width:auto; padding:0px 14px 0 0; background:url(../images/icon-arrow-down.png) top right no-repeat; color:#9e9e9e; height:16px; float:left; display:block}
.topmenu .box-user .box-link .user-rg{width:auto; color:#2582be; float:left; display:block; margin:10px 0 0 0}
.footer{ background:#212121;height:80px;color:#535353;font-size:14px;line-height:80px;text-align:center;}

.mod_banner{width:100%;overflow:hidden;position:relative;height:344px}
.mod_banner .banner_focus{position:absolute;top:0;left:0;width:100%;overflow:hidden;height:344px}
.mod_banner .banner_focus a{position:absolute;top:0;left:0;width:100%;overflow:hidden;height:344px}
.mod_banner .banner_focus .focus_img{position:absolute;width:100%;height:344px;overflow:hidden;top:0;left:0;text-align:center}
.mod_banner .banner_index{position:absolute;bottom:0;left:50%;margin-left:-79px;width:158px;height:29px;z-index:100}
.mod_banner .banner_index .bmask{display:block;width:158px;height:29px;background:url(../images/sprite_banner.png) no-repeat 0 -1px;filter:alpha(opacity=30);opacity:.3}
.mod_banner .banner_index .num{position:absolute;width:100%;height:100%;text-align:center;left:0;top:0;overflow:hidden}
.mod_banner .banner_index .num a{display:inline-block;width:12px;height:12px;margin:9px 5px;border-radius:12px;background:#083c34;line-height:99px;overflow:hidden;}
.mod_banner .banner_index .num a.current,.mod_banner .banner_index .num a:hover{filter:none;opacity:1;background:#ffb300;}
.mod_banner{border-bottom:0px solid #e1e1e1}

.mod_menu{width:100%;overflow:hidden;position:relative;height:80px; border-bottom:#d1d1d1 solid 1px;}
.mod_menu .box-link{ float:left; width:100%; text-align:center; line-height:80px}
.mod_menu .box-link a{color:#212121; font-size:18px; font-weight:bold; text-decoration:none; padding:0 30px;}
.mod_menu .box-link a:hover,.mod_menu .box-link a.current{color:#00adef; }

.mod_dq{width:100%;overflow:hidden;position:relative;height:557px; border-bottom:#0 solid 1px; background:#edeeee}
.mod_dq .title-name{width: auto;height:60px; position:absolute; color:#00adef; font-size:40px; text-transform:uppercase; top:70px; z-index:10; font-weight:lighter}
.mod_dq .detail-dq{width: 390px;position:absolute; color:#212121; font-size:18px; top:180px; line-height:24px}
.bg-music{ width:380px; height:380px; background:url(../images/bg-music.png) no-repeat; position:absolute; left:572px; top:98px; z-index:9}
.bg-dot-1{ width:522px; height:471px; background:url(../images/bg-dot-1.png) no-repeat; position:absolute; left:430px; top:53px; z-index:9}
.mod_dq .icon-music-dq{ width:176px; height:176px; background:url(../images/icon-music-dq.png) no-repeat; position:absolute; left:481px; top:52px; z-index:9}
.mod_dq .icon-music-line{ width:156px; height:161px; background:url(../images/icon-music-line.png) no-repeat; position:absolute; left:798px; top:325px; z-index:9}
.mod_dq .icon-music-lossess{ width:110px; height:110px; background:url(../images/icon-music-lossess.png) no-repeat; position:absolute; left:823px; top:74px; z-index:9}
.mod_dq .icon-music-playlist{ width:105px; height:103px; background:url(../images/icon-music-playlist.png) no-repeat; position:absolute; left:622px; top:419px; z-index:9}
.mod_dq .icon-music-video{ width:144px; height:145px; background:url(../images/icon-music-video.png) no-repeat; position:absolute; left:652px; top:204px; z-index:9}
.mod_dq .icon-music-cloud{ width:176px; height:176px; background:url(../images/icon-music-cloud.png) no-repeat; position:absolute; left:434px; top:276px; z-index:9}

.mod_priority{width:100%;overflow:hidden;position:relative;height:625px; border-bottom:#0 solid 1px; background:url(../images/bg-priority.jpg)}
.mod_priority .title-name{width: auto;height:60px; position:absolute; color:#00adef; font-size:40px; text-transform:uppercase; top:70px; z-index:10; left:530px; font-weight:lighter}
.mod_priority .detail-priority{width: 432px;position:absolute; color:#212121; font-size:18px; top:180px; line-height:24px; left:530px}
.mod_priority .detail-priority p{ background:url(../images/icon-dot.png) left 10px no-repeat; float:left; width:100%; margin:0 0 10px 0; padding:0 0 0 10px}
.bg-priority{ width:349px; height:508px; background:url(../images/bg-priority.png) no-repeat; position:absolute; left:30px; top:80px; z-index:9}
.bg-dot-2{ width:376px; height:480px; background:url(../images/bg-dot-2.png) no-repeat; position:absolute; left:7px; top:85px; z-index:9}
.mod_priority .icon-priority-email{ width:130px; height:130px; background:url(../images/icon-priority-email.png) no-repeat; position:absolute; left:370px; top:235px; z-index:9}
.mod_priority .icon-priority-gift{ width:130px; height:130px; background:url(../images/icon-priority-gift.png) no-repeat; position:absolute; left:7px; top:85px; z-index:9}
.mod_priority .icon-priority-music{ width:130px; height:130px; background:url(../images/icon-priority-music.png) no-repeat; position:absolute; left:11px; top:464px; z-index:9}
.mod_priority .icon-priority-noads{ width:130px; height:130px; background:url(../images/icon-priority-noads.png) no-repeat; position:absolute; left:315px; top:445px; z-index:9}
.mod_priority .icon-priority-pu{ width:130px; height:130px; background:url(../images/icon-priority-pu.png) no-repeat; position:absolute; left:257px; top:52px; z-index:9}
.mod_priority .icon-mrtui{ width:300px; height:438px; background:url(../images/mrtui.png) no-repeat; position:absolute; left:100px; top:99px; z-index:9}

.mod_list_pu{width:100%;overflow:hidden;position:relative;height:860px; border-bottom:#0 solid 1px; background:#f5f5f5}
.mod_list_pu .title-name{height:60px; width:100%; text-align:center; color:#00adef; font-size:40px; text-transform:uppercase; line-height:60px;  z-index:10; font-weight:lighter; margin:25px 0; float:left}
.mod_list_pu .box-list-mod_list_pu{ width:840px; margin:0  auto;}
.mod_list_pu .box-list-mod_list_pu .box-content-mod_list_pu{ border:#0098d2 2px solid;overflow:hidden; float:left;padding:0;  background:#e0f7fa;box-shadow: 0 0px 2px rgba(0,0,0,0.2);-webkit-border-radius:15px;-moz-border-radius:15px ;border-radius:15px;}
.mod_list_pu .box-list-mod_list_pu ul{width:100%; float:left }
.mod_list_pu .box-list-mod_list_pu ul li{width:100%; height:50px; line-height:50px; float:left; color:#454545;font-size:16px;}
.mod_list_pu .box-list-mod_list_pu ul li .name-dq{ float:left; width:496px; font-weight:bold; text-align:left; border-right:#7fd4f7 solid 1px; padding:0 10px }
.mod_list_pu .box-list-mod_list_pu ul li .check-u-n{ float:left; width:159px; height:50px; line-height:50px;  text-align:center; border-right:#7fd4f7 solid 1px;}
.mod_list_pu .box-list-mod_list_pu ul li .check-u-pu{ float:left; width:159px;height:50px; line-height:50px; text-align:center}
.mod_list_pu .box-list-mod_list_pu ul li.rle{background:#ffffff}
.mod_list_pu .box-list-mod_list_pu ul li img{ margin:17px 0 0 0}
.mod_list_pu .box-title-mod_list_pu{ background:#00adef; height:60px; width:100%}
.mod_list_pu .box-title-mod_list_pu .txt-name-dq{ float:left; margin:0 0 0 0; line-height:60px; width:516px;height:60px;  font-size:18px; font-weight:bold; color:#ffffff; text-align:center; border-right:#42cbff solid 1px }
.mod_list_pu .box-title-mod_list_pu .txt-user-n{ float:left; margin:0 0 0 0; line-height:60px; width:159px;height:60px;  font-size:18px; font-weight:bold; color:#ffffff; text-align:center; border-right:#42cbff solid 1px }
.mod_list_pu .box-title-mod_list_pu .txt-user-pu{ float:left; margin:0 0 0 0; line-height:60px; width:159px;height:60px;  font-size:18px; font-weight:bold; color:#ffffff; text-align:center; }

.mod_purchase{width:100%;overflow:hidden;position:relative;height:480px; border-bottom:#0 solid 1px; background:#212121}
.mod_purchase .title-name{height:60px; width:100%; text-align:center; color:#ffffff; font-size:40px; text-transform:uppercase; line-height:60px;  z-index:10; font-weight:lighter; margin:60px 0; float:left}
.mod_purchase ul{float:left; width:100%; height:240px;}
.mod_purchase ul li{float:left; width:180px; padding:20px; height:185px; margin:0 10px; background:#282828; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.mod_purchase ul li .txt-price{ color:#00adef; font-size:30px; font-weight:bold; text-transform:uppercase; line-height:52px; width:100%; float:left; text-align:center; margin:0 0 0px 0; font-family:'Segoe UI Semibold'}
.mod_purchase ul li .txt-price .price-usd{color:#00adef; font-size:18px !important; font-weight:bold; text-transform:uppercase; font-weight:bold; font-family:'Segoe UI Semibold'}
.txt-time{ text-align:center; color:#FFF; font-size:16px; width:100%; float:left; margin:0 0 13px 0; font-family:'Segoe UI Semibold'}
.txt-note{ text-align:center; color:#757575; font-size:15px; width:100%; float:left; margin:0 0 25px 0}
.mod_purchase .btn-submit{ text-align:center; color:#ffffff; line-height:50px;font-weight:bold; font-size:16px; text-transform:uppercase; width:100%; float:left; text-decoration:none;  height:47px; border-bottom:#c46300 solid 3px; background:#f57c00; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.mod_purchase .btn-submit:hover{border-bottom:#cc7a26 solid 3px; color:#FFF;  text-decoration:none; background:#ff982f; }

.mod_step{width:100%;overflow:hidden;position:relative;height:700px; border-bottom:#0 solid 1px;background:url(../images/bg-priority.jpg)}
.mod_step .title-name{height:60px; width:100%; text-align:center; color:#00adef; font-size:40px; text-transform:uppercase; line-height:60px;  z-index:10; font-weight:lighter; margin:40px 0 5px 0; float:left}
.mod_step .title-note{ width:100%; text-align:center; color:#616161; font-size:24px; line-height:24px;  z-index:10; font-weight:lighter; margin:0 0 60px 0; float:left}
.list-step{float:left; width:100%}
.list-step img{float:left; margin:48px 29px 0 29px}
.list-step li{float:left; width:260px}
.list-step li .title-step{ width:100%; float:left; color:#f57c00; font-size:40px; margin:0 0 25px 0;font-family:'Segoe UI';}
.list-step li .content-step{ width:260px; padding:0 50px 0 0; font-size:18px; line-height:22px;float:left}
.list-step li .content-step a{ color:#00adef; text-decoration:underline; font-weight:bold}
.mod_step .box_btn_nct{float:left; width:100%; position: relative; background:url(../images/bg_btn_nct.png) top center no-repeat; height:310px; margin:40px 0 0 0}
.mod_step .box_btn_nct .title_nct{ width:100%;  font-family:'Segoe UI Semibold';text-align:center; color:#212121; font-size:26px; line-height:24px;  z-index:10; font-weight:lighter; margin:40px 0 50px 0; float:left}


@-webkit-keyframes buttonNhacCuaTui {
  0%   { top: 150px; }
  40% { top: 140px; }
  100% { top: 150px; }
}
@-moz-keyframes buttonNhacCuaTui {
  0%   { top: 150px; }
  40% { top: 140px; }
  100% { top: 150px; }
}
@-o-keyframes buttonNhacCuaTui {
  0%   { top: 150px; }
  40% { top: 120px; }
  100% { top: 150px; }
}
@keyframes buttonNhacCuaTui {
  0%   { top: 150px; }
  40% { top: 140px; }
  100% { top: 150px; }
}

.mod_step .box_btn_nct .box_show_btn{float:left; width:100%; text-align:center; position: absolute;top: 150px;left: 0px;
    -webkit-animation: buttonNhacCuaTui 4s infinite;
    -moz-animation:    buttonNhacCuaTui 4s infinite;
    -o-animation:      buttonNhacCuaTui 4s infinite;
    animation:         buttonNhacCuaTui 4s infinite;
}


.scroll_tag{position:fixed;width:16px;right:40px;top:50%;margin-top:-91px;z-index:100;_position:absolute;_margin:0;_top:200px;zoom:1;height:208px}
.scroll_tag a{display:block;width:16px;height:16px;text-indent:-9999px;overflow:hidden;background:#d4d4d4;border-radius:16px;margin-bottom:10px;*zoom:1;_float:left}
.scroll_tag a:hover,.scroll_tag a.current{background:#ffb300}
.bg_popoup{position:fixed; background: url(../images/transparent-40.png); width:100%; height:100%; z-index:1000;}
.box_title_popup{float:left; height:60px; width:100%; background:#00adef; line-height:60px; text-align:center; -webkit-border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;}
.box_title_popup label{padding-left:10px; color:#FFF; font-weight:bold; font-size:24px; text-align:center}
.box_info_popup{position:relative; z-index:10001; width:980px; margin:-300px auto; padding:0%; background:#ffffff; top:50%; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; overflow:hidden}
.box_content_popup{float:left; font-size:14px; line-height:20px; padding:0; width:100%}
.box_content_popup .show_info{width:100%; float:left;}
.btn_close_pop{position:absolute; right:20px; top:20px}
.mod_step_pop{width:100%;overflow:hidden;position:relative;  border-bottom:#0 solid 1px;background:url(../images/bg-priority.jpg); padding:40px 0 0 0}
.mod_step_pop .box_btn_nct{float:left; width:100%; background:url(../images/bg_btn_nct.png) top center no-repeat;margin:20px 0 0 0}
.mod_step_pop .box_btn_nct .title_nct{ width:100%;  font-family:'Segoe UI Semibold';text-align:center; color:#212121; font-size:26px; line-height:24px;  z-index:10; font-weight:lighter; margin:40px 0 30px 0; float:left}
.mod_step_pop .box_btn_nct .box_show_btn{float:left; width:100%; text-align:center; margin:0 0 30px 0}