/*** RESET CSS START ***/
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, font, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: none; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
ol, ul { list-style: none; }
a { text-decoration: none; }
:focus { outline: 0; }
em { font-style: normal; }
/*** // RESET CSS FINISH ***/
/*
@font-face { font-family: 'Gotham'; src: url('../font/Gotham-Book.otf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('../font/Gotham-Bold.otf'); font-weight: bold; font-style: normal; }
*/
/*////////////////////////////////////////////////////////////////////////////*/

/*** MAIN ELEMENTS START ***/
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; border: none; }
    #mask { overflow: hidden; float: left; position: relative; left: 0px; top: 0px; width: 810px; height: 820px; }
        #area { float: left; position: relative; left: 0px; top: 0px; width: 810px; height: 7203px; background: url("../images/bg.jpg") no-repeat scroll 0 0 transparent; }
            #mask .bgEn { background: url("../images/bg_en.jpg") no-repeat scroll 0 0 transparent !important; }
            #area img { position: absolute; }
                /* original positions */
                .line0 { left: 428px; top: 488px; }
                .line0_en { left: 394px; }
                .c1 { left: 0px; top: 232px; }
                .c2 { right: 0px; top: 866px; }
                .c3 { left: 264px; top: 1472px; }
                .c4 { left: 0px; top: 1333px; }
                .c5 { right: 0px; top: 2002px; }
                .c6 { right: 0px; top: 3244px; }
                .c7 { left: 0px; top: 3733px; }
                .c8 { left: 0px; top: 4844px; }
                .c9 { left: 400px; top: 4844px; }
                
                .kobe { left: 494px; top:792px; }
                
                .t1 { left: 0px; top: 90px; }
                .t2 { left: 104px; top: 694px; }
                .t3 { left: 0px; top: 2292px; }
                .t4 { left: 144px; top: 5380px; }
                .t5 { left: 16px; top: 6207px; }
                
                .p1 { left: 0px; top: 2297px; }
                .p2 { left: 106px; top: 3394px; }
                .p3 { left: 502px; top: 4121px; }
                
                /* ani positions */
                /*.t2 { top: 644px; }*/
                .kobe { top: 1497px; }
                .t2H { top: 711px !important; }
                .kobeH { top: 793px !important; }
                
                .c2 { top: 1200px }
                .c3 { top: 2200px; }
                .c4 { top: 2650px; }
                .c5 { top: 4000px; }
                .p1 { top: 1800px; }
                .t3H { top: 2292px !important; }
                
                /*.p1H { top: 1800px !important; }*/
                .p1H { top: 2297px !important; }
                .p2 { top: 3400px; }
                .p3 { top: 3400px; }
                .c6 { top: 6000px; }
                .c7 { top: 6600px; }
                .c8 { top: 9000px; }
                .c9 { top: 9300px; }
                
                form { position: absolute; top: 6455px; left: 334px; }
                    form input {
                        display: block; height: 21px; margin: 27px 0 0 0; border: none; background: #fff;
                        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #000;
                    }
                    form input[type="text"] { width: 280px; }
                    form input[type="email"] { width: 280px; }
                    form input[type="button"] { display: none; }
                    #fakeSend { position: absolute; top: 6755px; left: 370px; padding: 2px 0;
                        background-color: #b25857; border-radius: 5px; width: 78px; cursor: pointer;
                        color: #fff; text-align: center; font-weight: bold; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;
                    }#fakeSend:hover { background-color: #fff; color: #b25857; }
                form input[type="checkbox"] { display: none; }
                .checkbox { width: 19px; height: 19px; position: absolute; left: 335px; top: 6720px;/* background: url("../images/checkbox.png") no-repeat scroll 0 0 transparent;*/ }
                .dn {display:none !important;}
                .db {display:block !important;}
                
                .hoverAni { opacity: 0; cursor: pointer; }
                .selected { opacity: 1 !important; cursor: default !important;}
                #kobe_btn { position: absolute; left: 238px; top: 6272px; width: 130px; height: 130px; }
                #messi_btn { position: absolute; left: 466px; top: 6272px; width: 130px; height: 130px; }
                .kobe_btn_r { position: absolute; left: 72px; top: 6693px; }
                .messi_btn_r { position: absolute; left: 428px; top: 6751px; }
                
                .kkTrigger {
                    cursor: pointer; opacity: 0; color: #b25857; position: absolute; top: 6727px; left: 360px;
                    -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;  
                }.kkTrigger:hover { opacity: 1; }
                .kk { display: none; overflow-y: scroll; position: absolute; top: 6475px; left: 190px; background: #f2f2f2; width: 438px; height: 220px; padding: 6px 5px 10px; }
                    h3 { text-align: center; color: #c24847; font-weight: bold; font-size: 21px; margin-bottom: 10px; }
                .closeKKbtn { display: none;
                    position: absolute; top: 6755px; left: 370px; background-color: #b25857; border-radius: 5px; width: 78px; cursor: pointer; padding: 3px 0;
                    color: #fff; text-align: center; font-weight: bold; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;    
                }.closeKKbtn:hover { background-color: #fff; color: #b25857; }
                .fanRes { opacity: 0; position: absolute; top: 6419px; left: 283px; }
                
                #goForm { position: absolute; left: 414px; top: 360px; width: 337px; height: 120px; cursor: pointer; }
                #goDown {
                    cursor: pointer; position: fixed; left: 22px; top: 66px; width: 40px; height: 22px; background: url("../images/up_down_btns.png") no-repeat scroll 0 0;
                     -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;
                }#goDown:hover { background-position: 0 -22px; }
                #goUp {
                    cursor: pointer; position: fixed; left: 22px; top: 22px; width: 40px; height: 22px; background: url("../images/up_down_btns.png") no-repeat scroll -40px 0;
                     -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;
                }#goUp:hover { background-position: -40px -22px; }
                
                .success { display: none; position: absolute; top: 6475px; left: 190px; background: #f2f2f2; width: 438px; height: 220px; padding: 6px 5px 10px; }
                    .yama { position: absolute; top: 241px; left: 139px; background: #f2f2f2; width: 307px; height: 33px; }
                    .success h3 { margin-top: 100px; }
                    
                .alert { display: none;
                    position: absolute; top: 6606px; left: 342px; background-color: #b25857; border-radius: 5px; cursor: pointer; padding: 5px 10px;
                    color: #fff; text-align: center; font-weight: bold; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;    
                }.alert:hover { background-color: #fff; color: #b25857; }
                .textAlert { left: 314px; }
                
/*** // MAIN ELEMENTS FINISH ***/