@charset "utf-8";
/* Reset */
html,body{width:100%;min-width:950px}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,caption,form,fieldset,legend,input{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
table#recaptcha_table{table-layout:auto;}
table#recaptcha_table input#recaptcha_response_field{background-color:#fff;height:20px;line-height:20px;font-size:14px;color:#000}
caption,th{text-align:left}
img,fieldset,abbr,acronym{border:0}
img{-ms-interpolation-mode:bicubic}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}

/* Base */
body{background-color:#fff;font:12px 'Roboto',sans-serif;color:#333}
a{color:#333;text-decoration:none;outline:0}
a:focus,a:hover,a:active{text-decoration:underline}
img{vertical-align:top}
textarea,input,select{font:12px 'Roboto',sans-serif;vertical-align:middle}
button{display:inline-block;margin:0;padding:0;border:0;background:none;font-size:0;line-height:0;vertical-align:top;cursor:pointer}
button:active,button:focus{outline:none}
caption,legend,hr{display:none}
input.txt{padding:3px 5px 0;border:1px solid #B7B7B7;font-size:11px}
input.cbox{width:13px;height:13px;vertical-align:top}
label{cursor:pointer}
div.clear{clear:both}

/* common */
body{background:#1e1e23 url(../images/main/body_bg.gif) 0 0 repeat-x}
#wrapper{overflow:hidden;position:relative;width:100%;min-width:940px;margin:0 auto;text-align:center}
#wrapper .blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}

/* header */
#wrapper header{position:relative;width:940px;height:40px;margin:0 auto}
#wrapper header p.time{line-height:40px;font-size:14px;color:#fff}
#wrapper header p.time strong{font-size:24px;font-weight:bold}
#wrapper header .support{position:absolute;top:0;left:0}
#wrapper header .support a{line-height: 40px;font-size: 14px;color:#fff;}
#wrapper header .profile{position:absolute;top:0;right:0}
#wrapper header .profile span{display:inline-block}
#wrapper header .profile span.account a{color:#ffa613}
#wrapper header .profile span.slice{padding:12px 10px 0;height:28px;vertical-align: top}
#wrapper header .profile span.slice img{vertical-align: top}
#wrapper header .profile span a{display:inline-block;line-height:40px;font-size:14px;color:#fff}
#wrapper header .profile span a:hover,#wrapper header .profile span a:active,#wrapper header .profile span a:focus{/*text-decoration:none*/}
#wrapper header .profile span.state{margin-right:10px;}
#wrapper header .profile .login span.slice{padding:14px 10px 0;height:26px;vertical-align: top}
#wrapper header .profile .login span.info{padding-left:16px;background:url(../images/common/icon_key_login.png) 0 12px no-repeat}
#wrapper header .profile .login span.info a{color:#ffa613}
#wrapper header .profile .logout span.info{width:130px;height:40px;margin-right:10px;padding-left:16px;background:url(../images/common/profile_bg.png) 0 5px no-repeat;color:#fff;text-align:left}
#wrapper header .profile .logout span.info a:hover,#wrapper header .profile .logout span.info a:active,#wrapper header .profile .logout span.info a:focus{/*background:url(../images/common/underline.gif) 0 25px repeat-x;*//*text-decoration: none;*/}
#wrapper header .profile .logout span.state{padding-left:16px;background:url(../images/common/icon_key.png) 0 12px no-repeat}
#wrapper header .profile .logout span img{vertical-align:middle}

/* login layer */
#login{display:none;position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;background:url(../images/common/dim.png) 0 0 repeat}
#login .close_btn{position:absolute;top:20px;right:20px}
#login .login_body{padding:40px;text-align:left}
#login a:hover,#login a:active,#login a:focus{text-decoration:none}
#login article{display:none;position:absolute;top:290px;left:50%;width:460px;margin-left:-230px;background-color:#fff}
#login article h1{padding:14px 0;background-color:#505057;font-weight:300;font-size:24px;color:#fff}
#login article#sign_up h1{padding:17px 0 16px;font-size:20px}
#login article h1 strong{font-weight:700}
#login article h2{height:14px;font-weight:300;font-size:14px;line-height:14px;color:#666}
#login article .login_sns li{position:relative;width:100%;height:50px;margin-top:10px}
#login article .login_sns li.login_sns_facebook{background-color:#3b5998}
#login article .login_sns li.login_sns_facebook:hover,#login article .login_sns li.login_sns_facebook:active,#login article .login_sns li.login_sns_facebook:focus{background-color:#355089}
#login article .login_sns li.login_sns_google{background-color:#dd4b39}
#login article .login_sns li.login_sns_google:hover,#login article .login_sns li.login_sns_google:active,#login article .login_sns li.login_sns_google:focus{background-color:#c84434}
#login article .login_sns li a{display:block;padding-left:46px;font-weight:500;font-size:16px;line-height:50px;color:#f2f2f2;box-sizing:border-box}
#login article .login_sns li a span{position:absolute;top:17px;left:20px}
#login article .login_sns li a em{position:absolute;top:20px;right:16px}
#login article .login_line{width:100%;height:1px;margin:20px 0;background-color:#e6e6e6}
#login article .login_email legend{display:block}
#login article .login_email input{display:block;width:100%;height:40px;margin-top:10px;padding:0 10px;border:1px solid #e6e6e6;line-height:40px;color:#666;box-sizing:border-box}
#login article .login_email.birthday_con{margin-top:10px}
#login article .login_email.birthday_con:after{display:block;clear:both;content:''}
#login article .login_email.birthday_con>ul>li{float:left;position:relative;width:120px;height:40px;margin-left:10px;background:url(../images/common/login_input_arrow.gif) 103px 18px no-repeat;box-sizing:border-box}
#login article .login_email.birthday_con>ul>li:first-child{margin-left:0}
#login article .login_email.birthday_con>ul>li>a{display:block;width:120px;height:40px;padding-left:15px;border:1px solid #e6e6e6;line-height:40px;font-size:14px;color:#ccc;box-sizing:border-box}
#login article .login_email.birthday_con .birthday_con_list{display:none;overflow-x:hidden;overflow-y:scroll;position:absolute;top:38px;left:0;width:120px;height:100px;padding-bottom:5px;border:1px solid #bfbfbf;border-top:0;background-color:#fff;box-sizing:border-box}
#login article .login_email.birthday_con .birthday_con_list li{width:120px}
#login article .login_email.birthday_con .birthday_con_list li a{display:block;line-height:20px;text-align:center;text-align: left;text-indent: 15px}
#login article .login_email.birthday_con .birthday_con_list li a:hover{background-color:#eaeaea}
#login article .login_email label{display:none}
#login article .login_email .login_email_warning,#login article .login_email .login_email_warning_sign_up,#login article .login_email .login_email_warning_repeat{display:none;margin-top:5px;color:#ffa613}
#login article .login_email .login_saved{overflow:hidden;position:relative;width:100%;margin-top:10px;background:url(../images/common/login_saved_slice.gif) 82px 5px no-repeat}
#login article .login_email .login_saved label{display:inline-block;float:left;position:relative;width:50px;height:18px;margin-right:10px;padding:2px 0 0 25px;line-height:18px;font-size:14px;color:#a6a6a6}
#login article .login_email .login_saved input[type=checkbox]{display:inline-block;position:absolute;top:0;left:-10000px;width:16px;height:16px;margin:0;border:0;background:none}
#login article .login_email .login_saved label:before{display:inline-block;position:absolute;top:2px;left:0;width:16px;height:16px;padding-right:5px;background:url(../images/common/login_check.gif) 0 0 no-repeat;vertical-align:top;content:' '}
#login article .login_email .login_saved input[type=checkbox]:checked + label:before{background:url(../images/common/login_check.gif) 0 -16px no-repeat}
#login article .login_email .login_saved.checked label:before{background:url(../images/common/login_check.gif) 0 -16px no-repeat}
#login article .login_email .login_saved a{display:inline-block;float:left;margin-left:10px;padding-top:2px;border-bottom:1px solid #bebebe;line-height:18px;font-size:14px;color:#a6a6a6}
#login article .login_email .login_email_btn{position:relative;width:100%;height:50px;margin-top:20px}
#login article .login_email .login_email_btn a{display:block;padding-left:46px;background-color:#a6a6a6;font-size:16px;line-height:50px;color:#fff;box-sizing:border-box}
#login article .login_email .login_email_btn a:hover,#login article .login_email .login_email_btn a:active,#login article .login_email .login_email_btn a:focus{background-color:#8e8e8e}
#login article .login_email .login_email_btn a span{position:absolute;top:19px;left:20px}
#login article .login_email .login_email_btn a em{position:absolute;top:20px;right:16px}
#login article .login_email .login_add_txt{margin-top:10px}
#login article .login_email .login_add_txt a{font-weight:500;font-size:16px;color:#666}
#login article .login_email .login_add_txt a strong{color:#ffa613}
#login article .login_email .login_add_txt a:hover strong,#login article .login_email .login_add_txt a:active strong,#login article .login_email .login_add_txt a:focus strong{border-bottom:1px solid #ffa613}
#login article#sign_up .login_email .login_saved label{width:60px}
#login article#sign_up .login_email .login_saved span{display:inline-block;float:left;padding-top:2px;font-size:14px;border-bottom:1px solid #949494;color:#666}
#login article#sign_up .login_email .login_saved span a {float:none;margin:0;padding:0;color:#666;border:0}
#login article .password_btn{overflow:hidden;margin-top:40px;text-align:center}
#login article .password_btn a{display:inline-block;margin:0 3px;padding:12px 20px;font-size:16px;color:#fff}
#login article .password_btn a.password_btn_confirm{background-color:#ffa613}
#login article .password_btn a.password_btn_confirm:hover,#login article .password_btn a.password_btn_confirm:active,#login article .password_btn a.password_btn_confirm:focus{background-color:#e69410}
#login article .password_btn a.password_btn_cancle{background-color:#a6a6a6}
#login article .password_btn a.password_btn_cancle:hover,#login article .password_btn a.password_btn_cancle:active,#login article .password_btn a.password_btn_cancle:focus{background-color:#47474d}
#login article input:focus{border:1px solid #bfbfbf;outline:none}

/* nav */
#nav{overflow:hidden;position:absolute;top:500px;left:50%;z-index:100;width:940px;height:58px;margin-left:-470px;border-top:2px solid #ffa613;background-color:#1e1e23;text-align:left;-webkit-transition:all .3s;transition:all .3s}
#nav>ul>li{float:left;width:235px}
#nav>ul>li h2 a{display:block;font-size:16px;font-weight:bold;line-height:58px;color:#a6a6a6}
#nav>ul>li h2 a:hover,#nav>ul>li h2 a:active,#nav>ul>li h2 a:focus,#nav>ul>li>ul>li>h3>a:hover,#nav>ul>li>ul>li>h3>a:active,#nav>ul>li>ul>li>h3>a:focus{text-decoration:none}
#nav>ul>li.nav1 h2 a,#nav>ul>li.nav1 ul{width:169px;padding-left:66px}
#nav>ul>li.nav2 h2 a,#nav>ul>li.nav2 ul{width:140px;padding-left:95px}
#nav>ul>li.nav3 h2 a,#nav>ul>li.nav3 ul{width:169px;padding-left:66px}
#nav>ul>li.nav4 h2 a,#nav>ul>li.nav4 ul{width:165px;padding-left:70px}
#nav.on{height:auto;max-height:200px;padding-bottom:20px}
#nav>ul>li>ul>li>h3>a{font-size:14px;line-height:30px;color:#a6a6a6}
#nav>ul>li:hover h2 a,#nav>ul>li:hover ul li h3 a{color:#fff}
#nav>ul>li.active h2 a{color:#fff;}
#nav>ul>li h2 a{position:relative}
#nav>ul>li.nav1 h2 a:before{display:block;position:absolute;top:45px;left:66px;width:0;content:'';-webkit-transition:all .3s;transition:all .3s}
#nav>ul>li.nav2 h2 a:before{display:block;position:absolute;top:45px;left:95px;width:0;content:'';-webkit-transition:all .3s;transition:all .3s}
#nav>ul>li.nav3 h2 a:before{display:block;position:absolute;top:45px;left:66px;width:0;content:'';-webkit-transition:all .3s;transition:all .3s}
#nav>ul>li.nav4 h2 a:before{display:block;position:absolute;top:45px;left:70px;width:0;content:'';-webkit-transition:all .3s;transition:all .3s}
#nav>ul>li.nav1:hover h2 a:before{display:block;position:absolute;top:45px;left:66px;width:102px;border-top:1px solid #f4aa2f;content:''}
#nav>ul>li.nav2:hover h2 a:before{display:block;position:absolute;top:45px;left:95px;width:47px;border-top:1px solid #f4aa2f;content:''}
#nav>ul>li.nav3:hover h2 a:before{display:block;position:absolute;top:45px;left:66px;width:102px;border-top:1px solid #f4aa2f;content:''}
#nav>ul>li.nav4:hover h2 a:before{display:block;position:absolute;top:45px;left:70px;width:94px;border-top:1px solid #f4aa2f;content:''}
#nav>ul>li ul li h3 a:hover{color:#ffa613}
#nav>ul>li ul li.active h3 a{color:#ffa613}

/* banner */
#banner{overflow:hidden;width:919px;margin:0 auto;padding:70px 10px 10px;border-right:1px solid #39393d;border-bottom:1px solid #39393d;background-color:#2d2d33;box-shadow:1px 1px 5px #000}
#banner .main_banner{float:left;width:690px}
#banner .main_banner ul.banner_img{overflow:hidden;position:relative;width:690px;height:240px}
#banner .main_banner ul.banner_img li{position:absolute;top:0;left:0}
#banner .main_banner ul.banner_img li img{width: 690px;height: 240px;}
#banner .main_banner ul.banner_dot{width:690px;margin-top:10px;text-align:right}
#banner .main_banner ul.banner_dot li{display:inline}
#banner .main_banner ul.banner_dot li a{display:inline-block;width:10px;height:10px;margin-left:6px;background:url(../images/main/main_banner_dot.gif) 0 0 no-repeat}
#banner .main_banner ul.banner_dot li.on a{display:inline-block;width:30px;background:url(../images/main/main_banner_dot_on.gif) 0 0 no-repeat}
#banner .main_banner ul.banner_dot li.on:hover a{background:url(../images/main/main_banner_dot_on.gif) 0 0 no-repeat}
#banner .main_banner ul.banner_dot li a:hover{background:url(../images/main/main_banner_dot_over.gif) 0 0 no-repeat}
#banner .banner_side{float:right;width:220px}
#banner .banner_side .banner_side_tip{overflow:hidden;width:220px;height:125px;background:url(../images/main/main_banner_tip_bg.gif) 0 0 no-repeat}
#banner .banner_side .banner_side_cash{overflow:hidden;width:220px;height:125px;margin-top:10px;background:url(../images/main/main_banner_tip_bg.gif) 0 0 no-repeat}
#banner .banner_side a:hover img,#banner .banner_side a:active img,#banner .banner_side a:focus img{margin-top:-125px}

/* footer */
footer{width:100%;height:50px;margin-top:60px;padding:16px 0;background-color:#19191e}
footer .footer_con{overflow:hidden;width:940px;margin:0 auto}
footer .footer_con .sns_con{float:left;width:110px}
footer .footer_con .logo{float:right;width:70px}
footer .footer_con .lin_con{float:left;padding:8px 0 0 122px;text-align:left}
footer .footer_con .lin_con ul li{display:inline-block;padding:0 8px 0 9px;background:url(../images/common/footer_slice.gif) 0 5px no-repeat}
footer .footer_con .lin_con ul li:first-child{background:none}
footer .footer_con .lin_con ul li a{font-size:14px;color:#ccc}
footer .footer_con .lin_con .copyright{line-height:20px;color:#666;text-indent:9px}

/* policy */
#policy{min-width:620px;background: none;}
#policy_wrap {width:100%;padding:40px;box-sizing: border-box;}
#policy_wrap h1{margin:-6px 0 0 -1px;font-weight:300;font-size: 24px;color:#333;}
#policy_wrap h2{margin-top:37px;font-size:14px;font-weight: 700;color:#666;}
#policy_wrap .tab_list{overflow: hidden;width:100%;margin-top:34px;}
#policy_wrap .tab_list li{float: left;width:50%;border-top:2px solid #a6a6a6;border-bottom:1px solid #e6e6e6;text-align: center;}
#policy_wrap .tab_list li a{display: block;padding:21px 0;color:#a6a6a6;font-size:16px;font-weight:700;}
#policy_wrap .tab_list li.active{border-top:2px solid #ffa613}
#policy_wrap .tab_list li.active a{color:#ffa613}
#policy_wrap .tab_list li a:hover,#policy_wrap .tab_list li a:active,#policy_wrap .tab_list li a:focus{text-decoration: none;}
#policy_wrap .last_updated{margin-top:40px;padding-bottom:14px;font-weight:300;font-size:12px;color:#666}
#policy_wrap .last_updated strong{color:#ffa613}
#policy_wrap .policy_msg{margin-top:26px;font-weight:300;font-size:14px;color:#666;line-height: 18px;}
#policy_wrap .policy_list{width:100%;margin-top: 40px;padding:20px 20px 16px;border:1px solid #e6e6e6;box-sizing: border-box;}
#policy_wrap .policy_list h1{margin-top:2px;font-size: 14px;font-weight: 700;color:#ffa613}
#policy_wrap .policy_list ul li{margin-top:5px;}
#policy_wrap .policy_list ul li:first-child{margin-top:28px;}
#policy_wrap .policy_list ul li h2{margin-top:0;font-weight: normal}
#policy_wrap .policy_list ul li a{font-size: 14px;color:#666;}
#policy_wrap .policy_list ul li a:hover,#policy_wrap .policy_list ul li a:active,#policy_wrap .policy_list ul li a:focus{text-decoration: none;}
#policy_wrap .policy_txt{margin-top:12px;font-size: 14px;color:#666;line-height:22px;}