@charset "utf-8";
/* CSS Document */
html {box-sizing:border-box;}
input:focus, button:focus, textarea:focus {outline:none;}
/**,*:before,*:after {box-sizing:inherit;}*/
.blind {font-size:0; height:1px; letter-spacing:0; line-height:0; overflow:hidden; position:absolute; visibility:hidden; width:1px;}
img {max-width:100% ; height:auto;}
body {}


/* 20160408 gamezone event */
.gamezone_area {background:#ffdd3e url(/_template/service/images/07event_images/2016/04_gamezone/gamezone_rps_bg.jpg) repeat left top; text-align:center; font-size:12px ;}
.gamezone_area h1, .email_confirm_event h1 {width:90%; height:auto; margin:0 auto; padding-top:2rem;}
.gamezone_area .cash_box {
	margin:3% 4% 4%; 
	background-color:rgba(255,255,255,0.3); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#4dffffff, endColorStr=#4dffffff); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#4dffffff, endColorStr=#4dffffff )"; 
	zoom:1; 
	color:#8b6439;
	text-transform:uppercase; 
	font-size:0.9rem;
}
.gamezone_area .cash_box p {padding:3% 0 2.8%;}
.gamezone_area .cash_box span {font-weight:600; color:704f2c;}

#rps_area {background:#ffcc31; padding:7% 4% 3%; font-size:.8rem;}
#rps_area ul {border:solid .2rem #cf9e00; background:#fff; color:#cf9e00; letter-spacing:-0.1em; margin-top:5%;}
#rps_area ul:after {content:""; display:block; clear:both;}
#rps_area li {width:33%; float:left; padding:.3rem .2rem 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:1.5rem; vertical-align:middle;}
#rps_area ul li:nth-child(3n-1) {width:34%;}
#rps_area ul li:nth-child(2n+1) {background:#ffdc1d; color:#fff; font-size:.9rem;}
#rps_area ul li.on {background:#ff4639; color:#fff;}

#rps_area .motion_area {width:95%; height:auto; position:relative; margin:0 auto;}
#rps_area .motion_area img {width:100%; height:auto;}
#rps_area .motion_area .rps_motion {width:68%; margin:0 auto; height:68%; position:absolute; left:16%; top:17%;}

#rps_area .motion_area .rps_result {width:100%; height:100%; position:absolute; left:0; top:0;}
#rps_area .motion_area .rps_result p {position:absolute; width:42%; height:auto;}
#rps_area .motion_area .result_win_lt {left:-3%; top:-3%;}
#rps_area .motion_area .result_win_rt {right:-3%; top:-3%;}
#rps_area .motion_area .result_draw {right:-3%; bottom:-3%;}
#rps_area .motion_area .result_lose {left:-3%; bottom:-3%;}

.rps_choice {background:#ffe751 url(/_template/service/images/07event_images/2016/04_gamezone/gamezone_rps_rule_bg.png) repeat-x left top; height:60px; background-size:auto 20%;}
.rps_choice>input {width:20%; height:95%; border:none; font-size:0; cursor:pointer; margin:0 2%;}
.rps_choice .rps_rock {background:url(/_template/service/images/07event_images/2016/04_gamezone/btn_rps_rock.png) no-repeat center center; background-size:contain;}
.rps_choice .rps_rock:hover {background:url(/_template/service/images/07event_images/2016/04_gamezone/btn_rps_rock_active.png)  no-repeat center center; background-size:contain;}
.rps_choice .rps_rock_on {background:url(/_template/service/images/07event_images/2016/04_gamezone/btn_rps_rock_active.png)  no-repeat center center; background-size:contain;}
.rps_choice .rps_scissors {background:url(/_template/service/images/07event_images/2016/04_gamezone/btn_rps_scissors.png) no-repeat center center; background-size:contain;}
.rps_choice .rps_scissors:hover {background:url(/_template/service/images/07event_images/2016/04_gamezone/btn_rps_scissors_active.png)  no-repeat center center; background-size:contain;}
.rps_choice .rps_scissors_on {background:url(/_template/service/images/07event_images/2016/04_gamezone/btn_rps_scissors_active.png)  no-repeat center center; background-size:contain;}
.rps_choice .rps_paper {background:url(/_template/service/images/07event_images/2016/04_gamezone/btn_rps_paper.png) no-repeat center center; background-size:contain;}
.rps_choice .rps_paper:hover {background:url(/_template/service/images/07event_images/2016/04_gamezone/btn_rps_paper_active.png)  no-repeat center center; background-size:contain;}
.rps_choice .rps_paper_on {background:url(/_template/service/images/07event_images/2016/04_gamezone/btn_rps_paper_active.png)  no-repeat center center; background-size:contain;}

.notice_txt {background:#ffd041; color:#a06c44; font-size:0.8rem; font-weight:bold; padding:.7rem 10% .5rem; word-break:keep-all;}

.gamezone_area .note_warning {background:#8d5429; color:#cdb29e; font-size:0.7rem; text-align:left; padding:.5rem 0 4%;}
.gamezone_area .note_warning p {width:40%; display:inline-block; margin:2% 0 2% 4%;}
.gamezone_area .note_warning ul {width:92%; margin:0 auto;}
.gamezone_area .note_warning li {background:url(/_template/service/images/07event_images/2016/04_gamezone/bul_brown.png) no-repeat 2px 7px; padding:.4% 0 .4% 8px; line-height:120%;}
.gamezone_area .note_warning li>strong {color:#e5d8cf; display:block; margin-top:2px;}

/* 20160711 email confirm event */
.email_confirm_event {background:#83dbff url(/_template/service/images/mini/event/2016/07_mail_confirm/email_confirm_bg.jpg) no-repeat left top; text-align:center; font-size:12px ; background-size:contain; padding:138px 0 0 0 ;}
.email_confirm_event img {width:100%;}
.email_confirm_event .email_event_step {width:95%; margin:0 auto; position:relative; top:-20px;}
.email_event_step .event_form {background:url(/_template/service/images/mini/event/2016/07_mail_confirm/email_confirm_event_bg_repeat.png) repeat-y left bottom; background-size:100%; text-align:left;}
.email_event_step .event_form .mail_e_confirm {padding-top:10px; position:relative; margin:0 4%;}
.mail_e_confirm input {border:solid 2px #344859; height:40px; width:46%; font-size:14px; font-weight:bold; padding:0 5px;color:#3e566a; right:0; }
.mail_e_confirm .idarea {background:#fff url(/_template/service/images/mini/event/2016/07_mail_confirm/email_confirm_event_bg_3.png) no-repeat right 0; background-size:contain; border:solid 2px #344859; height:40px; width:52%; font-size:17px; font-weight:bold; color:#3e566a; padding:0 24px 0 5px;}
/*.mail_e_confirm select {border:solid 2px #344859; height:40px; width:42%; font-size:17px; font-weight:bold; padding:0 5px;color:#3e566a; right:0; position:absolute;}*/

.email_confirm_event .mail_agree {background:#ffd923;  padding:12px ; color:#46453f; font-size:14px; text-align:left; margin:10px 4% 4% 4%;}
.email_confirm_event .mail_agree span {font-weight:bold; margin-right:8px; padding-left:5px;}
.email_confirm_event .mail_agree p {border-top:solid 1px #ffef6b; margin-top:8px; font-size:13px; word-break:keep-all; padding:8px 5px 0 5px;}
.email_confirm_event .confirm_btn {width:54%; display:block; margin:0 auto;}
.email_event_step ul {padding:4% 0 4% 0; color:#5d675c; line-height:1.2em; font-size:.9em; background:url(/_template/service/images/mini/event/2016/07_mail_confirm/email_confirm_event_bg_2.png) no-repeat left bottom; background-size:100%; }
.email_event_step li {margin:0 5%; background:url(/_template/service/images/mini/event/2016/07_mail_confirm/bul_head.png) no-repeat 0 1px; word-break:keep-all; padding:2px 0 2px 5px; letter-spacing:-.1em;}
.email_confirm_event .event_target {width:95%; margin:-10px auto;}
.email_confirm_event .new_movie {padding:6% 0 0 0;}
.new_movie .movie_list {background:#ddf8ff; padding:3% 3%; position:relative;}
.new_movie .movie_list h2 {width:23%;}
.new_movie .movie_list .more img {width:4%; position:absolute; top:5%; right:4%;}
.new_movie .movie_list ul {padding:2% 0;}
.new_movie .movie_list ul:after {content:""; display:block; clear:both;}
.new_movie .movie_list li {width:31%; float:left; box-shadow:2px 2px 0 #334a5c; border:solid 2px #334a5c; display:block;}
.new_movie .movie_list li:nth-child(2) {margin:0 3%;}
.email_confirm_event .event_info {background:#ddf8ff url(/_template/service/images/mini/event/2016/07_mail_confirm/email_confirm_event_bg_dotline.png) no-repeat left top; background-size:contain; text-align:left;padding:4% 3% 5%; }
.email_confirm_event .event_info strong {font-size:13px; color:#45bae9;}
.email_confirm_event .event_info ul {color:#344858; line-height:120%; padding-top:1%; font-size:.9em;}
.email_confirm_event .event_info li {padding:2px 0 2px 6px; background:url(/_template/service/images/mini/event/2016/07_mail_confirm/bul_head.png) no-repeat 0 1px; word-break:keep-all; }

.confirm_event_popup {position:absolute; z-index:1; background-color:#FFF; margin:0 30px; border:2px solid #52576a; top:250px;}
.confirm_event_popup .tit_txt {background:#52576a; text-align:center; color:#808598; font-size:15px; padding:45px 10px 35px 10px; line-height:140%;}
.confirm_event_popup .tit_txt strong {display:block; font-size:18px; color:#fff; padding-bottom:8px;}
.confirm_event_popup .tit_txt strong span {font-size:22px;}
.confirm_event_popup .tit_txt a {position:absolute; right:12px; top:12px; width:22px; height:22px; display:block;}
.confirm_event_popup .cont_form {padding:15px 20px;}
.cont_form .time_info {font-size:13px; color:#333;}
.cont_form .num_form input {width:100%; height:44px; padding:0 5px; font-weight:bold; color:#3cc523; text-align:center; font-size:22px; margin:5px 0 8px 0; border-radius:0; border:solid 1px #ccc; background:#fff url(/_template/service/images/mini/event/2016/07_mail_confirm/popup_input_bg.png) no-repeat 0 0;}
.cont_form .num_form .button {width:100%; border:solid 1px #32b41a; background:#3cc523; color:#fff; cursor:pointer; height:40px; font-weight:bold; font-size:16px;}
.cont_form .non_confirm {margin:15px 0 40px; text-align:center; line-height:140%;}
.cont_form .non_confirm a {font-size:15px; font-weight:bold; text-decoration:underline; color:#3cc523;}
.cont_form .con_event_info {border-top:dashed 2px #eeeeee; padding:20px 0;}
.cont_form .con_event_info h3 {background:url(/_template/service/images/mini/event/2016//07_mail_confirm/ico_warning.png) no-repeat 0 0; background-size:contain; padding-left:20px;font-size:14px; height:13px;}
.cont_form .con_event_info ol {list-style-type:decimal; list-style-position:outside; font-size:13px; padding-top:10px; line-height:120%;}
.cont_form .con_event_info li {margin:0 0 0 18px; padding:2px 0;}


/* 20160805 download three war */
.event_warp {font-size:12px;}
.event_warp img {width:100%;}
.event_warp th {text-align:center;}

.map_sec {background:url(/_template/service/images/07event_images/2016/08_down_three_war/down_war_bg2.jpg) no-repeat center top; background-size:cover;}
.choice_sec {text-align:center; background:url(/_template/service/images/07event_images/2016/08_down_three_war/world_map.jpg) no-repeat 0 0; background-size:100% auto; padding:12% 0 15% 0;}
.choice_sec em {width:35%; display:block; margin:0 auto;}
.choice_sec .flag_choice {width:100%; padding-top:5%}
.choice_sec .flag_choice a {display:inline-block; width:26%; margin:0 .4%;}

.choice_sec2 {text-align:center; background:url(/_template/service/images/07event_images/2016/08_down_three_war/world_map.jpg) no-repeat 0 0; background-size:100% auto; padding:5% 0 3% 0;}
.choice_sec2 .percent {padding:3% 3% 0 3%;}
.choice_sec2 .three_tb { font-size:11px;background-color:rgba(105, 76, 62, 0.4);}
.choice_sec2 .three_tb td, .choice_sec2 .three_tb th {color:#f4e4cd; height:22px;text-align:center; text-align:center; border-bottom:solid 1px #1b1c1a; padding:5px 0; font-weight:normal;}
.choice_sec2 .three_tb th {color:#b3a391;}
.choice_sec2 .three_tb img {height:90%; width:auto; vertical-align:middle;}

.choice_sec2 .flag_map {width:73%; height:auto; margin:3% auto;}
.choice_sec2 .flag_map table {width:100%; height:100%;}
.choice_sec2 .flag_map table img {width:74%;}
.flag_map td {padding:.5% 0;}
.flag_map .flag_rt {text-align:right;}

.war_sec3 {background:#2c2a27 url(/_template/service/images/07event_images/2016/08_down_three_war/down_war_bg.jpg) no-repeat left top; padding:0 5% 5%; background-size:cover;}
.war_class {font-size:11px; margin-bottom:5%;}
.war_class thead {background-color:rgba(51, 45, 38, 0.6);}
.war_class th {font-weight:400; color:#857c71; height:28px;}
.war_class tbody {background-color:rgba(116, 102, 86, 0.3); ;}
.war_class td {color:#948778; height:28px; border-top:solid 1px #262423; text-align:center;font-size:11px;}

.sub_sec3 {margin:5% 0;}
.sub_sec h4, .sub_sec2 h4, .sub_sec3 h4, .sub_sec4 h4, .war_info h4 {width:60%; margin-bottom:6px;}
.sub_sec h4>img, .sub_sec2 h4>img, .sub_sec3 h4>img, .sub_sec4 h4>img, .war_info h4>img {width:auto;}
.war_tb thead {background-color:rgba(51, 45, 38, 0.6);}
.war_tb th {font-weight:400; color:#948778; height:32px; font-size:11px; border-left:solid 1px #262423;}
.war_tb tbody {background-color:rgba(116, 102, 86, 0.6); }
.war_tb td {color:#f4e4cd; height:28px; text-align:center; border-left:solid 1px #262423; text-align:center;}
.br_none {border-left:none }

.war_sec4 {background-color:#2c2a27;}
.war_sec4 .theme_area {background:#fff url(/_template/service/images/07event_images/2016/08_down_three_war/down_war_theme_ds.jpg) repeat-x left top; margin:0 5%; padding:5% 4%;}
.theme_sec {border-top:solid 1px #ddd; padding-top:3%;}
.theme_sec2 {background:#eaeaea; padding:1.5%; margin:3% 0;}
.theme_sec2 select {height:24px; float:left; border:solid 1px #ccc; width:26%; padding-left:2px; font-size:11px;border-radius:0; }
.theme_sec2 input {height:24px; padding:0 5px; float:left; border:solid 1px #ccc; margin:0 5px; width:58%; font-size:12px;border-radius:0; }
.theme_sec2 a {border:solid 1px #6b6b6b; color:#fff; background:#7d7d7d; font-size:11px; font-weight:bold; height:24px; float:left; display:block; width:12%; text-align:center; padding-top:5px;}
.theme_sec2 form:after {content:""; display:block; clear:both;}

.theme_sec3 .sort2 {padding:0 0 10px 0; position:relative;}
.theme_sec3 .sort2 select {font-size:11px; padding:2px 0 1px; border-radius:0; border:solid 1px #ccc; }
.theme_sec3 .sort2 span {color:#ccc; position:absolute; right:0; bottom:10px;}
.theme_sec3 .sort2 a {margin:0 4px;}
.theme_sec3 .sort2 .on {font-weight:bold;}
.theme_tb .bg_none {background:#fff;}
.theme_tb .tit {text-align:left; font-size:12px;}
.theme_tb .sort {color:#ad9e7e; }
.theme_tb a:hover {text-decoration:underline;}
.theme_tb thead {background:#fafafa;}
.theme_tb th {font-weight:400; height:28px; font-size:11px; border-top:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8;}
.theme_tb tr {background:#fbfbfb; }
.theme_tb td {height:28px;text-align:center; text-align:center;border-bottom:solid 1px #f0f1f3; font-size:11px;}

.war_info {padding:3% 5%}
.war_info ul {color:#978a7c; font-size:11px; line-height:140%;}

.war_down ul {border-top:solid 1px #ddd;}
.war_down li {border-bottom:solid 1px #ececec; padding:8px 4px 6px; position:relative; font-size:.8em; color:#6284be; line-height:140%;}
.war_down li p {font-size:1.2em; padding-right:33px;}
.war_down li a {color:#000;}
.war_down li a.del {color:#F33; margin-left:2px;}
.war_down li span {position:absolute; right:4px; top:24px; color:#666;}